ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

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

@@ -1,6 +1,334 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
 import { IconButton } from './IconButton';
-declare const meta: Meta<typeof IconButton>;
+import { ForwardRefExoticComponent, ButtonHTMLAttributes, ReactNode, RefAttributes } from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { LucideIcon } from 'lucide-react';
+declare const meta: {
+    component: ForwardRefExoticComponent< ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50", TVConfig<{
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }, {
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }>, {
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }, undefined, TVReturnType<{
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50", TVConfig<{
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }, {
+        variant: {
+            primary: string;
+            secondary: string;
+            outline: string;
+            ghost: string;
+            link: string;
+            text: string;
+        };
+        status: {
+            default: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    }>, unknown, unknown, undefined>>> & {
+        asChild?: boolean;
+    } & VariantProps<TVReturnType<{
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }, {
+        container: string;
+        icon: string;
+    }, undefined, TVConfig<{
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }, {
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }>, {
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }, {
+        container: string;
+        icon: string;
+    }, TVReturnType<{
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }, {
+        container: string;
+        icon: string;
+    }, undefined, TVConfig<{
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }, {
+        size: {
+            xs: {
+                container: string;
+                icon: string;
+            };
+            sm: {
+                container: string;
+                icon: string;
+            };
+            md: {
+                container: string;
+            };
+            lg: {
+                container: string;
+            };
+            xl: {
+                container: string;
+            };
+        };
+    }>, unknown, unknown, undefined>>> & {
+        icon: LucideIcon;
+        iconClassName?: string;
+    } & {
+        children?: ReactNode | undefined;
+    } & RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default meta;
 type Story = StoryObj<typeof IconButton>;
 export declare const Default: Story;
+export declare const Showcase: Story;

package/dist/components/button/loading-button/LoadingButton.d.ts

@@ -0,0 +1,249 @@
+import { default as React } from 'react';
+import { VariantProps, TVReturnType, ClassValue } from 'tailwind-variants';
+import { ButtonBaseProps } from '../button-base/ButtonBase';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+declare const loadingButtonVariants: TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}, {
+    icon: string;
+}, undefined, TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}, {
+    icon: string;
+}, TVReturnType<unknown, {
+    icon: string;
+}, undefined, TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export type LoadingButtonProps = ButtonBaseProps & VariantProps<typeof loadingButtonVariants> & {
+    text?: string;
+};
+export declare const LoadingButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps< TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50", TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50", TVConfig<{
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {
+    variant: {
+        primary: string;
+        secondary: string;
+        outline: string;
+        ghost: string;
+        link: string;
+        text: string;
+    };
+    status: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    asChild?: boolean;
+} & VariantProps< TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}, {
+    icon: string;
+}, undefined, TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}, {
+    icon: string;
+}, TVReturnType<unknown, {
+    icon: string;
+}, undefined, TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            icon?: ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>> & {
+    text?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};