@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/button/icon-button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-IOJMTN6X.mjs";
+} from "../../chunk-APZCX3PY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-EAFNOTY3.mjs";
 import "../../chunk-SZL743JC.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-A6UUVHC6.mjs";
+import "../../chunk-M5PMA3CT.mjs";
+import "../../chunk-C7OETP3D.mjs";
 import "../../chunk-2WAQRWST.mjs";
-import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-QOOYAQJ5.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   icon_button_default as default

package/dist/components/button/image-button.d.mts

@@ -0,0 +1,194 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    src: string;
+    alt: string;
+    disableRipple?: boolean;
+    classNames?: SlotsToClasses<ImageButtonSlots>;
+}
+type ImageButtonProps = Props & ImageButtonVariantProps;
+declare const ImageButton: react.ForwardRefExoticComponent<Props & ImageButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const imageButtonStyle: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            image: string[];
+        };
+        md: {
+            base: string[];
+            image: string[];
+        };
+        lg: {
+            base: string[];
+            image: string[];
+        };
+        xl: {
+            base: string[];
+            image: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+}, {
+    base: never[];
+    image: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>>;
+type ImageButtonVariantProps = VariantProps<typeof imageButtonStyle>;
+type ImageButtonSlots = keyof ReturnType<typeof imageButtonStyle>;
+
+export { type ImageButtonProps, type Props, ImageButton as default };

package/dist/components/button/image-button.d.ts

@@ -0,0 +1,194 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    src: string;
+    alt: string;
+    disableRipple?: boolean;
+    classNames?: SlotsToClasses<ImageButtonSlots>;
+}
+type ImageButtonProps = Props & ImageButtonVariantProps;
+declare const ImageButton: react.ForwardRefExoticComponent<Props & ImageButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const imageButtonStyle: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            base: string[];
+            image: string[];
+        };
+        md: {
+            base: string[];
+            image: string[];
+        };
+        lg: {
+            base: string[];
+            image: string[];
+        };
+        xl: {
+            base: string[];
+            image: string[];
+        };
+    };
+    full: {
+        true: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+}, {
+    base: never[];
+    image: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+        soft: {};
+        outline: {
+            base: string[];
+        };
+        ghost: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        info: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    disabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>>;
+type ImageButtonVariantProps = VariantProps<typeof imageButtonStyle>;
+type ImageButtonSlots = keyof ReturnType<typeof imageButtonStyle>;
+
+export { type ImageButtonProps, type Props, ImageButton as default };