automoby-kit 1.0.12 → 1.0.13

package/dist/esm/components/Chips/Chips.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The variant/color of the chip
+     */
+    variant?: 'purple' | 'red' | 'green' | 'orange' | 'blue' | 'white' | 'disabled';
+    /**
+     * Size of the chip - affects padding and font size. If not provided, automatically detected from MobileContext
+     */
+    size?: 'mobile' | 'desktop';
+    /**
+     * The text or content to display in the chip
+     */
+    children?: React.ReactNode;
+    /**
+     * Whether the chip is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Click handler for the chip
+     */
+    onClick?: () => void;
+    /**
+     * Click handler for the close icon
+     */
+    onIconClick?: () => void;
+    /**
+     * Custom CSS class
+     */
+    className?: string;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+}
+export declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
+export default Chips;

package/dist/esm/components/Chips/Chips.stories.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/Chips/Chips").ChipsProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        size: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        children: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    variant: 'purple' | 'red' | 'green' | 'orange' | 'blue' | 'white';
+    size: 'mobile' | 'desktop';
+    isMobile: boolean;
+    disabled: boolean;
+    children: string;
+};
+export declare const Playground: {
+    (args: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        variant: string;
+        size: string;
+        isMobile: boolean;
+        disabled: boolean;
+        children: string;
+    };
+};
+export declare const AllVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AutoResponsive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledStates: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const InteractiveExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/esm/components/Divider/Divider.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Width of the divider
+     * @default "100%"
+     */
+    width?: string | number;
+    /**
+     * Height (thickness) of the divider
+     * @default 1
+     */
+    height?: string | number;
+    /**
+     * Orientation of the divider
+     * @default "horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Color variant of the divider
+     * @default "neutral-light"
+     */
+    variant?: 'neutral-light' | 'neutral-main' | 'primary';
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export { Divider };

package/dist/esm/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,88 @@
+import { DividerProps } from './Divider';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        width: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            defaultValue: string;
+        };
+        height: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            defaultValue: number;
+        };
+        orientation: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        width: string;
+        height: number;
+        orientation: string;
+        variant: string;
+    };
+    render: (args: DividerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Thick: {
+    args: {
+        width: string;
+        height: number;
+        orientation: string;
+        variant: string;
+    };
+    render: (args: DividerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CustomWidth: {
+    args: {
+        width: string;
+        height: number;
+        orientation: string;
+        variant: string;
+    };
+    render: (args: DividerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Vertical: {
+    args: {
+        width: number;
+        height: number;
+        orientation: string;
+        variant: string;
+    };
+    render: (args: DividerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Variants: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/Drawer/Drawer.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+export type DrawerDirection = 'top' | 'bottom' | 'left' | 'right';
+export type DrawerProps = {
+    children: ReactNode;
+    direction?: DrawerDirection;
+    fullScreen?: boolean;
+    isOpen?: boolean;
+    onClose?: () => void;
+    className?: string;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+};
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export { Drawer };

package/dist/esm/components/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,128 @@
+import { DrawerProps } from './Drawer';
+type StoryArgs = DrawerProps & {
+    triggerButtonText?: string;
+};
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        direction: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        fullScreen: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        isOpen: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+        children: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onClose: {
+            table: {
+                disable: boolean;
+            };
+        };
+        className: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    ({ triggerButtonText, isMobile, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        isMobile: boolean;
+    };
+};
+export declare const TopDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        isMobile: boolean;
+    };
+};
+export declare const LeftDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        isMobile: boolean;
+    };
+};
+export declare const RightDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        isMobile: boolean;
+    };
+};
+export declare const FullScreenDrawer: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        fullScreen: boolean;
+        triggerButtonText: string;
+        direction: string;
+        isMobile: boolean;
+    };
+};
+export declare const NavigationDrawer: {
+    ({ triggerButtonText, isMobile, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        fullScreen: boolean;
+        triggerButtonText: string;
+        isMobile: boolean;
+    };
+};
+export declare const MobileVersion: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/esm/components/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+export type InputProps = {
+    state?: 'default' | 'disabled' | 'error';
+    label: string;
+    helperText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>;
+declare const Input: React.ForwardRefExoticComponent<{
+    state?: "default" | "disabled" | "error";
+    label: string;
+    helperText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/esm/components/Input/Input.stories.d.ts

@@ -0,0 +1,131 @@
+import { InputProps } from './Input';
+type StoryArgs = Omit<InputProps, 'onChange' | 'ref'> & {
+    initialValue?: string;
+};
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        state?: "default" | "disabled" | "error";
+        label: string;
+        helperText?: string;
+        startIcon?: import("react").ReactNode;
+        endIcon?: import("react").ReactNode;
+        isMobile?: boolean;
+    } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        state: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        label: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        initialValue: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        helperText: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        startIcon: {
+            table: {
+                disable: boolean;
+            };
+        };
+        endIcon: {
+            table: {
+                disable: boolean;
+            };
+        };
+        value: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onChange: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    ({ initialValue, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        state: string;
+        label: string;
+        initialValue: string;
+        helperText: string;
+        isMobile: boolean;
+    };
+};
+export declare const ErrorState: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        state: string;
+        label: string;
+        initialValue: string;
+        helperText: string;
+        isMobile: boolean;
+    };
+};
+export declare const DisabledState: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        state: string;
+        label: string;
+        helperText: string;
+        initialValue: string;
+        isMobile: boolean;
+    };
+};
+export declare const WithIcons: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        state: string;
+        label: string;
+        initialValue: string;
+        helperText: string;
+        isMobile: boolean;
+    };
+};
+export declare const MobileVersion: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        isMobile: boolean;
+        label: string;
+        helperText: string;
+        state: string;
+        initialValue: string;
+    };
+};

package/dist/esm/components/Menu/Menu.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface MenuItem {
+    id: string;
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface MenuProps {
+    /**
+     * The text displayed on the main menu button
+     */
+    buttonText: string;
+    /**
+     * Array of menu items to display in the dropdown
+     */
+    items: MenuItem[];
+    /**
+     * Whether the menu is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes for the menu container
+     */
+    className?: string;
+    /**
+     * Callback fired when menu open state changes
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Whether the menu is initially open (controlled mode)
+     */
+    isOpen?: boolean;
+    /**
+     * Aria label for the menu button
+     */
+    'aria-label'?: string;
+}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+import { MenuItem } from '@/components/Menu/Menu';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/Menu/Menu").MenuProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        buttonText: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        isOpen: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        items: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    buttonText: string;
+    disabled: boolean;
+    isOpen?: boolean;
+    items: MenuItem[];
+};
+export declare const Playground: {
+    (args: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        buttonText: string;
+        disabled: boolean;
+        items: MenuItem[];
+    };
+};
+export declare const DefaultMenu: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithLinks: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithDisabledItems: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledMenu: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ManyItems: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ControlledMenu: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ResponsiveDemo: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AccessibilityDemo: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/esm/components/Pagination/Pagination.d.ts

@@ -0,0 +1,12 @@
+export interface UnifiedPaginationProps {
+    pageCount: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    className?: string;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+}
+export declare const Pagination: React.FC<UnifiedPaginationProps>;