automoby-kit 1.0.12 → 1.0.13

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

@@ -0,0 +1,76 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("@/components/Pagination/Pagination").UnifiedPaginationProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        pageCount: {
+            name: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            defaultValue: number;
+        };
+        defaultPage: {
+            name: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            defaultValue: number;
+        };
+        page: {
+            name: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            defaultValue: undefined;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    pageCount: number;
+    defaultPage: number;
+    isMobile: boolean;
+};
+export declare const Uncontrolled: {
+    ({ pageCount, defaultPage, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        pageCount: number;
+        defaultPage: number;
+        isMobile: boolean;
+    };
+};
+export declare const Controlled: {
+    ({ pageCount, defaultPage, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        pageCount: number;
+        defaultPage: number;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,55 @@
+import React from 'react';
+export interface RadioOption {
+    /**
+     * Unique identifier for the radio option
+     */
+    id: string;
+    /**
+     * Display label for the option
+     */
+    label: string;
+    /**
+     * Optional icon element
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether this option is disabled
+     */
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Array of radio options
+     */
+    options: RadioOption[];
+    /**
+     * Currently selected option ID
+     */
+    value?: string;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Name attribute for the radio group
+     */
+    name: string;
+    /**
+     * Whether the entire group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+    /**
+     * Layout direction of radio options
+     */
+    direction?: 'vertical' | 'horizontal';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };

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

@@ -0,0 +1,86 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/RadioGroup/RadioGroup").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        value: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+        direction: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    value: string;
+    disabled: boolean;
+    isMobile: boolean;
+    direction: 'vertical' | 'horizontal';
+};
+export declare const Playground: {
+    ({ value: valueArg, disabled, isMobile, direction, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        value: string;
+        disabled: boolean;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithoutIcons: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledStates: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AutoResponsive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const InteractiveExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AllStates: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    label: string;
+    placeholder?: string;
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,104 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/Select/Select").SelectProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        label: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        placeholder: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        value: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        disabled: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        error: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        helperText: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    label: string;
+    placeholder: string;
+    value: string;
+    disabled: boolean;
+    error: boolean;
+    helperText?: string;
+};
+export declare const Playground: {
+    (args: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        label: string;
+        placeholder: string;
+        value: string;
+        disabled: boolean;
+        error: boolean;
+    };
+};
+export declare const BasicUsage: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const States: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithHelperText: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const MobileView: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const LongList: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const MultipleSelects: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ControlledVsUncontrolled: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Display label for the tab
+     */
+    label: string;
+    /**
+     * Badge count number (optional)
+     */
+    count?: number;
+    /**
+     * Whether the tab is disabled
+     */
+    disabled?: boolean;
+}
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of tab items
+     */
+    items: TabItem[];
+    /**
+     * Currently active tab ID
+     */
+    activeTab: string;
+    /**
+     * Callback when tab is clicked
+     */
+    onTabChange: (tabId: string) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
+     */
+    isMobile?: boolean;
+}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export { Tabs };

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

@@ -0,0 +1,66 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("@/components/Tabs/Tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        activeTab: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    activeTab: string;
+    isMobile: boolean;
+};
+export declare const Playground: {
+    ({ activeTab: activeTabArg, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        activeTab: string;
+        isMobile: boolean;
+    };
+};
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithoutBadges: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const MixedCounts: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const DisabledTabs: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const AutoResponsive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const InteractiveExample: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl-heavy' | 'body-l-heavy' | 'body-l-bold' | 'body-l-medium' | 'body-m-heavy' | 'body-m-bold' | 'body-m-medium' | 'body-s-heavy' | 'body-s-bold' | 'body-s-medium' | 'body-ms-bold' | 'body-ms-medium' | 'body-xs-bold' | 'body-xs-medium' | 'body-t-bold' | 'body-t-medium' | 'body-ss-medium';
+export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    color?: 'primary' | 'secondary' | 'neutral-darker' | 'neutral-dark' | 'neutral-main' | 'white' | 'inherit';
+    as?: React.ElementType;
+}
+export declare const getTypographyClasses: (variant: TypographyVariant) => string;
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,57 @@
+import { TypographyProps } from './Typography';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        color: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        children: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    (args: TypographyProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        variant: string;
+        children: string;
+        color: string;
+    };
+};
+export declare const AllHeadings: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const BodyCopyVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ColorVariants: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/esm/contexts/MobileContext.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface MobileContextValue {
+    isMobile: boolean;
+    userAgent: string;
+}
+interface MobileProviderProps {
+    userAgent: string;
+    children: ReactNode;
+}
+declare const MobileContext: import("react").Context<MobileContextValue | undefined>;
+export declare const MobileProvider: ({ userAgent, children, }: MobileProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useMobile: () => boolean;
+export default MobileContext;