automoby-kit 1.0.3 → 1.0.5

package/dist/types/Pagination.js

@@ -0,0 +1,183 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-BiC2V0nk.js';
+import { useState, useEffect } from 'react';
+import cn from './utils.js';
+import { c as createLucideIcon } from './createLucideIcon-D-q73LTT.js';
+import { C as ChevronLeft } from './chevron-left-Ck6O99eF.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$3 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$3);
+
+/**
+ * @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$2 = [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+];
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$2);
+
+/**
+ * @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$1 = [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+];
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1);
+
+/**
+ * @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 = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+];
+const Ellipsis = createLucideIcon("ellipsis", __iconNode);
+
+function PaginationRoot({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
+}
+function PaginationContent({ className, device, ...props }) {
+    return (jsxRuntimeExports.jsx("ul", { "data-slot": "pagination-content", className: cn('flex flex-row items-center', device === 'mobile' ? 'gap-[6px]' : 'gap-2', className), ...props }));
+}
+function PaginationItem({ ...props }) {
+    return jsxRuntimeExports.jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, device, variant, isActive, ...props }) {
+    return (jsxRuntimeExports.jsx("a", { "aria-current": isActive ? 'page' : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+            variant: variant === 'nextPrev' ? variant : isActive ? 'active' : 'outline',
+            device,
+        }), className), tabIndex: props['aria-disabled'] ? -1 : 0, ...props }));
+}
+function PaginationPrevious({ className, device, variant, ...props }) {
+    const isMobile = device === 'mobile';
+    const content = {
+        mobile: jsxRuntimeExports.jsx(ChevronRight, { size: 18 }),
+        desktop: (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ChevronsRight, { size: 20 }), " ", jsxRuntimeExports.jsx("span", { children: "\u0642\u0628\u0644\u06CC" })] })),
+    };
+    return (jsxRuntimeExports.jsx(PaginationLink, { "aria-label": "Go to previous page", className: !isMobile
+            ? 'flex justify-center items-center gap-2 w-[89px] h-[48px] ml-4'
+            : 'ml-2.5', device: device, variant: "nextPrev", ...props, children: device === 'mobile' ? content.mobile : content.desktop }));
+}
+function PaginationNext({ className, device, variant, ...props }) {
+    const isMobile = device === 'mobile';
+    const content = {
+        mobile: jsxRuntimeExports.jsx(ChevronLeft, { size: 18 }),
+        desktop: (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { children: "\u0628\u0639\u062F\u06CC" }), jsxRuntimeExports.jsx(ChevronsLeft, { size: 20 })] })),
+    };
+    return (jsxRuntimeExports.jsx(PaginationLink, { "aria-label": "Go to next page", className: !isMobile
+            ? 'flex justify-center items-center gap-2 w-[89px] h-[48px] mr-4'
+            : 'mr-2.5', device: device, variant: "nextPrev", ...props, children: device === 'mobile' ? content.mobile : content.desktop }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn('flex size-9 items-center justify-center', className), ...props, children: jsxRuntimeExports.jsx(Ellipsis, { className: "size-4" }) }));
+}
+function buttonVariants({ variant, device, }) {
+    const isMobile = device === 'mobile';
+    const base = cn({
+        'flex items-center justify-center rounded-[6px]': true,
+        'w-[40px] h-[40px] text-s font-heavy': isMobile,
+        'w-[48px] h-[48px] text-l font-heavy': !isMobile,
+    });
+    const variants = {
+        outline: 'border border-neutral-light bg-white text-neutral-darker',
+        active: 'bg-primary text-white',
+        nextPrev: 'border border-neutral-light bg-white text-neutral-darker',
+    };
+    return [base, variants[variant]].join(' ');
+}
+const Pagination = ({ pageCount, page: controlledPage, defaultPage = 1, onPageChange, className, isMobile, ...navProps }) => {
+    const isControlled = controlledPage !== undefined;
+    const [internalPage, setInternalPage] = useState(defaultPage);
+    const page = isControlled ? controlledPage : internalPage;
+    const device = isMobile ? 'mobile' : 'desktop';
+    useEffect(() => {
+        if (!isControlled)
+            setInternalPage(defaultPage);
+    }, [defaultPage, isControlled]);
+    const changePage = (newPage) => {
+        if (!isControlled)
+            setInternalPage(newPage);
+        onPageChange?.(newPage);
+    };
+    function renderPages() {
+        const items = [];
+        if (pageCount <= 5) {
+            for (let i = 1; i <= pageCount; i++) {
+                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === i, variant: "main", device: device, onClick: (e) => {
+                            e.preventDefault();
+                            if (page !== i)
+                                changePage(i);
+                        }, "aria-disabled": page === i, tabIndex: page === i ? -1 : 0, children: i }) }, i));
+            }
+        }
+        else {
+            // First page
+            items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === 1, device: device, variant: "main", onClick: (e) => {
+                        e.preventDefault();
+                        if (page !== 1)
+                            changePage(1);
+                    }, "aria-disabled": page === 1, tabIndex: page === 1 ? -1 : 0, children: "1" }) }, 1));
+            // Ellipsis start
+            if (page > 3) {
+                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationEllipsis, {}) }, "start-ellipsis"));
+            }
+            // Middle pages
+            const start = Math.max(2, page - 1);
+            const end = Math.min(pageCount - 1, page + 1);
+            for (let i = start; i <= end; i++) {
+                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === i, device: device, variant: "main", onClick: (e) => {
+                            e.preventDefault();
+                            if (page !== i)
+                                changePage(i);
+                        }, "aria-disabled": page === i, tabIndex: page === i ? -1 : 0, children: i }) }, i));
+            }
+            // Ellipsis end
+            if (page < pageCount - 2) {
+                items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationEllipsis, {}) }, "end-ellipsis"));
+            }
+            // Last page
+            items.push(jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationLink, { href: "#", isActive: page === pageCount, device: device, variant: "main", onClick: (e) => {
+                        e.preventDefault();
+                        if (page !== pageCount)
+                            changePage(pageCount);
+                    }, "aria-disabled": page === pageCount, tabIndex: page === pageCount ? -1 : 0, children: pageCount }) }, pageCount));
+        }
+        return items;
+    }
+    return (jsxRuntimeExports.jsx(PaginationRoot, { className: className, ...navProps, children: jsxRuntimeExports.jsxs(PaginationContent, { device: "mobile", children: [jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationPrevious, { href: "#", onClick: (e) => {
+                            e.preventDefault();
+                            if (page > 1)
+                                changePage(page - 1);
+                        }, variant: "nextPrev", device: device, "aria-disabled": page === 1, tabIndex: page === 1 ? -1 : 0 }) }), renderPages(), jsxRuntimeExports.jsx(PaginationItem, { children: jsxRuntimeExports.jsx(PaginationNext, { href: "#", onClick: (e) => {
+                            e.preventDefault();
+                            if (page < pageCount)
+                                changePage(page + 1);
+                        }, variant: "nextPrev", device: device, "aria-disabled": page === pageCount, tabIndex: page === pageCount ? -1 : 0 }) })] }) }));
+};
+
+export { Pagination };

package/dist/types/ProtectedComponent.js

@@ -0,0 +1,33 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-BiC2V0nk.js';
+import React from 'react';
+import { canUseComponents } from './licensing.js';
+
+/**
+ * Higher-order component that protects components with license validation
+ */
+function withLicenseProtection(Component, componentName) {
+    const ProtectedComponent = React.forwardRef((props, ref) => {
+        if (!canUseComponents()) {
+            // Return a placeholder component with error styling
+            return (jsxRuntimeExports.jsxs("div", { style: {
+                    padding: '16px',
+                    border: '2px dashed #ef4444',
+                    borderRadius: '8px',
+                    backgroundColor: '#fef2f2',
+                    color: '#dc2626',
+                    textAlign: 'center',
+                    fontFamily: 'system-ui, sans-serif',
+                    fontSize: '14px',
+                    maxWidth: '400px',
+                    margin: '16px auto',
+                }, children: [jsxRuntimeExports.jsx("div", { style: { fontWeight: 'bold', marginBottom: '8px' }, children: "\uD83D\uDD12 License Required" }), jsxRuntimeExports.jsxs("div", { style: { marginBottom: '8px' }, children: ["Component \"", componentName, "\" requires a valid license key."] }), jsxRuntimeExports.jsx("div", { style: { fontSize: '12px', opacity: 0.8 }, children: "Please initialize Automoby Kit with your license key before using components." })] }));
+        }
+        // If license is valid, render the actual component
+        // Use type assertion to handle the generic component props properly
+        return jsxRuntimeExports.jsx(Component, { ...props, ref: ref });
+    });
+    ProtectedComponent.displayName = `Protected(${componentName})`;
+    return ProtectedComponent;
+}
+
+export { withLicenseProtection };

package/dist/types/RadioGroup.js

@@ -0,0 +1,68 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-BiC2V0nk.js';
+import React from 'react';
+import cn from './utils.js';
+
+const RadioButton = ({ selected, disabled, isMobile, }) => {
+    const size = isMobile ? 'size-5' : 'size-6';
+    if (selected) {
+        return (jsxRuntimeExports.jsxs("div", { className: cn('relative flex items-center justify-center', size), children: [jsxRuntimeExports.jsx("div", { className: cn('absolute inset-0 rounded-full border-2', disabled
+                        ? 'bg-neutral-light border-neutral-light'
+                        : 'bg-primary border-primary') }), jsxRuntimeExports.jsx("div", { className: cn('absolute rounded-full bg-white', isMobile ? 'inset-[5px]' : 'inset-1.5') })] }));
+    }
+    return (jsxRuntimeExports.jsx("div", { className: cn('relative flex items-center justify-center', size), children: jsxRuntimeExports.jsx("div", { className: cn('absolute inset-0 rounded-full border', isMobile ? 'border' : 'border-[1.5px]', disabled ? 'border-neutral-light' : 'border-midnight') }) }));
+};
+const RadioOptionComponent = ({ option, selected, disabled, onClick, name, isMobile, }) => {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const handleKeyDown = (e) => {
+        if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
+            e.preventDefault();
+            onClick();
+        }
+    };
+    const getBackgroundColor = () => {
+        if (disabled)
+            return 'bg-neutral-lighter';
+        if (selected)
+            return 'bg-primary-lightest';
+        if (isHovered)
+            return 'bg-primary-lightest/20';
+        return 'bg-white';
+    };
+    const getBorderColor = () => {
+        if (selected)
+            return 'border-primary';
+        return 'border-transparent';
+    };
+    const getTextColor = () => {
+        if (disabled)
+            return 'text-midnight';
+        if (selected)
+            return 'text-primary';
+        return 'text-neutral-dark';
+    };
+    const getShadow = () => {
+        if (disabled)
+            return '';
+        return 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08)]';
+    };
+    return (jsxRuntimeExports.jsx("div", { className: cn('relative rounded-lg border-[1.5px] cursor-pointer transition-all duration-200', getBackgroundColor(), getBorderColor(), getShadow(), disabled && 'cursor-not-allowed'), onClick: disabled ? undefined : onClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: "radio", "aria-checked": selected, "aria-disabled": disabled, children: jsxRuntimeExports.jsx("div", { className: "flex flex-row items-center justify-end relative w-full", children: jsxRuntimeExports.jsx("div", { className: cn('box-border flex flex-row items-center justify-end relative w-full', isMobile ? 'gap-2 px-4 py-3' : 'gap-4 px-6 py-4'), children: jsxRuntimeExports.jsxs("div", { className: cn('flex flex-row items-center justify-end p-0 relative shrink-0', isMobile ? 'gap-2' : 'gap-3'), children: [jsxRuntimeExports.jsx("input", { type: "radio", name: name, value: option.id, checked: selected, disabled: disabled, onChange: onClick, className: "sr-only", "aria-label": option.label }), jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 items-end justify-start p-0 relative shrink-0", children: jsxRuntimeExports.jsx("div", { className: cn('font-sans font-bold text-nowrap text-right transition-colors duration-200', isMobile
+                                    ? 'text-[14px] leading-[24px]'
+                                    : 'text-[16px] leading-normal', getTextColor()), children: jsxRuntimeExports.jsx("p", { className: "whitespace-pre", dir: "auto", children: option.label }) }) }), option.icon && (jsxRuntimeExports.jsx("div", { className: cn('flex items-center justify-center shrink-0 transition-colors duration-200', isMobile ? 'size-6' : 'size-7', getTextColor()), children: option.icon })), jsxRuntimeExports.jsx("div", { className: "flex flex-col items-start justify-start p-0 relative shrink-0", children: jsxRuntimeExports.jsx(RadioButton, { selected: selected, disabled: disabled, isMobile: isMobile }) })] }) }) }) }));
+};
+const RadioGroup = React.forwardRef(({ options, value, onChange, name, disabled = false, className, isMobile, direction = 'vertical', ...props }, ref) => {
+    const handleOptionClick = (optionId) => {
+        if (!disabled && onChange) {
+            onChange(optionId);
+        }
+    };
+    const getContainerClasses = () => {
+        if (direction === 'horizontal') {
+            return cn('flex flex-row gap-2', isMobile ? 'flex-wrap' : 'flex-nowrap', className);
+        }
+        return cn('flex flex-col gap-2', className);
+    };
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: getContainerClasses(), role: "radiogroup", ...props, children: options.map((option) => (jsxRuntimeExports.jsx(RadioOptionComponent, { option: option, selected: value === option.id, disabled: disabled || option.disabled, onClick: () => handleOptionClick(option.id), name: name, isMobile: isMobile }, option.id))) }));
+});
+RadioGroup.displayName = 'RadioGroup';
+
+export { RadioGroup };

package/dist/types/Tabs.js

@@ -0,0 +1,49 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-BiC2V0nk.js';
+import React from 'react';
+import cn from './utils.js';
+
+// Helper functions moved outside component
+const handleTabClick = (tabId, disabled, onTabChange) => {
+    if (!disabled) {
+        onTabChange(tabId);
+    }
+};
+const handleKeyDown = (e, tabId, disabled, onTabChange) => {
+    if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
+        e.preventDefault();
+        onTabChange(tabId);
+    }
+};
+const renderBadge = (count, isActive, disabled, isMobile) => {
+    if (count === undefined)
+        return null;
+    return (jsxRuntimeExports.jsx("div", { className: cn('flex items-center justify-center rounded-[5px] font-sans font-bold text-white', 'transition-colors duration-200', isMobile
+            ? 'size-6 text-[14px] pt-0.5'
+            : 'size-[25px] text-[14px] pt-[3px]', disabled ? 'bg-midnight' : isActive ? 'bg-primary' : 'bg-neutral-main'), children: jsxRuntimeExports.jsx("p", { className: "leading-[24px] whitespace-pre", dir: "auto", children: count }) }));
+};
+const renderTabContent = (item, isActive, isMobile) => {
+    const hasCount = item.count !== undefined;
+    return (jsxRuntimeExports.jsxs("div", { className: cn('flex flex-row items-center justify-start transition-colors duration-200', isMobile ? 'gap-1.5' : 'gap-1.5'), children: [hasCount && renderBadge(item.count, isActive, item.disabled, isMobile), jsxRuntimeExports.jsx("div", { className: cn('font-sans text-nowrap text-right transition-colors duration-200', isMobile ? 'text-[14px]' : isActive ? 'text-[16px]' : 'text-[18px]', item.disabled
+                    ? 'font-normal text-midnight'
+                    : isActive
+                        ? 'font-bold text-primary'
+                        : 'font-normal text-neutral-main', isMobile
+                    ? 'leading-[24px]'
+                    : isActive
+                        ? 'leading-normal'
+                        : 'leading-[1.9]'), children: jsxRuntimeExports.jsx("p", { className: "whitespace-pre", dir: "auto", children: item.label }) })] }));
+};
+const renderTab = (item, activeTab, isMobile, onTabChange) => {
+    const isActive = item.id === activeTab;
+    return (jsxRuntimeExports.jsxs("div", { className: cn('box-border flex flex-col items-center justify-between relative shrink-0', 'cursor-pointer transition-all duration-200', isMobile ? 'h-12 px-3' : 'h-14 px-4', isActive
+            ? isMobile
+                ? 'pt-[11px] pb-0'
+                : 'pt-3.5 pb-0'
+            : 'py-0 justify-center', item.disabled && 'cursor-not-allowed opacity-50', !item.disabled && 'hover:opacity-80'), onClick: () => handleTabClick(item.id, item.disabled, onTabChange), onKeyDown: (e) => handleKeyDown(e, item.id, item.disabled, onTabChange), tabIndex: item.disabled ? -1 : 0, role: "tab", "aria-selected": isActive, "aria-disabled": item.disabled, children: [renderTabContent(item, isActive, isMobile), isActive && (jsxRuntimeExports.jsx("div", { className: "bg-primary h-1 rounded-tl-[8px] rounded-tr-[8px] shrink-0 w-full" }))] }, item.id));
+};
+const Tabs = React.forwardRef(({ items, activeTab, onTabChange, className, isMobile, ...props }, ref) => {
+    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn('relative w-full', className), ...props, children: [jsxRuntimeExports.jsx("div", { className: "box-border flex flex-row items-center justify-end p-0 relative w-full", children: items.map((item) => renderTab(item, activeTab, isMobile, onTabChange)) }), jsxRuntimeExports.jsx("div", { className: "absolute border-midnight-light border-[0px_0px_1px] border-solid bottom-[-0.5px] left-0 right-0 top-0 pointer-events-none" })] }));
+});
+Tabs.displayName = 'Tabs';
+
+export { Tabs };

package/dist/types/Typography.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import cn from './utils.js';
+
+const variantClasses = {
+    // Headings with Fat weight (900)
+    h1: 'text-[36px] font-[var(--font-weight-fat)]',
+    h2: 'text-[32px] font-[var(--font-weight-fat)]',
+    h3: 'text-[28px] font-[var(--font-weight-fat)]',
+    h4: 'text-[24px] font-[var(--font-weight-heavy)]',
+    h5: 'text-[22px] font-[var(--font-weight-heavy)]',
+    h6: 'text-[20px] font-[var(--font-weight-heavy)]',
+    // Body Copy with specific weight variants
+    'body-xl-heavy': 'text-[20px] font-[var(--font-weight-heavy)]',
+    'body-l-heavy': 'text-[18px] font-[var(--font-weight-heavy)]',
+    'body-l-bold': 'text-[18px] font-[var(--font-weight-bold)]',
+    'body-l-medium': 'text-[18px] font-[var(--font-weight-medium)]',
+    'body-m-heavy': 'text-[16px] font-[var(--font-weight-heavy)]',
+    'body-m-bold': 'text-[16px] font-[var(--font-weight-bold)]',
+    'body-m-medium': 'text-[16px] font-[var(--font-weight-medium)]',
+    'body-s-heavy': 'text-[14px] font-[var(--font-weight-heavy)]',
+    'body-s-bold': 'text-[14px] font-[var(--font-weight-bold)]',
+    'body-s-medium': 'text-[14px] font-[var(--font-weight-medium)]',
+    'body-ms-bold': 'text-[13px] font-[var(--font-weight-bold)]',
+    'body-ms-medium': 'text-[13px] font-[var(--font-weight-medium)]',
+    'body-xs-bold': 'text-[12px] font-[var(--font-weight-bold)]',
+    'body-xs-medium': 'text-[12px] font-[var(--font-weight-medium)]',
+    'body-t-bold': 'text-[10px] font-[var(--font-weight-bold)]',
+    'body-t-medium': 'text-[10px] font-[var(--font-weight-medium)]',
+    'body-ss-medium': 'text-[9px] font-[var(--font-weight-medium)]',
+};
+// Export for reuse in other components
+const getTypographyClasses = (variant) => {
+    return variantClasses[variant];
+};
+const colorClasses = {
+    primary: 'text-[var(--color-primary)]',
+    secondary: 'text-[var(--color-secondary)]',
+    'neutral-darker': 'text-[var(--color-neutral-darker)]',
+    'neutral-dark': 'text-[var(--color-neutral-dark)]',
+    'neutral-main': 'text-[var(--color-neutral-main)]',
+    white: 'text-[var(--color-white)]',
+    inherit: 'text-inherit',
+};
+const getDefaultElement = (variant) => {
+    if (variant.startsWith('h'))
+        return variant.split('-')[0]; // h1, h2, etc.
+    return 'p';
+};
+const Typography = React.forwardRef(({ variant = 'body-m-medium', color = 'inherit', as, className, children, ...props }, ref) => {
+    const Element = as || getDefaultElement(variant);
+    return React.createElement(Element, {
+        ref,
+        className: cn(variantClasses[variant], colorClasses[color], 'leading-[var(--leading-default)]', // 180% line height
+        className),
+        ...props,
+    }, children);
+});
+Typography.displayName = 'Typography';
+
+export { Typography, getTypographyClasses };

package/dist/types/chevron-left-Ck6O99eF.js

@@ -0,0 +1,14 @@
+import { c as createLucideIcon } from './createLucideIcon-D-q73LTT.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("chevron-left", __iconNode);
+
+export { ChevronLeft as C };

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

@@ -9,5 +9,4 @@ interface MobileProviderProps {
 }
 declare const MobileContext: import("react").Context<MobileContextValue | undefined>;
 export declare const MobileProvider: React.FC<MobileProviderProps>;
-export declare const useMobile: (isMobile?: boolean) => MobileContextValue;
 export default MobileContext;

package/dist/types/contexts/index.d.ts

@@ -1,2 +1,2 @@
-export { MobileProvider, useMobile } from './MobileContext';
+export { MobileProvider } from './MobileContext';
 export { default as MobileContext } from './MobileContext';

package/dist/types/contexts.js

@@ -0,0 +1,3 @@
+export { a as MobileContext, M as MobileProvider } from './MobileContext-BkG7_94E.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

@@ -19,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';
@@ -31,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 { MobileProvider, useMobile } from './contexts/MobileContext';
+export type { MenuProps, MenuItem } from './components/Menu/Menu';
+export { MobileProvider } 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 } from './MobileContext-BkG7_94E.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 };