@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/modal/modal.test.mjs

@@ -1,17 +1,18 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-YGTJU3GD.mjs";
+} from "../../chunk-L7P6OBUX.mjs";
 import "../../chunk-VUYUQGLF.mjs";
-import "../../chunk-PRUAIZTU.mjs";
-import "../../chunk-IOV7MEPG.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NGQ3MK2J.mjs";
+import "../../chunk-UR64ZUAU.mjs";
 import {
   fireEvent,
   render
 } from "../../chunk-FNPWLOGV.mjs";
-import "../../chunk-66WCZEEU.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 

package/dist/components/pagination/index.js

@@ -189,7 +189,7 @@ var pagination = tv(
   {
     slots: {
       base: "flex items-center select-none",
-      label: "text-primary-main text-right",
+      label: "text-primary-main text-right whitespace-nowrap",
       wrapper: "flex overflow-hidden",
       icon: "flex items-center justify-center cursor-pointer",
       button: "flex items-center justify-center cursor-pointer data-[selected=true]:font-[600] transition duration-200"
@@ -208,22 +208,22 @@ var pagination = tv(
       },
       size: {
         sm: {
-          wrapper: "gap-[10px]",
-          label: "w-[85px] text-sm mr-[10px]",
+          wrapper: "gap-[6px]",
+          label: "min-w-[85px] text-sm mr-[10px]",
           icon: ["h-[15px] text-sm"],
-          button: ["w-[28px] h-[15px] text-sm"]
+          button: ["min-w-[28px] h-[15px] text-sm"]
         },
         md: {
-          wrapper: "gap-[12px]",
-          label: "w-[95px] text-md mr-[12px]",
+          wrapper: "gap-[8px]",
+          label: "min-w-[95px] text-md mr-[12px]",
           icon: ["h-[17px] text-md"],
-          button: ["w-[32px] h-[17px] text-md"]
+          button: ["min-w-[32px] h-[17px] text-md"]
         },
         lg: {
-          wrapper: "gap-[14px]",
-          label: "w-[105px] text-lg mr-[14px]",
+          wrapper: "gap-[10px]",
+          label: "min-w-[105px] text-lg mr-[14px]",
           icon: ["h-[20px] text-lg"],
-          button: ["w-[37px] h-[20px] text-lg"]
+          button: ["min-w-[37px] h-[20px] text-lg"]
         }
       },
       color: {
@@ -262,8 +262,8 @@ var pagination = tv(
         size: "sm",
         class: {
           wrapper: "border rounded-sm gap-0",
-          button: "!w-[40px] h-[24px] border-l",
-          icon: "w-[40px] h-[24px] border-l"
+          button: "!min-w-[40px] h-[20px] border-l",
+          icon: "min-w-[40px] h-[20px] border-l"
         }
       },
       {
@@ -271,8 +271,8 @@ var pagination = tv(
         size: "md",
         class: {
           wrapper: "border rounded-md gap-0",
-          button: "!w-[60px] h-[30px] border-l",
-          icon: "w-[60px] h-[30px] border-l"
+          button: "!min-w-[45px] h-[22px] border-l",
+          icon: "min-w-[45px] h-[22px] border-l"
         }
       },
       {
@@ -280,8 +280,8 @@ var pagination = tv(
         size: "lg",
         class: {
           wrapper: "border rounded-lg gap-0",
-          button: "!w-[80px] h-[36px] border-l",
-          icon: "w-[80px] h-[36px] border-l"
+          button: "!min-w-[50px] h-[24px] border-l",
+          icon: "min-w-[50px] h-[24px] border-l"
         }
       },
       {

package/dist/components/pagination/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-5HSZ5AYM.mjs";
+} from "../../chunk-B4KZBOGT.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";

package/dist/components/pagination/pagination.d.mts

@@ -1,6 +1,6 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -15,7 +15,7 @@ interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
     handleChangePage?: (currentPage: number) => void;
 }
 type PaginationProps = Props & PaginationVariantProps;
-declare const Pagination: react.ForwardRefExoticComponent<Props & PaginationVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Pagination: React.ForwardRefExoticComponent<Props & PaginationVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const pagination: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/pagination/pagination.d.ts

@@ -1,6 +1,6 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
@@ -15,7 +15,7 @@ interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
     handleChangePage?: (currentPage: number) => void;
 }
 type PaginationProps = Props & PaginationVariantProps;
-declare const Pagination: react.ForwardRefExoticComponent<Props & PaginationVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Pagination: React.ForwardRefExoticComponent<Props & PaginationVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const pagination: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/pagination/pagination.js

@@ -189,7 +189,7 @@ var pagination = tv(
   {
     slots: {
       base: "flex items-center select-none",
-      label: "text-primary-main text-right",
+      label: "text-primary-main text-right whitespace-nowrap",
       wrapper: "flex overflow-hidden",
       icon: "flex items-center justify-center cursor-pointer",
       button: "flex items-center justify-center cursor-pointer data-[selected=true]:font-[600] transition duration-200"
@@ -208,22 +208,22 @@ var pagination = tv(
       },
       size: {
         sm: {
-          wrapper: "gap-[10px]",
-          label: "w-[85px] text-sm mr-[10px]",
+          wrapper: "gap-[6px]",
+          label: "min-w-[85px] text-sm mr-[10px]",
           icon: ["h-[15px] text-sm"],
-          button: ["w-[28px] h-[15px] text-sm"]
+          button: ["min-w-[28px] h-[15px] text-sm"]
         },
         md: {
-          wrapper: "gap-[12px]",
-          label: "w-[95px] text-md mr-[12px]",
+          wrapper: "gap-[8px]",
+          label: "min-w-[95px] text-md mr-[12px]",
           icon: ["h-[17px] text-md"],
-          button: ["w-[32px] h-[17px] text-md"]
+          button: ["min-w-[32px] h-[17px] text-md"]
         },
         lg: {
-          wrapper: "gap-[14px]",
-          label: "w-[105px] text-lg mr-[14px]",
+          wrapper: "gap-[10px]",
+          label: "min-w-[105px] text-lg mr-[14px]",
           icon: ["h-[20px] text-lg"],
-          button: ["w-[37px] h-[20px] text-lg"]
+          button: ["min-w-[37px] h-[20px] text-lg"]
         }
       },
       color: {
@@ -262,8 +262,8 @@ var pagination = tv(
         size: "sm",
         class: {
           wrapper: "border rounded-sm gap-0",
-          button: "!w-[40px] h-[24px] border-l",
-          icon: "w-[40px] h-[24px] border-l"
+          button: "!min-w-[40px] h-[20px] border-l",
+          icon: "min-w-[40px] h-[20px] border-l"
         }
       },
       {
@@ -271,8 +271,8 @@ var pagination = tv(
         size: "md",
         class: {
           wrapper: "border rounded-md gap-0",
-          button: "!w-[60px] h-[30px] border-l",
-          icon: "w-[60px] h-[30px] border-l"
+          button: "!min-w-[45px] h-[22px] border-l",
+          icon: "min-w-[45px] h-[22px] border-l"
         }
       },
       {
@@ -280,8 +280,8 @@ var pagination = tv(
         size: "lg",
         class: {
           wrapper: "border rounded-lg gap-0",
-          button: "!w-[80px] h-[36px] border-l",
-          icon: "w-[80px] h-[36px] border-l"
+          button: "!min-w-[50px] h-[24px] border-l",
+          icon: "min-w-[50px] h-[24px] border-l"
         }
       },
       {

package/dist/components/pagination/pagination.mjs

@@ -3,7 +3,7 @@ import {
   Pagination,
   pagination,
   pagination_default
-} from "../../chunk-5HSZ5AYM.mjs";
+} from "../../chunk-B4KZBOGT.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";

package/dist/components/pagination/pagination.test.js

@@ -13034,7 +13034,7 @@ var pagination = tv(
   {
     slots: {
       base: "flex items-center select-none",
-      label: "text-primary-main text-right",
+      label: "text-primary-main text-right whitespace-nowrap",
       wrapper: "flex overflow-hidden",
       icon: "flex items-center justify-center cursor-pointer",
       button: "flex items-center justify-center cursor-pointer data-[selected=true]:font-[600] transition duration-200"
@@ -13053,22 +13053,22 @@ var pagination = tv(
       },
       size: {
         sm: {
-          wrapper: "gap-[10px]",
-          label: "w-[85px] text-sm mr-[10px]",
+          wrapper: "gap-[6px]",
+          label: "min-w-[85px] text-sm mr-[10px]",
           icon: ["h-[15px] text-sm"],
-          button: ["w-[28px] h-[15px] text-sm"]
+          button: ["min-w-[28px] h-[15px] text-sm"]
         },
         md: {
-          wrapper: "gap-[12px]",
-          label: "w-[95px] text-md mr-[12px]",
+          wrapper: "gap-[8px]",
+          label: "min-w-[95px] text-md mr-[12px]",
           icon: ["h-[17px] text-md"],
-          button: ["w-[32px] h-[17px] text-md"]
+          button: ["min-w-[32px] h-[17px] text-md"]
         },
         lg: {
-          wrapper: "gap-[14px]",
-          label: "w-[105px] text-lg mr-[14px]",
+          wrapper: "gap-[10px]",
+          label: "min-w-[105px] text-lg mr-[14px]",
           icon: ["h-[20px] text-lg"],
-          button: ["w-[37px] h-[20px] text-lg"]
+          button: ["min-w-[37px] h-[20px] text-lg"]
         }
       },
       color: {
@@ -13107,8 +13107,8 @@ var pagination = tv(
         size: "sm",
         class: {
           wrapper: "border rounded-sm gap-0",
-          button: "!w-[40px] h-[24px] border-l",
-          icon: "w-[40px] h-[24px] border-l"
+          button: "!min-w-[40px] h-[20px] border-l",
+          icon: "min-w-[40px] h-[20px] border-l"
         }
       },
       {
@@ -13116,8 +13116,8 @@ var pagination = tv(
         size: "md",
         class: {
           wrapper: "border rounded-md gap-0",
-          button: "!w-[60px] h-[30px] border-l",
-          icon: "w-[60px] h-[30px] border-l"
+          button: "!min-w-[45px] h-[22px] border-l",
+          icon: "min-w-[45px] h-[22px] border-l"
         }
       },
       {
@@ -13125,8 +13125,8 @@ var pagination = tv(
         size: "lg",
         class: {
           wrapper: "border rounded-lg gap-0",
-          button: "!w-[80px] h-[36px] border-l",
-          icon: "w-[80px] h-[36px] border-l"
+          button: "!min-w-[50px] h-[24px] border-l",
+          icon: "min-w-[50px] h-[24px] border-l"
         }
       },
       {

package/dist/components/pagination/pagination.test.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   pagination_default
-} from "../../chunk-5HSZ5AYM.mjs";
+} from "../../chunk-B4KZBOGT.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 

package/dist/components/progress/index.js

@@ -123,12 +123,12 @@ Progress.displayName = "Progress";
 var progress_default = Progress;
 var progress = tv({
   slots: {
-    base: "flex flex-col gap-2 w-[200px]",
-    labelWrapper: "flex justify-between",
-    label: "font-[500]",
-    output: "font-[500]",
-    track: "relative bg-neutral-soft rounded-full overflow-hidden",
-    indicator: "absolute h-full rounded-full"
+    base: ["flex", "flex-col", "gap-2", "w-[200px]"],
+    labelWrapper: ["flex", "justify-between"],
+    label: ["font-[500]"],
+    output: ["font-[500]"],
+    track: ["relative", "bg-neutral-soft", "rounded-full", "overflow-hidden"],
+    indicator: ["absolute", "h-full", "rounded-full"]
   },
   variants: {
     color: {
@@ -158,7 +158,7 @@ var progress = tv({
     },
     gradient: {
       true: {
-        indicator: "bg-gradient-to-r from-primary-main to-secondary-main"
+        indicator: ["bg-gradient-to-r", "from-primary-main", "to-secondary-main"]
       }
     },
     fullWidth: {
@@ -168,8 +168,8 @@ var progress = tv({
     },
     isDisabled: {
       true: {
-        base: "opacity-disabled cursor-not-allowed",
-        indicator: "bg-neutral-light"
+        base: ["opacity-disabled", "cursor-not-allowed"],
+        indicator: ["bg-neutral-light", "from-none", "to-none"]
       }
     }
   },

package/dist/components/progress/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-7VOQKIIK.mjs";
 import {
   progress_default
-} from "../../chunk-QVGXHUYW.mjs";
+} from "../../chunk-N2JULHST.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

package/dist/components/progress/progress.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -12,7 +12,7 @@ interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
     classNames?: SlotsToClasses<ProgressSlots>;
 }
 type ProgressProps = Props & ProgressVariantProps;
-declare const Progress: react.ForwardRefExoticComponent<Props & ProgressVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Progress: React.ForwardRefExoticComponent<Props & ProgressVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const progress: tailwind_variants.TVReturnType<{
     color: {
@@ -42,7 +42,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -52,17 +52,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
         size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
@@ -119,7 +119,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -129,17 +129,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
@@ -168,7 +168,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -178,17 +178,17 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
-    base: string;
-    labelWrapper: string;
-    label: string;
-    output: string;
-    track: string;
-    indicator: string;
+    base: string[];
+    labelWrapper: string[];
+    label: string[];
+    output: string[];
+    track: string[];
+    indicator: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
@@ -217,7 +217,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -227,8 +227,8 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }, {
@@ -259,7 +259,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     gradient: {
         true: {
-            indicator: string;
+            indicator: string[];
         };
     };
     fullWidth: {
@@ -269,8 +269,8 @@ declare const progress: tailwind_variants.TVReturnType<{
     };
     isDisabled: {
         true: {
-            base: string;
-            indicator: string;
+            base: string[];
+            indicator: string[];
         };
     };
 }>, unknown, unknown, undefined>>;