@deepnoid/ui 0.1.0 → 0.1.1

package/dist/components/pagination/index.mjs

@@ -2,14 +2,15 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-RQ76IOYC.mjs";
-import "../../chunk-F3HENRVM.mjs";
+} from "../../chunk-DUOYMLZL.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-SK2A72R2.mjs";
+import "../../chunk-RT5NKQX4.mjs";
+import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-24NQEB73.mjs";
 import "../../chunk-P2TMIZRH.mjs";
-import "../../chunk-IE2BRM7Z.mjs";
+import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

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

@@ -4,196 +4,140 @@ 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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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, {
     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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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, unknown, unknown, undefined>>;
-type PaginationVariantProps = VariantProps<typeof pagination>;
-type PaginationSlots = keyof ReturnType<typeof pagination>;
+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

@@ -4,196 +4,140 @@ 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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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, {
     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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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: {
-            wrapper: string;
-            label: string;
-            icon: string[];
             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, unknown, unknown, undefined>>;
-type PaginationVariantProps = VariantProps<typeof pagination>;
-type PaginationSlots = keyof ReturnType<typeof pagination>;
+type PaginationVariantProps = VariantProps<typeof paginationStyle>;
 
-export { Pagination, type PaginationProps, type PaginationSlots, type PaginationVariantProps, type Props, Pagination as default, pagination };
+export { Pagination as default, paginationStyle };