@deepnoid/ui 0.0.112 → 0.1.1

package/dist/components/pagination/index.mjs

@@ -2,16 +2,17 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-YRMFIXXC.mjs";
-import "../../chunk-F3HENRVM.mjs";
+} from "../../chunk-DUOYMLZL.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-ZNEEYSIK.mjs";
+import "../../chunk-RT5NKQX4.mjs";
+import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-LCI6RPWE.mjs";
-import "../../chunk-IOCRFIQF.mjs";
+import "../../chunk-24NQEB73.mjs";
+import "../../chunk-P2TMIZRH.mjs";
+import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
+import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as Pagination
 };

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

@@ -1,205 +1,143 @@
 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';
 
-interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
+type PaginationSlots = keyof ReturnType<typeof paginationStyle>;
+interface PaginationBaseProps extends Omit<ComponentPropsWithRef<"div">, "ref" | "variant" | "size"> {
     classNames?: SlotsToClasses<PaginationSlots>;
     currentPage: number;
     totalPage: number;
     groupSize: number;
     showPageNumber?: boolean;
-    showPageInput?: boolean;
     showPageLabel?: boolean;
     showFirstLastButtons?: boolean;
     handleChangePage?: (currentPage: number) => void;
 }
-type PaginationProps = Props & PaginationVariantProps;
-declare const Pagination: React.ForwardRefExoticComponent<Props & PaginationVariantProps & React.RefAttributes<HTMLDivElement>>;
+declare const Pagination: react.ForwardRefExoticComponent<PaginationBaseProps & PaginationVariantProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const pagination: tailwind_variants.TVReturnType<{
+declare const paginationStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
 }, undefined, {
-    twMerge: false;
-} & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
-}, undefined, {
-    twMerge: false;
-}, unknown, unknown, undefined>>;
-type PaginationVariantProps = VariantProps<typeof pagination>;
-type PaginationSlots = keyof ReturnType<typeof pagination>;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PaginationVariantProps = VariantProps<typeof paginationStyle>;
 
-export { Pagination, type PaginationProps, type PaginationSlots, type PaginationVariantProps, type Props, Pagination as default, pagination };
+export { Pagination as default, paginationStyle };

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

@@ -1,205 +1,143 @@
 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';
 
-interface Props extends Omit<ComponentPropsWithRef<"div">, "ref"> {
+type PaginationSlots = keyof ReturnType<typeof paginationStyle>;
+interface PaginationBaseProps extends Omit<ComponentPropsWithRef<"div">, "ref" | "variant" | "size"> {
     classNames?: SlotsToClasses<PaginationSlots>;
     currentPage: number;
     totalPage: number;
     groupSize: number;
     showPageNumber?: boolean;
-    showPageInput?: boolean;
     showPageLabel?: boolean;
     showFirstLastButtons?: boolean;
     handleChangePage?: (currentPage: number) => void;
 }
-type PaginationProps = Props & PaginationVariantProps;
-declare const Pagination: React.ForwardRefExoticComponent<Props & PaginationVariantProps & React.RefAttributes<HTMLDivElement>>;
+declare const Pagination: react.ForwardRefExoticComponent<PaginationBaseProps & PaginationVariantProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const pagination: tailwind_variants.TVReturnType<{
+declare const paginationStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
 }, undefined, {
-    twMerge: false;
-} & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {
             button: string[];
-            icon: string;
         };
-        line: {
-            wrapper: string;
+        underline: {
             button: string[];
-            icon: string;
         };
     };
     size: {
         sm: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         md: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             button: string[];
         };
         lg: {
-            wrapper: string;
-            label: string;
-            icon: string[];
+            button: string[];
+        };
+        xl: {
             button: string[];
         };
     };
     color: {
-        primary: {
-            label: string;
-        };
-        secondary: {
-            label: string;
-        };
+        primary: {};
+        secondary: {};
+        neutral: {};
     };
     isDisabled: {
         true: {
-            icon: string;
-            button: string;
+            icon: string[];
+            button: string[];
         };
     };
 }, {
-    base: string;
-    label: string;
-    wrapper: string;
-    icon: string;
-    button: string;
-}, undefined, {
-    twMerge: false;
-}, unknown, unknown, undefined>>;
-type PaginationVariantProps = VariantProps<typeof pagination>;
-type PaginationSlots = keyof ReturnType<typeof pagination>;
+    base: string[];
+    wrapper: string[];
+    icon: string[];
+    button: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PaginationVariantProps = VariantProps<typeof paginationStyle>;
 
-export { Pagination, type PaginationProps, type PaginationSlots, type PaginationVariantProps, type Props, Pagination as default, pagination };
+export { Pagination as default, paginationStyle };