automoby-kit 1.0.12 → 1.0.13

package/dist/cjs/createLucideIcon-BTjFFtDc.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var React = require('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 = React.forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => React.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]) => React.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 = React.forwardRef(
+    ({ className, ...props }, ref) => React.createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+exports.createLucideIcon = createLucideIcon;

package/dist/cjs/index.d.ts

@@ -0,0 +1,34 @@
+export declare const Typography: import("react").ForwardRefExoticComponent<import("./components/Typography/Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<import("./components/Button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<{
+    state?: "default" | "disabled" | "error";
+    label: string;
+    helperText?: string;
+    startIcon?: import("react").ReactNode;
+    endIcon?: import("react").ReactNode;
+    isMobile?: boolean;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<import("./components/Tabs/Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Drawer: import("react").ForwardRefExoticComponent<import("./components/Drawer/Drawer").DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<import("./components/Backdrop/Backdrop").BackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<import("./components/Breadcrumb/Breadcrumb").BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+export declare const Pagination: import("react").FC<import("./components/Pagination/Pagination").UnifiedPaginationProps>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<import("./components/Accordion/Accordion").AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<import("./components/Divider/Divider").DividerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<import("./components/RadioGroup/RadioGroup").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Chips: import("react").ForwardRefExoticComponent<import("./components/Chips/Chips").ChipsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Menu: import("react").ForwardRefExoticComponent<import("./components/Menu/Menu").MenuProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { TypographyProps, TypographyVariant, } from './components/Typography/Typography';
+export type { ButtonProps, ButtonVariant, ButtonSize, } from './components/Button/Button';
+export type { InputProps } from './components/Input/Input';
+export type { TabsProps, TabItem } from './components/Tabs/Tabs';
+export type { DrawerProps, DrawerDirection } from './components/Drawer/Drawer';
+export type { BackdropProps } from './components/Backdrop/Backdrop';
+export type { BreadcrumbProps, BreadcrumbItem, } from './components/Breadcrumb/Breadcrumb';
+export type { UnifiedPaginationProps as PaginationProps } from './components/Pagination/Pagination';
+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 } from './contexts/MobileContext';

package/dist/cjs/index.js

@@ -1 +1,52 @@
-"use strict";var e=require("./ProtectedComponent.js"),r=require("./Typography.js"),i=require("./Button.js"),t=require("./Input.js"),o=require("./Tabs.js"),s=require("./Drawer.js"),n=require("./Backdrop.js"),c=require("./Breadcrumb.js"),u=require("./Pagination.js"),p=require("./Accordion.js"),a=require("./Divider.js"),d=require("./RadioGroup.js"),h=require("./Chips.js"),q=require("./Menu.js"),j=require("./licensing.js"),P=require("./contexts.js");require("react/jsx-runtime"),require("react"),require("./utils.js"),require("./chunks/chevron-left-Do__K6cA.js"),require("./chunks/createLucideIcon-BqJVOzoK.js");const w=e.withLicenseProtection(r.Typography,"Typography"),x=e.withLicenseProtection(i.Button,"Button"),L=e.withLicenseProtection(t.Input,"Input"),b=e.withLicenseProtection(o.Tabs,"Tabs"),B=e.withLicenseProtection(s.Drawer,"Drawer"),g=e.withLicenseProtection(n.Backdrop,"Backdrop"),m=e.withLicenseProtection(c.Breadcrumb,"Breadcrumb"),v=e.withLicenseProtection(u.Pagination,"Pagination"),y=e.withLicenseProtection(p.Accordion,"Accordion"),D=e.withLicenseProtection(a.Divider,"Divider"),T=e.withLicenseProtection(d.RadioGroup,"RadioGroup"),l=e.withLicenseProtection(h.Chips,"Chips"),k=e.withLicenseProtection(q.Menu,"Menu");exports.initializeAutomobiKit=j.initializeAutomobiKit,exports.MobileProvider=P.MobileProvider,exports.Accordion=y,exports.Backdrop=g,exports.Breadcrumb=m,exports.Button=x,exports.Chips=l,exports.Divider=D,exports.Drawer=B,exports.Input=L,exports.Menu=k,exports.Pagination=v,exports.RadioGroup=T,exports.Tabs=b,exports.Typography=w;
+'use strict';
+
+var Typography$1 = require('./Typography.js');
+var Button$1 = require('./Button.js');
+var Input$1 = require('./Input.js');
+var Tabs$1 = require('./Tabs.js');
+var Drawer$1 = require('./Drawer.js');
+var Backdrop$1 = require('./Backdrop.js');
+var Breadcrumb$1 = require('./Breadcrumb.js');
+var Pagination$1 = require('./Pagination.js');
+var Accordion$1 = require('./Accordion.js');
+var Divider$1 = require('./Divider.js');
+var RadioGroup$1 = require('./RadioGroup.js');
+var Chips$1 = require('./Chips.js');
+var Menu$1 = require('./Menu.js');
+var contexts = require('./contexts.js');
+require('react');
+require('./utils.js');
+require('react/jsx-runtime');
+require('./chevron-left-COj1qGVo.js');
+require('./createLucideIcon-BTjFFtDc.js');
+
+// Original Components (for internal use)
+// Components (direct exports)
+const Typography = Typography$1.Typography;
+const Button = Button$1.Button;
+const Input = Input$1.Input;
+const Tabs = Tabs$1.Tabs;
+const Drawer = Drawer$1.Drawer;
+const Backdrop = Backdrop$1.Backdrop;
+const Breadcrumb = Breadcrumb$1.Breadcrumb;
+const Pagination = Pagination$1.Pagination;
+const Accordion = Accordion$1.Accordion;
+const Divider = Divider$1.Divider;
+const RadioGroup = RadioGroup$1.RadioGroup;
+const Chips = Chips$1.Chips;
+const Menu = Menu$1.Menu;
+
+exports.MobileProvider = contexts.MobileProvider;
+exports.Accordion = Accordion;
+exports.Backdrop = Backdrop;
+exports.Breadcrumb = Breadcrumb;
+exports.Button = Button;
+exports.Chips = Chips;
+exports.Divider = Divider;
+exports.Drawer = Drawer;
+exports.Input = Input;
+exports.Menu = Menu;
+exports.Pagination = Pagination;
+exports.RadioGroup = RadioGroup;
+exports.Tabs = Tabs;
+exports.Typography = Typography;

package/dist/cjs/utils.js

@@ -1 +1,9 @@
-"use strict";function r(e){var t,n,f="";if("string"==typeof e||"number"==typeof e)f+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=r(e[t]))&&(f&&(f+=" "),f+=n)}else for(n in e)e[n]&&(f&&(f+=" "),f+=n);return f}module.exports=function(...e){return function(){for(var e,t,n=0,f="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=r(e))&&(f&&(f+=" "),f+=t);return f}(e)};
+'use strict';
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+function cn(...inputs) {
+    return clsx(inputs);
+}
+
+module.exports = cn;

package/dist/esm/Accordion.js

@@ -1 +1,57 @@
-"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useState as a}from"react";import t from"./utils.js";import{Typography as n}from"./Typography.js";import{c as o}from"./chunks/createLucideIcon-DGp0SoUT.js";const d=o("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),l=o("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]),s=i.forwardRef(({title:i,body:o,startIcon:s,isExpanded:c,onToggle:m,defaultExpanded:u=!1,className:h,id:f,disabled:p=!1,isMobile:b,...y},v)=>{const[x,g]=a(u),N=void 0!==c?c:x,w=f||`accordion-${Math.random().toString(36).substr(2,9)}`,k=`${w}-header`,j=`${w}-content`,$=b?20:24,z=b?"body-s-heavy":"body-l-heavy",E=b?"body-s-medium":"body-m-medium";return e("div",{ref:v,className:t("rounded-2xl border-0 overflow-hidden","transition-all duration-200 ease-in-out",h),...y,children:[e("button",{id:k,type:"button",onClick:()=>{if(p)return;const e=!N;void 0===c&&g(e),m?.(e)},disabled:p,"aria-expanded":N,"aria-controls":j,className:t("w-full flex items-center justify-between",b?"p-3":"p-4","focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2","disabled:opacity-50 disabled:cursor-not-allowed","transition-all duration-200 ease-in-out",!p&&"hover:bg-neutral-lighter"),children:[r("div",{className:"flex-shrink-0 mr-4",children:r(N?l:d,{size:$,className:"text-neutral-darker transition-transform duration-200","aria-hidden":"true"})}),e("div",{className:t("flex items-center flex-1",b?"gap-3":"gap-4"),children:[r("div",{className:"flex-1 text-right",children:r(n,{variant:z,color:"neutral-darker",children:i})}),s&&r("div",{className:t("flex-shrink-0 flex items-center justify-center",b?"w-6 h-6":"w-8 h-8"),children:s})]})]}),r("div",{id:j,role:"region","aria-labelledby":k,className:t("w-full overflow-hidden transition-all duration-300 ease-in-out",N?"max-h-screen opacity-100":"max-h-0 opacity-0"),children:r("div",{className:t(b?"pb-3 mt-1":"pb-4 mt-1.5"),children:r("div",{className:t("bg-neutral-lighter rounded-lg",b?"p-3":"p-4"),children:r(n,{variant:E,color:"neutral-dark",children:o})})})})]})});s.displayName="Accordion";export{s as Accordion};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import cn from './utils.js';
+import { useMobile } from './contexts.js';
+import { Typography } from './Typography.js';
+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$1 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode);
+
+const Accordion = React.forwardRef(({ title, body, startIcon, isExpanded: controlledExpanded, onToggle, defaultExpanded = false, className, id, disabled = false, isMobile, ...props }, ref) => {
+    const detectedIsMobile = useMobile();
+    const actualIsMobile = isMobile ?? detectedIsMobile;
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    // Use controlled state if provided, otherwise use internal state
+    const isExpanded = controlledExpanded !== undefined ? controlledExpanded : internalExpanded;
+    const handleToggle = () => {
+        if (disabled)
+            return;
+        const newExpanded = !isExpanded;
+        if (controlledExpanded === undefined) {
+            setInternalExpanded(newExpanded);
+        }
+        onToggle?.(newExpanded);
+    };
+    const accordionId = id || `accordion-${Math.random().toString(36).substr(2, 9)}`;
+    const headerId = `${accordionId}-header`;
+    const contentId = `${accordionId}-content`;
+    // Icon size based on device
+    const iconSize = actualIsMobile ? 20 : 24;
+    // Typography variants based on device
+    const titleVariant = actualIsMobile ? 'body-s-heavy' : 'body-l-heavy';
+    const bodyVariant = actualIsMobile ? 'body-s-medium' : 'body-m-medium';
+    return (jsxs("div", { ref: ref, className: cn('rounded-2xl border-0 overflow-hidden', 'transition-all duration-200 ease-in-out', className), ...props, children: [jsxs("button", { id: headerId, type: "button", onClick: handleToggle, disabled: disabled, "aria-expanded": isExpanded, "aria-controls": contentId, className: cn('w-full flex items-center justify-between', actualIsMobile ? 'p-3' : 'p-4', 'focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2', 'disabled:opacity-50 disabled:cursor-not-allowed', 'transition-all duration-200 ease-in-out', !disabled && 'hover:bg-neutral-lighter'), children: [jsx("div", { className: "flex-shrink-0 mr-4", children: isExpanded ? (jsx(ChevronUp, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) : (jsx(ChevronDown, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) }), jsxs("div", { className: cn('flex items-center flex-1', actualIsMobile ? 'gap-3' : 'gap-4'), children: [jsx("div", { className: "flex-1 text-right", children: jsx(Typography, { variant: titleVariant, color: "neutral-darker", children: title }) }), startIcon && (jsx("div", { className: cn('flex-shrink-0 flex items-center justify-center', actualIsMobile ? 'w-6 h-6' : 'w-8 h-8'), children: startIcon }))] })] }), jsx("div", { id: contentId, role: "region", "aria-labelledby": headerId, className: cn('w-full overflow-hidden transition-all duration-300 ease-in-out', isExpanded ? 'max-h-screen opacity-100' : 'max-h-0 opacity-0'), children: jsx("div", { className: cn(actualIsMobile ? 'pb-3 mt-1' : 'pb-4 mt-1.5'), children: jsx("div", { className: cn('bg-neutral-lighter rounded-lg', actualIsMobile ? 'p-3' : 'p-4'), children: jsx(Typography, { variant: bodyVariant, color: "neutral-dark", children: body }) }) }) })] }));
+});
+Accordion.displayName = 'Accordion';
+
+export { Accordion };

package/dist/esm/Backdrop.js

@@ -1 +1,24 @@
-import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"./utils.js";const o=e.forwardRef(({isOpen:e=!1,onClick:o,blur:n=!1,zIndex:a=51,className:i,children:s,...c},l)=>{const d=t("fixed inset-0 transition-all duration-300",{"opacity-100 pointer-events-auto":e,"opacity-0 pointer-events-none":!e,"backdrop-blur-sm":n},i);return r("div",{ref:l,className:d,style:{backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:a},onClick:r=>{o&&r.target===r.currentTarget&&o()},role:"presentation","aria-hidden":!e,...c,children:s})});o.displayName="Backdrop";export{o as Backdrop};
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
+
+const Backdrop = React.forwardRef(({ isOpen = false, onClick, blur = false, zIndex = 51, className, children, ...props }, ref) => {
+    const handleClick = (event) => {
+        if (onClick && event.target === event.currentTarget) {
+            onClick();
+        }
+    };
+    const backdropClasses = cn('fixed inset-0 transition-all duration-300', {
+        'opacity-100 pointer-events-auto': isOpen,
+        'opacity-0 pointer-events-none': !isOpen,
+        'backdrop-blur-sm': blur,
+    }, className);
+    const backdropStyle = {
+        backgroundColor: 'rgba(0, 0, 0, 0.60)',
+        zIndex,
+    };
+    return (jsx("div", { ref: ref, className: backdropClasses, style: backdropStyle, onClick: handleClick, role: "presentation", "aria-hidden": !isOpen, ...props, children: children }));
+});
+Backdrop.displayName = 'Backdrop';
+
+export { Backdrop };

package/dist/esm/Breadcrumb.js

@@ -1 +1,59 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import a from"react";import t from"./utils.js";import{C as n}from"./chunks/chevron-left-4HSuTes3.js";import"./chunks/createLucideIcon-DGp0SoUT.js";const l=a.forwardRef(({items:a,className:l,isMobile:i},o)=>e("nav",{ref:o,className:t("flex flex-row-reverse items-center",i?"gap-1 px-4 py-2.5":"gap-3 pr-1 pt-3 pb-4 pl-0",l),"aria-label":"Breadcrumb navigation",children:e("ol",{className:"flex flex-row-reverse items-center gap-inherit",children:a.map((l,o)=>{const s=o===a.length-1,c=!s&&(l.href||l.onClick),m=`${l.label}-${o}`;return r("li",{className:"flex items-center gap-inherit",children:[c?e("a",{href:l.href||"#",className:t("whitespace-nowrap border-0 bg-transparent p-0 no-underline",i?"text-t":"text-s","text-neutral-main","cursor-pointer hover:text-neutral-dark transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 rounded-sm"),onClick:e=>((e,r,t)=>{r!==a.length-1&&e.onClick&&(t.preventDefault(),e.onClick())})(l,o,e),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),l.onClick&&l.onClick())},"aria-label":`Go to ${l.label}`,children:l.label}):e("span",{className:t("whitespace-nowrap",i?"text-t":"text-s","text-neutral-main","font-medium"),"aria-current":s?"page":void 0,"aria-label":s?`Current page: ${l.label}`:void 0,children:l.label}),!s&&e(n,{className:t("text-black flex-shrink-0",i?"w-2.5 h-2.5":"w-3 h-3"),"aria-hidden":"true"})]},m)})})}));l.displayName="Breadcrumb";export{l as Breadcrumb};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
+import { useMobile } from './contexts.js';
+import { C as ChevronLeft } from './chevron-left-Ck6O99eF.js';
+import './createLucideIcon-D-q73LTT.js';
+
+const Breadcrumb = React.forwardRef(({ items, className, isMobile }, ref) => {
+    const detectedIsMobile = useMobile();
+    const actualIsMobile = isMobile ?? detectedIsMobile;
+    const handleItemClick = (item, index, e) => {
+        // Don't make the last item (current page) clickable
+        if (index === items.length - 1)
+            return;
+        if (item.onClick) {
+            e.preventDefault();
+            item.onClick();
+        }
+        // If item has href, let the anchor tag handle navigation naturally
+    };
+    return (jsx("nav", { ref: ref, className: cn(
+        // Base layout - RTL with flex-row-reverse to show items right to left
+        'flex flex-row-reverse items-center', 
+        // Responsive gap and padding based on mobile state
+        actualIsMobile ? 'gap-1 px-4 py-2.5' : 'gap-3 pr-1 pt-3 pb-4 pl-0', className), "aria-label": "Breadcrumb navigation", children: jsx("ol", { className: "flex flex-row-reverse items-center gap-inherit", children: items.map((item, index) => {
+                const isLast = index === items.length - 1;
+                const isClickable = !isLast && (item.href || item.onClick);
+                const itemKey = `${item.label}-${index}`;
+                return (jsxs("li", { className: "flex items-center gap-inherit", children: [isClickable ? (jsx("a", { href: item.href || '#', className: cn(
+                            // Base styles
+                            'whitespace-nowrap border-0 bg-transparent p-0 no-underline', 
+                            // Responsive font size based on mobile state
+                            actualIsMobile ? 'text-t' : 'text-s', 
+                            // Color
+                            'text-neutral-main', 
+                            // Cursor and hover effects for clickable items
+                            'cursor-pointer hover:text-neutral-dark transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 rounded-sm'), onClick: (e) => handleItemClick(item, index, e), onKeyDown: (e) => {
+                                if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    if (item.onClick) {
+                                        item.onClick();
+                                    }
+                                }
+                            }, "aria-label": `Go to ${item.label}`, children: item.label })) : (jsx("span", { className: cn(
+                            // Base styles
+                            'whitespace-nowrap', 
+                            // Responsive font size based on mobile state
+                            actualIsMobile ? 'text-t' : 'text-s', 
+                            // Color
+                            'text-neutral-main', 
+                            // Different styles for current page (last item)
+                            'font-medium'), "aria-current": isLast ? 'page' : undefined, "aria-label": isLast ? `Current page: ${item.label}` : undefined, children: item.label })), !isLast && (jsx(ChevronLeft, { className: cn('text-black flex-shrink-0', 
+                            // Responsive icon size
+                            actualIsMobile ? 'w-2.5 h-2.5' : 'w-3 h-3'), "aria-hidden": "true" }))] }, itemKey));
+            }) }) }));
+});
+Breadcrumb.displayName = 'Breadcrumb';
+
+export { Breadcrumb };

package/dist/esm/Button.js

@@ -1 +1,46 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"react";import t from"./utils.js";import{getTypographyClasses as o}from"./Typography.js";const l={sm:"px-[16px] py-[7px]",md:"px-[16px] py-[9px]",lg:"px-[16px] py-[13px]",xl:"px-[20px] py-[13px]"},i={sm:"body-s-bold",md:"body-m-bold",lg:"body-l-bold",xl:"body-xl-heavy"},n={primary:"\n    bg-[var(--color-primary)] text-white\n    hover:bg-[var(--color-primary-dark)]\n    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]\n  ",secondary:"\n    bg-[var(--color-primary-lightest)] text-[var(--color-primary)]\n    hover:bg-[var(--color-primary-lighter)]\n    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]\n  ",tertiary:"\n    bg-white border border-[var(--color-primary-light)] text-[var(--color-primary)]\n    hover:bg-[var(--color-neutral-lighter)]\n    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]\n  ",ghost:"\n    bg-transparent text-[var(--color-primary)]\n    hover:bg-[var(--color-primary-lightest)]\n    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]\n  "},d=a.forwardRef(({className:a,variant:d="primary",size:s="md",icon:p,iconPosition:c="right",children:m,loading:b=!1,disabled:x,textVariant:g,...y},v)=>r("button",{ref:v,type:"button",className:t("inline-flex items-center justify-center rounded-[8px] transition-colors duration-200",l[s],n[d],o(g||i[s]),x&&"opacity-50 pointer-events-none",a),disabled:x||b,...y,children:[p&&"left"===c&&e("span",{className:"mr-2 flex items-center",children:p}),b?"...":m,p&&"right"===c&&e("span",{className:"ml-2 flex items-center",children:p})]}));d.displayName="Button";export{d as Button};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
+import { getTypographyClasses } from './Typography.js';
+
+const sizeClasses = {
+    sm: 'px-[16px] py-[7px]',
+    md: 'px-[16px] py-[9px]',
+    lg: 'px-[16px] py-[13px]',
+    xl: 'px-[20px] py-[13px]',
+};
+const defaultTextVariants = {
+    sm: 'body-s-bold', // 14px / Bold (600)
+    md: 'body-m-bold', // 16px / Bold (600)
+    lg: 'body-l-bold', // 18px / Bold (600)
+    xl: 'body-xl-heavy', // 20px / Heavy (700)
+};
+const variantClasses = {
+    primary: `
+    bg-[var(--color-primary)] text-white
+    hover:bg-[var(--color-primary-dark)]
+    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
+  `,
+    secondary: `
+    bg-[var(--color-primary-lightest)] text-[var(--color-primary)]
+    hover:bg-[var(--color-primary-lighter)]
+    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
+  `,
+    tertiary: `
+    bg-white border border-[var(--color-primary-light)] text-[var(--color-primary)]
+    hover:bg-[var(--color-neutral-lighter)]
+    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
+  `,
+    ghost: `
+    bg-transparent text-[var(--color-primary)]
+    hover:bg-[var(--color-primary-lightest)]
+    disabled:bg-[var(--color-neutral-light)] disabled:text-[var(--color-neutral-darker)]
+  `,
+};
+const Button = React.forwardRef(({ className, variant = 'primary', size = 'md', icon, iconPosition = 'right', children, loading = false, disabled, textVariant, ...props }, ref) => {
+    const finalTextVariant = textVariant || defaultTextVariants[size];
+    return (jsxs("button", { ref: ref, type: "button", className: cn('inline-flex items-center justify-center rounded-[8px] transition-colors duration-200', sizeClasses[size], variantClasses[variant], getTypographyClasses(finalTextVariant), disabled && 'opacity-50 pointer-events-none', className), disabled: disabled || loading, ...props, children: [icon && iconPosition === 'left' && (jsx("span", { className: "mr-2 flex items-center", children: icon })), loading ? '...' : children, icon && iconPosition === 'right' && (jsx("span", { className: "ml-2 flex items-center", children: icon }))] }));
+});
+Button.displayName = 'Button';
+
+export { Button };

package/dist/esm/Chips.js

@@ -1 +1,112 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"react";import t from"./utils.js";import{c as a}from"./chunks/createLucideIcon-DGp0SoUT.js";const i=a("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),n={purple:{background:"bg-[var(--color-primary-lightest)]",text:"text-[var(--color-primary-darkest)]",border:"border-[var(--color-primary-light)]"},red:{background:"bg-[var(--color-error-light)]",text:"text-[var(--color-error)]",border:"border-[#f0d6d6]"},green:{background:"bg-[var(--color-success-light)]",text:"text-[var(--color-success)]",border:"border-[#d4e8dc]"},orange:{background:"bg-[var(--color-warning-light)]",text:"text-[var(--color-warning)]",border:"border-[#f5e1d1]"},blue:{background:"bg-[var(--color-info-light)]",text:"text-[var(--color-info)]",border:"border-[#d3e9f2]"},white:{background:"bg-[var(--color-white)]",text:"text-[var(--color-neutral-darker)]",border:"border-[var(--color-neutral-light)]"},disabled:{background:"bg-[var(--color-neutral-lighter)]",text:"text-[var(--color-neutral-main)]",border:"border-[var(--color-neutral-light)]"}},l={mobile:{padding:"px-2.5 py-1",gap:"gap-1",iconSize:"size-4",fontSize:"text-[12px]",lineHeight:"leading-[1.8]"},desktop:{padding:"px-3 py-1",gap:"gap-1.5",iconSize:"size-5",fontSize:"text-[14px]",lineHeight:"leading-[24px]"}},d=o.forwardRef(({variant:o="purple",size:a,children:d="متن پیشفرض",disabled:c=!1,onClick:s,onIconClick:b,className:p,isMobile:g,...u},x)=>{const v=n[c?"disabled":o],f=l[a||(g?"mobile":"desktop")],handleIconClick=r=>{r.stopPropagation(),b&&b()};return r("div",{ref:x,className:t("relative rounded-[50px] border border-solid inline-flex","flex-row items-center justify-center","font-sans font-bold not-italic","text-nowrap text-right","transition-all duration-200",v.background,v.text,v.border,f.padding,f.gap,f.fontSize,f.lineHeight,s&&!c&&"cursor-pointer hover:opacity-80",c&&"cursor-not-allowed opacity-60",p),onClick:c?void 0:s,onKeyDown:s&&!c?r=>{"Enter"!==r.key&&" "!==r.key||!s||c||(r.preventDefault(),s())}:void 0,tabIndex:s&&!c?0:void 0,role:s?"button":void 0,...u,children:[e("span",{className:"text-center",children:d}),(()=>{const r=e(i,{className:t(f.iconSize)});return b?e("button",{type:"button",onClick:handleIconClick,disabled:c,className:t("flex items-center justify-center","hover:opacity-70 transition-opacity",c&&"cursor-not-allowed opacity-50"),"aria-label":"حذف",children:r}):r})()]})});d.displayName="Chips";export{d as Chips,d as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
+import { useMobile } from './contexts.js';
+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: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
+
+const chipVariants = {
+    purple: {
+        background: 'bg-[var(--color-primary-lightest)]',
+        text: 'text-[var(--color-primary-darkest)]',
+        border: 'border-[var(--color-primary-light)]',
+    },
+    red: {
+        background: 'bg-[var(--color-error-light)]',
+        text: 'text-[var(--color-error)]',
+        border: 'border-[#f0d6d6]',
+    },
+    green: {
+        background: 'bg-[var(--color-success-light)]',
+        text: 'text-[var(--color-success)]',
+        border: 'border-[#d4e8dc]',
+    },
+    orange: {
+        background: 'bg-[var(--color-warning-light)]',
+        text: 'text-[var(--color-warning)]',
+        border: 'border-[#f5e1d1]',
+    },
+    blue: {
+        background: 'bg-[var(--color-info-light)]',
+        text: 'text-[var(--color-info)]',
+        border: 'border-[#d3e9f2]',
+    },
+    white: {
+        background: 'bg-[var(--color-white)]',
+        text: 'text-[var(--color-neutral-darker)]',
+        border: 'border-[var(--color-neutral-light)]',
+    },
+    disabled: {
+        background: 'bg-[var(--color-neutral-lighter)]',
+        text: 'text-[var(--color-neutral-main)]',
+        border: 'border-[var(--color-neutral-light)]',
+    },
+};
+const chipSizes = {
+    mobile: {
+        padding: 'px-2.5 py-1',
+        gap: 'gap-1',
+        iconSize: 'size-4',
+        fontSize: 'text-[12px]',
+        lineHeight: 'leading-[1.8]',
+    },
+    desktop: {
+        padding: 'px-3 py-1',
+        gap: 'gap-1.5',
+        iconSize: 'size-5',
+        fontSize: 'text-[14px]',
+        lineHeight: 'leading-[24px]',
+    },
+};
+const Chips = React.forwardRef(({ variant = 'purple', size, children = 'متن پیشفرض', disabled = false, onClick, onIconClick, className, isMobile, ...props }, ref) => {
+    const detectedIsMobile = useMobile();
+    const actualIsMobile = isMobile ?? detectedIsMobile;
+    const actualSize = size || (actualIsMobile ? 'mobile' : 'desktop');
+    const actualVariant = disabled ? 'disabled' : variant;
+    const variantStyles = chipVariants[actualVariant];
+    const sizeStyles = chipSizes[actualSize];
+    const handleIconClick = (e) => {
+        e.stopPropagation();
+        if (onIconClick) {
+            onIconClick();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if ((e.key === 'Enter' || e.key === ' ') && onClick && !disabled) {
+            e.preventDefault();
+            onClick();
+        }
+    };
+    const renderIcon = () => {
+        const iconElement = jsx(X, { className: cn(sizeStyles.iconSize) });
+        if (onIconClick) {
+            return (jsx("button", { type: "button", onClick: handleIconClick, disabled: disabled, className: cn('flex items-center justify-center', 'hover:opacity-70 transition-opacity', disabled && 'cursor-not-allowed opacity-50'), "aria-label": "\u062D\u0630\u0641", children: iconElement }));
+        }
+        return iconElement;
+    };
+    return (jsxs("div", { ref: ref, className: cn(
+        // Base styles
+        'relative rounded-[50px] border border-solid inline-flex', 'flex-row items-center justify-center', 'font-sans font-bold not-italic', 'text-nowrap text-right', 'transition-all duration-200', 
+        // Variant styles
+        variantStyles.background, variantStyles.text, variantStyles.border, 
+        // Size styles
+        sizeStyles.padding, sizeStyles.gap, sizeStyles.fontSize, sizeStyles.lineHeight, 
+        // Interactive styles
+        onClick && !disabled && 'cursor-pointer hover:opacity-80', disabled && 'cursor-not-allowed opacity-60', className), onClick: disabled ? undefined : onClick, onKeyDown: onClick && !disabled ? handleKeyDown : undefined, tabIndex: onClick && !disabled ? 0 : undefined, role: onClick ? 'button' : undefined, ...props, children: [jsx("span", { className: "text-center", children: children }), renderIcon()] }));
+});
+Chips.displayName = 'Chips';
+
+export { Chips, Chips as default };

package/dist/esm/Divider.js

@@ -1 +1,21 @@
-import{jsx as r}from"react/jsx-runtime";import t from"react";import i from"./utils.js";const a=t.forwardRef(({width:t="100%",height:a=1,orientation:e="horizontal",variant:o="neutral-light",className:l,style:n,...m},s)=>{const h="horizontal"===e,g={width:h?t:a,height:h?a:t,...n};return r("div",{ref:s,className:i("shrink-0",{"neutral-light":"bg-neutral-light","neutral-main":"bg-neutral-main",primary:"bg-primary"}[o],l),style:g,role:"separator",...m})});a.displayName="Divider";export{a as Divider};
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
+
+const Divider = React.forwardRef(({ width = '100%', height = 1, orientation = 'horizontal', variant = 'neutral-light', className, style, ...props }, ref) => {
+    const isHorizontal = orientation === 'horizontal';
+    const variantClasses = {
+        'neutral-light': 'bg-neutral-light',
+        'neutral-main': 'bg-neutral-main',
+        primary: 'bg-primary',
+    };
+    const dividerStyle = {
+        width: isHorizontal ? width : height,
+        height: isHorizontal ? height : width,
+        ...style,
+    };
+    return (jsx("div", { ref: ref, className: cn('shrink-0', variantClasses[variant], className), style: dividerStyle, role: "separator", ...props }));
+});
+Divider.displayName = 'Divider';
+
+export { Divider };