automoby-kit 1.0.13 → 1.0.15

package/dist/cjs/index.js

@@ -1,52 +1 @@
-'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;
+"use strict";var r=require("./Typography.js"),e=require("./Button.js"),i=require("./Input.js"),o=require("./Tabs.js"),s=require("./Drawer.js"),u=require("./Backdrop.js"),t=require("./Breadcrumb.js"),p=require("./Pagination.js"),a=require("./Accordion.js"),n=require("./Divider.js"),c=require("./RadioGroup.js"),q=require("./Chips.js"),d=require("./Menu.js"),j=require("./contexts.js");require("react"),require("./utils.js"),require("react/jsx-runtime"),require("./chunks/chevron-left-Do__K6cA.js"),require("./chunks/createLucideIcon-BqJVOzoK.js");const x=r.Typography,b=e.Button,h=i.Input,B=o.Tabs,v=s.Drawer,M=u.Backdrop,g=t.Breadcrumb,l=p.Pagination,y=a.Accordion,D=n.Divider,T=c.RadioGroup,k=q.Chips,P=d.Menu;exports.MobileProvider=j.MobileProvider,exports.useMobile=j.useMobile,exports.Accordion=y,exports.Backdrop=M,exports.Breadcrumb=g,exports.Button=b,exports.Chips=k,exports.Divider=D,exports.Drawer=v,exports.Input=h,exports.Menu=P,exports.Pagination=l,exports.RadioGroup=T,exports.Tabs=B,exports.Typography=x;

package/dist/cjs/utils.js

@@ -1,9 +1 @@
-'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;
+"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)};

package/dist/esm/Accordion.js

@@ -1,57 +1 @@
-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 };
+"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{useMobile as o}from"./contexts.js";import{Typography as n}from"./Typography.js";import{c as d}from"./chunks/createLucideIcon-DGp0SoUT.js";const l=d("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),s=d("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]),c=i.forwardRef(({title:i,body:d,startIcon:c,isExpanded:m,onToggle:u,defaultExpanded:h=!1,className:f,id:p,disabled:b=!1,isMobile:y,...v},x)=>{const g=o(),N=y??g,[w,k]=a(h),j=void 0!==m?m:w,$=p||`accordion-${Math.random().toString(36).substr(2,9)}`,z=`${$}-header`,E=`${$}-content`,I=N?20:24,M=N?"body-s-heavy":"body-l-heavy",T=N?"body-s-medium":"body-m-medium";return e("div",{ref:x,className:t("rounded-2xl border-0 overflow-hidden","transition-all duration-200 ease-in-out",f),...v,children:[e("button",{id:z,type:"button",onClick:()=>{if(b)return;const e=!j;void 0===m&&k(e),u?.(e)},disabled:b,"aria-expanded":j,"aria-controls":E,className:t("w-full flex items-center justify-between",N?"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",!b&&"hover:bg-neutral-lighter"),children:[r("div",{className:"flex-shrink-0 mr-4",children:r(j?s:l,{size:I,className:"text-neutral-darker transition-transform duration-200","aria-hidden":"true"})}),e("div",{className:t("flex items-center flex-1",N?"gap-3":"gap-4"),children:[r("div",{className:"flex-1 text-right",children:r(n,{variant:M,color:"neutral-darker",children:i})}),c&&r("div",{className:t("flex-shrink-0 flex items-center justify-center",N?"w-6 h-6":"w-8 h-8"),children:c})]})]}),r("div",{id:E,role:"region","aria-labelledby":z,className:t("w-full overflow-hidden transition-all duration-300 ease-in-out",j?"max-h-screen opacity-100":"max-h-0 opacity-0"),children:r("div",{className:t(N?"pb-3 mt-1":"pb-4 mt-1.5"),children:r("div",{className:t("bg-neutral-lighter rounded-lg",N?"p-3":"p-4"),children:r(n,{variant:T,color:"neutral-dark",children:d})})})})]})});c.displayName="Accordion";export{c as Accordion};

package/dist/esm/Backdrop.js

@@ -1,24 +1 @@
-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 };
+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};

package/dist/esm/Breadcrumb.js

@@ -1,59 +1 @@
-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 };
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"react";import a from"./utils.js";import{useMobile as n}from"./contexts.js";import{C as l}from"./chunks/chevron-left-4HSuTes3.js";import"./chunks/createLucideIcon-DGp0SoUT.js";const i=t.forwardRef(({items:t,className:i,isMobile:o},s)=>{const c=n(),m=o??c;return e("nav",{ref:s,className:a("flex flex-row-reverse items-center",m?"gap-1 px-4 py-2.5":"gap-3 pr-1 pt-3 pb-4 pl-0",i),"aria-label":"Breadcrumb navigation",children:e("ol",{className:"flex flex-row-reverse items-center gap-inherit",children:t.map((n,i)=>{const o=i===t.length-1,s=!o&&(n.href||n.onClick),c=`${n.label}-${i}`;return r("li",{className:"flex items-center gap-inherit",children:[s?e("a",{href:n.href||"#",className:a("whitespace-nowrap border-0 bg-transparent p-0 no-underline",m?"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,a)=>{r!==t.length-1&&e.onClick&&(a.preventDefault(),e.onClick())})(n,i,e),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),n.onClick&&n.onClick())},"aria-label":`Go to ${n.label}`,children:n.label}):e("span",{className:a("whitespace-nowrap",m?"text-t":"text-s","text-neutral-main","font-medium"),"aria-current":o?"page":void 0,"aria-label":o?`Current page: ${n.label}`:void 0,children:n.label}),!o&&e(l,{className:a("text-black flex-shrink-0",m?"w-2.5 h-2.5":"w-3 h-3"),"aria-hidden":"true"})]},c)})})})});i.displayName="Breadcrumb";export{i as Breadcrumb};

package/dist/esm/Button.js

@@ -1,46 +1 @@
-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 };
+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};

package/dist/esm/Chips.js

@@ -1,112 +1 @@
-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 };
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"react";import t from"./utils.js";import{useMobile as a}from"./contexts.js";import{c as i}from"./chunks/createLucideIcon-DGp0SoUT.js";const n=i("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),l={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)]"}},d={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]"}},c=o.forwardRef(({variant:o="purple",size:i,children:c="متن پیشفرض",disabled:s=!1,onClick:b,onIconClick:p,className:g,isMobile:u,...x},v)=>{const f=a(),m=l[s?"disabled":o],h=d[i||(u??f?"mobile":"desktop")],handleIconClick=r=>{r.stopPropagation(),p&&p()};return r("div",{ref:v,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",m.background,m.text,m.border,h.padding,h.gap,h.fontSize,h.lineHeight,b&&!s&&"cursor-pointer hover:opacity-80",s&&"cursor-not-allowed opacity-60",g),onClick:s?void 0:b,onKeyDown:b&&!s?r=>{"Enter"!==r.key&&" "!==r.key||!b||s||(r.preventDefault(),b())}:void 0,tabIndex:b&&!s?0:void 0,role:b?"button":void 0,...x,children:[e("span",{className:"text-center",children:c}),(()=>{const r=e(n,{className:t(h.iconSize)});return p?e("button",{type:"button",onClick:handleIconClick,disabled:s,className:t("flex items-center justify-center","hover:opacity-70 transition-opacity",s&&"cursor-not-allowed opacity-50"),"aria-label":"حذف",children:r}):r})()]})});c.displayName="Chips";export{c as Chips,c as default};

package/dist/esm/Divider.js

@@ -1,21 +1 @@
-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 };
+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};

package/dist/esm/Drawer.js

@@ -1,110 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import React, { useRef, useEffect } from 'react';
-import cn from './utils.js';
-import { useMobile } from './contexts.js';
-
-const Drawer = React.forwardRef(({ children, direction = 'bottom', fullScreen = false, isOpen = false, onClose, className, isMobile, ...props }, ref) => {
-    const detectedIsMobile = useMobile();
-    const actualIsMobile = isMobile ?? detectedIsMobile;
-    const overlayRef = useRef(null);
-    const drawerRef = useRef(null);
-    // Handle escape key
-    useEffect(() => {
-        const handleEscape = (event) => {
-            if (event.key === 'Escape' && isOpen && onClose) {
-                onClose();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('keydown', handleEscape);
-            // Prevent body scroll when drawer is open
-            document.body.style.overflow = 'hidden';
-        }
-        return () => {
-            document.removeEventListener('keydown', handleEscape);
-            document.body.style.overflow = 'auto';
-        };
-    }, [isOpen, onClose]);
-    // Handle click outside
-    const handleOverlayClick = (event) => {
-        if (!fullScreen &&
-            onClose &&
-            overlayRef.current &&
-            event.target === overlayRef.current) {
-            onClose();
-        }
-    };
-    // Handle keyboard events on overlay
-    const handleOverlayKeyDown = (event) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            if (!fullScreen &&
-                onClose &&
-                overlayRef.current &&
-                event.target === overlayRef.current) {
-                onClose();
-            }
-        }
-    };
-    const getTranslateClasses = () => {
-        if (!isOpen) {
-            switch (direction) {
-                case 'top':
-                    return '-translate-y-full';
-                case 'bottom':
-                    return 'translate-y-full';
-                case 'left':
-                    return '-translate-x-full';
-                case 'right':
-                    return 'translate-x-full';
-                default:
-                    return 'translate-y-full';
-            }
-        }
-        return 'translate-x-0 translate-y-0';
-    };
-    const getPositionClasses = () => {
-        switch (direction) {
-            case 'top':
-                return 'top-0 left-0 right-0';
-            case 'bottom':
-                return 'bottom-0 left-0 right-0';
-            case 'left':
-                return 'top-0 left-0 bottom-0';
-            case 'right':
-                return 'top-0 right-0 bottom-0';
-            default:
-                return 'bottom-0 left-0 right-0';
-        }
-    };
-    const getSizeClasses = () => {
-        const isVertical = direction === 'top' || direction === 'bottom';
-        if (fullScreen) {
-            return isVertical ? 'w-full h-full' : 'w-full h-full';
-        }
-        if (isVertical) {
-            return 'w-full max-h-[90vh]';
-        }
-        return 'h-full max-w-[90vw]';
-    };
-    const baseOverlayClasses = 'fixed inset-0 z-50 transition-all duration-300';
-    const baseDrawerClasses = 'fixed bg-white shadow-2xl transition-all duration-300 ease-out overflow-auto';
-    const overlayClasses = cn(baseOverlayClasses, {
-        'bg-neutral-darker/50 backdrop-blur-sm': isOpen,
-        'bg-transparent pointer-events-none': !isOpen,
-    });
-    const drawerClasses = cn(baseDrawerClasses, getPositionClasses(), getSizeClasses(), getTranslateClasses(), {
-        'rounded-t-2xl': direction === 'bottom' && !fullScreen,
-        'rounded-b-2xl': direction === 'top' && !fullScreen,
-        'rounded-r-2xl': direction === 'left' && !fullScreen,
-        'rounded-l-2xl': direction === 'right' && !fullScreen,
-        'p-6': !actualIsMobile,
-        'p-4': actualIsMobile,
-    }, className);
-    if (!isOpen) {
-        return null;
-    }
-    return (jsx("div", { ref: overlayRef, className: overlayClasses, onClick: handleOverlayClick, onKeyDown: handleOverlayKeyDown, tabIndex: -1, role: "button", "aria-label": "Close drawer", children: jsx("div", { ref: ref || drawerRef, className: drawerClasses, role: "dialog", "aria-modal": "true", "aria-label": "Drawer", ...props, children: children }) }));
-});
-Drawer.displayName = 'Drawer';
-
-export { Drawer };
+"use client";import{jsx as t}from"react/jsx-runtime";import e,{useRef as r,useEffect as o}from"react";import l from"./utils.js";import{useMobile as n}from"./contexts.js";const a=e.forwardRef(({children:e,direction:a="bottom",fullScreen:s=!1,isOpen:u=!1,onClose:i,className:d,isMobile:c,...f},m)=>{const b=n(),p=c??b,h=r(null),w=r(null);o(()=>{const handleEscape=t=>{"Escape"===t.key&&u&&i&&i()};return u&&(document.addEventListener("keydown",handleEscape),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",handleEscape),document.body.style.overflow="auto"}},[u,i]);const x=l("fixed inset-0 z-50 transition-all duration-300",{"bg-neutral-darker/50 backdrop-blur-sm":u,"bg-transparent pointer-events-none":!u}),y=l("fixed bg-white shadow-2xl transition-all duration-300 ease-out overflow-auto",(()=>{switch(a){case"top":return"top-0 left-0 right-0";case"bottom":default:return"bottom-0 left-0 right-0";case"left":return"top-0 left-0 bottom-0";case"right":return"top-0 right-0 bottom-0"}})(),(()=>{const t="top"===a||"bottom"===a;return s?"w-full h-full":t?"w-full max-h-[90vh]":"h-full max-w-[90vw]"})(),(()=>{if(!u)switch(a){case"top":return"-translate-y-full";case"bottom":default:return"translate-y-full";case"left":return"-translate-x-full";case"right":return"translate-x-full"}return"translate-x-0 translate-y-0"})(),{"rounded-t-2xl":"bottom"===a&&!s,"rounded-b-2xl":"top"===a&&!s,"rounded-r-2xl":"left"===a&&!s,"rounded-l-2xl":"right"===a&&!s,"p-6":!p,"p-4":p},d);return u?t("div",{ref:h,className:x,onClick:t=>{!s&&i&&h.current&&t.target===h.current&&i()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||!s&&i&&h.current&&t.target===h.current&&i()},tabIndex:-1,role:"button","aria-label":"Close drawer",children:t("div",{ref:m||w,className:y,role:"dialog","aria-modal":"true","aria-label":"Drawer",...f,children:e})}):null});a.displayName="Drawer";export{a as Drawer};

package/dist/esm/Input.js

@@ -1,82 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useId } from 'react';
-import cn from './utils.js';
-import { useMobile } from './contexts.js';
-
-const Input = React.forwardRef(({ state = 'default', label, value, onChange, helperText, startIcon, endIcon, type = 'text', isMobile, ...props }, ref) => {
-    const [isFocused, setIsFocused] = useState(false);
-    const id = useId();
-    const detectedIsMobile = useMobile();
-    const actualIsMobile = isMobile ?? detectedIsMobile;
-    const hasContent = value !== '' && value !== null && value !== undefined;
-    const isLabelFloated = isFocused || hasContent;
-    const isDisabled = state === 'disabled';
-    const handleFocus = (e) => {
-        if (!isDisabled) {
-            setIsFocused(true);
-            props.onFocus?.(e);
-        }
-    };
-    const handleBlur = (e) => {
-        if (!isDisabled) {
-            setIsFocused(false);
-            props.onBlur?.(e);
-        }
-    };
-    const baseContainerClasses = 'relative flex items-center border rounded-lg transition-all duration-300 w-[360px]';
-    const baseLabelClasses = 'absolute pointer-events-none transition-all duration-300';
-    const baseInputClasses = 'peer w-full h-full bg-transparent outline-none text-m font-medium disabled:text-neutral-light';
-    const baseIconClasses = 'absolute h-5 w-5 transition-colors duration-300';
-    const containerClasses = cn(baseContainerClasses, {
-        'h-[54px]': !actualIsMobile,
-        'h-12': actualIsMobile,
-        'border-neutral-light': state === 'default' && !isFocused,
-        'border-primary': state === 'default' && isFocused,
-        'border-error': state === 'error',
-        'bg-white border-neutral-light cursor-not-allowed': isDisabled,
-    });
-    const labelClasses = cn(baseLabelClasses, {
-        'top-[-10px] bg-white px-1 mx-3 font-medium': isLabelFloated,
-        'text-s': (!actualIsMobile && isLabelFloated) ||
-            (actualIsMobile && !isLabelFloated),
-        'text-xs': actualIsMobile && isLabelFloated,
-        'text-m': !actualIsMobile && !isLabelFloated,
-        'right-1': startIcon,
-        'right-3': !startIcon,
-        'top-1/2 -translate-y-1/2 text-m font-medium': !isLabelFloated,
-        'right-11': !isLabelFloated && startIcon,
-        'right-4': !isLabelFloated && !startIcon,
-        'text-neutral-main': !isFocused && state === 'default',
-        'text-neutral-light': isDisabled,
-        'text-primary': isFocused && state === 'default',
-        'text-error': isLabelFloated && state === 'error',
-    });
-    const inputClasses = cn(baseInputClasses, {
-        'pr-12': startIcon,
-        'pl-12': endIcon,
-        'px-4': !startIcon && !endIcon,
-        'pr-4 pl-12': !startIcon && endIcon,
-        'pl-4 pr-12': startIcon && !endIcon,
-        'cursor-not-allowed text-red-500': isDisabled,
-        'text-neutral-dark': !isFocused,
-        'text-neutral-darker': isFocused,
-    });
-    const iconClasses = cn(baseIconClasses, {
-        'text-neutral-main': state !== 'error' && !isFocused,
-        'text-primary': state === 'default' && isFocused,
-        'text-error': state === 'error',
-        'text-neutral-light': isDisabled,
-    });
-    const helperTextClasses = cn('font-light mt-1 px-2 h-4', {
-        'text-s': !actualIsMobile,
-        'text-xs': actualIsMobile,
-        'text-neutral-main': state === 'default',
-        'text-primary': state === 'default' && isFocused,
-        'text-error': state === 'error',
-        'text-neutral-light': isDisabled,
-    });
-    return (jsxs("div", { children: [jsxs("div", { className: containerClasses, children: [endIcon && (jsx("span", { className: cn(iconClasses, 'left-4'), children: endIcon })), jsx("label", { htmlFor: id, className: labelClasses, children: label }), jsx("input", { ref: ref, id: id, type: type, value: value, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, disabled: isDisabled, className: inputClasses, ...props }), startIcon && (jsx("span", { className: cn(iconClasses, 'right-4'), children: startIcon }))] }), helperText && jsx("p", { className: helperTextClasses, children: helperText })] }));
-});
-Input.displayName = 'Input';
-
-export { Input };
+"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import r,{useState as l,useId as a}from"react";import n from"./utils.js";import{useMobile as o}from"./contexts.js";const i=r.forwardRef(({state:r="default",label:i,value:s,onChange:u,helperText:d,startIcon:x,endIcon:m,type:p="text",isMobile:h,...c},f)=>{const[g,b]=l(!1),w=a(),y=o(),N=h??y,v=g||""!==s&&null!=s,j="disabled"===r,F=n("relative flex items-center border rounded-lg transition-all duration-300 w-[360px]",{"h-[54px]":!N,"h-12":N,"border-neutral-light":"default"===r&&!g,"border-primary":"default"===r&&g,"border-error":"error"===r,"bg-white border-neutral-light cursor-not-allowed":j}),I=n("absolute pointer-events-none transition-all duration-300",{"top-[-10px] bg-white px-1 mx-3 font-medium":v,"text-s":!N&&v||N&&!v,"text-xs":N&&v,"text-m":!N&&!v,"right-1":x,"right-3":!x,"top-1/2 -translate-y-1/2 text-m font-medium":!v,"right-11":!v&&x,"right-4":!v&&!x,"text-neutral-main":!g&&"default"===r,"text-neutral-light":j,"text-primary":g&&"default"===r,"text-error":v&&"error"===r}),k=n("peer w-full h-full bg-transparent outline-none text-m font-medium disabled:text-neutral-light",{"pr-12":x,"pl-12":m,"px-4":!x&&!m,"pr-4 pl-12":!x&&m,"pl-4 pr-12":x&&!m,"cursor-not-allowed text-red-500":j,"text-neutral-dark":!g,"text-neutral-darker":g}),B=n("absolute h-5 w-5 transition-colors duration-300",{"text-neutral-main":"error"!==r&&!g,"text-primary":"default"===r&&g,"text-error":"error"===r,"text-neutral-light":j}),C=n("font-light mt-1 px-2 h-4",{"text-s":!N,"text-xs":N,"text-neutral-main":"default"===r,"text-primary":"default"===r&&g,"text-error":"error"===r,"text-neutral-light":j});return t("div",{children:[t("div",{className:F,children:[m&&e("span",{className:n(B,"left-4"),children:m}),e("label",{htmlFor:w,className:I,children:i}),e("input",{ref:f,id:w,type:p,value:s,onChange:u,onFocus:t=>{j||(b(!0),c.onFocus?.(t))},onBlur:t=>{j||(b(!1),c.onBlur?.(t))},disabled:j,className:k,...c}),x&&e("span",{className:n(B,"right-4"),children:x})]}),d&&e("p",{className:C,children:d})]})});i.displayName="Input";export{i as Input};