@axis-ds/ui-react 1.3.0 → 1.5.0

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.
Files changed (112) hide show
  1. package/README.md +74 -0
  2. package/dist/accordion/index.js +9 -27
  3. package/dist/accordion/index.mjs +58 -7
  4. package/dist/alert/index.js +9 -27
  5. package/dist/alert/index.mjs +54 -7
  6. package/dist/avatar/avatar.d.mts +24 -0
  7. package/dist/avatar/avatar.d.ts +24 -0
  8. package/dist/avatar/avatar.js +70 -0
  9. package/dist/{chunk-OQGMQL2A.mjs → avatar/avatar.mjs} +5 -26
  10. package/dist/avatar/index.d.mts +5 -26
  11. package/dist/avatar/index.d.ts +5 -26
  12. package/dist/avatar/index.js +4 -78
  13. package/dist/avatar/index.mjs +2 -5
  14. package/dist/avatar/variants.d.mts +14 -0
  15. package/dist/avatar/variants.d.ts +14 -0
  16. package/dist/avatar/variants.js +44 -0
  17. package/dist/avatar/variants.mjs +20 -0
  18. package/dist/badge/index.js +5 -23
  19. package/dist/badge/index.mjs +35 -5
  20. package/dist/breadcrumb/index.js +15 -33
  21. package/dist/breadcrumb/index.mjs +118 -10
  22. package/dist/button/index.js +5 -23
  23. package/dist/button/index.mjs +44 -5
  24. package/dist/card/index.js +13 -31
  25. package/dist/card/index.mjs +58 -9
  26. package/dist/checkbox/index.js +5 -23
  27. package/dist/checkbox/index.mjs +41 -4
  28. package/dist/collapsible/index.js +3 -5
  29. package/dist/collapsible/index.mjs +4 -5
  30. package/dist/command/index.d.mts +7 -7
  31. package/dist/command/index.d.ts +7 -7
  32. package/dist/command/index.js +16 -33
  33. package/dist/command/index.mjs +110 -10
  34. package/dist/dialog/index.js +18 -36
  35. package/dist/dialog/index.mjs +88 -13
  36. package/dist/dropdown-menu/index.js +26 -44
  37. package/dist/dropdown-menu/index.mjs +188 -18
  38. package/dist/index.d.mts +4 -10
  39. package/dist/index.d.ts +4 -10
  40. package/dist/index.js +153 -1907
  41. package/dist/index.mjs +105 -150
  42. package/dist/input/index.js +4 -22
  43. package/dist/input/index.mjs +28 -4
  44. package/dist/label/index.js +5 -23
  45. package/dist/label/index.mjs +17 -4
  46. package/dist/popover/index.js +6 -24
  47. package/dist/popover/index.mjs +21 -6
  48. package/dist/progress/index.js +7 -25
  49. package/dist/progress/index.mjs +71 -6
  50. package/dist/radio-group/index.js +6 -24
  51. package/dist/radio-group/index.mjs +40 -5
  52. package/dist/scroll-area/index.js +6 -24
  53. package/dist/scroll-area/index.mjs +34 -5
  54. package/dist/select/index.js +16 -34
  55. package/dist/select/index.mjs +129 -11
  56. package/dist/separator/index.js +4 -22
  57. package/dist/separator/index.mjs +21 -4
  58. package/dist/sheet/index.js +19 -37
  59. package/dist/sheet/index.mjs +122 -13
  60. package/dist/skeleton/index.js +4 -22
  61. package/dist/skeleton/index.mjs +19 -4
  62. package/dist/slider/index.js +4 -22
  63. package/dist/slider/index.mjs +34 -4
  64. package/dist/switch/index.js +5 -23
  65. package/dist/switch/index.mjs +29 -4
  66. package/dist/table/index.js +18 -36
  67. package/dist/table/index.mjs +96 -11
  68. package/dist/tabs/index.js +9 -27
  69. package/dist/tabs/index.mjs +47 -7
  70. package/dist/textarea/index.js +4 -22
  71. package/dist/textarea/index.mjs +20 -4
  72. package/dist/toast/index.js +16 -34
  73. package/dist/toast/index.mjs +94 -10
  74. package/dist/toggle/index.js +5 -23
  75. package/dist/toggle/index.mjs +34 -5
  76. package/dist/tooltip/index.js +7 -25
  77. package/dist/tooltip/index.mjs +26 -7
  78. package/dist/utils.d.mts +9 -0
  79. package/dist/utils.d.ts +9 -0
  80. package/dist/utils.js +40 -0
  81. package/dist/{chunk-ZIF4PLK3.mjs → utils.mjs} +2 -4
  82. package/package.json +8 -6
  83. package/tailwind.css +10 -0
  84. package/dist/chunk-22MWNPDF.mjs +0 -44
  85. package/dist/chunk-2OEPKE4D.mjs +0 -69
  86. package/dist/chunk-2XNUJNTG.mjs +0 -43
  87. package/dist/chunk-3N6NG7VT.mjs +0 -11
  88. package/dist/chunk-4I2F2NLP.mjs +0 -111
  89. package/dist/chunk-4PT43LON.mjs +0 -31
  90. package/dist/chunk-5NWFAQBM.mjs +0 -36
  91. package/dist/chunk-5Z2R3IHJ.mjs +0 -28
  92. package/dist/chunk-AY4B3RRN.mjs +0 -144
  93. package/dist/chunk-C5O47K7L.mjs +0 -71
  94. package/dist/chunk-CNU6645Y.mjs +0 -42
  95. package/dist/chunk-CY72AGI2.mjs +0 -105
  96. package/dist/chunk-DRFCNDVQ.mjs +0 -27
  97. package/dist/chunk-F2WSIT7F.mjs +0 -49
  98. package/dist/chunk-FZFREHAE.mjs +0 -139
  99. package/dist/chunk-HKYKDQ6C.mjs +0 -81
  100. package/dist/chunk-IS7NER3O.mjs +0 -37
  101. package/dist/chunk-MOBW7BKD.mjs +0 -49
  102. package/dist/chunk-PJX5UF3Y.mjs +0 -25
  103. package/dist/chunk-QXQWVRXN.mjs +0 -53
  104. package/dist/chunk-RFB4IABR.mjs +0 -108
  105. package/dist/chunk-SO2QSRGV.mjs +0 -58
  106. package/dist/chunk-TA62Q7YX.mjs +0 -37
  107. package/dist/chunk-TB33GTWS.mjs +0 -43
  108. package/dist/chunk-YI5OZRUB.mjs +0 -132
  109. package/dist/chunk-YZDRNV46.mjs +0 -210
  110. package/dist/chunk-Z4P43F5J.mjs +0 -65
  111. package/dist/chunk-Z65ZMFDH.mjs +0 -123
  112. package/dist/chunk-ZW6GY5PO.mjs +0 -29
package/dist/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
- var __create = Object.create;
3
2
  var __defProp = Object.defineProperty;
4
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
6
  var __export = (target, all) => {
9
7
  for (var name in all)
@@ -17,1916 +15,164 @@ var __copyProps = (to, from, except, desc) => {
17
15
  }
18
16
  return to;
19
17
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/index.ts
31
19
  var index_exports = {};
32
20
  __export(index_exports, {
33
- Accordion: () => Accordion,
34
- AccordionContent: () => AccordionContent,
35
- AccordionItem: () => AccordionItem,
36
- AccordionTrigger: () => AccordionTrigger,
37
- Alert: () => Alert,
38
- AlertDescription: () => AlertDescription,
39
- AlertTitle: () => AlertTitle,
40
- Avatar: () => Avatar,
41
- Badge: () => Badge,
42
- Breadcrumb: () => Breadcrumb,
43
- BreadcrumbEllipsis: () => BreadcrumbEllipsis,
44
- BreadcrumbItem: () => BreadcrumbItem,
45
- BreadcrumbLink: () => BreadcrumbLink,
46
- BreadcrumbList: () => BreadcrumbList,
47
- BreadcrumbPage: () => BreadcrumbPage,
48
- BreadcrumbSeparator: () => BreadcrumbSeparator,
49
- Button: () => Button,
50
- Card: () => Card,
51
- CardContent: () => CardContent,
52
- CardDescription: () => CardDescription,
53
- CardFooter: () => CardFooter,
54
- CardHeader: () => CardHeader,
55
- CardTitle: () => CardTitle,
56
- Checkbox: () => Checkbox,
57
- Collapsible: () => Collapsible,
58
- CollapsibleContent: () => CollapsibleContent,
59
- CollapsibleTrigger: () => CollapsibleTrigger,
60
- Command: () => Command,
61
- CommandEmpty: () => CommandEmpty,
62
- CommandGroup: () => CommandGroup,
63
- CommandInput: () => CommandInput,
64
- CommandItem: () => CommandItem,
65
- CommandList: () => CommandList,
66
- CommandSeparator: () => CommandSeparator,
67
- Dialog: () => Dialog,
68
- DialogClose: () => DialogClose,
69
- DialogContent: () => DialogContent,
70
- DialogDescription: () => DialogDescription,
71
- DialogFooter: () => DialogFooter,
72
- DialogHeader: () => DialogHeader,
73
- DialogTitle: () => DialogTitle,
74
- DialogTrigger: () => DialogTrigger,
75
- DropdownMenu: () => DropdownMenu,
76
- DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
77
- DropdownMenuContent: () => DropdownMenuContent,
78
- DropdownMenuGroup: () => DropdownMenuGroup,
79
- DropdownMenuItem: () => DropdownMenuItem,
80
- DropdownMenuLabel: () => DropdownMenuLabel,
81
- DropdownMenuPortal: () => DropdownMenuPortal,
82
- DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
83
- DropdownMenuRadioItem: () => DropdownMenuRadioItem,
84
- DropdownMenuSeparator: () => DropdownMenuSeparator,
85
- DropdownMenuShortcut: () => DropdownMenuShortcut,
86
- DropdownMenuSub: () => DropdownMenuSub,
87
- DropdownMenuSubContent: () => DropdownMenuSubContent,
88
- DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
89
- DropdownMenuTrigger: () => DropdownMenuTrigger,
90
- Input: () => Input,
91
- Label: () => Label,
92
- Popover: () => Popover,
93
- PopoverContent: () => PopoverContent,
94
- PopoverTrigger: () => PopoverTrigger,
95
- Progress: () => Progress,
96
- RadioGroup: () => RadioGroup,
97
- RadioGroupItem: () => RadioGroupItem,
98
- ScrollArea: () => ScrollArea,
99
- ScrollBar: () => ScrollBar,
100
- Select: () => Select,
101
- SelectContent: () => SelectContent,
102
- SelectGroup: () => SelectGroup,
103
- SelectItem: () => SelectItem,
104
- SelectLabel: () => SelectLabel,
105
- SelectSeparator: () => SelectSeparator,
106
- SelectTrigger: () => SelectTrigger,
107
- SelectValue: () => SelectValue,
108
- Separator: () => Separator2,
109
- Sheet: () => Sheet,
110
- SheetClose: () => SheetClose,
111
- SheetContent: () => SheetContent,
112
- SheetDescription: () => SheetDescription,
113
- SheetFooter: () => SheetFooter,
114
- SheetHeader: () => SheetHeader,
115
- SheetOverlay: () => SheetOverlay,
116
- SheetPortal: () => SheetPortal,
117
- SheetTitle: () => SheetTitle,
118
- SheetTrigger: () => SheetTrigger,
119
- Skeleton: () => Skeleton,
120
- Slider: () => Slider,
121
- Switch: () => Switch,
122
- Table: () => Table,
123
- TableBody: () => TableBody,
124
- TableCaption: () => TableCaption,
125
- TableCell: () => TableCell,
126
- TableFooter: () => TableFooter,
127
- TableHead: () => TableHead,
128
- TableHeader: () => TableHeader,
129
- TableRow: () => TableRow,
130
- Tabs: () => Tabs,
131
- TabsContent: () => TabsContent,
132
- TabsList: () => TabsList,
133
- TabsTrigger: () => TabsTrigger,
134
- Textarea: () => Textarea,
135
- Toast: () => Toast,
136
- ToastAction: () => ToastAction,
137
- ToastClose: () => ToastClose,
138
- ToastDescription: () => ToastDescription,
139
- ToastProvider: () => ToastProvider,
140
- ToastTitle: () => ToastTitle,
141
- ToastViewport: () => ToastViewport,
142
- Toggle: () => Toggle,
143
- Tooltip: () => Tooltip,
144
- TooltipContent: () => TooltipContent,
145
- TooltipProvider: () => TooltipProvider,
146
- TooltipTrigger: () => TooltipTrigger,
147
- alertVariants: () => alertVariants,
148
- avatarVariants: () => avatarVariants,
149
- badgeVariants: () => badgeVariants,
150
- buttonVariants: () => buttonVariants,
151
- cn: () => cn,
152
- progressIndicatorVariants: () => progressIndicatorVariants,
153
- progressVariants: () => progressVariants,
154
- toggleVariants: () => toggleVariants
21
+ Accordion: () => import_accordion.Accordion,
22
+ AccordionContent: () => import_accordion.AccordionContent,
23
+ AccordionItem: () => import_accordion.AccordionItem,
24
+ AccordionTrigger: () => import_accordion.AccordionTrigger,
25
+ Alert: () => import_alert.Alert,
26
+ AlertDescription: () => import_alert.AlertDescription,
27
+ AlertTitle: () => import_alert.AlertTitle,
28
+ Avatar: () => import_avatar.Avatar,
29
+ Badge: () => import_badge.Badge,
30
+ Breadcrumb: () => import_breadcrumb.Breadcrumb,
31
+ BreadcrumbEllipsis: () => import_breadcrumb.BreadcrumbEllipsis,
32
+ BreadcrumbItem: () => import_breadcrumb.BreadcrumbItem,
33
+ BreadcrumbLink: () => import_breadcrumb.BreadcrumbLink,
34
+ BreadcrumbList: () => import_breadcrumb.BreadcrumbList,
35
+ BreadcrumbPage: () => import_breadcrumb.BreadcrumbPage,
36
+ BreadcrumbSeparator: () => import_breadcrumb.BreadcrumbSeparator,
37
+ Button: () => import_button.Button,
38
+ Card: () => import_card.Card,
39
+ CardContent: () => import_card.CardContent,
40
+ CardDescription: () => import_card.CardDescription,
41
+ CardFooter: () => import_card.CardFooter,
42
+ CardHeader: () => import_card.CardHeader,
43
+ CardTitle: () => import_card.CardTitle,
44
+ Checkbox: () => import_checkbox.Checkbox,
45
+ Collapsible: () => import_collapsible.Collapsible,
46
+ CollapsibleContent: () => import_collapsible.CollapsibleContent,
47
+ CollapsibleTrigger: () => import_collapsible.CollapsibleTrigger,
48
+ Command: () => import_command.Command,
49
+ CommandEmpty: () => import_command.CommandEmpty,
50
+ CommandGroup: () => import_command.CommandGroup,
51
+ CommandInput: () => import_command.CommandInput,
52
+ CommandItem: () => import_command.CommandItem,
53
+ CommandList: () => import_command.CommandList,
54
+ CommandSeparator: () => import_command.CommandSeparator,
55
+ Dialog: () => import_dialog.Dialog,
56
+ DialogClose: () => import_dialog.DialogClose,
57
+ DialogContent: () => import_dialog.DialogContent,
58
+ DialogDescription: () => import_dialog.DialogDescription,
59
+ DialogFooter: () => import_dialog.DialogFooter,
60
+ DialogHeader: () => import_dialog.DialogHeader,
61
+ DialogTitle: () => import_dialog.DialogTitle,
62
+ DialogTrigger: () => import_dialog.DialogTrigger,
63
+ DropdownMenu: () => import_dropdown_menu.DropdownMenu,
64
+ DropdownMenuCheckboxItem: () => import_dropdown_menu.DropdownMenuCheckboxItem,
65
+ DropdownMenuContent: () => import_dropdown_menu.DropdownMenuContent,
66
+ DropdownMenuGroup: () => import_dropdown_menu.DropdownMenuGroup,
67
+ DropdownMenuItem: () => import_dropdown_menu.DropdownMenuItem,
68
+ DropdownMenuLabel: () => import_dropdown_menu.DropdownMenuLabel,
69
+ DropdownMenuPortal: () => import_dropdown_menu.DropdownMenuPortal,
70
+ DropdownMenuRadioGroup: () => import_dropdown_menu.DropdownMenuRadioGroup,
71
+ DropdownMenuRadioItem: () => import_dropdown_menu.DropdownMenuRadioItem,
72
+ DropdownMenuSeparator: () => import_dropdown_menu.DropdownMenuSeparator,
73
+ DropdownMenuShortcut: () => import_dropdown_menu.DropdownMenuShortcut,
74
+ DropdownMenuSub: () => import_dropdown_menu.DropdownMenuSub,
75
+ DropdownMenuSubContent: () => import_dropdown_menu.DropdownMenuSubContent,
76
+ DropdownMenuSubTrigger: () => import_dropdown_menu.DropdownMenuSubTrigger,
77
+ DropdownMenuTrigger: () => import_dropdown_menu.DropdownMenuTrigger,
78
+ Input: () => import_input.Input,
79
+ Label: () => import_label.Label,
80
+ Popover: () => import_popover.Popover,
81
+ PopoverContent: () => import_popover.PopoverContent,
82
+ PopoverTrigger: () => import_popover.PopoverTrigger,
83
+ Progress: () => import_progress.Progress,
84
+ RadioGroup: () => import_radio_group.RadioGroup,
85
+ RadioGroupItem: () => import_radio_group.RadioGroupItem,
86
+ ScrollArea: () => import_scroll_area.ScrollArea,
87
+ ScrollBar: () => import_scroll_area.ScrollBar,
88
+ Select: () => import_select.Select,
89
+ SelectContent: () => import_select.SelectContent,
90
+ SelectGroup: () => import_select.SelectGroup,
91
+ SelectItem: () => import_select.SelectItem,
92
+ SelectLabel: () => import_select.SelectLabel,
93
+ SelectSeparator: () => import_select.SelectSeparator,
94
+ SelectTrigger: () => import_select.SelectTrigger,
95
+ SelectValue: () => import_select.SelectValue,
96
+ Separator: () => import_separator.Separator,
97
+ Sheet: () => import_sheet.Sheet,
98
+ SheetClose: () => import_sheet.SheetClose,
99
+ SheetContent: () => import_sheet.SheetContent,
100
+ SheetDescription: () => import_sheet.SheetDescription,
101
+ SheetFooter: () => import_sheet.SheetFooter,
102
+ SheetHeader: () => import_sheet.SheetHeader,
103
+ SheetOverlay: () => import_sheet.SheetOverlay,
104
+ SheetPortal: () => import_sheet.SheetPortal,
105
+ SheetTitle: () => import_sheet.SheetTitle,
106
+ SheetTrigger: () => import_sheet.SheetTrigger,
107
+ Skeleton: () => import_skeleton.Skeleton,
108
+ Slider: () => import_slider.Slider,
109
+ Switch: () => import_switch.Switch,
110
+ Table: () => import_table.Table,
111
+ TableBody: () => import_table.TableBody,
112
+ TableCaption: () => import_table.TableCaption,
113
+ TableCell: () => import_table.TableCell,
114
+ TableFooter: () => import_table.TableFooter,
115
+ TableHead: () => import_table.TableHead,
116
+ TableHeader: () => import_table.TableHeader,
117
+ TableRow: () => import_table.TableRow,
118
+ Tabs: () => import_tabs.Tabs,
119
+ TabsContent: () => import_tabs.TabsContent,
120
+ TabsList: () => import_tabs.TabsList,
121
+ TabsTrigger: () => import_tabs.TabsTrigger,
122
+ Textarea: () => import_textarea.Textarea,
123
+ Toast: () => import_toast.Toast,
124
+ ToastAction: () => import_toast.ToastAction,
125
+ ToastClose: () => import_toast.ToastClose,
126
+ ToastDescription: () => import_toast.ToastDescription,
127
+ ToastProvider: () => import_toast.ToastProvider,
128
+ ToastTitle: () => import_toast.ToastTitle,
129
+ ToastViewport: () => import_toast.ToastViewport,
130
+ Toggle: () => import_toggle.Toggle,
131
+ Tooltip: () => import_tooltip.Tooltip,
132
+ TooltipContent: () => import_tooltip.TooltipContent,
133
+ TooltipProvider: () => import_tooltip.TooltipProvider,
134
+ TooltipTrigger: () => import_tooltip.TooltipTrigger,
135
+ alertVariants: () => import_alert.alertVariants,
136
+ avatarVariants: () => import_avatar.avatarVariants,
137
+ badgeVariants: () => import_badge.badgeVariants,
138
+ buttonVariants: () => import_button.buttonVariants,
139
+ cn: () => import_utils.cn,
140
+ progressIndicatorVariants: () => import_progress.progressIndicatorVariants,
141
+ progressVariants: () => import_progress.progressVariants,
142
+ toggleVariants: () => import_toggle.toggleVariants
155
143
  });
156
144
  module.exports = __toCommonJS(index_exports);
157
-
158
- // src/utils.ts
159
- var import_clsx = require("clsx");
160
- var import_tailwind_merge = require("tailwind-merge");
161
- var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
162
- var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
163
- extend: {
164
- classGroups: {
165
- shadow: [{ shadow: [isArbitraryShadowWithHint] }]
166
- }
167
- }
168
- });
169
- function cn(...inputs) {
170
- return twMerge((0, import_clsx.clsx)(inputs));
171
- }
172
-
173
- // src/button/index.tsx
174
- var React = __toESM(require("react"));
175
- var import_react_slot = require("@radix-ui/react-slot");
176
- var import_class_variance_authority = require("class-variance-authority");
177
- var import_jsx_runtime = require("react/jsx-runtime");
178
- var buttonVariants = (0, import_class_variance_authority.cva)(
179
- "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
180
- {
181
- variants: {
182
- variant: {
183
- default: "bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)] active:bg-[var(--axis-button-bg-active)] focus-visible:ring-[var(--axis-button-border-focus)]",
184
- secondary: "bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-button-secondary-text-default)] hover:bg-[var(--axis-button-secondary-bg-hover)] active:bg-[var(--axis-button-secondary-bg-active)]",
185
- ghost: "bg-[var(--axis-button-ghost-bg-default)] text-[var(--axis-button-ghost-text-default)] hover:bg-[var(--axis-button-ghost-bg-hover)] active:bg-[var(--axis-button-ghost-bg-active)]",
186
- destructive: "bg-[var(--axis-button-destructive-bg-default)] text-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)] active:bg-[var(--axis-button-destructive-bg-active)]",
187
- outline: "border border-[var(--axis-border-default)] bg-transparent hover:bg-[var(--axis-surface-secondary)] text-[var(--axis-text-primary)]",
188
- link: "text-[var(--axis-text-brand)] underline-offset-4 hover:underline"
189
- },
190
- size: {
191
- sm: "h-8 px-3 text-xs",
192
- default: "h-10 px-4 py-2",
193
- lg: "h-12 px-6 text-base",
194
- icon: "h-10 w-10"
195
- }
196
- },
197
- defaultVariants: {
198
- variant: "default",
199
- size: "default"
200
- }
201
- }
202
- );
203
- var Button = React.forwardRef(
204
- ({ className, variant, size, asChild = false, ...props }, ref) => {
205
- const Comp = asChild ? import_react_slot.Slot : "button";
206
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
207
- Comp,
208
- {
209
- className: cn(buttonVariants({ variant, size, className })),
210
- ref,
211
- ...props
212
- }
213
- );
214
- }
215
- );
216
- Button.displayName = "Button";
217
-
218
- // src/input/index.tsx
219
- var React2 = __toESM(require("react"));
220
- var import_jsx_runtime2 = require("react/jsx-runtime");
221
- var Input = React2.forwardRef(
222
- ({ className, type, error, ...props }, ref) => {
223
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
224
- "input",
225
- {
226
- type,
227
- className: cn(
228
- "flex h-10 w-full rounded-md border px-3 py-2 text-sm transition-colors",
229
- "bg-[var(--axis-input-bg-default)] text-[var(--axis-input-text-default)]",
230
- "border-[var(--axis-input-border-default)]",
231
- "placeholder:text-[var(--axis-input-text-placeholder)]",
232
- "hover:border-[var(--axis-input-border-hover)]",
233
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-input-border-focus)] focus-visible:ring-offset-2",
234
- "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-[var(--axis-input-bg-disabled)]",
235
- "file:border-0 file:bg-transparent file:text-sm file:font-medium",
236
- error && "border-[var(--axis-input-border-error)] focus-visible:ring-[var(--axis-input-border-error)]",
237
- className
238
- ),
239
- ref,
240
- ...props
241
- }
242
- );
243
- }
244
- );
245
- Input.displayName = "Input";
246
-
247
- // src/label/index.tsx
248
- var React3 = __toESM(require("react"));
249
- var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
250
- var import_class_variance_authority2 = require("class-variance-authority");
251
- var import_jsx_runtime3 = require("react/jsx-runtime");
252
- var labelVariants = (0, import_class_variance_authority2.cva)(
253
- "text-sm font-medium leading-none text-[var(--axis-text-primary)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
254
- );
255
- var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
256
- LabelPrimitive.Root,
257
- {
258
- ref,
259
- className: cn(labelVariants(), className),
260
- ...props
261
- }
262
- ));
263
- Label.displayName = "Label";
264
-
265
- // src/checkbox/index.tsx
266
- var React4 = __toESM(require("react"));
267
- var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
268
- var import_jsx_runtime4 = require("react/jsx-runtime");
269
- var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
270
- CheckboxPrimitive.Root,
271
- {
272
- ref,
273
- className: cn(
274
- "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
275
- "ring-offset-[var(--axis-surface-default)]",
276
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
277
- "disabled:cursor-not-allowed disabled:opacity-50",
278
- "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
279
- className
280
- ),
281
- ...props,
282
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
283
- CheckboxPrimitive.Indicator,
284
- {
285
- className: cn("flex items-center justify-center text-current"),
286
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
287
- "svg",
288
- {
289
- xmlns: "http://www.w3.org/2000/svg",
290
- width: "12",
291
- height: "12",
292
- viewBox: "0 0 24 24",
293
- fill: "none",
294
- stroke: "currentColor",
295
- strokeWidth: "3",
296
- strokeLinecap: "round",
297
- strokeLinejoin: "round",
298
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 6 9 17l-5-5" })
299
- }
300
- )
301
- }
302
- )
303
- }
304
- ));
305
- Checkbox.displayName = "Checkbox";
306
-
307
- // src/radio-group/index.tsx
308
- var React5 = __toESM(require("react"));
309
- var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
310
- var import_jsx_runtime5 = require("react/jsx-runtime");
311
- var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
312
- RadioGroupPrimitive.Root,
313
- {
314
- className: cn("grid gap-2", className),
315
- ...props,
316
- ref
317
- }
318
- ));
319
- RadioGroup.displayName = "RadioGroup";
320
- var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
321
- RadioGroupPrimitive.Item,
322
- {
323
- ref,
324
- className: cn(
325
- "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
326
- "ring-offset-[var(--axis-surface-default)]",
327
- "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
328
- "disabled:cursor-not-allowed disabled:opacity-50",
329
- "data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-[var(--axis-interactive-primary)]",
330
- className
331
- ),
332
- ...props,
333
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
334
- "svg",
335
- {
336
- xmlns: "http://www.w3.org/2000/svg",
337
- width: "8",
338
- height: "8",
339
- viewBox: "0 0 8 8",
340
- fill: "currentColor",
341
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "4", cy: "4", r: "4" })
342
- }
343
- ) })
344
- }
345
- ));
346
- RadioGroupItem.displayName = "RadioGroupItem";
347
-
348
- // src/select/index.tsx
349
- var React6 = __toESM(require("react"));
350
- var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
351
- var import_jsx_runtime6 = require("react/jsx-runtime");
352
- var Select = SelectPrimitive.Root;
353
- var SelectGroup = SelectPrimitive.Group;
354
- var SelectValue = SelectPrimitive.Value;
355
- var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
356
- SelectPrimitive.Trigger,
357
- {
358
- ref,
359
- className: cn(
360
- "flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm",
361
- "bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]",
362
- "placeholder:text-[var(--axis-input-text-placeholder)]",
363
- "hover:border-[var(--axis-input-border-hover)]",
364
- "focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2",
365
- "disabled:cursor-not-allowed disabled:opacity-50",
366
- "[&>span]:line-clamp-1",
367
- className
368
- ),
369
- ...props,
370
- children: [
371
- children,
372
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
373
- "svg",
374
- {
375
- className: "h-4 w-4 opacity-50",
376
- fill: "none",
377
- stroke: "currentColor",
378
- viewBox: "0 0 24 24",
379
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
380
- "path",
381
- {
382
- strokeLinecap: "round",
383
- strokeLinejoin: "round",
384
- strokeWidth: 2,
385
- d: "M19 9l-7 7-7-7"
386
- }
387
- )
388
- }
389
- ) })
390
- ]
391
- }
392
- ));
393
- SelectTrigger.displayName = "SelectTrigger";
394
- var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
395
- SelectPrimitive.Content,
396
- {
397
- ref,
398
- className: cn(
399
- "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
400
- "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
401
- "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",
402
- position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
403
- className
404
- ),
405
- position,
406
- ...props,
407
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
408
- SelectPrimitive.Viewport,
409
- {
410
- className: cn(
411
- "p-1",
412
- position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
413
- ),
414
- children
415
- }
416
- )
417
- }
418
- ) }));
419
- SelectContent.displayName = "SelectContent";
420
- var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
421
- SelectPrimitive.Label,
422
- {
423
- ref,
424
- className: cn(
425
- "py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--axis-text-secondary)]",
426
- className
427
- ),
428
- ...props
429
- }
430
- ));
431
- SelectLabel.displayName = "SelectLabel";
432
- var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
433
- SelectPrimitive.Item,
434
- {
435
- ref,
436
- className: cn(
437
- "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
438
- "text-[var(--axis-text-primary)]",
439
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
440
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
441
- className
442
- ),
443
- ...props,
444
- children: [
445
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
446
- "svg",
447
- {
448
- className: "h-4 w-4",
449
- fill: "none",
450
- stroke: "currentColor",
451
- viewBox: "0 0 24 24",
452
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
453
- "path",
454
- {
455
- strokeLinecap: "round",
456
- strokeLinejoin: "round",
457
- strokeWidth: 2,
458
- d: "M5 13l4 4L19 7"
459
- }
460
- )
461
- }
462
- ) }) }),
463
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemText, { children })
464
- ]
465
- }
466
- ));
467
- SelectItem.displayName = "SelectItem";
468
- var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
469
- SelectPrimitive.Separator,
470
- {
471
- ref,
472
- className: cn("-mx-1 my-1 h-px bg-[var(--axis-border-default)]", className),
473
- ...props
474
- }
475
- ));
476
- SelectSeparator.displayName = "SelectSeparator";
477
-
478
- // src/slider/index.tsx
479
- var React7 = __toESM(require("react"));
480
- var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
481
- var import_jsx_runtime7 = require("react/jsx-runtime");
482
- var Slider = React7.forwardRef(
483
- ({
484
- className,
485
- "aria-label": ariaLabel,
486
- "aria-labelledby": ariaLabelledby,
487
- ...props
488
- }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
489
- SliderPrimitive.Root,
490
- {
491
- ref,
492
- className: cn(
493
- "relative flex w-full touch-none select-none items-center",
494
- className
495
- ),
496
- ...props,
497
- children: [
498
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
499
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
500
- SliderPrimitive.Thumb,
501
- {
502
- "aria-label": ariaLabel,
503
- "aria-labelledby": ariaLabelledby,
504
- className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-default)] ring-offset-[var(--axis-surface-default)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
505
- }
506
- )
507
- ]
508
- }
509
- )
510
- );
511
- Slider.displayName = "Slider";
512
-
513
- // src/switch/index.tsx
514
- var React8 = __toESM(require("react"));
515
- var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
516
- var import_jsx_runtime8 = require("react/jsx-runtime");
517
- var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
518
- SwitchPrimitive.Root,
519
- {
520
- className: cn(
521
- "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
522
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
523
- "disabled:cursor-not-allowed disabled:opacity-50",
524
- "data-[state=checked]:bg-[var(--axis-interactive-primary)]",
525
- "data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",
526
- className
527
- ),
528
- ...props,
529
- ref,
530
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
531
- SwitchPrimitive.Thumb,
532
- {
533
- className: cn(
534
- "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform",
535
- "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
536
- )
537
- }
538
- )
539
- }
540
- ));
541
- Switch.displayName = "Switch";
542
-
543
- // src/textarea/index.tsx
544
- var React9 = __toESM(require("react"));
545
- var import_jsx_runtime9 = require("react/jsx-runtime");
546
- var Textarea = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
547
- "textarea",
548
- {
549
- className: cn(
550
- "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
551
- "text-[var(--axis-text-primary)]",
552
- "ring-offset-[var(--axis-surface-default)]",
553
- "placeholder:text-[var(--axis-text-tertiary)]",
554
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
555
- "disabled:cursor-not-allowed disabled:opacity-50",
556
- className
557
- ),
558
- ref,
559
- ...props
560
- }
561
- ));
562
- Textarea.displayName = "Textarea";
563
-
564
- // src/toggle/index.tsx
565
- var React10 = __toESM(require("react"));
566
- var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
567
- var import_class_variance_authority3 = require("class-variance-authority");
568
- var import_jsx_runtime10 = require("react/jsx-runtime");
569
- var toggleVariants = (0, import_class_variance_authority3.cva)(
570
- "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
571
- {
572
- variants: {
573
- variant: {
574
- default: "bg-transparent",
575
- outline: "border border-[var(--axis-border-default)] bg-transparent hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-primary)]"
576
- },
577
- size: {
578
- default: "h-10 px-3 min-w-10",
579
- sm: "h-9 px-2.5 min-w-9",
580
- lg: "h-11 px-5 min-w-11"
581
- }
582
- },
583
- defaultVariants: {
584
- variant: "default",
585
- size: "default"
586
- }
587
- }
588
- );
589
- var Toggle = React10.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
590
- TogglePrimitive.Root,
591
- {
592
- ref,
593
- className: cn(toggleVariants({ variant, size, className })),
594
- ...props
595
- }
596
- ));
597
- Toggle.displayName = "Toggle";
598
-
599
- // src/accordion/index.tsx
600
- var React11 = __toESM(require("react"));
601
- var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
602
- var import_jsx_runtime11 = require("react/jsx-runtime");
603
- var Accordion = AccordionPrimitive.Root;
604
- var AccordionItem = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
605
- AccordionPrimitive.Item,
606
- {
607
- ref,
608
- className: cn("border-b border-[var(--axis-border-default)]", className),
609
- ...props
610
- }
611
- ));
612
- AccordionItem.displayName = "AccordionItem";
613
- var AccordionTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
614
- AccordionPrimitive.Trigger,
615
- {
616
- ref,
617
- className: cn(
618
- "flex flex-1 items-center justify-between py-4 font-medium transition-all",
619
- "text-[var(--axis-text-primary)]",
620
- "hover:underline",
621
- "[&[data-state=open]>svg]:rotate-180",
622
- className
623
- ),
624
- ...props,
625
- children: [
626
- children,
627
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
628
- "svg",
629
- {
630
- xmlns: "http://www.w3.org/2000/svg",
631
- width: "16",
632
- height: "16",
633
- viewBox: "0 0 24 24",
634
- fill: "none",
635
- stroke: "currentColor",
636
- strokeWidth: "2",
637
- strokeLinecap: "round",
638
- strokeLinejoin: "round",
639
- className: "shrink-0 text-[var(--axis-text-secondary)] transition-transform duration-200",
640
- children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m6 9 6 6 6-6" })
641
- }
642
- )
643
- ]
644
- }
645
- ) }));
646
- AccordionTrigger.displayName = "AccordionTrigger";
647
- var AccordionContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
648
- AccordionPrimitive.Content,
649
- {
650
- ref,
651
- className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
652
- ...props,
653
- children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("pb-4 pt-0", className), children })
654
- }
655
- ));
656
- AccordionContent.displayName = "AccordionContent";
657
-
658
- // src/card/index.tsx
659
- var React12 = __toESM(require("react"));
660
- var import_jsx_runtime12 = require("react/jsx-runtime");
661
- var Card = React12.forwardRef(
662
- ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
663
- "div",
664
- {
665
- ref,
666
- className: cn(
667
- "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
668
- className
669
- ),
670
- ...props
671
- }
672
- )
673
- );
674
- Card.displayName = "Card";
675
- var CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
676
- "div",
677
- {
678
- ref,
679
- className: cn("flex flex-col space-y-1.5 p-6", className),
680
- ...props
681
- }
682
- ));
683
- CardHeader.displayName = "CardHeader";
684
- var CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
685
- "h3",
686
- {
687
- ref,
688
- className: cn(
689
- "text-2xl font-semibold leading-none tracking-tight text-[var(--axis-text-primary)]",
690
- className
691
- ),
692
- ...props
693
- }
694
- ));
695
- CardTitle.displayName = "CardTitle";
696
- var CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
697
- "p",
698
- {
699
- ref,
700
- className: cn("text-sm text-[var(--axis-text-secondary)]", className),
701
- ...props
702
- }
703
- ));
704
- CardDescription.displayName = "CardDescription";
705
- var CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
706
- CardContent.displayName = "CardContent";
707
- var CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
708
- "div",
709
- {
710
- ref,
711
- className: cn("flex items-center p-6 pt-0", className),
712
- ...props
713
- }
714
- ));
715
- CardFooter.displayName = "CardFooter";
716
-
717
- // src/collapsible/index.tsx
718
- var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
719
- var Collapsible = CollapsiblePrimitive.Root;
720
- var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
721
- var CollapsibleContent = CollapsiblePrimitive.Content;
722
-
723
- // src/separator/index.tsx
724
- var React13 = __toESM(require("react"));
725
- var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
726
- var import_jsx_runtime13 = require("react/jsx-runtime");
727
- var Separator2 = React13.forwardRef(
728
- ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
729
- SeparatorPrimitive.Root,
730
- {
731
- ref,
732
- decorative,
733
- orientation,
734
- className: cn(
735
- "shrink-0 bg-[var(--axis-border-default)]",
736
- orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
737
- className
738
- ),
739
- ...props
740
- }
741
- )
742
- );
743
- Separator2.displayName = "Separator";
744
-
745
- // src/table/index.tsx
746
- var React14 = __toESM(require("react"));
747
- var import_jsx_runtime14 = require("react/jsx-runtime");
748
- var Table = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
749
- "table",
750
- {
751
- ref,
752
- className: cn(
753
- "w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
754
- className
755
- ),
756
- ...props
757
- }
758
- ) }));
759
- Table.displayName = "Table";
760
- var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
761
- "thead",
762
- {
763
- ref,
764
- className: cn("[&_tr]:border-b", className),
765
- ...props
766
- }
767
- ));
768
- TableHeader.displayName = "TableHeader";
769
- var TableBody = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
770
- "tbody",
771
- {
772
- ref,
773
- className: cn("[&_tr:last-child]:border-0", className),
774
- ...props
775
- }
776
- ));
777
- TableBody.displayName = "TableBody";
778
- var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
779
- "tfoot",
780
- {
781
- ref,
782
- className: cn(
783
- "border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
784
- className
785
- ),
786
- ...props
787
- }
788
- ));
789
- TableFooter.displayName = "TableFooter";
790
- var TableRow = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
791
- "tr",
792
- {
793
- ref,
794
- className: cn(
795
- "border-b border-[var(--axis-border-default)] transition-colors",
796
- "hover:bg-[var(--axis-surface-secondary)]",
797
- "data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
798
- className
799
- ),
800
- ...props
801
- }
802
- ));
803
- TableRow.displayName = "TableRow";
804
- var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
805
- "th",
806
- {
807
- ref,
808
- className: cn(
809
- "h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
810
- "[&:has([role=checkbox])]:pr-0",
811
- className
812
- ),
813
- ...props
814
- }
815
- ));
816
- TableHead.displayName = "TableHead";
817
- var TableCell = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
818
- "td",
819
- {
820
- ref,
821
- className: cn(
822
- "p-4 align-middle [&:has([role=checkbox])]:pr-0",
823
- className
824
- ),
825
- ...props
826
- }
827
- ));
828
- TableCell.displayName = "TableCell";
829
- var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
830
- "caption",
831
- {
832
- ref,
833
- className: cn(
834
- "mt-4 text-sm text-[var(--axis-text-secondary)]",
835
- className
836
- ),
837
- ...props
838
- }
839
- ));
840
- TableCaption.displayName = "TableCaption";
841
-
842
- // src/tabs/index.tsx
843
- var React15 = __toESM(require("react"));
844
- var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
845
- var import_jsx_runtime15 = require("react/jsx-runtime");
846
- var Tabs = TabsPrimitive.Root;
847
- var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
848
- TabsPrimitive.List,
849
- {
850
- ref,
851
- className: cn(
852
- "inline-flex h-10 items-center justify-center rounded-md p-1",
853
- "bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
854
- className
855
- ),
856
- ...props
857
- }
858
- ));
859
- TabsList.displayName = "TabsList";
860
- var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
861
- TabsPrimitive.Trigger,
862
- {
863
- ref,
864
- className: cn(
865
- "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
866
- "ring-offset-[var(--axis-surface-default)]",
867
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
868
- "disabled:pointer-events-none disabled:opacity-50",
869
- "data-[state=active]:bg-[var(--axis-surface-default)] data-[state=active]:text-[var(--axis-text-primary)] data-[state=active]:shadow-sm",
870
- className
871
- ),
872
- ...props
873
- }
874
- ));
875
- TabsTrigger.displayName = "TabsTrigger";
876
- var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
877
- TabsPrimitive.Content,
878
- {
879
- ref,
880
- className: cn(
881
- "mt-2 ring-offset-[var(--axis-surface-default)]",
882
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
883
- className
884
- ),
885
- ...props
886
- }
887
- ));
888
- TabsContent.displayName = "TabsContent";
889
-
890
- // src/breadcrumb/index.tsx
891
- var React16 = __toESM(require("react"));
892
- var import_react_slot2 = require("@radix-ui/react-slot");
893
- var import_jsx_runtime16 = require("react/jsx-runtime");
894
- var Breadcrumb = React16.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
895
- Breadcrumb.displayName = "Breadcrumb";
896
- var BreadcrumbList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
897
- "ol",
898
- {
899
- ref,
900
- className: cn(
901
- "flex flex-wrap items-center gap-1.5 break-words text-sm text-[var(--axis-text-secondary)] sm:gap-2.5",
902
- className
903
- ),
904
- ...props
905
- }
906
- ));
907
- BreadcrumbList.displayName = "BreadcrumbList";
908
- var BreadcrumbItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
909
- "li",
910
- {
911
- ref,
912
- className: cn("inline-flex items-center gap-1.5", className),
913
- ...props
914
- }
915
- ));
916
- BreadcrumbItem.displayName = "BreadcrumbItem";
917
- var BreadcrumbLink = React16.forwardRef(({ asChild, className, ...props }, ref) => {
918
- const Comp = asChild ? import_react_slot2.Slot : "a";
919
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
920
- Comp,
921
- {
922
- ref,
923
- className: cn(
924
- "transition-colors hover:text-[var(--axis-text-primary)]",
925
- className
926
- ),
927
- ...props
928
- }
929
- );
930
- });
931
- BreadcrumbLink.displayName = "BreadcrumbLink";
932
- var BreadcrumbPage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
933
- "span",
934
- {
935
- ref,
936
- role: "link",
937
- "aria-disabled": "true",
938
- "aria-current": "page",
939
- className: cn("font-normal text-[var(--axis-text-primary)]", className),
940
- ...props
941
- }
942
- ));
943
- BreadcrumbPage.displayName = "BreadcrumbPage";
944
- var BreadcrumbSeparator = ({
945
- children,
946
- className,
947
- ...props
948
- }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
949
- "li",
950
- {
951
- role: "presentation",
952
- "aria-hidden": "true",
953
- className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
954
- ...props,
955
- children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
956
- "svg",
957
- {
958
- xmlns: "http://www.w3.org/2000/svg",
959
- width: "16",
960
- height: "16",
961
- viewBox: "0 0 24 24",
962
- fill: "none",
963
- stroke: "currentColor",
964
- strokeWidth: "2",
965
- strokeLinecap: "round",
966
- strokeLinejoin: "round",
967
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m9 18 6-6-6-6" })
968
- }
969
- )
970
- }
971
- );
972
- BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
973
- var BreadcrumbEllipsis = ({
974
- className,
975
- ...props
976
- }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
977
- "span",
978
- {
979
- role: "presentation",
980
- "aria-hidden": "true",
981
- className: cn("flex h-9 w-9 items-center justify-center", className),
982
- ...props,
983
- children: [
984
- /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
985
- "svg",
986
- {
987
- xmlns: "http://www.w3.org/2000/svg",
988
- width: "16",
989
- height: "16",
990
- viewBox: "0 0 24 24",
991
- fill: "none",
992
- stroke: "currentColor",
993
- strokeWidth: "2",
994
- strokeLinecap: "round",
995
- strokeLinejoin: "round",
996
- children: [
997
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
998
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
999
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "5", cy: "12", r: "1" })
1000
- ]
1001
- }
1002
- ),
1003
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "More" })
1004
- ]
1005
- }
1006
- );
1007
- BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
1008
-
1009
- // src/dialog/index.tsx
1010
- var React17 = __toESM(require("react"));
1011
- var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
1012
- var import_jsx_runtime17 = require("react/jsx-runtime");
1013
- var Dialog = DialogPrimitive.Root;
1014
- var DialogTrigger = DialogPrimitive.Trigger;
1015
- var DialogPortal = DialogPrimitive.Portal;
1016
- var DialogClose = DialogPrimitive.Close;
1017
- var DialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1018
- DialogPrimitive.Overlay,
1019
- {
1020
- ref,
1021
- className: cn(
1022
- "fixed inset-0 z-50 bg-[var(--axis-dialog-overlay-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
1023
- className
1024
- ),
1025
- ...props
1026
- }
1027
- ));
1028
- DialogOverlay.displayName = "DialogOverlay";
1029
- var DialogContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogPortal, { children: [
1030
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogOverlay, {}),
1031
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1032
- DialogPrimitive.Content,
1033
- {
1034
- ref,
1035
- className: cn(
1036
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-[shadow:var(--axis-shadow-lg)] duration-200",
1037
- "bg-[var(--axis-dialog-content-bg)] border-[var(--axis-dialog-content-border)]",
1038
- "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
1039
- "sm:rounded-lg",
1040
- className
1041
- ),
1042
- ...props,
1043
- children
1044
- }
1045
- )
1046
- ] }));
1047
- DialogContent.displayName = "DialogContent";
1048
- var DialogHeader = ({
1049
- className,
1050
- ...props
1051
- }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1052
- "div",
1053
- {
1054
- className: cn(
1055
- "flex flex-col space-y-1.5 text-center sm:text-left",
1056
- className
1057
- ),
1058
- ...props
1059
- }
1060
- );
1061
- DialogHeader.displayName = "DialogHeader";
1062
- var DialogFooter = ({
1063
- className,
1064
- ...props
1065
- }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1066
- "div",
1067
- {
1068
- className: cn(
1069
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
1070
- className
1071
- ),
1072
- ...props
1073
- }
1074
- );
1075
- DialogFooter.displayName = "DialogFooter";
1076
- var DialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1077
- DialogPrimitive.Title,
1078
- {
1079
- ref,
1080
- className: cn(
1081
- "text-lg font-semibold leading-none tracking-tight text-[var(--axis-text-primary)]",
1082
- className
1083
- ),
1084
- ...props
1085
- }
1086
- ));
1087
- DialogTitle.displayName = "DialogTitle";
1088
- var DialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1089
- DialogPrimitive.Description,
1090
- {
1091
- ref,
1092
- className: cn("text-sm text-[var(--axis-text-secondary)]", className),
1093
- ...props
1094
- }
1095
- ));
1096
- DialogDescription.displayName = "DialogDescription";
1097
-
1098
- // src/dropdown-menu/index.tsx
1099
- var React18 = __toESM(require("react"));
1100
- var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
1101
- var import_jsx_runtime18 = require("react/jsx-runtime");
1102
- var DropdownMenu = DropdownMenuPrimitive.Root;
1103
- var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
1104
- var DropdownMenuGroup = DropdownMenuPrimitive.Group;
1105
- var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
1106
- var DropdownMenuSub = DropdownMenuPrimitive.Sub;
1107
- var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
1108
- var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1109
- DropdownMenuPrimitive.SubTrigger,
1110
- {
1111
- ref,
1112
- className: cn(
1113
- "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
1114
- "focus:bg-[var(--axis-surface-secondary)]",
1115
- "data-[state=open]:bg-[var(--axis-surface-secondary)]",
1116
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
1117
- inset && "pl-8",
1118
- className
1119
- ),
1120
- ...props,
1121
- children: [
1122
- children,
1123
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1124
- "svg",
1125
- {
1126
- xmlns: "http://www.w3.org/2000/svg",
1127
- width: "16",
1128
- height: "16",
1129
- viewBox: "0 0 24 24",
1130
- fill: "none",
1131
- stroke: "currentColor",
1132
- strokeWidth: "2",
1133
- strokeLinecap: "round",
1134
- strokeLinejoin: "round",
1135
- className: "ml-auto",
1136
- children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "m9 18 6-6-6-6" })
1137
- }
1138
- )
1139
- ]
1140
- }
1141
- ));
1142
- DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
1143
- var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1144
- DropdownMenuPrimitive.SubContent,
1145
- {
1146
- ref,
1147
- className: cn(
1148
- "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-lg",
1149
- "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",
1150
- className
1151
- ),
1152
- ...props
1153
- }
1154
- ));
1155
- DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
1156
- var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1157
- DropdownMenuPrimitive.Content,
1158
- {
1159
- ref,
1160
- sideOffset,
1161
- className: cn(
1162
- "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-md",
1163
- "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",
1164
- className
1165
- ),
1166
- ...props
1167
- }
1168
- ) }));
1169
- DropdownMenuContent.displayName = "DropdownMenuContent";
1170
- var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1171
- DropdownMenuPrimitive.Item,
1172
- {
1173
- ref,
1174
- className: cn(
1175
- "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors",
1176
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
1177
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
1178
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
1179
- inset && "pl-8",
1180
- className
1181
- ),
1182
- ...props
1183
- }
1184
- ));
1185
- DropdownMenuItem.displayName = "DropdownMenuItem";
1186
- var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1187
- DropdownMenuPrimitive.CheckboxItem,
1188
- {
1189
- ref,
1190
- className: cn(
1191
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
1192
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
1193
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
1194
- className
1195
- ),
1196
- checked,
1197
- ...props,
1198
- children: [
1199
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1200
- "svg",
1201
- {
1202
- xmlns: "http://www.w3.org/2000/svg",
1203
- width: "16",
1204
- height: "16",
1205
- viewBox: "0 0 24 24",
1206
- fill: "none",
1207
- stroke: "currentColor",
1208
- strokeWidth: "2",
1209
- strokeLinecap: "round",
1210
- strokeLinejoin: "round",
1211
- children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M20 6 9 17l-5-5" })
1212
- }
1213
- ) }) }),
1214
- children
1215
- ]
1216
- }
1217
- ));
1218
- DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
1219
- var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
1220
- DropdownMenuPrimitive.RadioItem,
1221
- {
1222
- ref,
1223
- className: cn(
1224
- "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors",
1225
- "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
1226
- "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
1227
- className
1228
- ),
1229
- ...props,
1230
- children: [
1231
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1232
- "svg",
1233
- {
1234
- xmlns: "http://www.w3.org/2000/svg",
1235
- width: "8",
1236
- height: "8",
1237
- viewBox: "0 0 8 8",
1238
- fill: "currentColor",
1239
- children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("circle", { cx: "4", cy: "4", r: "4" })
1240
- }
1241
- ) }) }),
1242
- children
1243
- ]
1244
- }
1245
- ));
1246
- DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
1247
- var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1248
- DropdownMenuPrimitive.Label,
1249
- {
1250
- ref,
1251
- className: cn(
1252
- "px-2 py-1.5 text-sm font-semibold",
1253
- inset && "pl-8",
1254
- className
1255
- ),
1256
- ...props
1257
- }
1258
- ));
1259
- DropdownMenuLabel.displayName = "DropdownMenuLabel";
1260
- var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1261
- DropdownMenuPrimitive.Separator,
1262
- {
1263
- ref,
1264
- className: cn(
1265
- "-mx-1 my-1 h-px bg-[var(--axis-border-default)]",
1266
- className
1267
- ),
1268
- ...props
1269
- }
1270
- ));
1271
- DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
1272
- var DropdownMenuShortcut = ({
1273
- className,
1274
- ...props
1275
- }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1276
- "span",
1277
- {
1278
- className: cn(
1279
- "ml-auto text-xs tracking-widest text-[var(--axis-text-tertiary)]",
1280
- className
1281
- ),
1282
- ...props
1283
- }
1284
- );
1285
- DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
1286
-
1287
- // src/popover/index.tsx
1288
- var React19 = __toESM(require("react"));
1289
- var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
1290
- var import_jsx_runtime19 = require("react/jsx-runtime");
1291
- var Popover = PopoverPrimitive.Root;
1292
- var PopoverTrigger = PopoverPrimitive.Trigger;
1293
- var PopoverContent = React19.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1294
- PopoverPrimitive.Content,
1295
- {
1296
- ref,
1297
- align,
1298
- sideOffset,
1299
- className: cn(
1300
- "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
1301
- "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",
1302
- className
1303
- ),
1304
- ...props
1305
- }
1306
- ) }));
1307
- PopoverContent.displayName = "PopoverContent";
1308
-
1309
- // src/sheet/index.tsx
1310
- var React20 = __toESM(require("react"));
1311
- var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
1312
- var import_class_variance_authority4 = require("class-variance-authority");
1313
- var import_jsx_runtime20 = require("react/jsx-runtime");
1314
- var Sheet = SheetPrimitive.Root;
1315
- var SheetTrigger = SheetPrimitive.Trigger;
1316
- var SheetClose = SheetPrimitive.Close;
1317
- var SheetPortal = SheetPrimitive.Portal;
1318
- var SheetOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1319
- SheetPrimitive.Overlay,
1320
- {
1321
- className: cn(
1322
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
1323
- className
1324
- ),
1325
- ...props,
1326
- ref
1327
- }
1328
- ));
1329
- SheetOverlay.displayName = "SheetOverlay";
1330
- var sheetVariants = (0, import_class_variance_authority4.cva)(
1331
- "fixed z-50 gap-4 bg-[var(--axis-surface-default)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
1332
- {
1333
- variants: {
1334
- side: {
1335
- top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
1336
- bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
1337
- left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
1338
- right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
1339
- }
1340
- },
1341
- defaultVariants: {
1342
- side: "right"
1343
- }
1344
- }
1345
- );
1346
- var SheetContent = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SheetPortal, { children: [
1347
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SheetOverlay, {}),
1348
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1349
- SheetPrimitive.Content,
1350
- {
1351
- ref,
1352
- className: cn(sheetVariants({ side }), className),
1353
- ...props,
1354
- children: [
1355
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-default)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)] focus:ring-offset-2 disabled:pointer-events-none", children: [
1356
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
1357
- "svg",
1358
- {
1359
- xmlns: "http://www.w3.org/2000/svg",
1360
- width: "16",
1361
- height: "16",
1362
- viewBox: "0 0 24 24",
1363
- fill: "none",
1364
- stroke: "currentColor",
1365
- strokeWidth: "2",
1366
- strokeLinecap: "round",
1367
- strokeLinejoin: "round",
1368
- children: [
1369
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M18 6 6 18" }),
1370
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "m6 6 12 12" })
1371
- ]
1372
- }
1373
- ),
1374
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
1375
- ] }),
1376
- children
1377
- ]
1378
- }
1379
- )
1380
- ] }));
1381
- SheetContent.displayName = "SheetContent";
1382
- var SheetHeader = ({
1383
- className,
1384
- ...props
1385
- }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1386
- "div",
1387
- {
1388
- className: cn(
1389
- "flex flex-col space-y-2 text-center sm:text-left",
1390
- className
1391
- ),
1392
- ...props
1393
- }
1394
- );
1395
- SheetHeader.displayName = "SheetHeader";
1396
- var SheetFooter = ({
1397
- className,
1398
- ...props
1399
- }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1400
- "div",
1401
- {
1402
- className: cn(
1403
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
1404
- className
1405
- ),
1406
- ...props
1407
- }
1408
- );
1409
- SheetFooter.displayName = "SheetFooter";
1410
- var SheetTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1411
- SheetPrimitive.Title,
1412
- {
1413
- ref,
1414
- className: cn(
1415
- "text-lg font-semibold text-[var(--axis-text-primary)]",
1416
- className
1417
- ),
1418
- ...props
1419
- }
1420
- ));
1421
- SheetTitle.displayName = "SheetTitle";
1422
- var SheetDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1423
- SheetPrimitive.Description,
1424
- {
1425
- ref,
1426
- className: cn("text-sm text-[var(--axis-text-secondary)]", className),
1427
- ...props
1428
- }
1429
- ));
1430
- SheetDescription.displayName = "SheetDescription";
1431
-
1432
- // src/tooltip/index.tsx
1433
- var React21 = __toESM(require("react"));
1434
- var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
1435
- var import_jsx_runtime21 = require("react/jsx-runtime");
1436
- var TooltipProvider = TooltipPrimitive.Provider;
1437
- var Tooltip = TooltipPrimitive.Root;
1438
- var TooltipTrigger = TooltipPrimitive.Trigger;
1439
- var TooltipContent = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1440
- TooltipPrimitive.Content,
1441
- {
1442
- ref,
1443
- sideOffset,
1444
- className: cn(
1445
- "z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
1446
- "animate-in fade-in-0 zoom-in-95",
1447
- "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
1448
- "data-[side=bottom]:slide-in-from-top-2",
1449
- "data-[side=left]:slide-in-from-right-2",
1450
- "data-[side=right]:slide-in-from-left-2",
1451
- "data-[side=top]:slide-in-from-bottom-2",
1452
- className
1453
- ),
1454
- ...props
1455
- }
1456
- ) }));
1457
- TooltipContent.displayName = "TooltipContent";
1458
-
1459
- // src/alert/index.tsx
1460
- var React22 = __toESM(require("react"));
1461
- var import_class_variance_authority5 = require("class-variance-authority");
1462
- var import_jsx_runtime22 = require("react/jsx-runtime");
1463
- var alertVariants = (0, import_class_variance_authority5.cva)(
1464
- "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current",
1465
- {
1466
- // 아이콘은 기본 클래스 [&>svg]:text-current로 변형의 글자색(text-*)을 따른다.
1467
- // 라이트 icon-success(#22C55E) · icon-warning(#EAB308)은 상태 배경 대비가 2.18:1 · 1.85:1로
1468
- // 비텍스트 기준 3:1에 못 미치므로 아이콘 색에 쓰지 않는다(글자색은 4.76:1 이상).
1469
- variants: {
1470
- variant: {
1471
- default: "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
1472
- info: "bg-[var(--axis-surface-info)] text-[var(--axis-text-info)] border-[var(--axis-border-info)]",
1473
- success: "bg-[var(--axis-surface-success)] text-[var(--axis-text-success)] border-[var(--axis-border-success)]",
1474
- warning: "bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)] border-[var(--axis-border-warning)]",
1475
- destructive: "bg-[var(--axis-surface-error)] text-[var(--axis-text-error)] border-[var(--axis-border-error)]"
1476
- }
1477
- },
1478
- defaultVariants: {
1479
- variant: "default"
1480
- }
1481
- }
1482
- );
1483
- var Alert = React22.forwardRef(
1484
- ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1485
- "div",
1486
- {
1487
- ref,
1488
- role: "alert",
1489
- className: cn(alertVariants({ variant }), className),
1490
- ...props
1491
- }
1492
- )
1493
- );
1494
- Alert.displayName = "Alert";
1495
- var AlertTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1496
- "h5",
1497
- {
1498
- ref,
1499
- className: cn("mb-1 font-medium leading-none tracking-tight", className),
1500
- ...props
1501
- }
1502
- ));
1503
- AlertTitle.displayName = "AlertTitle";
1504
- var AlertDescription = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1505
- "div",
1506
- {
1507
- ref,
1508
- className: cn("text-sm [&_p]:leading-relaxed", className),
1509
- ...props
1510
- }
1511
- ));
1512
- AlertDescription.displayName = "AlertDescription";
1513
-
1514
- // src/badge/index.tsx
1515
- var React23 = __toESM(require("react"));
1516
- var import_class_variance_authority6 = require("class-variance-authority");
1517
- var import_jsx_runtime23 = require("react/jsx-runtime");
1518
- var badgeVariants = (0, import_class_variance_authority6.cva)(
1519
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
1520
- {
1521
- variants: {
1522
- variant: {
1523
- default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
1524
- secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
1525
- destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
1526
- success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
1527
- warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",
1528
- error: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
1529
- info: "border-transparent bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]",
1530
- outline: "border-[var(--axis-border-default)] text-[var(--axis-text-primary)]"
1531
- }
1532
- },
1533
- defaultVariants: {
1534
- variant: "default"
1535
- }
1536
- }
1537
- );
1538
- var Badge = React23.forwardRef(
1539
- ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1540
- "div",
1541
- {
1542
- ref,
1543
- className: cn(badgeVariants({ variant }), className),
1544
- ...props
1545
- }
1546
- )
1547
- );
1548
- Badge.displayName = "Badge";
1549
-
1550
- // src/progress/index.tsx
1551
- var React24 = __toESM(require("react"));
1552
- var import_class_variance_authority7 = require("class-variance-authority");
1553
- var import_jsx_runtime24 = require("react/jsx-runtime");
1554
- var progressVariants = (0, import_class_variance_authority7.cva)(
1555
- "relative h-2 w-full overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]",
1556
- {
1557
- variants: {
1558
- size: {
1559
- sm: "h-1",
1560
- default: "h-2",
1561
- lg: "h-3"
1562
- }
1563
- },
1564
- defaultVariants: {
1565
- size: "default"
1566
- }
1567
- }
1568
- );
1569
- var progressIndicatorVariants = (0, import_class_variance_authority7.cva)(
1570
- "h-full w-full flex-1 transition-all duration-300 ease-in-out",
1571
- {
1572
- variants: {
1573
- variant: {
1574
- default: "bg-[var(--axis-surface-brand)]",
1575
- success: "bg-[var(--axis-color-green-500)]",
1576
- warning: "bg-[var(--axis-color-yellow-500)]",
1577
- destructive: "bg-[var(--axis-color-red-500)]"
1578
- }
1579
- },
1580
- defaultVariants: {
1581
- variant: "default"
1582
- }
1583
- }
1584
- );
1585
- var Progress = React24.forwardRef(
1586
- ({
1587
- className,
1588
- value = 0,
1589
- max = 100,
1590
- size,
1591
- variant,
1592
- indeterminate = false,
1593
- ...props
1594
- }, ref) => {
1595
- const percentage = Math.min(Math.max(value / max * 100, 0), 100);
1596
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1597
- "div",
1598
- {
1599
- ref,
1600
- role: "progressbar",
1601
- "aria-valuemin": 0,
1602
- "aria-valuemax": max,
1603
- "aria-valuenow": indeterminate ? void 0 : value,
1604
- className: cn(progressVariants({ size }), className),
1605
- ...props,
1606
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1607
- "div",
1608
- {
1609
- className: cn(
1610
- progressIndicatorVariants({ variant }),
1611
- indeterminate && "animate-progress-indeterminate"
1612
- ),
1613
- style: indeterminate ? void 0 : { transform: `translateX(-${100 - percentage}%)` }
1614
- }
1615
- )
1616
- }
1617
- );
1618
- }
1619
- );
1620
- Progress.displayName = "Progress";
1621
-
1622
- // src/skeleton/index.tsx
1623
- var React25 = __toESM(require("react"));
1624
- var import_jsx_runtime25 = require("react/jsx-runtime");
1625
- var Skeleton = React25.forwardRef(
1626
- ({ className, ...props }, ref) => {
1627
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1628
- "div",
1629
- {
1630
- ref,
1631
- className: cn(
1632
- "animate-pulse rounded-md bg-[var(--axis-surface-tertiary)]",
1633
- className
1634
- ),
1635
- ...props
1636
- }
1637
- );
1638
- }
1639
- );
1640
- Skeleton.displayName = "Skeleton";
1641
-
1642
- // src/toast/index.tsx
1643
- var React26 = __toESM(require("react"));
1644
- var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
1645
- var import_class_variance_authority8 = require("class-variance-authority");
1646
- var import_jsx_runtime26 = require("react/jsx-runtime");
1647
- var ToastProvider = ToastPrimitives.Provider;
1648
- var ToastViewport = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1649
- ToastPrimitives.Viewport,
1650
- {
1651
- ref,
1652
- className: cn(
1653
- "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
1654
- className
1655
- ),
1656
- ...props
1657
- }
1658
- ));
1659
- ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
1660
- var toastVariants = (0, import_class_variance_authority8.cva)(
1661
- "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
1662
- {
1663
- variants: {
1664
- variant: {
1665
- default: "border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
1666
- success: "border-[var(--axis-border-success)] bg-[var(--axis-surface-success)] text-[var(--axis-text-success)]",
1667
- error: "border-[var(--axis-border-error)] bg-[var(--axis-surface-error)] text-[var(--axis-text-error)]",
1668
- warning: "border-transparent bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)]"
1669
- }
1670
- },
1671
- defaultVariants: {
1672
- variant: "default"
1673
- }
1674
- }
1675
- );
1676
- var Toast = React26.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1677
- ToastPrimitives.Root,
1678
- {
1679
- ref,
1680
- className: cn(toastVariants({ variant }), className),
1681
- ...props
1682
- }
1683
- ));
1684
- Toast.displayName = ToastPrimitives.Root.displayName;
1685
- var ToastAction = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1686
- ToastPrimitives.Action,
1687
- {
1688
- ref,
1689
- className: cn(
1690
- "inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium transition-colors",
1691
- "border-[var(--axis-border-default)] bg-transparent",
1692
- "hover:bg-[var(--axis-surface-secondary)]",
1693
- "focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)]",
1694
- "disabled:pointer-events-none disabled:opacity-50",
1695
- className
1696
- ),
1697
- ...props
1698
- }
1699
- ));
1700
- ToastAction.displayName = ToastPrimitives.Action.displayName;
1701
- var ToastClose = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1702
- ToastPrimitives.Close,
1703
- {
1704
- ref,
1705
- className: cn(
1706
- "absolute right-2 top-2 rounded-md p-1 text-[var(--axis-text-secondary)] opacity-0 transition-opacity",
1707
- "hover:text-[var(--axis-text-primary)]",
1708
- "focus:opacity-100 focus:outline-none focus:ring-2",
1709
- "group-hover:opacity-100",
1710
- className
1711
- ),
1712
- "toast-close": "",
1713
- ...props,
1714
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
1715
- }
1716
- ));
1717
- ToastClose.displayName = ToastPrimitives.Close.displayName;
1718
- var ToastTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1719
- ToastPrimitives.Title,
1720
- {
1721
- ref,
1722
- className: cn("text-sm font-semibold", className),
1723
- ...props
1724
- }
1725
- ));
1726
- ToastTitle.displayName = ToastPrimitives.Title.displayName;
1727
- var ToastDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1728
- ToastPrimitives.Description,
1729
- {
1730
- ref,
1731
- className: cn("text-sm opacity-90", className),
1732
- ...props
1733
- }
1734
- ));
1735
- ToastDescription.displayName = ToastPrimitives.Description.displayName;
1736
-
1737
- // src/avatar/index.tsx
1738
- var React27 = __toESM(require("react"));
1739
- var import_class_variance_authority9 = require("class-variance-authority");
1740
- var import_jsx_runtime27 = require("react/jsx-runtime");
1741
- var avatarVariants = (0, import_class_variance_authority9.cva)(
1742
- "relative flex shrink-0 overflow-hidden rounded-full bg-[var(--axis-surface-secondary)]",
1743
- {
1744
- variants: {
1745
- size: {
1746
- sm: "h-8 w-8 text-xs",
1747
- default: "h-10 w-10 text-sm",
1748
- lg: "h-12 w-12 text-base",
1749
- xl: "h-16 w-16 text-lg"
1750
- }
1751
- },
1752
- defaultVariants: {
1753
- size: "default"
1754
- }
1755
- }
1756
- );
1757
- var Avatar = React27.forwardRef(
1758
- ({ className, size, src, alt, fallback, ...props }, ref) => {
1759
- const [hasError, setHasError] = React27.useState(false);
1760
- const initials = React27.useMemo(() => {
1761
- if (fallback) return fallback;
1762
- if (!alt) return "?";
1763
- return alt.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
1764
- }, [alt, fallback]);
1765
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1766
- "div",
1767
- {
1768
- ref,
1769
- className: cn(avatarVariants({ size, className })),
1770
- ...props,
1771
- children: src && !hasError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1772
- "img",
1773
- {
1774
- src,
1775
- alt: alt || "Avatar",
1776
- className: "aspect-square h-full w-full object-cover",
1777
- onError: () => setHasError(true)
1778
- }
1779
- ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "flex h-full w-full items-center justify-center bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-secondary)] font-medium", children: initials })
1780
- }
1781
- );
1782
- }
1783
- );
1784
- Avatar.displayName = "Avatar";
1785
-
1786
- // src/scroll-area/index.tsx
1787
- var React28 = __toESM(require("react"));
1788
- var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
1789
- var import_jsx_runtime28 = require("react/jsx-runtime");
1790
- var ScrollArea = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
1791
- ScrollAreaPrimitive.Root,
1792
- {
1793
- ref,
1794
- className: cn("relative overflow-hidden", className),
1795
- ...props,
1796
- children: [
1797
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
1798
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollBar, {}),
1799
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Corner, {})
1800
- ]
1801
- }
1802
- ));
1803
- ScrollArea.displayName = "ScrollArea";
1804
- var ScrollBar = React28.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
1805
- ScrollAreaPrimitive.ScrollAreaScrollbar,
1806
- {
1807
- ref,
1808
- orientation,
1809
- className: cn(
1810
- "flex touch-none select-none transition-colors",
1811
- orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
1812
- orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
1813
- className
1814
- ),
1815
- ...props,
1816
- children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[var(--axis-border-default)]" })
1817
- }
1818
- ));
1819
- ScrollBar.displayName = "ScrollBar";
1820
-
1821
- // src/command/index.tsx
1822
- var React29 = __toESM(require("react"));
1823
- var import_cmdk = require("cmdk");
1824
- var import_jsx_runtime29 = require("react/jsx-runtime");
1825
- var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1826
- import_cmdk.Command,
1827
- {
1828
- ref,
1829
- className: cn(
1830
- "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
1831
- className
1832
- ),
1833
- ...props
1834
- }
1835
- ));
1836
- Command.displayName = "Command";
1837
- var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center border-b border-[var(--axis-border-default)] px-3", children: [
1838
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
1839
- "svg",
1840
- {
1841
- xmlns: "http://www.w3.org/2000/svg",
1842
- width: "16",
1843
- height: "16",
1844
- viewBox: "0 0 24 24",
1845
- fill: "none",
1846
- stroke: "currentColor",
1847
- strokeWidth: "2",
1848
- strokeLinecap: "round",
1849
- strokeLinejoin: "round",
1850
- className: "mr-2 h-4 w-4 shrink-0 opacity-50",
1851
- children: [
1852
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
1853
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "m21 21-4.3-4.3" })
1854
- ]
1855
- }
1856
- ),
1857
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1858
- import_cmdk.Command.Input,
1859
- {
1860
- ref,
1861
- className: cn(
1862
- "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none",
1863
- "placeholder:text-[var(--axis-text-tertiary)]",
1864
- "disabled:cursor-not-allowed disabled:opacity-50",
1865
- className
1866
- ),
1867
- ...props
1868
- }
1869
- )
1870
- ] }));
1871
- CommandInput.displayName = "CommandInput";
1872
- var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1873
- import_cmdk.Command.List,
1874
- {
1875
- ref,
1876
- className: cn(
1877
- "max-h-[300px] overflow-y-auto overflow-x-hidden",
1878
- className
1879
- ),
1880
- ...props
1881
- }
1882
- ));
1883
- CommandList.displayName = "CommandList";
1884
- var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1885
- import_cmdk.Command.Empty,
1886
- {
1887
- ref,
1888
- className: "py-6 text-center text-sm text-[var(--axis-text-secondary)]",
1889
- ...props
1890
- }
1891
- ));
1892
- CommandEmpty.displayName = "CommandEmpty";
1893
- var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1894
- import_cmdk.Command.Group,
1895
- {
1896
- ref,
1897
- className: cn(
1898
- "overflow-hidden p-1 text-[var(--axis-text-primary)]",
1899
- "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--axis-text-secondary)]",
1900
- className
1901
- ),
1902
- ...props
1903
- }
1904
- ));
1905
- CommandGroup.displayName = "CommandGroup";
1906
- var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1907
- import_cmdk.Command.Separator,
1908
- {
1909
- ref,
1910
- className: cn("-mx-1 h-px bg-[var(--axis-border-default)]", className),
1911
- ...props
1912
- }
1913
- ));
1914
- CommandSeparator.displayName = "CommandSeparator";
1915
- var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1916
- import_cmdk.Command.Item,
1917
- {
1918
- ref,
1919
- className: cn(
1920
- "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
1921
- "data-[selected=true]:bg-[var(--axis-surface-secondary)] data-[selected=true]:text-[var(--axis-text-primary)]",
1922
- "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
1923
- "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
1924
- className
1925
- ),
1926
- ...props
1927
- }
1928
- ));
1929
- CommandItem.displayName = "CommandItem";
145
+ var import_utils = require("./utils.js");
146
+ var import_button = require("./button/index.js");
147
+ var import_input = require("./input/index.js");
148
+ var import_label = require("./label/index.js");
149
+ var import_checkbox = require("./checkbox/index.js");
150
+ var import_radio_group = require("./radio-group/index.js");
151
+ var import_select = require("./select/index.js");
152
+ var import_slider = require("./slider/index.js");
153
+ var import_switch = require("./switch/index.js");
154
+ var import_textarea = require("./textarea/index.js");
155
+ var import_toggle = require("./toggle/index.js");
156
+ var import_accordion = require("./accordion/index.js");
157
+ var import_card = require("./card/index.js");
158
+ var import_collapsible = require("./collapsible/index.js");
159
+ var import_separator = require("./separator/index.js");
160
+ var import_table = require("./table/index.js");
161
+ var import_tabs = require("./tabs/index.js");
162
+ var import_breadcrumb = require("./breadcrumb/index.js");
163
+ var import_dialog = require("./dialog/index.js");
164
+ var import_dropdown_menu = require("./dropdown-menu/index.js");
165
+ var import_popover = require("./popover/index.js");
166
+ var import_sheet = require("./sheet/index.js");
167
+ var import_tooltip = require("./tooltip/index.js");
168
+ var import_alert = require("./alert/index.js");
169
+ var import_badge = require("./badge/index.js");
170
+ var import_progress = require("./progress/index.js");
171
+ var import_skeleton = require("./skeleton/index.js");
172
+ var import_toast = require("./toast/index.js");
173
+ var import_avatar = require("./avatar/index.js");
174
+ var import_scroll_area = require("./scroll-area/index.js");
175
+ var import_command = require("./command/index.js");
1930
176
  // Annotate the CommonJS export names for ESM import in node:
1931
177
  0 && (module.exports = {
1932
178
  Accordion,