@health-samurai/react-components 0.0.0-alpha.4 → 0.0.0-alpha.6
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/dist/bundle.css +1375 -484
- package/dist/src/components/code-editor/http/grammar/http.d.ts +3 -0
- package/dist/src/components/code-editor/http/grammar/http.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.grammar +74 -0
- package/dist/src/components/code-editor/http/grammar/http.js +38 -0
- package/dist/src/components/code-editor/http/grammar/http.js.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.d.ts +2 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.js +4 -0
- package/dist/src/components/code-editor/http/grammar/http.terms.js.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.test.d.ts +2 -0
- package/dist/src/components/code-editor/http/grammar/http.test.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/grammar/http.test.js +80 -0
- package/dist/src/components/code-editor/http/grammar/http.test.js.map +1 -0
- package/dist/src/components/code-editor/http/index.d.ts +4 -0
- package/dist/src/components/code-editor/http/index.d.ts.map +1 -0
- package/dist/src/components/code-editor/http/index.js +66 -0
- package/dist/src/components/code-editor/http/index.js.map +1 -0
- package/dist/src/components/code-editor/index.d.ts +14 -2
- package/dist/src/components/code-editor/index.d.ts.map +1 -1
- package/dist/src/components/code-editor/index.js +309 -20
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.d.ts +1 -0
- package/dist/src/components/code-editor.stories.d.ts.map +1 -1
- package/dist/src/components/code-editor.stories.js +255 -2
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/copy-icon.d.ts +5 -1
- package/dist/src/components/copy-icon.d.ts.map +1 -1
- package/dist/src/components/copy-icon.js +41 -3
- package/dist/src/components/copy-icon.js.map +1 -1
- package/dist/src/components/data-table.d.ts +8 -0
- package/dist/src/components/data-table.d.ts.map +1 -0
- package/dist/src/components/data-table.js +65 -0
- package/dist/src/components/data-table.js.map +1 -0
- package/dist/src/components/data-table.stories.d.ts +7 -0
- package/dist/src/components/data-table.stories.d.ts.map +1 -0
- package/dist/src/components/data-table.stories.js +44 -0
- package/dist/src/components/data-table.stories.js.map +1 -0
- package/dist/src/components/fhir-structure-view.d.ts +34 -0
- package/dist/src/components/fhir-structure-view.d.ts.map +1 -0
- package/dist/src/components/fhir-structure-view.js +229 -0
- package/dist/src/components/fhir-structure-view.js.map +1 -0
- package/dist/src/components/fhir-structure-view.stories.d.ts +7 -0
- package/dist/src/components/fhir-structure-view.stories.d.ts.map +1 -0
- package/dist/src/components/fhir-structure-view.stories.js +447 -0
- package/dist/src/components/fhir-structure-view.stories.js.map +1 -0
- package/dist/src/components/patient-table.d.ts +73 -0
- package/dist/src/components/patient-table.d.ts.map +1 -0
- package/dist/src/components/patient-table.js +921 -0
- package/dist/src/components/patient-table.js.map +1 -0
- package/dist/src/components/patient-table.stories.d.ts +111 -0
- package/dist/src/components/patient-table.stories.d.ts.map +1 -0
- package/dist/src/components/patient-table.stories.js +172 -0
- package/dist/src/components/patient-table.stories.js.map +1 -0
- package/dist/src/components/request-line-editor.d.ts +13 -35
- package/dist/src/components/request-line-editor.d.ts.map +1 -1
- package/dist/src/components/request-line-editor.js +72 -49
- package/dist/src/components/request-line-editor.js.map +1 -1
- package/dist/src/components/request-line-editor.stories.d.ts.map +1 -1
- package/dist/src/components/request-line-editor.stories.js +17 -53
- package/dist/src/components/request-line-editor.stories.js.map +1 -1
- package/dist/src/components/segment-control.d.ts +16 -0
- package/dist/src/components/segment-control.d.ts.map +1 -0
- package/dist/src/components/segment-control.js +48 -0
- package/dist/src/components/segment-control.js.map +1 -0
- package/dist/src/components/segment-control.stories.d.ts +15 -0
- package/dist/src/components/segment-control.stories.d.ts.map +1 -0
- package/dist/src/components/segment-control.stories.js +33 -0
- package/dist/src/components/segment-control.stories.js.map +1 -0
- package/dist/src/components/split-button.d.ts +5 -0
- package/dist/src/components/split-button.d.ts.map +1 -0
- package/dist/src/components/split-button.js +12 -0
- package/dist/src/components/split-button.js.map +1 -0
- package/dist/src/components/split-button.stories.d.ts +7 -0
- package/dist/src/components/split-button.stories.d.ts.map +1 -0
- package/dist/src/components/split-button.stories.js +57 -0
- package/dist/src/components/split-button.stories.js.map +1 -0
- package/dist/src/components/tree-view.d.ts +22 -0
- package/dist/src/components/tree-view.d.ts.map +1 -0
- package/dist/src/components/tree-view.js +101 -0
- package/dist/src/components/tree-view.js.map +1 -0
- package/dist/src/components/tree-view.stories.d.ts +13 -0
- package/dist/src/components/tree-view.stories.d.ts.map +1 -0
- package/dist/src/components/tree-view.stories.js +274 -0
- package/dist/src/components/tree-view.stories.js.map +1 -0
- package/dist/src/icons.d.ts +9 -0
- package/dist/src/icons.d.ts.map +1 -0
- package/dist/src/icons.js +279 -0
- package/dist/src/icons.js.map +1 -0
- package/dist/src/index.css +42 -3
- package/dist/src/index.d.ts +9 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +9 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.js +23 -5
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.d.ts +3 -1
- package/dist/src/shadcn/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.js +5 -2
- package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/alert.js +12 -5
- package/dist/src/shadcn/components/ui/alert.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.js +4 -3
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/badge.js +16 -5
- package/dist/src/shadcn/components/ui/badge.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.js +6 -6
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/button.js +19 -11
- package/dist/src/shadcn/components/ui/button.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/card.js +14 -6
- package/dist/src/shadcn/components/ui/card.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +20 -5
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.js +44 -35
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/combobox.d.ts +18 -0
- package/dist/src/shadcn/components/ui/combobox.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.js +121 -0
- package/dist/src/shadcn/components/ui/combobox.js.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.stories.d.ts +11 -0
- package/dist/src/shadcn/components/ui/combobox.stories.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/combobox.stories.js +16 -0
- package/dist/src/shadcn/components/ui/combobox.stories.js.map +1 -0
- package/dist/src/shadcn/components/ui/command.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/command.js +73 -12
- package/dist/src/shadcn/components/ui/command.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.stories.js +0 -1
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.js +35 -7
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +26 -5
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js +12 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +12 -4
- package/dist/src/shadcn/components/ui/form.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.d.ts +3 -1
- package/dist/src/shadcn/components/ui/input.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +126 -17
- package/dist/src/shadcn/components/ui/input.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +8 -1
- package/dist/src/shadcn/components/ui/label.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.js +35 -13
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.js +6 -6
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +12 -1
- package/dist/src/shadcn/components/ui/popover.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/progress.js +6 -2
- package/dist/src/shadcn/components/ui/progress.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +11 -6
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.js +57 -34
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +9 -3
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/select.js +49 -14
- package/dist/src/shadcn/components/ui/select.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.js +1 -4
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +7 -1
- package/dist/src/shadcn/components/ui/separator.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +20 -6
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.js +3 -1
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +34 -4
- package/dist/src/shadcn/components/ui/slider.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.d.ts +16 -1
- package/dist/src/shadcn/components/ui/sonner.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.js +23 -3
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.js +19 -11
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +18 -2
- package/dist/src/shadcn/components/ui/switch.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/table.js +12 -8
- package/dist/src/shadcn/components/ui/table.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.d.ts +21 -3
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.js +315 -9
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js +50 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.js +15 -1
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.js +6 -2
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.js +18 -6
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +11 -1
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
- package/dist/src/shadcn/components/ui/tree.d.ts +28 -0
- package/dist/src/shadcn/components/ui/tree.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tree.js +122 -0
- package/dist/src/shadcn/components/ui/tree.js.map +1 -0
- package/dist/src/typography.css +12 -0
- package/package.json +13 -2
- package/src/components/code-editor/http/grammar/http.grammar +74 -0
- package/src/components/code-editor/http/grammar/http.terms.ts +9 -0
- package/src/components/code-editor/http/grammar/http.test.ts +110 -0
- package/src/components/code-editor/http/grammar/http.ts +21 -0
- package/src/components/code-editor/http/index.ts +87 -0
- package/src/components/code-editor/index.tsx +307 -21
- package/src/components/code-editor.stories.tsx +295 -1
- package/src/components/copy-icon.tsx +57 -3
- package/src/components/data-table.stories.tsx +38 -0
- package/src/components/data-table.tsx +117 -0
- package/src/components/fhir-structure-view.stories.tsx +439 -0
- package/src/components/fhir-structure-view.tsx +231 -0
- package/src/components/patient-table.stories.tsx +111 -0
- package/src/components/patient-table.tsx +1301 -0
- package/src/components/request-line-editor.stories.tsx +17 -27
- package/src/components/request-line-editor.tsx +98 -61
- package/src/components/segment-control.stories.tsx +29 -0
- package/src/components/segment-control.tsx +80 -0
- package/src/components/split-button.stories.tsx +49 -0
- package/src/components/split-button.tsx +17 -0
- package/src/components/tree-view.stories.tsx +259 -0
- package/src/components/tree-view.tsx +172 -0
- package/src/icons.tsx +287 -0
- package/src/index.css +42 -3
- package/src/index.tsx +9 -2
- package/src/shadcn/components/ui/accordion.tsx +66 -8
- package/src/shadcn/components/ui/alert-dialog.tsx +6 -2
- package/src/shadcn/components/ui/alert.tsx +53 -15
- package/src/shadcn/components/ui/avatar.tsx +17 -6
- package/src/shadcn/components/ui/badge.tsx +67 -18
- package/src/shadcn/components/ui/breadcrumb.tsx +35 -7
- package/src/shadcn/components/ui/button.tsx +118 -57
- package/src/shadcn/components/ui/card.tsx +44 -13
- package/src/shadcn/components/ui/checkbox.stories.tsx +20 -24
- package/src/shadcn/components/ui/checkbox.tsx +45 -4
- package/src/shadcn/components/ui/combobox.stories.tsx +19 -0
- package/src/shadcn/components/ui/combobox.tsx +142 -0
- package/src/shadcn/components/ui/command.stories.tsx +1 -1
- package/src/shadcn/components/ui/command.tsx +192 -36
- package/src/shadcn/components/ui/dialog.tsx +101 -13
- package/src/shadcn/components/ui/drawer.tsx +93 -18
- package/src/shadcn/components/ui/dropdown-menu.tsx +37 -9
- package/src/shadcn/components/ui/form.tsx +16 -4
- package/src/shadcn/components/ui/input.tsx +400 -29
- package/src/shadcn/components/ui/label.tsx +21 -4
- package/src/shadcn/components/ui/menubar.tsx +188 -43
- package/src/shadcn/components/ui/pagination.tsx +12 -6
- package/src/shadcn/components/ui/popover.tsx +35 -4
- package/src/shadcn/components/ui/progress.tsx +21 -5
- package/src/shadcn/components/ui/radio-group.stories.tsx +22 -14
- package/src/shadcn/components/ui/radio-group.tsx +42 -5
- package/src/shadcn/components/ui/scroll-area.tsx +33 -5
- package/src/shadcn/components/ui/select.stories.tsx +0 -2
- package/src/shadcn/components/ui/select.tsx +184 -33
- package/src/shadcn/components/ui/separator.tsx +15 -5
- package/src/shadcn/components/ui/sidebar.tsx +68 -26
- package/src/shadcn/components/ui/skeleton.tsx +4 -1
- package/src/shadcn/components/ui/slider.tsx +82 -11
- package/src/shadcn/components/ui/sonner.stories.tsx +19 -15
- package/src/shadcn/components/ui/sonner.tsx +53 -3
- package/src/shadcn/components/ui/switch.tsx +53 -7
- package/src/shadcn/components/ui/table.tsx +38 -11
- package/src/shadcn/components/ui/tabs.stories.tsx +32 -0
- package/src/shadcn/components/ui/tabs.tsx +456 -17
- package/src/shadcn/components/ui/textarea.tsx +42 -4
- package/src/shadcn/components/ui/toggle-group.tsx +27 -5
- package/src/shadcn/components/ui/toggle.tsx +59 -18
- package/src/shadcn/components/ui/tooltip.tsx +33 -8
- package/src/shadcn/components/ui/tree.tsx +233 -0
- package/src/typography.css +12 -0
|
@@ -1,38 +1,142 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import { cn } from "../../lib/utils.js";
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const
|
|
4
|
+
// Base icon styles
|
|
5
|
+
const iconBaseClasses = cn(// Positioning
|
|
6
|
+
"absolute", "top-1/2", "-translate-y-1/2", "z-10", // Layout & Flexbox
|
|
7
|
+
"flex", "items-center", "justify-center", // Cursor & Interactions
|
|
8
|
+
"cursor-default", "[&_svg]:pointer-events-none", // Sizing
|
|
9
|
+
"[&_svg:not([class*='size-'])]:size-4", "shrink-0", "[&_svg]:shrink-0");
|
|
10
|
+
// Left icon positioning
|
|
11
|
+
const iconLeftPosition = cn(// Positioning
|
|
12
|
+
"left-3", // Transitions
|
|
13
|
+
"transition-colors", "duration-300");
|
|
14
|
+
// Right icon container
|
|
15
|
+
const iconRightContainer = cn(// Positioning
|
|
16
|
+
"absolute", "right-3", "top-1/2", "-translate-y-1/2", // Layout & Flexbox
|
|
17
|
+
"flex", "gap-2", // Z-index
|
|
18
|
+
"z-10");
|
|
19
|
+
// Icon color states
|
|
20
|
+
const iconNormalColor = cn(// Colors
|
|
21
|
+
"text-text-tertiary", // Transitions
|
|
22
|
+
"transition-colors", "duration-300");
|
|
23
|
+
const iconInvalidColor = cn(// Colors
|
|
24
|
+
"text-text-tertiary", // Transitions
|
|
25
|
+
"transition-colors", "duration-300");
|
|
26
|
+
const iconDisabledColor = cn(// Colors
|
|
27
|
+
"text-text-disabled", // Cursor & Interactions
|
|
28
|
+
"hover:cursor-not-allowed", // Transitions
|
|
29
|
+
"transition-colors", "duration-300");
|
|
30
|
+
// Icon wrapper styles
|
|
31
|
+
const iconWrapperClasses = cn(// Sizing
|
|
32
|
+
"flex", "items-center", "[&>svg]:w-full", "[&>svg]:h-full", "[&>svg]:stroke-[1.5]");
|
|
33
|
+
// Right icon item styles
|
|
34
|
+
const iconRightItemClasses = cn(// Layout & Flexbox
|
|
35
|
+
"flex", "items-center", "justify-center", // Transitions
|
|
36
|
+
"transition-colors", "duration-300");
|
|
37
|
+
// Prefix styles
|
|
38
|
+
const prefixClasses = cn(// Borders
|
|
39
|
+
"border-border-primary", "border", "border-r-0", // Background & Colors
|
|
40
|
+
"bg-bg-tertiary", "text-text-tertiary", // Layout & Flexbox
|
|
41
|
+
"flex", "items-center", // Spacing & Sizing
|
|
42
|
+
"rounded-l-md", "px-3", "py-1", // Typography
|
|
43
|
+
"typo-body", // Cursor & Interactions
|
|
44
|
+
"cursor-default", // Transitions
|
|
45
|
+
"transition-colors", "duration-300");
|
|
46
|
+
// Suffix styles
|
|
47
|
+
const suffixClasses = cn(// Borders
|
|
48
|
+
"border-border-primary", "border", // Background & Colors
|
|
49
|
+
"bg-bg-tertiary", "text-text-tertiary", // Layout & Flexbox
|
|
50
|
+
"flex", "items-center", // Spacing & Sizing
|
|
51
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
52
|
+
"typo-body", // Cursor & Interactions
|
|
53
|
+
"cursor-default", // Transitions
|
|
54
|
+
"transition-colors", "duration-300");
|
|
55
|
+
// Disabled prefix styles
|
|
56
|
+
const prefixDisabledClasses = cn(// Borders
|
|
57
|
+
"border-border-primary", "border", // Background & Colors
|
|
58
|
+
"bg-bg-tertiary", "text-text-disabled", // Layout & Flexbox
|
|
59
|
+
"flex", "items-center", // Spacing & Sizing
|
|
60
|
+
"rounded-l-md", "px-3", "py-1", // Typography
|
|
61
|
+
"typo-body", // Cursor & Interactions
|
|
62
|
+
"hover:cursor-not-allowed", // Transitions
|
|
63
|
+
"transition-colors", "duration-300");
|
|
64
|
+
// Disabled suffix styles
|
|
65
|
+
const suffixDisabledClasses = cn(// Borders
|
|
66
|
+
"border-border-primary", "border", // Background & Colors
|
|
67
|
+
"bg-bg-tertiary", "text-text-disabled", // Layout & Flexbox
|
|
68
|
+
"flex", "items-center", // Spacing & Sizing
|
|
69
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
70
|
+
"typo-body", // Cursor & Interactions
|
|
71
|
+
"hover:cursor-not-allowed", // Transitions
|
|
72
|
+
"transition-colors", "duration-300");
|
|
73
|
+
// Invalid prefix styles
|
|
74
|
+
const prefixInvalidClasses = cn(// Borders
|
|
75
|
+
"border-border-error", "border", // Background & Colors
|
|
76
|
+
"bg-bg-secondary", "text-text-tertiary", // Layout & Flexbox
|
|
77
|
+
"flex", "items-center", // Spacing & Sizing
|
|
78
|
+
"rounded-l-md", "px-3", "py-1", // Typography
|
|
79
|
+
"typo-body", // Cursor & Interactions
|
|
80
|
+
"cursor-default", // Transitions
|
|
81
|
+
"transition-colors", "duration-300");
|
|
82
|
+
// Invalid suffix styles
|
|
83
|
+
const suffixInvalidClasses = cn(// Borders
|
|
84
|
+
"border-border-error", "border", // Background & Colors
|
|
85
|
+
"bg-bg-secondary", "text-text-tertiary", // Layout & Flexbox
|
|
86
|
+
"flex", "items-center", // Spacing & Sizing
|
|
87
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
88
|
+
"typo-body", // Cursor & Interactions
|
|
89
|
+
"cursor-default", // Transitions
|
|
90
|
+
"transition-colors", "duration-300");
|
|
91
|
+
const inputVariants = cva(cn(// Sizing & Layout
|
|
92
|
+
"h-9", "flex", "w-full", "min-w-0", // Spacing & Padding
|
|
93
|
+
"px-3", "py-2", // Borders
|
|
94
|
+
"border", "border-border-primary", // Background & Colors
|
|
95
|
+
"bg-transparent", "text-base", // Typography
|
|
96
|
+
"typo-body", "md:text-md", // File input styles
|
|
97
|
+
"file:text-text-primary", "file:inline-flex", "file:h-7", "file:border-0", "file:bg-transparent", "file:text-md", "file:font-medium", // Placeholder styles
|
|
98
|
+
"placeholder:text-text-quternary", // Selection styles
|
|
99
|
+
"selection:bg-bg-primary", "selection:text-text-primary-foreground", "selection:bg-selection", // Hover states
|
|
100
|
+
"hover:border-border-primary_hover", // Focus states
|
|
101
|
+
"focus-visible:border-border-link", // Invalid states
|
|
102
|
+
"aria-invalid:ring-destructive", "aria-invalid:text-text-error-primary", "aria-invalid:border-border-error-primary", // Disabled states
|
|
103
|
+
"disabled:bg-bg-secondary", "disabled:cursor-not-allowed", "disabled:border-border-primary", "disabled:text-text-disabled", "disabled:placeholder:text-text-disabled", // Transitions
|
|
104
|
+
"transition-all", "duration-300", // Outline
|
|
105
|
+
"outline-none", // Border radius
|
|
106
|
+
"rounded-md"), {
|
|
16
107
|
variants: {
|
|
17
108
|
hasLeftSlot: {
|
|
18
|
-
true:
|
|
109
|
+
true: cn(// Left padding for icon
|
|
110
|
+
"pl-9")
|
|
19
111
|
},
|
|
20
112
|
hasRightSlot: {
|
|
21
|
-
true:
|
|
113
|
+
true: cn(// Right padding for icon
|
|
114
|
+
"pr-9")
|
|
115
|
+
},
|
|
116
|
+
hasPrefix: {
|
|
117
|
+
true: cn(// Border adjustments for prefix
|
|
118
|
+
"rounded-r-md", "rounded-l-none", // Focus adjustments
|
|
119
|
+
"focus-visible:ring-offset-0", "focus-visible:border-l-1")
|
|
22
120
|
},
|
|
23
121
|
hasSuffix: {
|
|
24
|
-
true:
|
|
122
|
+
true: cn(// Border adjustments for suffix
|
|
123
|
+
"border-r-0", "rounded-l-md", "rounded-r-none", // Focus adjustments
|
|
124
|
+
"focus-visible:ring-offset-0", "focus-visible:border-r-1")
|
|
25
125
|
},
|
|
26
126
|
invalid: {
|
|
27
|
-
true:
|
|
127
|
+
true: cn(// Invalid border colors
|
|
128
|
+
"border-border-error", "hover:border-border-error_inverse", // Invalid focus states
|
|
129
|
+
"focus-visible:ring-4", "focus-visible:ring-ring-red", "focus-visible:border-border-error", // Transitions
|
|
130
|
+
"transition-all", "duration-300")
|
|
28
131
|
}
|
|
29
132
|
},
|
|
30
133
|
defaultVariants: {
|
|
134
|
+
hasPrefix: false,
|
|
31
135
|
hasSuffix: false,
|
|
32
136
|
invalid: false
|
|
33
137
|
}
|
|
34
138
|
});
|
|
35
|
-
function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props }) {
|
|
139
|
+
function Input({ className, type, invalid, prefixValue, suffix, leftSlot, rightSlot, ...props }) {
|
|
36
140
|
const processedLeftSlot = leftSlot === "None" ? undefined : leftSlot;
|
|
37
141
|
const processedRightSlot = rightSlot === "None" ? undefined : rightSlot;
|
|
38
142
|
const hasLeftIcon = processedLeftSlot && processedLeftSlot !== null && processedLeftSlot !== undefined;
|
|
@@ -70,6 +174,7 @@ function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props
|
|
|
70
174
|
invalid,
|
|
71
175
|
hasLeftSlot: !!leftSlot,
|
|
72
176
|
hasRightSlot: !!rightSlot,
|
|
177
|
+
hasPrefix: !!prefixValue,
|
|
73
178
|
hasSuffix: !!suffix,
|
|
74
179
|
className
|
|
75
180
|
})),
|
|
@@ -78,6 +183,10 @@ function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props
|
|
|
78
183
|
return /*#__PURE__*/ _jsxs("div", {
|
|
79
184
|
className: "flex w-full min-w-0",
|
|
80
185
|
children: [
|
|
186
|
+
prefixValue && /*#__PURE__*/ _jsx("div", {
|
|
187
|
+
className: props.disabled ? prefixDisabledClasses : invalid ? prefixInvalidClasses : prefixClasses,
|
|
188
|
+
children: prefixValue
|
|
189
|
+
}),
|
|
81
190
|
/*#__PURE__*/ _jsxs("div", {
|
|
82
191
|
className: "flex-1 relative",
|
|
83
192
|
children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst iconBaseClasses =\n\t\"absolute top-1/2 -translate-y-1/2 cursor-pointer z-10 flex items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0\";\n\nconst iconLeftPosition =\n\t\"left-3 hover:text-text-tertiary hover:cursor-default transition-colors duration-300\";\n\nconst iconRightContainer =\n\t\"absolute right-3 top-1/2 -translate-y-1/2 flex gap-2 z-10\";\n\nconst iconNormalColor =\n\t\"text-text-tertiary hover:text-fg-secondary transition-colors duration-300\";\nconst iconInvalidColor =\n\t\"text-fg-tertiary hover:text-fg-secondary transition-colors duration-300\";\nconst iconDisabledColor =\n\t\"text-text-disabled hover:cursor-not-allowed transition-colors duration-300\";\n\nconst iconWrapperClasses = \"[&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.5]\";\n\nconst iconRightItemClasses =\n\t\"cursor-pointer flex items-center justify-center transition-colors duration-300\";\n\nconst suffixClasses =\n\t\"border-border-primary bg-bg-tertiary text-text-tertiary flex items-center rounded-r-md border px-3 py-1 typo-body cursor-default transition-colors duration-300\";\n\nconst suffixDisabledClasses =\n\t\"border-border-primary bg-bg-tertiary text-text-disabled flex items-center rounded-r-md border px-3 py-1 typo-body hover:cursor-not-allowed transition-colors duration-300\";\n\nconst suffixInvalidClasses =\n\t\"border-border-error bg-bg-secondary flex items-center rounded-r-md border px-3 py-1 text-text-tertiary typo-body cursor-default transition-colors duration-300\";\n\nconst inputVariants = cva(\n\tcn(\n\t\t\"h-9 file:text-text-primary placeholder:text-text-quternary disabled:placeholder:text-text-disabled selection:bg-bg-primary selection:text-text-primary-foreground border-border-primary hover:border-border-primary_hover flex w-full min-w-0 border bg-transparent px-3 py-2 typo-body text-base transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-md file:font-medium disabled:bg-bg-secondary disabled:cursor-not-allowed disabled:border-border-primary md:text-md selection:bg-selection\",\n\t\t\"focus-visible:ring-4 focus-visible:ring-ring-blue focus-visible:border-border-link\",\n\t\t\"aria-invalid:ring-destructive aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary\",\n\t\t\"\",\n\t\t\"rounded-md\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\thasLeftSlot: {\n\t\t\t\ttrue: \"pl-9\",\n\t\t\t},\n\t\t\thasRightSlot: {\n\t\t\t\ttrue: \"pr-9\",\n\t\t\t},\n\t\t\thasSuffix: {\n\t\t\t\ttrue: \"border-r-0 focus-visible:ring-offset-0 rounded-l-md rounded-r-none focus-visible:border-r-1\",\n\t\t\t},\n\t\t\tinvalid: {\n\t\t\t\ttrue: \"border-border-error focus-visible:ring-4 focus-visible:ring-ring-red focus-visible:border-border-error hover:border-border-error_inverse transition-all duration-300\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\thasSuffix: false,\n\t\t\tinvalid: false,\n\t\t},\n\t},\n);\n\ninterface InputProps\n\textends React.ComponentProps<\"input\">,\n\t\tVariantProps<typeof inputVariants> {\n\ttype?: \"text\" | \"password\";\n\tsuffix?: string;\n\tinvalid?: boolean;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n}\n\nfunction Input({\n\tclassName,\n\ttype,\n\tinvalid,\n\tsuffix,\n\tleftSlot,\n\trightSlot,\n\t...props\n}: InputProps) {\n\tconst processedLeftSlot = leftSlot === \"None\" ? undefined : leftSlot;\n\tconst processedRightSlot = rightSlot === \"None\" ? undefined : rightSlot;\n\n\tconst hasLeftIcon =\n\t\tprocessedLeftSlot &&\n\t\tprocessedLeftSlot !== null &&\n\t\tprocessedLeftSlot !== undefined;\n\tconst hasRightIcon =\n\t\tprocessedRightSlot &&\n\t\tprocessedRightSlot !== null &&\n\t\tprocessedRightSlot !== undefined;\n\n\tconst renderLeftSlot = () => {\n\t\tif (!hasLeftIcon) return null;\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\t\treturn (\n\t\t\t<div className={`${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`}>\n\t\t\t\t<div className={iconWrapperClasses}>{processedLeftSlot}</div>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst renderRightSlot = () => {\n\t\tif (!hasRightIcon) return null;\n\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\n\t\treturn (\n\t\t\t<div className={`${iconRightContainer} ${iconBaseClasses}`}>\n\t\t\t\t{hasRightIcon && (\n\t\t\t\t\t<div className={`${iconRightItemClasses} ${colorClasses}`}>\n\t\t\t\t\t\t<div className={iconWrapperClasses}>{processedRightSlot}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\t// Input tag\n\tconst inputElement = (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\tinputVariants({\n\t\t\t\t\tinvalid,\n\t\t\t\t\thasLeftSlot: !!leftSlot,\n\t\t\t\t\thasRightSlot: !!rightSlot,\n\t\t\t\t\thasSuffix: !!suffix,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className=\"flex w-full min-w-0\">\n\t\t\t<div className=\"flex-1 relative\">\n\t\t\t\t{renderLeftSlot()}\n\t\t\t\t{inputElement}\n\t\t\t\t{renderRightSlot()}\n\t\t\t</div>\n\t\t\t{suffix && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t? suffixDisabledClasses\n\t\t\t\t\t\t\t: invalid\n\t\t\t\t\t\t\t\t? suffixInvalidClasses\n\t\t\t\t\t\t\t\t: suffixClasses\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{suffix}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport { Input, inputVariants };\n"],"names":["cva","cn","iconBaseClasses","iconLeftPosition","iconRightContainer","iconNormalColor","iconInvalidColor","iconDisabledColor","iconWrapperClasses","iconRightItemClasses","suffixClasses","suffixDisabledClasses","suffixInvalidClasses","inputVariants","variants","hasLeftSlot","true","hasRightSlot","hasSuffix","invalid","defaultVariants","Input","className","type","suffix","leftSlot","rightSlot","props","processedLeftSlot","undefined","processedRightSlot","hasLeftIcon","hasRightIcon","renderLeftSlot","colorClasses","disabled","div","renderRightSlot","inputElement","input","data-slot"],"mappings":";AAAA,SAASA,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,kBACL;AAED,MAAMC,mBACL;AAED,MAAMC,qBACL;AAED,MAAMC,kBACL;AACD,MAAMC,mBACL;AACD,MAAMC,oBACL;AAED,MAAMC,qBAAqB;AAE3B,MAAMC,uBACL;AAED,MAAMC,gBACL;AAED,MAAMC,wBACL;AAED,MAAMC,uBACL;AAED,MAAMC,gBAAgBb,IACrBC,GACC,8hBACA,sFACA,+GACA,IACA,eAED;IACCa,UAAU;QACTC,aAAa;YACZC,MAAM;QACP;QACAC,cAAc;YACbD,MAAM;QACP;QACAE,WAAW;YACVF,MAAM;QACP;QACAG,SAAS;YACRH,MAAM;QACP;IACD;IACAI,iBAAiB;QAChBF,WAAW;QACXC,SAAS;IACV;AACD;AAaD,SAASE,MAAM,EACdC,SAAS,EACTC,IAAI,EACJJ,OAAO,EACPK,MAAM,EACNC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACS;IACZ,MAAMC,oBAAoBH,aAAa,SAASI,YAAYJ;IAC5D,MAAMK,qBAAqBJ,cAAc,SAASG,YAAYH;IAE9D,MAAMK,cACLH,qBACAA,sBAAsB,QACtBA,sBAAsBC;IACvB,MAAMG,eACLF,sBACAA,uBAAuB,QACvBA,uBAAuBD;IAExB,MAAMI,iBAAiB;QACtB,IAAI,CAACF,aAAa,OAAO;QACzB,MAAMG,eAAeP,MAAMQ,QAAQ,GAChC5B,oBACAY,UACCb,mBACAD;QACJ,qBACC,KAAC+B;YAAId,WAAW,GAAGpB,gBAAgB,CAAC,EAAEC,iBAAiB,CAAC,EAAE+B,cAAc;sBACvE,cAAA,KAACE;gBAAId,WAAWd;0BAAqBoB;;;IAGxC;IAEA,MAAMS,kBAAkB;QACvB,IAAI,CAACL,cAAc,OAAO;QAE1B,MAAME,eAAeP,MAAMQ,QAAQ,GAChC5B,oBACAY,UACCb,mBACAD;QAEJ,qBACC,KAAC+B;YAAId,WAAW,GAAGlB,mBAAmB,CAAC,EAAEF,iBAAiB;sBACxD8B,8BACA,KAACI;gBAAId,WAAW,GAAGb,qBAAqB,CAAC,EAAEyB,cAAc;0BACxD,cAAA,KAACE;oBAAId,WAAWd;8BAAqBsB;;;;IAK1C;IAEA,YAAY;IACZ,MAAMQ,6BACL,KAACC;QACAhB,MAAMA;QACNiB,aAAU;QACVlB,WAAWrB,GACVY,cAAc;YACbM;YACAJ,aAAa,CAAC,CAACU;YACfR,cAAc,CAAC,CAACS;YAChBR,WAAW,CAAC,CAACM;YACbF;QACD;QAEA,GAAGK,KAAK;;IAIX,qBACC,MAACS;QAAId,WAAU;;0BACd,MAACc;gBAAId,WAAU;;oBACbW;oBACAK;oBACAD;;;YAEDb,wBACA,KAACY;gBACAd,WACCK,MAAMQ,QAAQ,GACXxB,wBACAQ,UACCP,uBACAF;0BAGJc;;;;AAKN;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Base icon styles\nconst iconBaseClasses = cn(\n\t// Positioning\n\t\"absolute\",\n\t\"top-1/2\",\n\t\"-translate-y-1/2\",\n\t\"z-10\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\n\t// Cursor & Interactions\n\t\"cursor-default\",\n\t\"[&_svg]:pointer-events-none\",\n\n\t// Sizing\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\"shrink-0\",\n\t\"[&_svg]:shrink-0\",\n);\n\n// Left icon positioning\nconst iconLeftPosition = cn(\n\t// Positioning\n\t\"left-3\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Right icon container\nconst iconRightContainer = cn(\n\t// Positioning\n\t\"absolute\",\n\t\"right-3\",\n\t\"top-1/2\",\n\t\"-translate-y-1/2\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"gap-2\",\n\n\t// Z-index\n\t\"z-10\",\n);\n\n// Icon color states\nconst iconNormalColor = cn(\n\t// Colors\n\t\"text-text-tertiary\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\nconst iconInvalidColor = cn(\n\t// Colors\n\t\"text-text-tertiary\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\nconst iconDisabledColor = cn(\n\t// Colors\n\t\"text-text-disabled\",\n\n\t// Cursor & Interactions\n\t\"hover:cursor-not-allowed\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Icon wrapper styles\nconst iconWrapperClasses = cn(\n\t// Sizing\n\t\"flex\",\n\t\"items-center\",\n\t\"[&>svg]:w-full\",\n\t\"[&>svg]:h-full\",\n\t\"[&>svg]:stroke-[1.5]\",\n);\n\n// Right icon item styles\nconst iconRightItemClasses = cn(\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Prefix styles\nconst prefixClasses = cn(\n\t// Borders\n\t\"border-border-primary\",\n\t\"border\",\n\t\"border-r-0\",\n\n\t// Background & Colors\n\t\"bg-bg-tertiary\",\n\t\"text-text-tertiary\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-l-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"cursor-default\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Suffix styles\nconst suffixClasses = cn(\n\t// Borders\n\t\"border-border-primary\",\n\t\"border\",\n\n\t// Background & Colors\n\t\"bg-bg-tertiary\",\n\t\"text-text-tertiary\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-r-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"cursor-default\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Disabled prefix styles\nconst prefixDisabledClasses = cn(\n\t// Borders\n\t\"border-border-primary\",\n\t\"border\",\n\n\t// Background & Colors\n\t\"bg-bg-tertiary\",\n\t\"text-text-disabled\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-l-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"hover:cursor-not-allowed\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Disabled suffix styles\nconst suffixDisabledClasses = cn(\n\t// Borders\n\t\"border-border-primary\",\n\t\"border\",\n\n\t// Background & Colors\n\t\"bg-bg-tertiary\",\n\t\"text-text-disabled\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-r-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"hover:cursor-not-allowed\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Invalid prefix styles\nconst prefixInvalidClasses = cn(\n\t// Borders\n\t\"border-border-error\",\n\t\"border\",\n\n\t// Background & Colors\n\t\"bg-bg-secondary\",\n\t\"text-text-tertiary\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-l-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"cursor-default\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\n// Invalid suffix styles\nconst suffixInvalidClasses = cn(\n\t// Borders\n\t\"border-border-error\",\n\t\"border\",\n\n\t// Background & Colors\n\t\"bg-bg-secondary\",\n\t\"text-text-tertiary\",\n\n\t// Layout & Flexbox\n\t\"flex\",\n\t\"items-center\",\n\n\t// Spacing & Sizing\n\t\"rounded-r-md\",\n\t\"px-3\",\n\t\"py-1\",\n\n\t// Typography\n\t\"typo-body\",\n\n\t// Cursor & Interactions\n\t\"cursor-default\",\n\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n);\n\nconst inputVariants = cva(\n\tcn(\n\t\t// Sizing & Layout\n\t\t\"h-9\",\n\t\t\"flex\",\n\t\t\"w-full\",\n\t\t\"min-w-0\",\n\n\t\t// Spacing & Padding\n\t\t\"px-3\",\n\t\t\"py-2\",\n\n\t\t// Borders\n\t\t\"border\",\n\t\t\"border-border-primary\",\n\n\t\t// Background & Colors\n\t\t\"bg-transparent\",\n\t\t\"text-base\",\n\n\t\t// Typography\n\t\t\"typo-body\",\n\t\t\"md:text-md\",\n\n\t\t// File input styles\n\t\t\"file:text-text-primary\",\n\t\t\"file:inline-flex\",\n\t\t\"file:h-7\",\n\t\t\"file:border-0\",\n\t\t\"file:bg-transparent\",\n\t\t\"file:text-md\",\n\t\t\"file:font-medium\",\n\n\t\t// Placeholder styles\n\t\t\"placeholder:text-text-quternary\",\n\n\t\t// Selection styles\n\t\t\"selection:bg-bg-primary\",\n\t\t\"selection:text-text-primary-foreground\",\n\t\t\"selection:bg-selection\",\n\n\t\t// Hover states\n\t\t\"hover:border-border-primary_hover\",\n\n\t\t// Focus states\n\n\t\t\"focus-visible:border-border-link\",\n\n\t\t// Invalid states\n\t\t\"aria-invalid:ring-destructive\",\n\t\t\"aria-invalid:text-text-error-primary\",\n\t\t\"aria-invalid:border-border-error-primary\",\n\n\t\t// Disabled states\n\t\t\"disabled:bg-bg-secondary\",\n\t\t\"disabled:cursor-not-allowed\",\n\t\t\"disabled:border-border-primary\",\n\t\t\"disabled:text-text-disabled\",\n\t\t\"disabled:placeholder:text-text-disabled\",\n\n\t\t// Transitions\n\t\t\"transition-all\",\n\t\t\"duration-300\",\n\n\t\t// Outline\n\t\t\"outline-none\",\n\n\t\t// Border radius\n\t\t\"rounded-md\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\thasLeftSlot: {\n\t\t\t\ttrue: cn(\n\t\t\t\t\t// Left padding for icon\n\t\t\t\t\t\"pl-9\",\n\t\t\t\t),\n\t\t\t},\n\t\t\thasRightSlot: {\n\t\t\t\ttrue: cn(\n\t\t\t\t\t// Right padding for icon\n\t\t\t\t\t\"pr-9\",\n\t\t\t\t),\n\t\t\t},\n\t\t\thasPrefix: {\n\t\t\t\ttrue: cn(\n\t\t\t\t\t// Border adjustments for prefix\n\t\t\t\t\t\"rounded-r-md\",\n\t\t\t\t\t\"rounded-l-none\",\n\n\t\t\t\t\t// Focus adjustments\n\t\t\t\t\t\"focus-visible:ring-offset-0\",\n\t\t\t\t\t\"focus-visible:border-l-1\",\n\t\t\t\t),\n\t\t\t},\n\t\t\thasSuffix: {\n\t\t\t\ttrue: cn(\n\t\t\t\t\t// Border adjustments for suffix\n\t\t\t\t\t\"border-r-0\",\n\t\t\t\t\t\"rounded-l-md\",\n\t\t\t\t\t\"rounded-r-none\",\n\n\t\t\t\t\t// Focus adjustments\n\t\t\t\t\t\"focus-visible:ring-offset-0\",\n\t\t\t\t\t\"focus-visible:border-r-1\",\n\t\t\t\t),\n\t\t\t},\n\t\t\tinvalid: {\n\t\t\t\ttrue: cn(\n\t\t\t\t\t// Invalid border colors\n\t\t\t\t\t\"border-border-error\",\n\t\t\t\t\t\"hover:border-border-error_inverse\",\n\n\t\t\t\t\t// Invalid focus states\n\t\t\t\t\t\"focus-visible:ring-4\",\n\t\t\t\t\t\"focus-visible:ring-ring-red\",\n\t\t\t\t\t\"focus-visible:border-border-error\",\n\n\t\t\t\t\t// Transitions\n\t\t\t\t\t\"transition-all\",\n\t\t\t\t\t\"duration-300\",\n\t\t\t\t),\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\thasPrefix: false,\n\t\t\thasSuffix: false,\n\t\t\tinvalid: false,\n\t\t},\n\t},\n);\n\ninterface InputProps\n\textends React.ComponentProps<\"input\">,\n\t\tVariantProps<typeof inputVariants> {\n\ttype?: \"text\" | \"password\";\n\tprefixValue?: React.ReactNode;\n\tsuffix?: string;\n\tinvalid?: boolean;\n\tleftSlot?: React.ReactNode;\n\trightSlot?: React.ReactNode;\n}\n\nfunction Input({\n\tclassName,\n\ttype,\n\tinvalid,\n\tprefixValue,\n\tsuffix,\n\tleftSlot,\n\trightSlot,\n\t...props\n}: InputProps) {\n\tconst processedLeftSlot = leftSlot === \"None\" ? undefined : leftSlot;\n\tconst processedRightSlot = rightSlot === \"None\" ? undefined : rightSlot;\n\n\tconst hasLeftIcon =\n\t\tprocessedLeftSlot &&\n\t\tprocessedLeftSlot !== null &&\n\t\tprocessedLeftSlot !== undefined;\n\tconst hasRightIcon =\n\t\tprocessedRightSlot &&\n\t\tprocessedRightSlot !== null &&\n\t\tprocessedRightSlot !== undefined;\n\n\tconst renderLeftSlot = () => {\n\t\tif (!hasLeftIcon) return null;\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\t\treturn (\n\t\t\t<div className={`${iconBaseClasses} ${iconLeftPosition} ${colorClasses}`}>\n\t\t\t\t<div className={iconWrapperClasses}>{processedLeftSlot}</div>\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst renderRightSlot = () => {\n\t\tif (!hasRightIcon) return null;\n\n\t\tconst colorClasses = props.disabled\n\t\t\t? iconDisabledColor\n\t\t\t: invalid\n\t\t\t\t? iconInvalidColor\n\t\t\t\t: iconNormalColor;\n\n\t\treturn (\n\t\t\t<div className={`${iconRightContainer} ${iconBaseClasses}`}>\n\t\t\t\t{hasRightIcon && (\n\t\t\t\t\t<div className={`${iconRightItemClasses} ${colorClasses}`}>\n\t\t\t\t\t\t<div className={iconWrapperClasses}>{processedRightSlot}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\t// Input tag\n\tconst inputElement = (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tdata-slot=\"input\"\n\t\t\tclassName={cn(\n\t\t\t\tinputVariants({\n\t\t\t\t\tinvalid,\n\t\t\t\t\thasLeftSlot: !!leftSlot,\n\t\t\t\t\thasRightSlot: !!rightSlot,\n\t\t\t\t\thasPrefix: !!prefixValue,\n\t\t\t\t\thasSuffix: !!suffix,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className=\"flex w-full min-w-0\">\n\t\t\t{prefixValue && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t? prefixDisabledClasses\n\t\t\t\t\t\t\t: invalid\n\t\t\t\t\t\t\t\t? prefixInvalidClasses\n\t\t\t\t\t\t\t\t: prefixClasses\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{prefixValue}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"flex-1 relative\">\n\t\t\t\t{renderLeftSlot()}\n\t\t\t\t{inputElement}\n\t\t\t\t{renderRightSlot()}\n\t\t\t</div>\n\t\t\t{suffix && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t? suffixDisabledClasses\n\t\t\t\t\t\t\t: invalid\n\t\t\t\t\t\t\t\t? suffixInvalidClasses\n\t\t\t\t\t\t\t\t: suffixClasses\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{suffix}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport { Input, inputVariants };\n"],"names":["cva","cn","iconBaseClasses","iconLeftPosition","iconRightContainer","iconNormalColor","iconInvalidColor","iconDisabledColor","iconWrapperClasses","iconRightItemClasses","prefixClasses","suffixClasses","prefixDisabledClasses","suffixDisabledClasses","prefixInvalidClasses","suffixInvalidClasses","inputVariants","variants","hasLeftSlot","true","hasRightSlot","hasPrefix","hasSuffix","invalid","defaultVariants","Input","className","type","prefixValue","suffix","leftSlot","rightSlot","props","processedLeftSlot","undefined","processedRightSlot","hasLeftIcon","hasRightIcon","renderLeftSlot","colorClasses","disabled","div","renderRightSlot","inputElement","input","data-slot"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAwBpC,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAQlD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -2,10 +2,17 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
// Label styles
|
|
6
|
+
const labelStyles = cn(// Layout
|
|
7
|
+
"flex", "items-center", "gap-2", // Typography
|
|
8
|
+
"text-text-primary", "typo-label", "leading-none", // Interaction
|
|
9
|
+
"select-none", // Group disabled states
|
|
10
|
+
"group-data-[disabled=true]:pointer-events-none", "group-data-[disabled=true]:opacity-50", // Peer disabled states
|
|
11
|
+
"peer-disabled:cursor-not-allowed", "peer-disabled:opacity-50");
|
|
5
12
|
function Label({ className, ...props }) {
|
|
6
13
|
return /*#__PURE__*/ _jsx(LabelPrimitive.Root, {
|
|
7
14
|
"data-slot": "label",
|
|
8
|
-
className: cn(
|
|
15
|
+
className: cn(labelStyles, className),
|
|
9
16
|
...props
|
|
10
17
|
});
|
|
11
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Label styles\nconst labelStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t// Typography\n\t\"text-text-primary\",\n\t\"typo-label\",\n\t\"leading-none\",\n\t// Interaction\n\t\"select-none\",\n\t// Group disabled states\n\t\"group-data-[disabled=true]:pointer-events-none\",\n\t\"group-data-[disabled=true]:opacity-50\",\n\t// Peer disabled states\n\t\"peer-disabled:cursor-not-allowed\",\n\t\"peer-disabled:opacity-50\",\n);\n\nfunction Label({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(labelStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Label };\n"],"names":["LabelPrimitive","cn","labelStyles","Label","className","props","Root","data-slot"],"mappings":"AAAA;;AACA,YAAYA,oBAAoB,wBAAwB;AAGxD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,eAAe;AACf,MAAMC,cAAcD,GACnB,SAAS;AACT,QACA,gBACA,SACA,aAAa;AACb,qBACA,cACA,gBACA,cAAc;AACd,eACA,wBAAwB;AACxB,kDACA,yCACA,uBAAuB;AACvB,oCACA;AAGD,SAASE,MAAM,EACdC,SAAS,EACT,GAAGC,OAC+C;IAClD,qBACC,KAACL,eAAeM,IAAI;QACnBC,aAAU;QACVH,WAAWH,GAAGC,aAAaE;QAC1B,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,32 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
3
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
// Menubar styles
|
|
6
|
+
const menubarStyles = cn("bg-background", "flex", "h-9", "items-center", "gap-1", "rounded-md", "border", "p-1", "shadow-xs");
|
|
7
|
+
// Menubar trigger styles
|
|
8
|
+
const menubarTriggerStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "data-[state=open]:bg-accent", "data-[state=open]:text-accent-foreground", "flex", "items-center", "rounded-sm", "px-2", "py-1", "text-sm", "font-medium", "outline-hidden", "select-none");
|
|
9
|
+
// Menubar content styles
|
|
10
|
+
const menubarContentStyles = cn("bg-popover", "text-popover-foreground", "data-[state=open]:animate-in", "data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95", "data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", "z-50", "min-w-[12rem]", "origin-(--radix-menubar-content-transform-origin)", "overflow-hidden", "rounded-md", "border", "p-1", "shadow-md");
|
|
11
|
+
// Menubar item styles
|
|
12
|
+
const menubarItemStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:focus:text-destructive", "data-[variant=destructive]:*:[svg]:!text-destructive", "[&_svg:not([class*='text-'])]:text-muted-foreground", "relative", "flex", "cursor-default", "items-center", "gap-2", "rounded-sm", "px-2", "py-1.5", "text-sm", "outline-hidden", "select-none", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4");
|
|
13
|
+
// Menubar checkbox/radio item styles
|
|
14
|
+
const menubarCheckboxRadioItemStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "relative", "flex", "cursor-default", "items-center", "gap-2", "rounded-xs", "py-1.5", "pr-2", "pl-8", "text-sm", "outline-hidden", "select-none", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4");
|
|
15
|
+
// Menubar indicator styles
|
|
16
|
+
const menubarIndicatorStyles = cn("pointer-events-none", "absolute", "left-2", "flex", "size-3.5", "items-center", "justify-center");
|
|
17
|
+
// Menubar label styles
|
|
18
|
+
const menubarLabelStyles = cn("px-2", "py-1.5", "text-sm", "font-medium", "data-[inset]:pl-8");
|
|
19
|
+
// Menubar separator styles
|
|
20
|
+
const menubarSeparatorStyles = cn("bg-border", "-mx-1", "my-1", "h-px");
|
|
21
|
+
// Menubar shortcut styles
|
|
22
|
+
const menubarShortcutStyles = cn("text-muted-foreground", "ml-auto", "text-xs", "tracking-widest");
|
|
23
|
+
// Menubar sub trigger styles
|
|
24
|
+
const menubarSubTriggerStyles = cn("focus:bg-(--color-surface-1)", "data-[state=open]:bg-(--color-surface-1)", "flex", "items-center", "rounded-sm", "px-2", "py-1", "text-sm", "font-medium", "outline-hidden", "select-none");
|
|
25
|
+
// Menubar sub content styles
|
|
26
|
+
const menubarSubContentStyles = cn("bg-popover", "text-popover-foreground", "data-[state=open]:animate-in", "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95", "data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", "z-50", "min-w-[8rem]", "origin-(--radix-menubar-content-transform-origin)", "overflow-hidden", "rounded-md", "border", "p-1", "shadow-lg");
|
|
5
27
|
function Menubar({ className, ...props }) {
|
|
6
28
|
return /*#__PURE__*/ _jsx(MenubarPrimitive.Root, {
|
|
7
29
|
"data-slot": "menubar",
|
|
8
|
-
className: cn(
|
|
30
|
+
className: cn(menubarStyles, className),
|
|
9
31
|
...props
|
|
10
32
|
});
|
|
11
33
|
}
|
|
@@ -36,7 +58,7 @@ function MenubarRadioGroup({ ...props }) {
|
|
|
36
58
|
function MenubarTrigger({ className, ...props }) {
|
|
37
59
|
return /*#__PURE__*/ _jsx(MenubarPrimitive.Trigger, {
|
|
38
60
|
"data-slot": "menubar-trigger",
|
|
39
|
-
className: cn(
|
|
61
|
+
className: cn(menubarTriggerStyles, className),
|
|
40
62
|
...props
|
|
41
63
|
});
|
|
42
64
|
}
|
|
@@ -47,7 +69,7 @@ function MenubarContent({ className, align = "start", alignOffset = -4, sideOffs
|
|
|
47
69
|
align: align,
|
|
48
70
|
alignOffset: alignOffset,
|
|
49
71
|
sideOffset: sideOffset,
|
|
50
|
-
className: cn(
|
|
72
|
+
className: cn(menubarContentStyles, className),
|
|
51
73
|
...props
|
|
52
74
|
})
|
|
53
75
|
});
|
|
@@ -57,18 +79,18 @@ function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
|
57
79
|
"data-slot": "menubar-item",
|
|
58
80
|
"data-inset": inset,
|
|
59
81
|
"data-variant": variant,
|
|
60
|
-
className: cn(
|
|
82
|
+
className: cn(menubarItemStyles, className),
|
|
61
83
|
...props
|
|
62
84
|
});
|
|
63
85
|
}
|
|
64
86
|
function MenubarCheckboxItem({ className, children, ...props }) {
|
|
65
87
|
return /*#__PURE__*/ _jsxs(MenubarPrimitive.CheckboxItem, {
|
|
66
88
|
"data-slot": "menubar-checkbox-item",
|
|
67
|
-
className: cn(
|
|
89
|
+
className: cn(menubarCheckboxRadioItemStyles, className),
|
|
68
90
|
...props,
|
|
69
91
|
children: [
|
|
70
92
|
/*#__PURE__*/ _jsx("span", {
|
|
71
|
-
className:
|
|
93
|
+
className: menubarIndicatorStyles,
|
|
72
94
|
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
73
95
|
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
74
96
|
className: "size-4"
|
|
@@ -82,11 +104,11 @@ function MenubarCheckboxItem({ className, children, ...props }) {
|
|
|
82
104
|
function MenubarRadioItem({ className, children, ...props }) {
|
|
83
105
|
return /*#__PURE__*/ _jsxs(MenubarPrimitive.RadioItem, {
|
|
84
106
|
"data-slot": "menubar-radio-item",
|
|
85
|
-
className: cn(
|
|
107
|
+
className: cn(menubarCheckboxRadioItemStyles, className),
|
|
86
108
|
...props,
|
|
87
109
|
children: [
|
|
88
110
|
/*#__PURE__*/ _jsx("span", {
|
|
89
|
-
className:
|
|
111
|
+
className: menubarIndicatorStyles,
|
|
90
112
|
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
91
113
|
children: /*#__PURE__*/ _jsx(CircleIcon, {
|
|
92
114
|
className: "size-2 fill-current"
|
|
@@ -101,21 +123,21 @@ function MenubarLabel({ className, inset, ...props }) {
|
|
|
101
123
|
return /*#__PURE__*/ _jsx(MenubarPrimitive.Label, {
|
|
102
124
|
"data-slot": "menubar-label",
|
|
103
125
|
"data-inset": inset,
|
|
104
|
-
className: cn(
|
|
126
|
+
className: cn(menubarLabelStyles, className),
|
|
105
127
|
...props
|
|
106
128
|
});
|
|
107
129
|
}
|
|
108
130
|
function MenubarSeparator({ className, ...props }) {
|
|
109
131
|
return /*#__PURE__*/ _jsx(MenubarPrimitive.Separator, {
|
|
110
132
|
"data-slot": "menubar-separator",
|
|
111
|
-
className: cn(
|
|
133
|
+
className: cn(menubarSeparatorStyles, className),
|
|
112
134
|
...props
|
|
113
135
|
});
|
|
114
136
|
}
|
|
115
137
|
function MenubarShortcut({ className, ...props }) {
|
|
116
138
|
return /*#__PURE__*/ _jsx("span", {
|
|
117
139
|
"data-slot": "menubar-shortcut",
|
|
118
|
-
className: cn(
|
|
140
|
+
className: cn(menubarShortcutStyles, className),
|
|
119
141
|
...props
|
|
120
142
|
});
|
|
121
143
|
}
|
|
@@ -129,7 +151,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
|
129
151
|
return /*#__PURE__*/ _jsxs(MenubarPrimitive.SubTrigger, {
|
|
130
152
|
"data-slot": "menubar-sub-trigger",
|
|
131
153
|
"data-inset": inset,
|
|
132
|
-
className: cn(
|
|
154
|
+
className: cn(menubarSubTriggerStyles, className),
|
|
133
155
|
...props,
|
|
134
156
|
children: [
|
|
135
157
|
children,
|
|
@@ -142,7 +164,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
|
142
164
|
function MenubarSubContent({ className, ...props }) {
|
|
143
165
|
return /*#__PURE__*/ _jsx(MenubarPrimitive.SubContent, {
|
|
144
166
|
"data-slot": "menubar-sub-content",
|
|
145
|
-
className: cn(
|
|
167
|
+
className: cn(menubarSubContentStyles, className),
|
|
146
168
|
...props
|
|
147
169
|
});
|
|
148
170
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Menubar styles\nconst menubarStyles = cn(\n\t\"bg-background\",\n\t\"flex\",\n\t\"h-9\",\n\t\"items-center\",\n\t\"gap-1\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-xs\",\n);\n\n// Menubar trigger styles\nconst menubarTriggerStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"data-[state=open]:bg-accent\",\n\t\"data-[state=open]:text-accent-foreground\",\n\t\"flex\",\n\t\"items-center\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"outline-hidden\",\n\t\"select-none\",\n);\n\n// Menubar content styles\nconst menubarContentStyles = cn(\n\t\"bg-popover\",\n\t\"text-popover-foreground\",\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t\"data-[state=open]:zoom-in-95\",\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n\t\"z-50\",\n\t\"min-w-[12rem]\",\n\t\"origin-(--radix-menubar-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-md\",\n);\n\n// Menubar item styles\nconst menubarItemStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"data-[variant=destructive]:text-destructive\",\n\t\"data-[variant=destructive]:focus:bg-destructive/10\",\n\t\"dark:data-[variant=destructive]:focus:bg-destructive/20\",\n\t\"data-[variant=destructive]:focus:text-destructive\",\n\t\"data-[variant=destructive]:*:[svg]:!text-destructive\",\n\t\"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n\t\"relative\",\n\t\"flex\",\n\t\"cursor-default\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1.5\",\n\t\"text-sm\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t\"data-[inset]:pl-8\",\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n);\n\n// Menubar checkbox/radio item styles\nconst menubarCheckboxRadioItemStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"relative\",\n\t\"flex\",\n\t\"cursor-default\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"rounded-xs\",\n\t\"py-1.5\",\n\t\"pr-2\",\n\t\"pl-8\",\n\t\"text-sm\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n);\n\n// Menubar indicator styles\nconst menubarIndicatorStyles = cn(\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-2\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\n// Menubar label styles\nconst menubarLabelStyles = cn(\n\t\"px-2\",\n\t\"py-1.5\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"data-[inset]:pl-8\",\n);\n\n// Menubar separator styles\nconst menubarSeparatorStyles = cn(\"bg-border\", \"-mx-1\", \"my-1\", \"h-px\");\n\n// Menubar shortcut styles\nconst menubarShortcutStyles = cn(\n\t\"text-muted-foreground\",\n\t\"ml-auto\",\n\t\"text-xs\",\n\t\"tracking-widest\",\n);\n\n// Menubar sub trigger styles\nconst menubarSubTriggerStyles = cn(\n\t\"focus:bg-(--color-surface-1)\",\n\t\"data-[state=open]:bg-(--color-surface-1)\",\n\t\"flex\",\n\t\"items-center\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"outline-hidden\",\n\t\"select-none\",\n);\n\n// Menubar sub content styles\nconst menubarSubContentStyles = cn(\n\t\"bg-popover\",\n\t\"text-popover-foreground\",\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t\"data-[state=open]:zoom-in-95\",\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n\t\"z-50\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-menubar-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-lg\",\n);\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(menubarStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\n\t\t\tclassName={cn(menubarTriggerStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(menubarContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(menubarItemStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-checkbox-item\"\n\t\t\tclassName={cn(menubarCheckboxRadioItemStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={menubarIndicatorStyles}>\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-radio-item\"\n\t\t\tclassName={cn(menubarCheckboxRadioItemStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={menubarIndicatorStyles}>\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(menubarLabelStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-separator\"\n\t\t\tclassName={cn(menubarSeparatorStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-shortcut\"\n\t\t\tclassName={cn(menubarShortcutStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(menubarSubTriggerStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\tclassName={cn(menubarSubContentStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","menubarStyles","menubarTriggerStyles","menubarContentStyles","menubarItemStyles","menubarCheckboxRadioItemStyles","menubarIndicatorStyles","menubarLabelStyles","menubarSeparatorStyles","menubarShortcutStyles","menubarSubTriggerStyles","menubarSubContentStyles","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,iBAAiB;AACjB,MAAMC,gBAAgBD,GACrB,iBACA,QACA,OACA,gBACA,SACA,cACA,UACA,OACA;AAGD,yBAAyB;AACzB,MAAME,uBAAuBF,GAC5B,mBACA,gCACA,+BACA,4CACA,QACA,gBACA,cACA,QACA,QACA,WACA,eACA,kBACA;AAGD,yBAAyB;AACzB,MAAMG,uBAAuBH,GAC5B,cACA,2BACA,gCACA,kCACA,+BACA,mCACA,gCACA,0CACA,0CACA,0CACA,0CACA,QACA,iBACA,qDACA,mBACA,cACA,UACA,OACA;AAGD,sBAAsB;AACtB,MAAMI,oBAAoBJ,GACzB,mBACA,gCACA,+CACA,sDACA,2DACA,qDACA,wDACA,uDACA,YACA,QACA,kBACA,gBACA,SACA,cACA,QACA,UACA,WACA,kBACA,eACA,uCACA,8BACA,qBACA,+BACA,oBACA;AAGD,qCAAqC;AACrC,MAAMK,iCAAiCL,GACtC,mBACA,gCACA,YACA,QACA,kBACA,gBACA,SACA,cACA,UACA,QACA,QACA,WACA,kBACA,eACA,uCACA,8BACA,+BACA,oBACA;AAGD,2BAA2B;AAC3B,MAAMM,yBAAyBN,GAC9B,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,uBAAuB;AACvB,MAAMO,qBAAqBP,GAC1B,QACA,UACA,WACA,eACA;AAGD,2BAA2B;AAC3B,MAAMQ,yBAAyBR,GAAG,aAAa,SAAS,QAAQ;AAEhE,0BAA0B;AAC1B,MAAMS,wBAAwBT,GAC7B,yBACA,WACA,WACA;AAGD,6BAA6B;AAC7B,MAAMU,0BAA0BV,GAC/B,gCACA,4CACA,QACA,gBACA,cACA,QACA,QACA,WACA,eACA,kBACA;AAGD,6BAA6B;AAC7B,MAAMW,0BAA0BX,GAC/B,cACA,2BACA,gCACA,mCACA,kCACA,+BACA,mCACA,gCACA,0CACA,0CACA,0CACA,0CACA,QACA,gBACA,qDACA,mBAC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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAG3E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYvE;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ/D;AAED,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACpD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE3B,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAG3E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYvE;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ/D;AAED,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACpD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE3B,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAkB9B;AAED,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GAClB,CAAC"}
|
|
@@ -9,20 +9,20 @@ function Pagination({ className, ...props }) {
|
|
|
9
9
|
role: "navigation",
|
|
10
10
|
"aria-label": "pagination",
|
|
11
11
|
"data-slot": "pagination",
|
|
12
|
-
className: cn("mx-auto flex w-full justify-center", className),
|
|
12
|
+
className: cn("mx-auto", "flex", "w-full", "justify-center", className),
|
|
13
13
|
...props
|
|
14
14
|
}));
|
|
15
15
|
}
|
|
16
16
|
function PaginationContent({ className, ...props }) {
|
|
17
17
|
return /*#__PURE__*/ _jsx("ul", {
|
|
18
18
|
"data-slot": "pagination-content",
|
|
19
|
-
className: cn("flex flex-row items-center gap-1", className),
|
|
19
|
+
className: cn("flex", "flex-row", "items-center", "gap-1", className),
|
|
20
20
|
...props
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
function PaginationItem({ ...props }) {
|
|
24
24
|
return /*#__PURE__*/ _jsx("li", {
|
|
25
|
-
className: "hover:bg-
|
|
25
|
+
className: cn("hover:bg-bg-secondary", "rounded-md"),
|
|
26
26
|
"data-slot": "pagination-item",
|
|
27
27
|
...props
|
|
28
28
|
});
|
|
@@ -43,7 +43,7 @@ function PaginationPrevious({ className, ...props }) {
|
|
|
43
43
|
return /*#__PURE__*/ _jsxs(PaginationLink, {
|
|
44
44
|
"aria-label": "Go to previous page",
|
|
45
45
|
size: "small",
|
|
46
|
-
className: cn("gap-1 px-2.5 sm:pl-2.5", className),
|
|
46
|
+
className: cn("gap-1", "px-2.5", "sm:pl-2.5", className),
|
|
47
47
|
...props,
|
|
48
48
|
children: [
|
|
49
49
|
/*#__PURE__*/ _jsx(ChevronLeftIcon, {}),
|
|
@@ -58,7 +58,7 @@ function PaginationNext({ className, ...props }) {
|
|
|
58
58
|
return /*#__PURE__*/ _jsxs(PaginationLink, {
|
|
59
59
|
"aria-label": "Go to next page",
|
|
60
60
|
size: "regular",
|
|
61
|
-
className: cn("gap-1 px-2.5 sm:pr-2.5", className),
|
|
61
|
+
className: cn("gap-1", "px-2.5", "sm:pr-2.5", className),
|
|
62
62
|
...props,
|
|
63
63
|
children: [
|
|
64
64
|
/*#__PURE__*/ _jsx("span", {
|
|
@@ -73,7 +73,7 @@ function PaginationEllipsis({ className, ...props }) {
|
|
|
73
73
|
return /*#__PURE__*/ _jsxs("span", {
|
|
74
74
|
"aria-hidden": true,
|
|
75
75
|
"data-slot": "pagination-ellipsis",
|
|
76
|
-
className: cn("flex size-9 items-center justify-center", className),
|
|
76
|
+
className: cn("flex", "size-9", "items-center", "justify-center", className),
|
|
77
77
|
...props,
|
|
78
78
|
children: [
|
|
79
79
|
/*#__PURE__*/ _jsx(MoreHorizontalIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"sourcesContent":["import {\n\tChevronLeftIcon,\n\tChevronRightIcon,\n\tMoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<nav\n\t\t\t// biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tdata-slot=\"pagination\"\n\t\t\tclassName={cn(\"mx-auto flex w-full justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"pagination-content\"\n\t\t\tclassName={cn(\"flex flex-row items-center gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"sourcesContent":["import {\n\tChevronLeftIcon,\n\tChevronRightIcon,\n\tMoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<nav\n\t\t\t// biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tdata-slot=\"pagination\"\n\t\t\tclassName={cn(\"mx-auto\", \"flex\", \"w-full\", \"justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"pagination-content\"\n\t\t\tclassName={cn(\"flex\", \"flex-row\", \"items-center\", \"gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"hover:bg-bg-secondary\", \"rounded-md\")}\n\t\t\tdata-slot=\"pagination-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n\tReact.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = \"small\",\n\t...props\n}: PaginationLinkProps) {\n\treturn (\n\t\t<a\n\t\t\taria-current={isActive ? \"page\" : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant: isActive ? \"secondary\" : \"ghost\",\n\t\t\t\t\tsize,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationPrevious({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to previous page\"\n\t\t\tsize=\"small\"\n\t\t\tclassName={cn(\"gap-1\", \"px-2.5\", \"sm:pl-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon />\n\t\t\t<span className=\"hidden sm:block\">Previous</span>\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationNext({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to next page\"\n\t\t\tsize=\"regular\"\n\t\t\tclassName={cn(\"gap-1\", \"px-2.5\", \"sm:pr-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"hidden sm:block\">Next</span>\n\t\t\t<ChevronRightIcon />\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"size-9\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More pages</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationLink,\n\tPaginationItem,\n\tPaginationPrevious,\n\tPaginationNext,\n\tPaginationEllipsis,\n};\n"],"names":["ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon","buttonVariants","cn","Pagination","className","props","nav","role","aria-label","data-slot","PaginationContent","ul","PaginationItem","li","PaginationLink","isActive","size","a","aria-current","undefined","data-active","variant","PaginationPrevious","span","PaginationNext","PaginationEllipsis","aria-hidden"],"mappings":";AAAA,SACCA,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,QACZ,eAAe;AAEtB,SAAsBC,cAAc,QAAQ,cAA+B;AAC3E,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACvE,OACC,sEAAsE;kBACtE,KAACC;QACA,mEAAmE;QACnEC,MAAK;QACLC,cAAW;QACXC,aAAU;QACVL,WAAWF,GAAG,WAAW,QAAQ,UAAU,kBAAkBE;QAC5D,GAAGC,KAAK;;AAGZ;AAEA,SAASK,kBAAkB,EAC1BN,SAAS,EACT,GAAGC,OACyB;IAC5B,qBACC,KAACM;QACAF,aAAU;QACVL,WAAWF,GAAG,QAAQ,YAAY,gBAAgB,SAASE;QAC1D,GAAGC,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAE,GAAGP,OAAmC;IAC/D,qBACC,KAACQ;QACAT,WAAWF,GAAG,yBAAyB;QACvCO,aAAU;QACT,GAAGJ,KAAK;;AAGZ;AAOA,SAASS,eAAe,EACvBV,SAAS,EACTW,QAAQ,EACRC,OAAO,OAAO,EACd,GAAGX,OACkB;IACrB,qBACC,KAACY;QACAC,gBAAcH,WAAW,SAASI;QAClCV,aAAU;QACVW,eAAaL;QACbX,WAAWF,GACVD,eAAe;YACdoB,SAASN,WAAW,cAAc;YAClCC;QACD,IACAZ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASiB,mBAAmB,EAC3BlB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,SAAS,UAAU,aAAaE;QAC7C,GAAGC,KAAK;;0BAET,KAACP;0BACD,KAACyB;gBAAKnB,WAAU;0BAAkB;;;;AAGrC;AAEA,SAASoB,eAAe,EACvBpB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,SAAS,UAAU,aAAaE;QAC7C,GAAGC,KAAK;;0BAET,KAACkB;gBAAKnB,WAAU;0BAAkB;;0BAClC,KAACL;;;AAGJ;AAEA,SAAS0B,mBAAmB,EAC3BrB,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,MAACkB;QACAG,aAAW;QACXjB,aAAU;QACVL,WAAWF,GACV,QACA,UACA,gBACA,kBACAE;QAEA,GAAGC,KAAK;;0BAET,KAACL;gBAAmBI,WAAU;;0BAC9B,KAACmB;gBAAKnB,WAAU;0BAAU;;;;AAG7B;AAEA,SACCD,UAAU,EACVO,iBAAiB,EACjBI,cAAc,EACdF,cAAc,EACdU,kBAAkB,EAClBE,cAAc,EACdC,kBAAkB,GACjB"}
|