automoby-kit 1.0.40 → 1.0.41

package/README.md

@@ -1,100 +1,100 @@
-# Automoby Kit
-
-A comprehensive React UI component library - created in war 2025.
-
-## 🚀 Installation
-
-```bash
-npm install automoby-kit
-```
-
-## 📦 Usage
-
-```typescript
-import { 
-  Button, 
-  Typography, 
-  Input, 
-  Tabs
-} from 'automoby-kit';
-
-function App() {
-  return (
-    <div>
-      <Typography variant="h1">Welcome to Automoby Kit</Typography>
-      <Button variant="primary" size="lg">
-        Click me!
-      </Button>
-      <Input placeholder="Enter text..." />
-    </div>
-  );
-}
-```
-
-## 🧩 Available Components
-
-- **Typography** - Text rendering with various styles
-- **Button** - Interactive buttons with multiple variants
-- **Input** - Form input fields
-- **Tabs** - Tabbed interfaces
-- **Drawer** - Slide-out panels
-- **Backdrop** - Modal overlays
-- **Breadcrumb** - Navigation breadcrumbs
-- **Pagination** - Page navigation
-- **Accordion** - Collapsible content sections
-- **Divider** - Visual separators
-- **RadioGroup** - Radio button groups
-- **Chips** - Tag-like elements
-- **Menu** - Context menus and dropdowns
-
-## 🏗️ TypeScript Support
-
-All components come with full TypeScript support:
-
-```typescript
-import { ButtonProps, TypographyVariant } from 'automoby-kit';
-
-const MyButton: React.FC<ButtonProps> = (props) => {
-  return <Button {...props} />;
-};
-```
-
-## 📱 Mobile Context
-
-The library includes a mobile detection context:
-
-```typescript
-import { MobileProvider } from 'automoby-kit';
-
-function App() {
-  return (
-    <MobileProvider userAgent={navigator.userAgent}>
-      <MyComponent />
-    </MobileProvider>
-  );
-}
-```
-
-## 🛠️ Development
-
-This package requires the following peer dependencies:
-
-```json
-{
-  "react": "^19.1.0",
-  "react-dom": "^19.1.0",
-  "clsx": "^2.1.1",
-  "tailwindcss": "^4.1.10"
-}
-```
-
-## 🆘 Support
-
-If you have issues:
-
-1. Check the [GitHub issues](https://github.com/yourusername/automoby-kit/issues) for known problems
-2. Submit a new issue with detailed information about your problem
-
-## 🔄 Version History
-
+# Automoby Kit
+
+A comprehensive React UI component library - created in war 2025.
+
+## 🚀 Installation
+
+```bash
+npm install automoby-kit
+```
+
+## 📦 Usage
+
+```typescript
+import { 
+  Button, 
+  Typography, 
+  Input, 
+  Tabs
+} from 'automoby-kit';
+
+function App() {
+  return (
+    <div>
+      <Typography variant="h1">Welcome to Automoby Kit</Typography>
+      <Button variant="primary" size="lg">
+        Click me!
+      </Button>
+      <Input placeholder="Enter text..." />
+    </div>
+  );
+}
+```
+
+## 🧩 Available Components
+
+- **Typography** - Text rendering with various styles
+- **Button** - Interactive buttons with multiple variants
+- **Input** - Form input fields
+- **Tabs** - Tabbed interfaces
+- **Drawer** - Slide-out panels
+- **Backdrop** - Modal overlays
+- **Breadcrumb** - Navigation breadcrumbs
+- **Pagination** - Page navigation
+- **Accordion** - Collapsible content sections
+- **Divider** - Visual separators
+- **RadioGroup** - Radio button groups
+- **Chips** - Tag-like elements
+- **Menu** - Context menus and dropdowns
+
+## 🏗️ TypeScript Support
+
+All components come with full TypeScript support:
+
+```typescript
+import { ButtonProps, TypographyVariant } from 'automoby-kit';
+
+const MyButton: React.FC<ButtonProps> = (props) => {
+  return <Button {...props} />;
+};
+```
+
+## 📱 Mobile Context
+
+The library includes a mobile detection context:
+
+```typescript
+import { MobileProvider } from 'automoby-kit';
+
+function App() {
+  return (
+    <MobileProvider userAgent={navigator.userAgent}>
+      <MyComponent />
+    </MobileProvider>
+  );
+}
+```
+
+## 🛠️ Development
+
+This package requires the following peer dependencies:
+
+```json
+{
+  "react": "^19.1.0",
+  "react-dom": "^19.1.0",
+  "clsx": "^2.1.1",
+  "tailwindcss": "^4.1.10"
+}
+```
+
+## 🆘 Support
+
+If you have issues:
+
+1. Check the [GitHub issues](https://github.com/yourusername/automoby-kit/issues) for known problems
+2. Submit a new issue with detailed information about your problem
+
+## 🔄 Version History
+
 - **1.0.0** - Initial release 

package/dist/cjs/Backdrop.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("./utils.js");const a=e.forwardRef(({isOpen:e=!1,onClick:a,blur:n=!1,zIndex:i=40,className:s,children:l,...c},o)=>{if(!e)return null;const u=t("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":n},s),d={backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:i};return r.jsx("div",{ref:o,className:u,style:d,onClick:r=>{a&&r.target===r.currentTarget&&a()},role:"presentation",...c,children:l})});a.displayName="Backdrop",exports.Backdrop=a;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("./utils.js");const n=e.forwardRef(({isOpen:e=!1,onClick:n,blur:i=!1,zIndex:s=40,className:a,children:c,...l},o)=>{if(!e)return null;const u=t("fixed inset-0 transition-all duration-300 flex items-center justify-center",{"backdrop-blur-sm":i},a),d={backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:s};return r.jsx("div",{ref:o,className:u,style:d,onClick:r=>{n&&r.target===r.currentTarget&&n()},role:"presentation",...l,children:c})});n.displayName="Backdrop",exports.Backdrop=n;

package/dist/cjs/Chips.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./utils.js"),i=require("./contexts.js");const o=require("./chunks/createLucideIcon-BqJVOzoK.js").createLucideIcon("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),n={purple:{background:"bg-primary-lightest",text:"text-primary-darkest",border:"border-primary-light"},red:{background:"bg-error-light",text:"text-error",border:"border-[#f0d6d6]"},green:{background:"bg-success-light",text:"text-success",border:"border-[#d4e8dc]"},orange:{background:"bg-warning-light",text:"text-warning",border:"border-[#f5e1d1]"},blue:{background:"bg-info-light",text:"text-info",border:"border-[#d3e9f2]"},white:{background:"bg-white",text:"text-neutral-darker",border:"border-neutral-light"},disabled:{background:"bg-neutral-lighter",text:"text-neutral-main",border:"border-neutral-light"}},a={mobile:{padding:"px-2.5 py-1",gap:"gap-1",iconSize:"size-4",fontSize:"text-xs",lineHeight:"leading-[1.8]"},desktop:{padding:"px-3 py-1",gap:"gap-1.5",iconSize:"size-5",fontSize:"text-s",lineHeight:"leading-[24px]"}},d=t.forwardRef(({variant:t="purple",size:d,children:s="متن پیشفرض",disabled:l=!1,onClick:c,onIconClick:b,className:u,isMobile:p,...g},x)=>{const h=i.useMobile(),f=n[l?"disabled":t],k=a[d||(p??h?"mobile":"desktop")],handleIconClick=e=>{e.stopPropagation(),b&&b()};return e.jsxs("div",{ref:x,className:r("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",f.background,f.text,f.border,k.padding,k.gap,k.fontSize,k.lineHeight,c&&!l&&"cursor-pointer hover:opacity-80",l&&"cursor-not-allowed opacity-60",u),onClick:l?void 0:c,onKeyDown:c&&!l?e=>{"Enter"!==e.key&&" "!==e.key||!c||l||(e.preventDefault(),c())}:void 0,tabIndex:c&&!l?0:void 0,role:c?"button":void 0,...g,children:[e.jsx("span",{className:"text-center",children:s}),(()=>{const t=e.jsx(o,{className:r(k.iconSize)});return b?e.jsx("button",{type:"button",onClick:handleIconClick,disabled:l,className:r("flex items-center justify-center","hover:opacity-70 transition-opacity",l&&"cursor-not-allowed opacity-50"),"aria-label":"حذف",children:t}):t})()]})});d.displayName="Chips",exports.Chips=d,exports.default=d;
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react/jsx-runtime"),require("react"),require("./utils.js"),require("./contexts.js");var e=require("./chunks/Chips-BY1LBLLt.js");require("./chunks/createLucideIcon-BqJVOzoK.js"),exports.Chips=e.Chips,exports.default=e.Chips;

package/dist/cjs/chunks/Chips-BY1LBLLt.js

@@ -0,0 +1 @@
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../utils.js"),i=require("../contexts.js");const o=require("./createLucideIcon-BqJVOzoK.js").createLucideIcon("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),n={purple:{background:"bg-primary-lightest",text:"text-primary-darkest",border:"border-primary-light"},red:{background:"bg-error-light",text:"text-error",border:"border-[#f0d6d6]"},green:{background:"bg-success-light",text:"text-success",border:"border-[#d4e8dc]"},orange:{background:"bg-warning-light",text:"text-warning",border:"border-[#f5e1d1]"},blue:{background:"bg-info-light",text:"text-info",border:"border-[#d3e9f2]"},white:{background:"bg-white",text:"text-neutral-darker",border:"border-neutral-light"},disabled:{background:"bg-neutral-lighter",text:"text-neutral-main",border:"border-neutral-light"}},a={mobile:{padding:"px-2.5 py-1",gap:"gap-1",iconSize:"size-4",fontSize:"text-xs",lineHeight:"leading-[1.8]"},desktop:{padding:"px-3 py-1",gap:"gap-1.5",iconSize:"size-5",fontSize:"text-s",lineHeight:"leading-[24px]"}},d=r.forwardRef(({variant:r="purple",size:d,children:s="متن پیشفرض",disabled:l=!1,onClick:c,onIconClick:b,className:g,isMobile:u,...p},x)=>{const h=i.useMobile(),k=n[l?"disabled":r],f=a[d||(u??h?"mobile":"desktop")],handleIconClick=e=>{e.stopPropagation(),b&&b()};return e.jsxs("div",{ref:x,className:t("relative rounded-[50px] border border-solid inline-flex","flex-row items-center justify-center","font-sans font-bold not-italic","text-nowrap text-right","transition-all duration-200",k.background,k.text,k.border,f.padding,f.gap,f.fontSize,f.lineHeight,c&&!l&&"cursor-pointer hover:opacity-80",l&&"cursor-not-allowed opacity-60",g),onClick:l?void 0:c,onKeyDown:c&&!l?e=>{"Enter"!==e.key&&" "!==e.key||!c||l||(e.preventDefault(),c())}:void 0,tabIndex:c&&!l?0:void 0,role:c?"button":void 0,...p,children:[e.jsx("span",{className:"text-center",children:s}),(()=>{const r=e.jsx(o,{className:t(f.iconSize)});return b?e.jsx("button",{type:"button",onClick:handleIconClick,disabled:l,className:t("flex items-center justify-center","hover:opacity-70 transition-opacity",l&&"cursor-not-allowed opacity-50"),"aria-label":"حذف",children:r}):r})()]})});d.displayName="Chips",exports.Chips=d,exports.X=o;

package/dist/cjs/index.js

@@ -1 +1 @@
-"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("react-dom"),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,m=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=m,exports.Pagination=l,exports.RadioGroup=T,exports.Tabs=B,exports.Typography=x;
+"use strict";var e=require("./Typography.js"),r=require("./Button.js"),s=require("./Input.js"),o=require("./Tabs.js"),a=require("./Drawer.js"),i=require("./Backdrop.js"),t=require("./Breadcrumb.js"),l=require("./Pagination.js"),n=require("./Accordion.js"),c=require("./Divider.js"),d=require("./RadioGroup.js"),u=require("./chunks/Chips-BY1LBLLt.js"),x=require("./Menu.js"),p=require("react/jsx-runtime"),b=require("react"),m=require("./utils.js"),h=require("./contexts.js");require("react-dom"),require("./chunks/chevron-left-Do__K6cA.js"),require("./chunks/createLucideIcon-BqJVOzoK.js");const j=b.forwardRef(({isOpen:e=!1,onClose:r,title:s,content:o,buttons:a,showCloseButton:t=!0,size:l="md",className:n,children:c},d)=>{const handleClose=()=>{r&&r()},x=m("bg-white rounded-[10px] shadow-lg mx-4 w-full",{sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl"}[l],n);return p.jsx(i.Backdrop,{isOpen:e,onClick:handleClose,blur:!0,children:p.jsx("div",{ref:d,className:x,onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Escape"===e.key&&r&&r()},role:"dialog","aria-modal":"true","aria-labelledby":s?"dialog-title":void 0,children:p.jsxs("div",{className:"flex flex-col p-6 gap-8",children:[s&&p.jsx("div",{className:"flex flex-col gap-2.5",children:p.jsx("div",{className:"flex items-center justify-between pb-4 border-b border-[#ebeaf0]",children:p.jsxs("div",{className:"flex items-center justify-between gap-3 w-full flex-row-reverse",children:[p.jsx("div",{className:"text-[#590d8b] text-xl font-extrabold leading-8",children:s}),t&&p.jsx("button",{type:"button",onClick:handleClose,className:"p-1 rounded-full hover:bg-gray-100 transition-colors","aria-label":"Close dialog",children:p.jsx(u.X,{className:"w-6 h-6 text-[#a4a2bb]"})})]})})}),o&&p.jsx("div",{className:"flex flex-col gap-4",children:o}),c&&!o&&p.jsx("div",{className:"flex flex-col gap-4",children:c}),a&&p.jsx("div",{className:"flex flex-col gap-1.5",children:a})]})})})});j.displayName="Dialog";const g=b.forwardRef(({variant:e="primary",icon:r,children:s,className:o,...a},i)=>{const t=m("h-14 px-4 py-[13px] rounded-md font-bold text-base leading-[1.8] flex items-center justify-center gap-2 transition-colors",{"bg-[#590d8b] text-white hover:bg-[#4a0a75]":"primary"===e,"bg-white text-[#1a1922] border border-[#ebeaf0] hover:bg-gray-50":"secondary"===e},o);return p.jsxs("button",{type:"button",ref:i,className:t,...a,children:[s,r&&p.jsx("span",{className:"w-5 h-5",children:r})]})});g.displayName="DialogButton";const f=e.Typography,v=r.Button,w=s.Input,y=o.Tabs,q=a.Drawer,N=i.Backdrop,B=t.Breadcrumb,k=l.Pagination,D=n.Accordion,C=c.Divider,M=d.RadioGroup,P=u.Chips,T=x.Menu;exports.MobileProvider=h.MobileProvider,exports.useMobile=h.useMobile,exports.Accordion=D,exports.Backdrop=N,exports.Breadcrumb=B,exports.Button=v,exports.Chips=P,exports.Dialog=j,exports.DialogButton=g,exports.Divider=C,exports.Drawer=q,exports.Input=w,exports.Menu=T,exports.Pagination=k,exports.RadioGroup=M,exports.Tabs=y,exports.Typography=f;

package/dist/esm/Backdrop.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"./utils.js";const n=e.forwardRef(({isOpen:e=!1,onClick:n,blur:o=!1,zIndex:a=40,className:i,children:l,...s},c)=>{if(!e)return null;const d=t("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":o},i);return r("div",{ref:c,className:d,style:{backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:a},onClick:r=>{n&&r.target===r.currentTarget&&n()},role:"presentation",...s,children:l})});n.displayName="Backdrop";export{n as Backdrop};
+import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"./utils.js";const n=e.forwardRef(({isOpen:e=!1,onClick:n,blur:i=!1,zIndex:o=40,className:a,children:l,...s},c)=>{if(!e)return null;const d=t("fixed inset-0 transition-all duration-300 flex items-center justify-center",{"backdrop-blur-sm":i},a);return r("div",{ref:c,className:d,style:{backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:o},onClick:r=>{n&&r.target===r.currentTarget&&n()},role:"presentation",...s,children:l})});n.displayName="Backdrop";export{n as Backdrop};

package/dist/esm/Chips.js

@@ -1 +1 @@
-"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import o from"./utils.js";import{useMobile as i}from"./contexts.js";import{c as n}from"./chunks/createLucideIcon-DGp0SoUT.js";const a=n("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),d={purple:{background:"bg-primary-lightest",text:"text-primary-darkest",border:"border-primary-light"},red:{background:"bg-error-light",text:"text-error",border:"border-[#f0d6d6]"},green:{background:"bg-success-light",text:"text-success",border:"border-[#d4e8dc]"},orange:{background:"bg-warning-light",text:"text-warning",border:"border-[#f5e1d1]"},blue:{background:"bg-info-light",text:"text-info",border:"border-[#d3e9f2]"},white:{background:"bg-white",text:"text-neutral-darker",border:"border-neutral-light"},disabled:{background:"bg-neutral-lighter",text:"text-neutral-main",border:"border-neutral-light"}},l={mobile:{padding:"px-2.5 py-1",gap:"gap-1",iconSize:"size-4",fontSize:"text-xs",lineHeight:"leading-[1.8]"},desktop:{padding:"px-3 py-1",gap:"gap-1.5",iconSize:"size-5",fontSize:"text-s",lineHeight:"leading-[24px]"}},s=r.forwardRef(({variant:r="purple",size:n,children:s="متن پیشفرض",disabled:c=!1,onClick:b,onIconClick:p,className:g,isMobile:u,...x},f)=>{const m=i(),h=d[c?"disabled":r],k=l[n||(u??m?"mobile":"desktop")],handleIconClick=e=>{e.stopPropagation(),p&&p()};return e("div",{ref:f,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,k.padding,k.gap,k.fontSize,k.lineHeight,b&&!c&&"cursor-pointer hover:opacity-80",c&&"cursor-not-allowed opacity-60",g),onClick:c?void 0:b,onKeyDown:b&&!c?e=>{"Enter"!==e.key&&" "!==e.key||!b||c||(e.preventDefault(),b())}:void 0,tabIndex:b&&!c?0:void 0,role:b?"button":void 0,...x,children:[t("span",{className:"text-center",children:s}),(()=>{const e=t(a,{className:o(k.iconSize)});return p?t("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:e}):e})()]})});s.displayName="Chips";export{s as Chips,s as default};
+"use client";import"react/jsx-runtime";import"react";import"./utils.js";import"./contexts.js";export{C as Chips,C as default}from"./chunks/Chips-DV9Y7v7k.js";import"./chunks/createLucideIcon-DGp0SoUT.js";

package/dist/esm/chunks/Chips-DV9Y7v7k.js

@@ -0,0 +1 @@
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"react";import o from"../utils.js";import{useMobile as i}from"../contexts.js";import{c as n}from"./createLucideIcon-DGp0SoUT.js";const a=n("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),d={purple:{background:"bg-primary-lightest",text:"text-primary-darkest",border:"border-primary-light"},red:{background:"bg-error-light",text:"text-error",border:"border-[#f0d6d6]"},green:{background:"bg-success-light",text:"text-success",border:"border-[#d4e8dc]"},orange:{background:"bg-warning-light",text:"text-warning",border:"border-[#f5e1d1]"},blue:{background:"bg-info-light",text:"text-info",border:"border-[#d3e9f2]"},white:{background:"bg-white",text:"text-neutral-darker",border:"border-neutral-light"},disabled:{background:"bg-neutral-lighter",text:"text-neutral-main",border:"border-neutral-light"}},l={mobile:{padding:"px-2.5 py-1",gap:"gap-1",iconSize:"size-4",fontSize:"text-xs",lineHeight:"leading-[1.8]"},desktop:{padding:"px-3 py-1",gap:"gap-1.5",iconSize:"size-5",fontSize:"text-s",lineHeight:"leading-[24px]"}},s=r.forwardRef(({variant:r="purple",size:n,children:s="متن پیشفرض",disabled:c=!1,onClick:b,onIconClick:p,className:g,isMobile:u,...x},m)=>{const f=i(),h=d[c?"disabled":r],k=l[n||(u??f?"mobile":"desktop")],handleIconClick=e=>{e.stopPropagation(),p&&p()};return e("div",{ref:m,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,k.padding,k.gap,k.fontSize,k.lineHeight,b&&!c&&"cursor-pointer hover:opacity-80",c&&"cursor-not-allowed opacity-60",g),onClick:c?void 0:b,onKeyDown:b&&!c?e=>{"Enter"!==e.key&&" "!==e.key||!b||c||(e.preventDefault(),b())}:void 0,tabIndex:b&&!c?0:void 0,role:b?"button":void 0,...x,children:[t("span",{className:"text-center",children:s}),(()=>{const e=t(a,{className:o(k.iconSize)});return p?t("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:e}):e})()]})});s.displayName="Chips";export{s as C,a as X};

package/dist/esm/index.js

@@ -1 +1 @@
-import{Typography as r}from"./Typography.js";import{Button as o}from"./Button.js";import{Input as s}from"./Input.js";import{Tabs as i}from"./Tabs.js";import{Drawer as t}from"./Drawer.js";import{Backdrop as m}from"./Backdrop.js";import{Breadcrumb as a}from"./Breadcrumb.js";import{Pagination as p}from"./Pagination.js";import{Accordion as e}from"./Accordion.js";import{Divider as c}from"./Divider.js";import{RadioGroup as n}from"./RadioGroup.js";import{Chips as j}from"./Chips.js";import{Menu as u}from"./Menu.js";export{MobileProvider,useMobile}from"./contexts.js";import"react";import"./utils.js";import"react/jsx-runtime";import"react-dom";import"./chunks/chevron-left-4HSuTes3.js";import"./chunks/createLucideIcon-DGp0SoUT.js";const f=r,d=o,h=s,b=i,B=t,g=m,k=a,l=p,v=e,x=c,y=n,D=j,M=u;export{v as Accordion,g as Backdrop,k as Breadcrumb,d as Button,D as Chips,x as Divider,B as Drawer,h as Input,M as Menu,l as Pagination,y as RadioGroup,b as Tabs,f as Typography};
+import{Typography as e}from"./Typography.js";import{Button as r}from"./Button.js";import{Input as o}from"./Input.js";import{Tabs as a}from"./Tabs.js";import{Drawer as t}from"./Drawer.js";import{Backdrop as s}from"./Backdrop.js";import{Breadcrumb as i}from"./Breadcrumb.js";import{Pagination as l}from"./Pagination.js";import{Accordion as n}from"./Accordion.js";import{Divider as m}from"./Divider.js";import{RadioGroup as c}from"./RadioGroup.js";import{X as d,C as p}from"./chunks/Chips-DV9Y7v7k.js";import{Menu as f}from"./Menu.js";import{jsx as b,jsxs as u}from"react/jsx-runtime";import x from"react";import h from"./utils.js";export{MobileProvider,useMobile}from"./contexts.js";import"react-dom";import"./chunks/chevron-left-4HSuTes3.js";import"./chunks/createLucideIcon-DGp0SoUT.js";const g=x.forwardRef(({isOpen:e=!1,onClose:r,title:o,content:a,buttons:t,showCloseButton:i=!0,size:l="md",className:n,children:m},c)=>{const handleClose=()=>{r&&r()},p=h("bg-white rounded-[10px] shadow-lg mx-4 w-full",{sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl"}[l],n);return b(s,{isOpen:e,onClick:handleClose,blur:!0,children:b("div",{ref:c,className:p,onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Escape"===e.key&&r&&r()},role:"dialog","aria-modal":"true","aria-labelledby":o?"dialog-title":void 0,children:u("div",{className:"flex flex-col p-6 gap-8",children:[o&&b("div",{className:"flex flex-col gap-2.5",children:b("div",{className:"flex items-center justify-between pb-4 border-b border-[#ebeaf0]",children:u("div",{className:"flex items-center justify-between gap-3 w-full flex-row-reverse",children:[b("div",{className:"text-[#590d8b] text-xl font-extrabold leading-8",children:o}),i&&b("button",{type:"button",onClick:handleClose,className:"p-1 rounded-full hover:bg-gray-100 transition-colors","aria-label":"Close dialog",children:b(d,{className:"w-6 h-6 text-[#a4a2bb]"})})]})})}),a&&b("div",{className:"flex flex-col gap-4",children:a}),m&&!a&&b("div",{className:"flex flex-col gap-4",children:m}),t&&b("div",{className:"flex flex-col gap-1.5",children:t})]})})})});g.displayName="Dialog";const j=x.forwardRef(({variant:e="primary",icon:r,children:o,className:a,...t},s)=>{const i=h("h-14 px-4 py-[13px] rounded-md font-bold text-base leading-[1.8] flex items-center justify-center gap-2 transition-colors",{"bg-[#590d8b] text-white hover:bg-[#4a0a75]":"primary"===e,"bg-white text-[#1a1922] border border-[#ebeaf0] hover:bg-gray-50":"secondary"===e},a);return u("button",{type:"button",ref:s,className:i,...t,children:[o,r&&b("span",{className:"w-5 h-5",children:r})]})});j.displayName="DialogButton";const w=e,y=r,v=o,N=a,k=t,B=s,C=i,D=l,M=n,P=m,R=c,T=p,I=f;export{M as Accordion,B as Backdrop,C as Breadcrumb,y as Button,T as Chips,g as Dialog,j as DialogButton,P as Divider,k as Drawer,v as Input,I as Menu,D as Pagination,R as RadioGroup,N as Tabs,w as Typography};

package/dist/types/Backdrop.js

@@ -12,7 +12,7 @@ const Backdrop = React.forwardRef(({ isOpen = false, onClick, blur = false, zInd
             onClick();
         }
     };
-    const backdropClasses = cn('fixed inset-0 transition-all duration-300', {
+    const backdropClasses = cn('fixed inset-0 transition-all duration-300 flex items-center justify-center', {
         'backdrop-blur-sm': blur,
     }, className);
     const backdropStyle = {

package/dist/types/Chips-zfhiOvK2.js

@@ -0,0 +1,112 @@
+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-primary-lightest',
+        text: 'text-primary-darkest',
+        border: 'border-primary-light',
+    },
+    red: {
+        background: 'bg-error-light',
+        text: 'text-error',
+        border: 'border-[#f0d6d6]',
+    },
+    green: {
+        background: 'bg-success-light',
+        text: 'text-success',
+        border: 'border-[#d4e8dc]',
+    },
+    orange: {
+        background: 'bg-warning-light',
+        text: 'text-warning',
+        border: 'border-[#f5e1d1]',
+    },
+    blue: {
+        background: 'bg-info-light',
+        text: 'text-info',
+        border: 'border-[#d3e9f2]',
+    },
+    white: {
+        background: 'bg-white',
+        text: 'text-neutral-darker',
+        border: 'border-neutral-light',
+    },
+    disabled: {
+        background: 'bg-neutral-lighter',
+        text: 'text-neutral-main',
+        border: 'border-neutral-light',
+    },
+};
+const chipSizes = {
+    mobile: {
+        padding: 'px-2.5 py-1',
+        gap: 'gap-1',
+        iconSize: 'size-4',
+        fontSize: 'text-xs',
+        lineHeight: 'leading-[1.8]',
+    },
+    desktop: {
+        padding: 'px-3 py-1',
+        gap: 'gap-1.5',
+        iconSize: 'size-5',
+        fontSize: 'text-s',
+        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 as C, X };

package/dist/types/Chips.js

@@ -1,112 +1,6 @@
-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-primary-lightest',
-        text: 'text-primary-darkest',
-        border: 'border-primary-light',
-    },
-    red: {
-        background: 'bg-error-light',
-        text: 'text-error',
-        border: 'border-[#f0d6d6]',
-    },
-    green: {
-        background: 'bg-success-light',
-        text: 'text-success',
-        border: 'border-[#d4e8dc]',
-    },
-    orange: {
-        background: 'bg-warning-light',
-        text: 'text-warning',
-        border: 'border-[#f5e1d1]',
-    },
-    blue: {
-        background: 'bg-info-light',
-        text: 'text-info',
-        border: 'border-[#d3e9f2]',
-    },
-    white: {
-        background: 'bg-white',
-        text: 'text-neutral-darker',
-        border: 'border-neutral-light',
-    },
-    disabled: {
-        background: 'bg-neutral-lighter',
-        text: 'text-neutral-main',
-        border: 'border-neutral-light',
-    },
-};
-const chipSizes = {
-    mobile: {
-        padding: 'px-2.5 py-1',
-        gap: 'gap-1',
-        iconSize: 'size-4',
-        fontSize: 'text-xs',
-        lineHeight: 'leading-[1.8]',
-    },
-    desktop: {
-        padding: 'px-3 py-1',
-        gap: 'gap-1.5',
-        iconSize: 'size-5',
-        fontSize: 'text-s',
-        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 'react/jsx-runtime';
+import 'react';
+import './utils.js';
+import './contexts.js';
+export { C as Chips, C as default } from './Chips-zfhiOvK2.js';
+import './createLucideIcon-D-q73LTT.js';

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

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface DialogProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    buttons?: React.ReactNode;
+    showCloseButton?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "primary" | "secondary";
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Dialog };

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Basic: Story;
+export declare const WithTitle: Story;
+export declare const WithButtons: Story;
+export declare const FormDialog: Story;
+export declare const LargeContent: Story;
+export declare const NoCloseButton: Story;
+export declare const DifferentSizes: Story;
+export declare const WithoutTitle: Story;

package/dist/types/index.d.ts

@@ -24,7 +24,8 @@ 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 { Dialog, DialogButton } from './components/Dialog/Dialog';
+export type { DialogProps } from './components/Dialog/Dialog';
 export type { UnifiedPaginationProps as PaginationProps } from './components/Pagination/Pagination';
 export type { AccordionProps } from './components/Accordion/Accordion';
 export type { DividerProps } from './components/Divider/Divider';

package/dist/types/index.js

@@ -9,16 +9,46 @@ 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 { X, C as Chips$1 } from './Chips-zfhiOvK2.js';
 import { Menu as Menu$1 } from './Menu.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import cn from './utils.js';
 export { MobileProvider, useMobile } from './contexts.js';
-import 'react';
-import './utils.js';
-import 'react/jsx-runtime';
 import 'react-dom';
 import './chevron-left-Ck6O99eF.js';
 import './createLucideIcon-D-q73LTT.js';
 
+const Dialog = React.forwardRef(({ isOpen = false, onClose, title, content, buttons, showCloseButton = true, size = 'md', className, children, }, ref) => {
+    const handleClose = () => {
+        if (onClose) {
+            onClose();
+        }
+    };
+    const sizeClasses = {
+        sm: 'max-w-sm',
+        md: 'max-w-md',
+        lg: 'max-w-lg',
+        xl: 'max-w-xl',
+    };
+    const dialogClasses = cn('bg-white rounded-[10px] shadow-lg mx-4 w-full', sizeClasses[size], className);
+    return (jsx(Backdrop$1, { isOpen: isOpen, onClick: handleClose, blur: true, children: jsx("div", { ref: ref, className: dialogClasses, onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
+                if (e.key === 'Escape' && onClose) {
+                    onClose();
+                }
+            }, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'dialog-title' : undefined, children: jsxs("div", { className: "flex flex-col p-6 gap-8", children: [title && (jsx("div", { className: "flex flex-col gap-2.5", children: jsx("div", { className: "flex items-center justify-between pb-4 border-b border-[#ebeaf0]", children: jsxs("div", { className: "flex items-center justify-between gap-3 w-full flex-row-reverse", children: [jsx("div", { className: "text-[#590d8b] text-xl font-extrabold leading-8", children: title }), showCloseButton && (jsx("button", { type: "button", onClick: handleClose, className: "p-1 rounded-full hover:bg-gray-100 transition-colors", "aria-label": "Close dialog", children: jsx(X, { className: "w-6 h-6 text-[#a4a2bb]" }) }))] }) }) })), content && jsx("div", { className: "flex flex-col gap-4", children: content }), children && !content && (jsx("div", { className: "flex flex-col gap-4", children: children })), buttons && jsx("div", { className: "flex flex-col gap-1.5", children: buttons })] }) }) }));
+});
+Dialog.displayName = 'Dialog';
+// Button components for the dialog
+const DialogButton = React.forwardRef(({ variant = 'primary', icon, children, className, ...props }, ref) => {
+    const buttonClasses = cn('h-14 px-4 py-[13px] rounded-md font-bold text-base leading-[1.8] flex items-center justify-center gap-2 transition-colors', {
+        'bg-[#590d8b] text-white hover:bg-[#4a0a75]': variant === 'primary',
+        'bg-white text-[#1a1922] border border-[#ebeaf0] hover:bg-gray-50': variant === 'secondary',
+    }, className);
+    return (jsxs("button", { type: "button", ref: ref, className: buttonClasses, ...props, children: [children, icon && jsx("span", { className: "w-5 h-5", children: icon })] }));
+});
+DialogButton.displayName = 'DialogButton';
+
 // Original Components (for internal use)
 // Components (direct exports)
 const Typography = Typography$1;
@@ -35,4 +65,4 @@ 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 };
+export { Accordion, Backdrop, Breadcrumb, Button, Chips, Dialog, DialogButton, Divider, Drawer, Input, Menu, Pagination, RadioGroup, Tabs, Typography };

package/package.json

@@ -1,176 +1,176 @@
-{
-  "name": "automoby-kit",
-  "version": "1.0.40",
-  "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",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./Typography": {
-      "import": "./dist/esm/Typography.js",
-      "require": "./dist/cjs/Typography.js",
-      "types": "./dist/types/components/Typography/Typography.d.ts"
-    },
-    "./Button": {
-      "import": "./dist/esm/Button.js",
-      "require": "./dist/cjs/Button.js",
-      "types": "./dist/types/components/Button/Button.d.ts"
-    },
-    "./Input": {
-      "import": "./dist/esm/Input.js",
-      "require": "./dist/cjs/Input.js",
-      "types": "./dist/types/components/Input/Input.d.ts"
-    },
-    "./Tabs": {
-      "import": "./dist/esm/Tabs.js",
-      "require": "./dist/cjs/Tabs.js",
-      "types": "./dist/types/components/Tabs/Tabs.d.ts"
-    },
-    "./Drawer": {
-      "import": "./dist/esm/Drawer.js",
-      "require": "./dist/cjs/Drawer.js",
-      "types": "./dist/types/components/Drawer/Drawer.d.ts"
-    },
-    "./Backdrop": {
-      "import": "./dist/esm/Backdrop.js",
-      "require": "./dist/cjs/Backdrop.js",
-      "types": "./dist/types/components/Backdrop/Backdrop.d.ts"
-    },
-    "./Breadcrumb": {
-      "import": "./dist/esm/Breadcrumb.js",
-      "require": "./dist/cjs/Breadcrumb.js",
-      "types": "./dist/types/components/Breadcrumb/Breadcrumb.d.ts"
-    },
-    "./Pagination": {
-      "import": "./dist/esm/Pagination.js",
-      "require": "./dist/cjs/Pagination.js",
-      "types": "./dist/types/components/Pagination/Pagination.d.ts"
-    },
-    "./Accordion": {
-      "import": "./dist/esm/Accordion.js",
-      "require": "./dist/cjs/Accordion.js",
-      "types": "./dist/types/components/Accordion/Accordion.d.ts"
-    },
-    "./Divider": {
-      "import": "./dist/esm/Divider.js",
-      "require": "./dist/cjs/Divider.js",
-      "types": "./dist/types/components/Divider/Divider.d.ts"
-    },
-    "./RadioGroup": {
-      "import": "./dist/esm/RadioGroup.js",
-      "require": "./dist/cjs/RadioGroup.js",
-      "types": "./dist/types/components/RadioGroup/RadioGroup.d.ts"
-    },
-    "./Chips": {
-      "import": "./dist/esm/Chips.js",
-      "require": "./dist/cjs/Chips.js",
-      "types": "./dist/types/components/Chips/Chips.d.ts"
-    },
-    "./Menu": {
-      "import": "./dist/esm/Menu.js",
-      "require": "./dist/cjs/Menu.js",
-      "types": "./dist/types/components/Menu/Menu.d.ts"
-    },
-    "./contexts": {
-      "import": "./dist/esm/contexts.js",
-      "require": "./dist/cjs/contexts.js",
-      "types": "./dist/types/contexts/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/esm/utils.js",
-      "require": "./dist/cjs/utils.js",
-      "types": "./dist/types/utils/cn.d.ts"
-    }
-  },
-  "keywords": [
-    "react",
-    "ui",
-    "components",
-    "typescript",
-    "tailwind",
-    "kit"
-  ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\" --fix",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "check-format": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "check-lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
-    "check-types": "tsc --noEmit",
-    "prepare": "husky",
-    "prepublishOnly": "npm run build",
-    "storybook": "storybook dev -p 6006",
-    "storybook:dev": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=true storybook dev -p 6006 \"",
-    "storybook:dev:mobile": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=true storybook dev -p 6006 \"",
-    "storybook:dev:desktop": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=false storybook dev -p 6006 \"",
-    "build-storybook": "storybook build",
-    "build:storybook:css:watch": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css --watch",
-    "build:storybook:css": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css",
-    "clean": "rimraf dist",
-    "build": "npm run clean && rollup -c"
-  },
-  "author": "Ghazal_kordi Alireza_mirzaee",
-  "license": "ISC",
-  "peerDependencies": {
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.522.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "tailwindcss": "^4.1.10",
-    "typescript": "^5.8.3",
-    "ua-parser-js": "^2.0.4"
-  },
-  "devDependencies": {
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.3",
-    "@storybook/addon-docs": "^9.0.6",
-    "@storybook/addon-onboarding": "^9.0.6",
-    "@storybook/react-vite": "^9.0.6",
-    "@tailwindcss/cli": "^4.1.10",
-    "@tailwindcss/postcss": "^4.1.10",
-    "@types/node": "^24.0.3",
-    "@types/react": "^19.1.4",
-    "@types/react-dom": "^19.1.5",
-    "@types/ua-parser-js": "^0.7.39",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "autoprefixer": "^10.4.21",
-    "clsx": "^2.1.1",
-    "concurrently": "^9.2.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.4.3",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^9.0.6",
-    "husky": "^9.1.7",
-    "lucide-react": "^0.522.0",
-    "prettier": "^3.5.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.44.0",
-    "serve": "^14.2.4",
-    "storybook": "^9.0.6",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.10",
-    "typescript": "^5.8.3",
-    "ua-parser-js": "^2.0.4"
-  }
-}
+{
+  "name": "automoby-kit",
+  "version": "1.0.41",
+  "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",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./Typography": {
+      "import": "./dist/esm/Typography.js",
+      "require": "./dist/cjs/Typography.js",
+      "types": "./dist/types/components/Typography/Typography.d.ts"
+    },
+    "./Button": {
+      "import": "./dist/esm/Button.js",
+      "require": "./dist/cjs/Button.js",
+      "types": "./dist/types/components/Button/Button.d.ts"
+    },
+    "./Input": {
+      "import": "./dist/esm/Input.js",
+      "require": "./dist/cjs/Input.js",
+      "types": "./dist/types/components/Input/Input.d.ts"
+    },
+    "./Tabs": {
+      "import": "./dist/esm/Tabs.js",
+      "require": "./dist/cjs/Tabs.js",
+      "types": "./dist/types/components/Tabs/Tabs.d.ts"
+    },
+    "./Drawer": {
+      "import": "./dist/esm/Drawer.js",
+      "require": "./dist/cjs/Drawer.js",
+      "types": "./dist/types/components/Drawer/Drawer.d.ts"
+    },
+    "./Backdrop": {
+      "import": "./dist/esm/Backdrop.js",
+      "require": "./dist/cjs/Backdrop.js",
+      "types": "./dist/types/components/Backdrop/Backdrop.d.ts"
+    },
+    "./Breadcrumb": {
+      "import": "./dist/esm/Breadcrumb.js",
+      "require": "./dist/cjs/Breadcrumb.js",
+      "types": "./dist/types/components/Breadcrumb/Breadcrumb.d.ts"
+    },
+    "./Pagination": {
+      "import": "./dist/esm/Pagination.js",
+      "require": "./dist/cjs/Pagination.js",
+      "types": "./dist/types/components/Pagination/Pagination.d.ts"
+    },
+    "./Accordion": {
+      "import": "./dist/esm/Accordion.js",
+      "require": "./dist/cjs/Accordion.js",
+      "types": "./dist/types/components/Accordion/Accordion.d.ts"
+    },
+    "./Divider": {
+      "import": "./dist/esm/Divider.js",
+      "require": "./dist/cjs/Divider.js",
+      "types": "./dist/types/components/Divider/Divider.d.ts"
+    },
+    "./RadioGroup": {
+      "import": "./dist/esm/RadioGroup.js",
+      "require": "./dist/cjs/RadioGroup.js",
+      "types": "./dist/types/components/RadioGroup/RadioGroup.d.ts"
+    },
+    "./Chips": {
+      "import": "./dist/esm/Chips.js",
+      "require": "./dist/cjs/Chips.js",
+      "types": "./dist/types/components/Chips/Chips.d.ts"
+    },
+    "./Menu": {
+      "import": "./dist/esm/Menu.js",
+      "require": "./dist/cjs/Menu.js",
+      "types": "./dist/types/components/Menu/Menu.d.ts"
+    },
+    "./contexts": {
+      "import": "./dist/esm/contexts.js",
+      "require": "./dist/cjs/contexts.js",
+      "types": "./dist/types/contexts/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js",
+      "types": "./dist/types/utils/cn.d.ts"
+    }
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "typescript",
+    "tailwind",
+    "kit"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "check-format": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "check-lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
+    "check-types": "tsc --noEmit",
+    "prepare": "husky",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "storybook:dev": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=true storybook dev -p 6006 \"",
+    "storybook:dev:mobile": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=true storybook dev -p 6006 \"",
+    "storybook:dev:desktop": "concurrently \"npm:build:storybook:css:watch\" \"cross-env STORYBOOK_FORCE_MOBILE=false storybook dev -p 6006 \"",
+    "build-storybook": "storybook build",
+    "build:storybook:css:watch": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css --watch",
+    "build:storybook:css": "npx @tailwindcss/cli -i ./.storybook/tailwind.css -o ./tailwind-build/tailwind.build.css",
+    "clean": "rimraf dist",
+    "build": "npm run clean && rollup -c"
+  },
+  "author": "Ghazal_kordi Alireza_mirzaee",
+  "license": "ISC",
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.522.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
+    "ua-parser-js": "^2.0.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.3",
+    "@storybook/addon-docs": "^9.0.6",
+    "@storybook/addon-onboarding": "^9.0.6",
+    "@storybook/react-vite": "^9.0.6",
+    "@tailwindcss/cli": "^4.1.10",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/node": "^24.0.3",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@types/ua-parser-js": "^0.7.39",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "autoprefixer": "^10.4.21",
+    "clsx": "^2.1.1",
+    "concurrently": "^9.2.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-import-resolver-typescript": "^4.4.3",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "^9.0.6",
+    "husky": "^9.1.7",
+    "lucide-react": "^0.522.0",
+    "prettier": "^3.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.44.0",
+    "serve": "^14.2.4",
+    "storybook": "^9.0.6",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3",
+    "ua-parser-js": "^2.0.4"
+  }
+}