@aumnidigital/bms 0.1.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.
- package/README.md +359 -0
- package/dist/chunk-KRDZATRT.cjs +2234 -0
- package/dist/chunk-KRDZATRT.cjs.map +1 -0
- package/dist/chunk-NO6MNNEU.js +2068 -0
- package/dist/chunk-NO6MNNEU.js.map +1 -0
- package/dist/components/index.cjs +508 -0
- package/dist/components/index.cjs.map +1 -0
- package/dist/components/index.d.cts +240 -0
- package/dist/components/index.d.ts +240 -0
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -0
- package/dist/index.cjs +736 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +57 -0
- package/dist/index.d.ts +57 -0
- package/dist/index.js +207 -0
- package/dist/index.js.map +1 -0
- package/package.json +129 -0
|
@@ -0,0 +1,2234 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var reactSlot = require('@radix-ui/react-slot');
|
|
4
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var tailwindMerge = require('tailwind-merge');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
|
|
9
|
+
var AccordionPrimitive = require('@radix-ui/react-accordion');
|
|
10
|
+
var lucideReact = require('lucide-react');
|
|
11
|
+
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
12
|
+
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
13
|
+
var AvatarPrimitive = require('@radix-ui/react-avatar');
|
|
14
|
+
var CheckboxPrimitive = require('@radix-ui/react-checkbox');
|
|
15
|
+
var ProgressPrimitive = require('@radix-ui/react-progress');
|
|
16
|
+
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
17
|
+
var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
|
|
18
|
+
var LabelPrimitive = require('@radix-ui/react-label');
|
|
19
|
+
var React3 = require('react');
|
|
20
|
+
var reactDayPicker = require('react-day-picker');
|
|
21
|
+
var SelectPrimitive = require('@radix-ui/react-select');
|
|
22
|
+
var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
|
|
23
|
+
var DialogPrimitive = require('@radix-ui/react-dialog');
|
|
24
|
+
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
25
|
+
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
26
|
+
var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
|
|
27
|
+
var SliderPrimitive = require('@radix-ui/react-slider');
|
|
28
|
+
var SwitchPrimitive = require('@radix-ui/react-switch');
|
|
29
|
+
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
30
|
+
var reactHookForm = require('react-hook-form');
|
|
31
|
+
|
|
32
|
+
function _interopNamespace(e) {
|
|
33
|
+
if (e && e.__esModule) return e;
|
|
34
|
+
var n = Object.create(null);
|
|
35
|
+
if (e) {
|
|
36
|
+
Object.keys(e).forEach(function (k) {
|
|
37
|
+
if (k !== 'default') {
|
|
38
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
39
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () { return e[k]; }
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
n.default = e;
|
|
47
|
+
return Object.freeze(n);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
51
|
+
var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
|
|
52
|
+
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
53
|
+
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
54
|
+
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
55
|
+
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
56
|
+
var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
|
|
57
|
+
var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
|
|
58
|
+
var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
|
|
59
|
+
var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
|
|
60
|
+
var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
|
|
61
|
+
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
62
|
+
var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
|
|
63
|
+
var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
|
|
64
|
+
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
65
|
+
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
66
|
+
var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
|
|
67
|
+
var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
|
|
68
|
+
var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
|
|
69
|
+
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
70
|
+
|
|
71
|
+
function cn(...inputs) {
|
|
72
|
+
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
73
|
+
}
|
|
74
|
+
var buttonVariants = classVarianceAuthority.cva(
|
|
75
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
76
|
+
{
|
|
77
|
+
variants: {
|
|
78
|
+
variant: {
|
|
79
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
80
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
81
|
+
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
82
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
83
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
84
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
85
|
+
},
|
|
86
|
+
size: {
|
|
87
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
88
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
89
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
90
|
+
icon: "size-9",
|
|
91
|
+
"icon-sm": "size-8",
|
|
92
|
+
"icon-lg": "size-10"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
variant: "default",
|
|
97
|
+
size: "default"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
);
|
|
101
|
+
function Button({
|
|
102
|
+
className,
|
|
103
|
+
variant = "default",
|
|
104
|
+
size = "default",
|
|
105
|
+
asChild = false,
|
|
106
|
+
...props
|
|
107
|
+
}) {
|
|
108
|
+
const Comp = asChild ? reactSlot.Slot : "button";
|
|
109
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
110
|
+
Comp,
|
|
111
|
+
{
|
|
112
|
+
"data-slot": "button",
|
|
113
|
+
"data-variant": variant,
|
|
114
|
+
"data-size": size,
|
|
115
|
+
className: cn(buttonVariants({ variant, size, className })),
|
|
116
|
+
...props
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
function Card({ className, ...props }) {
|
|
121
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
122
|
+
"div",
|
|
123
|
+
{
|
|
124
|
+
"data-slot": "card",
|
|
125
|
+
className: cn(
|
|
126
|
+
"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
|
|
127
|
+
className
|
|
128
|
+
),
|
|
129
|
+
...props
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
function CardHeader({ className, ...props }) {
|
|
134
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
135
|
+
"div",
|
|
136
|
+
{
|
|
137
|
+
"data-slot": "card-header",
|
|
138
|
+
className: cn(
|
|
139
|
+
"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
|
|
140
|
+
className
|
|
141
|
+
),
|
|
142
|
+
...props
|
|
143
|
+
}
|
|
144
|
+
);
|
|
145
|
+
}
|
|
146
|
+
function CardTitle({ className, ...props }) {
|
|
147
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
148
|
+
"div",
|
|
149
|
+
{
|
|
150
|
+
"data-slot": "card-title",
|
|
151
|
+
className: cn("leading-none font-semibold", className),
|
|
152
|
+
...props
|
|
153
|
+
}
|
|
154
|
+
);
|
|
155
|
+
}
|
|
156
|
+
function CardDescription({ className, ...props }) {
|
|
157
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
158
|
+
"div",
|
|
159
|
+
{
|
|
160
|
+
"data-slot": "card-description",
|
|
161
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
162
|
+
...props
|
|
163
|
+
}
|
|
164
|
+
);
|
|
165
|
+
}
|
|
166
|
+
function CardContent({ className, ...props }) {
|
|
167
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
168
|
+
"div",
|
|
169
|
+
{
|
|
170
|
+
"data-slot": "card-content",
|
|
171
|
+
className: cn("px-6", className),
|
|
172
|
+
...props
|
|
173
|
+
}
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
function CardFooter({ className, ...props }) {
|
|
177
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
178
|
+
"div",
|
|
179
|
+
{
|
|
180
|
+
"data-slot": "card-footer",
|
|
181
|
+
className: cn("flex items-center px-6 [.border-t]:pt-6", className),
|
|
182
|
+
...props
|
|
183
|
+
}
|
|
184
|
+
);
|
|
185
|
+
}
|
|
186
|
+
var alertVariants = classVarianceAuthority.cva(
|
|
187
|
+
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
188
|
+
{
|
|
189
|
+
variants: {
|
|
190
|
+
variant: {
|
|
191
|
+
default: "bg-card text-card-foreground",
|
|
192
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
defaultVariants: {
|
|
196
|
+
variant: "default"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
);
|
|
200
|
+
function Alert({
|
|
201
|
+
className,
|
|
202
|
+
variant,
|
|
203
|
+
...props
|
|
204
|
+
}) {
|
|
205
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
206
|
+
"div",
|
|
207
|
+
{
|
|
208
|
+
"data-slot": "alert",
|
|
209
|
+
role: "alert",
|
|
210
|
+
className: cn(alertVariants({ variant }), className),
|
|
211
|
+
...props
|
|
212
|
+
}
|
|
213
|
+
);
|
|
214
|
+
}
|
|
215
|
+
function AlertTitle({ className, ...props }) {
|
|
216
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
217
|
+
"div",
|
|
218
|
+
{
|
|
219
|
+
"data-slot": "alert-title",
|
|
220
|
+
className: cn(
|
|
221
|
+
"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
222
|
+
className
|
|
223
|
+
),
|
|
224
|
+
...props
|
|
225
|
+
}
|
|
226
|
+
);
|
|
227
|
+
}
|
|
228
|
+
function AlertDescription({
|
|
229
|
+
className,
|
|
230
|
+
...props
|
|
231
|
+
}) {
|
|
232
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
233
|
+
"div",
|
|
234
|
+
{
|
|
235
|
+
"data-slot": "alert-description",
|
|
236
|
+
className: cn(
|
|
237
|
+
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
238
|
+
className
|
|
239
|
+
),
|
|
240
|
+
...props
|
|
241
|
+
}
|
|
242
|
+
);
|
|
243
|
+
}
|
|
244
|
+
function AlertDialog({
|
|
245
|
+
...props
|
|
246
|
+
}) {
|
|
247
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
|
|
248
|
+
}
|
|
249
|
+
function AlertDialogTrigger({
|
|
250
|
+
...props
|
|
251
|
+
}) {
|
|
252
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
|
|
253
|
+
}
|
|
254
|
+
function AlertDialogPortal({
|
|
255
|
+
...props
|
|
256
|
+
}) {
|
|
257
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
|
|
258
|
+
}
|
|
259
|
+
function AlertDialogOverlay({
|
|
260
|
+
className,
|
|
261
|
+
...props
|
|
262
|
+
}) {
|
|
263
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
264
|
+
AlertDialogPrimitive__namespace.Overlay,
|
|
265
|
+
{
|
|
266
|
+
"data-slot": "alert-dialog-overlay",
|
|
267
|
+
className: cn(
|
|
268
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
269
|
+
className
|
|
270
|
+
),
|
|
271
|
+
...props
|
|
272
|
+
}
|
|
273
|
+
);
|
|
274
|
+
}
|
|
275
|
+
function AlertDialogContent({
|
|
276
|
+
className,
|
|
277
|
+
...props
|
|
278
|
+
}) {
|
|
279
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
280
|
+
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
281
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
282
|
+
AlertDialogPrimitive__namespace.Content,
|
|
283
|
+
{
|
|
284
|
+
"data-slot": "alert-dialog-content",
|
|
285
|
+
className: cn(
|
|
286
|
+
"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
287
|
+
className
|
|
288
|
+
),
|
|
289
|
+
...props
|
|
290
|
+
}
|
|
291
|
+
)
|
|
292
|
+
] });
|
|
293
|
+
}
|
|
294
|
+
function AlertDialogHeader({
|
|
295
|
+
className,
|
|
296
|
+
...props
|
|
297
|
+
}) {
|
|
298
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
299
|
+
"div",
|
|
300
|
+
{
|
|
301
|
+
"data-slot": "alert-dialog-header",
|
|
302
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
303
|
+
...props
|
|
304
|
+
}
|
|
305
|
+
);
|
|
306
|
+
}
|
|
307
|
+
function AlertDialogFooter({
|
|
308
|
+
className,
|
|
309
|
+
...props
|
|
310
|
+
}) {
|
|
311
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
312
|
+
"div",
|
|
313
|
+
{
|
|
314
|
+
"data-slot": "alert-dialog-footer",
|
|
315
|
+
className: cn(
|
|
316
|
+
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
317
|
+
className
|
|
318
|
+
),
|
|
319
|
+
...props
|
|
320
|
+
}
|
|
321
|
+
);
|
|
322
|
+
}
|
|
323
|
+
function AlertDialogTitle({
|
|
324
|
+
className,
|
|
325
|
+
...props
|
|
326
|
+
}) {
|
|
327
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
328
|
+
AlertDialogPrimitive__namespace.Title,
|
|
329
|
+
{
|
|
330
|
+
"data-slot": "alert-dialog-title",
|
|
331
|
+
className: cn("text-lg font-semibold", className),
|
|
332
|
+
...props
|
|
333
|
+
}
|
|
334
|
+
);
|
|
335
|
+
}
|
|
336
|
+
function AlertDialogDescription({
|
|
337
|
+
className,
|
|
338
|
+
...props
|
|
339
|
+
}) {
|
|
340
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
341
|
+
AlertDialogPrimitive__namespace.Description,
|
|
342
|
+
{
|
|
343
|
+
"data-slot": "alert-dialog-description",
|
|
344
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
345
|
+
...props
|
|
346
|
+
}
|
|
347
|
+
);
|
|
348
|
+
}
|
|
349
|
+
function AlertDialogAction({
|
|
350
|
+
className,
|
|
351
|
+
...props
|
|
352
|
+
}) {
|
|
353
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
354
|
+
AlertDialogPrimitive__namespace.Action,
|
|
355
|
+
{
|
|
356
|
+
className: cn(buttonVariants(), className),
|
|
357
|
+
...props
|
|
358
|
+
}
|
|
359
|
+
);
|
|
360
|
+
}
|
|
361
|
+
function AlertDialogCancel({
|
|
362
|
+
className,
|
|
363
|
+
...props
|
|
364
|
+
}) {
|
|
365
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
366
|
+
AlertDialogPrimitive__namespace.Cancel,
|
|
367
|
+
{
|
|
368
|
+
className: cn(buttonVariants({ variant: "outline" }), className),
|
|
369
|
+
...props
|
|
370
|
+
}
|
|
371
|
+
);
|
|
372
|
+
}
|
|
373
|
+
var badgeVariants = classVarianceAuthority.cva(
|
|
374
|
+
"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
|
375
|
+
{
|
|
376
|
+
variants: {
|
|
377
|
+
variant: {
|
|
378
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
379
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
380
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
381
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
defaultVariants: {
|
|
385
|
+
variant: "default"
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
);
|
|
389
|
+
function Badge({
|
|
390
|
+
className,
|
|
391
|
+
variant,
|
|
392
|
+
asChild = false,
|
|
393
|
+
...props
|
|
394
|
+
}) {
|
|
395
|
+
const Comp = asChild ? reactSlot.Slot : "span";
|
|
396
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
397
|
+
Comp,
|
|
398
|
+
{
|
|
399
|
+
"data-slot": "badge",
|
|
400
|
+
className: cn(badgeVariants({ variant }), className),
|
|
401
|
+
...props
|
|
402
|
+
}
|
|
403
|
+
);
|
|
404
|
+
}
|
|
405
|
+
function Accordion({
|
|
406
|
+
...props
|
|
407
|
+
}) {
|
|
408
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
|
|
409
|
+
}
|
|
410
|
+
function AccordionItem({
|
|
411
|
+
className,
|
|
412
|
+
...props
|
|
413
|
+
}) {
|
|
414
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
415
|
+
AccordionPrimitive__namespace.Item,
|
|
416
|
+
{
|
|
417
|
+
"data-slot": "accordion-item",
|
|
418
|
+
className: cn("border-b last:border-b-0", className),
|
|
419
|
+
...props
|
|
420
|
+
}
|
|
421
|
+
);
|
|
422
|
+
}
|
|
423
|
+
function AccordionTrigger({
|
|
424
|
+
className,
|
|
425
|
+
children,
|
|
426
|
+
...props
|
|
427
|
+
}) {
|
|
428
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
429
|
+
AccordionPrimitive__namespace.Trigger,
|
|
430
|
+
{
|
|
431
|
+
"data-slot": "accordion-trigger",
|
|
432
|
+
className: cn(
|
|
433
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
|
|
434
|
+
className
|
|
435
|
+
),
|
|
436
|
+
...props,
|
|
437
|
+
children: [
|
|
438
|
+
children,
|
|
439
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
|
|
440
|
+
]
|
|
441
|
+
}
|
|
442
|
+
) });
|
|
443
|
+
}
|
|
444
|
+
function AccordionContent({
|
|
445
|
+
className,
|
|
446
|
+
children,
|
|
447
|
+
...props
|
|
448
|
+
}) {
|
|
449
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
450
|
+
AccordionPrimitive__namespace.Content,
|
|
451
|
+
{
|
|
452
|
+
"data-slot": "accordion-content",
|
|
453
|
+
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
454
|
+
...props,
|
|
455
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
|
|
456
|
+
}
|
|
457
|
+
);
|
|
458
|
+
}
|
|
459
|
+
function Tabs({
|
|
460
|
+
className,
|
|
461
|
+
...props
|
|
462
|
+
}) {
|
|
463
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
464
|
+
TabsPrimitive__namespace.Root,
|
|
465
|
+
{
|
|
466
|
+
"data-slot": "tabs",
|
|
467
|
+
className: cn("flex flex-col gap-2", className),
|
|
468
|
+
...props
|
|
469
|
+
}
|
|
470
|
+
);
|
|
471
|
+
}
|
|
472
|
+
function TabsList({
|
|
473
|
+
className,
|
|
474
|
+
...props
|
|
475
|
+
}) {
|
|
476
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
477
|
+
TabsPrimitive__namespace.List,
|
|
478
|
+
{
|
|
479
|
+
"data-slot": "tabs-list",
|
|
480
|
+
className: cn(
|
|
481
|
+
"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
|
|
482
|
+
className
|
|
483
|
+
),
|
|
484
|
+
...props
|
|
485
|
+
}
|
|
486
|
+
);
|
|
487
|
+
}
|
|
488
|
+
function TabsTrigger({
|
|
489
|
+
className,
|
|
490
|
+
...props
|
|
491
|
+
}) {
|
|
492
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
493
|
+
TabsPrimitive__namespace.Trigger,
|
|
494
|
+
{
|
|
495
|
+
"data-slot": "tabs-trigger",
|
|
496
|
+
className: cn(
|
|
497
|
+
"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
498
|
+
className
|
|
499
|
+
),
|
|
500
|
+
...props
|
|
501
|
+
}
|
|
502
|
+
);
|
|
503
|
+
}
|
|
504
|
+
function TabsContent({
|
|
505
|
+
className,
|
|
506
|
+
...props
|
|
507
|
+
}) {
|
|
508
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
509
|
+
TabsPrimitive__namespace.Content,
|
|
510
|
+
{
|
|
511
|
+
"data-slot": "tabs-content",
|
|
512
|
+
className: cn("flex-1 outline-none", className),
|
|
513
|
+
...props
|
|
514
|
+
}
|
|
515
|
+
);
|
|
516
|
+
}
|
|
517
|
+
function Separator({
|
|
518
|
+
className,
|
|
519
|
+
orientation = "horizontal",
|
|
520
|
+
decorative = true,
|
|
521
|
+
...props
|
|
522
|
+
}) {
|
|
523
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
524
|
+
SeparatorPrimitive__namespace.Root,
|
|
525
|
+
{
|
|
526
|
+
"data-slot": "separator",
|
|
527
|
+
decorative,
|
|
528
|
+
orientation,
|
|
529
|
+
className: cn(
|
|
530
|
+
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
|
531
|
+
className
|
|
532
|
+
),
|
|
533
|
+
...props
|
|
534
|
+
}
|
|
535
|
+
);
|
|
536
|
+
}
|
|
537
|
+
function Avatar({
|
|
538
|
+
className,
|
|
539
|
+
...props
|
|
540
|
+
}) {
|
|
541
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
542
|
+
AvatarPrimitive__namespace.Root,
|
|
543
|
+
{
|
|
544
|
+
"data-slot": "avatar",
|
|
545
|
+
className: cn(
|
|
546
|
+
"relative flex size-8 shrink-0 overflow-hidden rounded-full",
|
|
547
|
+
className
|
|
548
|
+
),
|
|
549
|
+
...props
|
|
550
|
+
}
|
|
551
|
+
);
|
|
552
|
+
}
|
|
553
|
+
function AvatarImage({
|
|
554
|
+
className,
|
|
555
|
+
...props
|
|
556
|
+
}) {
|
|
557
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
558
|
+
AvatarPrimitive__namespace.Image,
|
|
559
|
+
{
|
|
560
|
+
"data-slot": "avatar-image",
|
|
561
|
+
className: cn("aspect-square size-full", className),
|
|
562
|
+
...props
|
|
563
|
+
}
|
|
564
|
+
);
|
|
565
|
+
}
|
|
566
|
+
function AvatarFallback({
|
|
567
|
+
className,
|
|
568
|
+
...props
|
|
569
|
+
}) {
|
|
570
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
571
|
+
AvatarPrimitive__namespace.Fallback,
|
|
572
|
+
{
|
|
573
|
+
"data-slot": "avatar-fallback",
|
|
574
|
+
className: cn(
|
|
575
|
+
"bg-muted flex size-full items-center justify-center rounded-full",
|
|
576
|
+
className
|
|
577
|
+
),
|
|
578
|
+
...props
|
|
579
|
+
}
|
|
580
|
+
);
|
|
581
|
+
}
|
|
582
|
+
function Breadcrumb({ ...props }) {
|
|
583
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
|
|
584
|
+
}
|
|
585
|
+
function BreadcrumbList({ className, ...props }) {
|
|
586
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
587
|
+
"ol",
|
|
588
|
+
{
|
|
589
|
+
"data-slot": "breadcrumb-list",
|
|
590
|
+
className: cn(
|
|
591
|
+
"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
|
|
592
|
+
className
|
|
593
|
+
),
|
|
594
|
+
...props
|
|
595
|
+
}
|
|
596
|
+
);
|
|
597
|
+
}
|
|
598
|
+
function BreadcrumbItem({ className, ...props }) {
|
|
599
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
600
|
+
"li",
|
|
601
|
+
{
|
|
602
|
+
"data-slot": "breadcrumb-item",
|
|
603
|
+
className: cn("inline-flex items-center gap-1.5", className),
|
|
604
|
+
...props
|
|
605
|
+
}
|
|
606
|
+
);
|
|
607
|
+
}
|
|
608
|
+
function BreadcrumbLink({
|
|
609
|
+
asChild,
|
|
610
|
+
className,
|
|
611
|
+
...props
|
|
612
|
+
}) {
|
|
613
|
+
const Comp = asChild ? reactSlot.Slot : "a";
|
|
614
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
615
|
+
Comp,
|
|
616
|
+
{
|
|
617
|
+
"data-slot": "breadcrumb-link",
|
|
618
|
+
className: cn("hover:text-foreground transition-colors", className),
|
|
619
|
+
...props
|
|
620
|
+
}
|
|
621
|
+
);
|
|
622
|
+
}
|
|
623
|
+
function BreadcrumbPage({ className, ...props }) {
|
|
624
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
625
|
+
"span",
|
|
626
|
+
{
|
|
627
|
+
"data-slot": "breadcrumb-page",
|
|
628
|
+
role: "link",
|
|
629
|
+
"aria-disabled": "true",
|
|
630
|
+
"aria-current": "page",
|
|
631
|
+
className: cn("text-foreground font-normal", className),
|
|
632
|
+
...props
|
|
633
|
+
}
|
|
634
|
+
);
|
|
635
|
+
}
|
|
636
|
+
function BreadcrumbSeparator({
|
|
637
|
+
children,
|
|
638
|
+
className,
|
|
639
|
+
...props
|
|
640
|
+
}) {
|
|
641
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
642
|
+
"li",
|
|
643
|
+
{
|
|
644
|
+
"data-slot": "breadcrumb-separator",
|
|
645
|
+
role: "presentation",
|
|
646
|
+
"aria-hidden": "true",
|
|
647
|
+
className: cn("[&>svg]:size-3.5", className),
|
|
648
|
+
...props,
|
|
649
|
+
children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
|
|
650
|
+
}
|
|
651
|
+
);
|
|
652
|
+
}
|
|
653
|
+
function BreadcrumbEllipsis({
|
|
654
|
+
className,
|
|
655
|
+
...props
|
|
656
|
+
}) {
|
|
657
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
658
|
+
"span",
|
|
659
|
+
{
|
|
660
|
+
"data-slot": "breadcrumb-ellipsis",
|
|
661
|
+
role: "presentation",
|
|
662
|
+
"aria-hidden": "true",
|
|
663
|
+
className: cn("flex size-9 items-center justify-center", className),
|
|
664
|
+
...props,
|
|
665
|
+
children: [
|
|
666
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
|
|
667
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
|
|
668
|
+
]
|
|
669
|
+
}
|
|
670
|
+
);
|
|
671
|
+
}
|
|
672
|
+
function Checkbox({
|
|
673
|
+
className,
|
|
674
|
+
...props
|
|
675
|
+
}) {
|
|
676
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
677
|
+
CheckboxPrimitive__namespace.Root,
|
|
678
|
+
{
|
|
679
|
+
"data-slot": "checkbox",
|
|
680
|
+
className: cn(
|
|
681
|
+
"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
682
|
+
className
|
|
683
|
+
),
|
|
684
|
+
...props,
|
|
685
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
686
|
+
CheckboxPrimitive__namespace.Indicator,
|
|
687
|
+
{
|
|
688
|
+
"data-slot": "checkbox-indicator",
|
|
689
|
+
className: "grid place-content-center text-current transition-none",
|
|
690
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
|
|
691
|
+
}
|
|
692
|
+
)
|
|
693
|
+
}
|
|
694
|
+
);
|
|
695
|
+
}
|
|
696
|
+
function Progress({
|
|
697
|
+
className,
|
|
698
|
+
value,
|
|
699
|
+
...props
|
|
700
|
+
}) {
|
|
701
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
702
|
+
ProgressPrimitive__namespace.Root,
|
|
703
|
+
{
|
|
704
|
+
"data-slot": "progress",
|
|
705
|
+
className: cn(
|
|
706
|
+
"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
|
|
707
|
+
className
|
|
708
|
+
),
|
|
709
|
+
...props,
|
|
710
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
711
|
+
ProgressPrimitive__namespace.Indicator,
|
|
712
|
+
{
|
|
713
|
+
"data-slot": "progress-indicator",
|
|
714
|
+
className: "bg-primary h-full w-full flex-1 transition-all",
|
|
715
|
+
style: { transform: `translateX(-${100 - (value || 0)}%)` }
|
|
716
|
+
}
|
|
717
|
+
)
|
|
718
|
+
}
|
|
719
|
+
);
|
|
720
|
+
}
|
|
721
|
+
function Skeleton({ className, ...props }) {
|
|
722
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
723
|
+
"div",
|
|
724
|
+
{
|
|
725
|
+
"data-slot": "skeleton",
|
|
726
|
+
className: cn("bg-accent animate-pulse rounded-md", className),
|
|
727
|
+
...props
|
|
728
|
+
}
|
|
729
|
+
);
|
|
730
|
+
}
|
|
731
|
+
function Table({ className, ...props }) {
|
|
732
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
733
|
+
"div",
|
|
734
|
+
{
|
|
735
|
+
"data-slot": "table-container",
|
|
736
|
+
className: "relative w-full overflow-x-auto",
|
|
737
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
738
|
+
"table",
|
|
739
|
+
{
|
|
740
|
+
"data-slot": "table",
|
|
741
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
742
|
+
...props
|
|
743
|
+
}
|
|
744
|
+
)
|
|
745
|
+
}
|
|
746
|
+
);
|
|
747
|
+
}
|
|
748
|
+
function TableHeader({ className, ...props }) {
|
|
749
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
750
|
+
"thead",
|
|
751
|
+
{
|
|
752
|
+
"data-slot": "table-header",
|
|
753
|
+
className: cn("[&_tr]:border-b", className),
|
|
754
|
+
...props
|
|
755
|
+
}
|
|
756
|
+
);
|
|
757
|
+
}
|
|
758
|
+
function TableBody({ className, ...props }) {
|
|
759
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
760
|
+
"tbody",
|
|
761
|
+
{
|
|
762
|
+
"data-slot": "table-body",
|
|
763
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
764
|
+
...props
|
|
765
|
+
}
|
|
766
|
+
);
|
|
767
|
+
}
|
|
768
|
+
function TableFooter({ className, ...props }) {
|
|
769
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
770
|
+
"tfoot",
|
|
771
|
+
{
|
|
772
|
+
"data-slot": "table-footer",
|
|
773
|
+
className: cn(
|
|
774
|
+
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
|
|
775
|
+
className
|
|
776
|
+
),
|
|
777
|
+
...props
|
|
778
|
+
}
|
|
779
|
+
);
|
|
780
|
+
}
|
|
781
|
+
function TableRow({ className, ...props }) {
|
|
782
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
783
|
+
"tr",
|
|
784
|
+
{
|
|
785
|
+
"data-slot": "table-row",
|
|
786
|
+
className: cn(
|
|
787
|
+
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
|
|
788
|
+
className
|
|
789
|
+
),
|
|
790
|
+
...props
|
|
791
|
+
}
|
|
792
|
+
);
|
|
793
|
+
}
|
|
794
|
+
function TableHead({ className, ...props }) {
|
|
795
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
796
|
+
"th",
|
|
797
|
+
{
|
|
798
|
+
"data-slot": "table-head",
|
|
799
|
+
className: cn(
|
|
800
|
+
"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
801
|
+
className
|
|
802
|
+
),
|
|
803
|
+
...props
|
|
804
|
+
}
|
|
805
|
+
);
|
|
806
|
+
}
|
|
807
|
+
function TableCell({ className, ...props }) {
|
|
808
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
809
|
+
"td",
|
|
810
|
+
{
|
|
811
|
+
"data-slot": "table-cell",
|
|
812
|
+
className: cn(
|
|
813
|
+
"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
814
|
+
className
|
|
815
|
+
),
|
|
816
|
+
...props
|
|
817
|
+
}
|
|
818
|
+
);
|
|
819
|
+
}
|
|
820
|
+
function TableCaption({
|
|
821
|
+
className,
|
|
822
|
+
...props
|
|
823
|
+
}) {
|
|
824
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
825
|
+
"caption",
|
|
826
|
+
{
|
|
827
|
+
"data-slot": "table-caption",
|
|
828
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
829
|
+
...props
|
|
830
|
+
}
|
|
831
|
+
);
|
|
832
|
+
}
|
|
833
|
+
function TooltipProvider({
|
|
834
|
+
delayDuration = 0,
|
|
835
|
+
...props
|
|
836
|
+
}) {
|
|
837
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
838
|
+
TooltipPrimitive__namespace.Provider,
|
|
839
|
+
{
|
|
840
|
+
"data-slot": "tooltip-provider",
|
|
841
|
+
delayDuration,
|
|
842
|
+
...props
|
|
843
|
+
}
|
|
844
|
+
);
|
|
845
|
+
}
|
|
846
|
+
function Tooltip({
|
|
847
|
+
...props
|
|
848
|
+
}) {
|
|
849
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
|
|
850
|
+
}
|
|
851
|
+
function TooltipTrigger({
|
|
852
|
+
...props
|
|
853
|
+
}) {
|
|
854
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
855
|
+
}
|
|
856
|
+
function TooltipContent({
|
|
857
|
+
className,
|
|
858
|
+
sideOffset = 0,
|
|
859
|
+
children,
|
|
860
|
+
...props
|
|
861
|
+
}) {
|
|
862
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
863
|
+
TooltipPrimitive__namespace.Content,
|
|
864
|
+
{
|
|
865
|
+
"data-slot": "tooltip-content",
|
|
866
|
+
sideOffset,
|
|
867
|
+
className: cn(
|
|
868
|
+
"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
|
869
|
+
className
|
|
870
|
+
),
|
|
871
|
+
...props,
|
|
872
|
+
children: [
|
|
873
|
+
children,
|
|
874
|
+
/* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
|
|
875
|
+
]
|
|
876
|
+
}
|
|
877
|
+
) });
|
|
878
|
+
}
|
|
879
|
+
function AspectRatio({
|
|
880
|
+
...props
|
|
881
|
+
}) {
|
|
882
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, { "data-slot": "aspect-ratio", ...props });
|
|
883
|
+
}
|
|
884
|
+
function Input({ className, type, ...props }) {
|
|
885
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
886
|
+
"input",
|
|
887
|
+
{
|
|
888
|
+
type,
|
|
889
|
+
"data-slot": "input",
|
|
890
|
+
className: cn(
|
|
891
|
+
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
892
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
893
|
+
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
894
|
+
className
|
|
895
|
+
),
|
|
896
|
+
...props
|
|
897
|
+
}
|
|
898
|
+
);
|
|
899
|
+
}
|
|
900
|
+
function Label({
|
|
901
|
+
className,
|
|
902
|
+
...props
|
|
903
|
+
}) {
|
|
904
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
905
|
+
LabelPrimitive__namespace.Root,
|
|
906
|
+
{
|
|
907
|
+
"data-slot": "label",
|
|
908
|
+
className: cn(
|
|
909
|
+
"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
|
910
|
+
className
|
|
911
|
+
),
|
|
912
|
+
...props
|
|
913
|
+
}
|
|
914
|
+
);
|
|
915
|
+
}
|
|
916
|
+
function Textarea({ className, ...props }) {
|
|
917
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
918
|
+
"textarea",
|
|
919
|
+
{
|
|
920
|
+
"data-slot": "textarea",
|
|
921
|
+
className: cn(
|
|
922
|
+
"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
923
|
+
className
|
|
924
|
+
),
|
|
925
|
+
...props
|
|
926
|
+
}
|
|
927
|
+
);
|
|
928
|
+
}
|
|
929
|
+
function Calendar({
|
|
930
|
+
className,
|
|
931
|
+
classNames,
|
|
932
|
+
showOutsideDays = true,
|
|
933
|
+
captionLayout = "label",
|
|
934
|
+
buttonVariant = "ghost",
|
|
935
|
+
formatters,
|
|
936
|
+
components,
|
|
937
|
+
...props
|
|
938
|
+
}) {
|
|
939
|
+
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
940
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
941
|
+
reactDayPicker.DayPicker,
|
|
942
|
+
{
|
|
943
|
+
showOutsideDays,
|
|
944
|
+
className: cn(
|
|
945
|
+
"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
946
|
+
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
947
|
+
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
948
|
+
className
|
|
949
|
+
),
|
|
950
|
+
captionLayout,
|
|
951
|
+
formatters: {
|
|
952
|
+
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
953
|
+
...formatters
|
|
954
|
+
},
|
|
955
|
+
classNames: {
|
|
956
|
+
root: cn("w-fit", defaultClassNames.root),
|
|
957
|
+
months: cn(
|
|
958
|
+
"flex gap-4 flex-col md:flex-row relative",
|
|
959
|
+
defaultClassNames.months
|
|
960
|
+
),
|
|
961
|
+
month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
|
|
962
|
+
nav: cn(
|
|
963
|
+
"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
|
|
964
|
+
defaultClassNames.nav
|
|
965
|
+
),
|
|
966
|
+
button_previous: cn(
|
|
967
|
+
buttonVariants({ variant: buttonVariant }),
|
|
968
|
+
"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
|
|
969
|
+
defaultClassNames.button_previous
|
|
970
|
+
),
|
|
971
|
+
button_next: cn(
|
|
972
|
+
buttonVariants({ variant: buttonVariant }),
|
|
973
|
+
"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
|
|
974
|
+
defaultClassNames.button_next
|
|
975
|
+
),
|
|
976
|
+
month_caption: cn(
|
|
977
|
+
"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
|
|
978
|
+
defaultClassNames.month_caption
|
|
979
|
+
),
|
|
980
|
+
dropdowns: cn(
|
|
981
|
+
"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
|
|
982
|
+
defaultClassNames.dropdowns
|
|
983
|
+
),
|
|
984
|
+
dropdown_root: cn(
|
|
985
|
+
"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
|
|
986
|
+
defaultClassNames.dropdown_root
|
|
987
|
+
),
|
|
988
|
+
dropdown: cn(
|
|
989
|
+
"absolute bg-popover inset-0 opacity-0",
|
|
990
|
+
defaultClassNames.dropdown
|
|
991
|
+
),
|
|
992
|
+
caption_label: cn(
|
|
993
|
+
"select-none font-medium",
|
|
994
|
+
captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
|
|
995
|
+
defaultClassNames.caption_label
|
|
996
|
+
),
|
|
997
|
+
table: "w-full border-collapse",
|
|
998
|
+
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
999
|
+
weekday: cn(
|
|
1000
|
+
"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
|
|
1001
|
+
defaultClassNames.weekday
|
|
1002
|
+
),
|
|
1003
|
+
week: cn("flex w-full mt-2", defaultClassNames.week),
|
|
1004
|
+
week_number_header: cn(
|
|
1005
|
+
"select-none w-(--cell-size)",
|
|
1006
|
+
defaultClassNames.week_number_header
|
|
1007
|
+
),
|
|
1008
|
+
week_number: cn(
|
|
1009
|
+
"text-[0.8rem] select-none text-muted-foreground",
|
|
1010
|
+
defaultClassNames.week_number
|
|
1011
|
+
),
|
|
1012
|
+
day: cn(
|
|
1013
|
+
"relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
|
|
1014
|
+
props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
|
|
1015
|
+
defaultClassNames.day
|
|
1016
|
+
),
|
|
1017
|
+
range_start: cn(
|
|
1018
|
+
"rounded-l-md bg-accent",
|
|
1019
|
+
defaultClassNames.range_start
|
|
1020
|
+
),
|
|
1021
|
+
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
1022
|
+
range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
|
|
1023
|
+
today: cn(
|
|
1024
|
+
"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
|
|
1025
|
+
defaultClassNames.today
|
|
1026
|
+
),
|
|
1027
|
+
outside: cn(
|
|
1028
|
+
"text-muted-foreground aria-selected:text-muted-foreground",
|
|
1029
|
+
defaultClassNames.outside
|
|
1030
|
+
),
|
|
1031
|
+
disabled: cn(
|
|
1032
|
+
"text-muted-foreground opacity-50",
|
|
1033
|
+
defaultClassNames.disabled
|
|
1034
|
+
),
|
|
1035
|
+
hidden: cn("invisible", defaultClassNames.hidden),
|
|
1036
|
+
...classNames
|
|
1037
|
+
},
|
|
1038
|
+
components: {
|
|
1039
|
+
Root: ({ className: className2, rootRef, ...props2 }) => {
|
|
1040
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1041
|
+
"div",
|
|
1042
|
+
{
|
|
1043
|
+
"data-slot": "calendar",
|
|
1044
|
+
ref: rootRef,
|
|
1045
|
+
className: cn(className2),
|
|
1046
|
+
...props2
|
|
1047
|
+
}
|
|
1048
|
+
);
|
|
1049
|
+
},
|
|
1050
|
+
Chevron: ({ className: className2, orientation, ...props2 }) => {
|
|
1051
|
+
if (orientation === "left") {
|
|
1052
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
|
|
1053
|
+
}
|
|
1054
|
+
if (orientation === "right") {
|
|
1055
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1056
|
+
lucideReact.ChevronRightIcon,
|
|
1057
|
+
{
|
|
1058
|
+
className: cn("size-4", className2),
|
|
1059
|
+
...props2
|
|
1060
|
+
}
|
|
1061
|
+
);
|
|
1062
|
+
}
|
|
1063
|
+
return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
|
|
1064
|
+
},
|
|
1065
|
+
DayButton: CalendarDayButton,
|
|
1066
|
+
WeekNumber: ({ children, ...props2 }) => {
|
|
1067
|
+
return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
|
|
1068
|
+
},
|
|
1069
|
+
...components
|
|
1070
|
+
},
|
|
1071
|
+
...props
|
|
1072
|
+
}
|
|
1073
|
+
);
|
|
1074
|
+
}
|
|
1075
|
+
function CalendarDayButton({
|
|
1076
|
+
className,
|
|
1077
|
+
day,
|
|
1078
|
+
modifiers,
|
|
1079
|
+
...props
|
|
1080
|
+
}) {
|
|
1081
|
+
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
1082
|
+
const ref = React3__namespace.useRef(null);
|
|
1083
|
+
React3__namespace.useEffect(() => {
|
|
1084
|
+
if (modifiers.focused) ref.current?.focus();
|
|
1085
|
+
}, [modifiers.focused]);
|
|
1086
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1087
|
+
Button,
|
|
1088
|
+
{
|
|
1089
|
+
ref,
|
|
1090
|
+
variant: "ghost",
|
|
1091
|
+
size: "icon",
|
|
1092
|
+
"data-day": day.date.toLocaleDateString(),
|
|
1093
|
+
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
1094
|
+
"data-range-start": modifiers.range_start,
|
|
1095
|
+
"data-range-end": modifiers.range_end,
|
|
1096
|
+
"data-range-middle": modifiers.range_middle,
|
|
1097
|
+
className: cn(
|
|
1098
|
+
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
|
|
1099
|
+
defaultClassNames.day,
|
|
1100
|
+
className
|
|
1101
|
+
),
|
|
1102
|
+
...props
|
|
1103
|
+
}
|
|
1104
|
+
);
|
|
1105
|
+
}
|
|
1106
|
+
function Select({
|
|
1107
|
+
...props
|
|
1108
|
+
}) {
|
|
1109
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
|
|
1110
|
+
}
|
|
1111
|
+
function SelectGroup({
|
|
1112
|
+
...props
|
|
1113
|
+
}) {
|
|
1114
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Group, { "data-slot": "select-group", ...props });
|
|
1115
|
+
}
|
|
1116
|
+
function SelectValue({
|
|
1117
|
+
...props
|
|
1118
|
+
}) {
|
|
1119
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
|
|
1120
|
+
}
|
|
1121
|
+
function SelectTrigger({
|
|
1122
|
+
className,
|
|
1123
|
+
size = "default",
|
|
1124
|
+
children,
|
|
1125
|
+
...props
|
|
1126
|
+
}) {
|
|
1127
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1128
|
+
SelectPrimitive__namespace.Trigger,
|
|
1129
|
+
{
|
|
1130
|
+
"data-slot": "select-trigger",
|
|
1131
|
+
"data-size": size,
|
|
1132
|
+
className: cn(
|
|
1133
|
+
"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1134
|
+
className
|
|
1135
|
+
),
|
|
1136
|
+
...props,
|
|
1137
|
+
children: [
|
|
1138
|
+
children,
|
|
1139
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
|
|
1140
|
+
]
|
|
1141
|
+
}
|
|
1142
|
+
);
|
|
1143
|
+
}
|
|
1144
|
+
function SelectContent({
|
|
1145
|
+
className,
|
|
1146
|
+
children,
|
|
1147
|
+
position = "item-aligned",
|
|
1148
|
+
align = "center",
|
|
1149
|
+
...props
|
|
1150
|
+
}) {
|
|
1151
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1152
|
+
SelectPrimitive__namespace.Content,
|
|
1153
|
+
{
|
|
1154
|
+
"data-slot": "select-content",
|
|
1155
|
+
className: cn(
|
|
1156
|
+
"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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
|
|
1157
|
+
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",
|
|
1158
|
+
className
|
|
1159
|
+
),
|
|
1160
|
+
position,
|
|
1161
|
+
align,
|
|
1162
|
+
...props,
|
|
1163
|
+
children: [
|
|
1164
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
|
|
1165
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1166
|
+
SelectPrimitive__namespace.Viewport,
|
|
1167
|
+
{
|
|
1168
|
+
className: cn(
|
|
1169
|
+
"p-1",
|
|
1170
|
+
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
|
|
1171
|
+
),
|
|
1172
|
+
children
|
|
1173
|
+
}
|
|
1174
|
+
),
|
|
1175
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
|
|
1176
|
+
]
|
|
1177
|
+
}
|
|
1178
|
+
) });
|
|
1179
|
+
}
|
|
1180
|
+
function SelectLabel({
|
|
1181
|
+
className,
|
|
1182
|
+
...props
|
|
1183
|
+
}) {
|
|
1184
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1185
|
+
SelectPrimitive__namespace.Label,
|
|
1186
|
+
{
|
|
1187
|
+
"data-slot": "select-label",
|
|
1188
|
+
className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
|
|
1189
|
+
...props
|
|
1190
|
+
}
|
|
1191
|
+
);
|
|
1192
|
+
}
|
|
1193
|
+
function SelectItem({
|
|
1194
|
+
className,
|
|
1195
|
+
children,
|
|
1196
|
+
...props
|
|
1197
|
+
}) {
|
|
1198
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1199
|
+
SelectPrimitive__namespace.Item,
|
|
1200
|
+
{
|
|
1201
|
+
"data-slot": "select-item",
|
|
1202
|
+
className: cn(
|
|
1203
|
+
"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
|
1204
|
+
className
|
|
1205
|
+
),
|
|
1206
|
+
...props,
|
|
1207
|
+
children: [
|
|
1208
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1209
|
+
"span",
|
|
1210
|
+
{
|
|
1211
|
+
"data-slot": "select-item-indicator",
|
|
1212
|
+
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
1213
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) })
|
|
1214
|
+
}
|
|
1215
|
+
),
|
|
1216
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
|
|
1217
|
+
]
|
|
1218
|
+
}
|
|
1219
|
+
);
|
|
1220
|
+
}
|
|
1221
|
+
function SelectSeparator({
|
|
1222
|
+
className,
|
|
1223
|
+
...props
|
|
1224
|
+
}) {
|
|
1225
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1226
|
+
SelectPrimitive__namespace.Separator,
|
|
1227
|
+
{
|
|
1228
|
+
"data-slot": "select-separator",
|
|
1229
|
+
className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
|
|
1230
|
+
...props
|
|
1231
|
+
}
|
|
1232
|
+
);
|
|
1233
|
+
}
|
|
1234
|
+
function SelectScrollUpButton({
|
|
1235
|
+
className,
|
|
1236
|
+
...props
|
|
1237
|
+
}) {
|
|
1238
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1239
|
+
SelectPrimitive__namespace.ScrollUpButton,
|
|
1240
|
+
{
|
|
1241
|
+
"data-slot": "select-scroll-up-button",
|
|
1242
|
+
className: cn(
|
|
1243
|
+
"flex cursor-default items-center justify-center py-1",
|
|
1244
|
+
className
|
|
1245
|
+
),
|
|
1246
|
+
...props,
|
|
1247
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
|
|
1248
|
+
}
|
|
1249
|
+
);
|
|
1250
|
+
}
|
|
1251
|
+
function SelectScrollDownButton({
|
|
1252
|
+
className,
|
|
1253
|
+
...props
|
|
1254
|
+
}) {
|
|
1255
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1256
|
+
SelectPrimitive__namespace.ScrollDownButton,
|
|
1257
|
+
{
|
|
1258
|
+
"data-slot": "select-scroll-down-button",
|
|
1259
|
+
className: cn(
|
|
1260
|
+
"flex cursor-default items-center justify-center py-1",
|
|
1261
|
+
className
|
|
1262
|
+
),
|
|
1263
|
+
...props,
|
|
1264
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
|
|
1265
|
+
}
|
|
1266
|
+
);
|
|
1267
|
+
}
|
|
1268
|
+
function DropdownMenu({
|
|
1269
|
+
...props
|
|
1270
|
+
}) {
|
|
1271
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
|
|
1272
|
+
}
|
|
1273
|
+
function DropdownMenuPortal({
|
|
1274
|
+
...props
|
|
1275
|
+
}) {
|
|
1276
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
|
|
1277
|
+
}
|
|
1278
|
+
function DropdownMenuTrigger({
|
|
1279
|
+
...props
|
|
1280
|
+
}) {
|
|
1281
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1282
|
+
DropdownMenuPrimitive__namespace.Trigger,
|
|
1283
|
+
{
|
|
1284
|
+
"data-slot": "dropdown-menu-trigger",
|
|
1285
|
+
...props
|
|
1286
|
+
}
|
|
1287
|
+
);
|
|
1288
|
+
}
|
|
1289
|
+
function DropdownMenuContent({
|
|
1290
|
+
className,
|
|
1291
|
+
sideOffset = 4,
|
|
1292
|
+
...props
|
|
1293
|
+
}) {
|
|
1294
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1295
|
+
DropdownMenuPrimitive__namespace.Content,
|
|
1296
|
+
{
|
|
1297
|
+
"data-slot": "dropdown-menu-content",
|
|
1298
|
+
sideOffset,
|
|
1299
|
+
className: cn(
|
|
1300
|
+
"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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
|
|
1301
|
+
className
|
|
1302
|
+
),
|
|
1303
|
+
...props
|
|
1304
|
+
}
|
|
1305
|
+
) });
|
|
1306
|
+
}
|
|
1307
|
+
function DropdownMenuGroup({
|
|
1308
|
+
...props
|
|
1309
|
+
}) {
|
|
1310
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
|
|
1311
|
+
}
|
|
1312
|
+
function DropdownMenuItem({
|
|
1313
|
+
className,
|
|
1314
|
+
inset,
|
|
1315
|
+
variant = "default",
|
|
1316
|
+
...props
|
|
1317
|
+
}) {
|
|
1318
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1319
|
+
DropdownMenuPrimitive__namespace.Item,
|
|
1320
|
+
{
|
|
1321
|
+
"data-slot": "dropdown-menu-item",
|
|
1322
|
+
"data-inset": inset,
|
|
1323
|
+
"data-variant": variant,
|
|
1324
|
+
className: cn(
|
|
1325
|
+
"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",
|
|
1326
|
+
className
|
|
1327
|
+
),
|
|
1328
|
+
...props
|
|
1329
|
+
}
|
|
1330
|
+
);
|
|
1331
|
+
}
|
|
1332
|
+
function DropdownMenuCheckboxItem({
|
|
1333
|
+
className,
|
|
1334
|
+
children,
|
|
1335
|
+
checked,
|
|
1336
|
+
...props
|
|
1337
|
+
}) {
|
|
1338
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1339
|
+
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
1340
|
+
{
|
|
1341
|
+
"data-slot": "dropdown-menu-checkbox-item",
|
|
1342
|
+
className: cn(
|
|
1343
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
|
|
1344
|
+
className
|
|
1345
|
+
),
|
|
1346
|
+
checked,
|
|
1347
|
+
...props,
|
|
1348
|
+
children: [
|
|
1349
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
|
|
1350
|
+
children
|
|
1351
|
+
]
|
|
1352
|
+
}
|
|
1353
|
+
);
|
|
1354
|
+
}
|
|
1355
|
+
function DropdownMenuRadioGroup({
|
|
1356
|
+
...props
|
|
1357
|
+
}) {
|
|
1358
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1359
|
+
DropdownMenuPrimitive__namespace.RadioGroup,
|
|
1360
|
+
{
|
|
1361
|
+
"data-slot": "dropdown-menu-radio-group",
|
|
1362
|
+
...props
|
|
1363
|
+
}
|
|
1364
|
+
);
|
|
1365
|
+
}
|
|
1366
|
+
function DropdownMenuRadioItem({
|
|
1367
|
+
className,
|
|
1368
|
+
children,
|
|
1369
|
+
...props
|
|
1370
|
+
}) {
|
|
1371
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1372
|
+
DropdownMenuPrimitive__namespace.RadioItem,
|
|
1373
|
+
{
|
|
1374
|
+
"data-slot": "dropdown-menu-radio-item",
|
|
1375
|
+
className: cn(
|
|
1376
|
+
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
|
|
1377
|
+
className
|
|
1378
|
+
),
|
|
1379
|
+
...props,
|
|
1380
|
+
children: [
|
|
1381
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
|
|
1382
|
+
children
|
|
1383
|
+
]
|
|
1384
|
+
}
|
|
1385
|
+
);
|
|
1386
|
+
}
|
|
1387
|
+
function DropdownMenuLabel({
|
|
1388
|
+
className,
|
|
1389
|
+
inset,
|
|
1390
|
+
...props
|
|
1391
|
+
}) {
|
|
1392
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1393
|
+
DropdownMenuPrimitive__namespace.Label,
|
|
1394
|
+
{
|
|
1395
|
+
"data-slot": "dropdown-menu-label",
|
|
1396
|
+
"data-inset": inset,
|
|
1397
|
+
className: cn(
|
|
1398
|
+
"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
|
|
1399
|
+
className
|
|
1400
|
+
),
|
|
1401
|
+
...props
|
|
1402
|
+
}
|
|
1403
|
+
);
|
|
1404
|
+
}
|
|
1405
|
+
function DropdownMenuSeparator({
|
|
1406
|
+
className,
|
|
1407
|
+
...props
|
|
1408
|
+
}) {
|
|
1409
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1410
|
+
DropdownMenuPrimitive__namespace.Separator,
|
|
1411
|
+
{
|
|
1412
|
+
"data-slot": "dropdown-menu-separator",
|
|
1413
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
1414
|
+
...props
|
|
1415
|
+
}
|
|
1416
|
+
);
|
|
1417
|
+
}
|
|
1418
|
+
function DropdownMenuShortcut({
|
|
1419
|
+
className,
|
|
1420
|
+
...props
|
|
1421
|
+
}) {
|
|
1422
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1423
|
+
"span",
|
|
1424
|
+
{
|
|
1425
|
+
"data-slot": "dropdown-menu-shortcut",
|
|
1426
|
+
className: cn(
|
|
1427
|
+
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
1428
|
+
className
|
|
1429
|
+
),
|
|
1430
|
+
...props
|
|
1431
|
+
}
|
|
1432
|
+
);
|
|
1433
|
+
}
|
|
1434
|
+
function DropdownMenuSub({
|
|
1435
|
+
...props
|
|
1436
|
+
}) {
|
|
1437
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
|
|
1438
|
+
}
|
|
1439
|
+
function DropdownMenuSubTrigger({
|
|
1440
|
+
className,
|
|
1441
|
+
inset,
|
|
1442
|
+
children,
|
|
1443
|
+
...props
|
|
1444
|
+
}) {
|
|
1445
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1446
|
+
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
1447
|
+
{
|
|
1448
|
+
"data-slot": "dropdown-menu-sub-trigger",
|
|
1449
|
+
"data-inset": inset,
|
|
1450
|
+
className: cn(
|
|
1451
|
+
"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1452
|
+
className
|
|
1453
|
+
),
|
|
1454
|
+
...props,
|
|
1455
|
+
children: [
|
|
1456
|
+
children,
|
|
1457
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
|
|
1458
|
+
]
|
|
1459
|
+
}
|
|
1460
|
+
);
|
|
1461
|
+
}
|
|
1462
|
+
function DropdownMenuSubContent({
|
|
1463
|
+
className,
|
|
1464
|
+
...props
|
|
1465
|
+
}) {
|
|
1466
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1467
|
+
DropdownMenuPrimitive__namespace.SubContent,
|
|
1468
|
+
{
|
|
1469
|
+
"data-slot": "dropdown-menu-sub-content",
|
|
1470
|
+
className: cn(
|
|
1471
|
+
"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-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
|
|
1472
|
+
className
|
|
1473
|
+
),
|
|
1474
|
+
...props
|
|
1475
|
+
}
|
|
1476
|
+
);
|
|
1477
|
+
}
|
|
1478
|
+
function Dialog({
|
|
1479
|
+
...props
|
|
1480
|
+
}) {
|
|
1481
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
|
|
1482
|
+
}
|
|
1483
|
+
function DialogTrigger({
|
|
1484
|
+
...props
|
|
1485
|
+
}) {
|
|
1486
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
1487
|
+
}
|
|
1488
|
+
function DialogPortal({
|
|
1489
|
+
...props
|
|
1490
|
+
}) {
|
|
1491
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
|
|
1492
|
+
}
|
|
1493
|
+
function DialogClose({
|
|
1494
|
+
...props
|
|
1495
|
+
}) {
|
|
1496
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
|
|
1497
|
+
}
|
|
1498
|
+
function DialogOverlay({
|
|
1499
|
+
className,
|
|
1500
|
+
...props
|
|
1501
|
+
}) {
|
|
1502
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1503
|
+
DialogPrimitive__namespace.Overlay,
|
|
1504
|
+
{
|
|
1505
|
+
"data-slot": "dialog-overlay",
|
|
1506
|
+
className: cn(
|
|
1507
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
1508
|
+
className
|
|
1509
|
+
),
|
|
1510
|
+
...props
|
|
1511
|
+
}
|
|
1512
|
+
);
|
|
1513
|
+
}
|
|
1514
|
+
function DialogContent({
|
|
1515
|
+
className,
|
|
1516
|
+
children,
|
|
1517
|
+
showCloseButton = true,
|
|
1518
|
+
...props
|
|
1519
|
+
}) {
|
|
1520
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
|
|
1521
|
+
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
1522
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1523
|
+
DialogPrimitive__namespace.Content,
|
|
1524
|
+
{
|
|
1525
|
+
"data-slot": "dialog-content",
|
|
1526
|
+
className: cn(
|
|
1527
|
+
"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
|
|
1528
|
+
className
|
|
1529
|
+
),
|
|
1530
|
+
...props,
|
|
1531
|
+
children: [
|
|
1532
|
+
children,
|
|
1533
|
+
showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1534
|
+
DialogPrimitive__namespace.Close,
|
|
1535
|
+
{
|
|
1536
|
+
"data-slot": "dialog-close",
|
|
1537
|
+
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1538
|
+
children: [
|
|
1539
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
|
|
1540
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
1541
|
+
]
|
|
1542
|
+
}
|
|
1543
|
+
)
|
|
1544
|
+
]
|
|
1545
|
+
}
|
|
1546
|
+
)
|
|
1547
|
+
] });
|
|
1548
|
+
}
|
|
1549
|
+
function DialogHeader({ className, ...props }) {
|
|
1550
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1551
|
+
"div",
|
|
1552
|
+
{
|
|
1553
|
+
"data-slot": "dialog-header",
|
|
1554
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
1555
|
+
...props
|
|
1556
|
+
}
|
|
1557
|
+
);
|
|
1558
|
+
}
|
|
1559
|
+
function DialogFooter({ className, ...props }) {
|
|
1560
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1561
|
+
"div",
|
|
1562
|
+
{
|
|
1563
|
+
"data-slot": "dialog-footer",
|
|
1564
|
+
className: cn(
|
|
1565
|
+
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
1566
|
+
className
|
|
1567
|
+
),
|
|
1568
|
+
...props
|
|
1569
|
+
}
|
|
1570
|
+
);
|
|
1571
|
+
}
|
|
1572
|
+
function DialogTitle({
|
|
1573
|
+
className,
|
|
1574
|
+
...props
|
|
1575
|
+
}) {
|
|
1576
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1577
|
+
DialogPrimitive__namespace.Title,
|
|
1578
|
+
{
|
|
1579
|
+
"data-slot": "dialog-title",
|
|
1580
|
+
className: cn("text-lg leading-none font-semibold", className),
|
|
1581
|
+
...props
|
|
1582
|
+
}
|
|
1583
|
+
);
|
|
1584
|
+
}
|
|
1585
|
+
function DialogDescription({
|
|
1586
|
+
className,
|
|
1587
|
+
...props
|
|
1588
|
+
}) {
|
|
1589
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1590
|
+
DialogPrimitive__namespace.Description,
|
|
1591
|
+
{
|
|
1592
|
+
"data-slot": "dialog-description",
|
|
1593
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1594
|
+
...props
|
|
1595
|
+
}
|
|
1596
|
+
);
|
|
1597
|
+
}
|
|
1598
|
+
function Popover({
|
|
1599
|
+
...props
|
|
1600
|
+
}) {
|
|
1601
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
|
|
1602
|
+
}
|
|
1603
|
+
function PopoverTrigger({
|
|
1604
|
+
...props
|
|
1605
|
+
}) {
|
|
1606
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
1607
|
+
}
|
|
1608
|
+
function PopoverContent({
|
|
1609
|
+
className,
|
|
1610
|
+
align = "center",
|
|
1611
|
+
sideOffset = 4,
|
|
1612
|
+
...props
|
|
1613
|
+
}) {
|
|
1614
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1615
|
+
PopoverPrimitive__namespace.Content,
|
|
1616
|
+
{
|
|
1617
|
+
"data-slot": "popover-content",
|
|
1618
|
+
align,
|
|
1619
|
+
sideOffset,
|
|
1620
|
+
className: cn(
|
|
1621
|
+
"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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
|
|
1622
|
+
className
|
|
1623
|
+
),
|
|
1624
|
+
...props
|
|
1625
|
+
}
|
|
1626
|
+
) });
|
|
1627
|
+
}
|
|
1628
|
+
function ScrollArea({
|
|
1629
|
+
className,
|
|
1630
|
+
children,
|
|
1631
|
+
...props
|
|
1632
|
+
}) {
|
|
1633
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1634
|
+
ScrollAreaPrimitive__namespace.Root,
|
|
1635
|
+
{
|
|
1636
|
+
"data-slot": "scroll-area",
|
|
1637
|
+
className: cn("relative", className),
|
|
1638
|
+
...props,
|
|
1639
|
+
children: [
|
|
1640
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1641
|
+
ScrollAreaPrimitive__namespace.Viewport,
|
|
1642
|
+
{
|
|
1643
|
+
"data-slot": "scroll-area-viewport",
|
|
1644
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
1645
|
+
children
|
|
1646
|
+
}
|
|
1647
|
+
),
|
|
1648
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
|
|
1649
|
+
/* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
|
|
1650
|
+
]
|
|
1651
|
+
}
|
|
1652
|
+
);
|
|
1653
|
+
}
|
|
1654
|
+
function ScrollBar({
|
|
1655
|
+
className,
|
|
1656
|
+
orientation = "vertical",
|
|
1657
|
+
...props
|
|
1658
|
+
}) {
|
|
1659
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1660
|
+
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
1661
|
+
{
|
|
1662
|
+
"data-slot": "scroll-area-scrollbar",
|
|
1663
|
+
orientation,
|
|
1664
|
+
className: cn(
|
|
1665
|
+
"flex touch-none p-px transition-colors select-none",
|
|
1666
|
+
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
|
|
1667
|
+
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
|
|
1668
|
+
className
|
|
1669
|
+
),
|
|
1670
|
+
...props,
|
|
1671
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1672
|
+
ScrollAreaPrimitive__namespace.ScrollAreaThumb,
|
|
1673
|
+
{
|
|
1674
|
+
"data-slot": "scroll-area-thumb",
|
|
1675
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
1676
|
+
}
|
|
1677
|
+
)
|
|
1678
|
+
}
|
|
1679
|
+
);
|
|
1680
|
+
}
|
|
1681
|
+
function Sheet({ ...props }) {
|
|
1682
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
|
|
1683
|
+
}
|
|
1684
|
+
function SheetTrigger({
|
|
1685
|
+
...props
|
|
1686
|
+
}) {
|
|
1687
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
1688
|
+
}
|
|
1689
|
+
function SheetClose({
|
|
1690
|
+
...props
|
|
1691
|
+
}) {
|
|
1692
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "sheet-close", ...props });
|
|
1693
|
+
}
|
|
1694
|
+
function SheetPortal({
|
|
1695
|
+
...props
|
|
1696
|
+
}) {
|
|
1697
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
|
|
1698
|
+
}
|
|
1699
|
+
function SheetOverlay({
|
|
1700
|
+
className,
|
|
1701
|
+
...props
|
|
1702
|
+
}) {
|
|
1703
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1704
|
+
DialogPrimitive__namespace.Overlay,
|
|
1705
|
+
{
|
|
1706
|
+
"data-slot": "sheet-overlay",
|
|
1707
|
+
className: cn(
|
|
1708
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
1709
|
+
className
|
|
1710
|
+
),
|
|
1711
|
+
...props
|
|
1712
|
+
}
|
|
1713
|
+
);
|
|
1714
|
+
}
|
|
1715
|
+
function SheetContent({
|
|
1716
|
+
className,
|
|
1717
|
+
children,
|
|
1718
|
+
side = "right",
|
|
1719
|
+
...props
|
|
1720
|
+
}) {
|
|
1721
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
|
|
1722
|
+
/* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
|
|
1723
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1724
|
+
DialogPrimitive__namespace.Content,
|
|
1725
|
+
{
|
|
1726
|
+
"data-slot": "sheet-content",
|
|
1727
|
+
className: cn(
|
|
1728
|
+
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
1729
|
+
side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
|
|
1730
|
+
side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
|
1731
|
+
side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
|
|
1732
|
+
side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
|
|
1733
|
+
className
|
|
1734
|
+
),
|
|
1735
|
+
...props,
|
|
1736
|
+
children: [
|
|
1737
|
+
children,
|
|
1738
|
+
/* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
|
|
1739
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
|
|
1740
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
1741
|
+
] })
|
|
1742
|
+
]
|
|
1743
|
+
}
|
|
1744
|
+
)
|
|
1745
|
+
] });
|
|
1746
|
+
}
|
|
1747
|
+
function SheetHeader({ className, ...props }) {
|
|
1748
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1749
|
+
"div",
|
|
1750
|
+
{
|
|
1751
|
+
"data-slot": "sheet-header",
|
|
1752
|
+
className: cn("flex flex-col gap-1.5 p-4", className),
|
|
1753
|
+
...props
|
|
1754
|
+
}
|
|
1755
|
+
);
|
|
1756
|
+
}
|
|
1757
|
+
function SheetFooter({ className, ...props }) {
|
|
1758
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1759
|
+
"div",
|
|
1760
|
+
{
|
|
1761
|
+
"data-slot": "sheet-footer",
|
|
1762
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
1763
|
+
...props
|
|
1764
|
+
}
|
|
1765
|
+
);
|
|
1766
|
+
}
|
|
1767
|
+
function SheetTitle({
|
|
1768
|
+
className,
|
|
1769
|
+
...props
|
|
1770
|
+
}) {
|
|
1771
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1772
|
+
DialogPrimitive__namespace.Title,
|
|
1773
|
+
{
|
|
1774
|
+
"data-slot": "sheet-title",
|
|
1775
|
+
className: cn("text-foreground font-semibold", className),
|
|
1776
|
+
...props
|
|
1777
|
+
}
|
|
1778
|
+
);
|
|
1779
|
+
}
|
|
1780
|
+
function SheetDescription({
|
|
1781
|
+
className,
|
|
1782
|
+
...props
|
|
1783
|
+
}) {
|
|
1784
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1785
|
+
DialogPrimitive__namespace.Description,
|
|
1786
|
+
{
|
|
1787
|
+
"data-slot": "sheet-description",
|
|
1788
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
1789
|
+
...props
|
|
1790
|
+
}
|
|
1791
|
+
);
|
|
1792
|
+
}
|
|
1793
|
+
function Collapsible({
|
|
1794
|
+
...props
|
|
1795
|
+
}) {
|
|
1796
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
|
|
1797
|
+
}
|
|
1798
|
+
function CollapsibleTrigger2({
|
|
1799
|
+
...props
|
|
1800
|
+
}) {
|
|
1801
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1802
|
+
CollapsiblePrimitive__namespace.CollapsibleTrigger,
|
|
1803
|
+
{
|
|
1804
|
+
"data-slot": "collapsible-trigger",
|
|
1805
|
+
...props
|
|
1806
|
+
}
|
|
1807
|
+
);
|
|
1808
|
+
}
|
|
1809
|
+
function CollapsibleContent2({
|
|
1810
|
+
...props
|
|
1811
|
+
}) {
|
|
1812
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1813
|
+
CollapsiblePrimitive__namespace.CollapsibleContent,
|
|
1814
|
+
{
|
|
1815
|
+
"data-slot": "collapsible-content",
|
|
1816
|
+
...props
|
|
1817
|
+
}
|
|
1818
|
+
);
|
|
1819
|
+
}
|
|
1820
|
+
function Slider({
|
|
1821
|
+
className,
|
|
1822
|
+
defaultValue,
|
|
1823
|
+
value,
|
|
1824
|
+
min = 0,
|
|
1825
|
+
max = 100,
|
|
1826
|
+
...props
|
|
1827
|
+
}) {
|
|
1828
|
+
const _values = React3__namespace.useMemo(
|
|
1829
|
+
() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
|
|
1830
|
+
[value, defaultValue, min, max]
|
|
1831
|
+
);
|
|
1832
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1833
|
+
SliderPrimitive__namespace.Root,
|
|
1834
|
+
{
|
|
1835
|
+
"data-slot": "slider",
|
|
1836
|
+
defaultValue,
|
|
1837
|
+
value,
|
|
1838
|
+
min,
|
|
1839
|
+
max,
|
|
1840
|
+
className: cn(
|
|
1841
|
+
"relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
|
|
1842
|
+
className
|
|
1843
|
+
),
|
|
1844
|
+
...props,
|
|
1845
|
+
children: [
|
|
1846
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1847
|
+
SliderPrimitive__namespace.Track,
|
|
1848
|
+
{
|
|
1849
|
+
"data-slot": "slider-track",
|
|
1850
|
+
className: cn(
|
|
1851
|
+
"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
|
|
1852
|
+
),
|
|
1853
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1854
|
+
SliderPrimitive__namespace.Range,
|
|
1855
|
+
{
|
|
1856
|
+
"data-slot": "slider-range",
|
|
1857
|
+
className: cn(
|
|
1858
|
+
"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
|
|
1859
|
+
)
|
|
1860
|
+
}
|
|
1861
|
+
)
|
|
1862
|
+
}
|
|
1863
|
+
),
|
|
1864
|
+
Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1865
|
+
SliderPrimitive__namespace.Thumb,
|
|
1866
|
+
{
|
|
1867
|
+
"data-slot": "slider-thumb",
|
|
1868
|
+
className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
1869
|
+
},
|
|
1870
|
+
index
|
|
1871
|
+
))
|
|
1872
|
+
]
|
|
1873
|
+
}
|
|
1874
|
+
);
|
|
1875
|
+
}
|
|
1876
|
+
function Switch({
|
|
1877
|
+
className,
|
|
1878
|
+
...props
|
|
1879
|
+
}) {
|
|
1880
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1881
|
+
SwitchPrimitive__namespace.Root,
|
|
1882
|
+
{
|
|
1883
|
+
"data-slot": "switch",
|
|
1884
|
+
className: cn(
|
|
1885
|
+
"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
1886
|
+
className
|
|
1887
|
+
),
|
|
1888
|
+
...props,
|
|
1889
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1890
|
+
SwitchPrimitive__namespace.Thumb,
|
|
1891
|
+
{
|
|
1892
|
+
"data-slot": "switch-thumb",
|
|
1893
|
+
className: cn(
|
|
1894
|
+
"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
|
|
1895
|
+
)
|
|
1896
|
+
}
|
|
1897
|
+
)
|
|
1898
|
+
}
|
|
1899
|
+
);
|
|
1900
|
+
}
|
|
1901
|
+
function RadioGroup2({
|
|
1902
|
+
className,
|
|
1903
|
+
...props
|
|
1904
|
+
}) {
|
|
1905
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1906
|
+
RadioGroupPrimitive__namespace.Root,
|
|
1907
|
+
{
|
|
1908
|
+
"data-slot": "radio-group",
|
|
1909
|
+
className: cn("grid gap-3", className),
|
|
1910
|
+
...props
|
|
1911
|
+
}
|
|
1912
|
+
);
|
|
1913
|
+
}
|
|
1914
|
+
function RadioGroupItem({
|
|
1915
|
+
className,
|
|
1916
|
+
...props
|
|
1917
|
+
}) {
|
|
1918
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1919
|
+
RadioGroupPrimitive__namespace.Item,
|
|
1920
|
+
{
|
|
1921
|
+
"data-slot": "radio-group-item",
|
|
1922
|
+
className: cn(
|
|
1923
|
+
"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
1924
|
+
className
|
|
1925
|
+
),
|
|
1926
|
+
...props,
|
|
1927
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1928
|
+
RadioGroupPrimitive__namespace.Indicator,
|
|
1929
|
+
{
|
|
1930
|
+
"data-slot": "radio-group-indicator",
|
|
1931
|
+
className: "relative flex items-center justify-center",
|
|
1932
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
|
|
1933
|
+
}
|
|
1934
|
+
)
|
|
1935
|
+
}
|
|
1936
|
+
);
|
|
1937
|
+
}
|
|
1938
|
+
var Form = reactHookForm.FormProvider;
|
|
1939
|
+
var FormFieldContext = React3__namespace.createContext(
|
|
1940
|
+
{}
|
|
1941
|
+
);
|
|
1942
|
+
var FormField = ({
|
|
1943
|
+
...props
|
|
1944
|
+
}) => {
|
|
1945
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
|
|
1946
|
+
};
|
|
1947
|
+
var useFormField = () => {
|
|
1948
|
+
const fieldContext = React3__namespace.useContext(FormFieldContext);
|
|
1949
|
+
const itemContext = React3__namespace.useContext(FormItemContext);
|
|
1950
|
+
const { getFieldState } = reactHookForm.useFormContext();
|
|
1951
|
+
const formState = reactHookForm.useFormState({ name: fieldContext.name });
|
|
1952
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
1953
|
+
if (!fieldContext) {
|
|
1954
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
1955
|
+
}
|
|
1956
|
+
const { id } = itemContext;
|
|
1957
|
+
return {
|
|
1958
|
+
id,
|
|
1959
|
+
name: fieldContext.name,
|
|
1960
|
+
formItemId: `${id}-form-item`,
|
|
1961
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
1962
|
+
formMessageId: `${id}-form-item-message`,
|
|
1963
|
+
...fieldState
|
|
1964
|
+
};
|
|
1965
|
+
};
|
|
1966
|
+
var FormItemContext = React3__namespace.createContext(
|
|
1967
|
+
{}
|
|
1968
|
+
);
|
|
1969
|
+
function FormItem({ className, ...props }) {
|
|
1970
|
+
const id = React3__namespace.useId();
|
|
1971
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1972
|
+
"div",
|
|
1973
|
+
{
|
|
1974
|
+
"data-slot": "form-item",
|
|
1975
|
+
className: cn("grid gap-2", className),
|
|
1976
|
+
...props
|
|
1977
|
+
}
|
|
1978
|
+
) });
|
|
1979
|
+
}
|
|
1980
|
+
function FormLabel({
|
|
1981
|
+
className,
|
|
1982
|
+
...props
|
|
1983
|
+
}) {
|
|
1984
|
+
const { error, formItemId } = useFormField();
|
|
1985
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1986
|
+
Label,
|
|
1987
|
+
{
|
|
1988
|
+
"data-slot": "form-label",
|
|
1989
|
+
"data-error": !!error,
|
|
1990
|
+
className: cn("data-[error=true]:text-destructive", className),
|
|
1991
|
+
htmlFor: formItemId,
|
|
1992
|
+
...props
|
|
1993
|
+
}
|
|
1994
|
+
);
|
|
1995
|
+
}
|
|
1996
|
+
function FormControl({ ...props }) {
|
|
1997
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
1998
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1999
|
+
reactSlot.Slot,
|
|
2000
|
+
{
|
|
2001
|
+
"data-slot": "form-control",
|
|
2002
|
+
id: formItemId,
|
|
2003
|
+
"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
|
|
2004
|
+
"aria-invalid": !!error,
|
|
2005
|
+
...props
|
|
2006
|
+
}
|
|
2007
|
+
);
|
|
2008
|
+
}
|
|
2009
|
+
function FormDescription({ className, ...props }) {
|
|
2010
|
+
const { formDescriptionId } = useFormField();
|
|
2011
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2012
|
+
"p",
|
|
2013
|
+
{
|
|
2014
|
+
"data-slot": "form-description",
|
|
2015
|
+
id: formDescriptionId,
|
|
2016
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
2017
|
+
...props
|
|
2018
|
+
}
|
|
2019
|
+
);
|
|
2020
|
+
}
|
|
2021
|
+
function FormMessage({ className, ...props }) {
|
|
2022
|
+
const { error, formMessageId } = useFormField();
|
|
2023
|
+
const body = error ? String(error?.message ?? "") : props.children;
|
|
2024
|
+
if (!body) {
|
|
2025
|
+
return null;
|
|
2026
|
+
}
|
|
2027
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2028
|
+
"p",
|
|
2029
|
+
{
|
|
2030
|
+
"data-slot": "form-message",
|
|
2031
|
+
id: formMessageId,
|
|
2032
|
+
className: cn("text-destructive text-sm", className),
|
|
2033
|
+
...props,
|
|
2034
|
+
children: body
|
|
2035
|
+
}
|
|
2036
|
+
);
|
|
2037
|
+
}
|
|
2038
|
+
function CTAButtonGroup({ buttons, className }) {
|
|
2039
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-4", className), children: buttons.map((button, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2040
|
+
Button,
|
|
2041
|
+
{
|
|
2042
|
+
variant: button.variant || "default",
|
|
2043
|
+
asChild: !!button.href,
|
|
2044
|
+
onClick: button.onClick,
|
|
2045
|
+
children: button.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: button.href, children: button.label }) : button.label
|
|
2046
|
+
},
|
|
2047
|
+
index
|
|
2048
|
+
)) });
|
|
2049
|
+
}
|
|
2050
|
+
function CTASection({
|
|
2051
|
+
title,
|
|
2052
|
+
description,
|
|
2053
|
+
primaryAction,
|
|
2054
|
+
secondaryAction,
|
|
2055
|
+
variant = "default",
|
|
2056
|
+
className,
|
|
2057
|
+
children
|
|
2058
|
+
}) {
|
|
2059
|
+
const variantStyles = {
|
|
2060
|
+
default: "bg-card",
|
|
2061
|
+
highlight: "bg-primary text-primary-foreground",
|
|
2062
|
+
minimal: "border-0 shadow-none"
|
|
2063
|
+
};
|
|
2064
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn(variantStyles[variant], "my-8", className), children: [
|
|
2065
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
|
|
2066
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2067
|
+
CardTitle,
|
|
2068
|
+
{
|
|
2069
|
+
className: cn(variant === "highlight" && "text-primary-foreground"),
|
|
2070
|
+
children: title
|
|
2071
|
+
}
|
|
2072
|
+
),
|
|
2073
|
+
description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2074
|
+
CardDescription,
|
|
2075
|
+
{
|
|
2076
|
+
className: cn(
|
|
2077
|
+
variant === "highlight" && "text-primary-foreground/80"
|
|
2078
|
+
),
|
|
2079
|
+
children: description
|
|
2080
|
+
}
|
|
2081
|
+
)
|
|
2082
|
+
] }),
|
|
2083
|
+
children && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children }),
|
|
2084
|
+
(primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs(CardFooter, { className: "gap-4", children: [
|
|
2085
|
+
primaryAction && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2086
|
+
Button,
|
|
2087
|
+
{
|
|
2088
|
+
variant: variant === "highlight" ? "secondary" : "default",
|
|
2089
|
+
asChild: !!primaryAction.href,
|
|
2090
|
+
onClick: primaryAction.onClick,
|
|
2091
|
+
children: primaryAction.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: primaryAction.href, children: primaryAction.label }) : primaryAction.label
|
|
2092
|
+
}
|
|
2093
|
+
),
|
|
2094
|
+
secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2095
|
+
Button,
|
|
2096
|
+
{
|
|
2097
|
+
variant: variant === "highlight" ? "outline" : "ghost",
|
|
2098
|
+
asChild: !!secondaryAction.href,
|
|
2099
|
+
onClick: secondaryAction.onClick,
|
|
2100
|
+
children: secondaryAction.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: secondaryAction.href, children: secondaryAction.label }) : secondaryAction.label
|
|
2101
|
+
}
|
|
2102
|
+
)
|
|
2103
|
+
] })
|
|
2104
|
+
] });
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
exports.Accordion = Accordion;
|
|
2108
|
+
exports.AccordionContent = AccordionContent;
|
|
2109
|
+
exports.AccordionItem = AccordionItem;
|
|
2110
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
2111
|
+
exports.Alert = Alert;
|
|
2112
|
+
exports.AlertDescription = AlertDescription;
|
|
2113
|
+
exports.AlertDialog = AlertDialog;
|
|
2114
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
2115
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
2116
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
2117
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
2118
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
2119
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
2120
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
2121
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
2122
|
+
exports.AlertTitle = AlertTitle;
|
|
2123
|
+
exports.AspectRatio = AspectRatio;
|
|
2124
|
+
exports.Avatar = Avatar;
|
|
2125
|
+
exports.AvatarFallback = AvatarFallback;
|
|
2126
|
+
exports.AvatarImage = AvatarImage;
|
|
2127
|
+
exports.Badge = Badge;
|
|
2128
|
+
exports.Breadcrumb = Breadcrumb;
|
|
2129
|
+
exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
|
|
2130
|
+
exports.BreadcrumbItem = BreadcrumbItem;
|
|
2131
|
+
exports.BreadcrumbLink = BreadcrumbLink;
|
|
2132
|
+
exports.BreadcrumbList = BreadcrumbList;
|
|
2133
|
+
exports.BreadcrumbPage = BreadcrumbPage;
|
|
2134
|
+
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
2135
|
+
exports.Button = Button;
|
|
2136
|
+
exports.CTAButtonGroup = CTAButtonGroup;
|
|
2137
|
+
exports.CTASection = CTASection;
|
|
2138
|
+
exports.Calendar = Calendar;
|
|
2139
|
+
exports.Card = Card;
|
|
2140
|
+
exports.CardContent = CardContent;
|
|
2141
|
+
exports.CardDescription = CardDescription;
|
|
2142
|
+
exports.CardFooter = CardFooter;
|
|
2143
|
+
exports.CardHeader = CardHeader;
|
|
2144
|
+
exports.CardTitle = CardTitle;
|
|
2145
|
+
exports.Checkbox = Checkbox;
|
|
2146
|
+
exports.Collapsible = Collapsible;
|
|
2147
|
+
exports.CollapsibleContent = CollapsibleContent2;
|
|
2148
|
+
exports.CollapsibleTrigger = CollapsibleTrigger2;
|
|
2149
|
+
exports.Dialog = Dialog;
|
|
2150
|
+
exports.DialogClose = DialogClose;
|
|
2151
|
+
exports.DialogContent = DialogContent;
|
|
2152
|
+
exports.DialogDescription = DialogDescription;
|
|
2153
|
+
exports.DialogFooter = DialogFooter;
|
|
2154
|
+
exports.DialogHeader = DialogHeader;
|
|
2155
|
+
exports.DialogOverlay = DialogOverlay;
|
|
2156
|
+
exports.DialogPortal = DialogPortal;
|
|
2157
|
+
exports.DialogTitle = DialogTitle;
|
|
2158
|
+
exports.DialogTrigger = DialogTrigger;
|
|
2159
|
+
exports.DropdownMenu = DropdownMenu;
|
|
2160
|
+
exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
|
|
2161
|
+
exports.DropdownMenuContent = DropdownMenuContent;
|
|
2162
|
+
exports.DropdownMenuGroup = DropdownMenuGroup;
|
|
2163
|
+
exports.DropdownMenuItem = DropdownMenuItem;
|
|
2164
|
+
exports.DropdownMenuLabel = DropdownMenuLabel;
|
|
2165
|
+
exports.DropdownMenuPortal = DropdownMenuPortal;
|
|
2166
|
+
exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
|
|
2167
|
+
exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
|
|
2168
|
+
exports.DropdownMenuSeparator = DropdownMenuSeparator;
|
|
2169
|
+
exports.DropdownMenuShortcut = DropdownMenuShortcut;
|
|
2170
|
+
exports.DropdownMenuSub = DropdownMenuSub;
|
|
2171
|
+
exports.DropdownMenuSubContent = DropdownMenuSubContent;
|
|
2172
|
+
exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
|
|
2173
|
+
exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
2174
|
+
exports.Form = Form;
|
|
2175
|
+
exports.FormControl = FormControl;
|
|
2176
|
+
exports.FormDescription = FormDescription;
|
|
2177
|
+
exports.FormField = FormField;
|
|
2178
|
+
exports.FormItem = FormItem;
|
|
2179
|
+
exports.FormLabel = FormLabel;
|
|
2180
|
+
exports.FormMessage = FormMessage;
|
|
2181
|
+
exports.Input = Input;
|
|
2182
|
+
exports.Label = Label;
|
|
2183
|
+
exports.Popover = Popover;
|
|
2184
|
+
exports.PopoverContent = PopoverContent;
|
|
2185
|
+
exports.PopoverTrigger = PopoverTrigger;
|
|
2186
|
+
exports.Progress = Progress;
|
|
2187
|
+
exports.RadioGroup = RadioGroup2;
|
|
2188
|
+
exports.RadioGroupItem = RadioGroupItem;
|
|
2189
|
+
exports.ScrollArea = ScrollArea;
|
|
2190
|
+
exports.ScrollBar = ScrollBar;
|
|
2191
|
+
exports.Select = Select;
|
|
2192
|
+
exports.SelectContent = SelectContent;
|
|
2193
|
+
exports.SelectGroup = SelectGroup;
|
|
2194
|
+
exports.SelectItem = SelectItem;
|
|
2195
|
+
exports.SelectLabel = SelectLabel;
|
|
2196
|
+
exports.SelectScrollDownButton = SelectScrollDownButton;
|
|
2197
|
+
exports.SelectScrollUpButton = SelectScrollUpButton;
|
|
2198
|
+
exports.SelectSeparator = SelectSeparator;
|
|
2199
|
+
exports.SelectTrigger = SelectTrigger;
|
|
2200
|
+
exports.SelectValue = SelectValue;
|
|
2201
|
+
exports.Separator = Separator;
|
|
2202
|
+
exports.Sheet = Sheet;
|
|
2203
|
+
exports.SheetClose = SheetClose;
|
|
2204
|
+
exports.SheetContent = SheetContent;
|
|
2205
|
+
exports.SheetDescription = SheetDescription;
|
|
2206
|
+
exports.SheetFooter = SheetFooter;
|
|
2207
|
+
exports.SheetHeader = SheetHeader;
|
|
2208
|
+
exports.SheetTitle = SheetTitle;
|
|
2209
|
+
exports.SheetTrigger = SheetTrigger;
|
|
2210
|
+
exports.Skeleton = Skeleton;
|
|
2211
|
+
exports.Slider = Slider;
|
|
2212
|
+
exports.Switch = Switch;
|
|
2213
|
+
exports.Table = Table;
|
|
2214
|
+
exports.TableBody = TableBody;
|
|
2215
|
+
exports.TableCaption = TableCaption;
|
|
2216
|
+
exports.TableCell = TableCell;
|
|
2217
|
+
exports.TableFooter = TableFooter;
|
|
2218
|
+
exports.TableHead = TableHead;
|
|
2219
|
+
exports.TableHeader = TableHeader;
|
|
2220
|
+
exports.TableRow = TableRow;
|
|
2221
|
+
exports.Tabs = Tabs;
|
|
2222
|
+
exports.TabsContent = TabsContent;
|
|
2223
|
+
exports.TabsList = TabsList;
|
|
2224
|
+
exports.TabsTrigger = TabsTrigger;
|
|
2225
|
+
exports.Textarea = Textarea;
|
|
2226
|
+
exports.Tooltip = Tooltip;
|
|
2227
|
+
exports.TooltipContent = TooltipContent;
|
|
2228
|
+
exports.TooltipProvider = TooltipProvider;
|
|
2229
|
+
exports.TooltipTrigger = TooltipTrigger;
|
|
2230
|
+
exports.badgeVariants = badgeVariants;
|
|
2231
|
+
exports.buttonVariants = buttonVariants;
|
|
2232
|
+
exports.cn = cn;
|
|
2233
|
+
//# sourceMappingURL=chunk-KRDZATRT.cjs.map
|
|
2234
|
+
//# sourceMappingURL=chunk-KRDZATRT.cjs.map
|