automoby-kit 1.0.0

package/dist/types/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/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,12 @@
+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;
+};
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export { Drawer };

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

@@ -0,0 +1,115 @@
+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;
+            };
+        };
+        children: {
+            table: {
+                disable: boolean;
+            };
+        };
+        onClose: {
+            table: {
+                disable: boolean;
+            };
+        };
+        className: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        fullScreen: boolean;
+        triggerButtonText: string;
+    };
+};
+export declare const TopDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        fullScreen: boolean;
+    };
+};
+export declare const LeftDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        fullScreen: boolean;
+    };
+};
+export declare const RightDirection: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        fullScreen: boolean;
+    };
+};
+export declare const FullScreenDrawer: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        fullScreen: boolean;
+        triggerButtonText: string;
+        direction: string;
+    };
+};
+export declare const NavigationDrawer: {
+    ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        fullScreen: boolean;
+        triggerButtonText: string;
+    };
+};
+export declare const MobileVersion: {
+    (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        direction: string;
+        triggerButtonText: string;
+        fullScreen: boolean;
+    };
+};

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

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+export type InputProps = {
+    state?: 'default' | 'disabled' | 'error';
+    label: string;
+    helperText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>;
+declare const Input: React.ForwardRefExoticComponent<{
+    state?: "default" | "disabled" | "error";
+    label: string;
+    helperText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,130 @@
+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;
+    } & 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/types/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/types/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/types/components/Pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+export interface UnifiedPaginationProps {
+    pageCount: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    className?: string;
+}
+export declare const Pagination: React.FC<UnifiedPaginationProps>;

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

@@ -0,0 +1,61 @@
+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;
+        };
+    };
+};
+export default _default;
+type StoryProps = {
+    pageCount: number;
+    defaultPage: number;
+};
+export declare const Uncontrolled: {
+    ({ pageCount, defaultPage }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        pageCount: number;
+        defaultPage: number;
+    };
+};
+export declare const Controlled: {
+    ({ pageCount, defaultPage }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        pageCount: number;
+        defaultPage: number;
+    };
+};

package/dist/types/components/ProtectedComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * Higher-order component that protects components with license validation
+ */
+export declare function withLicenseProtection<T extends object>(Component: React.ComponentType<T>, componentName: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<unknown>>;

package/dist/types/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;
+    /**
+     * Override mobile detection for testing
+     */
+    isMobile?: boolean;
+    /**
+     * Layout direction of radio options
+     */
+    direction?: 'vertical' | 'horizontal';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };