@codefast/ui 0.3.11 → 0.3.12-canary.1
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/CHANGELOG.md +66 -0
- package/README.md +4 -0
- package/dist/components/accordion.d.ts +11 -29
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +11 -38
- package/dist/components/alert-dialog.d.ts +25 -60
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +17 -70
- package/dist/components/alert.d.ts +16 -27
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +33 -31
- package/dist/components/aspect-ratio.d.ts +5 -8
- package/dist/components/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio.js +5 -7
- package/dist/components/avatar.d.ts +7 -17
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +8 -19
- package/dist/components/badge.d.ts +15 -21
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +53 -21
- package/dist/components/breadcrumb.d.ts +13 -35
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +14 -50
- package/dist/components/button-group.d.ts +15 -29
- package/dist/components/button-group.d.ts.map +1 -0
- package/dist/components/button-group.js +37 -28
- package/dist/components/button.d.ts +26 -35
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +87 -52
- package/dist/components/calendar.d.ts +10 -24
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +88 -93
- package/dist/components/card.d.ts +11 -34
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +12 -40
- package/dist/components/carousel.d.ts +25 -55
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +83 -115
- package/dist/components/chart.d.ts +37 -72
- package/dist/components/chart.d.ts.map +1 -0
- package/dist/components/chart.js +162 -151
- package/dist/components/checkbox-cards.d.ts +9 -15
- package/dist/components/checkbox-cards.d.ts.map +1 -0
- package/dist/components/checkbox-cards.js +9 -23
- package/dist/components/checkbox-group.d.ts +9 -16
- package/dist/components/checkbox-group.d.ts.map +1 -0
- package/dist/components/checkbox-group.js +8 -20
- package/dist/components/checkbox.d.ts +5 -9
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +7 -15
- package/dist/components/collapsible.d.ts +7 -14
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +7 -15
- package/dist/components/command.d.ts +24 -55
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +19 -70
- package/dist/components/context-menu.d.ts +23 -72
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +22 -90
- package/dist/components/dialog.d.ts +23 -53
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +21 -73
- package/dist/components/drawer.d.ts +29 -60
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +17 -59
- package/dist/components/dropdown-menu.d.ts +23 -73
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +22 -97
- package/dist/components/empty.d.ts +16 -37
- package/dist/components/empty.d.ts.map +1 -0
- package/dist/components/empty.js +33 -45
- package/dist/components/field.d.ts +26 -63
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +61 -90
- package/dist/components/form.d.ts +16 -37
- package/dist/components/form.d.ts.map +1 -0
- package/dist/components/form.js +51 -67
- package/dist/components/hover-card.d.ts +8 -21
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +9 -24
- package/dist/components/input-group.d.ts +29 -53
- package/dist/components/input-group.d.ts.map +1 -0
- package/dist/components/input-group.js +110 -67
- package/dist/components/input-number.d.ts +8 -28
- package/dist/components/input-number.d.ts.map +1 -0
- package/dist/components/input-number.js +15 -56
- package/dist/components/input-otp.d.ts +11 -24
- package/dist/components/input-otp.d.ts.map +1 -0
- package/dist/components/input-otp.js +14 -35
- package/dist/components/input-password.d.ts +6 -12
- package/dist/components/input-password.d.ts.map +1 -0
- package/dist/components/input-password.js +11 -31
- package/dist/components/input-search.d.ts +9 -18
- package/dist/components/input-search.d.ts.map +1 -0
- package/dist/components/input-search.js +17 -44
- package/dist/components/input.d.ts +5 -10
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +6 -10
- package/dist/components/item.d.ts +33 -69
- package/dist/components/item.d.ts.map +1 -0
- package/dist/components/item.js +69 -91
- package/dist/components/kbd.d.ts +6 -13
- package/dist/components/kbd.d.ts.map +1 -0
- package/dist/components/kbd.js +7 -14
- package/dist/components/label.d.ts +5 -9
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +6 -9
- package/dist/components/menubar.d.ts +24 -80
- package/dist/components/menubar.d.ts.map +1 -0
- package/dist/components/menubar.js +24 -100
- package/dist/components/native-select.d.ts +7 -16
- package/dist/components/native-select.d.ts.map +1 -0
- package/dist/components/native-select.js +8 -26
- package/dist/components/navigation-menu.d.ts +13 -36
- package/dist/components/navigation-menu.d.ts.map +1 -0
- package/dist/components/navigation-menu.js +26 -62
- package/dist/components/pagination.d.ts +15 -35
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +14 -56
- package/dist/components/popover.d.ts +9 -24
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +10 -28
- package/dist/components/progress-circle.d.ts +89 -106
- package/dist/components/progress-circle.d.ts.map +1 -0
- package/dist/components/progress-circle.js +71 -104
- package/dist/components/progress.d.ts +5 -10
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +8 -14
- package/dist/components/radio-cards.d.ts +5 -10
- package/dist/components/radio-cards.d.ts.map +1 -0
- package/dist/components/radio-cards.js +8 -22
- package/dist/components/radio-group.d.ts +6 -13
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +7 -18
- package/dist/components/radio.d.ts +6 -12
- package/dist/components/radio.d.ts.map +1 -0
- package/dist/components/radio.js +6 -11
- package/dist/components/resizable.d.ts +8 -18
- package/dist/components/resizable.d.ts.map +1 -0
- package/dist/components/resizable.js +8 -22
- package/dist/components/scroll-area.d.ts +21 -33
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +65 -85
- package/dist/components/select.d.ts +17 -50
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +27 -79
- package/dist/components/separator.d.ts +20 -29
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +28 -37
- package/dist/components/sheet.d.ts +30 -62
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +68 -81
- package/dist/components/sidebar.d.ts +67 -160
- package/dist/components/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar.js +184 -302
- package/dist/components/skeleton.d.ts +5 -9
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +6 -9
- package/dist/components/slider.d.ts +5 -13
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +13 -35
- package/dist/components/sonner.d.ts +8 -10
- package/dist/components/sonner.d.ts.map +1 -0
- package/dist/components/sonner.js +14 -16
- package/dist/components/spinner.d.ts +6 -12
- package/dist/components/spinner.d.ts.map +1 -0
- package/dist/components/spinner.js +21 -34
- package/dist/components/switch.d.ts +5 -9
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +6 -13
- package/dist/components/table.d.ts +12 -37
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +13 -48
- package/dist/components/tabs.d.ts +8 -21
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +9 -24
- package/dist/components/textarea.d.ts +5 -9
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +6 -9
- package/dist/components/toggle-group.d.ts +10 -24
- package/dist/components/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group.js +21 -39
- package/dist/components/toggle.d.ts +18 -25
- package/dist/components/toggle.d.ts.map +1 -0
- package/dist/components/toggle.js +42 -30
- package/dist/components/tooltip.d.ts +9 -24
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +10 -29
- package/dist/hooks/use-animated-value.d.ts +2 -4
- package/dist/hooks/use-animated-value.d.ts.map +1 -0
- package/dist/hooks/use-animated-value.js +67 -58
- package/dist/hooks/use-copy-to-clipboard.d.ts +6 -11
- package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -0
- package/dist/hooks/use-copy-to-clipboard.js +42 -39
- package/dist/hooks/use-is-mobile.d.ts +2 -4
- package/dist/hooks/use-is-mobile.d.ts.map +1 -0
- package/dist/hooks/use-is-mobile.js +20 -23
- package/dist/hooks/use-media-query.d.ts +2 -4
- package/dist/hooks/use-media-query.d.ts.map +1 -0
- package/dist/hooks/use-media-query.js +49 -46
- package/dist/hooks/use-mutation-observer.d.ts +3 -6
- package/dist/hooks/use-mutation-observer.d.ts.map +1 -0
- package/dist/hooks/use-mutation-observer.js +33 -34
- package/dist/hooks/use-pagination.d.ts +15 -22
- package/dist/hooks/use-pagination.d.ts.map +1 -0
- package/dist/hooks/use-pagination.js +99 -99
- package/dist/index.d.ts +131 -69
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +68 -69
- package/dist/lib/utils.d.ts +10 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +10 -0
- package/dist/primitives/checkbox-group.d.ts +84 -105
- package/dist/primitives/checkbox-group.d.ts.map +1 -0
- package/dist/primitives/checkbox-group.js +91 -105
- package/dist/primitives/input-number.d.ts +41 -51
- package/dist/primitives/input-number.d.ts.map +1 -0
- package/dist/primitives/input-number.js +417 -473
- package/dist/primitives/input.d.ts +43 -48
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +67 -66
- package/dist/primitives/progress-circle.d.ts +49 -79
- package/dist/primitives/progress-circle.d.ts.map +1 -0
- package/dist/primitives/progress-circle.js +134 -149
- package/package.json +33 -16
- package/{dist → src}/css/preset.css +86 -9
- /package/{dist → src}/css/amber.css +0 -0
- /package/{dist → src}/css/blue.css +0 -0
- /package/{dist → src}/css/cyan.css +0 -0
- /package/{dist → src}/css/emerald.css +0 -0
- /package/{dist → src}/css/fuchsia.css +0 -0
- /package/{dist → src}/css/gray.css +0 -0
- /package/{dist → src}/css/green.css +0 -0
- /package/{dist → src}/css/indigo.css +0 -0
- /package/{dist → src}/css/lime.css +0 -0
- /package/{dist → src}/css/neutral.css +0 -0
- /package/{dist → src}/css/orange.css +0 -0
- /package/{dist → src}/css/pink.css +0 -0
- /package/{dist → src}/css/purple.css +0 -0
- /package/{dist → src}/css/red.css +0 -0
- /package/{dist → src}/css/rose.css +0 -0
- /package/{dist → src}/css/sky.css +0 -0
- /package/{dist → src}/css/slate.css +0 -0
- /package/{dist → src}/css/stone.css +0 -0
- /package/{dist → src}/css/style.css +0 -0
- /package/{dist → src}/css/teal.css +0 -0
- /package/{dist → src}/css/violet.css +0 -0
- /package/{dist → src}/css/yellow.css +0 -0
- /package/{dist → src}/css/zinc.css +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,71 @@
|
|
|
1
1
|
# @codefast/ui
|
|
2
2
|
|
|
3
|
+
## 0.3.12-canary.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`b393c9b`](https://github.com/codefastlabs/codefast/commit/b393c9b780c6776c04cc26d6058c574929bbc6b5) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): update imports to use scoped `@codefast/tailwind-variants`
|
|
8
|
+
|
|
9
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`e1b045f`](https://github.com/codefastlabs/codefast/commit/e1b045f16621807e61648cd77cc2486e10021ce5) Thanks [@thevuong](https://github.com/thevuong)! - feat(scripts): add bucket label summarization for grouping
|
|
10
|
+
|
|
11
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`3528b84`](https://github.com/codefastlabs/codefast/commit/3528b843e86cccaebbdd4c1e5e10718a2f18ece4) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): improve skipped package logging and handle missing `package.json` gracefully
|
|
12
|
+
|
|
13
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`165e92a`](https://github.com/codefastlabs/codefast/commit/165e92a92f6198493e17d29fc225216622c6c5ab) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): improve test coverage and simplify utilities
|
|
14
|
+
|
|
15
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`8670d9e`](https://github.com/codefastlabs/codefast/commit/8670d9e2dc593fc569471dd96e2df185fa0a68b5) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): enhance comments and logging in `arrange` module
|
|
16
|
+
|
|
17
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`5165100`](https://github.com/codefastlabs/codefast/commit/5165100bdf6af2b13c30cc3f257f05dd7b3c859b) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): remove outdated unit tests for `arrange`
|
|
18
|
+
|
|
19
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`881b85f`](https://github.com/codefastlabs/codefast/commit/881b85fc2759c49137e7dcb049fb1a88a9ad67f0) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): reduce visual noise in Tailwind classes
|
|
20
|
+
|
|
21
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`35f8e7e`](https://github.com/codefastlabs/codefast/commit/35f8e7e6fff0a8256fc3d5c0ea2507cd4db85c98) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): split utility class declarations across components for enhanced readability
|
|
22
|
+
|
|
23
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`9e22902`](https://github.com/codefastlabs/codefast/commit/9e22902ea2ed36abae3ba8acd461f2c2b6296eb6) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): refactor `generate-exports` and `tailwind-cn` commands into `mirror` and `arrange` commands
|
|
24
|
+
|
|
25
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`b7feafb`](https://github.com/codefastlabs/codefast/commit/b7feafb02188ea6fcc34a75440d190dd5809b744) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): standardize variable names in `arrange` module for clarity
|
|
26
|
+
|
|
27
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`2f14ad3`](https://github.com/codefastlabs/codefast/commit/2f14ad317df1f13b48db69e0927abebb63dafc3e) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): implement `arrange` module for token analysis and formatting
|
|
28
|
+
|
|
29
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`5a2c44b`](https://github.com/codefastlabs/codefast/commit/5a2c44bb180d2c886c97ad87c102a88a55e340aa) Thanks [@thevuong](https://github.com/thevuong)! - chore: migrate utility imports to updated `#lib/utils` alias
|
|
30
|
+
|
|
31
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`bbaeaed`](https://github.com/codefastlabs/codefast/commit/bbaeaedf247f56e95a3e5655424f42d2357912a9) Thanks [@thevuong](https://github.com/thevuong)! - refactor: split utility classes for readability in primitive components
|
|
32
|
+
|
|
33
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`2c4b3de`](https://github.com/codefastlabs/codefast/commit/2c4b3def4b249a02646d0a4ca68670955ec033e9) Thanks [@thevuong](https://github.com/thevuong)! - feat(docs): update CLI README with expanded usage details
|
|
34
|
+
|
|
35
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`6b32eb5`](https://github.com/codefastlabs/codefast/commit/6b32eb56d81b411c1a3736208a6f3b93c0f9aeba) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): localize `arrange` module and enhance error handling
|
|
36
|
+
|
|
37
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`b7fe6c2`](https://github.com/codefastlabs/codefast/commit/b7fe6c2fda19bddb0a3bb015d421da3006bfe142) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): migrate `generate-exports` script to CLI with new commands and tests
|
|
38
|
+
|
|
39
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`f964767`](https://github.com/codefastlabs/codefast/commit/f96476757b4cf40100e0ee92f777219fd69f406b) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): replace `ArrangeFs` and `ArrangeLogger` with `CliFs` and `CliLogger`
|
|
40
|
+
|
|
41
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`9c3a840`](https://github.com/codefastlabs/codefast/commit/9c3a840f024ecd401b9052e104933fd2189ff51a) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): refine `arrange` token handling and enhance compatibility
|
|
42
|
+
|
|
43
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`a721bb6`](https://github.com/codefastlabs/codefast/commit/a721bb6e938308194bf810c9e1143d389dc17c61) Thanks [@thevuong](https://github.com/thevuong)! - test(cli): improve test coverage and add repo root tests
|
|
44
|
+
|
|
45
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`e11a468`](https://github.com/codefastlabs/codefast/commit/e11a4689cc3821624c93cbd151fc86616fb59578) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): restructure `arrange` imports and improve dependency management
|
|
46
|
+
|
|
47
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`bb616f0`](https://github.com/codefastlabs/codefast/commit/bb616f0fddab38e1fc87c296dac5506a7e0386c3) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): reorganize `arrange` and `mirror` modules, extract utilities
|
|
48
|
+
|
|
49
|
+
- [#387](https://github.com/codefastlabs/codefast/pull/387) [`56b6f43`](https://github.com/codefastlabs/codefast/commit/56b6f43ff42be0e80d81392f5104ce6fc3e2d022) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): enhance workspace package discovery in `mirror sync`
|
|
50
|
+
|
|
51
|
+
- Updated dependencies []:
|
|
52
|
+
- @codefast/tailwind-variants@0.3.12-canary.1
|
|
53
|
+
|
|
54
|
+
## 0.3.12-canary.0
|
|
55
|
+
|
|
56
|
+
### Patch Changes
|
|
57
|
+
|
|
58
|
+
- [`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c) Thanks [@thevuong](https://github.com/thevuong)! - refactor: switch package build scripts from tsdown to TypeScript build configs, align UI CSS exports to source CSS paths, and remove obsolete migration tooling
|
|
59
|
+
|
|
60
|
+
- [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74) Thanks [@thevuong](https://github.com/thevuong)! - refactor: migrate package dependencies to catalog references
|
|
61
|
+
|
|
62
|
+
- [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6) Thanks [@thevuong](https://github.com/thevuong)! - refactor: rename typecheck scripts to check-types for consistency
|
|
63
|
+
|
|
64
|
+
- [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de) Thanks [@thevuong](https://github.com/thevuong)! - refactor: align remaining alias references to subpath imports
|
|
65
|
+
|
|
66
|
+
- Updated dependencies [[`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c), [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74), [`e032524`](https://github.com/codefastlabs/codefast/commit/e032524a496132bb3ff6377a7348a7771c1d97dd), [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6), [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de)]:
|
|
67
|
+
- @codefast/tailwind-variants@0.3.12-canary.0
|
|
68
|
+
|
|
3
69
|
## 0.3.11
|
|
4
70
|
|
|
5
71
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -484,6 +484,10 @@ pnpm test --filter=@codefast/ui
|
|
|
484
484
|
pnpm test:coverage --filter=@codefast/ui
|
|
485
485
|
```
|
|
486
486
|
|
|
487
|
+
Package build/dev scripts use TypeScript directly via `tsc -p tsconfig.build.json` (watch mode for `pnpm dev --filter=@codefast/ui`).
|
|
488
|
+
|
|
489
|
+
CSS entry exports under `@codefast/ui/css/*` are sourced from `src/css/*`.
|
|
490
|
+
|
|
487
491
|
### Adding New Components
|
|
488
492
|
|
|
489
493
|
1. Create component files in `src/components/[component-name]/`.
|
|
@@ -1,37 +1,19 @@
|
|
|
1
|
+
import type { ComponentProps, JSX } from "react";
|
|
1
2
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
2
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
-
import { ComponentProps, JSX } from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/components/accordion.d.ts
|
|
6
4
|
type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
|
|
7
|
-
declare function Accordion({
|
|
8
|
-
...props
|
|
9
|
-
}: AccordionProps): JSX.Element;
|
|
5
|
+
declare function Accordion({ ...props }: AccordionProps): JSX.Element;
|
|
10
6
|
type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
|
|
11
|
-
declare function AccordionItem({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}: AccordionItemProps): JSX.Element;
|
|
7
|
+
declare function AccordionItem({ className, ...props }: AccordionItemProps): JSX.Element;
|
|
15
8
|
interface AccordionIconProps extends ComponentProps<typeof Slot> {
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
asChild?: boolean;
|
|
10
|
+
className?: string;
|
|
18
11
|
}
|
|
19
|
-
declare function AccordionIcon({
|
|
20
|
-
asChild,
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}: AccordionIconProps): JSX.Element;
|
|
12
|
+
declare function AccordionIcon({ asChild, className, ...props }: AccordionIconProps): JSX.Element;
|
|
24
13
|
type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
|
|
25
|
-
declare function AccordionTrigger({
|
|
26
|
-
children,
|
|
27
|
-
className,
|
|
28
|
-
...props
|
|
29
|
-
}: AccordionTriggerProps): JSX.Element;
|
|
14
|
+
declare function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps): JSX.Element;
|
|
30
15
|
type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
|
|
31
|
-
declare function AccordionContent({
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}: AccordionContentProps): JSX.Element;
|
|
36
|
-
//#endregion
|
|
37
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
|
|
16
|
+
declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
|
|
17
|
+
export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
|
|
18
|
+
export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
|
|
19
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAQ/E;AAMD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAexF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAqB/F;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAc/F;AAMD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AACvF,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,CAAC"}
|
|
@@ -1,53 +1,26 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
3
4
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
4
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
6
|
import { ChevronDownIcon } from "lucide-react";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
//#region src/components/accordion.tsx
|
|
8
7
|
function Accordion({ ...props }) {
|
|
9
|
-
|
|
10
|
-
"data-slot": "accordion",
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
8
|
+
return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
|
|
13
9
|
}
|
|
14
10
|
function AccordionItem({ className, ...props }) {
|
|
15
|
-
|
|
16
|
-
className: cn("border-b last:border-b-0", className),
|
|
17
|
-
"data-slot": "accordion-item",
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
11
|
+
return (_jsx(AccordionPrimitive.Item, { className: cn("border-b", "last:border-b-0", className), "data-slot": "accordion-item", ...props }));
|
|
20
12
|
}
|
|
21
13
|
function AccordionIcon({ asChild, className, ...props }) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
|
|
25
|
-
"data-slot": "accordion-icon",
|
|
26
|
-
...props
|
|
27
|
-
});
|
|
14
|
+
const Component = (asChild ? Slot : ChevronDownIcon);
|
|
15
|
+
return (_jsx(Component, { "aria-hidden": true, className: cn("size-4 shrink-0 text-muted-foreground", "translate-y-0.5 transition-transform duration-200", className), "data-slot": "accordion-icon", ...props }));
|
|
28
16
|
}
|
|
29
17
|
function AccordionTrigger({ children, className, ...props }) {
|
|
30
|
-
|
|
31
|
-
className: "flex",
|
|
32
|
-
"data-slot": "accordion-trigger-wrapper",
|
|
33
|
-
children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
|
|
34
|
-
className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
|
|
35
|
-
"data-slot": "accordion-trigger",
|
|
36
|
-
...props,
|
|
37
|
-
children
|
|
38
|
-
})
|
|
39
|
-
});
|
|
18
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-trigger-wrapper", children: _jsx(AccordionPrimitive.Trigger, { className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 py-4", "rounded-md outline-hidden", "text-left text-sm font-medium", "hover:not-disabled:underline", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "[&[data-state=open]>svg]:rotate-180", className), "data-slot": "accordion-trigger", ...props, children: children }) }));
|
|
40
19
|
}
|
|
41
20
|
function AccordionContent({ children, className, ...props }) {
|
|
42
|
-
|
|
43
|
-
className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
44
|
-
"data-slot": "accordion-content",
|
|
45
|
-
...props,
|
|
46
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
47
|
-
className: cn("pt-0 pb-4 text-sm", className),
|
|
48
|
-
children
|
|
49
|
-
})
|
|
50
|
-
});
|
|
21
|
+
return (_jsx(AccordionPrimitive.Content, { className: cn("overflow-hidden", "data-open:animate-collapsible-down", "data-closed:animate-collapsible-up"), "data-slot": "accordion-content", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", "text-sm", className), children: children }) }));
|
|
51
22
|
}
|
|
52
|
-
|
|
23
|
+
/* -----------------------------------------------------------------------------
|
|
24
|
+
* Exports
|
|
25
|
+
* -------------------------------------------------------------------------- */
|
|
53
26
|
export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
|
|
@@ -1,74 +1,39 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
|
+
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
//#region src/components/alert-dialog.d.ts
|
|
4
|
+
import { buttonVariants } from "#components/button";
|
|
7
5
|
type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
|
|
8
|
-
declare function AlertDialog({
|
|
9
|
-
...props
|
|
10
|
-
}: AlertDialogProps): JSX.Element;
|
|
6
|
+
declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
|
|
11
7
|
type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
|
|
12
|
-
declare function AlertDialogTrigger({
|
|
13
|
-
...props
|
|
14
|
-
}: AlertDialogTriggerProps): JSX.Element;
|
|
8
|
+
declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): JSX.Element;
|
|
15
9
|
interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
10
|
+
classNames?: {
|
|
11
|
+
content?: string;
|
|
12
|
+
overlay?: string;
|
|
13
|
+
wrapper?: string;
|
|
14
|
+
};
|
|
21
15
|
}
|
|
22
|
-
declare function AlertDialogContent({
|
|
23
|
-
children,
|
|
24
|
-
className,
|
|
25
|
-
classNames,
|
|
26
|
-
...props
|
|
27
|
-
}: AlertDialogContentProps): JSX.Element;
|
|
16
|
+
declare function AlertDialogContent({ children, className, classNames, ...props }: AlertDialogContentProps): JSX.Element;
|
|
28
17
|
type AlertDialogHeaderProps = ComponentProps<"div">;
|
|
29
|
-
declare function AlertDialogHeader({
|
|
30
|
-
className,
|
|
31
|
-
...props
|
|
32
|
-
}: AlertDialogHeaderProps): JSX.Element;
|
|
18
|
+
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
|
|
33
19
|
type AlertDialogBodyProps = ComponentProps<"div">;
|
|
34
|
-
declare function AlertDialogBody({
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
}: AlertDialogBodyProps): JSX.Element;
|
|
20
|
+
declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): JSX.Element;
|
|
38
21
|
type AlertDialogFooterProps = ComponentProps<"div">;
|
|
39
|
-
declare function AlertDialogFooter({
|
|
40
|
-
className,
|
|
41
|
-
...props
|
|
42
|
-
}: AlertDialogFooterProps): JSX.Element;
|
|
22
|
+
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
|
|
43
23
|
type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
|
|
44
|
-
declare function AlertDialogTitle({
|
|
45
|
-
className,
|
|
46
|
-
...props
|
|
47
|
-
}: AlertDialogTitleProps): JSX.Element;
|
|
24
|
+
declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
|
|
48
25
|
type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
|
|
49
|
-
declare function AlertDialogDescription({
|
|
50
|
-
className,
|
|
51
|
-
...props
|
|
52
|
-
}: AlertDialogDescriptionProps): JSX.Element;
|
|
26
|
+
declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
|
|
53
27
|
interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
|
|
54
|
-
|
|
55
|
-
|
|
28
|
+
size?: VariantProps<typeof buttonVariants>["size"];
|
|
29
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
56
30
|
}
|
|
57
|
-
declare function AlertDialogAction({
|
|
58
|
-
className,
|
|
59
|
-
size,
|
|
60
|
-
variant,
|
|
61
|
-
...props
|
|
62
|
-
}: AlertDialogActionProps): JSX.Element;
|
|
31
|
+
declare function AlertDialogAction({ className, size, variant, ...props }: AlertDialogActionProps): JSX.Element;
|
|
63
32
|
interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
|
|
64
|
-
|
|
65
|
-
|
|
33
|
+
size?: VariantProps<typeof buttonVariants>["size"];
|
|
34
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
66
35
|
}
|
|
67
|
-
declare function AlertDialogCancel({
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
...props
|
|
72
|
-
}: AlertDialogCancelProps): JSX.Element;
|
|
73
|
-
//#endregion
|
|
74
|
-
export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
|
|
36
|
+
declare function AlertDialogCancel({ className, size, variant, ...props }: AlertDialogCancelProps): JSX.Element;
|
|
37
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };
|
|
38
|
+
export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, };
|
|
39
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,92 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { cn } from "
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "#lib/utils";
|
|
5
4
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
6
|
-
|
|
5
|
+
import { buttonVariants } from "#components/button";
|
|
7
6
|
function AlertDialog({ ...props }) {
|
|
8
|
-
|
|
9
|
-
"data-slot": "alert-dialog",
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
7
|
+
return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
12
8
|
}
|
|
13
9
|
function AlertDialogTrigger({ ...props }) {
|
|
14
|
-
|
|
15
|
-
"data-slot": "alert-dialog-trigger",
|
|
16
|
-
...props
|
|
17
|
-
});
|
|
10
|
+
return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
|
|
18
11
|
}
|
|
19
12
|
function AlertDialogContent({ children, className, classNames, ...props }) {
|
|
20
|
-
|
|
21
|
-
className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
|
|
22
|
-
"data-slot": "alert-dialog-overlay"
|
|
23
|
-
}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
|
|
24
|
-
className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
|
|
25
|
-
"data-slot": "alert-dialog-content-wrapper",
|
|
26
|
-
...props,
|
|
27
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
28
|
-
className: cn("relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
|
|
29
|
-
"data-slot": "alert-dialog-content",
|
|
30
|
-
children
|
|
31
|
-
})
|
|
32
|
-
})] });
|
|
13
|
+
return (_jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-0", classNames?.overlay), "data-slot": "alert-dialog-overlay" }), _jsx(AlertDialogPrimitive.Content, { className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", classNames?.wrapper), "data-slot": "alert-dialog-content-wrapper", ...props, children: _jsx("div", { className: cn("relative row-start-2 flex w-full max-w-lg flex-col", "rounded-2xl border", "bg-popover text-popover-foreground shadow-lg", classNames?.content, className), "data-slot": "alert-dialog-content", children: children }) })] }));
|
|
33
14
|
}
|
|
34
15
|
function AlertDialogHeader({ className, ...props }) {
|
|
35
|
-
|
|
36
|
-
className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
|
|
37
|
-
"data-slot": "alert-dialog-header",
|
|
38
|
-
...props
|
|
39
|
-
});
|
|
16
|
+
return (_jsx("div", { className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className), "data-slot": "alert-dialog-header", ...props }));
|
|
40
17
|
}
|
|
41
18
|
function AlertDialogBody({ className, ...props }) {
|
|
42
|
-
|
|
43
|
-
className: cn("overflow-auto px-6 py-2", className),
|
|
44
|
-
"data-slot": "alert-dialog-body",
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
19
|
+
return (_jsx("main", { className: cn("overflow-auto", "px-6 py-2", className), "data-slot": "alert-dialog-body", ...props }));
|
|
47
20
|
}
|
|
48
21
|
function AlertDialogFooter({ className, ...props }) {
|
|
49
|
-
|
|
50
|
-
className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
|
|
51
|
-
"data-slot": "alert-dialog-footer",
|
|
52
|
-
...props
|
|
53
|
-
});
|
|
22
|
+
return (_jsx("div", { className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className), "data-slot": "alert-dialog-footer", ...props }));
|
|
54
23
|
}
|
|
55
24
|
function AlertDialogTitle({ className, ...props }) {
|
|
56
|
-
|
|
57
|
-
className: cn("text-lg leading-none font-semibold tracking-tight", className),
|
|
58
|
-
"data-slot": "alert-dialog-title",
|
|
59
|
-
...props
|
|
60
|
-
});
|
|
25
|
+
return (_jsx(AlertDialogPrimitive.Title, { className: cn("text-lg leading-none font-semibold tracking-tight", className), "data-slot": "alert-dialog-title", ...props }));
|
|
61
26
|
}
|
|
62
27
|
function AlertDialogDescription({ className, ...props }) {
|
|
63
|
-
|
|
64
|
-
className: cn("text-sm text-muted-foreground", className),
|
|
65
|
-
"data-slot": "alert-dialog-description",
|
|
66
|
-
...props
|
|
67
|
-
});
|
|
28
|
+
return (_jsx(AlertDialogPrimitive.Description, { className: cn("text-sm text-muted-foreground", className), "data-slot": "alert-dialog-description", ...props }));
|
|
68
29
|
}
|
|
69
30
|
function AlertDialogAction({ className, size, variant, ...props }) {
|
|
70
|
-
|
|
71
|
-
className: buttonVariants({
|
|
72
|
-
className,
|
|
73
|
-
size,
|
|
74
|
-
variant
|
|
75
|
-
}),
|
|
76
|
-
"data-slot": "alert-dialog-action",
|
|
77
|
-
...props
|
|
78
|
-
});
|
|
31
|
+
return (_jsx(AlertDialogPrimitive.Action, { className: buttonVariants({ className, size, variant }), "data-slot": "alert-dialog-action", ...props }));
|
|
79
32
|
}
|
|
80
33
|
function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
|
|
81
|
-
|
|
82
|
-
className: buttonVariants({
|
|
83
|
-
className,
|
|
84
|
-
size,
|
|
85
|
-
variant
|
|
86
|
-
}),
|
|
87
|
-
"data-slot": "alert-dialog-cancel",
|
|
88
|
-
...props
|
|
89
|
-
});
|
|
34
|
+
return (_jsx(AlertDialogPrimitive.Cancel, { className: buttonVariants({ className, size, variant }), "data-slot": "alert-dialog-cancel", ...props }));
|
|
90
35
|
}
|
|
91
|
-
|
|
92
|
-
|
|
36
|
+
/* -----------------------------------------------------------------------------
|
|
37
|
+
* Exports
|
|
38
|
+
* -------------------------------------------------------------------------- */
|
|
39
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };
|
|
@@ -1,30 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
default: string;
|
|
9
|
-
destructive: string;
|
|
10
|
-
};
|
|
1
|
+
import type { VariantProps } from "#lib/utils";
|
|
2
|
+
import type { ComponentProps, JSX } from "react";
|
|
3
|
+
declare const alertVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
4
|
+
variant: {
|
|
5
|
+
default: string;
|
|
6
|
+
destructive: string[];
|
|
7
|
+
};
|
|
11
8
|
}, Record<string, never>>;
|
|
12
|
-
interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
variant,
|
|
16
|
-
...props
|
|
17
|
-
}: AlertProps): JSX.Element;
|
|
9
|
+
interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {
|
|
10
|
+
}
|
|
11
|
+
declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
|
|
18
12
|
type AlertTitleProps = ComponentProps<"div">;
|
|
19
|
-
declare function AlertTitle({
|
|
20
|
-
children,
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}: AlertTitleProps): JSX.Element;
|
|
13
|
+
declare function AlertTitle({ children, className, ...props }: AlertTitleProps): JSX.Element;
|
|
24
14
|
type AlertDescriptionProps = ComponentProps<"div">;
|
|
25
|
-
declare function AlertDescription({
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
//#
|
|
30
|
-
export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
|
|
15
|
+
declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
|
|
16
|
+
export { alertVariants };
|
|
17
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
18
|
+
export type { AlertDescriptionProps, AlertProps, AlertTitleProps };
|
|
19
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,QAAA,MAAM,aAAa;;QAab,OAAO;QACP,WAAW;;yBAOf,CAAC;AAMH,UAAU,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CASxE;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUnF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAYrF;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAC/C,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/components/alert.js
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn, tv } from "#lib/utils";
|
|
3
|
+
/* -----------------------------------------------------------------------------
|
|
4
|
+
* Variant: Alert
|
|
5
|
+
* -------------------------------------------------------------------------- */
|
|
4
6
|
const alertVariants = tv({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
base: [
|
|
8
|
+
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 px-4 py-3",
|
|
9
|
+
"rounded-xl border",
|
|
10
|
+
"bg-card text-sm",
|
|
11
|
+
"has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3",
|
|
12
|
+
"[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
13
|
+
],
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
variant: "default",
|
|
16
|
+
},
|
|
17
|
+
variants: {
|
|
18
|
+
variant: {
|
|
19
|
+
default: "text-card-foreground",
|
|
20
|
+
destructive: [
|
|
21
|
+
"text-destructive",
|
|
22
|
+
"*:data-[slot=alert-description]:text-destructive/90",
|
|
23
|
+
"[&>svg]:text-current",
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
},
|
|
11
27
|
});
|
|
12
28
|
function Alert({ className, variant, ...props }) {
|
|
13
|
-
|
|
14
|
-
className: alertVariants({
|
|
15
|
-
className,
|
|
16
|
-
variant
|
|
17
|
-
}),
|
|
18
|
-
"data-slot": "alert",
|
|
19
|
-
role: "alert",
|
|
20
|
-
...props
|
|
21
|
-
});
|
|
29
|
+
return (_jsx("div", { className: alertVariants({ className, variant }), "data-slot": "alert", role: "alert", ...props }));
|
|
22
30
|
}
|
|
23
31
|
function AlertTitle({ children, className, ...props }) {
|
|
24
|
-
|
|
25
|
-
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
26
|
-
"data-slot": "alert-title",
|
|
27
|
-
...props,
|
|
28
|
-
children
|
|
29
|
-
});
|
|
32
|
+
return (_jsx("div", { className: cn("col-start-2 min-h-4", "line-clamp-1 font-medium tracking-tight", className), "data-slot": "alert-title", ...props, children: children }));
|
|
30
33
|
}
|
|
31
34
|
function AlertDescription({ className, ...props }) {
|
|
32
|
-
|
|
33
|
-
className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
|
|
34
|
-
"data-slot": "alert-description",
|
|
35
|
-
...props
|
|
36
|
-
});
|
|
35
|
+
return (_jsx("div", { className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground", "[&_p]:leading-relaxed", className), "data-slot": "alert-description", ...props }));
|
|
37
36
|
}
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
/* -----------------------------------------------------------------------------
|
|
38
|
+
* Exports
|
|
39
|
+
* -------------------------------------------------------------------------- */
|
|
40
|
+
export { alertVariants };
|
|
41
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
+
import type { ComponentProps, JSX } from "react";
|
|
1
2
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
2
|
-
import { ComponentProps, JSX } from "react";
|
|
3
|
-
|
|
4
|
-
//#region src/components/aspect-ratio.d.ts
|
|
5
3
|
type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
|
|
6
|
-
declare function AspectRatio({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
//#
|
|
10
|
-
export { AspectRatio, type AspectRatioProps };
|
|
4
|
+
declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
|
|
5
|
+
export { AspectRatio };
|
|
6
|
+
export type { AspectRatioProps };
|
|
7
|
+
//# sourceMappingURL=aspect-ratio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAMrE,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAEhE;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
4
|
-
//#region src/components/aspect-ratio.tsx
|
|
5
4
|
function AspectRatio({ ...props }) {
|
|
6
|
-
|
|
7
|
-
"data-slot": "aspect-ratio",
|
|
8
|
-
...props
|
|
9
|
-
});
|
|
5
|
+
return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
|
|
10
6
|
}
|
|
11
|
-
|
|
7
|
+
/* -----------------------------------------------------------------------------
|
|
8
|
+
* Exports
|
|
9
|
+
* -------------------------------------------------------------------------- */
|
|
12
10
|
export { AspectRatio };
|
|
@@ -1,21 +1,11 @@
|
|
|
1
|
+
import type { ComponentProps, JSX } from "react";
|
|
1
2
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
2
|
-
import { ComponentProps, JSX } from "react";
|
|
3
|
-
|
|
4
|
-
//#region src/components/avatar.d.ts
|
|
5
3
|
type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
|
|
6
|
-
declare function Avatar({
|
|
7
|
-
className,
|
|
8
|
-
...props
|
|
9
|
-
}: AvatarProps): JSX.Element;
|
|
4
|
+
declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
|
|
10
5
|
type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
|
|
11
|
-
declare function AvatarImage({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}: AvatarImageProps): JSX.Element;
|
|
6
|
+
declare function AvatarImage({ className, ...props }: AvatarImageProps): JSX.Element;
|
|
15
7
|
type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
|
|
16
|
-
declare function AvatarFallback({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };
|
|
8
|
+
declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
|
|
9
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
10
|
+
export type { AvatarFallbackProps, AvatarImageProps, AvatarProps };
|
|
11
|
+
//# sourceMappingURL=avatar.d.ts.map
|