@customafk/lunas-ui 0.0.57 → 0.0.60

package/README.md

@@ -1,20 +1,25 @@
-# UI LUNAS - Thư viện Component React
+# Lunas UI - React Component Library
 
-## ✨ Tính năng
+[![npm version](https://img.shields.io/npm/v/@customafk/lunas-ui.svg)](https://www.npmjs.com/package/@customafk/lunas-ui)
+[![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
+[![Node Version](https://img.shields.io/badge/node-%3E%3D%2022.0.0-brightgreen.svg)](https://nodejs.org/)
 
-- 🎨 **Thiết kế đẹp mắt**: Component được thiết kế theo các nguyên tắc UI/UX hiện đại
-- 🔧 **Dễ tùy chỉnh**: Hỗ trợ CSS-in-JS, CSS modules, và Tailwind CSS
-- 📱 **Responsive**: Tất cả component đều responsive và mobile-friendly
-- ♿ **Accessible**: Tuân thủ các chuẩn WCAG 2.1 cho accessibility
-<!--- 🌙 **Dark mode**: Hỗ trợ dark mode built-in-->
-- 📦 **Tree-shaking**: Chỉ import những gì bạn cần
-- 🔷 **TypeScript**: Được viết hoàn toàn bằng TypeScript với type definitions đầy đủ
+A modern, accessible, and customizable React UI component library built for Lunas Enterprise applications.
 
-## 📦 Cài đặt
+## ✨ Features
+
+- 🎨 **Modern Design**: Components designed with contemporary UI/UX principles
+- 🔧 **Highly Customizable**: Supports TailwindCSS with class variance authority
+- 📱 **Responsive**: All components are responsive and mobile-friendly
+- ♿ **Accessible**: Complies with WCAG 2.1 accessibility standards
+- 📦 **Tree-shaking**: Import only what you need for optimal bundle size
+- 🔷 **TypeScript**: Fully typed with comprehensive TypeScript definitions
+
+## 📦 Installation
 
 ```bash
 # npm
-npm i @customafk/lunas-ui
+npm install @customafk/lunas-ui
 
 # yarn
 yarn add @customafk/lunas-ui
@@ -25,22 +30,49 @@ pnpm add @customafk/lunas-ui
 
 ### Peer Dependencies
 
+Lunas UI requires the following peer dependencies:
+
 ```bash
 npm install react react-dom
 ```
 
-## 🚀 Sử dụng nhanh
+Additional peer dependencies for specific components:
+
+```bash
+npm install @hookform/error-message@^2.0.0 react-hook-form@^7.62.0 lucide-react@^0.541.0
+```
+
+## 🚀 Quick Start
+
+1. Import styles in your main application file:
+
+```jsx
+// Import base styles first
+import '@customafk/lunas-ui/styles/base'
+// Import theme styles (required)
+import '@customafk/lunas-ui/styles/theme'
+// Optional: Import typography styles if needed
+import '@customafk/lunas-ui/styles/typography'
+```
+
+2. Import and use components:
 
 ```jsx
 import React from 'react'
-import { Button, Card, Input } from 'your-ui-library'
-import 'your-ui-library/dist/styles.css'
+import { Button } from '@customafk/lunas-ui/ui/button'
+import { Card } from '@customafk/lunas-ui/ui/card'
+import { TextField } from '@customafk/lunas-ui/forms/text-field'
+import { FormWrapper } from '@customafk/lunas-ui/forms/form-wrapper'
 
 function App() {
+  const onSubmit = (data) => console.log(data)
+
   return (
-    <Card>
-      <Input placeholder="Enter your name" />
-      <Button variant="primary">Click me!</Button>
+    <Card className="mx-auto max-w-md p-6">
+      <FormWrapper onSubmit={onSubmit}>
+        <TextField name="username" label="Username" placeholder="Enter your username" />
+        <Button type="submit">Submit</Button>
+      </FormWrapper>
     </Card>
   )
 }
@@ -48,77 +80,185 @@ function App() {
 export default App
 ```
 
-## 📋 Danh sách Component
-
-### Form Components
+## 📋 Comprehensive Component Reference
+
+The following table provides a structured reference for all components available in the Lunas UI library:
+
+| Category     | Component         | Import Path                                     |
+| ------------ | ----------------- | ----------------------------------------------- |
+| UI           | Alert             | `@customafk/lunas-ui/ui/alert`                  |
+| UI           | AlertDialog       | `@customafk/lunas-ui/ui/alert-dialog`           |
+| UI           | AspectRatio       | `@customafk/lunas-ui/ui/aspect-ratio`           |
+| UI           | Avatar            | `@customafk/lunas-ui/ui/avatar`                 |
+| UI           | Badge             | `@customafk/lunas-ui/ui/badge`                  |
+| UI           | Breadcrumb        | `@customafk/lunas-ui/ui/breadcrumb`             |
+| UI           | Button            | `@customafk/lunas-ui/ui/button`                 |
+| UI           | Calendar          | `@customafk/lunas-ui/ui/calendar`               |
+| UI           | Card              | `@customafk/lunas-ui/ui/card`                   |
+| UI           | Carousel          | `@customafk/lunas-ui/ui/carousel`               |
+| UI           | Collapsible       | `@customafk/lunas-ui/ui/collapsible`            |
+| UI           | Command           | `@customafk/lunas-ui/ui/command`                |
+| UI           | ContextMenu       | `@customafk/lunas-ui/ui/context-menu`           |
+| UI           | Dialog            | `@customafk/lunas-ui/ui/dialog`                 |
+| UI           | DropdownMenu      | `@customafk/lunas-ui/ui/dropdown-menu`          |
+| UI           | FileUploader      | `@customafk/lunas-ui/ui/file-uploader`          |
+| UI           | Form              | `@customafk/lunas-ui/ui/form`                   |
+| UI           | HoverCard         | `@customafk/lunas-ui/ui/hover-card`             |
+| UI           | Input             | `@customafk/lunas-ui/ui/input`                  |
+| UI           | InputOTP          | `@customafk/lunas-ui/ui/input-otp`              |
+| UI           | Label             | `@customafk/lunas-ui/ui/label`                  |
+| UI           | Menubar           | `@customafk/lunas-ui/ui/menubar`                |
+| UI           | MultiSelect       | `@customafk/lunas-ui/ui/multi-select`           |
+| UI           | NavigationMenu    | `@customafk/lunas-ui/ui/navigation-menu`        |
+| UI           | Pagination        | `@customafk/lunas-ui/ui/pagination`             |
+| UI           | Popover           | `@customafk/lunas-ui/ui/popover`                |
+| UI           | Progress          | `@customafk/lunas-ui/ui/progress`               |
+| UI           | RadioGroup        | `@customafk/lunas-ui/ui/radio-group`            |
+| UI           | Resizable         | `@customafk/lunas-ui/ui/resizable`              |
+| UI           | ScrollArea        | `@customafk/lunas-ui/ui/scroll-area`            |
+| UI           | Select            | `@customafk/lunas-ui/ui/select`                 |
+| UI           | Separator         | `@customafk/lunas-ui/ui/separator`              |
+| UI           | Sheet             | `@customafk/lunas-ui/ui/sheet`                  |
+| UI           | Sidebar           | `@customafk/lunas-ui/ui/sidebar`                |
+| UI           | Skeleton          | `@customafk/lunas-ui/ui/skeleton`               |
+| UI           | Slider            | `@customafk/lunas-ui/ui/slider`                 |
+| UI           | Sonner            | `@customafk/lunas-ui/ui/sonner`                 |
+| UI           | Switch            | `@customafk/lunas-ui/ui/switch`                 |
+| UI           | Table             | `@customafk/lunas-ui/ui/table`                  |
+| UI           | Tabs              | `@customafk/lunas-ui/ui/tabs`                   |
+| UI           | Textarea          | `@customafk/lunas-ui/ui/textarea`               |
+| UI           | Toggle            | `@customafk/lunas-ui/ui/toggle`                 |
+| UI           | ToggleGroup       | `@customafk/lunas-ui/ui/toggle-group`           |
+| UI           | Tooltip           | `@customafk/lunas-ui/ui/tooltip`                |
+| UI Buttons   | AddNewButton      | `@customafk/lunas-ui/ui/buttons/add-new`        |
+| UI Buttons   | EditButton        | `@customafk/lunas-ui/ui/buttons/edit`           |
+| UI Buttons   | RefreshButton     | `@customafk/lunas-ui/ui/buttons/refresh`        |
+| UI Buttons   | TrashButton       | `@customafk/lunas-ui/ui/buttons/trash`          |
+| UI Buttons   | UploadImageButton | `@customafk/lunas-ui/ui/buttons/upload-image`   |
+| UI Inputs    | SearchInput       | `@customafk/lunas-ui/ui/inputs/search-input`    |
+| Forms        | FormWrapper       | `@customafk/lunas-ui/forms/form-wrapper`        |
+| Forms        | TextField         | `@customafk/lunas-ui/forms/text-field`          |
+| Forms        | PasswordField     | `@customafk/lunas-ui/forms/password-field`      |
+| Forms        | NumberField       | `@customafk/lunas-ui/forms/number-field`        |
+| Forms        | SelectField       | `@customafk/lunas-ui/forms/select-field`        |
+| Forms        | DateField         | `@customafk/lunas-ui/forms/date-field`          |
+| Forms        | SwitchField       | `@customafk/lunas-ui/forms/switch-field`        |
+| Forms        | TextareaField     | `@customafk/lunas-ui/forms/textarea-field`      |
+| Forms        | MultiSelectField  | `@customafk/lunas-ui/forms/multi-select-field`  |
+| Layout       | Flex              | `@customafk/lunas-ui/layouts/flex`              |
+| Layout       | Grid              | `@customafk/lunas-ui/layouts/grid`              |
+| Layout       | AppLayout         | `@customafk/lunas-ui/layouts/app-layout`        |
+| Layout       | Main              | `@customafk/lunas-ui/layouts/main`              |
+| Data Display | Country           | `@customafk/lunas-ui/data-display/country`      |
+| Data Display | DataList          | `@customafk/lunas-ui/data-display/data-list`    |
+| Data Display | Date              | `@customafk/lunas-ui/data-display/date`         |
+| Data Display | DateTooltip       | `@customafk/lunas-ui/data-display/date-tooltip` |
+| Data Display | Empty             | `@customafk/lunas-ui/data-display/empty`        |
+| Data Display | Name              | `@customafk/lunas-ui/data-display/name`         |
+| Data Display | PhoneNumber       | `@customafk/lunas-ui/data-display/phone-number` |
+| Data Display | RoleBadge         | `@customafk/lunas-ui/data-display/role-badge`   |
+| Data Display | Statistic         | `@customafk/lunas-ui/data-display/statistic`    |
+| Dialogs      | ConfirmDialog     | `@customafk/lunas-ui/dialogs/confirm-dialog`    |
+| Dialogs      | DetailDialog      | `@customafk/lunas-ui/dialogs/detail-dialog`     |
+| Dialogs      | ErrorDialog       | `@customafk/lunas-ui/dialogs/error-dialog`      |
+| Dialogs      | FormDialog        | `@customafk/lunas-ui/dialogs/form-dialog`       |
+| Dialogs      | LoadingDialog     | `@customafk/lunas-ui/dialogs/loading-dialog`    |
+| Table        | DataTable         | `@customafk/lunas-ui/table`                     |
+| Typography   | Title             | `@customafk/lunas-ui/typography/title`          |
+| Typography   | Paragraph         | `@customafk/lunas-ui/typography/paragraph`      |
+
+### Common Import Requirements
 
-- `Button` - Các loại button với nhiều variant
-- `Input` - Text input với validation
-- `Select` - Dropdown select
-- `Checkbox` - Checkbox và radio button
-- `Switch` - Toggle switch
-
-### Layout Components
+```jsx
+// Required for all form components
+import { useForm } from 'react-hook-form'
 
-- `Container` - Wrapper container
-- `Grid` - Flexible grid system
-- `Card` - Card component
-- `Modal` - Modal dialog
-- `Drawer` - Side drawer
+// Required for icon components
+import { LucideIcon } from 'lucide-react'
 
-### Feedback Components
+// Utility for class name merging
+import { cn } from '@customafk/lunas-ui/lib/utils'
+```
 
-- `Alert` - Alert messages
-- `Toast` - Toast notifications
-- `Loading` - Loading indicators
-- `Progress` - Progress bars
+## 🎨 Theming
 
-### Navigation Components
+Lunas UI supports customization through CSS variables. To customize the theme:
 
-- `Navbar` - Navigation bar
-- `Breadcrumb` - Breadcrumb navigation
-- `Pagination` - Pagination component
-- `Tabs` - Tab component
+1. Import the base theme:
 
-## 📖 Documentation
+```jsx
+import '@customafk/lunas-ui/styles/theme'
+```
 
-Xem [documentation đầy đủ](https://ui.lunas.vn) để biết thêm chi tiết về:
+2. Override CSS variables in your global CSS file:
 
-- **Getting Started**: Hướng dẫn setup và configuration
-- **Component API**: Props, methods và examples cho từng component
-- **Theming**: Cách customize theme và colors
-- **Examples**: Các ví dụ thực tế và use cases
+```css
+:root {
+  --primary: 222.2 47.4% 55.1%;
+  --primary-muted: 222.2 47.4% 95%;
+  --primary-weak: 222.2 47.4% 90%;
+  --primary-strong: 222.2 47.4% 45%;
+  --primary-intense: 222.2 47.4% 35%;
 
-## 🎨 Theming
+  /* Other variables can be overridden similarly */
+}
+```
 
-## 🔧 Configuration
+## 📖 Component Examples
 
-### CSS Import
+### Form Example
 
 ```jsx
-// Import tất cả styles
-import 'your-ui-library/dist/styles.css'
+import { FormWrapper } from '@customafk/lunas-ui/forms/form-wrapper'
+import { TextField } from '@customafk/lunas-ui/forms/text-field'
+import { PasswordField } from '@customafk/lunas-ui/forms/password-field'
+import { Button } from '@customafk/lunas-ui/ui/button'
+
+const LoginForm = () => {
+  const onSubmit = (data) => {
+    console.log('Form submitted:', data)
+  }
 
-// Hoặc import riêng từng component
-import 'your-ui-library/dist/components/Button.css'
+  return (
+    <FormWrapper onSubmit={onSubmit}>
+      <TextField name="email" label="Email" placeholder="Enter your email" isShowErrorMsg />
+      <PasswordField name="password" label="Password" isShowErrorMsg />
+      <Button type="submit">Log In</Button>
+    </FormWrapper>
+  )
+}
 ```
 
-### Bundle Size Optimization
+### Data Table Example
 
 ```jsx
-// Tree-shaking - chỉ import những gì cần
-import { Button } from 'your-ui-library'
-
-// Thay vì import toàn bộ
-import * as UI from 'your-ui-library' // ❌ Không nên
+import { DataTable } from '@customafk/lunas-ui/table'
+
+const columns = [
+  {
+    accessorKey: 'name',
+    header: 'Name',
+  },
+  {
+    accessorKey: 'email',
+    header: 'Email',
+  },
+  {
+    accessorKey: 'role',
+    header: 'Role',
+  },
+]
+
+const data = [
+  { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
+  { name: 'Jane Smith', email: 'jane@example.com', role: 'User' },
+]
+
+const MyTable = () => {
+  return <DataTable columns={columns} data={data} />
+}
 ```
 
-## 🌟 Examples
-
-### Basic Form
-
-### Dark Mode
-
 ## 🛠️ Development
 
 ```bash
@@ -129,66 +269,75 @@ cd lunas-enterprise-ui-package
 # Install dependencies
 npm install
 
-# Build library
-npm run build
+# Start development environment
+npm run dev
 
-# Run storybook
+# Run Storybook
 npm run storybook
-```
 
-### Scripts
+# Build the library
+npm run build
+```
 
 ## 🤝 Contributing
 
-Chúng tôi hoan nghênh mọi đóng góp! Vui lòng xem [CONTRIBUTING.md](CONTRIBUTING.md) để biết thêm chi tiết.
-
-### Development Process
+We welcome contributions! Please follow these steps to contribute:
 
 1. Fork repository
-2. Tạo feature branch (`git checkout -b feature/amazing-feature`)
+2. Create feature branch (`git checkout -b feature/amazing-feature`)
 3. Commit changes (`git commit -m 'Add amazing feature'`)
 4. Push to branch (`git push origin feature/amazing-feature`)
-5. Tạo Pull Request
+5. Create Pull Request
 
 ### Coding Standards
 
-- Code theo ESLint config
-- Viết tests cho features mới
-- Update documentation khi cần
-- Follow conventional commits
+- Follow ESLint config
+- Write tests for new features
+- Update documentation as needed
+- Use conventional commits
 
 ## 📝 Changelog
 
-Xem [CHANGELOG.md](CHANGELOG.md) để biết lịch sử thay đổi của từng version.
+See [CHANGELOG.md](CHANGELOG.md) for version history and changes.
 
 ## 📄 License
 
-MIT © [Your Name](https://github.com/yourusername)
+ISC © [CustomAFK](https://github.com/QuangPhamvt)
+
+## 🤖 Component API Documentation for Developers and AI Assistants
+
+The following provides a simplified component reference for all components in the library. For detailed props documentation and usage examples, visit our documentation site.
+
+### Integration Patterns
+
+- Form components should be used within a `FormWrapper` component
+- Dialog components typically need `open` and `onOpenChange` props to be controlled
+- All components support `className` for custom styling with Tailwind
+- Many components have variants that can be accessed via the `variant` prop
+- Component styles are customizable through CSS variables in `:root`
+- All UI components are responsive and support various screen sizes
 
 ## 🙋‍♀️ Support
 
-- **Documentation**: [https://your-ui-library-docs.com](https://your-ui-library-docs.com)
-- **GitHub Issues**: [Report bugs hoặc feature requests](https://github.com/yourusername/your-ui-library/issues)
-- **Discord**: [Join community](https://discord.gg/your-discord)
-- **Email**: support@your-ui-library.com
+- **Documentation**: [https://ui.lunas.vn](https://ui.lunas.vn)
+- **GitHub Issues**: [Report bugs or feature requests](https://github.com/QuangPhamvt/lunas-enterprise-ui-package/issues)
+- **Email**: quangpm220503vt@gmail.com
 
 ## 🏆 Credits
 
-- Cảm ơn [React](https://reactjs.org/) team
-- Icons từ [Heroicons](https://heroicons.com/)
-- Inspiration từ [Chakra UI](https://chakra-ui.com/) và [Material-UI](https://mui.com/)
+- Thanks to [React](https://reactjs.org/) team
+- Icons from [Lucide React](https://lucide.dev/icons/)
+- Inspiration from [Chakra UI](https://chakra-ui.com/) and [Material-UI](https://mui.com/)
 
 ---
 
 <div align="center">
-  Được tạo với ❤️ bởi <a href="https://github.com/QuangPhamvt">CustomAFK</a>
+  Created with ❤️ by <a href="https://github.com/QuangPhamvt">CustomAFK</a>
 </div>
 
-<!--```json
-{
-  "./styles/base": "./styles/base.css",
-  "./styles/loader": "./styles/loader.css",
-  "./styles/theme": "./styles/theme.css",
-  "./styles/typography": "./styles/typography.css",
-}
-```-->
+<!--
+"./styles/base": "./styles/base.css",
+"./styles/loader": "./styles/loader.css",
+"./styles/theme": "./styles/theme.css",
+"./styles/typography": "./styles/typography.css",
+-->

package/dist/{add-new-B9KK77jE.js → add-new-BrbEoynl.js}

@@ -1,2 +1,2 @@
 import{Paragraph as e}from"./paragraph-D4klQX4h.js";import{Button as t}from"./button-DL_i4AVi.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{PlusIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as AddNewBtn};
-//# sourceMappingURL=add-new-B9KK77jE.js.map
+//# sourceMappingURL=add-new-BrbEoynl.js.map

package/dist/{add-new-B9KK77jE.js.map → add-new-BrbEoynl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"add-new-B9KK77jE.js","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"4LASA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,SAChE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}
+{"version":3,"file":"add-new-BrbEoynl.js","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"4LASA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,SAChE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/{add-new-B9vW0r69.cjs → add-new-C9Gjd7QJ.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./paragraph-BsEYXIR3.cjs`),n=require(`./button-ChpGfVjG.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.Button,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,r.jsx)(i.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});Object.defineProperty(exports,`AddNewBtn`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=add-new-B9vW0r69.cjs.map
+//# sourceMappingURL=add-new-C9Gjd7QJ.cjs.map

package/dist/{add-new-B9vW0r69.cjs.map → add-new-C9Gjd7QJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"add-new-B9vW0r69.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","Button","PlusIcon","Paragraph"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,UAChE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}
+{"version":3,"file":"add-new-C9Gjd7QJ.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","Button","PlusIcon","Paragraph"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,UAChE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/alert-dialog-CnUUZRzI.js

@@ -0,0 +1,2 @@
+import{buttonVariants as e}from"./button-DL_i4AVi.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"react";import{AlertDialog as a}from"radix-ui";function o({...e}){return n(a.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return n(a.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return n(a.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...r}){return n(a.Overlay,{"data-slot":`alert-dialog-overlay`,className:t(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...r})}function u({className:e,...i}){return r(c,{children:[n(l,{}),n(a.Content,{"data-slot":`alert-dialog-content`,className:t(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...i})]})}function d({className:e,...r}){return n(`div`,{"data-slot":`alert-dialog-header`,className:t(`flex flex-col gap-2 text-center sm:text-left`,e),...r})}function f({className:e,...r}){return n(`div`,{"data-slot":`alert-dialog-footer`,className:t(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r})}function p({className:e,...r}){return n(a.Title,{"data-slot":`alert-dialog-title`,className:t(`text-text-positive-strong text-lg font-semibold`,e),...r})}function m({className:e,...r}){return n(a.Description,{"data-slot":`alert-dialog-description`,className:t(`text-text-positive-weak text-sm`,e),...r})}function h({className:r,...i}){return n(a.Action,{className:t(e(),`min-w-24`,r),...i,autoFocus:!0,tabIndex:1})}function g({className:r,...i}){return n(a.Cancel,{className:t(e({variant:`outline`,color:`muted`}),`min-w-24`,r),...i})}export{o as AlertDialog,h as AlertDialogAction,g as AlertDialogCancel,u as AlertDialogContent,m as AlertDialogDescription,f as AlertDialogFooter,d as AlertDialogHeader,l as AlertDialogOverlay,c as AlertDialogPortal,p as AlertDialogTitle,s as AlertDialogTrigger};
+//# sourceMappingURL=alert-dialog-CnUUZRzI.js.map

package/dist/alert-dialog-CnUUZRzI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-CnUUZRzI.js","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { buttonVariants } from '@/components/ui/button'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"wNAQA,SAASA,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAACC,EAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,IAGjE,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAACA,EAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,IAG5E,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAACA,EAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,IACD,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,OAMZ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,+CAAgD,GAAY,GAAI,IAG5H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGtI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAqB,MAAA,CAAM,YAAU,qBAAqB,UAAW,EAAG,kDAAmD,GAAY,GAAI,IAGrJ,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAACA,EAAqB,YAAA,CAAY,YAAU,2BAA2B,UAAW,EAAG,kCAAmC,GAAY,GAAI,IAGjJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,IAAkB,WAAY,GAAY,GAAI,EAAO,UAAA,GAAU,SAAU,IAG7H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,EAAe,CAAE,QAAS,UAAW,MAAO,UAAY,WAAY,GAAY,GAAI"}

package/dist/{alert-dialog-Bc-61QzL.cjs → alert-dialog-csUZX4AP.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./button-ChpGfVjG.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`radix-ui`));function o({...e}){return(0,i.jsx)(a.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return(0,i.jsx)(a.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return(0,i.jsx)(a.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...t}){return(0,i.jsx)(a.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,className:(0,r.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function u({className:e,...t}){return(0,i.jsxs)(c,{children:[(0,i.jsx)(l,{}),(0,i.jsx)(a.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,r.cn)(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function d({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,r.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,r.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(a.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,r.cn)(`text-text-positive-strong text-lg font-semibold`,e),...t})}function m({className:e,...t}){return(0,i.jsx)(a.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,r.cn)(`text-text-positive-weak text-sm`,e),...t})}function h({className:e,...n}){return(0,i.jsx)(a.AlertDialog.Action,{className:(0,r.cn)(t.buttonVariants(),`min-w-24`,e),...n,autoFocus:!0,tabIndex:1})}function g({className:e,...n}){return(0,i.jsx)(a.AlertDialog.Cancel,{className:(0,r.cn)(t.buttonVariants({variant:`outline`,color:`muted`}),`min-w-24`,e),...n})}Object.defineProperty(exports,`AlertDialog`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`AlertDialogAction`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`AlertDialogCancel`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`AlertDialogContent`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`AlertDialogDescription`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`AlertDialogFooter`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`AlertDialogHeader`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`AlertDialogOverlay`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`AlertDialogPortal`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`AlertDialogTitle`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`AlertDialogTrigger`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=alert-dialog-Bc-61QzL.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./button-ChpGfVjG.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=e.__toESM(require(`radix-ui`));function o({...e}){return(0,r.jsx)(a.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return(0,r.jsx)(a.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return(0,r.jsx)(a.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...t}){return(0,r.jsx)(a.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function u({className:e,...t}){return(0,r.jsxs)(c,{children:[(0,r.jsx)(l,{}),(0,r.jsx)(a.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,n.cn)(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function d({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,n.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,n.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(a.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,n.cn)(`text-text-positive-strong text-lg font-semibold`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(a.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,n.cn)(`text-text-positive-weak text-sm`,e),...t})}function h({className:e,...i}){return(0,r.jsx)(a.AlertDialog.Action,{className:(0,n.cn)(t.buttonVariants(),`min-w-24`,e),...i,autoFocus:!0,tabIndex:1})}function g({className:e,...i}){return(0,r.jsx)(a.AlertDialog.Cancel,{className:(0,n.cn)(t.buttonVariants({variant:`outline`,color:`muted`}),`min-w-24`,e),...i})}Object.defineProperty(exports,`AlertDialog`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`AlertDialogAction`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`AlertDialogCancel`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`AlertDialogContent`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`AlertDialogDescription`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`AlertDialogFooter`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`AlertDialogHeader`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`AlertDialogOverlay`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`AlertDialogPortal`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`AlertDialogTitle`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`AlertDialogTrigger`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=alert-dialog-csUZX4AP.cjs.map

package/dist/alert-dialog-csUZX4AP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-csUZX4AP.cjs","names":["AlertDialogPrimitive","buttonVariants"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { buttonVariants } from '@/components/ui/button'\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui'\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"2OAQA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,IAGjE,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,IAG5E,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,IAG1E,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,IAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,KACD,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,GAEF,GAAI,OAMZ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,+CAAgD,GAAY,GAAI,IAG5H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGtI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,MAAA,CAAM,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kDAAmD,GAAY,GAAI,IAGrJ,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,YAAA,CAAY,YAAU,2BAA2B,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI,IAGjJ,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,iBAAkB,WAAY,GAAY,GAAI,EAAO,UAAA,GAAU,SAAU,IAG7H,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACD,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,eAAe,CAAE,QAAS,UAAW,MAAO,UAAY,WAAY,GAAY,GAAI"}

package/dist/{badge-1pcWNSLo.js → badge-gByXCsor.js}

@@ -1,2 +1,2 @@
-import e from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:e,color:r,size:a,pill:o,...s}){return n(`div`,{className:t(i({color:r,pill:o,size:a}),e),...s})}export{a as Badge,i as badgeVariants};
-//# sourceMappingURL=badge-1pcWNSLo.js.map
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import n from"react";import{cva as r}from"class-variance-authority";const i=r(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:n,color:r,size:a,pill:o,...s}){return t(`div`,{className:e(i({color:r,pill:o,size:a}),n),...s})}export{a as Badge,i as badgeVariants};
+//# sourceMappingURL=badge-gByXCsor.js.map

package/dist/{badge-1pcWNSLo.js.map → badge-gByXCsor.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-1pcWNSLo.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"gKAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}
+{"version":3,"file":"badge-gByXCsor.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"gKAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}

package/dist/{badge-xqIWOEbF.cjs → badge-i7tq2_AR.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`class-variance-authority`)),a=(0,i.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function o({className:e,color:t,size:i,pill:o,...s}){return(0,r.jsx)(`div`,{className:(0,n.cn)(a({color:t,pill:o,size:i}),e),...s})}Object.defineProperty(exports,`Badge`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`badgeVariants`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=badge-xqIWOEbF.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`class-variance-authority`)),a=(0,i.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function o({className:e,color:r,size:i,pill:o,...s}){return(0,n.jsx)(`div`,{className:(0,t.cn)(a({color:r,pill:o,size:i}),e),...s})}Object.defineProperty(exports,`Badge`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`badgeVariants`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=badge-i7tq2_AR.cjs.map

package/dist/{badge-xqIWOEbF.cjs.map → badge-i7tq2_AR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-xqIWOEbF.cjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"wNAMM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}
+{"version":3,"file":"badge-i7tq2_AR.cjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  },\n)\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants }\n"],"mappings":"wNAMM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,0BAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAOZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,QAAO,OAAM,SAAS,GAAY,GAAI"}

package/dist/{button-ChLnQHG9.d.ts → button-BHhyePyp.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
@@ -20,7 +20,7 @@ declare function Button({
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
   isLoading?: boolean;
-}): react_jsx_runtime61.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
-//# sourceMappingURL=button-ChLnQHG9.d.ts.map
+//# sourceMappingURL=button-BHhyePyp.d.ts.map