shad-m 1.0.0

package/dist/components/separator.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,SAAS,6JAeb,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/separator.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+
+const Separator = React__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SeparatorPrimitive__namespace.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: utils.cn(
+      "bg-border shrink-0",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
+
+exports.Separator = Separator;
+//# sourceMappingURL=separator.js.map
+//# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/separator.tsx"],"names":["React","jsx","SeparatorPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,SAAA,GAAYA,gBAAA,CAAM,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,GAAG,KAAA,IAAS,GAAA,qBACzEC,cAAA;AAAA,EAACC,6BAAA,CAAmB,IAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAWC,QAAA;AAAA,MACT,oBAAA;AAAA,MACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,MAClD;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAcD,8BAAmB,IAAA,CAAK,WAAA","file":"separator.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@/lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}

package/dist/components/separator.mjs

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '@/lib/utils';
+
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "bg-border shrink-0",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };
+//# sourceMappingURL=separator.mjs.map
+//# sourceMappingURL=separator.mjs.map

package/dist/components/separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/separator.tsx"],"names":[],"mappings":";;;;;AAOA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,CAAC,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,GAAG,KAAA,IAAS,GAAA,qBACzE,GAAA;AAAA,EAAC,kBAAA,CAAmB,IAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,oBAAA;AAAA,MACA,WAAA,KAAgB,eAAe,gBAAA,GAAmB,gBAAA;AAAA,MAClD;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,mBAAmB,IAAA,CAAK,WAAA","file":"separator.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@/lib/utils';\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n  <SeparatorPrimitive.Root\n    ref={ref}\n    decorative={decorative}\n    orientation={orientation}\n    className={cn(\n      'bg-border shrink-0',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className,\n    )}\n    {...props}\n  />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"]}

package/dist/components/sheet.d.ts

@@ -0,0 +1,29 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    sideOffset?: number;
+    showOverlay?: boolean;
+    trackingNameView?: string;
+    trackingNameClose?: string;
+    trackingData?: Record<string, any>;
+    trackingIndex?: number;
+    showCloseButton?: boolean;
+    disableOutsideClick?: boolean;
+}
+declare const SheetBody: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/components/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/components/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,UAAU,iBACR,SACA,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAC7D,YAAY,CAAC,OAAO,aAAa,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,0FAmCb,CAAC;AAGH,QAAA,MAAM,YAAY,0FAsGjB,CAAC;AAGF,QAAA,MAAM,WAAW,6GAQhB,CAAC;AAGF,QAAA,MAAM,WAAW,6GAQhB,CAAC;AAGF,QAAA,MAAM,UAAU,mKASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KASpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/components/sheet.js

@@ -0,0 +1,239 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var SheetPrimitive = require('@radix-ui/react-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var utils = require('@/lib/utils');
+var UISystemProvider = require('@/providers/UISystemProvider');
+var useDialogTracking = require('@/hooks/useDialogTracking');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Sheet = SheetPrimitive__namespace.Root;
+const SheetTrigger = SheetPrimitive__namespace.Trigger;
+const SheetClose = SheetPrimitive__namespace.Close;
+const SheetPortal = SheetPrimitive__namespace.Portal;
+const SheetOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Overlay,
+  {
+    className: utils.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 opacity-30",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
+const sheetVariants = classVarianceAuthority.cva(
+  "fixed z-[50] gap-4 bg-background shadow-lg transition ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-500 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 max-h-[85vh]",
+        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"
+    }
+  }
+);
+const SheetBody = React__namespace.forwardRef(({ side = "bottom", className, children, sideOffset, ...props }, ref) => {
+  const style = React__namespace.useMemo(() => {
+    const baseStyle = {};
+    if (sideOffset !== void 0 && side === "left") {
+      baseStyle.left = `${sideOffset}px`;
+      baseStyle.transition = "left 500ms cubic-bezier(0, 0, 0.2, 1)";
+    }
+    if (sideOffset !== void 0 && side === "right") {
+      baseStyle.right = `${sideOffset}px`;
+      baseStyle.transition = "right 500ms cubic-bezier(0, 0, 0.2, 1)";
+    }
+    return Object.keys(baseStyle).length > 0 ? baseStyle : void 0;
+  }, [sideOffset, side]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SheetPrimitive__namespace.Content,
+      {
+        ref,
+        className: utils.cn(sheetVariants({ side }), className),
+        style,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: "Sheet" }),
+          children
+        ]
+      }
+    )
+  ] });
+});
+SheetBody.displayName = "SheetBody";
+const SheetContent = React__namespace.forwardRef(
+  ({
+    side = "right",
+    className,
+    children,
+    sideOffset,
+    showOverlay = true,
+    showCloseButton = true,
+    trackingNameView = "view_sheet",
+    trackingNameClose = "close_sheet",
+    trackingData,
+    trackingIndex,
+    disableOutsideClick = false,
+    onPointerDownOutside: onPointerDownOutsideProp,
+    onInteractOutside: onInteractOutsideProp,
+    ...props
+  }, ref) => {
+    const { sendTrack } = UISystemProvider.useUISystemContext();
+    const { setupTracking, handleCloseClick } = useDialogTracking.useDialogTracking({
+      trackingNameView,
+      trackingNameClose,
+      trackingData,
+      trackingIndex,
+      enabled: !!sendTrack
+    });
+    const style = React__namespace.useMemo(() => {
+      const baseStyle = {};
+      if (sideOffset !== void 0 && side === "left") {
+        baseStyle.left = `${sideOffset}px`;
+        baseStyle.transition = "left 500ms cubic-bezier(0, 0, 0.2, 1)";
+      }
+      if (sideOffset !== void 0 && side === "right") {
+        baseStyle.right = `${sideOffset}px`;
+        baseStyle.transition = "right 500ms cubic-bezier(0, 0, 0.2, 1)";
+      }
+      return Object.keys(baseStyle).length > 0 ? baseStyle : void 0;
+    }, [sideOffset, side]);
+    const mergedRef = React__namespace.useCallback(
+      (node) => {
+        setupTracking(node);
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [setupTracking, ref]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+      showOverlay && /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        SheetPrimitive__namespace.Content,
+        {
+          ref: mergedRef,
+          className: utils.cn(sheetVariants({ side }), className),
+          style,
+          onPointerDownOutside: (event) => {
+            if (disableOutsideClick) {
+              event.preventDefault();
+            }
+            onPointerDownOutsideProp?.(event);
+          },
+          onInteractOutside: (event) => {
+            if (disableOutsideClick) {
+              event.preventDefault();
+            }
+            onInteractOutsideProp?.(event);
+          },
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Title, { className: "sr-only", children: "Sheet" }),
+            children,
+            showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+              SheetPrimitive__namespace.Close,
+              {
+                className: "data-[state=open]:bg-secondary absolute right-4 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+                onClick: handleCloseClick,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
+const SheetHeader = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("flex flex-col space-y-1.5 border-b p-4 text-center sm:text-left", className),
+      ...props
+    }
+  )
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+      ...props
+    }
+  )
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Title,
+  {
+    ref,
+    className: utils.cn("text-foreground text-center text-lg font-medium lg:text-left", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
+const SheetDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Description,
+  {
+    ref,
+    className: utils.cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
+
+exports.Sheet = Sheet;
+exports.SheetBody = SheetBody;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/sheet.tsx"],"names":["SheetPrimitive","React","jsx","cn","cva","jsxs","useUISystemContext","useDialogTracking","X"],"mappings":"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","file":"sheet.js","sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE } from '@/lib/types';\nimport { useDialogTracking } from '@/hooks/useDialogTracking';\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      '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 opacity-30',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n  'fixed z-[50] gap-4 bg-background shadow-lg transition ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-500 data-[state=open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom max-h-[85vh]',\n        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',\n        right:\n          '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',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  },\n);\n\ninterface SheetContentProps\n  extends\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n  VariantProps<typeof sheetVariants> {\n  sideOffset?: number;\n  showOverlay?: boolean; // Control whether to show overlay\n  trackingNameView?: string; // Event name for view tracking (e.g., 'view_sheet')\n  trackingNameClose?: string; // Event name for close tracking (e.g., 'close_sheet')\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n  showCloseButton?: boolean;\n  disableOutsideClick?: boolean; // Prevent closing when clicking outside\n}\n\nconst SheetBody = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'bottom', className, children, sideOffset, ...props }, ref) => {\n  const style = React.useMemo(() => {\n    const baseStyle: React.CSSProperties = {};\n\n    if (sideOffset !== undefined && side === 'left') {\n      baseStyle.left = `${sideOffset}px`;\n      // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n      baseStyle.transition = 'left 500ms cubic-bezier(0, 0, 0.2, 1)';\n    }\n    if (sideOffset !== undefined && side === 'right') {\n      baseStyle.right = `${sideOffset}px`;\n      // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n      baseStyle.transition = 'right 500ms cubic-bezier(0, 0, 0.2, 1)';\n    }\n\n    return Object.keys(baseStyle).length > 0 ? baseStyle : undefined;\n  }, [sideOffset, side]);\n\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        ref={ref}\n        className={cn(sheetVariants({ side }), className)}\n        style={style}\n        {...props}\n      >\n        <SheetPrimitive.Title className=\"sr-only\">Sheet</SheetPrimitive.Title>\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n});\nSheetBody.displayName = 'SheetBody';\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(\n  (\n    {\n      side = 'right',\n      className,\n      children,\n      sideOffset,\n      showOverlay = true,\n      showCloseButton = true,\n      trackingNameView = 'view_sheet',\n      trackingNameClose = 'close_sheet',\n      trackingData,\n      trackingIndex,\n      disableOutsideClick = false,\n      onPointerDownOutside: onPointerDownOutsideProp,\n      onInteractOutside: onInteractOutsideProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext();\n\n    // Use the dialog tracking hook\n    const { setupTracking, handleCloseClick } = useDialogTracking({\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n      enabled: !!sendTrack,\n    });\n\n    const style = React.useMemo(() => {\n      const baseStyle: React.CSSProperties = {};\n\n      if (sideOffset !== undefined && side === 'left') {\n        baseStyle.left = `${sideOffset}px`;\n        // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n        baseStyle.transition = 'left 500ms cubic-bezier(0, 0, 0.2, 1)';\n      }\n      if (sideOffset !== undefined && side === 'right') {\n        baseStyle.right = `${sideOffset}px`;\n        // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n        baseStyle.transition = 'right 500ms cubic-bezier(0, 0, 0.2, 1)';\n      }\n\n      return Object.keys(baseStyle).length > 0 ? baseStyle : undefined;\n    }, [sideOffset, side]);\n\n    // Merge refs: setup tracking + external ref\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        setupTracking(node);\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [setupTracking, ref],\n    );\n\n    return (\n      <SheetPortal>\n        {showOverlay && <SheetOverlay />}\n        <SheetPrimitive.Content\n          ref={mergedRef}\n          className={cn(sheetVariants({ side }), className)}\n          style={style}\n          onPointerDownOutside={(event) => {\n            if (disableOutsideClick) {\n              event.preventDefault();\n            }\n            // Call original handler if provided\n            onPointerDownOutsideProp?.(event);\n          }}\n          onInteractOutside={(event) => {\n            if (disableOutsideClick) {\n              event.preventDefault();\n            }\n            // Call original handler if provided\n            onInteractOutsideProp?.(event);\n          }}\n          {...props}\n        >\n          <SheetPrimitive.Title className=\"sr-only\">Sheet</SheetPrimitive.Title>\n          {children}\n          {showCloseButton && (\n            <SheetPrimitive.Close\n              className=\"data-[state=open]:bg-secondary absolute right-4 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\"\n              onClick={handleCloseClick}\n            >\n              <X className=\"h-4 w-4\" />\n              <span className=\"sr-only\">Close</span>\n            </SheetPrimitive.Close>\n          )}\n        </SheetPrimitive.Content>\n      </SheetPortal>\n    );\n  },\n);\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col space-y-1.5 border-b p-4 text-center sm:text-left', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('text-foreground text-center text-lg font-medium lg:text-left', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n};\n"]}

package/dist/components/sheet.mjs

@@ -0,0 +1,206 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { useUISystemContext } from '@/providers/UISystemProvider';
+import { useDialogTracking } from '@/hooks/useDialogTracking';
+
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    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 opacity-30",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "fixed z-[50] gap-4 bg-background shadow-lg transition ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-500 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 max-h-[85vh]",
+        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"
+    }
+  }
+);
+const SheetBody = React.forwardRef(({ side = "bottom", className, children, sideOffset, ...props }, ref) => {
+  const style = React.useMemo(() => {
+    const baseStyle = {};
+    if (sideOffset !== void 0 && side === "left") {
+      baseStyle.left = `${sideOffset}px`;
+      baseStyle.transition = "left 500ms cubic-bezier(0, 0, 0.2, 1)";
+    }
+    if (sideOffset !== void 0 && side === "right") {
+      baseStyle.right = `${sideOffset}px`;
+      baseStyle.transition = "right 500ms cubic-bezier(0, 0, 0.2, 1)";
+    }
+    return Object.keys(baseStyle).length > 0 ? baseStyle : void 0;
+  }, [sideOffset, side]);
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        ref,
+        className: cn(sheetVariants({ side }), className),
+        style,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "sr-only", children: "Sheet" }),
+          children
+        ]
+      }
+    )
+  ] });
+});
+SheetBody.displayName = "SheetBody";
+const SheetContent = React.forwardRef(
+  ({
+    side = "right",
+    className,
+    children,
+    sideOffset,
+    showOverlay = true,
+    showCloseButton = true,
+    trackingNameView = "view_sheet",
+    trackingNameClose = "close_sheet",
+    trackingData,
+    trackingIndex,
+    disableOutsideClick = false,
+    onPointerDownOutside: onPointerDownOutsideProp,
+    onInteractOutside: onInteractOutsideProp,
+    ...props
+  }, ref) => {
+    const { sendTrack } = useUISystemContext();
+    const { setupTracking, handleCloseClick } = useDialogTracking({
+      trackingNameView,
+      trackingNameClose,
+      trackingData,
+      trackingIndex,
+      enabled: !!sendTrack
+    });
+    const style = React.useMemo(() => {
+      const baseStyle = {};
+      if (sideOffset !== void 0 && side === "left") {
+        baseStyle.left = `${sideOffset}px`;
+        baseStyle.transition = "left 500ms cubic-bezier(0, 0, 0.2, 1)";
+      }
+      if (sideOffset !== void 0 && side === "right") {
+        baseStyle.right = `${sideOffset}px`;
+        baseStyle.transition = "right 500ms cubic-bezier(0, 0, 0.2, 1)";
+      }
+      return Object.keys(baseStyle).length > 0 ? baseStyle : void 0;
+    }, [sideOffset, side]);
+    const mergedRef = React.useCallback(
+      (node) => {
+        setupTracking(node);
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [setupTracking, ref]
+    );
+    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+      showOverlay && /* @__PURE__ */ jsx(SheetOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        SheetPrimitive.Content,
+        {
+          ref: mergedRef,
+          className: cn(sheetVariants({ side }), className),
+          style,
+          onPointerDownOutside: (event) => {
+            if (disableOutsideClick) {
+              event.preventDefault();
+            }
+            onPointerDownOutsideProp?.(event);
+          },
+          onInteractOutside: (event) => {
+            if (disableOutsideClick) {
+              event.preventDefault();
+            }
+            onInteractOutsideProp?.(event);
+          },
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "sr-only", children: "Sheet" }),
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs(
+              SheetPrimitive.Close,
+              {
+                className: "data-[state=open]:bg-secondary absolute right-4 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+                onClick: handleCloseClick,
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col space-y-1.5 border-b p-4 text-center sm:text-left", className),
+      ...props
+    }
+  )
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+      ...props
+    }
+  )
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-foreground text-center text-lg font-medium lg:text-left", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.mjs.map
+//# sourceMappingURL=sheet.mjs.map

package/dist/components/sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/sheet.tsx"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,QAAQ,cAAA,CAAe;AAE7B,MAAM,eAAe,cAAA,CAAe;AAEpC,MAAM,aAAa,cAAA,CAAe;AAElC,MAAM,cAAc,cAAA,CAAe;AAEnC,MAAM,YAAA,GAAe,MAAM,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAAC,cAAA,CAAe,OAAA;AAAA,EAAf;AAAA,IACC,SAAA,EAAW,EAAA;AAAA,MACT,kKAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ;AAAA;AACF,CACD;AACD,YAAA,CAAa,WAAA,GAAc,eAAe,OAAA,CAAQ,WAAA;AAElD,MAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,6LAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,mGAAA;AAAA,QACL,MAAA,EACE,yHAAA;AAAA,QACF,IAAA,EAAM,+HAAA;AAAA,QACN,KAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAgBA,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,CAAC,EAAE,IAAA,GAAO,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,UAAA,EAAY,GAAG,KAAA,IAAS,GAAA,KAAQ;AACzE,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,MAAM;AAChC,IAAA,MAAM,YAAiC,EAAC;AAExC,IAAA,IAAI,UAAA,KAAe,MAAA,IAAa,IAAA,KAAS,MAAA,EAAQ;AAC/C,MAAA,SAAA,CAAU,IAAA,GAAO,GAAG,UAAU,CAAA,EAAA,CAAA;AAE9B,MAAA,SAAA,CAAU,UAAA,GAAa,uCAAA;AAAA,IACzB;AACA,IAAA,IAAI,UAAA,KAAe,MAAA,IAAa,IAAA,KAAS,OAAA,EAAS;AAChD,MAAA,SAAA,CAAU,KAAA,GAAQ,GAAG,UAAU,CAAA,EAAA,CAAA;AAE/B,MAAA,SAAA,CAAU,UAAA,GAAa,wCAAA;AAAA,IACzB;AAEA,IAAA,OAAO,OAAO,IAAA,CAAK,SAAS,CAAA,CAAE,MAAA,GAAS,IAAI,SAAA,GAAY,MAAA;AAAA,EACzD,CAAA,EAAG,CAAC,UAAA,EAAY,IAAI,CAAC,CAAA;AAErB,EAAA,4BACG,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,oBACd,IAAA;AAAA,MAAC,cAAA,CAAe,OAAA;AAAA,MAAf;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QAChD,KAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,SAAA,EAAU,WAAU,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ,CAAC;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,MAAM,eAAe,KAAA,CAAM,UAAA;AAAA,EAIzB,CACE;AAAA,IACE,IAAA,GAAO,OAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA,GAAc,IAAA;AAAA,IACd,eAAA,GAAkB,IAAA;AAAA,IAClB,gBAAA,GAAmB,YAAA;AAAA,IACnB,iBAAA,GAAoB,aAAA;AAAA,IACpB,YAAA;AAAA,IACA,aAAA;AAAA,IACA,mBAAA,GAAsB,KAAA;AAAA,IACtB,oBAAA,EAAsB,wBAAA;AAAA,IACtB,iBAAA,EAAmB,qBAAA;AAAA,IACnB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,kBAAA,EAAmB;AAGzC,IAAA,MAAM,EAAE,aAAA,EAAe,gBAAA,EAAiB,GAAI,iBAAA,CAAkB;AAAA,MAC5D,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAC;AAAA,KACZ,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,MAAM;AAChC,MAAA,MAAM,YAAiC,EAAC;AAExC,MAAA,IAAI,UAAA,KAAe,MAAA,IAAa,IAAA,KAAS,MAAA,EAAQ;AAC/C,QAAA,SAAA,CAAU,IAAA,GAAO,GAAG,UAAU,CAAA,EAAA,CAAA;AAE9B,QAAA,SAAA,CAAU,UAAA,GAAa,uCAAA;AAAA,MACzB;AACA,MAAA,IAAI,UAAA,KAAe,MAAA,IAAa,IAAA,KAAS,OAAA,EAAS;AAChD,QAAA,SAAA,CAAU,KAAA,GAAQ,GAAG,UAAU,CAAA,EAAA,CAAA;AAE/B,QAAA,SAAA,CAAU,UAAA,GAAa,wCAAA;AAAA,MACzB;AAEA,MAAA,OAAO,OAAO,IAAA,CAAK,SAAS,CAAA,CAAE,MAAA,GAAS,IAAI,SAAA,GAAY,MAAA;AAAA,IACzD,CAAA,EAAG,CAAC,UAAA,EAAY,IAAI,CAAC,CAAA;AAGrB,IAAA,MAAM,YAAY,KAAA,CAAM,WAAA;AAAA,MACtB,CAAC,IAAA,KAAgC;AAC/B,QAAA,aAAA,CAAc,IAAI,CAAA;AAClB,QAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,UAAA,GAAA,CAAI,IAAI,CAAA;AAAA,QACV,WAAW,GAAA,EAAK;AACd,UAAC,IAAsD,OAAA,GAAU,IAAA;AAAA,QACnE;AAAA,MACF,CAAA;AAAA,MACA,CAAC,eAAe,GAAG;AAAA,KACrB;AAEA,IAAA,4BACG,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,WAAA,wBAAgB,YAAA,EAAA,EAAa,CAAA;AAAA,sBAC9B,IAAA;AAAA,QAAC,cAAA,CAAe,OAAA;AAAA,QAAf;AAAA,UACC,GAAA,EAAK,SAAA;AAAA,UACL,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,UAChD,KAAA;AAAA,UACA,oBAAA,EAAsB,CAAC,KAAA,KAAU;AAC/B,YAAA,IAAI,mBAAA,EAAqB;AACvB,cAAA,KAAA,CAAM,cAAA,EAAe;AAAA,YACvB;AAEA,YAAA,wBAAA,GAA2B,KAAK,CAAA;AAAA,UAClC,CAAA;AAAA,UACA,iBAAA,EAAmB,CAAC,KAAA,KAAU;AAC5B,YAAA,IAAI,mBAAA,EAAqB;AACvB,cAAA,KAAA,CAAM,cAAA,EAAe;AAAA,YACvB;AAEA,YAAA,qBAAA,GAAwB,KAAK,CAAA;AAAA,UAC/B,CAAA;AAAA,UACC,GAAG,KAAA;AAAA,UAEJ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,SAAA,EAAU,WAAU,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,YAC9C,QAAA;AAAA,YACA,eAAA,oBACC,IAAA;AAAA,cAAC,cAAA,CAAe,KAAA;AAAA,cAAf;AAAA,gBACC,SAAA,EAAU,kKAAA;AAAA,gBACV,OAAA,EAAS,gBAAA;AAAA,gBAET,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,CAAA,EAAA,EAAE,WAAU,SAAA,EAAU,CAAA;AAAA,kCACvB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA;AAAA;AAAA;AACjC;AAAA;AAAA;AAEJ,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,eAAe,OAAA,CAAQ,WAAA;AAElD,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,iEAAA,EAAmE,SAAS,CAAA;AAAA,MACzF,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,MACvF,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,UAAA,GAAa,MAAM,UAAA,CAGvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAAC,cAAA,CAAe,KAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,8DAAA,EAAgE,SAAS,CAAA;AAAA,IACtF,GAAG;AAAA;AACN,CACD;AACD,UAAA,CAAW,WAAA,GAAc,eAAe,KAAA,CAAM,WAAA;AAE9C,MAAM,gBAAA,GAAmB,MAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAAC,cAAA,CAAe,WAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,eAAe,WAAA,CAAY,WAAA","file":"sheet.mjs","sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE } from '@/lib/types';\nimport { useDialogTracking } from '@/hooks/useDialogTracking';\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      '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 opacity-30',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n  'fixed z-[50] gap-4 bg-background shadow-lg transition ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-500 data-[state=open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom max-h-[85vh]',\n        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',\n        right:\n          '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',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  },\n);\n\ninterface SheetContentProps\n  extends\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n  VariantProps<typeof sheetVariants> {\n  sideOffset?: number;\n  showOverlay?: boolean; // Control whether to show overlay\n  trackingNameView?: string; // Event name for view tracking (e.g., 'view_sheet')\n  trackingNameClose?: string; // Event name for close tracking (e.g., 'close_sheet')\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n  showCloseButton?: boolean;\n  disableOutsideClick?: boolean; // Prevent closing when clicking outside\n}\n\nconst SheetBody = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'bottom', className, children, sideOffset, ...props }, ref) => {\n  const style = React.useMemo(() => {\n    const baseStyle: React.CSSProperties = {};\n\n    if (sideOffset !== undefined && side === 'left') {\n      baseStyle.left = `${sideOffset}px`;\n      // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n      baseStyle.transition = 'left 500ms cubic-bezier(0, 0, 0.2, 1)';\n    }\n    if (sideOffset !== undefined && side === 'right') {\n      baseStyle.right = `${sideOffset}px`;\n      // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n      baseStyle.transition = 'right 500ms cubic-bezier(0, 0, 0.2, 1)';\n    }\n\n    return Object.keys(baseStyle).length > 0 ? baseStyle : undefined;\n  }, [sideOffset, side]);\n\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        ref={ref}\n        className={cn(sheetVariants({ side }), className)}\n        style={style}\n        {...props}\n      >\n        <SheetPrimitive.Title className=\"sr-only\">Sheet</SheetPrimitive.Title>\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n});\nSheetBody.displayName = 'SheetBody';\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(\n  (\n    {\n      side = 'right',\n      className,\n      children,\n      sideOffset,\n      showOverlay = true,\n      showCloseButton = true,\n      trackingNameView = 'view_sheet',\n      trackingNameClose = 'close_sheet',\n      trackingData,\n      trackingIndex,\n      disableOutsideClick = false,\n      onPointerDownOutside: onPointerDownOutsideProp,\n      onInteractOutside: onInteractOutsideProp,\n      ...props\n    },\n    ref,\n  ) => {\n    const { sendTrack } = useUISystemContext();\n\n    // Use the dialog tracking hook\n    const { setupTracking, handleCloseClick } = useDialogTracking({\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n      enabled: !!sendTrack,\n    });\n\n    const style = React.useMemo(() => {\n      const baseStyle: React.CSSProperties = {};\n\n      if (sideOffset !== undefined && side === 'left') {\n        baseStyle.left = `${sideOffset}px`;\n        // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n        baseStyle.transition = 'left 500ms cubic-bezier(0, 0, 0.2, 1)';\n      }\n      if (sideOffset !== undefined && side === 'right') {\n        baseStyle.right = `${sideOffset}px`;\n        // Use exact same easing as sidebar: Tailwind's ease-out (500ms)\n        baseStyle.transition = 'right 500ms cubic-bezier(0, 0, 0.2, 1)';\n      }\n\n      return Object.keys(baseStyle).length > 0 ? baseStyle : undefined;\n    }, [sideOffset, side]);\n\n    // Merge refs: setup tracking + external ref\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        setupTracking(node);\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [setupTracking, ref],\n    );\n\n    return (\n      <SheetPortal>\n        {showOverlay && <SheetOverlay />}\n        <SheetPrimitive.Content\n          ref={mergedRef}\n          className={cn(sheetVariants({ side }), className)}\n          style={style}\n          onPointerDownOutside={(event) => {\n            if (disableOutsideClick) {\n              event.preventDefault();\n            }\n            // Call original handler if provided\n            onPointerDownOutsideProp?.(event);\n          }}\n          onInteractOutside={(event) => {\n            if (disableOutsideClick) {\n              event.preventDefault();\n            }\n            // Call original handler if provided\n            onInteractOutsideProp?.(event);\n          }}\n          {...props}\n        >\n          <SheetPrimitive.Title className=\"sr-only\">Sheet</SheetPrimitive.Title>\n          {children}\n          {showCloseButton && (\n            <SheetPrimitive.Close\n              className=\"data-[state=open]:bg-secondary absolute right-4 top-5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\"\n              onClick={handleCloseClick}\n            >\n              <X className=\"h-4 w-4\" />\n              <span className=\"sr-only\">Close</span>\n            </SheetPrimitive.Close>\n          )}\n        </SheetPrimitive.Content>\n      </SheetPortal>\n    );\n  },\n);\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col space-y-1.5 border-b p-4 text-center sm:text-left', className)}\n      {...props}\n    />\n  ),\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('text-foreground text-center text-lg font-medium lg:text-left', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n};\n"]}