@customafk/lunas-ui 0.0.9 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +165 -11
- package/dist/{badge-DfSj5nwV.cjs → badge-DYEZ71Xn.cjs} +1 -1
- package/dist/{badge-DfSj5nwV.cjs.map → badge-DYEZ71Xn.cjs.map} +1 -1
- package/dist/{badge-D_qEoSL8.js → badge-DzKUgC8v.js} +1 -1
- package/dist/{badge-D_qEoSL8.js.map → badge-DzKUgC8v.js.map} +1 -1
- package/dist/{button-Blg2XhHo.d.ts → button-DIX2AwtI.d.cts} +6 -6
- package/dist/{button-DThtZ8g0.d.cts → button-DnN5aAEv.d.ts} +6 -6
- package/dist/{command-D8k85t1c.cjs → command-CS4JXTso.cjs} +2 -2
- package/dist/{command-D8k85t1c.cjs.map → command-CS4JXTso.cjs.map} +1 -1
- package/dist/{command-DXhsKiMq.d.ts → command-D0wTWahQ.d.ts} +12 -12
- package/dist/{command-DieInaEN.js → command-LdK9xFuR.js} +2 -2
- package/dist/{command-DieInaEN.js.map → command-LdK9xFuR.js.map} +1 -1
- package/dist/{command-ByvjNMyq.d.cts → command-trF9N6ky.d.cts} +12 -12
- package/dist/data-display/date-tooltip.cjs +2 -0
- package/dist/data-display/date-tooltip.cjs.map +1 -0
- package/dist/data-display/date-tooltip.d.cts +8 -0
- package/dist/data-display/date-tooltip.d.ts +8 -0
- package/dist/data-display/date-tooltip.js +2 -0
- package/dist/data-display/date-tooltip.js.map +1 -0
- package/dist/data-display/empty.d.ts +2 -2
- package/dist/data-display/name.cjs +1 -1
- package/dist/data-display/name.js +1 -1
- package/dist/data-display/phone-number.cjs +1 -1
- package/dist/data-display/phone-number.js +1 -1
- package/dist/data-display/role-badge.cjs +1 -1
- package/dist/data-display/role-badge.js +1 -1
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/data-display/statistic.d.ts +2 -2
- package/dist/{dialog-Cn8cFeu-.cjs → dialog-CXZOtc6v.cjs} +2 -2
- package/dist/{dialog-Cn8cFeu-.cjs.map → dialog-CXZOtc6v.cjs.map} +1 -1
- package/dist/{dialog-C4hf-Puw.js → dialog-Cs7JBaly.js} +2 -2
- package/dist/{dialog-C4hf-Puw.js.map → dialog-Cs7JBaly.js.map} +1 -1
- package/dist/{dialog-B3V9xxdD.d.cts → dialog-CuqlkOcw.d.cts} +12 -12
- package/dist/{dialog-Dlozd6qY.d.ts → dialog-ODkNpSlH.d.ts} +12 -12
- package/dist/dialogs/detail-dialog/index.cjs +1 -1
- package/dist/dialogs/detail-dialog/index.js +1 -1
- package/dist/dialogs/form-dialog.cjs +1 -1
- package/dist/dialogs/form-dialog.d.cts +2 -2
- package/dist/dialogs/form-dialog.d.ts +2 -2
- package/dist/dialogs/form-dialog.js +1 -1
- package/dist/dialogs/loading-dialog.cjs +1 -1
- package/dist/dialogs/loading-dialog.js +1 -1
- package/dist/{dropdown-menu-DTFOCPH_.js → dropdown-menu-CMHZTUhT.js} +2 -2
- package/dist/{dropdown-menu-DTFOCPH_.js.map → dropdown-menu-CMHZTUhT.js.map} +1 -1
- package/dist/{dropdown-menu-D2Kh77uw.cjs → dropdown-menu-QdmFgxxq.cjs} +2 -2
- package/dist/{dropdown-menu-D2Kh77uw.cjs.map → dropdown-menu-QdmFgxxq.cjs.map} +1 -1
- package/dist/forms/combobox-field.cjs +1 -1
- package/dist/forms/combobox-field.d.ts +2 -2
- package/dist/forms/combobox-field.js +1 -1
- package/dist/forms/date-field.d.ts +2 -2
- package/dist/forms/form-wrapper.d.cts +2 -2
- package/dist/forms/form-wrapper.d.ts +2 -2
- package/dist/forms/multi-select-field.cjs +1 -1
- package/dist/forms/multi-select-field.d.cts +2 -2
- package/dist/forms/multi-select-field.d.ts +2 -2
- package/dist/forms/multi-select-field.js +1 -1
- package/dist/forms/number-field.d.cts +2 -2
- package/dist/forms/number-field.d.ts +2 -2
- package/dist/forms/password-field.d.cts +2 -2
- package/dist/forms/select-field.cjs +1 -1
- package/dist/forms/select-field.d.cts +2 -2
- package/dist/forms/select-field.d.ts +2 -2
- package/dist/forms/select-field.js +1 -1
- package/dist/forms/switch-field.d.cts +2 -2
- package/dist/forms/switch-field.d.ts +2 -2
- package/dist/forms/text-field.d.cts +2 -2
- package/dist/forms/text-field.d.ts +2 -2
- package/dist/forms/textarea-field.d.cts +2 -2
- package/dist/forms/textarea-field.d.ts +2 -2
- package/dist/{input-yduNlg8y.d.ts → input-DIMlgILH.d.cts} +3 -3
- package/dist/{input-DlRU8OGl.d.cts → input-DR-TeKen.d.ts} +3 -3
- package/dist/layouts/flex.d.cts +5 -5
- package/dist/layouts/flex.d.ts +7 -7
- package/dist/layouts/main/index.cjs +1 -1
- package/dist/layouts/main/index.d.cts +4 -4
- package/dist/layouts/main/index.js +1 -1
- package/dist/{multi-select-EqlnkO5V.cjs → multi-select-BNh2ezg-.cjs} +2 -2
- package/dist/{multi-select-EqlnkO5V.cjs.map → multi-select-BNh2ezg-.cjs.map} +1 -1
- package/dist/{multi-select-Bbv0Z0TP.js → multi-select-B_fLji2s.js} +2 -2
- package/dist/{multi-select-Bbv0Z0TP.js.map → multi-select-B_fLji2s.js.map} +1 -1
- package/dist/{select-4IO3vAjO.js → select-Cly99ppn.js} +2 -2
- package/dist/{select-4IO3vAjO.js.map → select-Cly99ppn.js.map} +1 -1
- package/dist/{select-UsiicIRo.cjs → select-sfw-dJW8.cjs} +2 -2
- package/dist/{select-UsiicIRo.cjs.map → select-sfw-dJW8.cjs.map} +1 -1
- package/dist/{separator-o7tKOtGF.d.ts → separator-CievW3VI.d.ts} +3 -3
- package/dist/{separator-C4XPc_2Y.d.cts → separator-Q6Oe2w6f.d.cts} +3 -3
- package/dist/{sheet-2JqHfdYi.js → sheet-DeJpnbAR.js} +2 -2
- package/dist/{sheet-2JqHfdYi.js.map → sheet-DeJpnbAR.js.map} +1 -1
- package/dist/{sheet-Dr-a3-o2.cjs → sheet-sg-NUPt_.cjs} +2 -2
- package/dist/{sheet-Dr-a3-o2.cjs.map → sheet-sg-NUPt_.cjs.map} +1 -1
- package/dist/{sidebar-COBzB7S8.js → sidebar-BDATBAxY.js} +2 -2
- package/dist/{sidebar-COBzB7S8.js.map → sidebar-BDATBAxY.js.map} +1 -1
- package/dist/{sidebar-gXuaHBie.cjs → sidebar-cprcAORD.cjs} +2 -2
- package/dist/{sidebar-gXuaHBie.cjs.map → sidebar-cprcAORD.cjs.map} +1 -1
- package/dist/table/index.cjs +1 -1
- package/dist/table/index.d.ts +2 -2
- package/dist/table/index.js +1 -1
- package/dist/{toggle-BCSHdzP0.d.cts → toggle-31B39dod.d.cts} +5 -5
- package/dist/{toggle-D42pqCTD.d.ts → toggle-J2Fw-oeH.d.ts} +5 -5
- package/dist/{tooltip-MgToVOzy.cjs → tooltip-BFeC0iub.cjs} +1 -1
- package/dist/{tooltip-MgToVOzy.cjs.map → tooltip-BFeC0iub.cjs.map} +1 -1
- package/dist/{tooltip-Dn8AOhc4.d.cts → tooltip-Bg1hHoeI.d.cts} +6 -6
- package/dist/{tooltip-DZ2Shzgg.d.ts → tooltip-CeP-zQrX.d.ts} +6 -6
- package/dist/{tooltip-Dzyf5smh.js → tooltip-mqfVQzkp.js} +1 -1
- package/dist/{tooltip-Dzyf5smh.js.map → tooltip-mqfVQzkp.js.map} +1 -1
- package/dist/typography/paragraph.d.cts +2 -2
- package/dist/typography/paragraph.d.ts +2 -2
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.ts +2 -2
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert.d.cts +4 -4
- package/dist/ui/alert.d.ts +4 -4
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.ts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/badge.cjs +1 -1
- package/dist/ui/badge.d.cts +5 -5
- package/dist/ui/badge.d.ts +5 -5
- package/dist/ui/badge.js +1 -1
- package/dist/ui/breadcrumb.cjs +1 -1
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/breadcrumb.js +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.ts +4 -4
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.ts +7 -7
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/command.cjs +1 -1
- package/dist/ui/command.d.cts +2 -2
- package/dist/ui/command.d.ts +2 -2
- package/dist/ui/command.js +1 -1
- package/dist/ui/context-menu.cjs +1 -1
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.ts +16 -16
- package/dist/ui/context-menu.js +1 -1
- package/dist/ui/dialog.cjs +1 -1
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.ts +1 -1
- package/dist/ui/dialog.js +1 -1
- package/dist/ui/dropdown-menu.cjs +1 -1
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/dropdown-menu.js +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.ts +2 -2
- package/dist/ui/form.d.cts +7 -7
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.ts +5 -5
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.ts +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.ts +3 -3
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/menubar.cjs +1 -1
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/menubar.js +1 -1
- package/dist/ui/multi-select.cjs +1 -1
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.ts +2 -2
- package/dist/ui/multi-select.js +1 -1
- package/dist/ui/navigation-menu.cjs +1 -1
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.ts +11 -11
- package/dist/ui/navigation-menu.js +1 -1
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.ts +9 -9
- package/dist/ui/popover.d.cts +5 -5
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/radio-group.js +1 -1
- package/dist/ui/resizable.d.cts +4 -4
- package/dist/ui/resizable.d.ts +4 -4
- package/dist/ui/scroll-area.d.cts +3 -3
- package/dist/ui/scroll-area.d.ts +3 -3
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +11 -11
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/select.js +1 -1
- package/dist/ui/separator.d.cts +1 -1
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/sheet.cjs +1 -1
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sheet.js +1 -1
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.d.cts +30 -30
- package/dist/ui/sidebar.d.ts +30 -30
- package/dist/ui/sidebar.js +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/table.d.cts +9 -9
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/toggle-group.d.cts +4 -4
- package/dist/ui/toggle-group.d.ts +4 -4
- package/dist/ui/toggle.d.cts +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/tooltip.cjs +1 -1
- package/dist/ui/tooltip.d.cts +1 -1
- package/dist/ui/tooltip.d.ts +1 -1
- package/dist/ui/tooltip.js +1 -1
- package/package.json +5 -1
- package/packages/components/data-display/date-tooltip.tsx +37 -0
package/README.md
CHANGED
|
@@ -1,29 +1,183 @@
|
|
|
1
|
-
#
|
|
1
|
+
# UI LUNAS - Thư viện Component React
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## ✨ Tính năng
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
- 🎨 **Thiết kế đẹp mắt**: Component được thiết kế theo các nguyên tắc UI/UX hiện đại
|
|
6
|
+
- 🔧 **Dễ tùy chỉnh**: Hỗ trợ CSS-in-JS, CSS modules, và Tailwind CSS
|
|
7
|
+
- 📱 **Responsive**: Tất cả component đều responsive và mobile-friendly
|
|
8
|
+
- ♿ **Accessible**: Tuân thủ các chuẩn WCAG 2.1 cho accessibility
|
|
9
|
+
<!--- 🌙 **Dark mode**: Hỗ trợ dark mode built-in-->
|
|
10
|
+
- 📦 **Tree-shaking**: Chỉ import những gì bạn cần
|
|
11
|
+
- 🔷 **TypeScript**: Được viết hoàn toàn bằng TypeScript với type definitions đầy đủ
|
|
6
12
|
|
|
7
|
-
|
|
13
|
+
## 📦 Cài đặt
|
|
8
14
|
|
|
9
15
|
```bash
|
|
10
|
-
npm
|
|
16
|
+
# npm
|
|
17
|
+
npm i @customafk/lunas-ui
|
|
18
|
+
|
|
19
|
+
# yarn
|
|
20
|
+
yarn add @customafk/lunas-ui
|
|
21
|
+
|
|
22
|
+
# pnpm
|
|
23
|
+
pnpm add @customafk/lunas-ui
|
|
11
24
|
```
|
|
12
25
|
|
|
13
|
-
|
|
26
|
+
### Peer Dependencies
|
|
14
27
|
|
|
15
28
|
```bash
|
|
16
|
-
npm
|
|
29
|
+
npm install react react-dom
|
|
17
30
|
```
|
|
18
31
|
|
|
19
|
-
|
|
32
|
+
## 🚀 Sử dụng nhanh
|
|
20
33
|
|
|
21
|
-
```
|
|
22
|
-
|
|
34
|
+
```jsx
|
|
35
|
+
import React from 'react';
|
|
36
|
+
import { Button, Card, Input } from 'your-ui-library';
|
|
37
|
+
import 'your-ui-library/dist/styles.css';
|
|
38
|
+
|
|
39
|
+
function App() {
|
|
40
|
+
return (
|
|
41
|
+
<Card>
|
|
42
|
+
<Input placeholder="Enter your name" />
|
|
43
|
+
<Button variant="primary">Click me!</Button>
|
|
44
|
+
</Card>
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export default App;
|
|
23
49
|
```
|
|
24
50
|
|
|
25
|
-
|
|
51
|
+
## 📋 Danh sách Component
|
|
52
|
+
|
|
53
|
+
### Form Components
|
|
54
|
+
- `Button` - Các loại button với nhiều variant
|
|
55
|
+
- `Input` - Text input với validation
|
|
56
|
+
- `Select` - Dropdown select
|
|
57
|
+
- `Checkbox` - Checkbox và radio button
|
|
58
|
+
- `Switch` - Toggle switch
|
|
59
|
+
|
|
60
|
+
### Layout Components
|
|
61
|
+
- `Container` - Wrapper container
|
|
62
|
+
- `Grid` - Flexible grid system
|
|
63
|
+
- `Card` - Card component
|
|
64
|
+
- `Modal` - Modal dialog
|
|
65
|
+
- `Drawer` - Side drawer
|
|
66
|
+
|
|
67
|
+
### Feedback Components
|
|
68
|
+
- `Alert` - Alert messages
|
|
69
|
+
- `Toast` - Toast notifications
|
|
70
|
+
- `Loading` - Loading indicators
|
|
71
|
+
- `Progress` - Progress bars
|
|
72
|
+
|
|
73
|
+
### Navigation Components
|
|
74
|
+
- `Navbar` - Navigation bar
|
|
75
|
+
- `Breadcrumb` - Breadcrumb navigation
|
|
76
|
+
- `Pagination` - Pagination component
|
|
77
|
+
- `Tabs` - Tab component
|
|
78
|
+
|
|
79
|
+
## 📖 Documentation
|
|
80
|
+
|
|
81
|
+
Xem [documentation đầy đủ](https://ui.lunas.vn) để biết thêm chi tiết về:
|
|
82
|
+
|
|
83
|
+
- **Getting Started**: Hướng dẫn setup và configuration
|
|
84
|
+
- **Component API**: Props, methods và examples cho từng component
|
|
85
|
+
- **Theming**: Cách customize theme và colors
|
|
86
|
+
- **Examples**: Các ví dụ thực tế và use cases
|
|
87
|
+
|
|
88
|
+
## 🎨 Theming
|
|
89
|
+
|
|
90
|
+
## 🔧 Configuration
|
|
91
|
+
|
|
92
|
+
### CSS Import
|
|
93
|
+
|
|
94
|
+
```jsx
|
|
95
|
+
// Import tất cả styles
|
|
96
|
+
import 'your-ui-library/dist/styles.css';
|
|
97
|
+
|
|
98
|
+
// Hoặc import riêng từng component
|
|
99
|
+
import 'your-ui-library/dist/components/Button.css';
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
### Bundle Size Optimization
|
|
103
|
+
|
|
104
|
+
```jsx
|
|
105
|
+
// Tree-shaking - chỉ import những gì cần
|
|
106
|
+
import { Button } from 'your-ui-library';
|
|
107
|
+
|
|
108
|
+
// Thay vì import toàn bộ
|
|
109
|
+
import * as UI from 'your-ui-library'; // ❌ Không nên
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## 🌟 Examples
|
|
113
|
+
|
|
114
|
+
### Basic Form
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
### Dark Mode
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
## 🛠️ Development
|
|
26
121
|
|
|
27
122
|
```bash
|
|
123
|
+
# Clone repository
|
|
124
|
+
git clone https://github.com/QuangPhamvt/lunas-enterprise-ui-package.git
|
|
125
|
+
cd lunas-enterprise-ui-package
|
|
126
|
+
|
|
127
|
+
# Install dependencies
|
|
128
|
+
npm install
|
|
129
|
+
|
|
130
|
+
# Build library
|
|
28
131
|
npm run build
|
|
132
|
+
|
|
133
|
+
# Run storybook
|
|
134
|
+
npm run storybook
|
|
29
135
|
```
|
|
136
|
+
|
|
137
|
+
### Scripts
|
|
138
|
+
|
|
139
|
+
## 🤝 Contributing
|
|
140
|
+
|
|
141
|
+
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.
|
|
142
|
+
|
|
143
|
+
### Development Process
|
|
144
|
+
|
|
145
|
+
1. Fork repository
|
|
146
|
+
2. Tạo feature branch (`git checkout -b feature/amazing-feature`)
|
|
147
|
+
3. Commit changes (`git commit -m 'Add amazing feature'`)
|
|
148
|
+
4. Push to branch (`git push origin feature/amazing-feature`)
|
|
149
|
+
5. Tạo Pull Request
|
|
150
|
+
|
|
151
|
+
### Coding Standards
|
|
152
|
+
|
|
153
|
+
- Code theo ESLint config
|
|
154
|
+
- Viết tests cho features mới
|
|
155
|
+
- Update documentation khi cần
|
|
156
|
+
- Follow conventional commits
|
|
157
|
+
|
|
158
|
+
## 📝 Changelog
|
|
159
|
+
|
|
160
|
+
Xem [CHANGELOG.md](CHANGELOG.md) để biết lịch sử thay đổi của từng version.
|
|
161
|
+
|
|
162
|
+
## 📄 License
|
|
163
|
+
|
|
164
|
+
MIT © [Your Name](https://github.com/yourusername)
|
|
165
|
+
|
|
166
|
+
## 🙋♀️ Support
|
|
167
|
+
|
|
168
|
+
- **Documentation**: [https://your-ui-library-docs.com](https://your-ui-library-docs.com)
|
|
169
|
+
- **GitHub Issues**: [Report bugs hoặc feature requests](https://github.com/yourusername/your-ui-library/issues)
|
|
170
|
+
- **Discord**: [Join community](https://discord.gg/your-discord)
|
|
171
|
+
- **Email**: support@your-ui-library.com
|
|
172
|
+
|
|
173
|
+
## 🏆 Credits
|
|
174
|
+
|
|
175
|
+
- Cảm ơn [React](https://reactjs.org/) team
|
|
176
|
+
- Icons từ [Heroicons](https://heroicons.com/)
|
|
177
|
+
- Inspiration từ [Chakra UI](https://chakra-ui.com/) và [Material-UI](https://mui.com/)
|
|
178
|
+
|
|
179
|
+
---
|
|
180
|
+
|
|
181
|
+
<div align="center">
|
|
182
|
+
Được tạo với ❤️ bởi <a href="https://github.com/QuangPhamvt">CustomAFK</a>
|
|
183
|
+
</div>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=e.__toESM(require(`react`)),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 dark:bg-red-600 text-white`,orange:`bg-orange-500 text-white dark:bg-orange-600`,amber:`bg-amber-500 text-white dark:bg-amber-600 `,yellow:`bg-yellow-500 text-white dark:bg-yellow-600 `,lime:`bg-lime-500 text-white dark:bg-lime-600`,green:`bg-green-500 text-white dark:bg-green-600`,emerald:`bg-emerald-500 text-white dark:bg-emerald-600`,teal:`bg-teal-500 text-white dark:bg-teal-600`,cyan:`bg-cyan-500 text-white dark:bg-cyan-600`,sky:`bg-sky-500 text-white dark:bg-sky-600`,blue:`bg-blue-500 text-white dark:bg-blue-600`,indigo:`bg-indigo-500 text-white dark:bg-indigo-600`,violet:`bg-violet-500 text-white dark:bg-violet-600`,purple:`bg-purple-500 text-white dark:bg-purple-600`,fuchsia:`bg-fuchsia-500 text-white dark:bg-fuchsia-600`,pink:`bg-pink-500 text-white dark:bg-pink-600`,rose:`bg-rose-500 text-white dark:bg-rose-600`,zinc:`bg-zinc-500 text-white dark:bg-zinc-600`},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:n,size:i,pill:o,...s}){return(0,r.jsx)(`div`,{className:t.cn(a({color:n,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}});
|
|
2
|
-
//# sourceMappingURL=badge-
|
|
2
|
+
//# sourceMappingURL=badge-DYEZ71Xn.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-
|
|
1
|
+
{"version":3,"file":"badge-DYEZ71Xn.cjs","names":["cn"],"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 \"@/lib/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 dark:bg-red-600 text-white\",\n orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n green: \"bg-green-500 text-white dark:bg-green-600\",\n emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\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> &\n React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n return (\n <div\n className={cn(badgeVariants({ color, pill, size }), className)}\n {...props}\n />\n );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"mMAMM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,2CAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAQZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GAAG,EAAc,CAAE,QAAO,OAAM,SAAS,GACpD,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";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 dark:bg-red-600 text-white`,orange:`bg-orange-500 text-white dark:bg-orange-600`,amber:`bg-amber-500 text-white dark:bg-amber-600 `,yellow:`bg-yellow-500 text-white dark:bg-yellow-600 `,lime:`bg-lime-500 text-white dark:bg-lime-600`,green:`bg-green-500 text-white dark:bg-green-600`,emerald:`bg-emerald-500 text-white dark:bg-emerald-600`,teal:`bg-teal-500 text-white dark:bg-teal-600`,cyan:`bg-cyan-500 text-white dark:bg-cyan-600`,sky:`bg-sky-500 text-white dark:bg-sky-600`,blue:`bg-blue-500 text-white dark:bg-blue-600`,indigo:`bg-indigo-500 text-white dark:bg-indigo-600`,violet:`bg-violet-500 text-white dark:bg-violet-600`,purple:`bg-purple-500 text-white dark:bg-purple-600`,fuchsia:`bg-fuchsia-500 text-white dark:bg-fuchsia-600`,pink:`bg-pink-500 text-white dark:bg-pink-600`,rose:`bg-rose-500 text-white dark:bg-rose-600`,zinc:`bg-zinc-500 text-white dark:bg-zinc-600`},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:t,color:r,size:a,pill:o,...s}){return n(`div`,{className:e(i({color:r,pill:o,size:a}),t),...s})}export{a as Badge,i as badgeVariants};
|
|
2
|
-
//# sourceMappingURL=badge-
|
|
2
|
+
//# sourceMappingURL=badge-DzKUgC8v.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-
|
|
1
|
+
{"version":3,"file":"badge-DzKUgC8v.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 \"@/lib/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 dark:bg-red-600 text-white\",\n orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n green: \"bg-green-500 text-white dark:bg-green-600\",\n emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\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> &\n React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n return (\n <div\n className={cn(badgeVariants({ color, pill, size }), className)}\n {...props}\n />\n );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"qJAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,2CAER,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,iCAEN,KAAM,CACJ,KAAM,iBAGV,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,MAQZ,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OACE,EAAC,MAAA,CACC,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,SAAS,GACpD,GAAI"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime34 from "react/jsx-runtime";
|
|
2
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
2
3
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/button.d.ts
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "destructive" | "
|
|
7
|
+
variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
8
|
size?: "sm" | "lg" | "default" | "icon" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Button({
|
|
11
11
|
className,
|
|
12
12
|
variant,
|
|
@@ -17,7 +17,7 @@ declare function Button({
|
|
|
17
17
|
}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
18
18
|
asChild?: boolean;
|
|
19
19
|
isLoading?: boolean;
|
|
20
|
-
}):
|
|
20
|
+
}): react_jsx_runtime34.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Button, buttonVariants };
|
|
23
|
-
//# sourceMappingURL=button-
|
|
23
|
+
//# sourceMappingURL=button-DIX2AwtI.d.cts.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
1
|
+
import * as react_jsx_runtime219 from "react/jsx-runtime";
|
|
3
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/button.d.ts
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "destructive" | "
|
|
7
|
+
variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
8
|
size?: "sm" | "lg" | "default" | "icon" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types5.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Button({
|
|
11
11
|
className,
|
|
12
12
|
variant,
|
|
@@ -17,7 +17,7 @@ declare function Button({
|
|
|
17
17
|
}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
18
18
|
asChild?: boolean;
|
|
19
19
|
isLoading?: boolean;
|
|
20
|
-
}):
|
|
20
|
+
}): react_jsx_runtime219.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Button, buttonVariants };
|
|
23
|
-
//# sourceMappingURL=button-
|
|
23
|
+
//# sourceMappingURL=button-DnN5aAEv.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=require(`./dialog-
|
|
2
|
-
//# sourceMappingURL=command-
|
|
1
|
+
const e=require(`./chunk-hhQzssFb.cjs`),t=require(`./utils-DaJ1XZgX.cjs`),n=require(`./dialog-CXZOtc6v.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`cmdk`));function s({className:e,...n}){return(0,i.jsx)(o.Command,{"data-slot":`command`,className:t.cn(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md`,e),...n})}function c({title:e=`Command Palette`,description:r=`Search for a command to run...`,children:a,className:o,showCloseButton:c=!0,...l}){return(0,i.jsxs)(n.Dialog,{...l,children:[(0,i.jsxs)(n.DialogHeader,{className:`sr-only`,children:[(0,i.jsx)(n.DialogTitle,{children:e}),(0,i.jsx)(n.DialogDescription,{children:r})]}),(0,i.jsx)(n.DialogContent,{className:t.cn(`overflow-hidden p-0`,o),showCloseButton:c,children:(0,i.jsx)(s,{className:t.cn(`[&_[cmdk-group-heading]]:text-muted-foreground`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function l({className:e,...n}){return(0,i.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[(0,i.jsx)(a.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,i.jsx)(o.Command.Input,{"data-slot":`command-input`,className:t.cn(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...n})]})}function u({className:e,...n}){return(0,i.jsx)(o.Command.List,{"data-slot":`command-list`,className:t.cn(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...n})}function d({...e}){return(0,i.jsx)(o.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function f({className:e,...n}){return(0,i.jsx)(o.Command.Group,{"data-slot":`command-group`,className:t.cn(`text-foreground`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-muted-foreground`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(o.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`bg-border -mx-1 h-px`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(o.Command.Item,{"data-slot":`command-item`,className:t.cn(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-accent`,`data-[selected=true]:text-accent-foreground`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}Object.defineProperty(exports,`Command`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`CommandDialog`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`CommandEmpty`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`CommandGroup`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`CommandInput`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`CommandItem`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`CommandList`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`CommandSeparator`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`CommandShortcut`,{enumerable:!0,get:function(){return h}});
|
|
2
|
+
//# sourceMappingURL=command-CS4JXTso.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-
|
|
1
|
+
{"version":3,"file":"command-CS4JXTso.cjs","names":["CommandPrimitive","cn","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string;\n description?: string;\n className?: string;\n showCloseButton?: boolean;\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"overflow-hidden p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command\n className={cn(\n \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n \"**:data-[slot=command-input-wrapper]:h-12\",\n \"[&_[cmdk-group-heading]]:px-2\",\n \"[&_[cmdk-group-heading]]:font-medium\",\n \"[&_[cmdk-group]]:px-2\",\n \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n \"[&_[cmdk-input-wrapper]_svg]:size-5\",\n \"[&_[cmdk-input]]:h-12\",\n \"[&_[cmdk-item]]:px-2\",\n \"[&_[cmdk-item]]:py-3\",\n \"[&_[cmdk-item]_svg]:size-5\",\n )}\n >\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden\",\n \"placeholder:text-muted-foreground\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n );\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground\",\n \"overflow-hidden p-1\",\n \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n \"[&_[cmdk-group-heading]]:px-2\",\n \"[&_[cmdk-group-heading]]:py-1.5\",\n \"[&_[cmdk-group-heading]]:text-xs\",\n \"[&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none\",\n \"active:ring-border\",\n \"active:opacity-60\",\n \"active:ring-4\",\n \"data-[selected=true]:bg-accent\",\n \"data-[selected=true]:text-accent-foreground\",\n \"data-[disabled=true]:opacity-50\",\n \"data-[disabled=true]:pointer-events-none\",\n \"[&_svg]:shrink-0\",\n \"[&_svg]:pointer-events-none\",\n \"[&_svg:not([class*='size-'])]:size-4\",\n \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n};\n"],"mappings":"uPAcA,SAAS,EAAQ,CACf,YACA,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,UAAWC,EAAAA,GACT,wFACA,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,KACd,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,QAEtB,EAAA,EAAA,KAACC,EAAAA,cAAAA,CACC,UAAWL,EAAAA,GAAG,sBAAuB,GACpB,4BAEjB,EAAA,EAAA,KAAC,EAAA,CACC,UAAWA,EAAAA,GACT,iDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,wBACV,UAAU,uDAEV,EAAA,EAAA,KAACM,EAAAA,WAAAA,CAAW,UAAU,gCACtB,EAAA,EAAA,KAACP,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,UAAWC,EAAAA,GACT,yEACA,oCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAACD,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,UAAWC,EAAAA,GACT,yDACA,GAEF,GAAI,IAKV,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAACD,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,UAAU,2BACV,GAAI,IAKV,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,UAAWC,EAAAA,GACT,kBACA,sBACA,iDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAACD,EAAAA,QAAiB,UAAA,CAChB,YAAU,oBACV,UAAWC,EAAAA,GAAG,uBAAwB,GACtC,GAAI,IAKV,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAACD,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,UAAWC,EAAAA,GACT,kIACA,qBACA,oBACA,gBACA,iCACA,8CACA,kCACA,2CACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CACvB,YACA,GAAG,GAC4B,CAC/B,OACE,EAAA,EAAA,KAAC,OAAA,CACC,YAAU,mBACV,UAAWA,EAAAA,GACT,wDACA,GAEF,GAAI"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Dialog } from "./dialog-
|
|
1
|
+
import { Dialog } from "./dialog-ODkNpSlH.js";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime203 from "react/jsx-runtime";
|
|
4
4
|
import { Command } from "cmdk";
|
|
5
5
|
|
|
6
6
|
//#region packages/components/ui/command.d.ts
|
|
7
7
|
declare function Command$1({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React.ComponentProps<typeof Command>):
|
|
10
|
+
}: React.ComponentProps<typeof Command>): react_jsx_runtime203.JSX.Element;
|
|
11
11
|
declare function CommandDialog({
|
|
12
12
|
title,
|
|
13
13
|
description,
|
|
@@ -20,34 +20,34 @@ declare function CommandDialog({
|
|
|
20
20
|
description?: string;
|
|
21
21
|
className?: string;
|
|
22
22
|
showCloseButton?: boolean;
|
|
23
|
-
}):
|
|
23
|
+
}): react_jsx_runtime203.JSX.Element;
|
|
24
24
|
declare function CommandInput({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: React.ComponentProps<typeof Command.Input>):
|
|
27
|
+
}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime203.JSX.Element;
|
|
28
28
|
declare function CommandList({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Command.List>):
|
|
31
|
+
}: React.ComponentProps<typeof Command.List>): react_jsx_runtime203.JSX.Element;
|
|
32
32
|
declare function CommandEmpty({
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof Command.Empty>):
|
|
34
|
+
}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime203.JSX.Element;
|
|
35
35
|
declare function CommandGroup({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof Command.Group>):
|
|
38
|
+
}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime203.JSX.Element;
|
|
39
39
|
declare function CommandSeparator({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof Command.Separator>):
|
|
42
|
+
}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime203.JSX.Element;
|
|
43
43
|
declare function CommandItem({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof Command.Item>):
|
|
46
|
+
}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime203.JSX.Element;
|
|
47
47
|
declare function CommandShortcut({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: React.ComponentProps<"span">):
|
|
50
|
+
}: React.ComponentProps<"span">): react_jsx_runtime203.JSX.Element;
|
|
51
51
|
//#endregion
|
|
52
52
|
export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
|
|
53
|
-
//# sourceMappingURL=command-
|
|
53
|
+
//# sourceMappingURL=command-D0wTWahQ.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{cn as e}from"./utils-D9AH0PUV.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogHeader as i,DialogTitle as a}from"./dialog-
|
|
2
|
-
//# sourceMappingURL=command-
|
|
1
|
+
import{cn as e}from"./utils-D9AH0PUV.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogHeader as i,DialogTitle as a}from"./dialog-Cs7JBaly.js";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{SearchIcon as l}from"lucide-react";import{Command as u}from"cmdk";function d({className:t,...n}){return s(u,{"data-slot":`command`,className:e(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md`,t),...n})}function f({title:o=`Command Palette`,description:l=`Search for a command to run...`,children:u,className:f,showCloseButton:p=!0,...m}){return c(t,{...m,children:[c(i,{className:`sr-only`,children:[s(a,{children:o}),s(r,{children:l})]}),s(n,{className:e(`overflow-hidden p-0`,f),showCloseButton:p,children:s(d,{className:e(`[&_[cmdk-group-heading]]:text-muted-foreground`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:u})})]})}function p({className:t,...n}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[s(l,{className:`size-4 shrink-0 opacity-50`}),s(u.Input,{"data-slot":`command-input`,className:e(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,t),...n})]})}function m({className:t,...n}){return s(u.List,{"data-slot":`command-list`,className:e(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,t),...n})}function h({...e}){return s(u.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function g({className:t,...n}){return s(u.Group,{"data-slot":`command-group`,className:e(`text-foreground`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-muted-foreground`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,t),...n})}function _({className:t,...n}){return s(u.Separator,{"data-slot":`command-separator`,className:e(`bg-border -mx-1 h-px`,t),...n})}function v({className:t,...n}){return s(u.Item,{"data-slot":`command-item`,className:e(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-accent`,`data-[selected=true]:text-accent-foreground`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,t),...n})}function y({className:t,...n}){return s(`span`,{"data-slot":`command-shortcut`,className:e(`text-muted-foreground ml-auto text-xs tracking-widest`,t),...n})}export{d as Command,f as CommandDialog,h as CommandEmpty,g as CommandGroup,p as CommandInput,v as CommandItem,m as CommandList,_ as CommandSeparator,y as CommandShortcut};
|
|
2
|
+
//# sourceMappingURL=command-LdK9xFuR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-
|
|
1
|
+
{"version":3,"file":"command-LdK9xFuR.js","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string;\n description?: string;\n className?: string;\n showCloseButton?: boolean;\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"overflow-hidden p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command\n className={cn(\n \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n \"**:data-[slot=command-input-wrapper]:h-12\",\n \"[&_[cmdk-group-heading]]:px-2\",\n \"[&_[cmdk-group-heading]]:font-medium\",\n \"[&_[cmdk-group]]:px-2\",\n \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n \"[&_[cmdk-input-wrapper]_svg]:size-5\",\n \"[&_[cmdk-input]]:h-12\",\n \"[&_[cmdk-item]]:px-2\",\n \"[&_[cmdk-item]]:py-3\",\n \"[&_[cmdk-item]_svg]:size-5\",\n )}\n >\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden\",\n \"placeholder:text-muted-foreground\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n );\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground\",\n \"overflow-hidden p-1\",\n \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n \"[&_[cmdk-group-heading]]:px-2\",\n \"[&_[cmdk-group-heading]]:py-1.5\",\n \"[&_[cmdk-group-heading]]:text-xs\",\n \"[&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none\",\n \"active:ring-border\",\n \"active:opacity-60\",\n \"active:ring-4\",\n \"data-[selected=true]:bg-accent\",\n \"data-[selected=true]:text-accent-foreground\",\n \"data-[disabled=true]:opacity-50\",\n \"data-[disabled=true]:pointer-events-none\",\n \"[&_svg]:shrink-0\",\n \"[&_svg]:pointer-events-none\",\n \"[&_svg:not([class*='size-'])]:size-4\",\n \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n};\n"],"mappings":"oTAcA,SAASA,EAAQ,CACf,YACA,GAAG,GAC6C,CAChD,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EACT,wFACA,GAEF,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,IACd,EAAC,EAAA,CAAA,SAAmB,OAEtB,EAAC,EAAA,CACC,UAAW,EAAG,sBAAuB,GACpB,2BAEjB,EAACD,EAAAA,CACC,UAAW,EACT,iDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAC,MAAA,CACC,YAAU,wBACV,UAAU,sDAEV,EAAC,EAAA,CAAW,UAAU,+BACtB,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,oCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,yDACA,GAEF,GAAI,IAKV,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAU,2BACV,GAAI,IAKV,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,kBACA,sBACA,iDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAACA,EAAiB,UAAA,CAChB,YAAU,oBACV,UAAW,EAAG,uBAAwB,GACtC,GAAI,IAKV,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,iCACA,8CACA,kCACA,2CACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CACvB,YACA,GAAG,GAC4B,CAC/B,OACE,EAAC,OAAA,CACC,YAAU,mBACV,UAAW,EACT,wDACA,GAEF,GAAI"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Dialog } from "./dialog-
|
|
2
|
-
import * as
|
|
1
|
+
import { Dialog } from "./dialog-CuqlkOcw.cjs";
|
|
2
|
+
import * as react_jsx_runtime84 from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Command } from "cmdk";
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ import { Command } from "cmdk";
|
|
|
7
7
|
declare function Command$1({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React.ComponentProps<typeof Command>):
|
|
10
|
+
}: React.ComponentProps<typeof Command>): react_jsx_runtime84.JSX.Element;
|
|
11
11
|
declare function CommandDialog({
|
|
12
12
|
title,
|
|
13
13
|
description,
|
|
@@ -20,34 +20,34 @@ declare function CommandDialog({
|
|
|
20
20
|
description?: string;
|
|
21
21
|
className?: string;
|
|
22
22
|
showCloseButton?: boolean;
|
|
23
|
-
}):
|
|
23
|
+
}): react_jsx_runtime84.JSX.Element;
|
|
24
24
|
declare function CommandInput({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: React.ComponentProps<typeof Command.Input>):
|
|
27
|
+
}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime84.JSX.Element;
|
|
28
28
|
declare function CommandList({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof Command.List>):
|
|
31
|
+
}: React.ComponentProps<typeof Command.List>): react_jsx_runtime84.JSX.Element;
|
|
32
32
|
declare function CommandEmpty({
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof Command.Empty>):
|
|
34
|
+
}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime84.JSX.Element;
|
|
35
35
|
declare function CommandGroup({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof Command.Group>):
|
|
38
|
+
}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime84.JSX.Element;
|
|
39
39
|
declare function CommandSeparator({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof Command.Separator>):
|
|
42
|
+
}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime84.JSX.Element;
|
|
43
43
|
declare function CommandItem({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof Command.Item>):
|
|
46
|
+
}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime84.JSX.Element;
|
|
47
47
|
declare function CommandShortcut({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: React.ComponentProps<"span">):
|
|
50
|
+
}: React.ComponentProps<"span">): react_jsx_runtime84.JSX.Element;
|
|
51
51
|
//#endregion
|
|
52
52
|
export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
|
|
53
|
-
//# sourceMappingURL=command-
|
|
53
|
+
//# sourceMappingURL=command-trF9N6ky.d.cts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../date-ByLOGsKl.cjs`),n=require(`../badge-DYEZ71Xn.cjs`),r=require(`../tooltip-BFeC0iub.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({date:e})=>(0,i.jsx)(r.TooltipProvider,{children:(0,i.jsxs)(r.Tooltip,{children:[(0,i.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(n.Badge,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.TooltipContent,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`full`,showTime:!0,className:`text-secondary !font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
|
|
2
|
+
//# sourceMappingURL=date-tooltip.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-tooltip.cjs","names":["DateTooltip: React.FC<Props>","TooltipProvider","Tooltip","TooltipTrigger","Badge","DateDisplay","TooltipContent"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from \"./date\";\nimport { Badge } from \"../ui/badge\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"../ui/tooltip\";\n\ntype Props = {\n date: Date | string | number;\n};\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <Badge>\n <DateDisplay\n date={date}\n format=\"medium\"\n className=\"font-normal text-white\"\n />\n </Badge>\n </TooltipTrigger>\n <TooltipContent>\n <DateDisplay\n date={date}\n format=\"full\"\n showTime\n className=\"text-secondary !font-[Inter] font-medium\"\n />\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n};\n"],"mappings":"oOAYaA,GAAgC,CAAE,WAE3C,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,YAAAA,CACO,OACN,OAAO,SACP,UAAU,gCAIhB,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACD,EAAAA,YAAAA,CACO,OACN,OAAO,OACP,SAAA,GACA,UAAU"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import"../utils-D9AH0PUV.js";import{DateDisplay as e}from"../date-BMq_DNsv.js";import{Badge as t}from"../badge-DzKUgC8v.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-mqfVQzkp.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(n,{children:[o(a,{asChild:!0,children:o(t,{children:o(e,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(r,{children:o(e,{date:c,format:`full`,showTime:!0,className:`text-secondary !font-[Inter] font-medium`})})]})});export{c as DateTooltip};
|
|
2
|
+
//# sourceMappingURL=date-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-tooltip.js","names":["DateTooltip: React.FC<Props>"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { DateDisplay } from \"./date\";\nimport { Badge } from \"../ui/badge\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"../ui/tooltip\";\n\ntype Props = {\n date: Date | string | number;\n};\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <Badge>\n <DateDisplay\n date={date}\n format=\"medium\"\n className=\"font-normal text-white\"\n />\n </Badge>\n </TooltipTrigger>\n <TooltipContent>\n <DateDisplay\n date={date}\n format=\"full\"\n showTime\n className=\"text-secondary !font-[Inter] font-medium\"\n />\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n};\n"],"mappings":"4RAYA,MAAaA,GAAgC,CAAE,UAE3C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACO,OACN,OAAO,SACP,UAAU,+BAIhB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACO,OACN,OAAO,OACP,SAAA,GACA,UAAU"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/data-display/empty.d.ts
|
|
4
|
-
declare const EmptyDisplay: () =>
|
|
4
|
+
declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
|
|
5
5
|
//#endregion
|
|
6
6
|
export { EmptyDisplay };
|
|
7
7
|
//# sourceMappingURL=empty.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../paragraph-DWQ0PZt_.cjs`),n=require(`../tooltip-
|
|
1
|
+
const e=require(`../chunk-hhQzssFb.cjs`);require(`../utils-DaJ1XZgX.cjs`);const t=require(`../paragraph-DWQ0PZt_.cjs`),n=require(`../tooltip-BFeC0iub.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({name:e})=>(0,i.jsxs)(n.Tooltip,{children:[(0,i.jsx)(n.TooltipTrigger,{children:(0,i.jsx)(t.Paragraph,{variant:`sm`,className:`line-clamp-2 cursor-help`,children:e})}),(0,i.jsx)(n.TooltipContent,{className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=a;
|
|
2
2
|
//# sourceMappingURL=name.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../utils-D9AH0PUV.js";import{Paragraph as e}from"../paragraph-Bey03JkA.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-
|
|
1
|
+
import"../utils-D9AH0PUV.js";import{Paragraph as e}from"../paragraph-Bey03JkA.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-mqfVQzkp.js";import i from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:i})=>o(t,{children:[a(r,{children:a(e,{variant:`sm`,className:`line-clamp-2 cursor-help`,children:i})}),a(n,{className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:i})]});export{s as NameDisplay};
|
|
2
2
|
//# sourceMappingURL=name.js.map
|