automoby-kit 1.0.2 → 1.0.4

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

@@ -32,6 +32,14 @@ declare const _default: {
                 type: string;
             };
         };
+        isMobile: {
+            name: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+            description: string;
+        };
         children: {
             table: {
                 disable: boolean;
@@ -51,12 +59,11 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    ({ triggerButtonText, isMobile, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
     storyName: string;
     args: {
         direction: string;
-        fullScreen: boolean;
-        triggerButtonText: string;
+        isMobile: boolean;
     };
 };
 export declare const TopDirection: {
@@ -65,7 +72,7 @@ export declare const TopDirection: {
     args: {
         direction: string;
         triggerButtonText: string;
-        fullScreen: boolean;
+        isMobile: boolean;
     };
 };
 export declare const LeftDirection: {
@@ -74,7 +81,7 @@ export declare const LeftDirection: {
     args: {
         direction: string;
         triggerButtonText: string;
-        fullScreen: boolean;
+        isMobile: boolean;
     };
 };
 export declare const RightDirection: {
@@ -83,7 +90,7 @@ export declare const RightDirection: {
     args: {
         direction: string;
         triggerButtonText: string;
-        fullScreen: boolean;
+        isMobile: boolean;
     };
 };
 export declare const FullScreenDrawer: {
@@ -93,15 +100,17 @@ export declare const FullScreenDrawer: {
         fullScreen: boolean;
         triggerButtonText: string;
         direction: string;
+        isMobile: boolean;
     };
 };
 export declare const NavigationDrawer: {
-    ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
+    ({ 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: {
@@ -110,6 +119,10 @@ export declare const MobileVersion: {
     args: {
         direction: string;
         triggerButtonText: string;
-        fullScreen: boolean;
+        isMobile: boolean;
     };
 };
+export declare const ResponsiveComparison: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

@@ -5,6 +5,10 @@ export type InputProps = {
     helperText?: string;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
+    /**
+     * Whether the component is in mobile mode
+     */
+    isMobile: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>;
 declare const Input: React.ForwardRefExoticComponent<{
     state?: "default" | "disabled" | "error";
@@ -12,5 +16,9 @@ declare const Input: React.ForwardRefExoticComponent<{
     helperText?: string;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
+    /**
+     * Whether the component is in mobile mode
+     */
+    isMobile: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

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

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

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

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

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

@@ -36,26 +36,41 @@ declare const _default: {
             };
             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 }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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 }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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/types/components/RadioGroup/RadioGroup.d.ts

@@ -43,9 +43,9 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      */
     className?: string;
     /**
-     * Override mobile detection for testing
+     * Whether the component is in mobile mode
      */
-    isMobile?: boolean;
+    isMobile: boolean;
     /**
      * Layout direction of radio options
      */

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

@@ -35,9 +35,9 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     className?: string;
     /**
-     * Override mobile detection for testing
+     * Whether the component is in mobile mode
      */
-    isMobile?: boolean;
+    isMobile: boolean;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 export { Tabs };

package/dist/types/contexts.js

@@ -0,0 +1,3 @@
+export { a as MobileContext, M as MobileProvider, u as useMobile } from './MobileContext-D-Cbqeno.js';
+import './jsx-runtime-BiC2V0nk.js';
+import 'react';

package/dist/types/createLucideIcon-D-q73LTT.js

@@ -0,0 +1,112 @@
+import { forwardRef, createElement } from 'react';
+
+/**
+ * @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 toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+/**
+ * @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.
+ */
+
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+/**
+ * @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 Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+/**
+ * @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 createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef(
+    ({ className, ...props }, ref) => createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+export { createLucideIcon as c };

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<{
     helperText?: string;
     startIcon?: import("react").ReactNode;
     endIcon?: import("react").ReactNode;
+    isMobile: boolean;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("./components/Tabs/Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export declare const Drawer: import("react").ForwardRefExoticComponent<Omit<import("./components/Drawer/Drawer").DrawerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
@@ -18,6 +19,7 @@ export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<i
 export declare const Divider: import("react").ForwardRefExoticComponent<Omit<import("./components/Divider/Divider").DividerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("./components/RadioGroup/RadioGroup").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export declare const Chips: import("react").ForwardRefExoticComponent<Omit<import("./components/Chips/Chips").ChipsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Menu: import("react").ForwardRefExoticComponent<Omit<import("./components/Menu/Menu").MenuProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
 export type { TypographyProps, TypographyVariant, } from './components/Typography/Typography';
 export type { ButtonProps, ButtonVariant, ButtonSize, } from './components/Button/Button';
 export type { InputProps } from './components/Input/Input';
@@ -30,4 +32,5 @@ export type { AccordionProps } from './components/Accordion/Accordion';
 export type { DividerProps } from './components/Divider/Divider';
 export type { RadioGroupProps, RadioOption, } from './components/RadioGroup/RadioGroup';
 export type { ChipsProps } from './components/Chips/Chips';
+export type { MenuProps, MenuItem } from './components/Menu/Menu';
 export { MobileProvider, useMobile } from './contexts/MobileContext';

package/dist/types/index.js

@@ -0,0 +1,38 @@
+import { withLicenseProtection } from './ProtectedComponent.js';
+import { Typography as Typography$1 } from './Typography.js';
+import { Button as Button$1 } from './Button.js';
+import { Input as Input$1 } from './Input.js';
+import { Tabs as Tabs$1 } from './Tabs.js';
+import { Drawer as Drawer$1 } from './Drawer.js';
+import { Backdrop as Backdrop$1 } from './Backdrop.js';
+import { Breadcrumb as Breadcrumb$1 } from './Breadcrumb.js';
+import { Pagination as Pagination$1 } from './Pagination.js';
+import { Accordion as Accordion$1 } from './Accordion.js';
+import { Divider as Divider$1 } from './Divider.js';
+import { RadioGroup as RadioGroup$1 } from './RadioGroup.js';
+import { Chips as Chips$1 } from './Chips.js';
+import { Menu as Menu$1 } from './Menu.js';
+export { initializeAutomobiKit } from './licensing.js';
+export { M as MobileProvider, u as useMobile } from './MobileContext-D-Cbqeno.js';
+import './jsx-runtime-BiC2V0nk.js';
+import 'react';
+import './utils.js';
+import './chevron-left-Ck6O99eF.js';
+import './createLucideIcon-D-q73LTT.js';
+
+// Protected Components (license-wrapped)
+const Typography = withLicenseProtection(Typography$1, 'Typography');
+const Button = withLicenseProtection(Button$1, 'Button');
+const Input = withLicenseProtection(Input$1, 'Input');
+const Tabs = withLicenseProtection(Tabs$1, 'Tabs');
+const Drawer = withLicenseProtection(Drawer$1, 'Drawer');
+const Backdrop = withLicenseProtection(Backdrop$1, 'Backdrop');
+const Breadcrumb = withLicenseProtection(Breadcrumb$1, 'Breadcrumb');
+const Pagination = withLicenseProtection(Pagination$1, 'Pagination');
+const Accordion = withLicenseProtection(Accordion$1, 'Accordion');
+const Divider = withLicenseProtection(Divider$1, 'Divider');
+const RadioGroup = withLicenseProtection(RadioGroup$1, 'RadioGroup');
+const Chips = withLicenseProtection(Chips$1, 'Chips');
+const Menu = withLicenseProtection(Menu$1, 'Menu');
+
+export { Accordion, Backdrop, Breadcrumb, Button, Chips, Divider, Drawer, Input, Menu, Pagination, RadioGroup, Tabs, Typography };