automoby-kit 1.0.12 → 1.0.13

package/dist/cjs/chevron-left-COj1qGVo.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var createLucideIcon = require('./createLucideIcon-BTjFFtDc.js');
+
+/**
+ * @license lucide-react v0.522.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon.createLucideIcon("chevron-left", __iconNode);
+
+exports.ChevronLeft = ChevronLeft;

package/dist/{types → cjs}/components/Accordion/Accordion.d.ts

@@ -18,8 +18,8 @@ export interface AccordionProps {
     id?: string;
     /** Whether the accordion is disabled */
     disabled?: boolean;
-    /** Whether the component is in mobile mode */
-    isMobile: boolean;
+    /** Whether the component is in mobile mode (optional, auto-detected if not provided) */
+    isMobile?: boolean;
 }
 declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export { Accordion };

package/dist/{types → cjs}/components/Breadcrumb/Breadcrumb.d.ts

@@ -8,9 +8,9 @@ export interface BreadcrumbProps {
     items: BreadcrumbItem[];
     className?: string;
     /**
-     * Whether the component is in mobile mode
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
      */
-    isMobile: boolean;
+    isMobile?: boolean;
 }
 declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
 export { Breadcrumb };

package/dist/{types → cjs}/components/Chips/Chips.d.ts

@@ -9,7 +9,7 @@ export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     size?: 'mobile' | 'desktop';
     /**
-     * Text content of the chip
+     * The text or content to display in the chip
      */
     children?: React.ReactNode;
     /**
@@ -21,17 +21,17 @@ export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     onClick?: () => void;
     /**
-     * Click handler for the X icon/close button
+     * Click handler for the close icon
      */
     onIconClick?: () => void;
     /**
-     * Custom class name
+     * Custom CSS class
      */
     className?: string;
     /**
-     * Whether the component is in mobile mode
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
      */
-    isMobile: boolean;
+    isMobile?: boolean;
 }
 export declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
 export default Chips;

package/dist/{types → cjs}/components/Drawer/Drawer.d.ts

@@ -8,9 +8,9 @@ export type DrawerProps = {
     onClose?: () => void;
     className?: string;
     /**
-     * Whether the component is in mobile mode
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
      */
-    isMobile: boolean;
+    isMobile?: boolean;
 };
 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 export { Drawer };

package/dist/{types → cjs}/components/Input/Input.d.ts

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

package/dist/{types → cjs}/components/Input/Input.stories.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
         helperText?: string;
         startIcon?: import("react").ReactNode;
         endIcon?: import("react").ReactNode;
-        isMobile: boolean;
+        isMobile?: boolean;
     } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>>;
     parameters: {
         docs: {

package/dist/{types → cjs}/components/Pagination/Pagination.d.ts

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

package/dist/{types → cjs}/components/RadioGroup/RadioGroup.d.ts

@@ -43,9 +43,9 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      */
     className?: string;
     /**
-     * Whether the component is in mobile mode
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
      */
-    isMobile: boolean;
+    isMobile?: boolean;
     /**
      * Layout direction of radio options
      */

package/dist/cjs/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/cjs/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/{types → cjs}/components/Tabs/Tabs.d.ts

@@ -35,9 +35,9 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     className?: string;
     /**
-     * Whether the component is in mobile mode
+     * Whether the component is in mobile mode (optional, auto-detected if not provided)
      */
-    isMobile: boolean;
+    isMobile?: boolean;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 export { Tabs };

package/dist/{types → cjs}/contexts/MobileContext.d.ts

@@ -9,4 +9,5 @@ interface MobileProviderProps {
 }
 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;