@deepnoid/ui 1.0.11 → 1.0.13

package/dist/{chunk-W3AO4G35.mjs → chunk-SNNSEK5T.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   icon_button_default
-} from "./chunk-44Z6L7FL.mjs";
+} from "./chunk-PRLKKUBY.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";
@@ -428,28 +428,28 @@ var select = tv({
       variant: "outline",
       size: "sm",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "md",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.25px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.25px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "lg",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.5px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.5px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "xl",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.75px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.75px_var(--color-neutral-light)]"]
       }
     },
     {
@@ -457,7 +457,7 @@ var select = tv({
       size: "sm",
       class: {
         selectWrapper: ["border-b-sm"],
-        option: ["hover:shadow-[inset_0_-1px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -465,7 +465,7 @@ var select = tv({
       size: "md",
       class: {
         selectWrapper: ["border-b-md"],
-        option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -473,7 +473,7 @@ var select = tv({
       size: "lg",
       class: {
         selectWrapper: ["border-b-lg"],
-        option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -481,7 +481,7 @@ var select = tv({
       size: "xl",
       class: {
         selectWrapper: ["border-b-xl"],
-        option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--color-neutral-light)]"]
       }
     },
     {

package/dist/{chunk-RMWLYCNN.mjs → chunk-TGXYSXEN.mjs}

@@ -1,19 +1,19 @@
 "use client";
+import {
+  backdrop_default
+} from "./chunk-5RJYESLP.mjs";
 import {
   button_default
-} from "./chunk-KXR5SJQT.mjs";
+} from "./chunk-7U7FM6I6.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";
-import {
-  backdrop_default
-} from "./chunk-P4GNXDMO.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/chunk-UP6RPQDX.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+// src/utils/tailwind-variants.ts
+import { createTV } from "tailwind-variants";
+var COMMON_SIZE = ["sm", "md", "lg", "xl"];
+var tv = createTV({
+  twMergeConfig: {
+    classGroups: {
+      fontSize: [{ text: ["h1", "h2", "h3", "h4", "h5", "sm", "md", "lg", "xl", "2xl"] }],
+      borderRadius: [{ rounded: ["2", "5", "sm", "md", "lg", "xl", "2xl", "none", "full"] }],
+      boxShadow: [
+        {
+          shadow: [
+            "border-1",
+            "border-2",
+            "border-3",
+            "border-4",
+            "border-5",
+            "border-6",
+            "border-7",
+            "border-8",
+            "border-9",
+            "border-10",
+            "inner",
+            "inner-sm",
+            "inner-md",
+            "inner-lg",
+            "inner-xl",
+            "drop",
+            "drop-sm",
+            "drop-md",
+            "drop-lg",
+            "drop-xl"
+          ]
+        }
+      ],
+      padding: [{ p: COMMON_SIZE }],
+      gap: [{ gap: ["5", "10", "20", "30", "sm", "md", "lg", "xl"] }],
+      borderWidth: [{ border: COMMON_SIZE }]
+    }
+  }
+});
+
+export {
+  tv
+};

package/dist/{chunk-KPOXK7NN.mjs → chunk-USZSQXHS.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-VO2ZIGIK.mjs → chunk-WTBRXQFT.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/charts/simpleBarChart.tsx
 import { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-UJCQCSQ5.mjs → chunk-X7SYBDST.mjs}

@@ -1,23 +1,23 @@
 "use client";
 import {
   day_default
-} from "./chunk-DI7QXTYZ.mjs";
+} from "./chunk-G6SZN3EK.mjs";
 import {
   formatDateToString,
   formatStringToDate
 } from "./chunk-3IBJXQTJ.mjs";
 import {
   input_default
-} from "./chunk-HJ2RUGGG.mjs";
+} from "./chunk-Y6EIO72X.mjs";
+import {
+  icon_button_default
+} from "./chunk-PRLKKUBY.mjs";
 import {
   text_button_default
-} from "./chunk-O3E6E4QS.mjs";
+} from "./chunk-ZDZKGGK3.mjs";
 import {
   button_default
-} from "./chunk-KXR5SJQT.mjs";
-import {
-  icon_button_default
-} from "./chunk-44Z6L7FL.mjs";
+} from "./chunk-7U7FM6I6.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/picker/datePicker.tsx
 import {

package/dist/{chunk-EWS3FESG.mjs → chunk-XS32UZI3.mjs}

@@ -6,19 +6,13 @@ import {
 // src/components/scroll/scrollArea.tsx
 import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
-var ScrollArea = ({ children, className, direction, size }) => {
-  return /* @__PURE__ */ jsx("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+var ScrollArea = ({ children, className, direction, size, variant }) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
 };
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = tv({
-  base: [
-    "w-full",
-    "scrollbar-thumb-trans-soft",
-    "hover:scrollbar-thumb-neutral-light",
-    "scrollbar-track-neutral-soft",
-    "scrollbar-button-neutral-main"
-  ],
+  base: ["w-full", "h-full", "tw-scrollbar-base"],
   variants: {
     direction: {
       x: ["overflow-x-auto", "overflow-y-visible"],
@@ -26,15 +20,19 @@ var scrollAreaStyle = tv({
       both: ["overflow-auto"]
     },
     size: {
-      sm: ["scrollbar-sm"],
-      // "scrollbar-thin",
-      md: ["scrollbar-md"],
-      lg: ["scrollbar-lg"]
+      sm: ["tw-scrollbar-sm"],
+      md: ["tw-scrollbar-md"],
+      lg: ["tw-scrollbar-lg"]
+    },
+    variant: {
+      plain: ["tw-scrollbar-plain"],
+      adorn: ["tw-scrollbar-adorn"]
     }
   },
   defaultVariants: {
     direction: "both",
-    size: "md"
+    size: "md",
+    variant: "plain"
   }
 });
 

package/dist/{chunk-DJZHJNYH.mjs → chunk-XTMOAGLY.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  avatar_default
-} from "./chunk-3N442F6I.mjs";
 import {
   Icon_default
 } from "./chunk-A6UUVHC6.mjs";
+import {
+  avatar_default
+} from "./chunk-D3DKXTTY.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-BBCJTXGU.mjs → chunk-Y3A7PN4Q.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/charts/radarChart.tsx
 import {

package/dist/{chunk-HJ2RUGGG.mjs → chunk-Y6EIO72X.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/input/input.tsx
 import {

package/dist/{chunk-JUKILR6X.mjs → chunk-ZCJPPLYH.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/toast/toast.tsx
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";

package/dist/{chunk-O3E6E4QS.mjs → chunk-ZDZKGGK3.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   buttonBaseStyle
-} from "./chunk-MYFMT2ZT.mjs";
+} from "./chunk-Q5T3XRA3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-DPWUIAVC.mjs";
+} from "./chunk-UP6RPQDX.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-XOR6NQTS.mjs → chunk-ZPMS2CYP.mjs}

@@ -1,14 +1,14 @@
 "use client";
 import {
   WheelColumn
-} from "./chunk-RKHH3CUS.mjs";
+} from "./chunk-ZUNOPH7C.mjs";
 import {
   convert24To12,
   getCurrent12Hour
 } from "./chunk-3IBJXQTJ.mjs";
 import {
   text_button_default
-} from "./chunk-O3E6E4QS.mjs";
+} from "./chunk-ZDZKGGK3.mjs";
 
 // src/components/picker/timePicker/Panel.tsx
 import { forwardRef, useEffect, useState } from "react";

package/dist/{chunk-RKHH3CUS.mjs → chunk-ZUNOPH7C.mjs}

@@ -35,8 +35,8 @@ function WheelColumn({ list, value, onChange }) {
     el.scrollTo({ top: idx * ITEM_HEIGHT });
   }, [idx]);
   return /* @__PURE__ */ jsxs("div", { className: "relative h-[94px] w-[40px]", children: [
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-1/2 top-[30px] h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--dn-primary-light)]" }),
-    /* @__PURE__ */ jsxs("div", { ref, className: "scrollbar-none relative h-full select-none overflow-y-scroll py-[0]", children: [
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
+    /* @__PURE__ */ jsxs("div", { ref, className: "scrollbar-none relative h-full overflow-y-scroll py-[0] select-none", children: [
       /* @__PURE__ */ jsx("div", { style: { height: ITEM_HEIGHT } }),
       list.map((v, i) => {
         const highlight = i === idx;