@mdigital_ui/ui 0.2.5 → 0.2.7

package/dist/chunk-CSRMVLPR.js

@@ -0,0 +1,394 @@
+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 }) => {
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Trigger,
+      {
+        ref,
+        asChild,
+        className,
+        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/50 backdrop-blur-sm",
+        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(
+                  "flex flex-col flex-1 min-h-0",
+                  isHorizontal && "overflow-y-auto",
+                  showCloseButton && "pt-6"
+                ),
+                children
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = React.memo(
+  ({ children, className, ref, classNames }) => {
+    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",
+        children
+      }
+    );
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerBody = React.memo(
+  ({ children, className, ref, classNames }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "drawer_body",
+          "flex-1 overflow-y-auto min-h-0",
+          classNames?.body,
+          className
+        ),
+        "data-slot": "drawer-body",
+        children
+      }
+    );
+  }
+);
+DrawerBody.displayName = "DrawerBody";
+var DrawerFooter = React.memo(
+  ({ children, className, ref, classNames }) => {
+    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",
+        children
+      }
+    );
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React.memo(
+  ({ children, className, ref, classNames }) => {
+    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",
+        children
+      }
+    );
+  }
+);
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = React.memo(
+  ({ children, className, ref, classNames }) => {
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Description,
+      {
+        ref,
+        className: cn(
+          "drawer_description",
+          "text-sm text-text-secondary",
+          classNames?.description,
+          className
+        ),
+        "data-slot": "drawer-description",
+        children
+      }
+    );
+  }
+);
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerClose = React.memo(
+  ({ children, asChild = false, className, ref }) => {
+    return /* @__PURE__ */ jsx(Drawer$1.Close, { ref, asChild, className, 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-CSRMVLPR.js.map
+//# sourceMappingURL=chunk-CSRMVLPR.js.map

package/dist/chunk-CSRMVLPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer/index.tsx"],"names":["DrawerPrimitive"],"mappings":"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","file":"chunk-CSRMVLPR.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 }) => {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        asChild={asChild}\n        className={className}\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/50 backdrop-blur-sm\",\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              \"flex flex-col flex-1 min-h-0\",\n              isHorizontal && \"overflow-y-auto\",\n              showCloseButton && \"pt-6\",\n            )}\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 }) => {\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      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport const DrawerBody = React.memo<DrawerBodyProps>(\n  ({ children, className, ref, classNames }) => {\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      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport const DrawerFooter = React.memo<DrawerFooterProps>(\n  ({ children, className, ref, classNames }) => {\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      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport const DrawerTitle = React.memo<DrawerTitleProps>(\n  ({ children, className, ref, classNames }) => {\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      >\n        {children}\n      </DrawerPrimitive.Title>\n    );\n  },\n);\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport const DrawerDescription = React.memo<DrawerDescriptionProps>(\n  ({ children, className, ref, classNames }) => {\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      >\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 }) => {\n    return (\n      <DrawerPrimitive.Close ref={ref} asChild={asChild} className={className}>\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-DH7R6NBG.js

@@ -0,0 +1,107 @@
+import { createPopoverColorVariants, componentColors } from './chunk-NTPWR57C.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Root,
+    {
+      "data-slot": "popover",
+      ...props
+    }
+  );
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Trigger,
+    {
+      "data-slot": "popover-trigger",
+      ...props
+    }
+  );
+}
+var popoverContentVariants = cva(
+  "overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none",
+  {
+    variants: {
+      size: {
+        xs: "p-2 text-xs",
+        sm: "p-3 text-sm",
+        md: "p-4 text-base",
+        lg: "p-5 text-lg"
+      },
+      variant: {
+        default: "",
+        solid: "",
+        soft: ""
+      },
+      color: {
+        default: "",
+        primary: "",
+        secondary: "",
+        accent: "",
+        success: "",
+        error: "",
+        warning: "",
+        info: ""
+      }
+    },
+    compoundVariants: createPopoverColorVariants(componentColors, [
+      "default",
+      "solid",
+      "soft"
+    ]),
+    defaultVariants: {
+      size: "md",
+      variant: "default",
+      color: "default"
+    }
+  }
+);
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  size = "md",
+  variant = "default",
+  color = "default",
+  classNames,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "popover_content",
+        popoverContentVariants({ size, variant, color }),
+        className,
+        classNames?.content
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Anchor,
+    {
+      "data-slot": "popover-anchor",
+      ...props
+    }
+  );
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=chunk-DH7R6NBG.js.map
+//# sourceMappingURL=chunk-DH7R6NBG.js.map

package/dist/chunk-DH7R6NBG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":";;;;;;AAUA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,6bAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB,2BAA2B,eAAA,EAAiB;AAAA,MAC5D,SAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA;AAAA,QACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,QAC/C,SAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,MAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-DH7R6NBG.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createPopoverColorVariants } from '../variants'\nimport type { PopoverClassNames } from './types'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  )\n}\n\nconst popoverContentVariants = cva(\n  'overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n  {\n    variants: {\n      size: {\n        xs: 'p-2 text-xs',\n        sm: 'p-3 text-sm',\n        md: 'p-4 text-base',\n        lg: 'p-5 text-lg',\n      },\n      variant: {\n        default: '',\n        solid: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n    },\n    compoundVariants: createPopoverColorVariants(componentColors, [\n      'default',\n      'solid',\n      'soft',\n    ]),\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      color: 'default',\n    },\n  },\n)\n\nexport interface PopoverContentProps\n  extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n    VariantProps<typeof popoverContentVariants> {\n  classNames?: PopoverClassNames\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  size = 'md',\n  variant = 'default',\n  color = 'default',\n  classNames,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'popover_content',\n          popoverContentVariants({ size, variant, color }),\n          className,\n          classNames?.content,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/{chunk-XMAH5PDW.js → chunk-FEMHXG2P.js}

@@ -1,14 +1,15 @@
-import { cn } from './chunk-YNNAOXU5.js';
-import { useState, useRef, useEffect } from 'react';
+import { cn } from './chunk-NGYLRX6F.js';
+import React, { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function Image({
+var Image = React.memo(({
   src,
   withBlur,
-  className = "",
+  className,
+  classNames,
   fetchPriority = "auto",
   ...props
-}) {
+}) => {
   const [imageError, setImageError] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const imageRef = useRef(null);
@@ -26,7 +27,12 @@ function Image({
     }
     return () => img?.removeEventListener("load", handleLoad);
   }, []);
-  return /* @__PURE__ */ jsxs("div", { className: `relative inline-block ${className || ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(
+    "image_root",
+    "relative inline-block",
+    classNames?.root,
+    className
+  ), children: [
     withBlur && !isLoaded && /* @__PURE__ */ jsx(
       "div",
       {
@@ -34,7 +40,11 @@ function Image({
           width: props.width ? `${props.width}px` : void 0,
           height: props.height ? `${props.height}px` : void 0
         },
-        className: "\n            absolute top-0 left-0 w-full h-full\n            rounded-md\n            animate-pulse\n            bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200\n          "
+        className: cn(
+          "image_placeholder",
+          "absolute top-0 left-0 w-full h-full rounded-md animate-pulse bg-gradient-to-r from-surface via-background to-surface",
+          classNames?.placeholder
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -43,7 +53,13 @@ function Image({
         ref: imageRef,
         onError: () => setImageError(true),
         src: imageError || !src ? "/static/png/empty.png" : src,
-        className: cn("transition-all duration-500 ease-in-out", className),
+        className: cn(
+          "image_image",
+          "transition-all duration-500 ease-in-out",
+          imageError && "image_error",
+          imageError && classNames?.error,
+          classNames?.image
+        ),
         ...props,
         alt: props.alt,
         loading: "lazy",
@@ -51,9 +67,10 @@ function Image({
       }
     )
   ] });
-}
+});
+Image.displayName = "Image";
 var image_default = Image;
 
 export { image_default };
-//# sourceMappingURL=chunk-XMAH5PDW.js.map
-//# sourceMappingURL=chunk-XMAH5PDW.js.map
+//# sourceMappingURL=chunk-FEMHXG2P.js.map
+//# sourceMappingURL=chunk-FEMHXG2P.js.map

package/dist/chunk-FEMHXG2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/index.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAiB,CAAC;AAAA,EACpC,GAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA,GAAgB,MAAA;AAAA,EAChB,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAI,SAAS,OAAA,EAAS;AACpB,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,MAAM,QAAA,CAAS,OAAA;AACrB,IAAA,IAAI,KAAK,QAAA,EAAU;AACjB,MAAA,UAAA,EAAW;AAAA,IACb,CAAA,MAAO;AACL,MAAA,GAAA,EAAK,gBAAA,CAAiB,QAAQ,UAAU,CAAA;AAAA,IAC1C;AAEA,IAAA,OAAO,MAAM,GAAA,EAAK,mBAAA,CAAoB,MAAA,EAAQ,UAAU,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA;AAAA,IACd,YAAA;AAAA,IACA,uBAAA;AAAA,IACA,UAAA,EAAY,IAAA;AAAA,IACZ;AAAA,GACF,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,IAAY,CAAC,QAAA,oBACZ,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,OAAO,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA,GAAO,MAAA;AAAA,UAC1C,QAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,KAAA,CAAM,MAAM,CAAA,EAAA,CAAA,GAAO;AAAA,SAC/C;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,mBAAA;AAAA,UACA,sHAAA;AAAA,UACA,UAAA,EAAY;AAAA;AACd;AAAA,KACF;AAAA,oBAEF,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,QACjC,GAAA,EAAK,UAAA,IAAc,CAAC,GAAA,GAAM,uBAAA,GAA0B,GAAA;AAAA,QACpD,SAAA,EAAW,EAAA;AAAA,UACT,aAAA;AAAA,UACA,yCAAA;AAAA,UACA,UAAA,IAAc,aAAA;AAAA,UACd,cAAc,UAAA,EAAY,KAAA;AAAA,UAC1B,UAAA,EAAY;AAAA,SACd;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,KAAK,KAAA,CAAM,GAAA;AAAA,QACX,OAAA,EAAQ,MAAA;AAAA,QACR;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAGpB,IAAO,aAAA,GAAQ","file":"chunk-FEMHXG2P.js","sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\n\nimport { ImageProps } from './types'\n\nconst Image = React.memo<ImageProps>(({\n  src,\n  withBlur,\n  className,\n  classNames,\n  fetchPriority = 'auto',\n  ...props\n}) => {\n  const [imageError, setImageError] = useState(false)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    const handleLoad = () => {\n      if (imageRef.current) {\n        setIsLoaded(true)\n      }\n    }\n\n    const img = imageRef.current\n    if (img?.complete) {\n      handleLoad()\n    } else {\n      img?.addEventListener('load', handleLoad)\n    }\n\n    return () => img?.removeEventListener('load', handleLoad)\n  }, [])\n\n  return (\n    <div className={cn(\n      'image_root',\n      'relative inline-block',\n      classNames?.root,\n      className\n    )}>\n      {withBlur && !isLoaded && (\n        <div\n          style={{\n            width: props.width ? `${props.width}px` : undefined,\n            height: props.height ? `${props.height}px` : undefined,\n          }}\n          className={cn(\n            'image_placeholder',\n            'absolute top-0 left-0 w-full h-full rounded-md animate-pulse bg-gradient-to-r from-surface via-background to-surface',\n            classNames?.placeholder\n          )}\n        />\n      )}\n      <img\n        ref={imageRef}\n        onError={() => setImageError(true)}\n        src={imageError || !src ? '/static/png/empty.png' : src}\n        className={cn(\n          'image_image',\n          'transition-all duration-500 ease-in-out',\n          imageError && 'image_error',\n          imageError && classNames?.error,\n          classNames?.image\n        )}\n        {...props}\n        alt={props.alt}\n        loading=\"lazy\"\n        fetchPriority={fetchPriority}\n      />\n    </div>\n  )\n})\n\nImage.displayName = 'Image'\n\nexport type * from './types'\nexport default Image\n"]}