@mdigital_ui/ui 0.2.6 → 0.2.8

package/dist/{chunk-6MYKJE6A.js → chunk-CSRMVLPR.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-2OGZENFC.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -109,14 +109,17 @@ var DrawerTrigger = React.memo(
 DrawerTrigger.displayName = "DrawerTrigger";
 var DrawerPortal = Drawer$1.Portal;
 var DrawerOverlay = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+  ({ 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
     }
   )
@@ -130,38 +133,85 @@ var DrawerContent = React.memo(
     showCloseButton = false,
     showHandle,
     className,
-    ref
+    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, {}),
+      /* @__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: "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4" }),
-            shouldShowHandle && direction === "top" && /* @__PURE__ */ jsx("div", { className: "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4 order-last mt-auto" }),
-            shouldShowHandle && direction === "left" && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border" }),
-            shouldShowHandle && direction === "right" && /* @__PURE__ */ jsx("div", { className: "absolute left-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border" }),
+            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]
+                  closeButtonSizeClasses[size],
+                  classNames?.closeButton
                 ),
+                "data-slot": "drawer-closeButton",
                 children: [
                   /* @__PURE__ */ jsx(X, {}),
                   /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
@@ -187,12 +237,18 @@ var DrawerContent = React.memo(
 );
 DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = React.memo(
-  ({ children, className, ref }) => {
+  ({ children, className, ref, classNames }) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: cn("flex flex-col gap-1.5 mb-4 shrink-0", className),
+        className: cn(
+          "drawer_header",
+          "flex flex-col gap-1.5 mb-4 shrink-0",
+          classNames?.header,
+          className
+        ),
+        "data-slot": "drawer-header",
         children
       }
     );
@@ -200,12 +256,18 @@ var DrawerHeader = React.memo(
 );
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerBody = React.memo(
-  ({ children, className, ref }) => {
+  ({ children, className, ref, classNames }) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: cn("flex-1 overflow-y-auto min-h-0", className),
+        className: cn(
+          "drawer_body",
+          "flex-1 overflow-y-auto min-h-0",
+          classNames?.body,
+          className
+        ),
+        "data-slot": "drawer-body",
         children
       }
     );
@@ -213,12 +275,18 @@ var DrawerBody = React.memo(
 );
 DrawerBody.displayName = "DrawerBody";
 var DrawerFooter = React.memo(
-  ({ children, className, ref }) => {
+  ({ children, className, ref, classNames }) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: cn("flex gap-2 mt-auto pt-4 shrink-0", className),
+        className: cn(
+          "drawer_footer",
+          "flex gap-2 mt-auto pt-4 shrink-0",
+          classNames?.footer,
+          className
+        ),
+        "data-slot": "drawer-footer",
         children
       }
     );
@@ -226,12 +294,18 @@ var DrawerFooter = React.memo(
 );
 DrawerFooter.displayName = "DrawerFooter";
 var DrawerTitle = React.memo(
-  ({ children, className, ref }) => {
+  ({ children, className, ref, classNames }) => {
     return /* @__PURE__ */ jsx(
       Drawer$1.Title,
       {
         ref,
-        className: cn("text-lg font-semibold text-text-primary", className),
+        className: cn(
+          "drawer_title",
+          "text-lg font-semibold text-text-primary",
+          classNames?.title,
+          className
+        ),
+        "data-slot": "drawer-title",
         children
       }
     );
@@ -239,12 +313,18 @@ var DrawerTitle = React.memo(
 );
 DrawerTitle.displayName = "DrawerTitle";
 var DrawerDescription = React.memo(
-  ({ children, className, ref }) => {
+  ({ children, className, ref, classNames }) => {
     return /* @__PURE__ */ jsx(
       Drawer$1.Description,
       {
         ref,
-        className: cn("text-sm text-text-secondary", className),
+        className: cn(
+          "drawer_description",
+          "text-sm text-text-secondary",
+          classNames?.description,
+          className
+        ),
+        "data-slot": "drawer-description",
         children
       }
     );
@@ -273,7 +353,8 @@ function ComposedDrawer({
   hideHeader = false,
   hideFooter = false,
   className,
-  contentClassName
+  contentClassName,
+  classNames
 }) {
   return /* @__PURE__ */ jsx(
     Drawer,
@@ -291,13 +372,14 @@ function ComposedDrawer({
           showCloseButton,
           showHandle,
           className: contentClassName,
+          classNames,
           children: [
-            !hideHeader && (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className, children: [
-              title && /* @__PURE__ */ jsx(DrawerTitle, { children: title }),
-              description && /* @__PURE__ */ jsx(DrawerDescription, { children: description })
+            !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, { children }),
-            !hideFooter && footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
+            /* @__PURE__ */ jsx(DrawerBody, { classNames, children }),
+            !hideFooter && footer && /* @__PURE__ */ jsx(DrawerFooter, { classNames, children: footer })
           ]
         }
       )
@@ -308,5 +390,5 @@ ComposedDrawer.displayName = "ComposedDrawer";
 var drawer_default = ComposedDrawer;
 
 export { ComposedDrawer, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawer_default };
-//# sourceMappingURL=chunk-6MYKJE6A.js.map
-//# sourceMappingURL=chunk-6MYKJE6A.js.map
+//# 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-IHKPZOE5.js → chunk-DQQLJ5C5.js}

@@ -1,5 +1,5 @@
-import { Spinner } from './chunk-NQB4V5P7.js';
-import { cn } from './chunk-2OGZENFC.js';
+import { Spinner } from './chunk-PHQOHVG3.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -14,7 +14,9 @@ var FetchingOverlay = React.memo(({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-slot": "root",
       className: cn(
+        "fetchingOverlay_root",
         "absolute inset-0 flex items-center justify-center transition-all duration-300",
         fullscreen && "fixed w-full h-screen z-50",
         isFetching ? "opacity-100" : "opacity-0 pointer-events-none",
@@ -36,5 +38,5 @@ FetchingOverlay.displayName = "FetchingOverlay";
 var fetching_overlay_default = FetchingOverlay;
 
 export { fetching_overlay_default };
-//# sourceMappingURL=chunk-IHKPZOE5.js.map
-//# sourceMappingURL=chunk-IHKPZOE5.js.map
+//# sourceMappingURL=chunk-DQQLJ5C5.js.map
+//# sourceMappingURL=chunk-DQQLJ5C5.js.map

package/dist/chunk-DQQLJ5C5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fetching-overlay/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,CAA2B,CAAC;AAAA,EACxD,UAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,UAAA,GAAa,IAAA;AAAA,EACb,eAAA,GAAkB,EAAA;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,sBAAA;AAAA,QACA,+EAAA;AAAA,QACA,UAAA,IAAc,4BAAA;AAAA,QACd,aAAa,aAAA,GAAgB,+BAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,aAAa,EAAE,eAAA,EAAiB,iBAAiB,eAAA,GAAkB,GAAG,KAAI,GAAI,MAAA;AAAA,MAErF,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,SAAA,EAAU,gDAAA;AAAA,UACT,GAAG;AAAA;AAAA;AACN;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAO,wBAAA,GAAQ","file":"chunk-DQQLJ5C5.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Spinner } from '../spinner'\nimport { SpinnerProps } from '../spinner/types'\nimport { cn } from '../utils'\n\ninterface FetchingOverlayProps extends SpinnerProps {\n  isFetching: boolean\n  fullscreen?: boolean\n  backdropOpacity?: number\n}\n\nconst FetchingOverlay = React.memo<FetchingOverlayProps>(({\n  isFetching,\n  size = 'lg',\n  fullscreen = true,\n  backdropOpacity = 30,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'fetchingOverlay_root',\n        'absolute inset-0 flex items-center justify-center transition-all duration-300',\n        fullscreen && 'fixed w-full h-screen z-50',\n        isFetching ? 'opacity-100' : 'opacity-0 pointer-events-none',\n        className,\n      )}\n      style={isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : undefined}\n    >\n      <Spinner\n        size={size}\n        className=\"transition-transform duration-300 animate-spin\"\n        {...rest}\n      />\n    </div>\n  )\n})\n\nFetchingOverlay.displayName = 'FetchingOverlay'\n\nexport default FetchingOverlay\n"]}

package/dist/{chunk-555KXZRK.js → chunk-EGNF7BRT.js}

@@ -1,5 +1,5 @@
-import { createKbdColorVariants, componentColors } from './chunk-TUTOU4X6.js';
-import { cn } from './chunk-2OGZENFC.js';
+import { createKbdColorVariants, componentColors } from './chunk-LK4EPTNG.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -54,7 +54,9 @@ var Kbd = React.memo(
     return /* @__PURE__ */ jsx(
       "kbd",
       {
+        "data-slot": "root",
         className: cn(
+          "kbd_root",
           kbdVariants({ variant, color, size }),
           "[&_svg:not([class*='size-'])]:size-3",
           className
@@ -69,5 +71,5 @@ Kbd.displayName = "Kbd";
 var kbd_default = Kbd;
 
 export { kbd_default };
-//# sourceMappingURL=chunk-555KXZRK.js.map
-//# sourceMappingURL=chunk-555KXZRK.js.map
+//# sourceMappingURL=chunk-EGNF7BRT.js.map
+//# sourceMappingURL=chunk-EGNF7BRT.js.map

package/dist/chunk-EGNF7BRT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,+IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,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,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,gBAAA,EAAkB,uBAAuB,eAAA,EAAiB;AAAA,MACxD,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,MAAM,KAAA,CAAM,IAAA;AAAA,EAChB,CAAC;AAAA,IACC,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,WAAA,CAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,CAAA;AAAA,UACpC,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAGlB,IAAO,WAAA,GAAQ","file":"chunk-EGNF7BRT.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createKbdColorVariants } from '../variants'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    compoundVariants: createKbdColorVariants(componentColors, [\n      'solid',\n      'outline',\n      'soft',\n    ]),\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        data-slot=\"root\"\n        className={cn(\n          'kbd_root',\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}

package/dist/{chunk-7BUNJYZO.js → chunk-FEMHXG2P.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-2OGZENFC.js';
+import { cn } from './chunk-NGYLRX6F.js';
 import React, { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -6,6 +6,7 @@ var Image = React.memo(({
   src,
   withBlur,
   className,
+  classNames,
   fetchPriority = "auto",
   ...props
 }) => {
@@ -26,7 +27,12 @@ var Image = React.memo(({
     }
     return () => img?.removeEventListener("load", handleLoad);
   }, []);
-  return /* @__PURE__ */ jsxs("div", { className: cn("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 @@ var Image = React.memo(({
           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-surface via-background to-surface\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 @@ var Image = React.memo(({
         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",
@@ -56,5 +72,5 @@ Image.displayName = "Image";
 var image_default = Image;
 
 export { image_default };
-//# sourceMappingURL=chunk-7BUNJYZO.js.map
-//# sourceMappingURL=chunk-7BUNJYZO.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"]}