automoby-kit 1.0.12 → 1.0.13

package/dist/esm/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/esm/index.js

@@ -1 +1,37 @@
-import{withLicenseProtection as o}from"./ProtectedComponent.js";import{Typography as r}from"./Typography.js";import{Button as i}from"./Button.js";import{Input as t}from"./Input.js";import{Tabs as s}from"./Tabs.js";import{Drawer as a}from"./Drawer.js";import{Backdrop as m}from"./Backdrop.js";import{Breadcrumb as p}from"./Breadcrumb.js";import{Pagination as e}from"./Pagination.js";import{Accordion as n}from"./Accordion.js";import{Divider as c}from"./Divider.js";import{RadioGroup as u}from"./RadioGroup.js";import{Chips as j}from"./Chips.js";import{Menu as d}from"./Menu.js";export{initializeAutomobiKit}from"./licensing.js";export{MobileProvider}from"./contexts.js";import"react/jsx-runtime";import"react";import"./utils.js";import"./chunks/chevron-left-4HSuTes3.js";import"./chunks/createLucideIcon-DGp0SoUT.js";const f=o(r,"Typography"),h=o(i,"Button"),B=o(t,"Input"),b=o(s,"Tabs"),g=o(a,"Drawer"),y=o(m,"Backdrop"),D=o(p,"Breadcrumb"),T=o(e,"Pagination"),k=o(n,"Accordion"),l=o(c,"Divider"),v=o(u,"RadioGroup"),x=o(j,"Chips"),P=o(d,"Menu");export{k as Accordion,y as Backdrop,D as Breadcrumb,h as Button,x as Chips,l as Divider,g as Drawer,B as Input,P as Menu,T as Pagination,v as RadioGroup,b as Tabs,f as Typography};
+import { Typography as Typography$1 } from './Typography.js';
+import { Button as Button$1 } from './Button.js';
+import { Input as Input$1 } from './Input.js';
+import { Tabs as Tabs$1 } from './Tabs.js';
+import { Drawer as Drawer$1 } from './Drawer.js';
+import { Backdrop as Backdrop$1 } from './Backdrop.js';
+import { Breadcrumb as Breadcrumb$1 } from './Breadcrumb.js';
+import { Pagination as Pagination$1 } from './Pagination.js';
+import { Accordion as Accordion$1 } from './Accordion.js';
+import { Divider as Divider$1 } from './Divider.js';
+import { RadioGroup as RadioGroup$1 } from './RadioGroup.js';
+import { Chips as Chips$1 } from './Chips.js';
+import { Menu as Menu$1 } from './Menu.js';
+export { MobileProvider } from './contexts.js';
+import 'react';
+import './utils.js';
+import 'react/jsx-runtime';
+import './chevron-left-Ck6O99eF.js';
+import './createLucideIcon-D-q73LTT.js';
+
+// Original Components (for internal use)
+// Components (direct exports)
+const Typography = Typography$1;
+const Button = Button$1;
+const Input = Input$1;
+const Tabs = Tabs$1;
+const Drawer = Drawer$1;
+const Backdrop = Backdrop$1;
+const Breadcrumb = Breadcrumb$1;
+const Pagination = Pagination$1;
+const Accordion = Accordion$1;
+const Divider = Divider$1;
+const RadioGroup = RadioGroup$1;
+const Chips = Chips$1;
+const Menu = Menu$1;
+
+export { Accordion, Backdrop, Breadcrumb, Button, Chips, Divider, Drawer, Input, Menu, Pagination, RadioGroup, Tabs, Typography };

package/dist/esm/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export default function cn(...inputs: ClassValue[]): string;

package/dist/esm/utils.js

@@ -1 +1,7 @@
-function r(e){var n,t,f="";if("string"==typeof e||"number"==typeof e)f+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(n=0;n<o;n++)e[n]&&(t=r(e[n]))&&(f&&(f+=" "),f+=t)}else for(t in e)e[t]&&(f&&(f+=" "),f+=t);return f}function cn(...e){return function(){for(var e,n,t=0,f="",o=arguments.length;t<o;t++)(e=arguments[t])&&(n=r(e))&&(f&&(f+=" "),f+=n);return f}(e)}export{cn as default};
+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);
+}
+
+export { cn as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "automoby-kit",
-  "version": "1.0.12",
-  "description": "A comprehensive React UI component library with built-in licensing system - created in war 2025",
+  "version": "1.0.13",
+  "description": "A comprehensive React UI component library - created in war 2025",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -79,11 +79,6 @@
       "require": "./dist/cjs/Menu.js",
       "types": "./dist/types/components/Menu/Menu.d.ts"
     },
-    "./licensing": {
-      "import": "./dist/esm/licensing.js",
-      "require": "./dist/cjs/licensing.js",
-      "types": "./dist/types/licensing/index.d.ts"
-    },
     "./contexts": {
       "import": "./dist/esm/contexts.js",
       "require": "./dist/cjs/contexts.js",

package/dist/cjs/ProtectedComponent.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("./licensing.js");exports.withLicenseProtection=function(r,n){const s=i.forwardRef((i,s)=>t.canUseComponents()?e.jsx(r,{...i,ref:s}):e.jsxs("div",{style:{padding:"16px",border:"2px dashed #ef4444",borderRadius:"8px",backgroundColor:"#fef2f2",color:"#dc2626",textAlign:"center",fontFamily:"system-ui, sans-serif",fontSize:"14px",maxWidth:"400px",margin:"16px auto"},children:[e.jsx("div",{style:{fontWeight:"bold",marginBottom:"8px"},children:"🔒 License Required"}),e.jsxs("div",{style:{marginBottom:"8px"},children:['Component "',n,'" requires a valid license key.']}),e.jsx("div",{style:{fontSize:"12px",opacity:.8},children:"Please initialize Automoby Kit with your license key before using components."})]}));return s.displayName=`Protected(${n})`,s};

package/dist/cjs/licensing.js

@@ -1 +0,0 @@
-"use strict";class i{static instance;isInitialized=!1;isValid=!1;licenseKey=null;validKeys=["automoby-kit-war-key-2025"];constructor(){}static getInstance(){return i.instance||(i.instance=new i),i.instance}initialize(i){try{return this.licenseKey=i.key,this.isValid=this.validateLicense(i.key),this.isInitialized=!0,this.isValid?(console.log("✅ Automoby Kit initialized successfully"),!0):(console.error("❌ Invalid license key provided for Automoby Kit"),!1)}catch(i){return console.error("❌ Failed to initialize Automoby Kit:",i),this.isValid=!1,this.isInitialized=!0,!1}}validateLicense(i){return!(!i||""===i.trim())&&this.validKeys.includes(i)}canUseComponents(){return this.isInitialized?!!this.isValid||(console.error("❌ Invalid license key. Please contact support or provide a valid license key."),!1):(console.error("❌ Automoby Kit not initialized. Please call initializeAutomobiKit() with your license key."),!1)}getLicenseStatus(){return{initialized:this.isInitialized,valid:this.isValid,key:this.licenseKey?`${this.licenseKey.substring(0,8)}...`:null}}reset(){this.isInitialized=!1,this.isValid=!1,this.licenseKey=null}}exports.canUseComponents=function(){return i.getInstance().canUseComponents()},exports.initializeAutomobiKit=function(e){return i.getInstance().initialize(e)};

package/dist/esm/ProtectedComponent.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"react";import{canUseComponents as o}from"./licensing.js";function withLicenseProtection(r,n){const s=t.forwardRef((t,s)=>o()?i(r,{...t,ref:s}):e("div",{style:{padding:"16px",border:"2px dashed #ef4444",borderRadius:"8px",backgroundColor:"#fef2f2",color:"#dc2626",textAlign:"center",fontFamily:"system-ui, sans-serif",fontSize:"14px",maxWidth:"400px",margin:"16px auto"},children:[i("div",{style:{fontWeight:"bold",marginBottom:"8px"},children:"🔒 License Required"}),e("div",{style:{marginBottom:"8px"},children:['Component "',n,'" requires a valid license key.']}),i("div",{style:{fontSize:"12px",opacity:.8},children:"Please initialize Automoby Kit with your license key before using components."})]}));return s.displayName=`Protected(${n})`,s}export{withLicenseProtection};

package/dist/esm/licensing.js

@@ -1 +0,0 @@
-class i{static instance;isInitialized=!1;isValid=!1;licenseKey=null;validKeys=["automoby-kit-war-key-2025"];constructor(){}static getInstance(){return i.instance||(i.instance=new i),i.instance}initialize(i){try{return this.licenseKey=i.key,this.isValid=this.validateLicense(i.key),this.isInitialized=!0,this.isValid?(console.log("✅ Automoby Kit initialized successfully"),!0):(console.error("❌ Invalid license key provided for Automoby Kit"),!1)}catch(i){return console.error("❌ Failed to initialize Automoby Kit:",i),this.isValid=!1,this.isInitialized=!0,!1}}validateLicense(i){return!(!i||""===i.trim())&&this.validKeys.includes(i)}canUseComponents(){return this.isInitialized?!!this.isValid||(console.error("❌ Invalid license key. Please contact support or provide a valid license key."),!1):(console.error("❌ Automoby Kit not initialized. Please call initializeAutomobiKit() with your license key."),!1)}getLicenseStatus(){return{initialized:this.isInitialized,valid:this.isValid,key:this.licenseKey?`${this.licenseKey.substring(0,8)}...`:null}}reset(){this.isInitialized=!1,this.isValid=!1,this.licenseKey=null}}function initializeAutomobiKit(e){return i.getInstance().initialize(e)}function canUseComponents(){return i.getInstance().canUseComponents()}export{canUseComponents,initializeAutomobiKit};

package/dist/types/Accordion.js

@@ -1,54 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState } from 'react';
-import cn from './utils.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 [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 = isMobile ? 20 : 24;
-    // Typography variants based on device
-    const titleVariant = isMobile ? 'body-s-heavy' : 'body-l-heavy';
-    const bodyVariant = isMobile ? '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', isMobile ? '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', isMobile ? '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', isMobile ? '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(isMobile ? 'pb-3 mt-1' : 'pb-4 mt-1.5'), children: jsx("div", { className: cn('bg-neutral-lighter rounded-lg', isMobile ? 'p-3' : 'p-4'), children: jsx(Typography, { variant: bodyVariant, color: "neutral-dark", children: body }) }) }) })] }));
-});
-Accordion.displayName = 'Accordion';
-
-export { Accordion };

package/dist/types/Backdrop.js

@@ -1,24 +0,0 @@
-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/types/Breadcrumb.js

@@ -1,56 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import cn from './utils.js';
-import { C as ChevronLeft } from './chevron-left-Ck6O99eF.js';
-import './createLucideIcon-D-q73LTT.js';
-
-const Breadcrumb = React.forwardRef(({ items, className, isMobile }, ref) => {
-    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
-        isMobile ? '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
-                            isMobile ? '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
-                            isMobile ? '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
-                            isMobile ? 'w-2.5 h-2.5' : 'w-3 h-3'), "aria-hidden": "true" }))] }, itemKey));
-            }) }) }));
-});
-Breadcrumb.displayName = 'Breadcrumb';
-
-export { Breadcrumb };

package/dist/types/Button.js

@@ -1,46 +0,0 @@
-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/types/Chips.js

@@ -1,109 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import cn from './utils.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 actualSize = size || (isMobile ? '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/types/Divider.js

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

package/dist/types/Drawer.js

@@ -1,107 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React, { useRef, useEffect } from 'react';
-import cn from './utils.js';
-
-const Drawer = React.forwardRef(({ children, direction = 'bottom', fullScreen = false, isOpen = false, onClose, className, isMobile, ...props }, ref) => {
-    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': !isMobile,
-        'p-4': isMobile,
-    }, 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 };

package/dist/types/Input.js

@@ -1,78 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useId } from 'react';
-import cn from './utils.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 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]': !isMobile,
-        'h-12': isMobile,
-        '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': (!isMobile && isLabelFloated) || (isMobile && !isLabelFloated),
-        'text-xs': isMobile && isLabelFloated,
-        'text-m': !isMobile && !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': !isMobile,
-        'text-xs': isMobile,
-        '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 };