@health-samurai/react-components 0.0.0-alpha.4 → 0.0.0-alpha.5
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 +687 -446
- 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 +13 -2
- package/dist/src/components/code-editor/index.d.ts.map +1 -1
- package/dist/src/components/code-editor/index.js +161 -20
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.js +3 -1
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/request-line-editor.d.ts +11 -35
- package/dist/src/components/request-line-editor.d.ts.map +1 -1
- package/dist/src/components/request-line-editor.js +51 -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/tree-view.d.ts +16 -0
- package/dist/src/components/tree-view.d.ts.map +1 -0
- package/dist/src/components/tree-view.js +67 -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 +3 -0
- package/dist/src/icons.d.ts.map +1 -0
- package/dist/src/icons.js +47 -0
- package/dist/src/icons.js.map +1 -0
- package/dist/src/index.css +42 -3
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -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.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.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +87 -16
- 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 +314 -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 +20 -0
- package/dist/src/shadcn/components/ui/tree.d.ts.map +1 -0
- package/dist/src/shadcn/components/ui/tree.js +111 -0
- package/dist/src/shadcn/components/ui/tree.js.map +1 -0
- package/package.json +9 -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 +182 -21
- package/src/components/code-editor.stories.tsx +1 -1
- package/src/components/request-line-editor.stories.tsx +17 -27
- package/src/components/request-line-editor.tsx +72 -61
- package/src/components/tree-view.stories.tsx +260 -0
- package/src/components/tree-view.tsx +101 -0
- package/src/icons.tsx +45 -0
- package/src/index.css +42 -3
- package/src/index.tsx +1 -1
- package/src/shadcn/components/ui/accordion.tsx +66 -8
- 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 +38 -9
- package/src/shadcn/components/ui/form.tsx +16 -4
- package/src/shadcn/components/ui/input.tsx +281 -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 +455 -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 +200 -0
|
@@ -1,30 +1,101 @@
|
|
|
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
|
+
// Suffix styles
|
|
38
|
+
const suffixClasses = cn(// Borders
|
|
39
|
+
"border-border-primary", "border", // Background & Colors
|
|
40
|
+
"bg-bg-tertiary", "text-text-tertiary", // Layout & Flexbox
|
|
41
|
+
"flex", "items-center", // Spacing & Sizing
|
|
42
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
43
|
+
"typo-body", // Cursor & Interactions
|
|
44
|
+
"cursor-default", // Transitions
|
|
45
|
+
"transition-colors", "duration-300");
|
|
46
|
+
// Disabled suffix styles
|
|
47
|
+
const suffixDisabledClasses = cn(// Borders
|
|
48
|
+
"border-border-primary", "border", // Background & Colors
|
|
49
|
+
"bg-bg-tertiary", "text-text-disabled", // Layout & Flexbox
|
|
50
|
+
"flex", "items-center", // Spacing & Sizing
|
|
51
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
52
|
+
"typo-body", // Cursor & Interactions
|
|
53
|
+
"hover:cursor-not-allowed", // Transitions
|
|
54
|
+
"transition-colors", "duration-300");
|
|
55
|
+
// Invalid suffix styles
|
|
56
|
+
const suffixInvalidClasses = cn(// Borders
|
|
57
|
+
"border-border-error", "border", // Background & Colors
|
|
58
|
+
"bg-bg-secondary", "text-text-tertiary", // Layout & Flexbox
|
|
59
|
+
"flex", "items-center", // Spacing & Sizing
|
|
60
|
+
"rounded-r-md", "px-3", "py-1", // Typography
|
|
61
|
+
"typo-body", // Cursor & Interactions
|
|
62
|
+
"cursor-default", // Transitions
|
|
63
|
+
"transition-colors", "duration-300");
|
|
64
|
+
const inputVariants = cva(cn(// Sizing & Layout
|
|
65
|
+
"h-9", "flex", "w-full", "min-w-0", // Spacing & Padding
|
|
66
|
+
"px-3", "py-2", // Borders
|
|
67
|
+
"border", "border-border-primary", // Background & Colors
|
|
68
|
+
"bg-transparent", "text-base", // Typography
|
|
69
|
+
"typo-body", "md:text-md", // File input styles
|
|
70
|
+
"file:text-text-primary", "file:inline-flex", "file:h-7", "file:border-0", "file:bg-transparent", "file:text-md", "file:font-medium", // Placeholder styles
|
|
71
|
+
"placeholder:text-text-quternary", // Selection styles
|
|
72
|
+
"selection:bg-bg-primary", "selection:text-text-primary-foreground", "selection:bg-selection", // Hover states
|
|
73
|
+
"hover:border-border-primary_hover", // Focus states
|
|
74
|
+
"focus-visible:border-border-link", // Invalid states
|
|
75
|
+
"aria-invalid:ring-destructive", "aria-invalid:text-text-error-primary", "aria-invalid:border-border-error-primary", // Disabled states
|
|
76
|
+
"disabled:bg-bg-secondary", "disabled:cursor-not-allowed", "disabled:border-border-primary", "disabled:text-text-disabled", "disabled:placeholder:text-text-disabled", // Transitions
|
|
77
|
+
"transition-all", "duration-300", // Outline
|
|
78
|
+
"outline-none", // Border radius
|
|
79
|
+
"rounded-md"), {
|
|
16
80
|
variants: {
|
|
17
81
|
hasLeftSlot: {
|
|
18
|
-
true:
|
|
82
|
+
true: cn(// Left padding for icon
|
|
83
|
+
"pl-9")
|
|
19
84
|
},
|
|
20
85
|
hasRightSlot: {
|
|
21
|
-
true:
|
|
86
|
+
true: cn(// Right padding for icon
|
|
87
|
+
"pr-9")
|
|
22
88
|
},
|
|
23
89
|
hasSuffix: {
|
|
24
|
-
true:
|
|
90
|
+
true: cn(// Border adjustments for suffix
|
|
91
|
+
"border-r-0", "rounded-l-md", "rounded-r-none", // Focus adjustments
|
|
92
|
+
"focus-visible:ring-offset-0", "focus-visible:border-r-1")
|
|
25
93
|
},
|
|
26
94
|
invalid: {
|
|
27
|
-
true:
|
|
95
|
+
true: cn(// Invalid border colors
|
|
96
|
+
"border-border-error", "hover:border-border-error_inverse", // Invalid focus states
|
|
97
|
+
"focus-visible:ring-4", "focus-visible:ring-ring-red", "focus-visible:border-border-error", // Transitions
|
|
98
|
+
"transition-all", "duration-300")
|
|
28
99
|
}
|
|
29
100
|
},
|
|
30
101
|
defaultVariants: {
|
|
@@ -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// 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 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 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\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\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":"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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsCpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAYvD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
// Popover content styles
|
|
6
|
+
const popoverContentStyles = cn(// Layout
|
|
7
|
+
"z-50", "w-72", "origin-(--radix-popover-content-transform-origin)", "outline-hidden", // Shape
|
|
8
|
+
"rounded-md", // Borders
|
|
9
|
+
"border", "border-border-primary", // Background & Colors
|
|
10
|
+
"bg-bg-primary", "text-text-primary", // Spacing
|
|
11
|
+
"p-4", // Shadow
|
|
12
|
+
"shadow-md", // Animations - open
|
|
13
|
+
"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
|
|
14
|
+
"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
|
|
15
|
+
"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");
|
|
5
16
|
function Popover({ ...props }) {
|
|
6
17
|
return /*#__PURE__*/ _jsx(PopoverPrimitive.Root, {
|
|
7
18
|
"data-slot": "popover",
|
|
@@ -20,7 +31,7 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
|
|
|
20
31
|
"data-slot": "popover-content",
|
|
21
32
|
align: align,
|
|
22
33
|
sideOffset: sideOffset,
|
|
23
|
-
className: cn(
|
|
34
|
+
className: cn(popoverContentStyles, className),
|
|
24
35
|
...props
|
|
25
36
|
})
|
|
26
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Popover content styles\nconst popoverContentStyles = cn(\n\t// Layout\n\t\"z-50\",\n\t\"w-72\",\n\t\"origin-(--radix-popover-content-transform-origin)\",\n\t\"outline-hidden\",\n\t// Shape\n\t\"rounded-md\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t\"text-text-primary\",\n\t// Spacing\n\t\"p-4\",\n\t// Shadow\n\t\"shadow-md\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\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);\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(popoverContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","popoverContentStyles","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":"AAAA;;AACA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,yBAAyB;AACzB,MAAMC,uBAAuBD,GAC5B,SAAS;AACT,QACA,QACA,qDACA,kBACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,iBACA,qBACA,UAAU;AACV,OACA,SAAS;AACT,aACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,SAASE,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACJ,iBAAiBK,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,iBAAiBQ,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACJ,iBAAiBa,MAAM;kBACvB,cAAA,KAACb,iBAAiBc,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWT,GAAGC,sBAAsBQ;YACnC,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACJ,iBAAiBgB,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuBpC,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAcrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|