@deepnoid/ui 0.1.12 → 0.1.14

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

@@ -0,0 +1,157 @@
+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';
+import { IconName } from '../icon/Icon.js';
+import 'react/jsx-runtime';
+import '../icon/template.js';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    name: IconName;
+    disableRipple?: boolean;
+    classNames?: SlotsToClasses<IconButtonSlots>;
+}
+type IconButtonProps = Props & IconButtonVariantProps;
+declare const IconButton: react.ForwardRefExoticComponent<Props & IconButtonVariantProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const iconButtonStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: never[];
+        soft: never[];
+        outline: never[];
+        ghost: never[];
+    };
+    color: {
+        primary: never[];
+        secondary: never[];
+        neutral: never[];
+        info: never[];
+        success: never[];
+        warning: never[];
+        danger: never[];
+    };
+    size: {
+        sm: {
+            base: string[];
+        };
+        md: {
+            base: string[];
+        };
+        lg: {
+            base: string[];
+        };
+        xl: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        solid: never[];
+        soft: never[];
+        outline: never[];
+        ghost: never[];
+    };
+    color: {
+        primary: never[];
+        secondary: never[];
+        neutral: never[];
+        info: never[];
+        success: never[];
+        warning: never[];
+        danger: never[];
+    };
+    size: {
+        sm: {
+            base: string[];
+        };
+        md: {
+            base: string[];
+        };
+        lg: {
+            base: string[];
+        };
+        xl: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: never[];
+        soft: never[];
+        outline: never[];
+        ghost: never[];
+    };
+    color: {
+        primary: never[];
+        secondary: never[];
+        neutral: never[];
+        info: never[];
+        success: never[];
+        warning: never[];
+        danger: never[];
+    };
+    size: {
+        sm: {
+            base: string[];
+        };
+        md: {
+            base: string[];
+        };
+        lg: {
+            base: string[];
+        };
+        xl: {
+            base: string[];
+        };
+    };
+    isLoading: {
+        true: {};
+    };
+    isDisabled: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>;
+type IconButtonVariantProps = VariantProps<typeof iconButtonStyle>;
+type IconButtonSlots = keyof ReturnType<typeof iconButtonStyle>;
+
+export { type IconButtonProps, type Props, IconButton as default };