automoby-kit 1.0.26 → 1.0.28

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"),i=require("./utils.js");const s=e.forwardRef(({isOpen:e=!1,onClick:s,blur:t=!1,zIndex:a=51,className:n,children:l,visibleChildren:c,...d},o)=>{const u=i("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":t},n),h={backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:a,width:"100vw",height:"100vh"};return r.jsxs(r.Fragment,{children:[!e&&c,e&&r.jsxs("div",{ref:o,className:u,style:h,onClick:r=>{s&&r.target===r.currentTarget&&s()},role:"presentation",...d,children:[c,l]})]})});s.displayName="Backdrop",exports.Backdrop=s;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),s=require("./utils.js");const i=e.forwardRef(({isOpen:e=!1,onClick:i,blur:a=!1,zIndex:n=51,className:t,children:l,visibleChildren:c,...o},d)=>{const u=s("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":a},t),p={backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:n};return r.jsxs(r.Fragment,{children:[c,e&&r.jsxs("div",{ref:d,className:u,style:p,onClick:r=>{i&&r.target===r.currentTarget&&i()},role:"presentation",...o,children:[c,l]})]})});i.displayName="Backdrop",exports.Backdrop=i;

package/dist/cjs/Button.js

@@ -1 +1 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./utils.js"),a=require("./Typography.js");const i={sm:"px-[16px] py-[7px]",md:"px-[16px] py-[9px]",lg:"px-[16px] py-[13px]",xl:"px-[20px] py-[13px]"},n={sm:"body-s-bold",md:"body-m-bold",lg:"body-l-bold",xl:"body-xl-heavy"},l={primary:"\n    bg-primary text-white\n    hover:bg-primary-dark\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",secondary:"\n    bg-primary-lightest text-primary\n    hover:bg-primary-lighter\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",tertiary:"\n    bg-white border border-primary-light text-primary\n    hover:bg-neutral-lighter\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",ghost:"\n    bg-transparent text-primary\n    hover:bg-primary-lightest\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  "},s=r.forwardRef(({className:r,variant:s="primary",size:d="md",icon:p,iconPosition:o="right",children:b,loading:x=!1,disabled:g,textVariant:y,...m},h)=>{const u=y||n[d];return e.jsxs("button",{ref:h,type:"button",className:t("inline-flex items-center justify-center rounded-[8px] transition-colors duration-200",i[d],l[s],a.getTypographyClasses(u),g&&"opacity-50 pointer-events-none",r),disabled:g||x,...m,children:[p&&"left"===o&&e.jsx("span",{className:"mr-2 flex items-center",children:p}),x?"...":b,p&&"right"===o&&e.jsx("span",{className:"ml-2 flex items-center",children:p})]})});s.displayName="Button",exports.Button=s;
+"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./utils.js"),a=require("./Typography.js");const i={sm:"px-4 py-2",md:"px-4 py-2.5",lg:"px-4 py-3",xl:"px-5 py-3"},n={sm:"body-s-bold",md:"body-m-bold",lg:"body-l-bold",xl:"body-xl-heavy"},l={primary:"\n    bg-primary text-white\n    hover:bg-primary-dark\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",secondary:"\n    bg-primary-lightest text-primary\n    hover:bg-primary-lighter\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",tertiary:"\n    bg-white border border-primary-light text-primary\n    hover:bg-neutral-lighter\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  ",ghost:"\n    bg-transparent text-primary\n    hover:bg-primary-lightest\n    disabled:bg-neutral-light disabled:text-neutral-darker\n  "},s=r.forwardRef(({className:r,variant:s="primary",size:d="md",icon:o,iconPosition:b="right",children:p,loading:g=!1,disabled:y,textVariant:m,...h},u)=>{const x=m||n[d];return e.jsxs("button",{ref:u,type:"button",className:t("inline-flex items-center justify-center rounded-[8px] transition-colors duration-200",i[d],l[s],a.getTypographyClasses(x),y&&"opacity-50 pointer-events-none",r),disabled:y||g,...h,children:[o&&"left"===b&&e.jsx("span",{className:"mr-2 flex items-center",children:o}),g?"...":p,o&&"right"===b&&e.jsx("span",{className:"ml-2 flex items-center",children:o})]})});s.displayName="Button",exports.Button=s;

package/dist/esm/Backdrop.js

@@ -1 +1 @@
-import{jsxs as r,Fragment as e}from"react/jsx-runtime";import i from"react";import t from"./utils.js";const n=i.forwardRef(({isOpen:i=!1,onClick:n,blur:o=!1,zIndex:a=51,className:l,children:s,visibleChildren:c,...d},m)=>{const p=t("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":o},l);return r(e,{children:[!i&&c,i&&r("div",{ref:m,className:p,style:{backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:a,width:"100vw",height:"100vh"},onClick:r=>{n&&r.target===r.currentTarget&&n()},role:"presentation",...d,children:[c,s]})]})});n.displayName="Backdrop";export{n as Backdrop};
+import{jsxs as r,Fragment as e}from"react/jsx-runtime";import i from"react";import t from"./utils.js";const n=i.forwardRef(({isOpen:i=!1,onClick:n,blur:o=!1,zIndex:a=51,className:l,children:s,visibleChildren:c,...d},m)=>{const p=t("fixed inset-0 transition-all duration-300",{"backdrop-blur-sm":o},l);return r(e,{children:[c,i&&r("div",{ref:m,className:p,style:{backgroundColor:"rgba(0, 0, 0, 0.60)",zIndex:a},onClick:r=>{n&&r.target===r.currentTarget&&n()},role:"presentation",...d,children:[c,s]})]})});n.displayName="Backdrop";export{n as Backdrop};

package/dist/esm/Button.js

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

package/dist/types/Backdrop.js

@@ -18,10 +18,8 @@ const Backdrop = React.forwardRef(({ isOpen = false, onClick, blur = false, zInd
     const backdropStyle = {
         backgroundColor: 'rgba(0, 0, 0, 0.60)',
         zIndex,
-        width: '100vw',
-        height: '100vh',
     };
-    return (jsxs(Fragment, { children: [!isOpen && visibleChildren, isOpen && (jsxs("div", { ref: ref, className: backdropClasses, style: backdropStyle, onClick: handleClick, role: "presentation", ...props, children: [visibleChildren, children] }))] }));
+    return (jsxs(Fragment, { children: [visibleChildren, isOpen && (jsxs("div", { ref: ref, className: backdropClasses, style: backdropStyle, onClick: handleClick, role: "presentation", ...props, children: [visibleChildren, children] }))] }));
 });
 Backdrop.displayName = 'Backdrop';
 

package/dist/types/Button.js

@@ -4,10 +4,10 @@ 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]',
+    sm: 'px-4 py-2',
+    md: 'px-4 py-2.5',
+    lg: 'px-4 py-3',
+    xl: 'px-5 py-3',
 };
 const defaultTextVariants = {
     sm: 'body-s-bold', // 14px / Bold (600)

package/package.json

@@ -1,176 +1,176 @@
-{
-  "name": "automoby-kit",
-  "version": "1.0.26",
-  "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.28",
+  "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"
+  }
+}