automoby-kit 1.0.13 → 1.0.15

package/dist/cjs/Accordion.js

@@ -1,59 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./utils.js');
-var contexts = require('./contexts.js');
-var Typography = require('./Typography.js');
-var createLucideIcon = require('./createLucideIcon-BTjFFtDc.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.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.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 = contexts.useMobile();
-    const actualIsMobile = isMobile ?? detectedIsMobile;
-    const [internalExpanded, setInternalExpanded] = React.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 (jsxRuntime.jsxs("div", { ref: ref, className: utils('rounded-2xl border-0 overflow-hidden', 'transition-all duration-200 ease-in-out', className), ...props, children: [jsxRuntime.jsxs("button", { id: headerId, type: "button", onClick: handleToggle, disabled: disabled, "aria-expanded": isExpanded, "aria-controls": contentId, className: utils('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: [jsxRuntime.jsx("div", { className: "flex-shrink-0 mr-4", children: isExpanded ? (jsxRuntime.jsx(ChevronUp, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) : (jsxRuntime.jsx(ChevronDown, { size: iconSize, className: "text-neutral-darker transition-transform duration-200", "aria-hidden": "true" })) }), jsxRuntime.jsxs("div", { className: utils('flex items-center flex-1', actualIsMobile ? 'gap-3' : 'gap-4'), children: [jsxRuntime.jsx("div", { className: "flex-1 text-right", children: jsxRuntime.jsx(Typography.Typography, { variant: titleVariant, color: "neutral-darker", children: title }) }), startIcon && (jsxRuntime.jsx("div", { className: utils('flex-shrink-0 flex items-center justify-center', actualIsMobile ? 'w-6 h-6' : 'w-8 h-8'), children: startIcon }))] })] }), jsxRuntime.jsx("div", { id: contentId, role: "region", "aria-labelledby": headerId, className: utils('w-full overflow-hidden transition-all duration-300 ease-in-out', isExpanded ? 'max-h-screen opacity-100' : 'max-h-0 opacity-0'), children: jsxRuntime.jsx("div", { className: utils(actualIsMobile ? 'pb-3 mt-1' : 'pb-4 mt-1.5'), children: jsxRuntime.jsx("div", { className: utils('bg-neutral-lighter rounded-lg', actualIsMobile ? 'p-3' : 'p-4'), children: jsxRuntime.jsx(Typography.Typography, { variant: bodyVariant, color: "neutral-dark", children: body }) }) }) })] }));
-});
-Accordion.displayName = 'Accordion';
-
-exports.Accordion = Accordion;
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("./utils.js"),i=require("./contexts.js"),s=require("./Typography.js"),t=require("./chunks/createLucideIcon-BqJVOzoK.js");const n=t.createLucideIcon("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),d=t.createLucideIcon("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]),o=r.forwardRef(({title:t,body:o,startIcon:l,isExpanded:c,onToggle:u,defaultExpanded:h=!1,className:m,id:x,disabled:p=!1,isMobile:f,...y},b)=>{const j=i.useMobile(),v=f??j,[g,N]=r.useState(h),k=void 0!==c?c:g,w=x||`accordion-${Math.random().toString(36).substr(2,9)}`,q=`${w}-header`,I=`${w}-content`,T=v?20:24,z=v?"body-s-heavy":"body-l-heavy",L=v?"body-s-medium":"body-m-medium";return e.jsxs("div",{ref:b,className:a("rounded-2xl border-0 overflow-hidden","transition-all duration-200 ease-in-out",m),...y,children:[e.jsxs("button",{id:q,type:"button",onClick:()=>{if(p)return;const e=!k;void 0===c&&N(e),u?.(e)},disabled:p,"aria-expanded":k,"aria-controls":I,className:a("w-full flex items-center justify-between",v?"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:[e.jsx("div",{className:"flex-shrink-0 mr-4",children:k?e.jsx(d,{size:T,className:"text-neutral-darker transition-transform duration-200","aria-hidden":"true"}):e.jsx(n,{size:T,className:"text-neutral-darker transition-transform duration-200","aria-hidden":"true"})}),e.jsxs("div",{className:a("flex items-center flex-1",v?"gap-3":"gap-4"),children:[e.jsx("div",{className:"flex-1 text-right",children:e.jsx(s.Typography,{variant:z,color:"neutral-darker",children:t})}),l&&e.jsx("div",{className:a("flex-shrink-0 flex items-center justify-center",v?"w-6 h-6":"w-8 h-8"),children:l})]})]}),e.jsx("div",{id:I,role:"region","aria-labelledby":q,className:a("w-full overflow-hidden transition-all duration-300 ease-in-out",k?"max-h-screen opacity-100":"max-h-0 opacity-0"),children:e.jsx("div",{className:a(v?"pb-3 mt-1":"pb-4 mt-1.5"),children:e.jsx("div",{className:a("bg-neutral-lighter rounded-lg",v?"p-3":"p-4"),children:e.jsx(s.Typography,{variant:L,color:"neutral-dark",children:o})})})})]})});o.displayName="Accordion",exports.Accordion=o;

package/dist/cjs/Backdrop.js

@@ -1,26 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./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 = utils('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 (jsxRuntime.jsx("div", { ref: ref, className: backdropClasses, style: backdropStyle, onClick: handleClick, role: "presentation", "aria-hidden": !isOpen, ...props, children: children }));
-});
-Backdrop.displayName = 'Backdrop';
-
-exports.Backdrop = Backdrop;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./utils.js");const a=r.forwardRef(({isOpen:r=!1,onClick:a,blur:n=!1,zIndex:i=51,className:o,children:s,...c},d)=>{const l=t("fixed inset-0 transition-all duration-300",{"opacity-100 pointer-events-auto":r,"opacity-0 pointer-events-none":!r,"backdrop-blur-sm":n},o),u={backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:i};return e.jsx("div",{ref:d,className:l,style:u,onClick:e=>{a&&e.target===e.currentTarget&&a()},role:"presentation","aria-hidden":!r,...c,children:s})});a.displayName="Backdrop",exports.Backdrop=a;

package/dist/cjs/Breadcrumb.js

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

package/dist/cjs/Button.js

@@ -1,48 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./utils.js');
-var Typography = require('./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 (jsxRuntime.jsxs("button", { ref: ref, type: "button", className: utils('inline-flex items-center justify-center rounded-[8px] transition-colors duration-200', sizeClasses[size], variantClasses[variant], Typography.getTypographyClasses(finalTextVariant), disabled && 'opacity-50 pointer-events-none', className), disabled: disabled || loading, ...props, children: [icon && iconPosition === 'left' && (jsxRuntime.jsx("span", { className: "mr-2 flex items-center", children: icon })), loading ? '...' : children, icon && iconPosition === 'right' && (jsxRuntime.jsx("span", { className: "ml-2 flex items-center", children: icon }))] }));
-});
-Button.displayName = 'Button';
-
-exports.Button = Button;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),a=require("./utils.js"),t=require("./Typography.js");const l={sm:"px-[16px] py-[7px]",md:"px-[16px] py-[9px]",lg:"px-[16px] py-[13px]",xl:"px-[20px] py-[13px]"},o={sm:"body-s-bold",md:"body-m-bold",lg:"body-l-bold",xl:"body-xl-heavy"},i={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  "},n=e.forwardRef(({className:e,variant:n="primary",size:s="md",icon:d,iconPosition:c="right",children:p,loading:b=!1,disabled:x,textVariant:g,...y},m)=>{const v=g||o[s];return r.jsxs("button",{ref:m,type:"button",className:a("inline-flex items-center justify-center rounded-[8px] transition-colors duration-200",l[s],i[n],t.getTypographyClasses(v),x&&"opacity-50 pointer-events-none",e),disabled:x||b,...y,children:[d&&"left"===c&&r.jsx("span",{className:"mr-2 flex items-center",children:d}),b?"...":p,d&&"right"===c&&r.jsx("span",{className:"ml-2 flex items-center",children:d})]})});n.displayName="Button",exports.Button=n;

package/dist/cjs/Chips.js

@@ -1,117 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./utils.js');
-var contexts = require('./contexts.js');
-var createLucideIcon = require('./createLucideIcon-BTjFFtDc.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.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 = contexts.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 = jsxRuntime.jsx(X, { className: utils(sizeStyles.iconSize) });
-        if (onIconClick) {
-            return (jsxRuntime.jsx("button", { type: "button", onClick: handleIconClick, disabled: disabled, className: utils('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 (jsxRuntime.jsxs("div", { ref: ref, className: utils(
-        // 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: [jsxRuntime.jsx("span", { className: "text-center", children: children }), renderIcon()] }));
-});
-Chips.displayName = 'Chips';
-
-exports.Chips = Chips;
-exports.default = Chips;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("./utils.js"),t=require("./contexts.js");const i=require("./chunks/createLucideIcon-BqJVOzoK.js").createLucideIcon("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),a={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)]"}},n={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]"}},l=r.forwardRef(({variant:r="purple",size:l,children:d="متن پیشفرض",disabled:c=!1,onClick:s,onIconClick:b,className:p,isMobile:u,...g},x)=>{const v=t.useMobile(),h=a[c?"disabled":r],f=n[l||(u??v?"mobile":"desktop")],handleIconClick=e=>{e.stopPropagation(),b&&b()};return e.jsxs("div",{ref:x,className:o("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",h.background,h.text,h.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?e=>{"Enter"!==e.key&&" "!==e.key||!s||c||(e.preventDefault(),s())}:void 0,tabIndex:s&&!c?0:void 0,role:s?"button":void 0,...g,children:[e.jsx("span",{className:"text-center",children:d}),(()=>{const r=e.jsx(i,{className:o(f.iconSize)});return b?e.jsx("button",{type:"button",onClick:handleIconClick,disabled:c,className:o("flex items-center justify-center","hover:opacity-70 transition-opacity",c&&"cursor-not-allowed opacity-50"),"aria-label":"حذف",children:r}):r})()]})});l.displayName="Chips",exports.Chips=l,exports.default=l;

package/dist/cjs/Divider.js

@@ -1,23 +1 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./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 (jsxRuntime.jsx("div", { ref: ref, className: utils('shrink-0', variantClasses[variant], className), style: dividerStyle, role: "separator", ...props }));
-});
-Divider.displayName = 'Divider';
-
-exports.Divider = Divider;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("./utils.js");const i=e.forwardRef(({width:e="100%",height:i=1,orientation:a="horizontal",variant:s="neutral-light",className:l,style:n,...h},o)=>{const u="horizontal"===a,g={width:u?e:i,height:u?i:e,...n};return r.jsx("div",{ref:o,className:t("shrink-0",{"neutral-light":"bg-neutral-light","neutral-main":"bg-neutral-main",primary:"bg-primary"}[s],l),style:g,role:"separator",...h})});i.displayName="Divider",exports.Divider=i;

package/dist/cjs/Drawer.js

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

package/dist/cjs/Input.js

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