import {
  $5d3850c4d0b4e6c7$export$393edc798c47379d,
  $5d3850c4d0b4e6c7$export$41fb9f06171c75f4,
  $5d3850c4d0b4e6c7$export$602eac185826482c,
  $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,
  $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9,
  $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff,
  $5d3850c4d0b4e6c7$export$f39c2d165cd861fe,
  $5d3850c4d0b4e6c7$export$f99233281efd08a0
} from "/build/_shared/chunk-LYGYU3G2.js";
import {
  cva
} from "/build/_shared/chunk-4CHLX6OP.js";
import {
  Cross2Icon,
  cn
} from "/build/_shared/chunk-P2DAPPQF.js";
import {
  require_jsx_dev_runtime
} from "/build/_shared/chunk-D5XSJF2M.js";
import {
  require_react
} from "/build/_shared/chunk-HWKMUXRS.js";
import {
  createHotContext,
  init_remix_hmr
} from "/build/_shared/chunk-4FTV3JJX.js";
import {
  __toESM
} from "/build/_shared/chunk-RODUX5XG.js";

// app/components/ui/sheet.tsx
init_remix_hmr();
var React = __toESM(require_react(), 1);
var import_jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
if (!window.$RefreshReg$ || !window.$RefreshSig$ || !window.$RefreshRuntime$) {
  console.warn("remix:hmr: React Fast Refresh only works when the Remix compiler is running in development mode.");
} else {
  prevRefreshReg = window.$RefreshReg$;
  prevRefreshSig = window.$RefreshSig$;
  window.$RefreshReg$ = (type, id) => {
    window.$RefreshRuntime$.register(type, '"app/components/ui/sheet.tsx"' + id);
  };
  window.$RefreshSig$ = window.$RefreshRuntime$.createSignatureFunctionForTransform;
}
var prevRefreshReg;
var prevRefreshSig;
if (import.meta) {
  import.meta.hot = createHotContext(
    //@ts-expect-error
    "app/components/ui/sheet.tsx"
  );
  import.meta.hot.lastModified = "1711987995983.5342";
}
var Sheet = $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9;
var SheetTrigger = $5d3850c4d0b4e6c7$export$41fb9f06171c75f4;
var SheetPortal = $5d3850c4d0b4e6c7$export$602eac185826482c;
var SheetOverlay = React.forwardRef(_c = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80", className), ...props, ref }, void 0, false, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 34,
  columnNumber: 12
}, this));
_c2 = SheetOverlay;
SheetOverlay.displayName = $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff.displayName;
var sheetVariants = cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
  variants: {
    side: {
      top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
      left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
      right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
    }
  },
  defaultVariants: {
    side: "right"
  }
});
var SheetContent = React.forwardRef(_c3 = ({
  side = "right",
  className,
  children,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(SheetPortal, { children: [
  /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(SheetOverlay, {}, void 0, false, {
    fileName: "app/components/ui/sheet.tsx",
    lineNumber: 56,
    columnNumber: 7
  }, this),
  /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ref, className: cn(sheetVariants({
    side
  }), className), ...props, children: [
    children,
    /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
      /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Cross2Icon, { className: "h-4 w-4" }, void 0, false, {
        fileName: "app/components/ui/sheet.tsx",
        lineNumber: 62,
        columnNumber: 11
      }, this),
      /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { className: "sr-only", children: "Close" }, void 0, false, {
        fileName: "app/components/ui/sheet.tsx",
        lineNumber: 63,
        columnNumber: 11
      }, this)
    ] }, void 0, true, {
      fileName: "app/components/ui/sheet.tsx",
      lineNumber: 61,
      columnNumber: 9
    }, this)
  ] }, void 0, true, {
    fileName: "app/components/ui/sheet.tsx",
    lineNumber: 57,
    columnNumber: 7
  }, this)
] }, void 0, true, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 55,
  columnNumber: 12
}, this));
_c4 = SheetContent;
SheetContent.displayName = $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2.displayName;
var SheetHeader = ({
  className,
  ...props
}) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }, void 0, false, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 72,
  columnNumber: 7
}, this);
_c5 = SheetHeader;
SheetHeader.displayName = "SheetHeader";
var SheetFooter = ({
  className,
  ...props
}) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }, void 0, false, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 78,
  columnNumber: 7
}, this);
_c6 = SheetFooter;
SheetFooter.displayName = "SheetFooter";
var SheetTitle = React.forwardRef(_c7 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)($5d3850c4d0b4e6c7$export$f99233281efd08a0, { ref, className: cn("text-foreground text-lg font-semibold", className), ...props }, void 0, false, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 84,
  columnNumber: 12
}, this));
_c8 = SheetTitle;
SheetTitle.displayName = $5d3850c4d0b4e6c7$export$f99233281efd08a0.displayName;
var SheetDescription = React.forwardRef(_c9 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)($5d3850c4d0b4e6c7$export$393edc798c47379d, { ref, className: cn("text-muted-foreground text-sm", className), ...props }, void 0, false, {
  fileName: "app/components/ui/sheet.tsx",
  lineNumber: 90,
  columnNumber: 12
}, this));
_c10 = SheetDescription;
SheetDescription.displayName = $5d3850c4d0b4e6c7$export$393edc798c47379d.displayName;
var _c;
var _c2;
var _c3;
var _c4;
var _c5;
var _c6;
var _c7;
var _c8;
var _c9;
var _c10;
$RefreshReg$(_c, "SheetOverlay$React.forwardRef");
$RefreshReg$(_c2, "SheetOverlay");
$RefreshReg$(_c3, "SheetContent$React.forwardRef");
$RefreshReg$(_c4, "SheetContent");
$RefreshReg$(_c5, "SheetHeader");
$RefreshReg$(_c6, "SheetFooter");
$RefreshReg$(_c7, "SheetTitle$React.forwardRef");
$RefreshReg$(_c8, "SheetTitle");
$RefreshReg$(_c9, "SheetDescription$React.forwardRef");
$RefreshReg$(_c10, "SheetDescription");
window.$RefreshReg$ = prevRefreshReg;
window.$RefreshSig$ = prevRefreshSig;

export {
  Sheet,
  SheetTrigger,
  SheetContent,
  SheetHeader,
  SheetTitle,
  SheetDescription
};
//# sourceMappingURL=/build/_shared/chunk-S36FNI3O.js.map
