automoby-kit 1.0.2 → 1.0.4

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/components/Accordion/Accordion.d.ts

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

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

@@ -44,11 +44,12 @@ declare const _default: {
                 type: string;
             };
         };
-        forceMobile: {
+        isMobile: {
             name: string;
             control: {
                 type: string;
             };
+            description: string;
         };
         startIcon: {
             table: {
@@ -77,7 +78,7 @@ export declare const Default: {
         startIconType: string;
         defaultExpanded: boolean;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const Mobile: {
@@ -89,7 +90,7 @@ export declare const Mobile: {
         startIconType: string;
         defaultExpanded: boolean;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const Desktop: {
@@ -101,7 +102,7 @@ export declare const Desktop: {
         body: string;
         startIconType: string;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const ExpandedByDefault: {
@@ -113,7 +114,7 @@ export declare const ExpandedByDefault: {
         body: string;
         startIconType: string;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const Disabled: {
@@ -125,7 +126,7 @@ export declare const Disabled: {
         body: string;
         startIconType: string;
         defaultExpanded: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const WithDifferentIcons: {
@@ -137,7 +138,7 @@ export declare const WithDifferentIcons: {
         startIconType: string;
         defaultExpanded: boolean;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const MultipleAccordions: {
@@ -157,7 +158,7 @@ export declare const Controlled: {
         startIconType: string;
         defaultExpanded: boolean;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };
 export declare const LongContent: {
@@ -169,6 +170,6 @@ export declare const LongContent: {
         startIconType: string;
         defaultExpanded: boolean;
         disabled: boolean;
-        forceMobile: boolean;
+        isMobile: boolean;
     };
 };

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

@@ -7,7 +7,10 @@ export interface BreadcrumbItem {
 export interface BreadcrumbProps {
     items: BreadcrumbItem[];
     className?: string;
-    testIsMobile?: boolean;
+    /**
+     * Whether the component is in mobile mode
+     */
+    isMobile: boolean;
 }
 declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
 export { Breadcrumb };

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

@@ -25,7 +25,7 @@ declare const _default: {
             };
             description: string;
         };
-        testIsMobile: {
+        isMobile: {
             name: string;
             control: {
                 type: string;
@@ -43,6 +43,7 @@ declare const _default: {
             href?: undefined;
             onClick?: undefined;
         })[];
+        isMobile: boolean;
     };
 };
 export default _default;
@@ -146,7 +147,7 @@ export declare const DesktopView: {
     (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
     storyName: string;
     args: {
-        testIsMobile: boolean;
+        isMobile: boolean;
         items: ({
             label: string;
             onClick: () => void;
@@ -160,7 +161,7 @@ export declare const MobileView: {
     (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
     storyName: string;
     args: {
-        testIsMobile: boolean;
+        isMobile: boolean;
         items: ({
             label: string;
             onClick: () => void;

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

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

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

@@ -7,6 +7,10 @@ export type DrawerProps = {
     isOpen?: boolean;
     onClose?: () => void;
     className?: string;
+    /**
+     * Whether the component is in mobile mode
+     */
+    isMobile: boolean;
 };
 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 export { Drawer };