@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-XWEI3MES.js

@@ -1,414 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
-import { Drawer as Drawer$1 } from 'vaul';
-import React, { createContext, useContext } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DrawerContext = createContext({ direction: "bottom" });
-var drawerContentVariants = cva(
-  "fixed bg-background border-border flex flex-col outline-none",
-  {
-    variants: {
-      direction: {
-        bottom: "bottom-0 left-0 right-0 border-t rounded-t-xl max-h-[96vh]",
-        top: "top-0 left-0 right-0 border-b rounded-b-xl max-h-[96vh]",
-        left: "left-0 top-0 bottom-0 border-r rounded-r-xl max-w-[96vw]",
-        right: "right-0 top-0 bottom-0 border-l rounded-l-xl max-w-[96vw]"
-      },
-      size: {
-        xs: "",
-        sm: "",
-        md: "",
-        lg: "",
-        full: ""
-      }
-    },
-    compoundVariants: [
-      // Bottom/Top - height based
-      { direction: "bottom", size: "xs", class: "h-1/4" },
-      { direction: "bottom", size: "sm", class: "h-1/3" },
-      { direction: "bottom", size: "md", class: "h-1/2" },
-      { direction: "bottom", size: "lg", class: "h-3/4" },
-      { direction: "bottom", size: "full", class: "h-[96vh]" },
-      { direction: "top", size: "xs", class: "h-1/4" },
-      { direction: "top", size: "sm", class: "h-1/3" },
-      { direction: "top", size: "md", class: "h-1/2" },
-      { direction: "top", size: "lg", class: "h-3/4" },
-      { direction: "top", size: "full", class: "h-[96vh]" },
-      // Left/Right - width based
-      { direction: "left", size: "xs", class: "w-64" },
-      { direction: "left", size: "sm", class: "w-80" },
-      { direction: "left", size: "md", class: "w-96" },
-      { direction: "left", size: "lg", class: "w-[480px]" },
-      { direction: "left", size: "full", class: "w-[96vw]" },
-      { direction: "right", size: "xs", class: "w-64" },
-      { direction: "right", size: "sm", class: "w-80" },
-      { direction: "right", size: "md", class: "w-96" },
-      { direction: "right", size: "lg", class: "w-[480px]" },
-      { direction: "right", size: "full", class: "w-[96vw]" }
-    ],
-    defaultVariants: {
-      direction: "bottom",
-      size: "md"
-    }
-  }
-);
-var closeButtonSizeClasses = {
-  xs: "top-2 right-2 p-1 [&_svg]:size-3.5",
-  sm: "top-3 right-3 p-1.5 [&_svg]:size-4",
-  md: "top-4 right-4 p-1.5 [&_svg]:size-4",
-  lg: "top-4 right-4 p-2 [&_svg]:size-5",
-  full: "top-5 right-5 p-2 [&_svg]:size-5"
-};
-var paddingClasses = {
-  xs: "p-3",
-  sm: "p-4",
-  md: "p-5",
-  lg: "p-6",
-  full: "p-6"
-};
-var Drawer = React.memo(
-  ({
-    open,
-    onOpenChange,
-    direction = "bottom",
-    modal = true,
-    dismissible = true,
-    snapPoints,
-    children
-  }) => {
-    return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: { direction }, children: /* @__PURE__ */ jsx(
-      Drawer$1.Root,
-      {
-        open,
-        onOpenChange,
-        direction,
-        modal,
-        dismissible,
-        snapPoints,
-        children
-      }
-    ) });
-  }
-);
-Drawer.displayName = "Drawer";
-var DrawerTrigger = React.memo(
-  ({ children, asChild = false, className, ref, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      Drawer$1.Trigger,
-      {
-        ref,
-        asChild,
-        className,
-        "data-slot": "drawer-trigger",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerTrigger.displayName = "DrawerTrigger";
-var DrawerPortal = Drawer$1.Portal;
-var DrawerOverlay = React.memo(
-  ({ className, ref, classNames, ...props }) => /* @__PURE__ */ jsx(
-    Drawer$1.Overlay,
-    {
-      ref,
-      className: cn(
-        "drawer_overlay",
-        "fixed inset-0 z-50 bg-black/20 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200",
-        classNames?.overlay,
-        className
-      ),
-      "data-slot": "drawer-overlay",
-      ...props
-    }
-  )
-);
-DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React.memo(
-  ({
-    children,
-    direction: directionProp,
-    size = "md",
-    showCloseButton = false,
-    showHandle,
-    className,
-    ref,
-    classNames
-  }) => {
-    const { direction: contextDirection } = useContext(DrawerContext);
-    const direction = directionProp ?? contextDirection;
-    const shouldShowHandle = showHandle ?? (direction === "bottom" || direction === "top");
-    const isHorizontal = direction === "left" || direction === "right";
-    return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
-      /* @__PURE__ */ jsx(DrawerOverlay, { classNames }),
-      /* @__PURE__ */ jsxs(
-        Drawer$1.Content,
-        {
-          ref,
-          className: cn(
-            "drawer_content",
-            drawerContentVariants({ direction, size }),
-            paddingClasses[size],
-            "z-50",
-            classNames?.content,
-            className
-          ),
-          "data-slot": "drawer-content",
-          children: [
-            shouldShowHandle && direction === "bottom" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "drawer_handle",
-                  "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4",
-                  classNames?.handle
-                ),
-                "data-slot": "drawer-handle"
-              }
-            ),
-            shouldShowHandle && direction === "top" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "drawer_handle",
-                  "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4 order-last mt-auto",
-                  classNames?.handle
-                ),
-                "data-slot": "drawer-handle"
-              }
-            ),
-            shouldShowHandle && direction === "left" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "drawer_handle",
-                  "absolute right-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border",
-                  classNames?.handle
-                ),
-                "data-slot": "drawer-handle"
-              }
-            ),
-            shouldShowHandle && direction === "right" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "drawer_handle",
-                  "absolute left-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border",
-                  classNames?.handle
-                ),
-                "data-slot": "drawer-handle"
-              }
-            ),
-            showCloseButton && /* @__PURE__ */ jsxs(
-              Drawer$1.Close,
-              {
-                className: cn(
-                  "drawer_closeButton",
-                  "absolute rounded-md opacity-70 transition-opacity hover:opacity-100",
-                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-                  "text-text-secondary hover:text-text-primary hover:bg-surface",
-                  closeButtonSizeClasses[size],
-                  classNames?.closeButton
-                ),
-                "data-slot": "drawer-closeButton",
-                children: [
-                  /* @__PURE__ */ jsx(X, {}),
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "drawer_wrapper",
-                  "flex flex-col flex-1 min-h-0",
-                  isHorizontal && "overflow-y-auto",
-                  showCloseButton && "pt-6",
-                  classNames?.wrapper
-                ),
-                "data-slot": "drawer-wrapper",
-                children
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = React.memo(
-  ({ children, className, ref, classNames, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "drawer_header",
-          "flex flex-col gap-1.5 mb-4 shrink-0",
-          classNames?.header,
-          className
-        ),
-        "data-slot": "drawer-header",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerBody = React.memo(
-  ({ children, className, ref, classNames, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "drawer_body",
-          "flex-1 overflow-y-auto min-h-0",
-          classNames?.body,
-          className
-        ),
-        "data-slot": "drawer-body",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerBody.displayName = "DrawerBody";
-var DrawerFooter = React.memo(
-  ({ children, className, ref, classNames, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "drawer_footer",
-          "flex gap-2 mt-auto pt-4 shrink-0",
-          classNames?.footer,
-          className
-        ),
-        "data-slot": "drawer-footer",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React.memo(
-  ({ children, className, ref, classNames, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      Drawer$1.Title,
-      {
-        ref,
-        className: cn(
-          "drawer_title",
-          "text-lg font-semibold text-text-primary",
-          classNames?.title,
-          className
-        ),
-        "data-slot": "drawer-title",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React.memo(
-  ({ children, className, ref, classNames, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      Drawer$1.Description,
-      {
-        ref,
-        className: cn(
-          "drawer_description",
-          "text-sm text-text-secondary",
-          classNames?.description,
-          className
-        ),
-        "data-slot": "drawer-description",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerDescription.displayName = "DrawerDescription";
-var DrawerClose = React.memo(
-  ({ children, asChild = false, className, ref, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      Drawer$1.Close,
-      {
-        ref,
-        asChild,
-        className,
-        "data-slot": "drawer-close",
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerClose.displayName = "DrawerClose";
-function ComposedDrawer({
-  open,
-  onOpenChange,
-  title,
-  description,
-  children,
-  footer,
-  direction = "right",
-  size = "md",
-  modal = true,
-  showCloseButton = true,
-  showHandle,
-  dismissible = true,
-  hideHeader = false,
-  hideFooter = false,
-  className,
-  contentClassName,
-  classNames
-}) {
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      open,
-      onOpenChange,
-      direction,
-      modal,
-      dismissible,
-      children: /* @__PURE__ */ jsxs(
-        DrawerContent,
-        {
-          direction,
-          size,
-          showCloseButton,
-          showHandle,
-          className: contentClassName,
-          classNames,
-          children: [
-            !hideHeader && (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className, classNames, children: [
-              title && /* @__PURE__ */ jsx(DrawerTitle, { classNames, children: title }),
-              description && /* @__PURE__ */ jsx(DrawerDescription, { classNames, children: description })
-            ] }),
-            /* @__PURE__ */ jsx(DrawerBody, { classNames, children }),
-            !hideFooter && footer && /* @__PURE__ */ jsx(DrawerFooter, { classNames, children: footer })
-          ]
-        }
-      )
-    }
-  );
-}
-ComposedDrawer.displayName = "ComposedDrawer";
-var drawer_default = ComposedDrawer;
-
-export { ComposedDrawer, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawer_default };
-//# sourceMappingURL=chunk-XWEI3MES.js.map
-//# sourceMappingURL=chunk-XWEI3MES.js.map

package/dist/chunk-XWEI3MES.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/drawer/index.tsx"],"names":["DrawerPrimitive"],"mappings":";;;;;;;AAyBA,IAAM,aAAA,GAAgB,aAAA,CAEnB,EAAE,SAAA,EAAW,UAAU,CAAA;AAE1B,IAAM,qBAAA,GAAwB,GAAA;AAAA,EAC5B,8DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ,4DAAA;AAAA,QACR,GAAA,EAAK,yDAAA;AAAA,QACL,IAAA,EAAM,0DAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA;AAAA,MAEhB,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAClD,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAClD,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAClD,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAClD,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,MAAA,EAAQ,OAAO,UAAA,EAAW;AAAA,MACvD,EAAE,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAC/C,EAAE,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAC/C,EAAE,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAC/C,EAAE,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,MAC/C,EAAE,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,OAAO,UAAA,EAAW;AAAA;AAAA,MAEpD,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAC/C,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAC/C,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAC/C,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,OAAO,WAAA,EAAY;AAAA,MACpD,EAAE,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,MAAA,EAAQ,OAAO,UAAA,EAAW;AAAA,MACrD,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAChD,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAChD,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,MAChD,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,OAAO,WAAA,EAAY;AAAA,MACrD,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,OAAO,UAAA;AAAW,KACxD;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,QAAA;AAAA,MACX,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAKA,IAAM,sBAAA,GAAqD;AAAA,EACzD,EAAA,EAAI,oCAAA;AAAA,EACJ,EAAA,EAAI,oCAAA;AAAA,EACJ,EAAA,EAAI,oCAAA;AAAA,EACJ,EAAA,EAAI,kCAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAKA,IAAM,cAAA,GAA6C;AAAA,EACjD,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,SAAS,KAAA,CAAM,IAAA;AAAA,EAC1B,CAAC;AAAA,IACC,IAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,KAAA,GAAQ,IAAA;AAAA,IACR,WAAA,GAAc,IAAA;AAAA,IACd,UAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,2BACG,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,WAAU,EACzC,QAAA,kBAAA,GAAA;AAAA,MAACA,QAAA,CAAgB,IAAA;AAAA,MAAhB;AAAA,QACC,IAAA;AAAA,QACA,YAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QAEC;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AAEd,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,QAAA,EAAU,OAAA,GAAU,OAAO,SAAA,EAAW,GAAA,EAAK,GAAG,KAAA,EAAM,KAAM;AAC3D,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,OAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA,EAAU,gBAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,IAAM,eAAeA,QAAA,CAAgB;AAErC,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,qBACtC,GAAA;AAAA,IAACA,QAAA,CAAgB,OAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gBAAA;AAAA,QACA,sLAAA;AAAA,QACA,UAAA,EAAY,OAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA;AAGV;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC;AAAA,IACC,QAAA;AAAA,IACA,SAAA,EAAW,aAAA;AAAA,IACX,IAAA,GAAO,IAAA;AAAA,IACP,eAAA,GAAkB,KAAA;AAAA,IAClB,UAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,EAAE,SAAA,EAAW,gBAAA,EAAiB,GAAI,WAAW,aAAa,CAAA;AAChE,IAAA,MAAM,YAAY,aAAA,IAAiB,gBAAA;AAGnC,IAAA,MAAM,gBAAA,GACJ,UAAA,KAAe,SAAA,KAAc,QAAA,IAAY,SAAA,KAAc,KAAA,CAAA;AAEzD,IAAA,MAAM,YAAA,GAAe,SAAA,KAAc,MAAA,IAAU,SAAA,KAAc,OAAA;AAE3D,IAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,UAAA,EAAwB,CAAA;AAAA,sBACvC,IAAA;AAAA,QAACA,QAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,gBAAA;AAAA,YACA,qBAAA,CAAsB,EAAE,SAAA,EAAW,IAAA,EAAM,CAAA;AAAA,YACzC,eAAe,IAAI,CAAA;AAAA,YACnB,MAAA;AAAA,YACA,UAAA,EAAY,OAAA;AAAA,YACZ;AAAA,WACF;AAAA,UACA,WAAA,EAAU,gBAAA;AAAA,UAGT,QAAA,EAAA;AAAA,YAAA,gBAAA,IAAoB,cAAc,QAAA,oBACjC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,eAAA;AAAA,kBACA,8DAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAID,gBAAA,IAAoB,cAAc,KAAA,oBACjC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,eAAA;AAAA,kBACA,iFAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAID,gBAAA,IAAoB,cAAc,MAAA,oBACjC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,eAAA;AAAA,kBACA,6EAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAID,gBAAA,IAAoB,cAAc,OAAA,oBACjC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,eAAA;AAAA,kBACA,4EAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU;AAAA;AAAA,aACZ;AAAA,YAID,eAAA,oBACC,IAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,oBAAA;AAAA,kBACA,qEAAA;AAAA,kBACA,gGAAA;AAAA,kBACA,8DAAA;AAAA,kBACA,uBAAuB,IAAI,CAAA;AAAA,kBAC3B,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU,oBAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,CAAA,EAAA,EAAE,CAAA;AAAA,kCACH,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA;AAAA;AAAA,aACjC;AAAA,4BAIF,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,gBAAA;AAAA,kBACA,8BAAA;AAAA,kBACA,YAAA,IAAgB,iBAAA;AAAA,kBAChB,eAAA,IAAmB,MAAA;AAAA,kBACnB,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,WAAA,EAAU,gBAAA;AAAA,gBAET;AAAA;AAAA;AACH;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,IAAM,eAAe,KAAA,CAAM,IAAA;AAAA,EAChC,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,KAAM;AACtD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,qCAAA;AAAA,UACA,UAAA,EAAY,MAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,eAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,IAAM,aAAa,KAAA,CAAM,IAAA;AAAA,EAC9B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,KAAM;AACtD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,aAAA;AAAA,UACA,gCAAA;AAAA,UACA,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,aAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,IAAM,eAAe,KAAA,CAAM,IAAA;AAAA,EAChC,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,KAAM;AACtD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,kCAAA;AAAA,UACA,UAAA,EAAY,MAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,eAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EAC/B,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,KAAM;AACtD,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,cAAA;AAAA,UACA,yCAAA;AAAA,UACA,UAAA,EAAY,KAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,cAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,IAAM,oBAAoB,KAAA,CAAM,IAAA;AAAA,EACrC,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,UAAA,EAAY,GAAG,OAAM,KAAM;AACtD,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,WAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,oBAAA;AAAA,UACA,6BAAA;AAAA,UACA,UAAA,EAAY,WAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,oBAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEzB,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EAC/B,CAAC,EAAE,QAAA,EAAU,OAAA,GAAU,OAAO,SAAA,EAAW,GAAA,EAAK,GAAG,KAAA,EAAM,KAAM;AAC3D,IAAA,uBACE,GAAA;AAAA,MAACA,QAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA,EAAU,cAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,IAAA;AAAA,EACR,eAAA,GAAkB,IAAA;AAAA,EAClB,UAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,IAAA;AAAA,UACA,eAAA;AAAA,UACA,UAAA;AAAA,UACA,SAAA,EAAW,gBAAA;AAAA,UACX,UAAA;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,CAAC,eAAe,KAAA,IAAS,WAAA,CAAA,oBACxB,IAAA,CAAC,YAAA,EAAA,EAAa,WAAsB,UAAA,EACjC,QAAA,EAAA;AAAA,cAAA,KAAA,oBAAS,GAAA,CAAC,WAAA,EAAA,EAAY,UAAA,EAAyB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cACrD,WAAA,oBACC,GAAA,CAAC,iBAAA,EAAA,EAAkB,UAAA,EAAyB,QAAA,EAAA,WAAA,EAAY;AAAA,aAAA,EAE5D,CAAA;AAAA,4BAEF,GAAA,CAAC,UAAA,EAAA,EAAW,UAAA,EAAyB,QAAA,EAAS,CAAA;AAAA,YAC7C,CAAC,UAAA,IAAc,MAAA,oBAAU,GAAA,CAAC,YAAA,EAAA,EAAa,YAAyB,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA;AAC1E;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAG7B,IAAO,cAAA,GAAQ","file":"chunk-XWEI3MES.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport React, { createContext, useContext } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  ComposedDrawerProps,\n  DrawerBodyProps,\n  DrawerCloseProps,\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerDirection,\n  DrawerFooterProps,\n  DrawerHeaderProps,\n  DrawerOverlayProps,\n  DrawerProps,\n  DrawerSize,\n  DrawerTitleProps,\n  DrawerTriggerProps,\n} from \"./types\";\n\n// Context to pass direction from Drawer to DrawerContent\nconst DrawerContext = createContext<{\n  direction: DrawerDirection;\n}>({ direction: \"bottom\" });\n\nconst drawerContentVariants = cva(\n  \"fixed bg-background border-border flex flex-col outline-none\",\n  {\n    variants: {\n      direction: {\n        bottom: \"bottom-0 left-0 right-0 border-t rounded-t-xl max-h-[96vh]\",\n        top: \"top-0 left-0 right-0 border-b rounded-b-xl max-h-[96vh]\",\n        left: \"left-0 top-0 bottom-0 border-r rounded-r-xl max-w-[96vw]\",\n        right: \"right-0 top-0 bottom-0 border-l rounded-l-xl max-w-[96vw]\",\n      },\n      size: {\n        xs: \"\",\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Bottom/Top - height based\n      { direction: \"bottom\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"bottom\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"bottom\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"bottom\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"bottom\", size: \"full\", class: \"h-[96vh]\" },\n      { direction: \"top\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"top\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"top\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"top\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"top\", size: \"full\", class: \"h-[96vh]\" },\n      // Left/Right - width based\n      { direction: \"left\", size: \"xs\", class: \"w-64\" },\n      { direction: \"left\", size: \"sm\", class: \"w-80\" },\n      { direction: \"left\", size: \"md\", class: \"w-96\" },\n      { direction: \"left\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"left\", size: \"full\", class: \"w-[96vw]\" },\n      { direction: \"right\", size: \"xs\", class: \"w-64\" },\n      { direction: \"right\", size: \"sm\", class: \"w-80\" },\n      { direction: \"right\", size: \"md\", class: \"w-96\" },\n      { direction: \"right\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"right\", size: \"full\", class: \"w-[96vw]\" },\n    ],\n    defaultVariants: {\n      direction: \"bottom\",\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Close button size classes\n */\nconst closeButtonSizeClasses: Record<DrawerSize, string> = {\n  xs: \"top-2 right-2 p-1 [&_svg]:size-3.5\",\n  sm: \"top-3 right-3 p-1.5 [&_svg]:size-4\",\n  md: \"top-4 right-4 p-1.5 [&_svg]:size-4\",\n  lg: \"top-4 right-4 p-2 [&_svg]:size-5\",\n  full: \"top-5 right-5 p-2 [&_svg]:size-5\",\n};\n\n/**\n * Padding classes based on size\n */\nconst paddingClasses: Record<DrawerSize, string> = {\n  xs: \"p-3\",\n  sm: \"p-4\",\n  md: \"p-5\",\n  lg: \"p-6\",\n  full: \"p-6\",\n};\n\nexport const Drawer = React.memo<DrawerProps>(\n  ({\n    open,\n    onOpenChange,\n    direction = \"bottom\",\n    modal = true,\n    dismissible = true,\n    snapPoints,\n    children,\n  }) => {\n    return (\n      <DrawerContext.Provider value={{ direction }}>\n        <DrawerPrimitive.Root\n          open={open}\n          onOpenChange={onOpenChange}\n          direction={direction}\n          modal={modal}\n          dismissible={dismissible}\n          snapPoints={snapPoints}\n        >\n          {children}\n        </DrawerPrimitive.Root>\n      </DrawerContext.Provider>\n    );\n  },\n);\n\nDrawer.displayName = \"Drawer\";\n\nexport const DrawerTrigger = React.memo<DrawerTriggerProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-trigger\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Trigger>\n    );\n  },\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport const DrawerPortal = DrawerPrimitive.Portal;\n\nexport const DrawerOverlay = React.memo<DrawerOverlayProps>(\n  ({ className, ref, classNames, ...props }) => (\n    <DrawerPrimitive.Overlay\n      ref={ref}\n      className={cn(\n        \"drawer_overlay\",\n        \"fixed inset-0 z-50 bg-black/20 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200\",\n        classNames?.overlay,\n        className,\n      )}\n      data-slot=\"drawer-overlay\"\n      {...props}\n    />\n  ),\n);\n\nDrawerOverlay.displayName = \"DrawerOverlay\";\n\nexport const DrawerContent = React.memo<DrawerContentProps>(\n  ({\n    children,\n    direction: directionProp,\n    size = \"md\",\n    showCloseButton = false,\n    showHandle,\n    className,\n    ref,\n    classNames,\n  }) => {\n    const { direction: contextDirection } = useContext(DrawerContext);\n    const direction = directionProp ?? contextDirection;\n\n    // Default showHandle based on direction\n    const shouldShowHandle =\n      showHandle ?? (direction === \"bottom\" || direction === \"top\");\n\n    const isHorizontal = direction === \"left\" || direction === \"right\";\n\n    return (\n      <DrawerPortal>\n        <DrawerOverlay classNames={classNames} />\n        <DrawerPrimitive.Content\n          ref={ref}\n          className={cn(\n            \"drawer_content\",\n            drawerContentVariants({ direction, size }),\n            paddingClasses[size],\n            \"z-50\",\n            classNames?.content,\n            className,\n          )}\n          data-slot=\"drawer-content\"\n        >\n          {/* Handle for bottom drawer */}\n          {shouldShowHandle && direction === \"bottom\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for top drawer */}\n          {shouldShowHandle && direction === \"top\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4 order-last mt-auto\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for left drawer */}\n          {shouldShowHandle && direction === \"left\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute right-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for right drawer */}\n          {shouldShowHandle && direction === \"right\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute left-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Close button */}\n          {showCloseButton && (\n            <DrawerPrimitive.Close\n              className={cn(\n                \"drawer_closeButton\",\n                \"absolute rounded-md opacity-70 transition-opacity hover:opacity-100\",\n                \"focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2\",\n                \"text-text-secondary hover:text-text-primary hover:bg-surface\",\n                closeButtonSizeClasses[size],\n                classNames?.closeButton,\n              )}\n              data-slot=\"drawer-closeButton\"\n            >\n              <X />\n              <span className=\"sr-only\">Close</span>\n            </DrawerPrimitive.Close>\n          )}\n\n          {/* Content wrapper */}\n          <div\n            className={cn(\n              \"drawer_wrapper\",\n              \"flex flex-col flex-1 min-h-0\",\n              isHorizontal && \"overflow-y-auto\",\n              showCloseButton && \"pt-6\",\n              classNames?.wrapper,\n            )}\n            data-slot=\"drawer-wrapper\"\n          >\n            {children}\n          </div>\n        </DrawerPrimitive.Content>\n      </DrawerPortal>\n    );\n  },\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport const DrawerHeader = React.memo<DrawerHeaderProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_header\",\n          \"flex flex-col gap-1.5 mb-4 shrink-0\",\n          classNames?.header,\n          className\n        )}\n        data-slot=\"drawer-header\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport const DrawerBody = React.memo<DrawerBodyProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_body\",\n          \"flex-1 overflow-y-auto min-h-0\",\n          classNames?.body,\n          className\n        )}\n        data-slot=\"drawer-body\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport const DrawerFooter = React.memo<DrawerFooterProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_footer\",\n          \"flex gap-2 mt-auto pt-4 shrink-0\",\n          classNames?.footer,\n          className\n        )}\n        data-slot=\"drawer-footer\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport const DrawerTitle = React.memo<DrawerTitleProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Title\n        ref={ref}\n        className={cn(\n          \"drawer_title\",\n          \"text-lg font-semibold text-text-primary\",\n          classNames?.title,\n          className\n        )}\n        data-slot=\"drawer-title\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Title>\n    );\n  },\n);\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport const DrawerDescription = React.memo<DrawerDescriptionProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Description\n        ref={ref}\n        className={cn(\n          \"drawer_description\",\n          \"text-sm text-text-secondary\",\n          classNames?.description,\n          className\n        )}\n        data-slot=\"drawer-description\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Description>\n    );\n  },\n);\n\nDrawerDescription.displayName = \"DrawerDescription\";\n\nexport const DrawerClose = React.memo<DrawerCloseProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Close\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-close\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Close>\n    );\n  },\n);\n\nDrawerClose.displayName = \"DrawerClose\";\n\n/**\n * ComposedDrawer - A convenience component that combines all drawer parts\n */\nexport function ComposedDrawer({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  direction = \"right\",\n  size = \"md\",\n  modal = true,\n  showCloseButton = true,\n  showHandle,\n  dismissible = true,\n  hideHeader = false,\n  hideFooter = false,\n  className,\n  contentClassName,\n  classNames,\n}: ComposedDrawerProps) {\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n      modal={modal}\n      dismissible={dismissible}\n    >\n      <DrawerContent\n        direction={direction}\n        size={size}\n        showCloseButton={showCloseButton}\n        showHandle={showHandle}\n        className={contentClassName}\n        classNames={classNames}\n      >\n        {!hideHeader && (title || description) && (\n          <DrawerHeader className={className} classNames={classNames}>\n            {title && <DrawerTitle classNames={classNames}>{title}</DrawerTitle>}\n            {description && (\n              <DrawerDescription classNames={classNames}>{description}</DrawerDescription>\n            )}\n          </DrawerHeader>\n        )}\n        <DrawerBody classNames={classNames}>{children}</DrawerBody>\n        {!hideFooter && footer && <DrawerFooter classNames={classNames}>{footer}</DrawerFooter>}\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\nComposedDrawer.displayName = \"ComposedDrawer\";\n\nexport type * from \"./types\";\nexport default ComposedDrawer;\n"]}

package/dist/chunk-YJOLLSHH.js

@@ -1,132 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import React, { useId } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var scrollbarSizes = {
-  xs: "4px",
-  sm: "6px",
-  md: "8px",
-  lg: "10px"
-};
-var scrollAreaVariants = cva("scroll-area_root relative overflow-hidden", {
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: ""
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var ScrollArea = React.memo(
-  ({
-    children,
-    maxHeight,
-    maxWidth,
-    direction = "vertical",
-    size = "md",
-    scrollbarVisibility = "auto",
-    className,
-    classNames,
-    ref,
-    style,
-    ...props
-  }) => {
-    const scrollId = useId().replace(/:/g, "");
-    const scrollClass = `scroll-area-${scrollId}`;
-    const thickness = scrollbarSizes[size];
-    const getOverflowClass = () => {
-      if (direction === "vertical") return "overflow-y-auto overflow-x-hidden";
-      if (direction === "horizontal") return "overflow-x-auto overflow-y-hidden";
-      return "overflow-auto";
-    };
-    const viewportStyle = {
-      ...style,
-      ...maxHeight && { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
-      ...maxWidth && { maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth }
-    };
-    const getScrollbarStyles = () => {
-      const baseOpacity = scrollbarVisibility === "hover" ? "0" : "1";
-      const hoverOpacity = "1";
-      return `
-        /* Firefox */
-        .${scrollClass} {
-          scrollbar-width: thin;
-          scrollbar-color: hsl(var(--color-border)) transparent;
-        }
-
-        /* Webkit (Chrome, Safari, Edge) */
-        .${scrollClass}::-webkit-scrollbar {
-          width: ${direction !== "horizontal" ? thickness : "0"};
-          height: ${direction !== "vertical" ? thickness : "0"};
-        }
-
-        .${scrollClass}::-webkit-scrollbar-track {
-          background: transparent;
-          border-radius: ${thickness};
-        }
-
-        .${scrollClass}::-webkit-scrollbar-thumb {
-          background: hsl(var(--color-border));
-          border-radius: ${thickness};
-          opacity: ${baseOpacity};
-          transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-        }
-
-        .${scrollClass}::-webkit-scrollbar-thumb:hover {
-          background: hsl(var(--color-border-strong));
-        }
-
-        ${scrollbarVisibility === "hover" ? `
-        .${scrollClass}:hover::-webkit-scrollbar-thumb {
-          opacity: ${hoverOpacity};
-        }
-        ` : ""}
-
-        .${scrollClass}::-webkit-scrollbar-corner {
-          background: transparent;
-        }
-      `;
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          scrollAreaVariants({ size }),
-          classNames?.root,
-          className
-        ),
-        "data-slot": "root",
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: getScrollbarStyles() } }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "scroll-area_viewport",
-                scrollClass,
-                getOverflowClass(),
-                classNames?.viewport
-              ),
-              style: viewportStyle,
-              "data-slot": "viewport",
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ScrollArea.displayName = "ScrollArea";
-var scroll_area_default = ScrollArea;
-
-export { scroll_area_default };
-//# sourceMappingURL=chunk-YJOLLSHH.js.map
-//# sourceMappingURL=chunk-YJOLLSHH.js.map

package/dist/chunk-YJOLLSHH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/scroll-area/index.tsx"],"names":[],"mappings":"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","file":"chunk-YJOLLSHH.js","sourcesContent":["'use client'\n\nimport React, { useId } from 'react'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from '../utils'\nimport type { ScrollAreaProps, ScrollAreaSize } from './types'\n\n/**\n * Scrollbar thickness by size\n */\nconst scrollbarSizes: Record<ScrollAreaSize, string> = {\n  xs: '4px',\n  sm: '6px',\n  md: '8px',\n  lg: '10px',\n}\n\n/**\n * ScrollArea root variants\n */\nconst scrollAreaVariants = cva('scroll-area_root relative overflow-hidden', {\n  variants: {\n    size: {\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\n/**\n * ScrollArea Component\n * Provides a customizable scrollable container with styled scrollbars\n */\nconst ScrollArea = React.memo<ScrollAreaProps>(\n  ({\n    children,\n    maxHeight,\n    maxWidth,\n    direction = 'vertical',\n    size = 'md',\n    scrollbarVisibility = 'auto',\n    className,\n    classNames,\n    ref,\n    style,\n    ...props\n  }) => {\n    const scrollId = useId().replace(/:/g, '')\n    const scrollClass = `scroll-area-${scrollId}`\n    const thickness = scrollbarSizes[size]\n\n    // Determine overflow based on direction\n    const getOverflowClass = () => {\n      if (direction === 'vertical') return 'overflow-y-auto overflow-x-hidden'\n      if (direction === 'horizontal') return 'overflow-x-auto overflow-y-hidden'\n      return 'overflow-auto'\n    }\n\n    // Build style object\n    const viewportStyle: React.CSSProperties = {\n      ...style,\n      ...(maxHeight && { maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }),\n      ...(maxWidth && { maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth }),\n    }\n\n    // Generate scrollbar CSS based on visibility\n    const getScrollbarStyles = () => {\n      const baseOpacity = scrollbarVisibility === 'hover' ? '0' : '1'\n      const hoverOpacity = '1'\n\n      return `\n        /* Firefox */\n        .${scrollClass} {\n          scrollbar-width: thin;\n          scrollbar-color: hsl(var(--color-border)) transparent;\n        }\n\n        /* Webkit (Chrome, Safari, Edge) */\n        .${scrollClass}::-webkit-scrollbar {\n          width: ${direction !== 'horizontal' ? thickness : '0'};\n          height: ${direction !== 'vertical' ? thickness : '0'};\n        }\n\n        .${scrollClass}::-webkit-scrollbar-track {\n          background: transparent;\n          border-radius: ${thickness};\n        }\n\n        .${scrollClass}::-webkit-scrollbar-thumb {\n          background: hsl(var(--color-border));\n          border-radius: ${thickness};\n          opacity: ${baseOpacity};\n          transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;\n        }\n\n        .${scrollClass}::-webkit-scrollbar-thumb:hover {\n          background: hsl(var(--color-border-strong));\n        }\n\n        ${\n          scrollbarVisibility === 'hover'\n            ? `\n        .${scrollClass}:hover::-webkit-scrollbar-thumb {\n          opacity: ${hoverOpacity};\n        }\n        `\n            : ''\n        }\n\n        .${scrollClass}::-webkit-scrollbar-corner {\n          background: transparent;\n        }\n      `\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          scrollAreaVariants({ size }),\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        <style dangerouslySetInnerHTML={{ __html: getScrollbarStyles() }} />\n        <div\n          className={cn(\n            'scroll-area_viewport',\n            scrollClass,\n            getOverflowClass(),\n            classNames?.viewport,\n          )}\n          style={viewportStyle}\n          data-slot=\"viewport\"\n        >\n          {children}\n        </div>\n      </div>\n    )\n  },\n)\n\nScrollArea.displayName = 'ScrollArea'\n\nexport type * from './types'\nexport default ScrollArea\n"]}