@deepnoid/ui 0.0.88 → 0.0.90

package/dist/components/button/button-group.test.mjs

@@ -5,12 +5,16 @@ import {
 import {
   button_group_default
 } from "../../chunk-NGQ3MK2J.mjs";
+import {
+  button_default
+} from "../../chunk-UR64ZUAU.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";
-import {
-  button_default
-} from "../../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/button/button.d.mts

@@ -1,18 +1,366 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import React__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
 
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     children?: ReactNode;
-    color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger";
-    size?: "sm" | "md" | "lg";
-    variant?: "solid" | "line" | "tonal" | "trans" | "ghost";
-    radius?: "default" | "full" | "none";
-    fullWidth?: boolean;
-    isInGroup?: boolean;
-    isDisabled?: boolean;
     startContent?: ReactNode;
     endContent?: ReactNode;
+    classNames?: SlotsToClasses<ButtonSlots>;
 }
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+type ButtonProps = Props & ButtonVariantProps;
+declare const Button: React__default.ForwardRefExoticComponent<Props & ButtonVariantProps & React__default.RefAttributes<HTMLButtonElement>>;
 
-export { type ButtonProps, Button as default };
+declare const buttonStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        line: string;
+        tonal: string;
+        trans: {
+            base: string;
+        };
+        ghost: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        default: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+        none: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isDisabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isLoading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        isInGroup?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        radius?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}, {
+    variant: {
+        solid: string;
+        line: string;
+        tonal: string;
+        trans: {
+            base: string;
+        };
+        ghost: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        default: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+        none: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        line: string;
+        tonal: string;
+        trans: {
+            base: string;
+        };
+        ghost: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        default: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+        none: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: string;
+        line: string;
+        tonal: string;
+        trans: {
+            base: string;
+        };
+        ghost: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        default: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+        none: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    variant: {
+        solid: string;
+        line: string;
+        tonal: string;
+        trans: {
+            base: string;
+        };
+        ghost: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        default: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+        none: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type ButtonVariantProps = VariantProps<typeof buttonStyle>;
+type ButtonSlots = keyof ReturnType<typeof buttonStyle>;
+type ButtonReturnType = ReturnType<typeof buttonStyle>;
+
+export { type ButtonProps, type ButtonReturnType, type ButtonSlots, type ButtonVariantProps, type Props, Button as default };