@deepnoid/ui 0.1.55 → 0.1.57

package/dist/{chunk-7XFHA2U5.mjs → chunk-4T7R3PEH.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-OTEWHVER.mjs";
+} from "./chunk-LQEA2HU5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-PVFDO2WN.mjs → chunk-73RWXO3Y.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-5SNPCI6I.mjs → chunk-C4AGYO7C.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-FKKDEWW3.mjs → chunk-DFBPLQMN.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "./chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-LF4SL2LJ.mjs → chunk-DLFXCMUU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-HIVPDIEP.mjs";
 import {
   listItem_default
-} from "./chunk-MXLJ3B4K.mjs";
+} from "./chunk-YZDZYMBP.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-YUMQWCQ3.mjs → chunk-DLQGQUCD.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-PVFDO2WN.mjs";
+} from "./chunk-73RWXO3Y.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-YQ2ULGET.mjs → chunk-DN6AW7DN.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "./chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
@@ -93,9 +93,7 @@ var buttonStyle = tv({
     variant: {
       solid: "",
       soft: "",
-      outline: {
-        base: "bg-transparent border-transparent"
-      },
+      outline: "",
       ghost: ""
     },
     color: {
@@ -266,49 +264,49 @@ var buttonStyle = tv({
       variant: "outline",
       color: "primary",
       class: {
-        base: ["bg-transparent", "border-primary-main", "text-primary-main", "hover:bg-primary-soft"]
+        base: ["bg-body-background", "border-primary-main", "text-primary-main", "hover:bg-primary-soft"]
       }
     },
     {
       variant: "outline",
       color: "secondary",
       class: {
-        base: ["bg-transparent", "border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft"]
+        base: ["bg-body-background", "border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft"]
       }
     },
     {
       variant: "outline",
       color: "neutral",
       class: {
-        base: ["bg-transparent", "border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft"]
+        base: ["bg-body-background", "border-neutral-main", "text-neutral-main", "hover:bg-neutral-soft"]
       }
     },
     {
       variant: "outline",
       color: "info",
       class: {
-        base: ["bg-transparent", "border-info-main", "text-info-main", "hover:bg-info-soft"]
+        base: ["bg-body-background", "border-info-main", "text-info-main", "hover:bg-info-soft"]
       }
     },
     {
       variant: "outline",
       color: "success",
       class: {
-        base: ["bg-transparent", "border-success-main", "text-success-main", "hover:bg-success-soft"]
+        base: ["bg-body-background", "border-success-main", "text-success-main", "hover:bg-success-soft"]
       }
     },
     {
       variant: "outline",
       color: "warning",
       class: {
-        base: ["bg-transparent", "border-warning-main", "text-warning-main", "hover:bg-warning-soft"]
+        base: ["bg-body-background", "border-warning-main", "text-warning-main", "hover:bg-warning-soft"]
       }
     },
     {
       variant: "outline",
       color: "danger",
       class: {
-        base: ["bg-transparent", "border-danger-main", "text-danger-main", "hover:bg-danger-soft"]
+        base: ["bg-body-background", "border-danger-main", "text-danger-main", "hover:bg-danger-soft"]
       }
     },
     // ghost & color

package/dist/{chunk-LTNDSCRA.mjs → chunk-DZ6QJCDZ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-ZVGVLD3T.mjs";
+} from "./chunk-3I7QA57V.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-RQ6ADHCR.mjs → chunk-GL5J2BKI.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-GMNQDNPW.mjs → chunk-HHRKPSO6.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-GC3GYCKY.mjs → chunk-JDWX2LKJ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-ZVGVLD3T.mjs";
+} from "./chunk-3I7QA57V.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-Y3FMWQ7R.mjs → chunk-L3RCWZTV.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-P732YGHO.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-RBQEUS4K.mjs → chunk-LDRIZFBK.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-FDBWNO2X.mjs";
+} from "./chunk-UETBYMGS.mjs";
 import {
   button_default
-} from "./chunk-YQ2ULGET.mjs";
+} from "./chunk-DN6AW7DN.mjs";
 import {
   icon_button_default
-} from "./chunk-FKKDEWW3.mjs";
+} from "./chunk-DFBPLQMN.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-OTEWHVER.mjs → chunk-LQEA2HU5.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-FDBWNO2X.mjs";
+} from "./chunk-UETBYMGS.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/chunk-LSO5QZIT.mjs

@@ -0,0 +1,174 @@
+"use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+
+// src/components/drawer/drawer.tsx
+import { forwardRef, useMemo, useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Drawer = forwardRef((props, ref) => {
+  const [localProps, variantProps] = mapPropsVariants(props, drawer.variantKeys);
+  const { classNames, isOpen, content, isKeyboardDismissDisabled = false, onClose, backdrop = true } = localProps;
+  const position = props.position || "right";
+  const [shouldRender, setShouldRender] = useState(isOpen);
+  const [isAnimating, setIsAnimating] = useState(isOpen);
+  const [isContentAnimating, setIsContentAnimating] = useState(isOpen);
+  const slots = useMemo(() => drawer(variantProps), [variantProps]);
+  useEffect(() => {
+    if (isOpen) {
+      setShouldRender(true);
+      requestAnimationFrame(() => {
+        setIsAnimating(true);
+        setTimeout(() => {
+          setIsContentAnimating(true);
+        }, 50);
+      });
+    } else {
+      setIsContentAnimating(false);
+      setIsAnimating(false);
+      const timer = setTimeout(() => {
+        setShouldRender(false);
+      }, 300);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (shouldRender) {
+      document.body.classList.add("overflow-hidden");
+    } else {
+      document.body.classList.remove("overflow-hidden");
+    }
+    if (!isOpen || isKeyboardDismissDisabled) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose == null ? void 0 : onClose();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [shouldRender, isOpen, isKeyboardDismissDisabled, onClose]);
+  const getAnimationClasses = () => {
+    const baseTransition = "transform transition-all duration-300 ease-in-out";
+    if (!isContentAnimating) {
+      switch (position) {
+        case "left":
+          return `${baseTransition} -translate-x-full`;
+        case "right":
+          return `${baseTransition} translate-x-full`;
+        case "top":
+          return `${baseTransition} -translate-y-full`;
+        case "bottom":
+          return `${baseTransition} translate-y-full`;
+        default:
+          return `${baseTransition} translate-x-full`;
+      }
+    }
+    return `${baseTransition} translate-x-0 translate-y-0`;
+  };
+  if (!shouldRender) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: slots.base({
+          class: clsx(
+            classNames == null ? void 0 : classNames.base,
+            isAnimating ? "visible opacity-100" : "invisible opacity-0",
+            "transition-all duration-300 ease-in-out"
+          )
+        }),
+        "aria-labelledby": "drawer",
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          backdrop && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: onClose }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: slots.drawerWrapper({
+                class: clsx(classNames == null ? void 0 : classNames.drawerWrapper, getAnimationClasses())
+              }),
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsx("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: content })
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+});
+Drawer.displayName = "Drawer";
+var drawer = tv({
+  slots: {
+    base: ["fixed", "inset-0", "z-50", "flex", "transition-all", "duration-300", "ease-in-out"],
+    drawerWrapper: ["relative", "flex", "flex-col", "bg-white", "shadow-xl", "overflow-hidden", "z-10"],
+    wrapper: ["flex", "flex-col", "h-full", "overflow-y-auto"]
+  },
+  variants: {
+    position: {
+      left: {
+        base: "justify-start",
+        drawerWrapper: "h-full border-r"
+      },
+      right: {
+        base: "justify-end",
+        drawerWrapper: "h-full border-l"
+      },
+      top: {
+        base: "items-start",
+        drawerWrapper: "w-full border-b"
+      },
+      bottom: {
+        base: "items-end",
+        drawerWrapper: "w-full border-t"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      position: ["top", "bottom"],
+      size: "sm",
+      class: {
+        drawerWrapper: "max-h-[25vh] max-w-none w-full"
+      }
+    },
+    {
+      position: ["top", "bottom"],
+      size: "md",
+      class: {
+        drawerWrapper: "max-h-[40vh] max-w-none w-full"
+      }
+    },
+    {
+      position: ["top", "bottom"],
+      size: "lg",
+      class: {
+        drawerWrapper: "max-h-[60vh] max-w-none w-full"
+      }
+    },
+    {
+      position: ["top", "bottom"],
+      size: "xl",
+      class: {
+        drawerWrapper: "max-h-[80vh] max-w-none w-full"
+      }
+    }
+  ],
+  defaultVariants: {
+    position: "right"
+  }
+});
+var drawer_default = Drawer;
+
+export {
+  drawer_default
+};

package/dist/{chunk-T43IV3GD.mjs → chunk-N4TTHIUT.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-LL6F3WDX.mjs";
 import {
   button_default
-} from "./chunk-YQ2ULGET.mjs";
+} from "./chunk-DN6AW7DN.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-NWV5ELFP.mjs → chunk-PMZH6GPQ.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   timePicker_default
-} from "./chunk-LF4SL2LJ.mjs";
+} from "./chunk-DLFXCMUU.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
-} from "./chunk-Y3FMWQ7R.mjs";
+} from "./chunk-L3RCWZTV.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-FDBWNO2X.mjs → chunk-UETBYMGS.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/{chunk-MXLJ3B4K.mjs → chunk-YZDZYMBP.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   avatar_default
-} from "./chunk-GC3GYCKY.mjs";
+} from "./chunk-JDWX2LKJ.mjs";
 import {
   Icon_default
-} from "./chunk-LTNDSCRA.mjs";
+} from "./chunk-DZ6QJCDZ.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";

package/dist/components/avatar/avatar.js

@@ -701,6 +701,29 @@ var template = {
       }
     );
   },
+  down: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.1667 8.16602L10.5 12.8327L5.83333 8.16602",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {

package/dist/components/avatar/avatar.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   avatar_default
-} from "../../chunk-GC3GYCKY.mjs";
-import "../../chunk-ZVGVLD3T.mjs";
+} from "../../chunk-JDWX2LKJ.mjs";
+import "../../chunk-3I7QA57V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/avatar/index.js

@@ -703,6 +703,29 @@ var template = {
       }
     );
   },
+  down: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.1667 8.16602L10.5 12.8327L5.83333 8.16602",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {

package/dist/components/avatar/index.mjs

@@ -2,8 +2,8 @@
 import "../../chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "../../chunk-GC3GYCKY.mjs";
-import "../../chunk-ZVGVLD3T.mjs";
+} from "../../chunk-JDWX2LKJ.mjs";
+import "../../chunk-3I7QA57V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/breadcrumb/breadcrumb.js

@@ -918,6 +918,29 @@ var template = {
       }
     );
   },
+  down: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.1667 8.16602L10.5 12.8327L5.83333 8.16602",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,18 +1,18 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-X3A2QD6L.mjs";
+} from "../../chunk-3ONHMYAP.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-YQ2ULGET.mjs";
-import "../../chunk-FKKDEWW3.mjs";
+import "../../chunk-DN6AW7DN.mjs";
+import "../../chunk-DFBPLQMN.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LTNDSCRA.mjs";
+import "../../chunk-DZ6QJCDZ.mjs";
 import "../../chunk-WFMFC7R6.mjs";
-import "../../chunk-ZVGVLD3T.mjs";
+import "../../chunk-3I7QA57V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/breadcrumb/index.js

@@ -920,6 +920,29 @@ var template = {
       }
     );
   },
+  down: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.1667 8.16602L10.5 12.8327L5.83333 8.16602",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {

package/dist/components/breadcrumb/index.mjs

@@ -2,18 +2,18 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-X3A2QD6L.mjs";
+} from "../../chunk-3ONHMYAP.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-YQ2ULGET.mjs";
-import "../../chunk-FKKDEWW3.mjs";
+import "../../chunk-DN6AW7DN.mjs";
+import "../../chunk-DFBPLQMN.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
+import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LTNDSCRA.mjs";
+import "../../chunk-DZ6QJCDZ.mjs";
 import "../../chunk-WFMFC7R6.mjs";
-import "../../chunk-ZVGVLD3T.mjs";
+import "../../chunk-3I7QA57V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";