@fea-ui/react 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,3480 +1,3 @@
1
1
  "use client";
2
- import { cn, cn as cn$1, tv } from "tailwind-variants";
3
- import { Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, CheckboxGroup, Collapsible, Combobox, ContextMenu, Dialog, Field, Fieldset, Form, Input, Menu, Meter, NavigationMenu, NumberField, Popover, PreviewCard, Progress, Radio, RadioGroup, ScrollArea, Select, Separator, Slider, Switch, Tabs, Toggle, Tooltip } from "@base-ui/react";
4
- import { Check, ChevronDown, ChevronsUpDown, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideChevronsLeftRight, LucideInfo, LucideLoader, LucideMenu, LucideMinus, LucidePanelLeftClose, LucidePanelLeftOpen, LucidePlus, LucideX, LucideXCircle, X } from "lucide-react";
5
- import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
-
8
- //#region src/components/accordion/accordion.context.ts
9
- const AccordionContext = createContext(null);
10
-
11
- //#endregion
12
- //#region src/components/accordion/accordion.variants.ts
13
- const accordionVariants = tv({ slots: {
14
- content: "accordion__content",
15
- header: "accordion__header",
16
- item: "accordion__item",
17
- panel: "accordion__panel",
18
- root: "accordion",
19
- trigger: "accordion__trigger",
20
- triggerIcon: "accordion__trigger-icon"
21
- } });
22
-
23
- //#endregion
24
- //#region src/components/accordion/use-accordion.ts
25
- const useAccordion = () => {
26
- const context = useContext(AccordionContext);
27
- if (!context) throw new Error("useAccordion must be used within a AccordionProvider");
28
- return context;
29
- };
30
-
31
- //#endregion
32
- //#region src/components/accordion/accordion.tsx
33
- const Accordion$1 = ({ className, ...props }) => {
34
- const slots = useMemo(() => accordionVariants({}), []);
35
- return /* @__PURE__ */ jsx(AccordionContext.Provider, {
36
- value: { slots },
37
- children: /* @__PURE__ */ jsx(Accordion.Root, {
38
- className: cn$1(className, slots.root()),
39
- ...props
40
- })
41
- });
42
- };
43
- const AccordionItem = ({ className, ...props }) => {
44
- const { slots } = useAccordion();
45
- return /* @__PURE__ */ jsx(Accordion.Item, {
46
- className: cn$1(className, slots.item()),
47
- ...props
48
- });
49
- };
50
- const AccordionHeader = ({ className, ...props }) => {
51
- const { slots } = useAccordion();
52
- return /* @__PURE__ */ jsx(Accordion.Header, {
53
- className: cn$1(className, slots.header()),
54
- ...props
55
- });
56
- };
57
- const AccordionTrigger = ({ className, ...props }) => {
58
- const { slots } = useAccordion();
59
- return /* @__PURE__ */ jsx(Accordion.Trigger, {
60
- className: cn$1(className, slots.trigger()),
61
- ...props
62
- });
63
- };
64
- const AccordionTriggerIcon = ({ className, ...props }) => {
65
- const { slots } = useAccordion();
66
- return /* @__PURE__ */ jsx(LucideChevronDown, {
67
- className: cn$1(className, slots.triggerIcon()),
68
- ...props
69
- });
70
- };
71
- const AccordionPanel = ({ className, ...props }) => {
72
- const { slots } = useAccordion();
73
- return /* @__PURE__ */ jsx(Accordion.Panel, {
74
- className: cn$1(className, slots.panel()),
75
- ...props
76
- });
77
- };
78
- const AccordionContent = ({ className, ...props }) => {
79
- const { slots } = useAccordion();
80
- return /* @__PURE__ */ jsx("div", {
81
- className: cn$1(className, slots.content()),
82
- ...props
83
- });
84
- };
85
- var accordion_default = Object.assign(Accordion$1, {
86
- Content: AccordionContent,
87
- Header: AccordionHeader,
88
- Item: AccordionItem,
89
- Panel: AccordionPanel,
90
- Root: Accordion$1,
91
- Trigger: AccordionTrigger,
92
- TriggerIcon: AccordionTriggerIcon
93
- });
94
-
95
- //#endregion
96
- //#region src/components/alert/alert.context.ts
97
- const AlertContext = createContext(null);
98
-
99
- //#endregion
100
- //#region src/components/alert/alert.variants.ts
101
- const alertVariants = tv({
102
- defaultVariants: { variant: "info" },
103
- slots: {
104
- content: "alert__content",
105
- description: "alert__description",
106
- indicator: "alert__indicator",
107
- root: "alert",
108
- title: "alert__title"
109
- },
110
- variants: { variant: {
111
- danger: { root: "alert--danger" },
112
- info: { root: "alert--info" },
113
- primary: { root: "alert--primary" },
114
- success: { root: "alert--success" },
115
- warning: { root: "alert--warning" }
116
- } }
117
- });
118
-
119
- //#endregion
120
- //#region src/components/alert/use-alert.ts
121
- const useAlert = () => {
122
- const context = useContext(AlertContext);
123
- if (!context) throw new Error("useAlert must be used within a AlertProvider");
124
- return context;
125
- };
126
-
127
- //#endregion
128
- //#region src/components/alert/alert.tsx
129
- const Alert = ({ className, variant, ...props }) => {
130
- const slots = useMemo(() => alertVariants({
131
- className,
132
- variant
133
- }), [className, variant]);
134
- return /* @__PURE__ */ jsx(AlertContext, {
135
- value: {
136
- slots,
137
- variant
138
- },
139
- children: /* @__PURE__ */ jsx("div", {
140
- className: cn$1(className, slots.root()),
141
- ...props
142
- })
143
- });
144
- };
145
- const AlertIndicator = ({ className, children, ...props }) => {
146
- const { slots, variant } = useAlert();
147
- const IndicatorIcon = ({ children: children$1 }) => {
148
- if (children$1) return children$1;
149
- switch (variant) {
150
- case "danger": return /* @__PURE__ */ jsx(LucideXCircle, {});
151
- case "success": return /* @__PURE__ */ jsx(LucideCheckCircle, {});
152
- case "warning": return /* @__PURE__ */ jsx(LucideAlertTriangle, {});
153
- default: return /* @__PURE__ */ jsx(LucideInfo, {});
154
- }
155
- };
156
- return /* @__PURE__ */ jsx("div", {
157
- className: cn$1(className, slots.indicator()),
158
- ...props,
159
- children: /* @__PURE__ */ jsx(IndicatorIcon, { children })
160
- });
161
- };
162
- const AlertContent = ({ className, ...props }) => {
163
- const { slots } = useAlert();
164
- return /* @__PURE__ */ jsx("div", {
165
- className: cn$1(className, slots.content()),
166
- ...props
167
- });
168
- };
169
- const AlertTitle = ({ className, ...props }) => {
170
- const { slots } = useAlert();
171
- return /* @__PURE__ */ jsx("div", {
172
- className: cn$1(className, slots.title()),
173
- ...props
174
- });
175
- };
176
- const AlertDescription = ({ className, ...props }) => {
177
- const { slots } = useAlert();
178
- return /* @__PURE__ */ jsx("div", {
179
- className: cn$1(className, slots.description()),
180
- ...props
181
- });
182
- };
183
- var alert_default = Object.assign(Alert, {
184
- Content: AlertContent,
185
- Description: AlertDescription,
186
- Indicator: AlertIndicator,
187
- Root: Alert,
188
- Title: AlertTitle
189
- });
190
-
191
- //#endregion
192
- //#region src/components/alert-dialog/alert-dialog.context.ts
193
- const AlertDialogContext = createContext(null);
194
-
195
- //#endregion
196
- //#region src/components/alert-dialog/alert-dialog.variants.ts
197
- const alertDialogVariants = tv({ slots: {
198
- backdrop: "alert-dialog__backdrop",
199
- close: "alert-dialog__close",
200
- description: "alert-dialog__description",
201
- popup: "alert-dialog__popup",
202
- portal: "alert-dialog__portal",
203
- root: "alert-dialog",
204
- title: "alert-dialog__title",
205
- trigger: "alert-dialog__trigger",
206
- viewport: "alert-dialog__viewport"
207
- } });
208
-
209
- //#endregion
210
- //#region src/components/alert-dialog/use-alert-dialog.ts
211
- const useAlertDialog = () => {
212
- const context = useContext(AlertDialogContext);
213
- if (!context) throw new Error("useAlertDialog must be used within a AlertDialogProvider");
214
- return context;
215
- };
216
-
217
- //#endregion
218
- //#region src/components/alert-dialog/alert-dialog.tsx
219
- const AlertDialog$1 = ({ ...props }) => {
220
- return /* @__PURE__ */ jsx(AlertDialogContext, {
221
- value: { slots: useMemo(() => alertDialogVariants(), []) },
222
- children: /* @__PURE__ */ jsx(AlertDialog.Root, { ...props })
223
- });
224
- };
225
- const AlertDialogTrigger = ({ className, ...props }) => {
226
- const { slots } = useAlertDialog();
227
- return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
228
- className: cn$1(slots.trigger(), className),
229
- ...props
230
- });
231
- };
232
- const AlertDialogPortal = ({ className, ...props }) => {
233
- const { slots } = useAlertDialog();
234
- return /* @__PURE__ */ jsx(AlertDialog.Portal, {
235
- className: cn$1(slots.portal(), className),
236
- ...props
237
- });
238
- };
239
- const AlertDialogBackdrop = ({ className, ...props }) => {
240
- const { slots } = useAlertDialog();
241
- return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
242
- className: cn$1(slots.backdrop(), className),
243
- ...props
244
- });
245
- };
246
- const AlertDialogViewport = ({ className, ...props }) => {
247
- const { slots } = useAlertDialog();
248
- return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
249
- className: cn$1(slots.viewport(), className),
250
- ...props
251
- });
252
- };
253
- const AlertDialogPopup = ({ className, ...props }) => {
254
- const { slots } = useAlertDialog();
255
- return /* @__PURE__ */ jsx(AlertDialog.Popup, {
256
- className: cn$1(slots.popup(), className),
257
- ...props
258
- });
259
- };
260
- const AlertDialogTitle = ({ className, ...props }) => {
261
- const { slots } = useAlertDialog();
262
- return /* @__PURE__ */ jsx(AlertDialog.Title, {
263
- className: cn$1(slots.title(), className),
264
- ...props
265
- });
266
- };
267
- const AlertDialogDescription = ({ className, ...props }) => {
268
- const { slots } = useAlertDialog();
269
- return /* @__PURE__ */ jsx(AlertDialog.Description, {
270
- className: cn$1(slots.description(), className),
271
- ...props
272
- });
273
- };
274
- const AlertDialogClose = ({ className, children, ...props }) => {
275
- const { slots } = useAlertDialog();
276
- return /* @__PURE__ */ jsx(AlertDialog.Close, {
277
- className: cn$1(slots.close(), className),
278
- ...props,
279
- children: children ?? /* @__PURE__ */ jsx(LucideX, {})
280
- });
281
- };
282
- var alert_dialog_default = Object.assign(AlertDialog$1, {
283
- Backdrop: AlertDialogBackdrop,
284
- Close: AlertDialogClose,
285
- Description: AlertDialogDescription,
286
- Popup: AlertDialogPopup,
287
- Portal: AlertDialogPortal,
288
- Root: AlertDialog$1,
289
- Title: AlertDialogTitle,
290
- Trigger: AlertDialogTrigger,
291
- Viewport: AlertDialogViewport
292
- });
293
-
294
- //#endregion
295
- //#region src/components/autocomplete/autocomplete.context.ts
296
- const AutocompleteContext = createContext(null);
297
-
298
- //#endregion
299
- //#region src/components/autocomplete/autocomplete.variants.ts
300
- /** biome-ignore-all assist/source/useSortedKeys: <> */
301
- const autocompleteVariants = tv({ slots: {
302
- root: "autcomplete",
303
- input: "autocomplete__input",
304
- trigger: "autocomplete__trigger",
305
- icon: "autocomplete__icon",
306
- clear: "autocomplete__clear",
307
- value: "autocomplete__value",
308
- portal: "autocomplete__portal",
309
- backdrop: "autocomplete__backdrop",
310
- positioner: "autocomplete__positioner",
311
- popup: "autocomplete__popup",
312
- arrow: "autocomplete__arrow",
313
- status: "autocomplete__status",
314
- empty: "autocomplete__empty",
315
- list: "autocomplete__list",
316
- row: "autocomplete__row",
317
- item: "autocomplete__item",
318
- separator: "autocomplete__separator",
319
- group: "autocomplete__group",
320
- groupLabel: "autocomplete__group-label"
321
- } });
322
-
323
- //#endregion
324
- //#region src/components/autocomplete/use-autocomplete.ts
325
- const useAutocomplete = () => {
326
- const context = useContext(AutocompleteContext);
327
- if (!context) throw new Error("useAutocomplete must be used within a AutocompleteProvider");
328
- return context;
329
- };
330
-
331
- //#endregion
332
- //#region src/components/autocomplete/autocomplete.tsx
333
- const Autocomplete$1 = ({ ...props }) => {
334
- return /* @__PURE__ */ jsx(AutocompleteContext, {
335
- value: { slots: useMemo(() => autocompleteVariants(), []) },
336
- children: /* @__PURE__ */ jsx(Autocomplete.Root, { ...props })
337
- });
338
- };
339
- const AutocompleteTrigger = ({ className, ...props }) => {
340
- const { slots } = useAutocomplete();
341
- return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
342
- className: cn$1(slots.trigger(), className),
343
- ...props
344
- });
345
- };
346
- const AutocompleteInput = ({ className, ...props }) => {
347
- const { slots } = useAutocomplete();
348
- return /* @__PURE__ */ jsx(Autocomplete.Input, {
349
- className: cn$1(slots.input(), className),
350
- ...props
351
- });
352
- };
353
- const AutocompleteIcon = ({ className, ...props }) => {
354
- const { slots } = useAutocomplete();
355
- return /* @__PURE__ */ jsx(Autocomplete.Icon, {
356
- className: cn$1(slots.icon(), className),
357
- ...props
358
- });
359
- };
360
- const AutocompleteClear = ({ className, ...props }) => {
361
- const { slots } = useAutocomplete();
362
- return /* @__PURE__ */ jsx(Autocomplete.Clear, {
363
- className: cn$1(slots.clear(), className),
364
- ...props
365
- });
366
- };
367
- const AutocompleteValue = ({ ...props }) => {
368
- return /* @__PURE__ */ jsx(Autocomplete.Value, { ...props });
369
- };
370
- const AutocompletePortal = ({ className, ...props }) => {
371
- const { slots } = useAutocomplete();
372
- return /* @__PURE__ */ jsx(Autocomplete.Portal, {
373
- className: cn$1(slots.portal(), className),
374
- ...props
375
- });
376
- };
377
- const AutocompleteBackdrop = ({ className, ...props }) => {
378
- const { slots } = useAutocomplete();
379
- return /* @__PURE__ */ jsx(Autocomplete.Backdrop, {
380
- className: cn$1(slots.backdrop(), className),
381
- ...props
382
- });
383
- };
384
- const AutocompletePositioner = ({ className, ...props }) => {
385
- const { slots } = useAutocomplete();
386
- return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
387
- className: cn$1(slots.positioner(), className),
388
- ...props
389
- });
390
- };
391
- const AutocompletePopup = ({ className, ...props }) => {
392
- const { slots } = useAutocomplete();
393
- return /* @__PURE__ */ jsx(Autocomplete.Popup, {
394
- className: cn$1(slots.popup(), className),
395
- ...props
396
- });
397
- };
398
- const AutocompleteArrow = ({ className, ...props }) => {
399
- const { slots } = useAutocomplete();
400
- return /* @__PURE__ */ jsx(Autocomplete.Arrow, {
401
- className: cn$1(slots.arrow(), className),
402
- ...props
403
- });
404
- };
405
- const AutocompleteStatus = ({ className, ...props }) => {
406
- const { slots } = useAutocomplete();
407
- return /* @__PURE__ */ jsx(Autocomplete.Status, {
408
- className: cn$1(slots.status(), className),
409
- ...props
410
- });
411
- };
412
- const AutocompleteEmpty = ({ className, ...props }) => {
413
- const { slots } = useAutocomplete();
414
- return /* @__PURE__ */ jsx(Autocomplete.Empty, {
415
- className: cn$1(slots.empty(), className),
416
- ...props
417
- });
418
- };
419
- const AutocompleteList = ({ className, ...props }) => {
420
- const { slots } = useAutocomplete();
421
- return /* @__PURE__ */ jsx(Autocomplete.List, {
422
- className: cn$1(slots.list(), className),
423
- ...props
424
- });
425
- };
426
- const AutocompleteRow = ({ className, ...props }) => {
427
- const { slots } = useAutocomplete();
428
- return /* @__PURE__ */ jsx(Autocomplete.Row, {
429
- className: cn$1(slots.row(), className),
430
- ...props
431
- });
432
- };
433
- const AutocompleteItem = ({ className, ...props }) => {
434
- const { slots } = useAutocomplete();
435
- return /* @__PURE__ */ jsx(Autocomplete.Item, {
436
- className: cn$1(slots.item(), className),
437
- ...props
438
- });
439
- };
440
- const AutocompleteSeparator = ({ className, ...props }) => {
441
- const { slots } = useAutocomplete();
442
- return /* @__PURE__ */ jsx(Autocomplete.Separator, {
443
- className: cn$1(slots.separator(), className),
444
- ...props
445
- });
446
- };
447
- const AutocompleteGroup = ({ className, ...props }) => {
448
- const { slots } = useAutocomplete();
449
- return /* @__PURE__ */ jsx(Autocomplete.Group, {
450
- className: cn$1(slots.group(), className),
451
- ...props
452
- });
453
- };
454
- const AutocompleteGroupLabel = ({ className, ...props }) => {
455
- const { slots } = useAutocomplete();
456
- return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
457
- className: cn$1(slots.groupLabel(), className),
458
- ...props
459
- });
460
- };
461
- var autocomplete_default = Object.assign(Autocomplete$1, {
462
- Arrow: AutocompleteArrow,
463
- Backdrop: AutocompleteBackdrop,
464
- Clear: AutocompleteClear,
465
- Empty: AutocompleteEmpty,
466
- Group: AutocompleteGroup,
467
- GroupLabel: AutocompleteGroupLabel,
468
- Icon: AutocompleteIcon,
469
- Input: AutocompleteInput,
470
- Item: AutocompleteItem,
471
- List: AutocompleteList,
472
- Popup: AutocompletePopup,
473
- Portal: AutocompletePortal,
474
- Positioner: AutocompletePositioner,
475
- Root: Autocomplete$1,
476
- Row: AutocompleteRow,
477
- Separator: AutocompleteSeparator,
478
- Status: AutocompleteStatus,
479
- Trigger: AutocompleteTrigger,
480
- Value: AutocompleteValue
481
- });
482
-
483
- //#endregion
484
- //#region src/components/avatar/avatar.context.ts
485
- const AvatarContext = createContext(null);
486
-
487
- //#endregion
488
- //#region src/components/avatar/avatar.variants.ts
489
- const avatarVariants = tv({
490
- defaultVariants: { size: "md" },
491
- slots: {
492
- fallback: "avatar__fallback",
493
- image: "avatar__image",
494
- root: "avatar"
495
- },
496
- variants: { size: {
497
- lg: { root: "avatar--lg" },
498
- md: { root: "avatar--md" },
499
- sm: { root: "avatar--sm" }
500
- } }
501
- });
502
-
503
- //#endregion
504
- //#region src/components/avatar/use-avatar.ts
505
- const useAvatar = () => {
506
- const ctx = useContext(AvatarContext);
507
- if (!ctx) throw new Error("useAvatar must be used within the Avatar component.");
508
- return ctx;
509
- };
510
-
511
- //#endregion
512
- //#region src/components/avatar/avatar.tsx
513
- const Avatar$1 = ({ className, size, ...props }) => {
514
- const slots = useMemo(() => avatarVariants({ size }), [size]);
515
- return /* @__PURE__ */ jsx(AvatarContext.Provider, {
516
- value: { slots },
517
- children: /* @__PURE__ */ jsx(Avatar.Root, {
518
- className: cn$1(className, slots.root()),
519
- ...props
520
- })
521
- });
522
- };
523
- const AvatarImage = ({ className, ...props }) => {
524
- const { slots } = useAvatar();
525
- return /* @__PURE__ */ jsx(Avatar.Image, {
526
- className: cn$1(className, slots.image()),
527
- ...props
528
- });
529
- };
530
- const AvatarFallback = ({ className, ...props }) => {
531
- const { slots } = useAvatar();
532
- return /* @__PURE__ */ jsx(Avatar.Fallback, {
533
- className: cn$1(className, slots.fallback()),
534
- ...props
535
- });
536
- };
537
- var avatar_default = Object.assign(Avatar$1, {
538
- Fallback: AvatarFallback,
539
- Image: AvatarImage,
540
- Root: Avatar$1
541
- });
542
-
543
- //#endregion
544
- //#region src/components/button/button.variants.ts
545
- const buttonVariants = tv({
546
- base: "button",
547
- defaultVariants: {
548
- isIconOnly: false,
549
- size: "md",
550
- variant: "primary"
551
- },
552
- variants: {
553
- isIconOnly: { true: "button--icon-only" },
554
- size: {
555
- lg: "button--lg",
556
- md: "button--md",
557
- sm: "button--sm"
558
- },
559
- variant: {
560
- danger: "button--danger",
561
- ghost: "button--ghost",
562
- outline: "button--outline",
563
- primary: "button--primary",
564
- secondary: "button--secondary"
565
- }
566
- }
567
- });
568
-
569
- //#endregion
570
- //#region src/components/button/button.tsx
571
- const Button$1 = ({ className, variant, size, isIconOnly, ...props }) => {
572
- return /* @__PURE__ */ jsx(Button, {
573
- className: cn$1(buttonVariants({
574
- isIconOnly,
575
- size,
576
- variant
577
- }), className),
578
- ...props
579
- });
580
- };
581
- var button_default = Button$1;
582
-
583
- //#endregion
584
- //#region src/components/button-group/button-group.variants.ts
585
- const buttonGroupVariants = tv({ base: "button-group" });
586
-
587
- //#endregion
588
- //#region src/components/button-group/button-group.tsx
589
- const ButtonGroup = ({ className, ...props }) => {
590
- return /* @__PURE__ */ jsx("div", {
591
- className: cn$1(className, buttonGroupVariants()),
592
- ...props
593
- });
594
- };
595
- var button_group_default = ButtonGroup;
596
-
597
- //#endregion
598
- //#region src/components/card/card.context.ts
599
- const CardContext = createContext(null);
600
-
601
- //#endregion
602
- //#region src/components/card/card.variants.ts
603
- const cardVariants = tv({
604
- defaultVariants: { variant: "default" },
605
- slots: {
606
- content: "card__content",
607
- description: "card__description",
608
- header: "card__header",
609
- root: "card",
610
- title: "card__title"
611
- },
612
- variants: { variant: {
613
- default: { root: "card--default" },
614
- transparent: { root: "card--transparent" }
615
- } }
616
- });
617
-
618
- //#endregion
619
- //#region src/components/card/use-card.ts
620
- const useCard = () => {
621
- const ctx = useContext(CardContext);
622
- if (!ctx) throw new Error("CardContext must be used with in the Card component.");
623
- return ctx;
624
- };
625
-
626
- //#endregion
627
- //#region src/components/card/card.tsx
628
- const Card = ({ className, variant, ...props }) => {
629
- const slots = useMemo(() => cardVariants({ variant }), [variant]);
630
- console.log(slots);
631
- return /* @__PURE__ */ jsx(CardContext.Provider, {
632
- value: { slots },
633
- children: /* @__PURE__ */ jsx("div", {
634
- className: cn$1(className, slots.root()),
635
- ...props
636
- })
637
- });
638
- };
639
- const CardHeader = ({ className, ...props }) => {
640
- const { slots } = useCard();
641
- return /* @__PURE__ */ jsx("div", {
642
- className: cn$1(className, slots.header()),
643
- ...props
644
- });
645
- };
646
- const CardContent = ({ className, ...props }) => {
647
- const { slots } = useCard();
648
- return /* @__PURE__ */ jsx("div", {
649
- className: cn$1(className, slots.content()),
650
- ...props
651
- });
652
- };
653
- const CardTitle = ({ className, ...props }) => {
654
- const { slots } = useCard();
655
- return /* @__PURE__ */ jsx("h2", {
656
- className: cn$1(className, slots.title()),
657
- ...props
658
- });
659
- };
660
- const CardDescription = ({ className, ...props }) => {
661
- const { slots } = useCard();
662
- return /* @__PURE__ */ jsx("p", {
663
- className: cn$1(className, slots.description()),
664
- ...props
665
- });
666
- };
667
- /** Exports */
668
- var card_default = Object.assign(Card, {
669
- Content: CardContent,
670
- Description: CardDescription,
671
- Header: CardHeader,
672
- Root: Card,
673
- Title: CardTitle
674
- });
675
-
676
- //#endregion
677
- //#region src/components/checkbox/checkbox.context.ts
678
- const CheckboxContext = createContext(null);
679
-
680
- //#endregion
681
- //#region src/components/checkbox/checkbox.variants.ts
682
- const checkboxVariants = tv({ slots: {
683
- indicator: "checkbox__indicator",
684
- root: "checkbox"
685
- } });
686
-
687
- //#endregion
688
- //#region src/components/checkbox/use-checkbox.ts
689
- const useCheckbox = () => {
690
- const context = useContext(CheckboxContext);
691
- if (!context) throw new Error("useCheckbox must be used within a CheckboxProvider");
692
- return context;
693
- };
694
-
695
- //#endregion
696
- //#region src/components/checkbox/checkbox.tsx
697
- const Checkbox$1 = ({ className, ...props }) => {
698
- const slots = useMemo(() => checkboxVariants({}), []);
699
- return /* @__PURE__ */ jsx(CheckboxContext, {
700
- value: { slots },
701
- children: /* @__PURE__ */ jsx(Checkbox.Root, {
702
- className: cn$1(className, slots.root()),
703
- ...props
704
- })
705
- });
706
- };
707
- const CheckboxIndicator = ({ className, children, ...props }) => {
708
- const { slots } = useCheckbox();
709
- return /* @__PURE__ */ jsx(Checkbox.Indicator, {
710
- className: cn$1(className, slots.indicator()),
711
- ...props,
712
- children: children ?? /* @__PURE__ */ jsx(LucideCheck, {})
713
- });
714
- };
715
- var checkbox_default = Object.assign(Checkbox$1, {
716
- Indicator: CheckboxIndicator,
717
- Root: Checkbox$1
718
- });
719
-
720
- //#endregion
721
- //#region src/components/checkbox-group/checkbox-group.variants.ts
722
- const checkboxGroupVariants = tv({ base: "checkbox-group" });
723
-
724
- //#endregion
725
- //#region src/components/checkbox-group/checkbox-group.tsx
726
- const CheckboxGroup$1 = ({ className, ...props }) => {
727
- return /* @__PURE__ */ jsx(CheckboxGroup, {
728
- className: cn$1(className, checkboxGroupVariants()),
729
- ...props
730
- });
731
- };
732
- var checkbox_group_default = CheckboxGroup$1;
733
-
734
- //#endregion
735
- //#region src/components/chip/chip.variants.ts
736
- const chipVariants = tv({
737
- base: "chip",
738
- defaultVariants: {
739
- size: "md",
740
- variant: "primary"
741
- },
742
- variants: {
743
- size: {
744
- lg: "chip--lg",
745
- md: "chip--md",
746
- sm: "chip--sm"
747
- },
748
- variant: {
749
- danger: "chip--danger",
750
- outline: "chip--outline",
751
- primary: "chip--primary",
752
- secondary: "chip--secondary",
753
- success: "chip--success"
754
- }
755
- }
756
- });
757
-
758
- //#endregion
759
- //#region src/components/chip/chip.tsx
760
- const Chip = ({ className, variant, size, ...props }) => {
761
- return /* @__PURE__ */ jsx("span", {
762
- className: cn$1(className, chipVariants({
763
- size,
764
- variant
765
- })),
766
- ...props
767
- });
768
- };
769
- var chip_default = Chip;
770
-
771
- //#endregion
772
- //#region src/components/collapsible/collapsible.context.ts
773
- const CollapsibleContext = createContext(null);
774
-
775
- //#endregion
776
- //#region src/components/collapsible/collapsible.variants.ts
777
- const collapsibleVariants = tv({ slots: {
778
- content: "collapsible__content",
779
- panel: "collapsible__panel",
780
- root: "collapsible",
781
- trigger: "collapsible__trigger",
782
- triggerIcon: "collapsible__trigger-icon"
783
- } });
784
-
785
- //#endregion
786
- //#region src/components/collapsible/use-collapsible.ts
787
- const useCollapsible = () => {
788
- const context = useContext(CollapsibleContext);
789
- if (!context) throw new Error("useCollapsible must be used within a CollapsibleProvider");
790
- return context;
791
- };
792
-
793
- //#endregion
794
- //#region src/components/collapsible/collapsible.tsx
795
- const Collapsible$1 = ({ className, ...props }) => {
796
- const slots = useMemo(() => collapsibleVariants({}), []);
797
- return /* @__PURE__ */ jsx(CollapsibleContext, {
798
- value: { slots },
799
- children: /* @__PURE__ */ jsx(Collapsible.Root, {
800
- className: cn$1(className, slots.root()),
801
- ...props
802
- })
803
- });
804
- };
805
- const CollapsibleTrigger = ({ className, children, ...props }) => {
806
- const { slots } = useCollapsible();
807
- return /* @__PURE__ */ jsx(Collapsible.Trigger, {
808
- className: cn$1(className, slots.trigger()),
809
- ...props,
810
- children
811
- });
812
- };
813
- const CollapsibleTriggerIcon = ({ className, ...props }) => {
814
- const { slots } = useCollapsible();
815
- return /* @__PURE__ */ jsx(LucideChevronDown, {
816
- className: cn$1(className, slots.triggerIcon()),
817
- ...props
818
- });
819
- };
820
- const CollapsiblePanel = ({ className, children, ...props }) => {
821
- const { slots } = useCollapsible();
822
- return /* @__PURE__ */ jsx(Collapsible.Panel, {
823
- className: cn$1(className, slots.panel()),
824
- ...props,
825
- children
826
- });
827
- };
828
- const CollapsibleContent = ({ className, ...props }) => {
829
- const { slots } = useCollapsible();
830
- return /* @__PURE__ */ jsx("div", {
831
- className: cn$1(className, slots.content()),
832
- ...props
833
- });
834
- };
835
- var collapsible_default = Object.assign(Collapsible$1, {
836
- Content: CollapsibleContent,
837
- Panel: CollapsiblePanel,
838
- Root: Collapsible$1,
839
- Trigger: CollapsibleTrigger,
840
- TriggerIcon: CollapsibleTriggerIcon
841
- });
842
-
843
- //#endregion
844
- //#region src/components/combobox/combobox.context.ts
845
- const ComboboxContext = createContext(null);
846
-
847
- //#endregion
848
- //#region src/components/combobox/combobox.variants.ts
849
- /** biome-ignore-all assist/source/useSortedKeys: believe me its better */
850
- const comboboxVariants = tv({ slots: {
851
- root: "combobox",
852
- input: "combobox__input",
853
- trigger: "combobox__trigger",
854
- icon: "combobox__icon",
855
- clear: "combobox__clear",
856
- value: "combobox__value",
857
- chips: "combobox__chips",
858
- chip: "combobox__chip",
859
- chipRemove: "combobox__chip-remove",
860
- portal: "combobox__portal",
861
- backdrop: "combobox__backdrop",
862
- positioner: "combobox__positioner",
863
- popup: "combobox__popup",
864
- arrow: "combobox__arrow",
865
- status: "combobox__status",
866
- empty: "combobox__empty",
867
- list: "combobox__list",
868
- row: "combobox__row",
869
- item: "combobox__item",
870
- itemIndicator: "combobox__item-indicator",
871
- separator: "combobox__separator",
872
- group: "combobox__group",
873
- groupLabel: "combobox__group-label"
874
- } });
875
-
876
- //#endregion
877
- //#region src/components/combobox/use-combobox.ts
878
- const useCombobox = () => {
879
- const context = useContext(ComboboxContext);
880
- if (!context) throw new Error("useCombobox must be used within a ComboboxProvider");
881
- return context;
882
- };
883
-
884
- //#endregion
885
- //#region src/components/combobox/combobox.tsx
886
- const Combobox$1 = ({ ...props }) => {
887
- const slots = useMemo(() => comboboxVariants(), []);
888
- return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
889
- value: { slots },
890
- children: /* @__PURE__ */ jsx(Combobox.Root, { ...props })
891
- });
892
- };
893
- const ComboboxInput = ({ className, ...props }) => {
894
- const { slots } = useCombobox();
895
- return /* @__PURE__ */ jsx(Combobox.Input, {
896
- className: cn$1(slots.input(), className),
897
- ...props
898
- });
899
- };
900
- const ComboboxTrigger = ({ className, children, ...props }) => {
901
- const { slots } = useCombobox();
902
- return /* @__PURE__ */ jsxs(Combobox.Trigger, {
903
- className: cn$1(slots.trigger(), className),
904
- ...props,
905
- children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
906
- className: slots.icon(),
907
- children: /* @__PURE__ */ jsx(ChevronDown, {})
908
- })]
909
- });
910
- };
911
- const ComboboxValue = ({ ...props }) => {
912
- const { slots } = useCombobox();
913
- return /* @__PURE__ */ jsx("div", {
914
- className: cn$1(slots.value()),
915
- ...props
916
- });
917
- };
918
- const ComboboxClear = ({ className, ...props }) => {
919
- const { slots } = useCombobox();
920
- return /* @__PURE__ */ jsx(Combobox.Clear, {
921
- className: cn$1(slots.clear(), className),
922
- ...props,
923
- children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
924
- });
925
- };
926
- const ComboboxChips = ({ className, ...props }) => {
927
- const { slots } = useCombobox();
928
- return /* @__PURE__ */ jsx(Combobox.Chips, {
929
- className: cn$1(slots.chips(), className),
930
- ...props
931
- });
932
- };
933
- const ComboboxChip = ({ className, children, ...props }) => {
934
- const { slots } = useCombobox();
935
- return /* @__PURE__ */ jsxs(Combobox.Chip, {
936
- className: cn$1(slots.chip(), className),
937
- ...props,
938
- children: [children, /* @__PURE__ */ jsx(Combobox.ChipRemove, { className: slots.chipRemove() })]
939
- });
940
- };
941
- const ComboboxChipRemove = ({ className, ...props }) => {
942
- const { slots } = useCombobox();
943
- return /* @__PURE__ */ jsx(Combobox.ChipRemove, {
944
- className: cn$1(slots.chipRemove(), className),
945
- ...props
946
- });
947
- };
948
- const ComboboxPortal = ({ ...props }) => {
949
- return /* @__PURE__ */ jsx(Combobox.Portal, { ...props });
950
- };
951
- const ComboboxBackdrop = ({ className, ...props }) => {
952
- const { slots } = useCombobox();
953
- return /* @__PURE__ */ jsx(Combobox.Backdrop, {
954
- className: cn$1(slots.backdrop(), className),
955
- ...props
956
- });
957
- };
958
- const ComboboxPositioner = ({ className, ...props }) => {
959
- const { slots } = useCombobox();
960
- return /* @__PURE__ */ jsx(Combobox.Positioner, {
961
- className: cn$1(slots.positioner(), className),
962
- ...props
963
- });
964
- };
965
- const ComboboxPopup = ({ className, ...props }) => {
966
- const { slots } = useCombobox();
967
- return /* @__PURE__ */ jsx(Combobox.Popup, {
968
- className: cn$1(slots.popup(), className),
969
- ...props
970
- });
971
- };
972
- const ComboboxArrow = ({ className, ...props }) => {
973
- const { slots } = useCombobox();
974
- return /* @__PURE__ */ jsx(Combobox.Arrow, {
975
- className: cn$1(slots.arrow(), className),
976
- ...props
977
- });
978
- };
979
- const ComboboxStatus = ({ className, ...props }) => {
980
- const { slots } = useCombobox();
981
- return /* @__PURE__ */ jsx(Combobox.Status, {
982
- className: cn$1(slots.status(), className),
983
- ...props
984
- });
985
- };
986
- const ComboboxEmpty = ({ className, ...props }) => {
987
- const { slots } = useCombobox();
988
- return /* @__PURE__ */ jsx(Combobox.Empty, {
989
- className: cn$1(slots.empty(), className),
990
- ...props
991
- });
992
- };
993
- const ComboboxList = ({ className, ...props }) => {
994
- const { slots } = useCombobox();
995
- return /* @__PURE__ */ jsx(Combobox.List, {
996
- className: cn$1(slots.list(), className),
997
- ...props
998
- });
999
- };
1000
- const ComboboxRow = ({ className, ...props }) => {
1001
- const { slots } = useCombobox();
1002
- return /* @__PURE__ */ jsx(Combobox.Row, {
1003
- className: cn$1(slots.row(), className),
1004
- ...props
1005
- });
1006
- };
1007
- const ComboboxItemIndicator = ({ className, children, ...props }) => {
1008
- const { slots } = useCombobox();
1009
- return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
1010
- className: cn$1(slots.itemIndicator(), className),
1011
- ...props,
1012
- children: children ?? /* @__PURE__ */ jsx(Check, {})
1013
- });
1014
- };
1015
- const ComboboxItem = ({ className, children, ...props }) => {
1016
- const { slots } = useCombobox();
1017
- return /* @__PURE__ */ jsxs(Combobox.Item, {
1018
- className: cn$1(slots.item(), className),
1019
- ...props,
1020
- children: [/* @__PURE__ */ jsx(ComboboxItemIndicator, {}), children]
1021
- });
1022
- };
1023
- const ComboboxSeparator = ({ className, ...props }) => {
1024
- const { slots } = useCombobox();
1025
- return /* @__PURE__ */ jsx(Combobox.Separator, {
1026
- className: cn$1(slots.separator(), className),
1027
- ...props
1028
- });
1029
- };
1030
- const ComboboxGroup = ({ className, ...props }) => {
1031
- const { slots } = useCombobox();
1032
- return /* @__PURE__ */ jsx(Combobox.Group, {
1033
- className: cn$1(slots.group(), className),
1034
- ...props
1035
- });
1036
- };
1037
- const ComboboxGroupLabel = ({ className, ...props }) => {
1038
- const { slots } = useCombobox();
1039
- return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
1040
- className: cn$1(slots.groupLabel(), className),
1041
- ...props
1042
- });
1043
- };
1044
- var combobox_default = Object.assign(Combobox$1, {
1045
- Arrow: ComboboxArrow,
1046
- Backdrop: ComboboxBackdrop,
1047
- Chip: ComboboxChip,
1048
- ChipRemove: ComboboxChipRemove,
1049
- Chips: ComboboxChips,
1050
- Clear: ComboboxClear,
1051
- Empty: ComboboxEmpty,
1052
- Group: ComboboxGroup,
1053
- GroupLabel: ComboboxGroupLabel,
1054
- Input: ComboboxInput,
1055
- Item: ComboboxItem,
1056
- ItemIndicator: ComboboxItemIndicator,
1057
- List: ComboboxList,
1058
- Popup: ComboboxPopup,
1059
- Portal: ComboboxPortal,
1060
- Positioner: ComboboxPositioner,
1061
- Root: Combobox$1,
1062
- Row: ComboboxRow,
1063
- Separator: ComboboxSeparator,
1064
- Status: ComboboxStatus,
1065
- Trigger: ComboboxTrigger,
1066
- Value: ComboboxValue
1067
- });
1068
-
1069
- //#endregion
1070
- //#region src/components/container/container.variants.ts
1071
- const containerVariants = tv({ base: "container" });
1072
-
1073
- //#endregion
1074
- //#region src/components/container/container.tsx
1075
- const Container = ({ className, ...props }) => {
1076
- return /* @__PURE__ */ jsx("div", {
1077
- className: cn$1(className, containerVariants()),
1078
- ...props
1079
- });
1080
- };
1081
- var container_default = Container;
1082
-
1083
- //#endregion
1084
- //#region src/components/context-menu/context-menu.context.ts
1085
- const ContextMenuContext = createContext(null);
1086
-
1087
- //#endregion
1088
- //#region src/components/context-menu/context-menu.variants.ts
1089
- /** biome-ignore-all assist/source/useSortedKeys: <> */
1090
- const contextMenuVariants = tv({ slots: {
1091
- root: "context-menu",
1092
- trigger: "context-menu__trigger",
1093
- portal: "context-menu__portal",
1094
- backdrop: "context-menu__backdrop",
1095
- positioner: "context-menu__positioner",
1096
- popup: "context-menu__popup",
1097
- arrow: "context-menu__arrow",
1098
- item: "context-menu__item",
1099
- separator: "context-menu__separator",
1100
- group: "context-menu__group",
1101
- groupLabel: "context-menu__group-label",
1102
- submenu: "context-menu__submenu",
1103
- submenuTrigger: "context-menu__submenu-trigger"
1104
- } });
1105
-
1106
- //#endregion
1107
- //#region src/components/context-menu/use-context-menu.ts
1108
- const useContextMenu = () => {
1109
- const context = useContext(ContextMenuContext);
1110
- if (!context) throw new Error("useContextMenu must be used within a ContextMenuProvider");
1111
- return context;
1112
- };
1113
-
1114
- //#endregion
1115
- //#region src/components/context-menu/context-menu.tsx
1116
- const ContextMenu$1 = ({ ...props }) => {
1117
- const slots = useMemo(() => contextMenuVariants(), []);
1118
- return /* @__PURE__ */ jsx(ContextMenuContext.Provider, {
1119
- value: { slots },
1120
- children: /* @__PURE__ */ jsx(ContextMenu.Root, { ...props })
1121
- });
1122
- };
1123
- const ContextMenuTrigger = ({ className, ...props }) => {
1124
- const { slots } = useContextMenu();
1125
- return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
1126
- className: cn$1(slots.trigger(), className),
1127
- ...props
1128
- });
1129
- };
1130
- const ContextMenuPortal = ({ className, ...props }) => {
1131
- const { slots } = useContextMenu();
1132
- return /* @__PURE__ */ jsx(ContextMenu.Portal, {
1133
- className: cn$1(slots.portal(), className),
1134
- ...props
1135
- });
1136
- };
1137
- const ContextMenuBackdrop = ({ className, ...props }) => {
1138
- const { slots } = useContextMenu();
1139
- return /* @__PURE__ */ jsx(ContextMenu.Backdrop, {
1140
- className: cn$1(slots.backdrop(), className),
1141
- ...props
1142
- });
1143
- };
1144
- const ContextMenuPositioner = ({ className, ...props }) => {
1145
- const { slots } = useContextMenu();
1146
- return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
1147
- className: cn$1(slots.positioner(), className),
1148
- ...props
1149
- });
1150
- };
1151
- const ContextMenuPopup = ({ className, ...props }) => {
1152
- const { slots } = useContextMenu();
1153
- return /* @__PURE__ */ jsx(ContextMenu.Popup, {
1154
- className: cn$1(slots.popup(), className),
1155
- ...props
1156
- });
1157
- };
1158
- const ContextMenuArrow = ({ className, ...props }) => {
1159
- const { slots } = useContextMenu();
1160
- return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
1161
- className: cn$1(slots.arrow(), className),
1162
- ...props
1163
- });
1164
- };
1165
- const ContextMenuItem = ({ className, ...props }) => {
1166
- const { slots } = useContextMenu();
1167
- return /* @__PURE__ */ jsx(ContextMenu.Item, {
1168
- className: cn$1(slots.item(), className),
1169
- ...props
1170
- });
1171
- };
1172
- const ContextMenuSeparator = ({ className, ...props }) => {
1173
- const { slots } = useContextMenu();
1174
- return /* @__PURE__ */ jsx(ContextMenu.Separator, {
1175
- className: cn$1(slots.separator(), className),
1176
- ...props
1177
- });
1178
- };
1179
- const ContextMenuGroup = ({ className, ...props }) => {
1180
- const { slots } = useContextMenu();
1181
- return /* @__PURE__ */ jsx(ContextMenu.Group, {
1182
- className: cn$1(slots.group(), className),
1183
- ...props
1184
- });
1185
- };
1186
- const ContextMenuGroupLabel = ({ className, ...props }) => {
1187
- const { slots } = useContextMenu();
1188
- return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
1189
- className: cn$1(slots.groupLabel(), className),
1190
- ...props
1191
- });
1192
- };
1193
- const ContextMenuSubmenu = ({ ...props }) => {
1194
- return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
1195
- };
1196
- const ContextMenuSubmenuTrigger = ({ className, children, ...props }) => {
1197
- const { slots } = useContextMenu();
1198
- return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
1199
- className: cn$1(slots.submenuTrigger(), className),
1200
- ...props,
1201
- children
1202
- });
1203
- };
1204
- var context_menu_default = Object.assign(ContextMenu$1, {
1205
- Arrow: ContextMenuArrow,
1206
- Backdrop: ContextMenuBackdrop,
1207
- Group: ContextMenuGroup,
1208
- GroupLabel: ContextMenuGroupLabel,
1209
- Item: ContextMenuItem,
1210
- Popup: ContextMenuPopup,
1211
- Portal: ContextMenuPortal,
1212
- Positioner: ContextMenuPositioner,
1213
- Root: ContextMenu$1,
1214
- Separator: ContextMenuSeparator,
1215
- SubmenuRoot: ContextMenuSubmenu,
1216
- SubmenuTrigger: ContextMenuSubmenuTrigger,
1217
- Trigger: ContextMenuTrigger
1218
- });
1219
-
1220
- //#endregion
1221
- //#region src/components/dialog/dialog.context.ts
1222
- const DialogContext = createContext(null);
1223
-
1224
- //#endregion
1225
- //#region src/components/dialog/dialog.variants.ts
1226
- const dialogVariants = tv({ slots: {
1227
- backdrop: "dialog__backdrop",
1228
- close: "dialog__close",
1229
- description: "dialog__description",
1230
- popup: "dialog__popup",
1231
- portal: "dialog__portal",
1232
- root: "dialog",
1233
- title: "dialog__title",
1234
- trigger: "dialog__trigger",
1235
- viewport: "dialog__viewport"
1236
- } });
1237
-
1238
- //#endregion
1239
- //#region src/components/dialog/use-dialog.ts
1240
- const useDialog = () => {
1241
- const context = useContext(DialogContext);
1242
- if (!context) throw new Error("useDialog must be used within a DialogProvider");
1243
- return context;
1244
- };
1245
-
1246
- //#endregion
1247
- //#region src/components/dialog/dialog.tsx
1248
- const Dialog$1 = ({ ...props }) => {
1249
- const slots = useMemo(() => dialogVariants(), []);
1250
- return /* @__PURE__ */ jsx(DialogContext.Provider, {
1251
- value: { slots },
1252
- children: /* @__PURE__ */ jsx(Dialog.Root, { ...props })
1253
- });
1254
- };
1255
- const DialogTrigger = ({ className, ...props }) => {
1256
- const { slots } = useDialog();
1257
- return /* @__PURE__ */ jsx(Dialog.Trigger, {
1258
- className: cn$1(slots.trigger(), className),
1259
- ...props
1260
- });
1261
- };
1262
- const DialogPortal = ({ className, ...props }) => {
1263
- const { slots } = useDialog();
1264
- return /* @__PURE__ */ jsx(Dialog.Portal, {
1265
- className: cn$1(slots.portal(), className),
1266
- ...props
1267
- });
1268
- };
1269
- const DialogBackdrop = ({ className, ...props }) => {
1270
- const { slots } = useDialog();
1271
- return /* @__PURE__ */ jsx(Dialog.Backdrop, {
1272
- className: cn$1(slots.backdrop(), className),
1273
- ...props
1274
- });
1275
- };
1276
- const DialogViewport = ({ className, ...props }) => {
1277
- const { slots } = useDialog();
1278
- return /* @__PURE__ */ jsx(Dialog.Viewport, {
1279
- className: cn$1(slots.viewport(), className),
1280
- ...props
1281
- });
1282
- };
1283
- const DialogPopup = ({ className, ...props }) => {
1284
- const { slots } = useDialog();
1285
- return /* @__PURE__ */ jsx(Dialog.Popup, {
1286
- className: cn$1(slots.popup(), className),
1287
- ...props
1288
- });
1289
- };
1290
- const DialogTitle = ({ className, ...props }) => {
1291
- const { slots } = useDialog();
1292
- return /* @__PURE__ */ jsx(Dialog.Title, {
1293
- className: cn$1(slots.title(), className),
1294
- ...props
1295
- });
1296
- };
1297
- const DialogDescription = ({ className, ...props }) => {
1298
- const { slots } = useDialog();
1299
- return /* @__PURE__ */ jsx(Dialog.Description, {
1300
- className: cn$1(slots.description(), className),
1301
- ...props
1302
- });
1303
- };
1304
- const DialogClose = ({ className, ...props }) => {
1305
- const { slots } = useDialog();
1306
- return /* @__PURE__ */ jsx(Dialog.Close, {
1307
- className: cn$1(slots.close(), className),
1308
- ...props,
1309
- children: /* @__PURE__ */ jsx(LucideX, {})
1310
- });
1311
- };
1312
- var dialog_default = Object.assign(Dialog$1, {
1313
- Backdrop: DialogBackdrop,
1314
- Close: DialogClose,
1315
- Description: DialogDescription,
1316
- Popup: DialogPopup,
1317
- Portal: DialogPortal,
1318
- Root: Dialog$1,
1319
- Title: DialogTitle,
1320
- Trigger: DialogTrigger,
1321
- Viewport: DialogViewport
1322
- });
1323
-
1324
- //#endregion
1325
- //#region src/components/drawer/drawer.context.ts
1326
- const DrawerContext = createContext(null);
1327
-
1328
- //#endregion
1329
- //#region src/components/drawer/drawer.variants.ts
1330
- const drawerVariants = tv({
1331
- defaultVariants: { position: "left" },
1332
- slots: {
1333
- backdrop: "drawer__backdrop",
1334
- close: "drawer__close",
1335
- description: "drawer__description",
1336
- popup: "drawer__popup",
1337
- portal: "drawer__portal",
1338
- root: "drawer",
1339
- title: "drawer__title",
1340
- trigger: "drawer__trigger",
1341
- viewport: "drawer__viewport"
1342
- },
1343
- variants: { position: {
1344
- bottom: { popup: "drawer--bottom" },
1345
- left: { popup: "drawer--left" },
1346
- right: { popup: "drawer--right" },
1347
- top: { popup: "drawer--top" }
1348
- } }
1349
- });
1350
-
1351
- //#endregion
1352
- //#region src/components/drawer/use-drawer.ts
1353
- const useDrawer = () => {
1354
- const context = useContext(DrawerContext);
1355
- if (!context) throw new Error("useDrawer must be used within a DrawerProvider");
1356
- return context;
1357
- };
1358
-
1359
- //#endregion
1360
- //#region src/components/drawer/drawer.tsx
1361
- const Drawer = ({ position, ...props }) => {
1362
- return /* @__PURE__ */ jsx(DrawerContext, {
1363
- value: { slots: useMemo(() => drawerVariants({ position }), [position]) },
1364
- children: /* @__PURE__ */ jsx(Dialog.Root, { ...props })
1365
- });
1366
- };
1367
- const DrawerTrigger = ({ className, ...props }) => {
1368
- const { slots } = useDrawer();
1369
- return /* @__PURE__ */ jsx(Dialog.Trigger, {
1370
- className: cn$1(slots.trigger(), className),
1371
- ...props
1372
- });
1373
- };
1374
- const DrawerPortal = ({ className, ...props }) => {
1375
- const { slots } = useDrawer();
1376
- return /* @__PURE__ */ jsx(Dialog.Portal, {
1377
- className: cn$1(slots.portal(), className),
1378
- ...props
1379
- });
1380
- };
1381
- const DrawerBackdrop = ({ className, ...props }) => {
1382
- const { slots } = useDrawer();
1383
- return /* @__PURE__ */ jsx(Dialog.Backdrop, {
1384
- className: cn$1(slots.backdrop(), className),
1385
- ...props
1386
- });
1387
- };
1388
- const DrawerViewport = ({ className, ...props }) => {
1389
- const { slots } = useDrawer();
1390
- return /* @__PURE__ */ jsx(Dialog.Viewport, {
1391
- className: cn$1(slots.viewport(), className),
1392
- ...props
1393
- });
1394
- };
1395
- const DrawerPopup = ({ className, ...props }) => {
1396
- const { slots } = useDrawer();
1397
- return /* @__PURE__ */ jsx(Dialog.Popup, {
1398
- className: cn$1(slots.popup(), className),
1399
- ...props
1400
- });
1401
- };
1402
- const DrawerTitle = ({ className, ...props }) => {
1403
- const { slots } = useDrawer();
1404
- return /* @__PURE__ */ jsx(Dialog.Title, {
1405
- className: cn$1(slots.title(), className),
1406
- ...props
1407
- });
1408
- };
1409
- const DrawerDescription = ({ className, ...props }) => {
1410
- const { slots } = useDrawer();
1411
- return /* @__PURE__ */ jsx(Dialog.Description, {
1412
- className: cn$1(slots.description(), className),
1413
- ...props
1414
- });
1415
- };
1416
- const DrawerClose = ({ className, children, ...props }) => {
1417
- const { slots } = useDrawer();
1418
- return /* @__PURE__ */ jsx(Dialog.Close, {
1419
- className: cn$1(slots.close(), className),
1420
- ...props,
1421
- children: children ?? /* @__PURE__ */ jsx(LucideX, {})
1422
- });
1423
- };
1424
- var drawer_default = Object.assign(Drawer, {
1425
- Backdrop: DrawerBackdrop,
1426
- Close: DrawerClose,
1427
- Description: DrawerDescription,
1428
- Popup: DrawerPopup,
1429
- Portal: DrawerPortal,
1430
- Root: Drawer,
1431
- Title: DrawerTitle,
1432
- Trigger: DrawerTrigger,
1433
- Viewport: DrawerViewport
1434
- });
1435
-
1436
- //#endregion
1437
- //#region src/components/field/field.context.ts
1438
- const FieldContext = createContext(null);
1439
-
1440
- //#endregion
1441
- //#region src/components/field/field.variants.ts
1442
- const fieldVariants = tv({ slots: {
1443
- control: "input field__control",
1444
- description: "field__description",
1445
- error: "field__error",
1446
- label: "label field__label",
1447
- root: "field"
1448
- } });
1449
-
1450
- //#endregion
1451
- //#region src/components/field/use-field.ts
1452
- const useField = () => {
1453
- const context = useContext(FieldContext);
1454
- if (!context) throw new Error("useField must be used within a FieldProvider");
1455
- return context;
1456
- };
1457
-
1458
- //#endregion
1459
- //#region src/components/field/field.tsx
1460
- const FieldRoot = ({ className, required, ...props }) => {
1461
- const slots = useMemo(() => fieldVariants({}), []);
1462
- return /* @__PURE__ */ jsx(FieldContext, {
1463
- value: {
1464
- required,
1465
- slots
1466
- },
1467
- children: /* @__PURE__ */ jsx(Field.Root, {
1468
- className: cn$1(className, slots.root()),
1469
- "data-required": required,
1470
- ...props
1471
- })
1472
- });
1473
- };
1474
- const FieldLabel = ({ className, ...props }) => {
1475
- const { slots } = useField();
1476
- return /* @__PURE__ */ jsx(Field.Label, {
1477
- className: cn$1(className, slots.label()),
1478
- ...props
1479
- });
1480
- };
1481
- const FieldControl = ({ className, ...props }) => {
1482
- const { slots, required } = useField();
1483
- return /* @__PURE__ */ jsx(Field.Control, {
1484
- className: cn$1(className, slots.control()),
1485
- required,
1486
- ...props
1487
- });
1488
- };
1489
- const FieldDescription = ({ className, ...props }) => {
1490
- const { slots } = useField();
1491
- return /* @__PURE__ */ jsx(Field.Description, {
1492
- className: cn$1(className, slots.description()),
1493
- ...props
1494
- });
1495
- };
1496
- const FieldError = ({ className, ...props }) => {
1497
- const { slots } = useField();
1498
- return /* @__PURE__ */ jsx(Field.Error, {
1499
- className: cn$1(className, slots.error()),
1500
- ...props
1501
- });
1502
- };
1503
- var field_default = Object.assign(FieldRoot, {
1504
- Control: FieldControl,
1505
- Description: FieldDescription,
1506
- Error: FieldError,
1507
- Label: FieldLabel,
1508
- Root: FieldRoot
1509
- });
1510
-
1511
- //#endregion
1512
- //#region src/components/fieldset/fieldset.context.ts
1513
- const FieldsetContext = createContext(null);
1514
-
1515
- //#endregion
1516
- //#region src/components/fieldset/fieldset.variants.ts
1517
- const fieldsetVariants = tv({ slots: {
1518
- legend: "fieldset__legend",
1519
- root: "fieldset"
1520
- } });
1521
-
1522
- //#endregion
1523
- //#region src/components/fieldset/use-fieldset.ts
1524
- const useFieldset = () => {
1525
- const context = useContext(FieldsetContext);
1526
- if (!context) throw new Error("useFieldset must be used within a FieldsetProvider");
1527
- return context;
1528
- };
1529
-
1530
- //#endregion
1531
- //#region src/components/fieldset/fieldset.tsx
1532
- const Fieldset$1 = ({ className, ...props }) => {
1533
- const slots = useMemo(() => fieldsetVariants(), []);
1534
- return /* @__PURE__ */ jsx(FieldsetContext, {
1535
- value: { slots },
1536
- children: /* @__PURE__ */ jsx(Fieldset.Root, {
1537
- className: cn$1(className, slots.root()),
1538
- ...props
1539
- })
1540
- });
1541
- };
1542
- const FieldsetLegend = ({ className, ...props }) => {
1543
- const { slots } = useFieldset();
1544
- return /* @__PURE__ */ jsx(Fieldset.Legend, {
1545
- className: cn$1(slots.legend(), className),
1546
- ...props
1547
- });
1548
- };
1549
- var fieldset_default = Object.assign(Fieldset$1, {
1550
- Legend: FieldsetLegend,
1551
- Root: Fieldset$1
1552
- });
1553
-
1554
- //#endregion
1555
- //#region src/components/form/form.variants.ts
1556
- const formVariants = tv({ base: "form" });
1557
-
1558
- //#endregion
1559
- //#region src/components/form/form.tsx
1560
- const Form$1 = ({ className, ...props }) => {
1561
- return /* @__PURE__ */ jsx(Form, {
1562
- className: cn$1(className, formVariants()),
1563
- ...props
1564
- });
1565
- };
1566
- var form_default = Form$1;
1567
-
1568
- //#endregion
1569
- //#region src/components/icon-button/icon-button.variants.ts
1570
- const iconButtonVariants = tv({
1571
- base: "icon-button",
1572
- defaultVariants: { isIconOnly: true },
1573
- extend: buttonVariants
1574
- });
1575
-
1576
- //#endregion
1577
- //#region src/components/icon-button/icon-button.tsx
1578
- const IconButton = ({ className, variant, size, isIconOnly, ...props }) => {
1579
- return /* @__PURE__ */ jsx(button_default, {
1580
- className: cn$1(className, iconButtonVariants({
1581
- isIconOnly,
1582
- size,
1583
- variant
1584
- })),
1585
- ...props
1586
- });
1587
- };
1588
- var icon_button_default = IconButton;
1589
-
1590
- //#endregion
1591
- //#region src/components/input/input.variants.ts
1592
- const inputVariants = tv({ base: "input" });
1593
-
1594
- //#endregion
1595
- //#region src/components/input/input.tsx
1596
- const Input$1 = ({ className, ...props }) => {
1597
- return /* @__PURE__ */ jsx(Input, {
1598
- className: cn$1(className, inputVariants()),
1599
- ...props
1600
- });
1601
- };
1602
- var input_default = Input$1;
1603
-
1604
- //#endregion
1605
- //#region src/components/label/label.variants.ts
1606
- const labelVariants = tv({ base: "label" });
1607
-
1608
- //#endregion
1609
- //#region src/components/label/label.tsx
1610
- const Label = ({ className, ...props }) => {
1611
- return /* @__PURE__ */ jsx("label", {
1612
- className: cn$1(className, labelVariants()),
1613
- ...props
1614
- });
1615
- };
1616
- var label_default = Label;
1617
-
1618
- //#endregion
1619
- //#region src/components/link/link.variants.ts
1620
- const linkVariants = tv({
1621
- base: "link",
1622
- defaultVariants: { variant: "no-underline" },
1623
- variants: { variant: {
1624
- "no-underline": "link--no-underline",
1625
- underline: "link--underline"
1626
- } }
1627
- });
1628
-
1629
- //#endregion
1630
- //#region src/components/link/link.tsx
1631
- const Link = ({ className, variant, ...props }) => {
1632
- return /* @__PURE__ */ jsx("a", {
1633
- className: cn$1(className, linkVariants({ variant })),
1634
- ...props
1635
- });
1636
- };
1637
- var link_default = Link;
1638
-
1639
- //#endregion
1640
- //#region src/components/list/list.context.ts
1641
- const ListContext = createContext(null);
1642
-
1643
- //#endregion
1644
- //#region src/components/list/list.variants.ts
1645
- const listVariants = tv({ slots: {
1646
- item: "list__item",
1647
- root: "list"
1648
- } });
1649
-
1650
- //#endregion
1651
- //#region src/components/list/use-list.ts
1652
- const useList = () => {
1653
- const context = useContext(ListContext);
1654
- if (!context) throw new Error("useList must be used within a ListProvider");
1655
- return context;
1656
- };
1657
-
1658
- //#endregion
1659
- //#region src/components/list/list.tsx
1660
- const List = ({ className, ...props }) => {
1661
- const slots = useMemo(() => listVariants(), []);
1662
- return /* @__PURE__ */ jsx(ListContext.Provider, {
1663
- value: { slots },
1664
- children: /* @__PURE__ */ jsx("ul", {
1665
- className: cn$1(className, slots.root()),
1666
- ...props
1667
- })
1668
- });
1669
- };
1670
- const ListItem = ({ className, ...props }) => {
1671
- const { slots } = useList();
1672
- return /* @__PURE__ */ jsx("li", {
1673
- className: cn$1(className, slots.item()),
1674
- ...props
1675
- });
1676
- };
1677
- var list_default = Object.assign(List, {
1678
- Item: ListItem,
1679
- Root: List
1680
- });
1681
-
1682
- //#endregion
1683
- //#region src/components/menu/menu.context.ts
1684
- const MenuContext = createContext(null);
1685
-
1686
- //#endregion
1687
- //#region src/components/menu/menu.variants.ts
1688
- const menuVariants = tv({ slots: {
1689
- arrow: "menu__arrow",
1690
- backdrop: "menu__backdrop",
1691
- checkboxItem: "menu__checkbox-item",
1692
- group: "menu__group",
1693
- groupLabel: "menu__group-label",
1694
- item: "menu__item",
1695
- popup: "menu__popup",
1696
- portal: "menu__portal",
1697
- positioner: "menu__positioner",
1698
- radioGroup: "menu__radio-group",
1699
- radioItem: "menu__radio-item",
1700
- root: "menu",
1701
- separator: "menu__separator",
1702
- submenu: "menu__submenu",
1703
- submenuTrigger: "menu__submenu__trigger",
1704
- trigger: "menu__trigger"
1705
- } });
1706
-
1707
- //#endregion
1708
- //#region src/components/menu/use-menu.ts
1709
- const useMenu = () => {
1710
- const context = useContext(MenuContext);
1711
- if (!context) throw new Error("useMenu must be used within a MenuProvider");
1712
- return context;
1713
- };
1714
-
1715
- //#endregion
1716
- //#region src/components/menu/menu.tsx
1717
- const Menu$1 = ({ ...props }) => {
1718
- const slots = useMemo(() => menuVariants(), []);
1719
- return /* @__PURE__ */ jsx(MenuContext.Provider, {
1720
- value: { slots },
1721
- children: /* @__PURE__ */ jsx(Menu.Root, { ...props })
1722
- });
1723
- };
1724
- const MenuTrigger = ({ className, ...props }) => {
1725
- const { slots } = useMenu();
1726
- return /* @__PURE__ */ jsx(Menu.Trigger, {
1727
- className: cn$1(slots.trigger(), className),
1728
- ...props
1729
- });
1730
- };
1731
- const MenuPortal = ({ className, ...props }) => {
1732
- const { slots } = useMenu();
1733
- return /* @__PURE__ */ jsx(Menu.Portal, {
1734
- className: cn$1(slots.portal(), className),
1735
- ...props
1736
- });
1737
- };
1738
- const MenuBackdrop = ({ className, ...props }) => {
1739
- const { slots } = useMenu();
1740
- return /* @__PURE__ */ jsx(Menu.Backdrop, {
1741
- className: cn$1(slots.backdrop(), className),
1742
- ...props
1743
- });
1744
- };
1745
- const MenuPositioner = ({ className, ...props }) => {
1746
- const { slots } = useMenu();
1747
- return /* @__PURE__ */ jsx(Menu.Positioner, {
1748
- className: cn$1(slots.positioner(), className),
1749
- ...props
1750
- });
1751
- };
1752
- const MenuPopup = ({ className, ...props }) => {
1753
- const { slots } = useMenu();
1754
- return /* @__PURE__ */ jsx(Menu.Popup, {
1755
- className: cn$1(slots.popup(), className),
1756
- ...props
1757
- });
1758
- };
1759
- const MenuArrow = ({ className, children, ...props }) => {
1760
- const { slots } = useMenu();
1761
- return /* @__PURE__ */ jsx(Menu.Arrow, {
1762
- className: cn$1(slots.arrow(), className),
1763
- ...props,
1764
- children: children ?? /* @__PURE__ */ jsx(LucideChevronUp, {})
1765
- });
1766
- };
1767
- const MenuItem = ({ className, ...props }) => {
1768
- const { slots } = useMenu();
1769
- return /* @__PURE__ */ jsx(Menu.Item, {
1770
- className: cn$1(slots.item(), className),
1771
- ...props
1772
- });
1773
- };
1774
- const MenuSeparator = ({ className, ...props }) => {
1775
- const { slots } = useMenu();
1776
- return /* @__PURE__ */ jsx(Menu.Separator, {
1777
- className: cn$1(slots.separator(), className),
1778
- ...props
1779
- });
1780
- };
1781
- const MenuGroup = ({ className, ...props }) => {
1782
- const { slots } = useMenu();
1783
- return /* @__PURE__ */ jsx(Menu.Group, {
1784
- className: cn$1(slots.group(), className),
1785
- ...props
1786
- });
1787
- };
1788
- const MenuGroupLabel = ({ className, ...props }) => {
1789
- const { slots } = useMenu();
1790
- return /* @__PURE__ */ jsx(Menu.GroupLabel, {
1791
- className: cn$1(slots.groupLabel(), className),
1792
- ...props
1793
- });
1794
- };
1795
- const MenuRadioGroup = ({ className, ...props }) => {
1796
- const { slots } = useMenu();
1797
- return /* @__PURE__ */ jsx(Menu.RadioGroup, {
1798
- className: cn$1(slots.radioGroup(), className),
1799
- ...props
1800
- });
1801
- };
1802
- const MenuRadioItem = ({ className, ...props }) => {
1803
- const { slots } = useMenu();
1804
- return /* @__PURE__ */ jsx(Menu.RadioItem, {
1805
- className: cn$1(slots.radioItem(), className),
1806
- ...props
1807
- });
1808
- };
1809
- const MenuCheckboxItem = ({ className, ...props }) => {
1810
- const { slots } = useMenu();
1811
- return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
1812
- className: cn$1(slots.checkboxItem(), className),
1813
- ...props
1814
- });
1815
- };
1816
- const MenuSubmenu = ({ ...props }) => {
1817
- return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
1818
- };
1819
- const MenuSubmenuTrigger = ({ className, ...props }) => {
1820
- const { slots } = useMenu();
1821
- return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
1822
- className: cn$1(slots.submenuTrigger(), className),
1823
- ...props
1824
- });
1825
- };
1826
- var menu_default = Object.assign(Menu$1, {
1827
- Arrow: MenuArrow,
1828
- Backdrop: MenuBackdrop,
1829
- CheckboxItem: MenuCheckboxItem,
1830
- Group: MenuGroup,
1831
- GroupLabel: MenuGroupLabel,
1832
- Item: MenuItem,
1833
- Popup: MenuPopup,
1834
- Portal: MenuPortal,
1835
- Positioner: MenuPositioner,
1836
- RadioGroup: MenuRadioGroup,
1837
- RadioItem: MenuRadioItem,
1838
- Root: Menu$1,
1839
- Separator: MenuSeparator,
1840
- Submenu: MenuSubmenu,
1841
- SubmenuTrigger: MenuSubmenuTrigger,
1842
- Trigger: MenuTrigger
1843
- });
1844
-
1845
- //#endregion
1846
- //#region src/components/meter/meter.context.ts
1847
- const MeterContext = createContext(void 0);
1848
-
1849
- //#endregion
1850
- //#region src/components/meter/meter.variants.ts
1851
- const meterVariants = tv({
1852
- slots: {
1853
- indicator: "meter__indicator",
1854
- label: "meter__label",
1855
- root: "meter",
1856
- track: "meter__track",
1857
- value: "meter__value"
1858
- },
1859
- variants: {
1860
- size: {
1861
- lg: { root: "meter--lg" },
1862
- md: { root: "meter--md" },
1863
- sm: { root: "meter--sm" }
1864
- },
1865
- variant: {
1866
- danger: { root: "meter--danger" },
1867
- primary: { root: "meter--primary" },
1868
- secondary: { root: "meter--secondary" },
1869
- success: { root: "meter--success" }
1870
- }
1871
- }
1872
- });
1873
-
1874
- //#endregion
1875
- //#region src/components/meter/use-meter.ts
1876
- const useMeter = () => {
1877
- const context = useContext(MeterContext);
1878
- if (!context) throw new Error("useMeter must be used within a MeterProvider");
1879
- return context;
1880
- };
1881
-
1882
- //#endregion
1883
- //#region src/components/meter/meter.tsx
1884
- const Meter$1 = ({ className, size, variant, ...props }) => {
1885
- const slots = useMemo(() => meterVariants({
1886
- size,
1887
- variant
1888
- }), [size, variant]);
1889
- return /* @__PURE__ */ jsx(MeterContext, {
1890
- value: { slots },
1891
- children: /* @__PURE__ */ jsx(Meter.Root, {
1892
- className: cn$1(className, slots.root()),
1893
- ...props
1894
- })
1895
- });
1896
- };
1897
- const MeterLabel = ({ className, ...props }) => {
1898
- const { slots } = useMeter();
1899
- return /* @__PURE__ */ jsx(Meter.Label, {
1900
- className: cn$1(className, slots.label()),
1901
- ...props
1902
- });
1903
- };
1904
- const MeterValue = ({ className, ...props }) => {
1905
- const { slots } = useMeter();
1906
- return /* @__PURE__ */ jsx(Meter.Value, {
1907
- className: cn$1(className, slots.value()),
1908
- ...props
1909
- });
1910
- };
1911
- const MeterTrack = ({ className, ...props }) => {
1912
- const { slots } = useMeter();
1913
- return /* @__PURE__ */ jsx(Meter.Track, {
1914
- className: cn$1(className, slots.track()),
1915
- ...props
1916
- });
1917
- };
1918
- const MeterIndicator = ({ className, ...props }) => {
1919
- const { slots } = useMeter();
1920
- return /* @__PURE__ */ jsx(Meter.Indicator, {
1921
- className: cn$1(className, slots.indicator()),
1922
- ...props
1923
- });
1924
- };
1925
- var meter_default = Object.assign(Meter$1, {
1926
- Indicator: MeterIndicator,
1927
- Label: MeterLabel,
1928
- Root: Meter$1,
1929
- Track: MeterTrack,
1930
- Value: MeterValue
1931
- });
1932
-
1933
- //#endregion
1934
- //#region src/components/separator/separator.variants.ts
1935
- const separatorVariants = tv({
1936
- base: "separator",
1937
- defaultVariants: { orientation: "horizontal" },
1938
- variants: { orientation: {
1939
- horizontal: "separator--horizontal",
1940
- vertical: "separator--vertical"
1941
- } }
1942
- });
1943
-
1944
- //#endregion
1945
- //#region src/components/separator/separator.tsx
1946
- const Separator$1 = ({ className, orientation, ...props }) => {
1947
- return /* @__PURE__ */ jsx(Separator, {
1948
- className: cn$1(className, separatorVariants({ orientation })),
1949
- ...props
1950
- });
1951
- };
1952
- var separator_default = Separator$1;
1953
-
1954
- //#endregion
1955
- //#region src/components/navbar/navbar.context.ts
1956
- const NavbarContext = createContext(null);
1957
-
1958
- //#endregion
1959
- //#region src/components/navbar/navbar.variants.ts
1960
- const navbarVariants = tv({ slots: {
1961
- container: "navbar__container",
1962
- content: "navbar__content",
1963
- list: "navbar__list",
1964
- listItem: "navbar__list-item",
1965
- menu: "navbar__menu",
1966
- menuItem: "navbar__menu-item",
1967
- root: "navbar",
1968
- toggle: "navbar__toggle"
1969
- } });
1970
-
1971
- //#endregion
1972
- //#region src/components/navbar/use-navbar.ts
1973
- const useNavbar = () => {
1974
- const context = React.useContext(NavbarContext);
1975
- if (!context) throw new Error("useNavbar must be used within a NavbarProvider");
1976
- return context;
1977
- };
1978
-
1979
- //#endregion
1980
- //#region src/components/navbar/navbar.tsx
1981
- const Navbar = ({ className, isOpen, onOpenChange, ...props }) => {
1982
- const slots = useMemo(() => navbarVariants(), []);
1983
- const [internalOpen, setInternalOpen] = useState(false);
1984
- const open = isOpen ?? internalOpen;
1985
- const handleOpenChange = useCallback((next) => {
1986
- if (isOpen === void 0) setInternalOpen(next);
1987
- onOpenChange?.(next);
1988
- }, [isOpen, onOpenChange]);
1989
- return /* @__PURE__ */ jsx(NavbarContext.Provider, {
1990
- value: {
1991
- isOpen: open,
1992
- onOpenChange: handleOpenChange,
1993
- slots
1994
- },
1995
- children: /* @__PURE__ */ jsx("header", {
1996
- className: cn$1(slots.root(), className),
1997
- ...props
1998
- })
1999
- });
2000
- };
2001
- const NavbarContainer = ({ className, ...props }) => {
2002
- const { slots } = useNavbar();
2003
- return /* @__PURE__ */ jsx("nav", {
2004
- className: cn$1(slots.container(), className),
2005
- ...props
2006
- });
2007
- };
2008
- const NavbarContent = ({ className, ...props }) => {
2009
- const { slots } = useNavbar();
2010
- return /* @__PURE__ */ jsx("div", {
2011
- className: cn$1(slots.content(), className),
2012
- ...props
2013
- });
2014
- };
2015
- const NavbarList = ({ className, ...props }) => {
2016
- const { slots } = useNavbar();
2017
- return /* @__PURE__ */ jsx("ul", {
2018
- className: cn$1(slots.list(), className),
2019
- ...props
2020
- });
2021
- };
2022
- const NavbarListItem = ({ className, ...props }) => {
2023
- const { slots } = useNavbar();
2024
- return /* @__PURE__ */ jsx("li", {
2025
- className: cn$1(slots.listItem(), className),
2026
- ...props
2027
- });
2028
- };
2029
- const NavbarToggle = ({ className, ...props }) => {
2030
- const { slots, isOpen, onOpenChange } = useNavbar();
2031
- const Icon = isOpen ? LucideX : LucideMenu;
2032
- return /* @__PURE__ */ jsx("button", {
2033
- className: cn$1(className, slots.toggle()),
2034
- onClick: () => onOpenChange(!isOpen),
2035
- ...props,
2036
- children: /* @__PURE__ */ jsx(Icon, { className: "size-5" })
2037
- });
2038
- };
2039
- const NavbarMenu = ({ className, header, ...props }) => {
2040
- const { slots, isOpen, onOpenChange } = useNavbar();
2041
- return /* @__PURE__ */ jsx(drawer_default, {
2042
- onOpenChange,
2043
- open: isOpen,
2044
- children: /* @__PURE__ */ jsxs(drawer_default.Portal, { children: [/* @__PURE__ */ jsx(drawer_default.Backdrop, {}), /* @__PURE__ */ jsx(drawer_default.Viewport, { children: /* @__PURE__ */ jsxs(drawer_default.Popup, { children: [
2045
- header,
2046
- /* @__PURE__ */ jsx(drawer_default.Close, {}),
2047
- /* @__PURE__ */ jsx(separator_default, {}),
2048
- /* @__PURE__ */ jsx("ul", {
2049
- className: cn$1(slots.menu(), className),
2050
- ...props
2051
- })
2052
- ] }) })] })
2053
- });
2054
- };
2055
- const NavbarMenuItem = ({ className, ...props }) => {
2056
- const { slots } = useNavbar();
2057
- return /* @__PURE__ */ jsx("li", {
2058
- className: cn$1(slots.menuItem(), className),
2059
- ...props
2060
- });
2061
- };
2062
- var navbar_default = Object.assign(Navbar, {
2063
- Container: NavbarContainer,
2064
- Content: NavbarContent,
2065
- List: NavbarList,
2066
- ListItem: NavbarListItem,
2067
- Menu: NavbarMenu,
2068
- MenuItem: NavbarMenuItem,
2069
- Root: Navbar,
2070
- Toggle: NavbarToggle
2071
- });
2072
-
2073
- //#endregion
2074
- //#region src/components/navigation-menu/navigation-menu.context.ts
2075
- const NavigationMenuContext = createContext(null);
2076
-
2077
- //#endregion
2078
- //#region src/components/navigation-menu/navigation-menu.variants.ts
2079
- /** biome-ignore-all assist/source/useSortedKeys: <> */
2080
- const navigationMenuVariants = tv({ slots: {
2081
- root: "navigation-menu",
2082
- list: "navigation-menu__list",
2083
- item: "navigation-menu__item",
2084
- trigger: "navigation-menu__trigger",
2085
- icon: "navigation-menu__icon",
2086
- content: "navigation-menu__content",
2087
- link: "navigation-menu__link",
2088
- portal: "navigation-menu__portal",
2089
- backdrop: "navigation-menu__backdrop",
2090
- positioner: "navigation-menu__positioner",
2091
- popup: "navigation-menu__popup",
2092
- arrow: "navigation-menu__arrow",
2093
- viewport: "navigation-menu__viewport"
2094
- } });
2095
-
2096
- //#endregion
2097
- //#region src/components/navigation-menu/use-navigation-menu.ts
2098
- const useNavigationMenu = () => {
2099
- const context = useContext(NavigationMenuContext);
2100
- if (!context) throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");
2101
- return context;
2102
- };
2103
-
2104
- //#endregion
2105
- //#region src/components/navigation-menu/navigation-menu.tsx
2106
- const NavigationMenu$1 = ({ className, ...props }) => {
2107
- const slots = useMemo(() => navigationMenuVariants(), []);
2108
- return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
2109
- value: { slots },
2110
- children: /* @__PURE__ */ jsx(NavigationMenu.Root, {
2111
- className: cn$1(className, slots.root()),
2112
- ...props
2113
- })
2114
- });
2115
- };
2116
- const NavigationMenuList = ({ className, ...props }) => {
2117
- const { slots } = useNavigationMenu();
2118
- return /* @__PURE__ */ jsx(NavigationMenu.List, {
2119
- className: cn$1(slots.list(), className),
2120
- ...props
2121
- });
2122
- };
2123
- const NavigationMenuItem = ({ className, ...props }) => {
2124
- const { slots } = useNavigationMenu();
2125
- return /* @__PURE__ */ jsx(NavigationMenu.Item, {
2126
- className: cn$1(slots.item(), className),
2127
- ...props
2128
- });
2129
- };
2130
- const NavigationMenuTrigger = ({ className, children, ...props }) => {
2131
- const { slots } = useNavigationMenu();
2132
- return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
2133
- className: cn$1(slots.trigger(), className),
2134
- ...props,
2135
- children: [children, /* @__PURE__ */ jsx(NavigationMenu.Icon, {
2136
- className: slots.icon(),
2137
- children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
2138
- })]
2139
- });
2140
- };
2141
- const NavigationMenuIcon = ({ className, children, ...props }) => {
2142
- const { slots } = useNavigationMenu();
2143
- return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
2144
- className: cn$1(slots.icon(), className),
2145
- ...props,
2146
- children: children || /* @__PURE__ */ jsx(ChevronDown, {})
2147
- });
2148
- };
2149
- const NavigationMenuContent = ({ className, ...props }) => {
2150
- const { slots } = useNavigationMenu();
2151
- return /* @__PURE__ */ jsx(NavigationMenu.Content, {
2152
- className: cn$1(slots.content(), className),
2153
- ...props
2154
- });
2155
- };
2156
- const NavigationMenuLink = ({ className, ...props }) => {
2157
- const { slots } = useNavigationMenu();
2158
- return /* @__PURE__ */ jsx(NavigationMenu.Link, {
2159
- className: cn$1(slots.link(), className),
2160
- ...props
2161
- });
2162
- };
2163
- const NavigationMenuPortal = ({ ...props }) => {
2164
- return /* @__PURE__ */ jsx(NavigationMenu.Portal, { ...props });
2165
- };
2166
- const NavigationMenuBackdrop = ({ className, ...props }) => {
2167
- const { slots } = useNavigationMenu();
2168
- return /* @__PURE__ */ jsx(NavigationMenu.Backdrop, {
2169
- className: cn$1(slots.backdrop(), className),
2170
- ...props
2171
- });
2172
- };
2173
- const NavigationMenuPositioner = ({ className, ...props }) => {
2174
- const { slots } = useNavigationMenu();
2175
- return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
2176
- className: cn$1(slots.positioner(), className),
2177
- ...props
2178
- });
2179
- };
2180
- const NavigationMenuPopup = ({ className, ...props }) => {
2181
- const { slots } = useNavigationMenu();
2182
- return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
2183
- className: cn$1(slots.popup(), className),
2184
- ...props
2185
- });
2186
- };
2187
- const NavigationMenuArrow = ({ className, ...props }) => {
2188
- const { slots } = useNavigationMenu();
2189
- return /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
2190
- className: cn$1(slots.arrow(), className),
2191
- ...props
2192
- });
2193
- };
2194
- const NavigationMenuViewport = ({ className, ...props }) => {
2195
- const { slots } = useNavigationMenu();
2196
- return /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
2197
- className: cn$1(slots.viewport(), className),
2198
- ...props
2199
- });
2200
- };
2201
- var navigation_menu_default = Object.assign(NavigationMenu$1, {
2202
- Arrow: NavigationMenuArrow,
2203
- Backdrop: NavigationMenuBackdrop,
2204
- Content: NavigationMenuContent,
2205
- Icon: NavigationMenuIcon,
2206
- Item: NavigationMenuItem,
2207
- Link: NavigationMenuLink,
2208
- List: NavigationMenuList,
2209
- Popup: NavigationMenuPopup,
2210
- Portal: NavigationMenuPortal,
2211
- Positioner: NavigationMenuPositioner,
2212
- Root: NavigationMenu$1,
2213
- Trigger: NavigationMenuTrigger,
2214
- Viewport: NavigationMenuViewport
2215
- });
2216
-
2217
- //#endregion
2218
- //#region src/components/number-field/number-field.context.ts
2219
- const NumberFieldContext = createContext(null);
2220
-
2221
- //#endregion
2222
- //#region src/components/number-field/number-field.variants.ts
2223
- const numberFieldVariants = tv({ slots: {
2224
- decrement: "number-field__decrement",
2225
- group: "number-field__group",
2226
- increment: "number-field__increment",
2227
- input: "number-field__input",
2228
- root: "number-field",
2229
- scrubArea: "number-field__scrub-area",
2230
- scrubAreaCursor: "number-field__scrub-area-cursor"
2231
- } });
2232
-
2233
- //#endregion
2234
- //#region src/components/number-field/use-number-field.ts
2235
- const useNumberField = () => {
2236
- const context = useContext(NumberFieldContext);
2237
- if (!context) throw new Error("useNumberField must be used within a NumberFieldProvider");
2238
- return context;
2239
- };
2240
-
2241
- //#endregion
2242
- //#region src/components/number-field/number-field.tsx
2243
- const NumberField$1 = ({ className, ...props }) => {
2244
- const slots = useMemo(() => numberFieldVariants(), []);
2245
- return /* @__PURE__ */ jsx(NumberFieldContext, {
2246
- value: { slots },
2247
- children: /* @__PURE__ */ jsx(NumberField.Root, {
2248
- className: cn$1(className, slots.root()),
2249
- ...props
2250
- })
2251
- });
2252
- };
2253
- const NumberFieldScrubArea = ({ className, ...props }) => {
2254
- const { slots } = useNumberField();
2255
- return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
2256
- className: cn$1(slots.scrubArea(), className),
2257
- ...props
2258
- });
2259
- };
2260
- const NumberFieldGroup = ({ className, ...props }) => {
2261
- const { slots } = useNumberField();
2262
- return /* @__PURE__ */ jsx(NumberField.Group, {
2263
- className: cn$1(slots.group(), className),
2264
- ...props
2265
- });
2266
- };
2267
- const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => {
2268
- const { slots } = useNumberField();
2269
- return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
2270
- className: cn$1(slots.scrubAreaCursor(), className),
2271
- ...props,
2272
- children: children ?? /* @__PURE__ */ jsx(LucideChevronsLeftRight, {})
2273
- });
2274
- };
2275
- const NumberFieldDecrement = ({ className, children, ...props }) => {
2276
- const { slots } = useNumberField();
2277
- return /* @__PURE__ */ jsx(NumberField.Decrement, {
2278
- className: cn$1(slots.decrement(), className),
2279
- ...props,
2280
- children: children ?? /* @__PURE__ */ jsx(LucideMinus, {})
2281
- });
2282
- };
2283
- const NumberFieldInput = ({ className, ...props }) => {
2284
- const { slots } = useNumberField();
2285
- return /* @__PURE__ */ jsx(NumberField.Input, {
2286
- className: cn$1(slots.input(), className),
2287
- ...props
2288
- });
2289
- };
2290
- const NumberFieldIncrement = ({ className, children, ...props }) => {
2291
- const { slots } = useNumberField();
2292
- return /* @__PURE__ */ jsx(NumberField.Increment, {
2293
- className: cn$1(slots.increment(), className),
2294
- ...props,
2295
- children: children ?? /* @__PURE__ */ jsx(LucidePlus, {})
2296
- });
2297
- };
2298
- var number_field_default = Object.assign(NumberField$1, {
2299
- Decrement: NumberFieldDecrement,
2300
- Group: NumberFieldGroup,
2301
- Increment: NumberFieldIncrement,
2302
- Input: NumberFieldInput,
2303
- Root: NumberField$1,
2304
- ScrubArea: NumberFieldScrubArea,
2305
- ScrubAreaCursor: NumberFieldScrubAreaCursor
2306
- });
2307
-
2308
- //#endregion
2309
- //#region src/components/popover/popover.context.ts
2310
- const PopoverContext = createContext(null);
2311
-
2312
- //#endregion
2313
- //#region src/components/popover/popover.variants.ts
2314
- const popoverVariants = tv({ slots: {
2315
- arrow: "popover__arrow",
2316
- backdrop: "popover__backdrop",
2317
- close: "popover__close",
2318
- content: "popover__content",
2319
- description: "popover__description",
2320
- popup: "popover__popup",
2321
- portal: "popover__portal",
2322
- positioner: "popover__positioner",
2323
- root: "popover",
2324
- title: "popover__title",
2325
- trigger: "popover__trigger",
2326
- viewport: "popover__viewport"
2327
- } });
2328
-
2329
- //#endregion
2330
- //#region src/components/popover/use-popover.ts
2331
- const usePopover = () => {
2332
- const context = useContext(PopoverContext);
2333
- if (!context) throw new Error("usePopover must be used within a PopoverProvider");
2334
- return context;
2335
- };
2336
-
2337
- //#endregion
2338
- //#region src/components/popover/popover.tsx
2339
- const Popover$1 = ({ ...props }) => {
2340
- return /* @__PURE__ */ jsx(PopoverContext, {
2341
- value: { slots: useMemo(() => popoverVariants({}), []) },
2342
- children: /* @__PURE__ */ jsx(Popover.Root, { ...props })
2343
- });
2344
- };
2345
- const PopoverTrigger = ({ className, ...props }) => {
2346
- const { slots } = usePopover();
2347
- return /* @__PURE__ */ jsx(Popover.Trigger, {
2348
- className: cn$1(className, slots.trigger()),
2349
- ...props
2350
- });
2351
- };
2352
- const PopoverPortal = ({ className, ...props }) => {
2353
- const { slots } = usePopover();
2354
- return /* @__PURE__ */ jsx(Popover.Portal, {
2355
- className: cn$1(className, slots.portal()),
2356
- ...props
2357
- });
2358
- };
2359
- const PopoverBackdrop = ({ className, ...props }) => {
2360
- const { slots } = usePopover();
2361
- return /* @__PURE__ */ jsx(Popover.Backdrop, {
2362
- className: cn$1(className, slots.backdrop()),
2363
- ...props
2364
- });
2365
- };
2366
- const PopoverPositioner = ({ className, ...props }) => {
2367
- const { slots } = usePopover();
2368
- return /* @__PURE__ */ jsx(Popover.Positioner, {
2369
- className: cn$1(className, slots.positioner()),
2370
- ...props
2371
- });
2372
- };
2373
- const PopoverPopup = ({ className, ...props }) => {
2374
- const { slots } = usePopover();
2375
- return /* @__PURE__ */ jsx(Popover.Popup, {
2376
- className: cn$1(className, slots.popup()),
2377
- ...props
2378
- });
2379
- };
2380
- const PopoverArrow = ({ className, ...props }) => {
2381
- const { slots } = usePopover();
2382
- return /* @__PURE__ */ jsx(Popover.Arrow, {
2383
- className: cn$1(className, slots.arrow()),
2384
- ...props
2385
- });
2386
- };
2387
- const PopoverViewport = ({ className, ...props }) => {
2388
- const { slots } = usePopover();
2389
- return /* @__PURE__ */ jsx(Popover.Viewport, {
2390
- className: cn$1(className, slots.viewport()),
2391
- ...props
2392
- });
2393
- };
2394
- const PopoverTitle = ({ className, ...props }) => {
2395
- const { slots } = usePopover();
2396
- return /* @__PURE__ */ jsx(Popover.Title, {
2397
- className: cn$1(className, slots.title()),
2398
- ...props
2399
- });
2400
- };
2401
- const PopoverDescription = ({ className, ...props }) => {
2402
- const { slots } = usePopover();
2403
- return /* @__PURE__ */ jsx(Popover.Description, {
2404
- className: cn$1(className, slots.description()),
2405
- ...props
2406
- });
2407
- };
2408
- const PopoverClose = ({ className, children, ...props }) => {
2409
- const { slots } = usePopover();
2410
- return /* @__PURE__ */ jsx(Popover.Close, {
2411
- className: cn$1(className, slots.close()),
2412
- ...props,
2413
- children: children ?? /* @__PURE__ */ jsx(LucideX, {})
2414
- });
2415
- };
2416
- var popover_default = Object.assign(Popover$1, {
2417
- Arrow: PopoverArrow,
2418
- Backdrop: PopoverBackdrop,
2419
- Close: PopoverClose,
2420
- Description: PopoverDescription,
2421
- Popup: PopoverPopup,
2422
- Portal: PopoverPortal,
2423
- Positioner: PopoverPositioner,
2424
- Root: Popover$1,
2425
- Title: PopoverTitle,
2426
- Trigger: PopoverTrigger,
2427
- Viewport: PopoverViewport
2428
- });
2429
-
2430
- //#endregion
2431
- //#region src/components/preview-card/preview-card.context.ts
2432
- const PreviewCardContext = createContext(null);
2433
-
2434
- //#endregion
2435
- //#region src/components/preview-card/preview-card.variants.ts
2436
- /** biome-ignore-all assist/source/useSortedKeys: <> */
2437
- const previewCardVariants = tv({ slots: {
2438
- root: "preview-card",
2439
- trigger: "preview-card__trigger",
2440
- portal: "preview-card__portal",
2441
- backdrop: "preview-card__backdrop",
2442
- positioner: "preview-card__positioner",
2443
- popup: "preview-card__popup",
2444
- arrow: "preview-card__arrow"
2445
- } });
2446
-
2447
- //#endregion
2448
- //#region src/components/preview-card/use-preview-card.ts
2449
- const usePreviewCard = () => {
2450
- const context = useContext(PreviewCardContext);
2451
- if (!context) throw new Error("usePreviewCard must be used within a PreviewCardProvider");
2452
- return context;
2453
- };
2454
-
2455
- //#endregion
2456
- //#region src/components/preview-card/preview-card.tsx
2457
- const PreviewCard$1 = ({ ...props }) => {
2458
- return /* @__PURE__ */ jsx(PreviewCardContext, {
2459
- value: { slots: useMemo(() => previewCardVariants(), []) },
2460
- children: /* @__PURE__ */ jsx(PreviewCard.Root, { ...props })
2461
- });
2462
- };
2463
- const PreviewCardTrigger = ({ className, ...props }) => {
2464
- const { slots } = usePreviewCard();
2465
- return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
2466
- className: cn$1(slots.trigger(), className),
2467
- ...props
2468
- });
2469
- };
2470
- const PreviewCardPortal = ({ className, ...props }) => {
2471
- const { slots } = usePreviewCard();
2472
- return /* @__PURE__ */ jsx(PreviewCard.Portal, {
2473
- className: cn$1(slots.portal(), className),
2474
- ...props
2475
- });
2476
- };
2477
- const PreviewCardBackdrop = ({ className, ...props }) => {
2478
- const { slots } = usePreviewCard();
2479
- return /* @__PURE__ */ jsx(PreviewCard.Backdrop, {
2480
- className: cn$1(slots.backdrop(), className),
2481
- ...props
2482
- });
2483
- };
2484
- const PreviewCardPositioner = ({ className, ...props }) => {
2485
- const { slots } = usePreviewCard();
2486
- return /* @__PURE__ */ jsx(PreviewCard.Positioner, {
2487
- className: cn$1(slots.positioner(), className),
2488
- ...props
2489
- });
2490
- };
2491
- const PreviewCardPopup = ({ className, ...props }) => {
2492
- const { slots } = usePreviewCard();
2493
- return /* @__PURE__ */ jsx(PreviewCard.Popup, {
2494
- className: cn$1(slots.popup(), className),
2495
- ...props
2496
- });
2497
- };
2498
- const PreviewCardArrow = ({ className, ...props }) => {
2499
- const { slots } = usePreviewCard();
2500
- return /* @__PURE__ */ jsx(PreviewCard.Arrow, {
2501
- className: cn$1(slots.arrow(), className),
2502
- ...props
2503
- });
2504
- };
2505
- var preview_card_default = Object.assign(PreviewCard$1, {
2506
- Arrow: PreviewCardArrow,
2507
- Backdrop: PreviewCardBackdrop,
2508
- Popup: PreviewCardPopup,
2509
- Portal: PreviewCardPortal,
2510
- Positioner: PreviewCardPositioner,
2511
- Root: PreviewCard$1,
2512
- Trigger: PreviewCardTrigger
2513
- });
2514
-
2515
- //#endregion
2516
- //#region src/components/progress/progress.context.ts
2517
- const ProgressContext = createContext(null);
2518
-
2519
- //#endregion
2520
- //#region src/components/progress/progress.variants.ts
2521
- const progressVariants = tv({
2522
- defaultVariants: {
2523
- size: "md",
2524
- variant: "primary"
2525
- },
2526
- slots: {
2527
- indicator: "progress__indicator",
2528
- label: "progress__label",
2529
- root: "progress",
2530
- track: "progress__track",
2531
- value: "progress__value"
2532
- },
2533
- variants: {
2534
- size: {
2535
- lg: { root: "progress--lg" },
2536
- md: { root: "progress--md" },
2537
- sm: { root: "progress--sm" }
2538
- },
2539
- variant: {
2540
- danger: { root: "progress--danger" },
2541
- primary: { root: "progress--primary" },
2542
- secondary: { root: "progress--secondary" },
2543
- success: { root: "progress--success" }
2544
- }
2545
- }
2546
- });
2547
-
2548
- //#endregion
2549
- //#region src/components/progress/use-progress.ts
2550
- const useProgress = () => {
2551
- const context = useContext(ProgressContext);
2552
- if (!context) throw new Error("useProgress must be used within a ProgressProvider");
2553
- return context;
2554
- };
2555
-
2556
- //#endregion
2557
- //#region src/components/progress/progress.tsx
2558
- const Progress$1 = ({ className, variant, size, ...props }) => {
2559
- const slots = useMemo(() => progressVariants({
2560
- size,
2561
- variant
2562
- }), [variant, size]);
2563
- return /* @__PURE__ */ jsx(ProgressContext, {
2564
- value: { slots },
2565
- children: /* @__PURE__ */ jsx(Progress.Root, {
2566
- className: cn$1(className, slots.root()),
2567
- ...props
2568
- })
2569
- });
2570
- };
2571
- const ProgressLabel = ({ className, ...props }) => {
2572
- const { slots } = useProgress();
2573
- return /* @__PURE__ */ jsx(Progress.Label, {
2574
- className: cn$1(className, slots.label()),
2575
- ...props
2576
- });
2577
- };
2578
- const ProgressValue = ({ className, ...props }) => {
2579
- const { slots } = useProgress();
2580
- return /* @__PURE__ */ jsx(Progress.Value, {
2581
- className: cn$1(className, slots.value()),
2582
- ...props
2583
- });
2584
- };
2585
- const ProgressTrack = ({ className, ...props }) => {
2586
- const { slots } = useProgress();
2587
- return /* @__PURE__ */ jsx(Progress.Track, {
2588
- className: cn$1(className, slots.track()),
2589
- ...props
2590
- });
2591
- };
2592
- const ProgressIndicator = ({ className, ...props }) => {
2593
- const { slots } = useProgress();
2594
- return /* @__PURE__ */ jsx(Progress.Indicator, {
2595
- className: cn$1(className, slots.indicator()),
2596
- ...props
2597
- });
2598
- };
2599
- var progress_default = Object.assign(Progress$1, {
2600
- Indicator: ProgressIndicator,
2601
- Label: ProgressLabel,
2602
- Root: Progress$1,
2603
- Track: ProgressTrack,
2604
- Value: ProgressValue
2605
- });
2606
-
2607
- //#endregion
2608
- //#region src/components/radio/radio.context.ts
2609
- const RadioContext = createContext(null);
2610
-
2611
- //#endregion
2612
- //#region src/components/radio/radio.variants.ts
2613
- const radioVariants = tv({ slots: {
2614
- indicator: "radio__indicator",
2615
- root: "radio"
2616
- } });
2617
-
2618
- //#endregion
2619
- //#region src/components/radio/use-radio.ts
2620
- const useRadio = () => {
2621
- const context = useContext(RadioContext);
2622
- if (!context) throw new Error("useRadio must be used within a RadioProvider");
2623
- return context;
2624
- };
2625
-
2626
- //#endregion
2627
- //#region src/components/radio/radio.tsx
2628
- const Radio$1 = ({ className, ...props }) => {
2629
- const slots = useMemo(() => radioVariants({}), []);
2630
- return /* @__PURE__ */ jsx(RadioContext, {
2631
- value: { slots },
2632
- children: /* @__PURE__ */ jsx(Radio.Root, {
2633
- className: cn$1(slots.root(), className),
2634
- ...props
2635
- })
2636
- });
2637
- };
2638
- const RadioIndicator = ({ className, ...props }) => {
2639
- const { slots } = useRadio();
2640
- return /* @__PURE__ */ jsx(Radio.Indicator, {
2641
- className: cn$1(slots.indicator(), className),
2642
- ...props
2643
- });
2644
- };
2645
- var radio_default = Object.assign(Radio$1, {
2646
- Indicator: RadioIndicator,
2647
- Root: Radio$1
2648
- });
2649
-
2650
- //#endregion
2651
- //#region src/components/radio-group/radio-group.variants.ts
2652
- const radioGroupVariants = tv({ base: "radio-group" });
2653
-
2654
- //#endregion
2655
- //#region src/components/radio-group/radio-group.tsx
2656
- const RadioGroup$1 = ({ className, ...props }) => {
2657
- return /* @__PURE__ */ jsx(RadioGroup, {
2658
- className: cn$1(className, useMemo(() => radioGroupVariants(), [])),
2659
- ...props
2660
- });
2661
- };
2662
- var radio_group_default = RadioGroup$1;
2663
-
2664
- //#endregion
2665
- //#region src/components/scroll-area/scroll-area.context.ts
2666
- const ScrollAreaContext = createContext(null);
2667
-
2668
- //#endregion
2669
- //#region src/components/scroll-area/scroll-area.variants.ts
2670
- /** biome-ignore-all assist/source/useSortedKeys: <> */
2671
- const scrollAreaVariants = tv({ slots: {
2672
- root: "scroll-area",
2673
- viewport: "scroll-area__viewport",
2674
- content: "scroll-area__content",
2675
- scrollbar: "scroll-area__scrollbar",
2676
- thumb: "scroll-area__thumb",
2677
- corner: "scroll-area__corner"
2678
- } });
2679
-
2680
- //#endregion
2681
- //#region src/components/scroll-area/use-scroll-area.ts
2682
- const useScrollArea = () => {
2683
- const context = useContext(ScrollAreaContext);
2684
- if (!context) throw new Error("useScrollArea must be used within a ScrollAreaProvider");
2685
- return context;
2686
- };
2687
-
2688
- //#endregion
2689
- //#region src/components/scroll-area/scroll-area.tsx
2690
- const ScrollArea$1 = ({ className, ...props }) => {
2691
- const slots = useMemo(() => scrollAreaVariants(), []);
2692
- return /* @__PURE__ */ jsx(ScrollAreaContext.Provider, {
2693
- value: { slots },
2694
- children: /* @__PURE__ */ jsx(ScrollArea.Root, {
2695
- className: cn$1(className, slots.root()),
2696
- ...props
2697
- })
2698
- });
2699
- };
2700
- const ScrollAreaViewport = ({ className, ...props }) => {
2701
- const { slots } = useScrollArea();
2702
- return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
2703
- className: cn$1(slots.viewport(), className),
2704
- ...props
2705
- });
2706
- };
2707
- const ScrollAreaContent = ({ className, ...props }) => {
2708
- const { slots } = useScrollArea();
2709
- return /* @__PURE__ */ jsx(ScrollArea.Content, {
2710
- className: cn$1(slots.content(), className),
2711
- ...props
2712
- });
2713
- };
2714
- const ScrollAreaScrollbar = ({ className, ...props }) => {
2715
- const { slots } = useScrollArea();
2716
- return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
2717
- className: cn$1(slots.scrollbar(), className),
2718
- ...props
2719
- });
2720
- };
2721
- const ScrollAreaThumb = ({ className, ...props }) => {
2722
- const { slots } = useScrollArea();
2723
- return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
2724
- className: cn$1(slots.thumb(), className),
2725
- ...props
2726
- });
2727
- };
2728
- var scroll_area_default = Object.assign(ScrollArea$1, {
2729
- Content: ScrollAreaContent,
2730
- Root: ScrollArea$1,
2731
- Scrollbar: ScrollAreaScrollbar,
2732
- Thumb: ScrollAreaThumb,
2733
- Viewport: ScrollAreaViewport
2734
- });
2735
-
2736
- //#endregion
2737
- //#region src/components/select/select.context.ts
2738
- const SelectContext = createContext(null);
2739
-
2740
- //#endregion
2741
- //#region src/components/select/select.variants.ts
2742
- /** biome-ignore-all assist/source/useSortedKeys: believe me its better */
2743
- const selectVariants = tv({ slots: {
2744
- root: "select",
2745
- trigger: "select__trigger",
2746
- value: "select__value",
2747
- icon: "select__icon",
2748
- portal: "select__portal",
2749
- backdrop: "select__backdrop",
2750
- positioner: "select__positioner",
2751
- popup: "select__popup",
2752
- arrow: "select__arrow",
2753
- list: "select__list",
2754
- item: "select__item",
2755
- itemText: "select__item-text",
2756
- itemIndicator: "select__item-indicator",
2757
- separator: "select__separator",
2758
- group: "select__group",
2759
- groupLabel: "select__group-label"
2760
- } });
2761
-
2762
- //#endregion
2763
- //#region src/components/select/use-select.ts
2764
- const useSelect = () => {
2765
- const context = useContext(SelectContext);
2766
- if (!context) throw new Error("useSelect must be used within a SelectProvider");
2767
- return context;
2768
- };
2769
-
2770
- //#endregion
2771
- //#region src/components/select/select.tsx
2772
- const Select$1 = ({ ...props }) => {
2773
- const slots = useMemo(() => selectVariants(), []);
2774
- return /* @__PURE__ */ jsx(SelectContext.Provider, {
2775
- value: { slots },
2776
- children: /* @__PURE__ */ jsx(Select.Root, { ...props })
2777
- });
2778
- };
2779
- const SelectTrigger = ({ className, ...props }) => {
2780
- const { slots } = useSelect();
2781
- return /* @__PURE__ */ jsx(Select.Trigger, {
2782
- className: cn$1(slots.trigger(), className),
2783
- ...props
2784
- });
2785
- };
2786
- const SelectIcon = ({ className, children, ...props }) => {
2787
- const { slots } = useSelect();
2788
- return /* @__PURE__ */ jsx(Select.Icon, {
2789
- className: cn$1(slots.icon(), className),
2790
- ...props,
2791
- children: children || /* @__PURE__ */ jsx(ChevronsUpDown, {})
2792
- });
2793
- };
2794
- const SelectValue = ({ className, ...props }) => {
2795
- const { slots } = useSelect();
2796
- return /* @__PURE__ */ jsx(Select.Value, {
2797
- className: cn$1(slots.value(), className),
2798
- ...props
2799
- });
2800
- };
2801
- const SelectPortal = ({ ...props }) => {
2802
- return /* @__PURE__ */ jsx(Select.Portal, { ...props });
2803
- };
2804
- const SelectBackdrop = ({ className, ...props }) => {
2805
- const { slots } = useSelect();
2806
- return /* @__PURE__ */ jsx(Select.Backdrop, {
2807
- className: cn$1(slots.backdrop(), className),
2808
- ...props
2809
- });
2810
- };
2811
- const SelectPositioner = ({ className, ...props }) => {
2812
- const { slots } = useSelect();
2813
- return /* @__PURE__ */ jsx(Select.Positioner, {
2814
- className: cn$1(slots.positioner(), className),
2815
- ...props
2816
- });
2817
- };
2818
- const SelectPopup = ({ className, ...props }) => {
2819
- const { slots } = useSelect();
2820
- return /* @__PURE__ */ jsx(Select.Popup, {
2821
- className: cn$1(slots.popup(), className),
2822
- ...props
2823
- });
2824
- };
2825
- const SelectArrow = ({ className, ...props }) => {
2826
- const { slots } = useSelect();
2827
- return /* @__PURE__ */ jsx(Select.Arrow, {
2828
- className: cn$1(slots.arrow(), className),
2829
- ...props
2830
- });
2831
- };
2832
- const SelectList = ({ className, ...props }) => {
2833
- const { slots } = useSelect();
2834
- return /* @__PURE__ */ jsx(Select.List, {
2835
- className: cn$1(slots.list(), className),
2836
- ...props
2837
- });
2838
- };
2839
- const SelectItemIndicator = ({ className, children, ...props }) => {
2840
- const { slots } = useSelect();
2841
- return /* @__PURE__ */ jsx(Select.ItemIndicator, {
2842
- className: cn$1(slots.itemIndicator(), className),
2843
- ...props,
2844
- children: children || /* @__PURE__ */ jsx(Check, {})
2845
- });
2846
- };
2847
- const SelectItemText = ({ className, ...props }) => {
2848
- return /* @__PURE__ */ jsx(Select.ItemText, {
2849
- className,
2850
- ...props
2851
- });
2852
- };
2853
- const SelectItem = ({ className, ...props }) => {
2854
- const { slots } = useSelect();
2855
- return /* @__PURE__ */ jsx(Select.Item, {
2856
- className: cn$1(slots.item(), className),
2857
- ...props
2858
- });
2859
- };
2860
- const SelectGroup = ({ className, ...props }) => {
2861
- const { slots } = useSelect();
2862
- return /* @__PURE__ */ jsx(Select.Group, {
2863
- className: cn$1(slots.group(), className),
2864
- ...props
2865
- });
2866
- };
2867
- const SelectGroupLabel = ({ className, ...props }) => {
2868
- const { slots } = useSelect();
2869
- return /* @__PURE__ */ jsx(Select.GroupLabel, {
2870
- className: cn$1(slots.groupLabel(), className),
2871
- ...props
2872
- });
2873
- };
2874
- const SelectSeparator = ({ className, ...props }) => {
2875
- const { slots } = useSelect();
2876
- return /* @__PURE__ */ jsx(Select.Separator, {
2877
- className: cn$1(slots.separator(), className),
2878
- ...props
2879
- });
2880
- };
2881
- var select_default = Object.assign(Select$1, {
2882
- Arrow: SelectArrow,
2883
- Backdrop: SelectBackdrop,
2884
- Group: SelectGroup,
2885
- GroupLabel: SelectGroupLabel,
2886
- Icon: SelectIcon,
2887
- Item: SelectItem,
2888
- ItemIndicator: SelectItemIndicator,
2889
- ItemText: SelectItemText,
2890
- List: SelectList,
2891
- Popup: SelectPopup,
2892
- Portal: SelectPortal,
2893
- Positioner: SelectPositioner,
2894
- Separator: SelectSeparator,
2895
- Trigger: SelectTrigger,
2896
- Value: SelectValue
2897
- });
2898
-
2899
- //#endregion
2900
- //#region src/components/sidebar/sidebar.context.ts
2901
- const SidebarContext = createContext(null);
2902
-
2903
- //#endregion
2904
- //#region src/components/sidebar/sidebar.variants.ts
2905
- const sidebarVariants = tv({ slots: {
2906
- content: "sidebar__content",
2907
- footer: "sidebar__footer",
2908
- header: "sidebar__header",
2909
- menu: "sidebar__menu",
2910
- menuItem: "sidebar__menu-item",
2911
- menuLabel: "sidebar__menu-label",
2912
- outlet: "sidebar__outlet",
2913
- panel: "sidebar__panel",
2914
- root: "sidebar",
2915
- trigger: "sidebar__trigger"
2916
- } });
2917
-
2918
- //#endregion
2919
- //#region src/components/sidebar/use-sidebar.ts
2920
- const useSidebar = () => {
2921
- const context = useContext(SidebarContext);
2922
- if (!context) throw new Error("useSidebar must be used within a SidebarProvider");
2923
- return context;
2924
- };
2925
-
2926
- //#endregion
2927
- //#region src/components/sidebar/sidebar.tsx
2928
- const Sidebar = ({ className, isOpen, onOpenChange, ...props }) => {
2929
- const [internalIsOpen, setInternalIsOpen] = React.useState(false);
2930
- const isOpenState = isOpen !== void 0 ? isOpen : internalIsOpen;
2931
- const handleOpenChange = onOpenChange || setInternalIsOpen;
2932
- const slots = useMemo(() => sidebarVariants({ className }), [className]);
2933
- return /* @__PURE__ */ jsx(SidebarContext, {
2934
- value: {
2935
- isOpen: isOpenState,
2936
- onOpenChange: handleOpenChange,
2937
- slots
2938
- },
2939
- children: /* @__PURE__ */ jsx("div", {
2940
- className: slots.root(),
2941
- "data-open": isOpenState,
2942
- ...props
2943
- })
2944
- });
2945
- };
2946
- const SidebarPanel = ({ className, ...props }) => {
2947
- const { slots } = useSidebar();
2948
- return /* @__PURE__ */ jsx("aside", {
2949
- className: cn$1(slots.panel(), className),
2950
- ...props
2951
- });
2952
- };
2953
- const SidebarHeader = ({ className, ...props }) => {
2954
- const { slots } = useSidebar();
2955
- return /* @__PURE__ */ jsx("header", {
2956
- className: cn$1(slots.header(), className),
2957
- ...props
2958
- });
2959
- };
2960
- const SidebarContent = ({ className, ...props }) => {
2961
- const { slots } = useSidebar();
2962
- return /* @__PURE__ */ jsx("div", {
2963
- className: cn$1(slots.content(), className),
2964
- ...props
2965
- });
2966
- };
2967
- const SidebarFooter = ({ className, ...props }) => {
2968
- const { slots } = useSidebar();
2969
- return /* @__PURE__ */ jsx("footer", {
2970
- className: cn$1(slots.footer(), className),
2971
- ...props
2972
- });
2973
- };
2974
- const SidebarTrigger = ({ className, children, ...props }) => {
2975
- const { slots, isOpen, onOpenChange } = useSidebar();
2976
- return /* @__PURE__ */ jsx("button", {
2977
- "aria-expanded": isOpen,
2978
- className: cn$1(slots.trigger(), className),
2979
- onClick: () => onOpenChange(!isOpen),
2980
- ...props,
2981
- children: children ?? (isOpen ? /* @__PURE__ */ jsx(LucidePanelLeftClose, {}) : /* @__PURE__ */ jsx(LucidePanelLeftOpen, {}))
2982
- });
2983
- };
2984
- const SidebarOutlet = ({ className, ...props }) => {
2985
- const { slots } = useSidebar();
2986
- return /* @__PURE__ */ jsx("div", {
2987
- className: cn$1(slots.outlet(), className),
2988
- ...props
2989
- });
2990
- };
2991
- const SidebarMenu = ({ className, ...props }) => {
2992
- const { slots } = useSidebar();
2993
- return /* @__PURE__ */ jsx("nav", {
2994
- className: cn$1(slots.menu(), className),
2995
- ...props
2996
- });
2997
- };
2998
- const SidebarMenuItem = ({ className, ...props }) => {
2999
- const { slots } = useSidebar();
3000
- return /* @__PURE__ */ jsx("li", {
3001
- className: cn$1(slots.menuItem(), className),
3002
- ...props
3003
- });
3004
- };
3005
- const SidebarMenuLabel = ({ className, ...props }) => {
3006
- const { slots } = useSidebar();
3007
- return /* @__PURE__ */ jsx("div", {
3008
- className: cn$1(slots.menuLabel(), className),
3009
- ...props
3010
- });
3011
- };
3012
- var sidebar_default = Object.assign(Sidebar, {
3013
- Content: SidebarContent,
3014
- Footer: SidebarFooter,
3015
- Header: SidebarHeader,
3016
- Menu: SidebarMenu,
3017
- MenuItem: SidebarMenuItem,
3018
- MenuLabel: SidebarMenuLabel,
3019
- Outlet: SidebarOutlet,
3020
- Panel: SidebarPanel,
3021
- Root: Sidebar,
3022
- Trigger: SidebarTrigger
3023
- });
3024
-
3025
- //#endregion
3026
- //#region src/components/slider/slider.context.ts
3027
- const SliderContext = createContext(null);
3028
-
3029
- //#endregion
3030
- //#region src/components/slider/slider.variants.ts
3031
- const sliderVariants = tv({ slots: {
3032
- control: "slider__control",
3033
- indicator: "slider__indicator",
3034
- root: "slider",
3035
- thumb: "slider__thumb",
3036
- track: "slider__track",
3037
- value: "slider__value"
3038
- } });
3039
-
3040
- //#endregion
3041
- //#region src/components/slider/use-slider.tsx
3042
- const useSlider = () => {
3043
- const context = useContext(SliderContext);
3044
- if (!context) throw new Error("useSlider must be used within a SliderProvider");
3045
- return context;
3046
- };
3047
-
3048
- //#endregion
3049
- //#region src/components/slider/slider.tsx
3050
- const Slider$1 = ({ className, ...props }) => {
3051
- const slots = useMemo(() => sliderVariants(), []);
3052
- return /* @__PURE__ */ jsx(SliderContext, {
3053
- value: { slots },
3054
- children: /* @__PURE__ */ jsx(Slider.Root, {
3055
- className: cn$1(className, slots.root()),
3056
- ...props
3057
- })
3058
- });
3059
- };
3060
- const SliderValue = ({ className, ...props }) => {
3061
- const { slots } = useSlider();
3062
- return /* @__PURE__ */ jsx(Slider.Value, {
3063
- className: cn$1(className, slots.value()),
3064
- ...props
3065
- });
3066
- };
3067
- const SliderControl = ({ className, ...props }) => {
3068
- const { slots } = useSlider();
3069
- return /* @__PURE__ */ jsx(Slider.Control, {
3070
- className: cn$1(className, slots.control()),
3071
- ...props
3072
- });
3073
- };
3074
- const SliderTrack = ({ className, ...props }) => {
3075
- const { slots } = useSlider();
3076
- return /* @__PURE__ */ jsx(Slider.Track, {
3077
- className: cn$1(className, slots.track()),
3078
- ...props
3079
- });
3080
- };
3081
- const SliderIndicator = ({ className, ...props }) => {
3082
- const { slots } = useSlider();
3083
- return /* @__PURE__ */ jsx(Slider.Indicator, {
3084
- className: cn$1(className, slots.indicator()),
3085
- ...props
3086
- });
3087
- };
3088
- const SliderThumb = ({ className, ...props }) => {
3089
- const { slots } = useSlider();
3090
- return /* @__PURE__ */ jsx(Slider.Thumb, {
3091
- className: cn$1(className, slots.thumb()),
3092
- ...props
3093
- });
3094
- };
3095
- var slider_default = Object.assign(Slider$1, {
3096
- Control: SliderControl,
3097
- Indicator: SliderIndicator,
3098
- Root: Slider$1,
3099
- Thumb: SliderThumb,
3100
- Track: SliderTrack,
3101
- Value: SliderValue
3102
- });
3103
-
3104
- //#endregion
3105
- //#region src/components/spinner/spinner.variants.ts
3106
- const spinnerVariants = tv({
3107
- base: "spinner",
3108
- defaultVariants: {
3109
- size: "md",
3110
- variant: "primary"
3111
- },
3112
- variants: {
3113
- size: {
3114
- lg: "spinner--lg",
3115
- md: "spinner--md",
3116
- sm: "spinner--sm",
3117
- xl: "spinner--xl"
3118
- },
3119
- variant: {
3120
- danger: "spinner--danger",
3121
- primary: "spinner--primary",
3122
- success: "spinner--success"
3123
- }
3124
- }
3125
- });
3126
-
3127
- //#endregion
3128
- //#region src/components/spinner/spinner.tsx
3129
- const Spinner = ({ className, size, variant, asChild, ...props }) => {
3130
- const styles = spinnerVariants({
3131
- size,
3132
- variant
3133
- });
3134
- return /* @__PURE__ */ jsx(LucideLoader, {
3135
- "aria-label": "Loading",
3136
- className: cn$1(className, styles),
3137
- role: "status",
3138
- ...props
3139
- });
3140
- };
3141
- var spinner_default = Spinner;
3142
-
3143
- //#endregion
3144
- //#region src/components/switch/switch.context.ts
3145
- const SwitchContext = createContext(null);
3146
-
3147
- //#endregion
3148
- //#region src/components/switch/switch.variants.ts
3149
- const switchVariants = tv({
3150
- defaultVariants: { size: "md" },
3151
- slots: {
3152
- root: "switch",
3153
- thumb: "switch__thumb"
3154
- },
3155
- variants: { size: {
3156
- lg: { root: "switch--lg" },
3157
- md: { root: "switch--md" },
3158
- sm: { root: "switch--sm" }
3159
- } }
3160
- });
3161
-
3162
- //#endregion
3163
- //#region src/components/switch/use-switch.ts
3164
- const useSwitch = () => {
3165
- const context = useContext(SwitchContext);
3166
- if (!context) throw new Error("useSwitch must be used within a SwitchProvider");
3167
- return context;
3168
- };
3169
-
3170
- //#endregion
3171
- //#region src/components/switch/switch.tsx
3172
- const Switch$1 = ({ className, size, ...props }) => {
3173
- const slots = useMemo(() => switchVariants({ size }), [size]);
3174
- return /* @__PURE__ */ jsx(SwitchContext.Provider, {
3175
- value: { slots },
3176
- children: /* @__PURE__ */ jsx(Switch.Root, {
3177
- className: cn$1(className, slots.root()),
3178
- ...props
3179
- })
3180
- });
3181
- };
3182
- const SwitchThumb = ({ className, ...props }) => {
3183
- const { slots } = useSwitch();
3184
- return /* @__PURE__ */ jsx(Switch.Thumb, {
3185
- className: cn$1(className, slots.thumb()),
3186
- ...props
3187
- });
3188
- };
3189
- var switch_default = Object.assign(Switch$1, {
3190
- Root: Switch$1,
3191
- Thumb: SwitchThumb
3192
- });
3193
-
3194
- //#endregion
3195
- //#region src/components/table/table.context.ts
3196
- const TableContext = createContext(null);
3197
-
3198
- //#endregion
3199
- //#region src/components/table/table.variants.ts
3200
- const tableVariants = tv({ slots: {
3201
- root: "table",
3202
- tbody: "table__tbody",
3203
- td: "table__td",
3204
- tfoot: "table__tfoot",
3205
- th: "table__th",
3206
- thead: "table__thead",
3207
- tr: "table__tr"
3208
- } });
3209
-
3210
- //#endregion
3211
- //#region src/components/table/use-table.ts
3212
- const useTable = () => {
3213
- const context = useContext(TableContext);
3214
- if (!context) throw new Error("useTable must be used within a TableProvider");
3215
- return context;
3216
- };
3217
-
3218
- //#endregion
3219
- //#region src/components/table/table.tsx
3220
- const Table = ({ className, ...props }) => {
3221
- const slots = useMemo(() => tableVariants(), []);
3222
- return /* @__PURE__ */ jsx(TableContext, {
3223
- value: { slots },
3224
- children: /* @__PURE__ */ jsx("table", {
3225
- className: cn$1(className, slots.root()),
3226
- ...props
3227
- })
3228
- });
3229
- };
3230
- const TableHead = ({ className, ...props }) => {
3231
- const { slots } = useTable();
3232
- return /* @__PURE__ */ jsx("thead", {
3233
- className: cn$1(className, slots.thead()),
3234
- ...props
3235
- });
3236
- };
3237
- const TableRow = ({ className, ...props }) => {
3238
- const { slots } = useTable();
3239
- return /* @__PURE__ */ jsx("tr", {
3240
- className: cn$1(className, slots.tr()),
3241
- ...props
3242
- });
3243
- };
3244
- const TableHeaderCell = ({ className, ...props }) => {
3245
- const { slots } = useTable();
3246
- return /* @__PURE__ */ jsx("th", {
3247
- className: cn$1(className, slots.th()),
3248
- ...props
3249
- });
3250
- };
3251
- const TableBody = ({ className, ...props }) => {
3252
- const { slots } = useTable();
3253
- return /* @__PURE__ */ jsx("tbody", {
3254
- className: cn$1(className, slots.tbody()),
3255
- ...props
3256
- });
3257
- };
3258
- const TableDataCell = ({ className, ...props }) => {
3259
- const { slots } = useTable();
3260
- return /* @__PURE__ */ jsx("td", {
3261
- className: cn$1(className, slots.td()),
3262
- ...props
3263
- });
3264
- };
3265
- const TableFooter = ({ className, ...props }) => {
3266
- const { slots } = useTable();
3267
- return /* @__PURE__ */ jsx("tfoot", {
3268
- className: cn$1(className, slots.tfoot()),
3269
- ...props
3270
- });
3271
- };
3272
- var table_default = Object.assign(Table, {
3273
- Body: TableBody,
3274
- DataCell: TableDataCell,
3275
- Footer: TableFooter,
3276
- Head: TableHead,
3277
- HeaderCell: TableHeaderCell,
3278
- Root: Table,
3279
- Row: TableRow
3280
- });
3281
-
3282
- //#endregion
3283
- //#region src/components/tabs/tabs.context.ts
3284
- const TabsContext = createContext(null);
3285
-
3286
- //#endregion
3287
- //#region src/components/tabs/tabs.variants.ts
3288
- const tabsVariants = tv({ slots: {
3289
- indicator: "tabs__indicator",
3290
- list: "tabs__list",
3291
- panel: "tabs__panel",
3292
- root: "tabs",
3293
- tab: "tabs__tab"
3294
- } });
3295
-
3296
- //#endregion
3297
- //#region src/components/tabs/use-tabs.ts
3298
- const useTabs = () => {
3299
- const context = useContext(TabsContext);
3300
- if (!context) throw new Error("useTabs must be used within a TabsProvider");
3301
- return context;
3302
- };
3303
-
3304
- //#endregion
3305
- //#region src/components/tabs/tabs.tsx
3306
- const Tabs$1 = ({ className, ...props }) => {
3307
- const slots = useMemo(() => tabsVariants(), []);
3308
- const [listRef, setListRef] = React.useState(null);
3309
- React.useEffect(() => {
3310
- if (!listRef) return;
3311
- const updateIndicator = () => {
3312
- const activeTab = listRef.querySelector("[data-state=\"active\"]");
3313
- if (activeTab) {
3314
- const listRect = listRef.getBoundingClientRect();
3315
- const tabRect = activeTab.getBoundingClientRect();
3316
- listRef.style.setProperty("--active-tab-width", `${tabRect.width}px`);
3317
- listRef.style.setProperty("--active-tab-left", `${tabRect.left - listRect.left + tabRect.width / 2}px`);
3318
- }
3319
- };
3320
- updateIndicator();
3321
- const observer = new MutationObserver(updateIndicator);
3322
- observer.observe(listRef, {
3323
- attributeFilter: ["data-state"],
3324
- attributes: true,
3325
- subtree: true
3326
- });
3327
- window.addEventListener("resize", updateIndicator);
3328
- return () => {
3329
- observer.disconnect();
3330
- window.removeEventListener("resize", updateIndicator);
3331
- };
3332
- }, [listRef]);
3333
- return /* @__PURE__ */ jsx(TabsContext.Provider, {
3334
- value: {
3335
- listRef,
3336
- setListRef,
3337
- slots
3338
- },
3339
- children: /* @__PURE__ */ jsx(Tabs.Root, {
3340
- className: cn$1(className, slots.root()),
3341
- ...props
3342
- })
3343
- });
3344
- };
3345
- const TabsList = ({ className, ...props }) => {
3346
- const { slots, setListRef } = useTabs();
3347
- return /* @__PURE__ */ jsx(Tabs.List, {
3348
- className: cn$1(slots.list(), className),
3349
- ref: setListRef,
3350
- ...props
3351
- });
3352
- };
3353
- const TabsTab = ({ className, ...props }) => {
3354
- const { slots } = useTabs();
3355
- return /* @__PURE__ */ jsx(Tabs.Tab, {
3356
- className: cn$1(slots.tab(), className),
3357
- ...props
3358
- });
3359
- };
3360
- const TabsIndicator = ({ className, ...props }) => {
3361
- const { slots } = useTabs();
3362
- return /* @__PURE__ */ jsx(Tabs.Indicator, {
3363
- className: cn$1(slots.indicator(), className),
3364
- ...props
3365
- });
3366
- };
3367
- const TabsPanel = ({ className, ...props }) => {
3368
- const { slots } = useTabs();
3369
- return /* @__PURE__ */ jsx(Tabs.Panel, {
3370
- className: cn$1(slots.panel(), className),
3371
- ...props
3372
- });
3373
- };
3374
- var tabs_default = Object.assign(Tabs$1, {
3375
- Indicator: TabsIndicator,
3376
- List: TabsList,
3377
- Panel: TabsPanel,
3378
- Root: Tabs$1,
3379
- Tab: TabsTab
3380
- });
3381
-
3382
- //#endregion
3383
- //#region src/components/toggle-button/toggle-button.variants.ts
3384
- const toggleButtonVariants = tv({
3385
- base: "toggle-button",
3386
- extend: buttonVariants
3387
- });
3388
-
3389
- //#endregion
3390
- //#region src/components/toggle-button/toggle-button.tsx
3391
- const ToggleButton = ({ className, variant, size, ...props }) => {
3392
- return /* @__PURE__ */ jsx(Toggle, {
3393
- className: cn$1(className, toggleButtonVariants({
3394
- size,
3395
- variant
3396
- })),
3397
- ...props
3398
- });
3399
- };
3400
- var toggle_button_default = ToggleButton;
3401
-
3402
- //#endregion
3403
- //#region src/components/tooltip/tooltip.context.ts
3404
- const TooltipContext = createContext(null);
3405
-
3406
- //#endregion
3407
- //#region src/components/tooltip/tooltip.variants.ts
3408
- const tooltipVariants = tv({ slots: {
3409
- arrow: "tooltip__arrow",
3410
- popup: "tooltip__popup",
3411
- portal: "tooltip__portal",
3412
- positioner: "tooltip__positioner",
3413
- root: "tooltip",
3414
- trigger: "tooltip__trigger"
3415
- } });
3416
-
3417
- //#endregion
3418
- //#region src/components/tooltip/use-tooltip.ts
3419
- const useTooltip = () => {
3420
- const context = useContext(TooltipContext);
3421
- if (!context) throw new Error("useTooltip must be used within a TooltipProvider");
3422
- return context;
3423
- };
3424
-
3425
- //#endregion
3426
- //#region src/components/tooltip/tooltip.tsx
3427
- const Tooltip$1 = ({ ...props }) => {
3428
- return /* @__PURE__ */ jsx(TooltipContext, {
3429
- value: { slots: useMemo(() => tooltipVariants({}), []) },
3430
- children: /* @__PURE__ */ jsx(Tooltip.Root, { ...props })
3431
- });
3432
- };
3433
- const TooltipTrigger = ({ className, ...props }) => {
3434
- const { slots } = useTooltip();
3435
- return /* @__PURE__ */ jsx(Tooltip.Trigger, {
3436
- className: cn$1(className, slots.trigger()),
3437
- ...props
3438
- });
3439
- };
3440
- const TooltipPortal = ({ className, ...props }) => {
3441
- const { slots } = useTooltip();
3442
- return /* @__PURE__ */ jsx(Tooltip.Portal, {
3443
- className: cn$1(className, slots.portal()),
3444
- ...props
3445
- });
3446
- };
3447
- const TooltipPositioner = ({ className, ...props }) => {
3448
- const { slots } = useTooltip();
3449
- return /* @__PURE__ */ jsx(Tooltip.Positioner, {
3450
- className: cn$1(className, slots.positioner()),
3451
- ...props
3452
- });
3453
- };
3454
- const TooltipPopup = ({ className, ...props }) => {
3455
- const { slots } = useTooltip();
3456
- return /* @__PURE__ */ jsx(Tooltip.Popup, {
3457
- className: cn$1(className, slots.popup()),
3458
- ...props
3459
- });
3460
- };
3461
- const TooltipArrow = ({ className, ...props }) => {
3462
- const { slots } = useTooltip();
3463
- return /* @__PURE__ */ jsx(Tooltip.Arrow, {
3464
- className: cn$1(className, slots.arrow()),
3465
- ...props
3466
- });
3467
- };
3468
- var tooltip_default = Object.assign(Tooltip$1, {
3469
- Arrow: TooltipArrow,
3470
- Popup: TooltipPopup,
3471
- Portal: TooltipPortal,
3472
- Positioner: TooltipPositioner,
3473
- Provider: Tooltip.Provider,
3474
- Root: Tooltip$1,
3475
- Trigger: TooltipTrigger
3476
- });
3477
-
3478
- //#endregion
3479
- export { accordion_default as Accordion, alert_default as Alert, alert_dialog_default as AlertDialog, autocomplete_default as Autocomplete, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, collapsible_default as Collapsible, combobox_default as Combobox, container_default as Container, context_menu_default as ContextMenu, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, icon_button_default as IconButton, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, navigation_menu_default as NavigationMenu, number_field_default as NumberField, popover_default as Popover, preview_card_default as PreviewCard, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, scroll_area_default as ScrollArea, select_default as Select, separator_default as Separator, sidebar_default as Sidebar, slider_default as Slider, spinner_default as Spinner, switch_default as Switch, table_default as Table, tabs_default as Tabs, toggle_button_default as ToggleButton, tooltip_default as Tooltip, accordionVariants, alertDialogVariants, alertVariants, autocompleteVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, comboboxVariants, containerVariants, contextMenuVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, navigationMenuVariants, numberFieldVariants, popoverVariants, previewCardVariants, progressVariants, radioGroupVariants, radioVariants, scrollAreaVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants };
2
+ import{cn as e,cn as t,tv as n}from"tailwind-variants";import{Accordion as r,AlertDialog as i,Autocomplete as a,Avatar as o,Button as ee,Checkbox as s,CheckboxGroup as te,Collapsible as ne,Combobox as c,ContextMenu as l,Dialog as u,Field as d,Fieldset as re,Form as ie,Input as ae,Menu as f,Meter as p,NavigationMenu as m,NumberField as h,Popover as g,PreviewCard as _,Progress as v,Radio as oe,RadioGroup as se,ScrollArea as y,Select as b,Separator as ce,Slider as x,Switch as le,Tabs as S,Toggle as ue,Tooltip as C}from"@base-ui/react";import{Check as de,ChevronDown as fe,ChevronsUpDown as pe,LucideAlertTriangle as me,LucideCheck as he,LucideCheckCircle as ge,LucideChevronDown as _e,LucideChevronUp as ve,LucideChevronsLeftRight as ye,LucideInfo as be,LucideLoader as xe,LucideMenu as Se,LucideMinus as Ce,LucidePanelLeftClose as we,LucidePanelLeftOpen as Te,LucidePlus as Ee,LucideX as w,LucideXCircle as De,X as Oe}from"lucide-react";import T,{createContext as E,useCallback as ke,useContext as D,useMemo as O,useState as Ae}from"react";import{jsx as k,jsxs as A}from"react/jsx-runtime";const je=E(null),Me=n({slots:{content:`accordion__content`,header:`accordion__header`,item:`accordion__item`,panel:`accordion__panel`,root:`accordion`,trigger:`accordion__trigger`,triggerIcon:`accordion__trigger-icon`}}),j=()=>{let e=D(je);if(!e)throw Error(`useAccordion must be used within a AccordionProvider`);return e},Ne=({className:e,...n})=>{let i=O(()=>Me({}),[]);return k(je.Provider,{value:{slots:i},children:k(r.Root,{className:t(e,i.root()),...n})})},Pe=({className:e,...n})=>{let{slots:i}=j();return k(r.Item,{className:t(e,i.item()),...n})},Fe=({className:e,...n})=>{let{slots:i}=j();return k(r.Header,{className:t(e,i.header()),...n})},Ie=({className:e,...n})=>{let{slots:i}=j();return k(r.Trigger,{className:t(e,i.trigger()),...n})},Le=({className:e,...n})=>{let{slots:r}=j();return k(_e,{className:t(e,r.triggerIcon()),...n})},Re=({className:e,...n})=>{let{slots:i}=j();return k(r.Panel,{className:t(e,i.panel()),...n})},ze=({className:e,...n})=>{let{slots:r}=j();return k(`div`,{className:t(e,r.content()),...n})},Be=Object.assign(Ne,{Content:ze,Header:Fe,Item:Pe,Panel:Re,Root:Ne,Trigger:Ie,TriggerIcon:Le}),Ve=E(null),He=n({defaultVariants:{variant:`info`},slots:{content:`alert__content`,description:`alert__description`,indicator:`alert__indicator`,root:`alert`,title:`alert__title`},variants:{variant:{danger:{root:`alert--danger`},info:{root:`alert--info`},primary:{root:`alert--primary`},success:{root:`alert--success`},warning:{root:`alert--warning`}}}}),Ue=()=>{let e=D(Ve);if(!e)throw Error(`useAlert must be used within a AlertProvider`);return e},We=({className:e,variant:n,...r})=>{let i=O(()=>He({className:e,variant:n}),[e,n]);return k(Ve,{value:{slots:i,variant:n},children:k(`div`,{className:t(e,i.root()),...r})})},Ge=({className:e,children:n,...r})=>{let{slots:i,variant:a}=Ue(),o=({children:e})=>{if(e)return e;switch(a){case`danger`:return k(De,{});case`success`:return k(ge,{});case`warning`:return k(me,{});default:return k(be,{})}};return k(`div`,{className:t(e,i.indicator()),...r,children:k(o,{children:n})})},Ke=({className:e,...n})=>{let{slots:r}=Ue();return k(`div`,{className:t(e,r.content()),...n})},qe=({className:e,...n})=>{let{slots:r}=Ue();return k(`div`,{className:t(e,r.title()),...n})},Je=({className:e,...n})=>{let{slots:r}=Ue();return k(`div`,{className:t(e,r.description()),...n})},Ye=Object.assign(We,{Content:Ke,Description:Je,Indicator:Ge,Root:We,Title:qe}),Xe=E(null),Ze=n({slots:{backdrop:`alert-dialog__backdrop`,close:`alert-dialog__close`,description:`alert-dialog__description`,popup:`alert-dialog__popup`,portal:`alert-dialog__portal`,root:`alert-dialog`,title:`alert-dialog__title`,trigger:`alert-dialog__trigger`,viewport:`alert-dialog__viewport`}}),M=()=>{let e=D(Xe);if(!e)throw Error(`useAlertDialog must be used within a AlertDialogProvider`);return e},Qe=({...e})=>k(Xe,{value:{slots:O(()=>Ze(),[])},children:k(i.Root,{...e})}),$e=({className:e,...n})=>{let{slots:r}=M();return k(i.Trigger,{className:t(r.trigger(),e),...n})},et=({className:e,...n})=>{let{slots:r}=M();return k(i.Portal,{className:t(r.portal(),e),...n})},tt=({className:e,...n})=>{let{slots:r}=M();return k(i.Backdrop,{className:t(r.backdrop(),e),...n})},nt=({className:e,...n})=>{let{slots:r}=M();return k(i.Viewport,{className:t(r.viewport(),e),...n})},rt=({className:e,...n})=>{let{slots:r}=M();return k(i.Popup,{className:t(r.popup(),e),...n})},it=({className:e,...n})=>{let{slots:r}=M();return k(i.Title,{className:t(r.title(),e),...n})},at=({className:e,...n})=>{let{slots:r}=M();return k(i.Description,{className:t(r.description(),e),...n})},ot=({className:e,children:n,...r})=>{let{slots:a}=M();return k(i.Close,{className:t(a.close(),e),...r,children:n??k(w,{})})},st=Object.assign(Qe,{Backdrop:tt,Close:ot,Description:at,Popup:rt,Portal:et,Root:Qe,Title:it,Trigger:$e,Viewport:nt}),ct=E(null),lt=n({slots:{root:`autcomplete`,input:`autocomplete__input`,trigger:`autocomplete__trigger`,icon:`autocomplete__icon`,clear:`autocomplete__clear`,value:`autocomplete__value`,portal:`autocomplete__portal`,backdrop:`autocomplete__backdrop`,positioner:`autocomplete__positioner`,popup:`autocomplete__popup`,arrow:`autocomplete__arrow`,status:`autocomplete__status`,empty:`autocomplete__empty`,list:`autocomplete__list`,row:`autocomplete__row`,item:`autocomplete__item`,separator:`autocomplete__separator`,group:`autocomplete__group`,groupLabel:`autocomplete__group-label`}}),N=()=>{let e=D(ct);if(!e)throw Error(`useAutocomplete must be used within a AutocompleteProvider`);return e},ut=({...e})=>k(ct,{value:{slots:O(()=>lt(),[])},children:k(a.Root,{...e})}),dt=({className:e,...n})=>{let{slots:r}=N();return k(a.Trigger,{className:t(r.trigger(),e),...n})},ft=({className:e,...n})=>{let{slots:r}=N();return k(a.Input,{className:t(r.input(),e),...n})},pt=({className:e,...n})=>{let{slots:r}=N();return k(a.Icon,{className:t(r.icon(),e),...n})},mt=({className:e,...n})=>{let{slots:r}=N();return k(a.Clear,{className:t(r.clear(),e),...n})},ht=({...e})=>k(a.Value,{...e}),gt=({className:e,...n})=>{let{slots:r}=N();return k(a.Portal,{className:t(r.portal(),e),...n})},_t=({className:e,...n})=>{let{slots:r}=N();return k(a.Backdrop,{className:t(r.backdrop(),e),...n})},vt=({className:e,...n})=>{let{slots:r}=N();return k(a.Positioner,{className:t(r.positioner(),e),...n})},yt=({className:e,...n})=>{let{slots:r}=N();return k(a.Popup,{className:t(r.popup(),e),...n})},bt=({className:e,...n})=>{let{slots:r}=N();return k(a.Arrow,{className:t(r.arrow(),e),...n})},xt=({className:e,...n})=>{let{slots:r}=N();return k(a.Status,{className:t(r.status(),e),...n})},St=({className:e,...n})=>{let{slots:r}=N();return k(a.Empty,{className:t(r.empty(),e),...n})},Ct=({className:e,...n})=>{let{slots:r}=N();return k(a.List,{className:t(r.list(),e),...n})},wt=({className:e,...n})=>{let{slots:r}=N();return k(a.Row,{className:t(r.row(),e),...n})},Tt=({className:e,...n})=>{let{slots:r}=N();return k(a.Item,{className:t(r.item(),e),...n})},Et=({className:e,...n})=>{let{slots:r}=N();return k(a.Separator,{className:t(r.separator(),e),...n})},Dt=({className:e,...n})=>{let{slots:r}=N();return k(a.Group,{className:t(r.group(),e),...n})},Ot=({className:e,...n})=>{let{slots:r}=N();return k(a.GroupLabel,{className:t(r.groupLabel(),e),...n})},kt=Object.assign(ut,{Arrow:bt,Backdrop:_t,Clear:mt,Empty:St,Group:Dt,GroupLabel:Ot,Icon:pt,Input:ft,Item:Tt,List:Ct,Popup:yt,Portal:gt,Positioner:vt,Root:ut,Row:wt,Separator:Et,Status:xt,Trigger:dt,Value:ht}),At=E(null),jt=n({defaultVariants:{size:`md`},slots:{fallback:`avatar__fallback`,image:`avatar__image`,root:`avatar`},variants:{size:{lg:{root:`avatar--lg`},md:{root:`avatar--md`},sm:{root:`avatar--sm`}}}}),Mt=()=>{let e=D(At);if(!e)throw Error(`useAvatar must be used within the Avatar component.`);return e},Nt=({className:e,size:n,...r})=>{let i=O(()=>jt({size:n}),[n]);return k(At.Provider,{value:{slots:i},children:k(o.Root,{className:t(e,i.root()),...r})})},Pt=({className:e,...n})=>{let{slots:r}=Mt();return k(o.Image,{className:t(e,r.image()),...n})},Ft=({className:e,...n})=>{let{slots:r}=Mt();return k(o.Fallback,{className:t(e,r.fallback()),...n})},It=Object.assign(Nt,{Fallback:Ft,Image:Pt,Root:Nt}),Lt=n({base:`button`,defaultVariants:{isIconOnly:!1,size:`md`,variant:`primary`},variants:{isIconOnly:{true:`button--icon-only`},size:{lg:`button--lg`,md:`button--md`,sm:`button--sm`},variant:{danger:`button--danger`,ghost:`button--ghost`,outline:`button--outline`,primary:`button--primary`,secondary:`button--secondary`}}}),Rt=({className:e,variant:n,size:r,isIconOnly:i,...a})=>k(ee,{className:t(Lt({isIconOnly:i,size:r,variant:n}),e),...a}),zt=n({base:`button-group`}),Bt=({className:e,...n})=>k(`div`,{className:t(e,zt()),...n}),Vt=E(null),Ht=n({defaultVariants:{variant:`default`},slots:{content:`card__content`,description:`card__description`,header:`card__header`,root:`card`,title:`card__title`},variants:{variant:{default:{root:`card--default`},transparent:{root:`card--transparent`}}}}),P=()=>{let e=D(Vt);if(!e)throw Error(`CardContext must be used with in the Card component.`);return e},Ut=({className:e,variant:n,...r})=>{let i=O(()=>Ht({variant:n}),[n]);return console.log(i),k(Vt.Provider,{value:{slots:i},children:k(`div`,{className:t(e,i.root()),...r})})},Wt=({className:e,...n})=>{let{slots:r}=P();return k(`div`,{className:t(e,r.header()),...n})},Gt=({className:e,...n})=>{let{slots:r}=P();return k(`div`,{className:t(e,r.content()),...n})},Kt=({className:e,...n})=>{let{slots:r}=P();return k(`h2`,{className:t(e,r.title()),...n})},qt=({className:e,...n})=>{let{slots:r}=P();return k(`p`,{className:t(e,r.description()),...n})},Jt=Object.assign(Ut,{Content:Gt,Description:qt,Header:Wt,Root:Ut,Title:Kt}),Yt=E(null),Xt=n({slots:{indicator:`checkbox__indicator`,root:`checkbox`}}),Zt=()=>{let e=D(Yt);if(!e)throw Error(`useCheckbox must be used within a CheckboxProvider`);return e},Qt=({className:e,...n})=>{let r=O(()=>Xt({}),[]);return k(Yt,{value:{slots:r},children:k(s.Root,{className:t(e,r.root()),...n})})},$t=({className:e,children:n,...r})=>{let{slots:i}=Zt();return k(s.Indicator,{className:t(e,i.indicator()),...r,children:n??k(he,{})})},en=Object.assign(Qt,{Indicator:$t,Root:Qt}),tn=n({base:`checkbox-group`}),nn=({className:e,...n})=>k(te,{className:t(e,tn()),...n}),rn=n({base:`chip`,defaultVariants:{size:`md`,variant:`primary`},variants:{size:{lg:`chip--lg`,md:`chip--md`,sm:`chip--sm`},variant:{danger:`chip--danger`,outline:`chip--outline`,primary:`chip--primary`,secondary:`chip--secondary`,success:`chip--success`}}}),an=({className:e,variant:n,size:r,...i})=>k(`span`,{className:t(e,rn({size:r,variant:n})),...i}),on=E(null),sn=n({slots:{content:`collapsible__content`,panel:`collapsible__panel`,root:`collapsible`,trigger:`collapsible__trigger`,triggerIcon:`collapsible__trigger-icon`}}),F=()=>{let e=D(on);if(!e)throw Error(`useCollapsible must be used within a CollapsibleProvider`);return e},cn=({className:e,...n})=>{let r=O(()=>sn({}),[]);return k(on,{value:{slots:r},children:k(ne.Root,{className:t(e,r.root()),...n})})},ln=({className:e,children:n,...r})=>{let{slots:i}=F();return k(ne.Trigger,{className:t(e,i.trigger()),...r,children:n})},un=({className:e,...n})=>{let{slots:r}=F();return k(_e,{className:t(e,r.triggerIcon()),...n})},dn=({className:e,children:n,...r})=>{let{slots:i}=F();return k(ne.Panel,{className:t(e,i.panel()),...r,children:n})},fn=({className:e,...n})=>{let{slots:r}=F();return k(`div`,{className:t(e,r.content()),...n})},pn=Object.assign(cn,{Content:fn,Panel:dn,Root:cn,Trigger:ln,TriggerIcon:un}),mn=E(null),hn=n({slots:{root:`combobox`,input:`combobox__input`,trigger:`combobox__trigger`,icon:`combobox__icon`,clear:`combobox__clear`,value:`combobox__value`,chips:`combobox__chips`,chip:`combobox__chip`,chipRemove:`combobox__chip-remove`,portal:`combobox__portal`,backdrop:`combobox__backdrop`,positioner:`combobox__positioner`,popup:`combobox__popup`,arrow:`combobox__arrow`,status:`combobox__status`,empty:`combobox__empty`,list:`combobox__list`,row:`combobox__row`,item:`combobox__item`,itemIndicator:`combobox__item-indicator`,separator:`combobox__separator`,group:`combobox__group`,groupLabel:`combobox__group-label`}}),I=()=>{let e=D(mn);if(!e)throw Error(`useCombobox must be used within a ComboboxProvider`);return e},gn=({...e})=>{let t=O(()=>hn(),[]);return k(mn.Provider,{value:{slots:t},children:k(c.Root,{...e})})},_n=({className:e,...n})=>{let{slots:r}=I();return k(c.Input,{className:t(r.input(),e),...n})},vn=({className:e,children:n,...r})=>{let{slots:i}=I();return A(c.Trigger,{className:t(i.trigger(),e),...r,children:[n,k(c.Icon,{className:i.icon(),children:k(fe,{})})]})},yn=({...e})=>{let{slots:n}=I();return k(`div`,{className:t(n.value()),...e})},bn=({className:e,...n})=>{let{slots:r}=I();return k(c.Clear,{className:t(r.clear(),e),...n,children:k(Oe,{className:`h-4 w-4`})})},xn=({className:e,...n})=>{let{slots:r}=I();return k(c.Chips,{className:t(r.chips(),e),...n})},Sn=({className:e,children:n,...r})=>{let{slots:i}=I();return A(c.Chip,{className:t(i.chip(),e),...r,children:[n,k(c.ChipRemove,{className:i.chipRemove()})]})},Cn=({className:e,...n})=>{let{slots:r}=I();return k(c.ChipRemove,{className:t(r.chipRemove(),e),...n})},wn=({...e})=>k(c.Portal,{...e}),Tn=({className:e,...n})=>{let{slots:r}=I();return k(c.Backdrop,{className:t(r.backdrop(),e),...n})},En=({className:e,...n})=>{let{slots:r}=I();return k(c.Positioner,{className:t(r.positioner(),e),...n})},Dn=({className:e,...n})=>{let{slots:r}=I();return k(c.Popup,{className:t(r.popup(),e),...n})},On=({className:e,...n})=>{let{slots:r}=I();return k(c.Arrow,{className:t(r.arrow(),e),...n})},kn=({className:e,...n})=>{let{slots:r}=I();return k(c.Status,{className:t(r.status(),e),...n})},An=({className:e,...n})=>{let{slots:r}=I();return k(c.Empty,{className:t(r.empty(),e),...n})},jn=({className:e,...n})=>{let{slots:r}=I();return k(c.List,{className:t(r.list(),e),...n})},Mn=({className:e,...n})=>{let{slots:r}=I();return k(c.Row,{className:t(r.row(),e),...n})},Nn=({className:e,children:n,...r})=>{let{slots:i}=I();return k(c.ItemIndicator,{className:t(i.itemIndicator(),e),...r,children:n??k(de,{})})},Pn=({className:e,children:n,...r})=>{let{slots:i}=I();return A(c.Item,{className:t(i.item(),e),...r,children:[k(Nn,{}),n]})},Fn=({className:e,...n})=>{let{slots:r}=I();return k(c.Separator,{className:t(r.separator(),e),...n})},In=({className:e,...n})=>{let{slots:r}=I();return k(c.Group,{className:t(r.group(),e),...n})},Ln=({className:e,...n})=>{let{slots:r}=I();return k(c.GroupLabel,{className:t(r.groupLabel(),e),...n})},Rn=Object.assign(gn,{Arrow:On,Backdrop:Tn,Chip:Sn,ChipRemove:Cn,Chips:xn,Clear:bn,Empty:An,Group:In,GroupLabel:Ln,Input:_n,Item:Pn,ItemIndicator:Nn,List:jn,Popup:Dn,Portal:wn,Positioner:En,Root:gn,Row:Mn,Separator:Fn,Status:kn,Trigger:vn,Value:yn}),zn=n({base:`container`}),Bn=({className:e,...n})=>k(`div`,{className:t(e,zn()),...n}),Vn=E(null),Hn=n({slots:{root:`context-menu`,trigger:`context-menu__trigger`,portal:`context-menu__portal`,backdrop:`context-menu__backdrop`,positioner:`context-menu__positioner`,popup:`context-menu__popup`,arrow:`context-menu__arrow`,item:`context-menu__item`,separator:`context-menu__separator`,group:`context-menu__group`,groupLabel:`context-menu__group-label`,submenu:`context-menu__submenu`,submenuTrigger:`context-menu__submenu-trigger`}}),L=()=>{let e=D(Vn);if(!e)throw Error(`useContextMenu must be used within a ContextMenuProvider`);return e},Un=({...e})=>{let t=O(()=>Hn(),[]);return k(Vn.Provider,{value:{slots:t},children:k(l.Root,{...e})})},Wn=({className:e,...n})=>{let{slots:r}=L();return k(l.Trigger,{className:t(r.trigger(),e),...n})},Gn=({className:e,...n})=>{let{slots:r}=L();return k(l.Portal,{className:t(r.portal(),e),...n})},Kn=({className:e,...n})=>{let{slots:r}=L();return k(l.Backdrop,{className:t(r.backdrop(),e),...n})},qn=({className:e,...n})=>{let{slots:r}=L();return k(l.Positioner,{className:t(r.positioner(),e),...n})},Jn=({className:e,...n})=>{let{slots:r}=L();return k(l.Popup,{className:t(r.popup(),e),...n})},Yn=({className:e,...n})=>{let{slots:r}=L();return k(l.Arrow,{className:t(r.arrow(),e),...n})},Xn=({className:e,...n})=>{let{slots:r}=L();return k(l.Item,{className:t(r.item(),e),...n})},Zn=({className:e,...n})=>{let{slots:r}=L();return k(l.Separator,{className:t(r.separator(),e),...n})},Qn=({className:e,...n})=>{let{slots:r}=L();return k(l.Group,{className:t(r.group(),e),...n})},$n=({className:e,...n})=>{let{slots:r}=L();return k(l.GroupLabel,{className:t(r.groupLabel(),e),...n})},er=({...e})=>k(l.SubmenuRoot,{...e}),tr=({className:e,children:n,...r})=>{let{slots:i}=L();return k(l.SubmenuTrigger,{className:t(i.submenuTrigger(),e),...r,children:n})},nr=Object.assign(Un,{Arrow:Yn,Backdrop:Kn,Group:Qn,GroupLabel:$n,Item:Xn,Popup:Jn,Portal:Gn,Positioner:qn,Root:Un,Separator:Zn,SubmenuRoot:er,SubmenuTrigger:tr,Trigger:Wn}),rr=E(null),ir=n({slots:{backdrop:`dialog__backdrop`,close:`dialog__close`,description:`dialog__description`,popup:`dialog__popup`,portal:`dialog__portal`,root:`dialog`,title:`dialog__title`,trigger:`dialog__trigger`,viewport:`dialog__viewport`}}),R=()=>{let e=D(rr);if(!e)throw Error(`useDialog must be used within a DialogProvider`);return e},ar=({...e})=>{let t=O(()=>ir(),[]);return k(rr.Provider,{value:{slots:t},children:k(u.Root,{...e})})},or=({className:e,...n})=>{let{slots:r}=R();return k(u.Trigger,{className:t(r.trigger(),e),...n})},sr=({className:e,...n})=>{let{slots:r}=R();return k(u.Portal,{className:t(r.portal(),e),...n})},cr=({className:e,...n})=>{let{slots:r}=R();return k(u.Backdrop,{className:t(r.backdrop(),e),...n})},lr=({className:e,...n})=>{let{slots:r}=R();return k(u.Viewport,{className:t(r.viewport(),e),...n})},ur=({className:e,...n})=>{let{slots:r}=R();return k(u.Popup,{className:t(r.popup(),e),...n})},dr=({className:e,...n})=>{let{slots:r}=R();return k(u.Title,{className:t(r.title(),e),...n})},fr=({className:e,...n})=>{let{slots:r}=R();return k(u.Description,{className:t(r.description(),e),...n})},pr=({className:e,...n})=>{let{slots:r}=R();return k(u.Close,{className:t(r.close(),e),...n,children:k(w,{})})},mr=Object.assign(ar,{Backdrop:cr,Close:pr,Description:fr,Popup:ur,Portal:sr,Root:ar,Title:dr,Trigger:or,Viewport:lr}),hr=E(null),gr=n({defaultVariants:{position:`left`},slots:{backdrop:`drawer__backdrop`,close:`drawer__close`,description:`drawer__description`,popup:`drawer__popup`,portal:`drawer__portal`,root:`drawer`,title:`drawer__title`,trigger:`drawer__trigger`,viewport:`drawer__viewport`},variants:{position:{bottom:{popup:`drawer--bottom`},left:{popup:`drawer--left`},right:{popup:`drawer--right`},top:{popup:`drawer--top`}}}}),z=()=>{let e=D(hr);if(!e)throw Error(`useDrawer must be used within a DrawerProvider`);return e},_r=({position:e,...t})=>k(hr,{value:{slots:O(()=>gr({position:e}),[e])},children:k(u.Root,{...t})}),vr=({className:e,...n})=>{let{slots:r}=z();return k(u.Trigger,{className:t(r.trigger(),e),...n})},yr=({className:e,...n})=>{let{slots:r}=z();return k(u.Portal,{className:t(r.portal(),e),...n})},br=({className:e,...n})=>{let{slots:r}=z();return k(u.Backdrop,{className:t(r.backdrop(),e),...n})},xr=({className:e,...n})=>{let{slots:r}=z();return k(u.Viewport,{className:t(r.viewport(),e),...n})},Sr=({className:e,...n})=>{let{slots:r}=z();return k(u.Popup,{className:t(r.popup(),e),...n})},Cr=({className:e,...n})=>{let{slots:r}=z();return k(u.Title,{className:t(r.title(),e),...n})},wr=({className:e,...n})=>{let{slots:r}=z();return k(u.Description,{className:t(r.description(),e),...n})},Tr=({className:e,children:n,...r})=>{let{slots:i}=z();return k(u.Close,{className:t(i.close(),e),...r,children:n??k(w,{})})},B=Object.assign(_r,{Backdrop:br,Close:Tr,Description:wr,Popup:Sr,Portal:yr,Root:_r,Title:Cr,Trigger:vr,Viewport:xr}),Er=E(null),Dr=n({slots:{control:`input field__control`,description:`field__description`,error:`field__error`,label:`label field__label`,root:`field`}}),V=()=>{let e=D(Er);if(!e)throw Error(`useField must be used within a FieldProvider`);return e},Or=({className:e,required:n,...r})=>{let i=O(()=>Dr({}),[]);return k(Er,{value:{required:n,slots:i},children:k(d.Root,{className:t(e,i.root()),"data-required":n,...r})})},kr=({className:e,...n})=>{let{slots:r}=V();return k(d.Label,{className:t(e,r.label()),...n})},Ar=({className:e,...n})=>{let{slots:r,required:i}=V();return k(d.Control,{className:t(e,r.control()),required:i,...n})},jr=({className:e,...n})=>{let{slots:r}=V();return k(d.Description,{className:t(e,r.description()),...n})},Mr=({className:e,...n})=>{let{slots:r}=V();return k(d.Error,{className:t(e,r.error()),...n})},Nr=Object.assign(Or,{Control:Ar,Description:jr,Error:Mr,Label:kr,Root:Or}),Pr=E(null),Fr=n({slots:{legend:`fieldset__legend`,root:`fieldset`}}),Ir=()=>{let e=D(Pr);if(!e)throw Error(`useFieldset must be used within a FieldsetProvider`);return e},Lr=({className:e,...n})=>{let r=O(()=>Fr(),[]);return k(Pr,{value:{slots:r},children:k(re.Root,{className:t(e,r.root()),...n})})},Rr=({className:e,...n})=>{let{slots:r}=Ir();return k(re.Legend,{className:t(r.legend(),e),...n})},zr=Object.assign(Lr,{Legend:Rr,Root:Lr}),Br=n({base:`form`}),Vr=({className:e,...n})=>k(ie,{className:t(e,Br()),...n}),Hr=n({base:`icon-button`,defaultVariants:{isIconOnly:!0},extend:Lt}),Ur=({className:e,variant:n,size:r,isIconOnly:i,...a})=>k(Rt,{className:t(e,Hr({isIconOnly:i,size:r,variant:n})),...a}),Wr=n({base:`input`}),Gr=({className:e,...n})=>k(ae,{className:t(e,Wr()),...n}),Kr=n({base:`label`}),qr=({className:e,...n})=>k(`label`,{className:t(e,Kr()),...n}),Jr=n({base:`link`,defaultVariants:{variant:`no-underline`},variants:{variant:{"no-underline":`link--no-underline`,underline:`link--underline`}}}),Yr=({className:e,variant:n,...r})=>k(`a`,{className:t(e,Jr({variant:n})),...r}),Xr=E(null),Zr=n({slots:{item:`list__item`,root:`list`}}),Qr=()=>{let e=D(Xr);if(!e)throw Error(`useList must be used within a ListProvider`);return e},$r=({className:e,...n})=>{let r=O(()=>Zr(),[]);return k(Xr.Provider,{value:{slots:r},children:k(`ul`,{className:t(e,r.root()),...n})})},ei=({className:e,...n})=>{let{slots:r}=Qr();return k(`li`,{className:t(e,r.item()),...n})},ti=Object.assign($r,{Item:ei,Root:$r}),ni=E(null),ri=n({slots:{arrow:`menu__arrow`,backdrop:`menu__backdrop`,checkboxItem:`menu__checkbox-item`,group:`menu__group`,groupLabel:`menu__group-label`,item:`menu__item`,popup:`menu__popup`,portal:`menu__portal`,positioner:`menu__positioner`,radioGroup:`menu__radio-group`,radioItem:`menu__radio-item`,root:`menu`,separator:`menu__separator`,submenu:`menu__submenu`,submenuTrigger:`menu__submenu__trigger`,trigger:`menu__trigger`}}),H=()=>{let e=D(ni);if(!e)throw Error(`useMenu must be used within a MenuProvider`);return e},ii=({...e})=>{let t=O(()=>ri(),[]);return k(ni.Provider,{value:{slots:t},children:k(f.Root,{...e})})},ai=({className:e,...n})=>{let{slots:r}=H();return k(f.Trigger,{className:t(r.trigger(),e),...n})},oi=({className:e,...n})=>{let{slots:r}=H();return k(f.Portal,{className:t(r.portal(),e),...n})},si=({className:e,...n})=>{let{slots:r}=H();return k(f.Backdrop,{className:t(r.backdrop(),e),...n})},ci=({className:e,...n})=>{let{slots:r}=H();return k(f.Positioner,{className:t(r.positioner(),e),...n})},li=({className:e,...n})=>{let{slots:r}=H();return k(f.Popup,{className:t(r.popup(),e),...n})},ui=({className:e,children:n,...r})=>{let{slots:i}=H();return k(f.Arrow,{className:t(i.arrow(),e),...r,children:n??k(ve,{})})},di=({className:e,...n})=>{let{slots:r}=H();return k(f.Item,{className:t(r.item(),e),...n})},fi=({className:e,...n})=>{let{slots:r}=H();return k(f.Separator,{className:t(r.separator(),e),...n})},pi=({className:e,...n})=>{let{slots:r}=H();return k(f.Group,{className:t(r.group(),e),...n})},mi=({className:e,...n})=>{let{slots:r}=H();return k(f.GroupLabel,{className:t(r.groupLabel(),e),...n})},hi=({className:e,...n})=>{let{slots:r}=H();return k(f.RadioGroup,{className:t(r.radioGroup(),e),...n})},gi=({className:e,...n})=>{let{slots:r}=H();return k(f.RadioItem,{className:t(r.radioItem(),e),...n})},_i=({className:e,...n})=>{let{slots:r}=H();return k(f.CheckboxItem,{className:t(r.checkboxItem(),e),...n})},vi=({...e})=>k(f.SubmenuRoot,{...e}),yi=({className:e,...n})=>{let{slots:r}=H();return k(f.SubmenuTrigger,{className:t(r.submenuTrigger(),e),...n})},bi=Object.assign(ii,{Arrow:ui,Backdrop:si,CheckboxItem:_i,Group:pi,GroupLabel:mi,Item:di,Popup:li,Portal:oi,Positioner:ci,RadioGroup:hi,RadioItem:gi,Root:ii,Separator:fi,Submenu:vi,SubmenuTrigger:yi,Trigger:ai}),xi=E(void 0),Si=n({slots:{indicator:`meter__indicator`,label:`meter__label`,root:`meter`,track:`meter__track`,value:`meter__value`},variants:{size:{lg:{root:`meter--lg`},md:{root:`meter--md`},sm:{root:`meter--sm`}},variant:{danger:{root:`meter--danger`},primary:{root:`meter--primary`},secondary:{root:`meter--secondary`},success:{root:`meter--success`}}}}),U=()=>{let e=D(xi);if(!e)throw Error(`useMeter must be used within a MeterProvider`);return e},Ci=({className:e,size:n,variant:r,...i})=>{let a=O(()=>Si({size:n,variant:r}),[n,r]);return k(xi,{value:{slots:a},children:k(p.Root,{className:t(e,a.root()),...i})})},wi=({className:e,...n})=>{let{slots:r}=U();return k(p.Label,{className:t(e,r.label()),...n})},Ti=({className:e,...n})=>{let{slots:r}=U();return k(p.Value,{className:t(e,r.value()),...n})},Ei=({className:e,...n})=>{let{slots:r}=U();return k(p.Track,{className:t(e,r.track()),...n})},Di=({className:e,...n})=>{let{slots:r}=U();return k(p.Indicator,{className:t(e,r.indicator()),...n})},Oi=Object.assign(Ci,{Indicator:Di,Label:wi,Root:Ci,Track:Ei,Value:Ti}),ki=n({base:`separator`,defaultVariants:{orientation:`horizontal`},variants:{orientation:{horizontal:`separator--horizontal`,vertical:`separator--vertical`}}}),Ai=({className:e,orientation:n,...r})=>k(ce,{className:t(e,ki({orientation:n})),...r}),ji=E(null),Mi=n({slots:{container:`navbar__container`,content:`navbar__content`,list:`navbar__list`,listItem:`navbar__list-item`,menu:`navbar__menu`,menuItem:`navbar__menu-item`,root:`navbar`,toggle:`navbar__toggle`}}),W=()=>{let e=T.useContext(ji);if(!e)throw Error(`useNavbar must be used within a NavbarProvider`);return e},Ni=({className:e,isOpen:n,onOpenChange:r,...i})=>{let a=O(()=>Mi(),[]),[o,ee]=Ae(!1),s=n??o,te=ke(e=>{n===void 0&&ee(e),r?.(e)},[n,r]);return k(ji.Provider,{value:{isOpen:s,onOpenChange:te,slots:a},children:k(`header`,{className:t(a.root(),e),...i})})},Pi=({className:e,...n})=>{let{slots:r}=W();return k(`nav`,{className:t(r.container(),e),...n})},Fi=({className:e,...n})=>{let{slots:r}=W();return k(`div`,{className:t(r.content(),e),...n})},Ii=({className:e,...n})=>{let{slots:r}=W();return k(`ul`,{className:t(r.list(),e),...n})},Li=({className:e,...n})=>{let{slots:r}=W();return k(`li`,{className:t(r.listItem(),e),...n})},Ri=({className:e,...n})=>{let{slots:r,isOpen:i,onOpenChange:a}=W(),o=i?w:Se;return k(`button`,{className:t(e,r.toggle()),onClick:()=>a(!i),...n,children:k(o,{className:`size-5`})})},zi=({className:e,header:n,...r})=>{let{slots:i,isOpen:a,onOpenChange:o}=W();return k(B,{onOpenChange:o,open:a,children:A(B.Portal,{children:[k(B.Backdrop,{}),k(B.Viewport,{children:A(B.Popup,{children:[n,k(B.Close,{}),k(Ai,{}),k(`ul`,{className:t(i.menu(),e),...r})]})})]})})},Bi=({className:e,...n})=>{let{slots:r}=W();return k(`li`,{className:t(r.menuItem(),e),...n})},Vi=Object.assign(Ni,{Container:Pi,Content:Fi,List:Ii,ListItem:Li,Menu:zi,MenuItem:Bi,Root:Ni,Toggle:Ri}),Hi=E(null),Ui=n({slots:{root:`navigation-menu`,list:`navigation-menu__list`,item:`navigation-menu__item`,trigger:`navigation-menu__trigger`,icon:`navigation-menu__icon`,content:`navigation-menu__content`,link:`navigation-menu__link`,portal:`navigation-menu__portal`,backdrop:`navigation-menu__backdrop`,positioner:`navigation-menu__positioner`,popup:`navigation-menu__popup`,arrow:`navigation-menu__arrow`,viewport:`navigation-menu__viewport`}}),G=()=>{let e=D(Hi);if(!e)throw Error(`useNavigationMenu must be used within a NavigationMenuProvider`);return e},Wi=({className:e,...n})=>{let r=O(()=>Ui(),[]);return k(Hi.Provider,{value:{slots:r},children:k(m.Root,{className:t(e,r.root()),...n})})},Gi=({className:e,...n})=>{let{slots:r}=G();return k(m.List,{className:t(r.list(),e),...n})},Ki=({className:e,...n})=>{let{slots:r}=G();return k(m.Item,{className:t(r.item(),e),...n})},qi=({className:e,children:n,...r})=>{let{slots:i}=G();return A(m.Trigger,{className:t(i.trigger(),e),...r,children:[n,k(m.Icon,{className:i.icon(),children:k(fe,{className:`h-4 w-4`})})]})},Ji=({className:e,children:n,...r})=>{let{slots:i}=G();return k(m.Icon,{className:t(i.icon(),e),...r,children:n||k(fe,{})})},Yi=({className:e,...n})=>{let{slots:r}=G();return k(m.Content,{className:t(r.content(),e),...n})},Xi=({className:e,...n})=>{let{slots:r}=G();return k(m.Link,{className:t(r.link(),e),...n})},Zi=({...e})=>k(m.Portal,{...e}),Qi=({className:e,...n})=>{let{slots:r}=G();return k(m.Backdrop,{className:t(r.backdrop(),e),...n})},$i=({className:e,...n})=>{let{slots:r}=G();return k(m.Positioner,{className:t(r.positioner(),e),...n})},ea=({className:e,...n})=>{let{slots:r}=G();return k(m.Popup,{className:t(r.popup(),e),...n})},ta=({className:e,...n})=>{let{slots:r}=G();return k(m.Arrow,{className:t(r.arrow(),e),...n})},na=({className:e,...n})=>{let{slots:r}=G();return k(m.Viewport,{className:t(r.viewport(),e),...n})},ra=Object.assign(Wi,{Arrow:ta,Backdrop:Qi,Content:Yi,Icon:Ji,Item:Ki,Link:Xi,List:Gi,Popup:ea,Portal:Zi,Positioner:$i,Root:Wi,Trigger:qi,Viewport:na}),ia=E(null),aa=n({slots:{decrement:`number-field__decrement`,group:`number-field__group`,increment:`number-field__increment`,input:`number-field__input`,root:`number-field`,scrubArea:`number-field__scrub-area`,scrubAreaCursor:`number-field__scrub-area-cursor`}}),K=()=>{let e=D(ia);if(!e)throw Error(`useNumberField must be used within a NumberFieldProvider`);return e},oa=({className:e,...n})=>{let r=O(()=>aa(),[]);return k(ia,{value:{slots:r},children:k(h.Root,{className:t(e,r.root()),...n})})},sa=({className:e,...n})=>{let{slots:r}=K();return k(h.ScrubArea,{className:t(r.scrubArea(),e),...n})},ca=({className:e,...n})=>{let{slots:r}=K();return k(h.Group,{className:t(r.group(),e),...n})},la=({className:e,children:n,...r})=>{let{slots:i}=K();return k(h.ScrubAreaCursor,{className:t(i.scrubAreaCursor(),e),...r,children:n??k(ye,{})})},ua=({className:e,children:n,...r})=>{let{slots:i}=K();return k(h.Decrement,{className:t(i.decrement(),e),...r,children:n??k(Ce,{})})},da=({className:e,...n})=>{let{slots:r}=K();return k(h.Input,{className:t(r.input(),e),...n})},fa=({className:e,children:n,...r})=>{let{slots:i}=K();return k(h.Increment,{className:t(i.increment(),e),...r,children:n??k(Ee,{})})},pa=Object.assign(oa,{Decrement:ua,Group:ca,Increment:fa,Input:da,Root:oa,ScrubArea:sa,ScrubAreaCursor:la}),ma=E(null),ha=n({slots:{arrow:`popover__arrow`,backdrop:`popover__backdrop`,close:`popover__close`,content:`popover__content`,description:`popover__description`,popup:`popover__popup`,portal:`popover__portal`,positioner:`popover__positioner`,root:`popover`,title:`popover__title`,trigger:`popover__trigger`,viewport:`popover__viewport`}}),q=()=>{let e=D(ma);if(!e)throw Error(`usePopover must be used within a PopoverProvider`);return e},ga=({...e})=>k(ma,{value:{slots:O(()=>ha({}),[])},children:k(g.Root,{...e})}),_a=({className:e,...n})=>{let{slots:r}=q();return k(g.Trigger,{className:t(e,r.trigger()),...n})},va=({className:e,...n})=>{let{slots:r}=q();return k(g.Portal,{className:t(e,r.portal()),...n})},ya=({className:e,...n})=>{let{slots:r}=q();return k(g.Backdrop,{className:t(e,r.backdrop()),...n})},ba=({className:e,...n})=>{let{slots:r}=q();return k(g.Positioner,{className:t(e,r.positioner()),...n})},xa=({className:e,...n})=>{let{slots:r}=q();return k(g.Popup,{className:t(e,r.popup()),...n})},Sa=({className:e,...n})=>{let{slots:r}=q();return k(g.Arrow,{className:t(e,r.arrow()),...n})},Ca=({className:e,...n})=>{let{slots:r}=q();return k(g.Viewport,{className:t(e,r.viewport()),...n})},wa=({className:e,...n})=>{let{slots:r}=q();return k(g.Title,{className:t(e,r.title()),...n})},Ta=({className:e,...n})=>{let{slots:r}=q();return k(g.Description,{className:t(e,r.description()),...n})},Ea=({className:e,children:n,...r})=>{let{slots:i}=q();return k(g.Close,{className:t(e,i.close()),...r,children:n??k(w,{})})},Da=Object.assign(ga,{Arrow:Sa,Backdrop:ya,Close:Ea,Description:Ta,Popup:xa,Portal:va,Positioner:ba,Root:ga,Title:wa,Trigger:_a,Viewport:Ca}),Oa=E(null),ka=n({slots:{root:`preview-card`,trigger:`preview-card__trigger`,portal:`preview-card__portal`,backdrop:`preview-card__backdrop`,positioner:`preview-card__positioner`,popup:`preview-card__popup`,arrow:`preview-card__arrow`}}),J=()=>{let e=D(Oa);if(!e)throw Error(`usePreviewCard must be used within a PreviewCardProvider`);return e},Aa=({...e})=>k(Oa,{value:{slots:O(()=>ka(),[])},children:k(_.Root,{...e})}),ja=({className:e,...n})=>{let{slots:r}=J();return k(_.Trigger,{className:t(r.trigger(),e),...n})},Ma=({className:e,...n})=>{let{slots:r}=J();return k(_.Portal,{className:t(r.portal(),e),...n})},Na=({className:e,...n})=>{let{slots:r}=J();return k(_.Backdrop,{className:t(r.backdrop(),e),...n})},Pa=({className:e,...n})=>{let{slots:r}=J();return k(_.Positioner,{className:t(r.positioner(),e),...n})},Fa=({className:e,...n})=>{let{slots:r}=J();return k(_.Popup,{className:t(r.popup(),e),...n})},Ia=({className:e,...n})=>{let{slots:r}=J();return k(_.Arrow,{className:t(r.arrow(),e),...n})},La=Object.assign(Aa,{Arrow:Ia,Backdrop:Na,Popup:Fa,Portal:Ma,Positioner:Pa,Root:Aa,Trigger:ja}),Ra=E(null),za=n({defaultVariants:{size:`md`,variant:`primary`},slots:{indicator:`progress__indicator`,label:`progress__label`,root:`progress`,track:`progress__track`,value:`progress__value`},variants:{size:{lg:{root:`progress--lg`},md:{root:`progress--md`},sm:{root:`progress--sm`}},variant:{danger:{root:`progress--danger`},primary:{root:`progress--primary`},secondary:{root:`progress--secondary`},success:{root:`progress--success`}}}}),Ba=()=>{let e=D(Ra);if(!e)throw Error(`useProgress must be used within a ProgressProvider`);return e},Va=({className:e,variant:n,size:r,...i})=>{let a=O(()=>za({size:r,variant:n}),[n,r]);return k(Ra,{value:{slots:a},children:k(v.Root,{className:t(e,a.root()),...i})})},Ha=({className:e,...n})=>{let{slots:r}=Ba();return k(v.Label,{className:t(e,r.label()),...n})},Ua=({className:e,...n})=>{let{slots:r}=Ba();return k(v.Value,{className:t(e,r.value()),...n})},Wa=({className:e,...n})=>{let{slots:r}=Ba();return k(v.Track,{className:t(e,r.track()),...n})},Ga=({className:e,...n})=>{let{slots:r}=Ba();return k(v.Indicator,{className:t(e,r.indicator()),...n})},Ka=Object.assign(Va,{Indicator:Ga,Label:Ha,Root:Va,Track:Wa,Value:Ua}),qa=E(null),Ja=n({slots:{indicator:`radio__indicator`,root:`radio`}}),Ya=()=>{let e=D(qa);if(!e)throw Error(`useRadio must be used within a RadioProvider`);return e},Xa=({className:e,...n})=>{let r=O(()=>Ja({}),[]);return k(qa,{value:{slots:r},children:k(oe.Root,{className:t(r.root(),e),...n})})},Za=({className:e,...n})=>{let{slots:r}=Ya();return k(oe.Indicator,{className:t(r.indicator(),e),...n})},Qa=Object.assign(Xa,{Indicator:Za,Root:Xa}),$a=n({base:`radio-group`}),eo=({className:e,...n})=>k(se,{className:t(e,O(()=>$a(),[])),...n}),to=E(null),no=n({slots:{root:`scroll-area`,viewport:`scroll-area__viewport`,content:`scroll-area__content`,scrollbar:`scroll-area__scrollbar`,thumb:`scroll-area__thumb`,corner:`scroll-area__corner`}}),ro=()=>{let e=D(to);if(!e)throw Error(`useScrollArea must be used within a ScrollAreaProvider`);return e},io=({className:e,...n})=>{let r=O(()=>no(),[]);return k(to.Provider,{value:{slots:r},children:k(y.Root,{className:t(e,r.root()),...n})})},ao=({className:e,...n})=>{let{slots:r}=ro();return k(y.Viewport,{className:t(r.viewport(),e),...n})},oo=({className:e,...n})=>{let{slots:r}=ro();return k(y.Content,{className:t(r.content(),e),...n})},so=({className:e,...n})=>{let{slots:r}=ro();return k(y.Scrollbar,{className:t(r.scrollbar(),e),...n})},co=({className:e,...n})=>{let{slots:r}=ro();return k(y.Thumb,{className:t(r.thumb(),e),...n})},lo=Object.assign(io,{Content:oo,Root:io,Scrollbar:so,Thumb:co,Viewport:ao}),uo=E(null),fo=n({slots:{root:`select`,trigger:`select__trigger`,value:`select__value`,icon:`select__icon`,portal:`select__portal`,backdrop:`select__backdrop`,positioner:`select__positioner`,popup:`select__popup`,arrow:`select__arrow`,list:`select__list`,item:`select__item`,itemText:`select__item-text`,itemIndicator:`select__item-indicator`,separator:`select__separator`,group:`select__group`,groupLabel:`select__group-label`}}),Y=()=>{let e=D(uo);if(!e)throw Error(`useSelect must be used within a SelectProvider`);return e},po=({...e})=>{let t=O(()=>fo(),[]);return k(uo.Provider,{value:{slots:t},children:k(b.Root,{...e})})},mo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Trigger,{className:t(r.trigger(),e),...n})},ho=({className:e,children:n,...r})=>{let{slots:i}=Y();return k(b.Icon,{className:t(i.icon(),e),...r,children:n||k(pe,{})})},go=({className:e,...n})=>{let{slots:r}=Y();return k(b.Value,{className:t(r.value(),e),...n})},_o=({...e})=>k(b.Portal,{...e}),vo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Backdrop,{className:t(r.backdrop(),e),...n})},yo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Positioner,{className:t(r.positioner(),e),...n})},bo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Popup,{className:t(r.popup(),e),...n})},xo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Arrow,{className:t(r.arrow(),e),...n})},So=({className:e,...n})=>{let{slots:r}=Y();return k(b.List,{className:t(r.list(),e),...n})},Co=({className:e,children:n,...r})=>{let{slots:i}=Y();return k(b.ItemIndicator,{className:t(i.itemIndicator(),e),...r,children:n||k(de,{})})},wo=({className:e,...t})=>k(b.ItemText,{className:e,...t}),To=({className:e,...n})=>{let{slots:r}=Y();return k(b.Item,{className:t(r.item(),e),...n})},Eo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Group,{className:t(r.group(),e),...n})},Do=({className:e,...n})=>{let{slots:r}=Y();return k(b.GroupLabel,{className:t(r.groupLabel(),e),...n})},Oo=({className:e,...n})=>{let{slots:r}=Y();return k(b.Separator,{className:t(r.separator(),e),...n})},ko=Object.assign(po,{Arrow:xo,Backdrop:vo,Group:Eo,GroupLabel:Do,Icon:ho,Item:To,ItemIndicator:Co,ItemText:wo,List:So,Popup:bo,Portal:_o,Positioner:yo,Root:po,Separator:Oo,Trigger:mo,Value:go}),Ao=E(null),jo=n({slots:{content:`sidebar__content`,footer:`sidebar__footer`,header:`sidebar__header`,menu:`sidebar__menu`,menuItem:`sidebar__menu-item`,menuLabel:`sidebar__menu-label`,outlet:`sidebar__outlet`,panel:`sidebar__panel`,root:`sidebar`,trigger:`sidebar__trigger`}}),X=()=>{let e=D(Ao);if(!e)throw Error(`useSidebar must be used within a SidebarProvider`);return e},Mo=({className:e,isOpen:t,onOpenChange:n,...r})=>{let[i,a]=T.useState(!1),o=t===void 0?i:t,ee=n||a,s=O(()=>jo({className:e}),[e]);return k(Ao,{value:{isOpen:o,onOpenChange:ee,slots:s},children:k(`div`,{className:s.root(),"data-open":o,...r})})},No=({className:e,...n})=>{let{slots:r}=X();return k(`aside`,{className:t(r.panel(),e),...n})},Po=({className:e,...n})=>{let{slots:r}=X();return k(`header`,{className:t(r.header(),e),...n})},Fo=({className:e,...n})=>{let{slots:r}=X();return k(`div`,{className:t(r.content(),e),...n})},Io=({className:e,...n})=>{let{slots:r}=X();return k(`footer`,{className:t(r.footer(),e),...n})},Lo=({className:e,children:n,...r})=>{let{slots:i,isOpen:a,onOpenChange:o}=X();return k(`button`,{"aria-expanded":a,className:t(i.trigger(),e),onClick:()=>o(!a),...r,children:n??k(a?we:Te,{})})},Ro=({className:e,...n})=>{let{slots:r}=X();return k(`div`,{className:t(r.outlet(),e),...n})},zo=({className:e,...n})=>{let{slots:r}=X();return k(`nav`,{className:t(r.menu(),e),...n})},Bo=({className:e,...n})=>{let{slots:r}=X();return k(`li`,{className:t(r.menuItem(),e),...n})},Vo=({className:e,...n})=>{let{slots:r}=X();return k(`div`,{className:t(r.menuLabel(),e),...n})},Ho=Object.assign(Mo,{Content:Fo,Footer:Io,Header:Po,Menu:zo,MenuItem:Bo,MenuLabel:Vo,Outlet:Ro,Panel:No,Root:Mo,Trigger:Lo}),Uo=E(null),Wo=n({slots:{control:`slider__control`,indicator:`slider__indicator`,root:`slider`,thumb:`slider__thumb`,track:`slider__track`,value:`slider__value`}}),Z=()=>{let e=D(Uo);if(!e)throw Error(`useSlider must be used within a SliderProvider`);return e},Go=({className:e,...n})=>{let r=O(()=>Wo(),[]);return k(Uo,{value:{slots:r},children:k(x.Root,{className:t(e,r.root()),...n})})},Ko=({className:e,...n})=>{let{slots:r}=Z();return k(x.Value,{className:t(e,r.value()),...n})},qo=({className:e,...n})=>{let{slots:r}=Z();return k(x.Control,{className:t(e,r.control()),...n})},Jo=({className:e,...n})=>{let{slots:r}=Z();return k(x.Track,{className:t(e,r.track()),...n})},Yo=({className:e,...n})=>{let{slots:r}=Z();return k(x.Indicator,{className:t(e,r.indicator()),...n})},Xo=({className:e,...n})=>{let{slots:r}=Z();return k(x.Thumb,{className:t(e,r.thumb()),...n})},Zo=Object.assign(Go,{Control:qo,Indicator:Yo,Root:Go,Thumb:Xo,Track:Jo,Value:Ko}),Qo=n({base:`spinner`,defaultVariants:{size:`md`,variant:`primary`},variants:{size:{lg:`spinner--lg`,md:`spinner--md`,sm:`spinner--sm`,xl:`spinner--xl`},variant:{danger:`spinner--danger`,primary:`spinner--primary`,success:`spinner--success`}}}),$o=({className:e,size:n,variant:r,...i})=>{let a=Qo({size:n,variant:r});return k(xe,{"aria-label":`Loading`,className:t(e,a),role:`status`,...i})},es=E(null),ts=n({defaultVariants:{size:`md`},slots:{root:`switch`,thumb:`switch__thumb`},variants:{size:{lg:{root:`switch--lg`},md:{root:`switch--md`},sm:{root:`switch--sm`}}}}),ns=()=>{let e=D(es);if(!e)throw Error(`useSwitch must be used within a SwitchProvider`);return e},rs=({className:e,size:n,...r})=>{let i=O(()=>ts({size:n}),[n]);return k(es.Provider,{value:{slots:i},children:k(le.Root,{className:t(e,i.root()),...r})})},is=({className:e,...n})=>{let{slots:r}=ns();return k(le.Thumb,{className:t(e,r.thumb()),...n})},as=Object.assign(rs,{Root:rs,Thumb:is}),os=E(null),ss=n({slots:{root:`table`,tbody:`table__tbody`,td:`table__td`,tfoot:`table__tfoot`,th:`table__th`,thead:`table__thead`,tr:`table__tr`}}),Q=()=>{let e=D(os);if(!e)throw Error(`useTable must be used within a TableProvider`);return e},cs=({className:e,...n})=>{let r=O(()=>ss(),[]);return k(os,{value:{slots:r},children:k(`table`,{className:t(e,r.root()),...n})})},ls=({className:e,...n})=>{let{slots:r}=Q();return k(`thead`,{className:t(e,r.thead()),...n})},us=({className:e,...n})=>{let{slots:r}=Q();return k(`tr`,{className:t(e,r.tr()),...n})},ds=({className:e,...n})=>{let{slots:r}=Q();return k(`th`,{className:t(e,r.th()),...n})},fs=({className:e,...n})=>{let{slots:r}=Q();return k(`tbody`,{className:t(e,r.tbody()),...n})},ps=({className:e,...n})=>{let{slots:r}=Q();return k(`td`,{className:t(e,r.td()),...n})},ms=({className:e,...n})=>{let{slots:r}=Q();return k(`tfoot`,{className:t(e,r.tfoot()),...n})},hs=Object.assign(cs,{Body:fs,DataCell:ps,Footer:ms,Head:ls,HeaderCell:ds,Root:cs,Row:us}),gs=E(null),_s=n({slots:{indicator:`tabs__indicator`,list:`tabs__list`,panel:`tabs__panel`,root:`tabs`,tab:`tabs__tab`}}),vs=()=>{let e=D(gs);if(!e)throw Error(`useTabs must be used within a TabsProvider`);return e},ys=({className:e,...n})=>{let r=O(()=>_s(),[]),[i,a]=T.useState(null);return T.useEffect(()=>{if(!i)return;let e=()=>{let e=i.querySelector(`[data-state="active"]`);if(e){let t=i.getBoundingClientRect(),n=e.getBoundingClientRect();i.style.setProperty(`--active-tab-width`,`${n.width}px`),i.style.setProperty(`--active-tab-left`,`${n.left-t.left+n.width/2}px`)}};e();let t=new MutationObserver(e);return t.observe(i,{attributeFilter:[`data-state`],attributes:!0,subtree:!0}),window.addEventListener(`resize`,e),()=>{t.disconnect(),window.removeEventListener(`resize`,e)}},[i]),k(gs.Provider,{value:{listRef:i,setListRef:a,slots:r},children:k(S.Root,{className:t(e,r.root()),...n})})},bs=({className:e,...n})=>{let{slots:r,setListRef:i}=vs();return k(S.List,{className:t(r.list(),e),ref:i,...n})},xs=({className:e,...n})=>{let{slots:r}=vs();return k(S.Tab,{className:t(r.tab(),e),...n})},Ss=({className:e,...n})=>{let{slots:r}=vs();return k(S.Indicator,{className:t(r.indicator(),e),...n})},Cs=({className:e,...n})=>{let{slots:r}=vs();return k(S.Panel,{className:t(r.panel(),e),...n})},ws=Object.assign(ys,{Indicator:Ss,List:bs,Panel:Cs,Root:ys,Tab:xs}),Ts=n({base:`toggle-button`,extend:Lt}),Es=({className:e,variant:n,size:r,...i})=>k(ue,{className:t(e,Ts({size:r,variant:n})),...i}),Ds=E(null),Os=n({slots:{arrow:`tooltip__arrow`,popup:`tooltip__popup`,portal:`tooltip__portal`,positioner:`tooltip__positioner`,root:`tooltip`,trigger:`tooltip__trigger`}}),$=()=>{let e=D(Ds);if(!e)throw Error(`useTooltip must be used within a TooltipProvider`);return e},ks=({...e})=>k(Ds,{value:{slots:O(()=>Os({}),[])},children:k(C.Root,{...e})}),As=({className:e,...n})=>{let{slots:r}=$();return k(C.Trigger,{className:t(e,r.trigger()),...n})},js=({className:e,...n})=>{let{slots:r}=$();return k(C.Portal,{className:t(e,r.portal()),...n})},Ms=({className:e,...n})=>{let{slots:r}=$();return k(C.Positioner,{className:t(e,r.positioner()),...n})},Ns=({className:e,...n})=>{let{slots:r}=$();return k(C.Popup,{className:t(e,r.popup()),...n})},Ps=({className:e,...n})=>{let{slots:r}=$();return k(C.Arrow,{className:t(e,r.arrow()),...n})},Fs=Object.assign(ks,{Arrow:Ps,Popup:Ns,Portal:js,Positioner:Ms,Root:ks,Trigger:As});export{Be as Accordion,ze as AccordionContent,Fe as AccordionHeader,Pe as AccordionItem,Re as AccordionPanel,Ne as AccordionRoot,Ie as AccordionTrigger,Le as AccordionTriggerIcon,Ye as Alert,Ke as AlertContent,Je as AlertDescription,st as AlertDialog,tt as AlertDialogBackdrop,ot as AlertDialogClose,at as AlertDialogDescription,rt as AlertDialogPopup,et as AlertDialogPortal,Qe as AlertDialogRoot,it as AlertDialogTitle,$e as AlertDialogTrigger,nt as AlertDialogViewport,Ge as AlertIndicator,We as AlertRoot,qe as AlertTitle,kt as Autocomplete,bt as AutocompleteArrow,_t as AutocompleteBackdrop,mt as AutocompleteClear,St as AutocompleteEmpty,Dt as AutocompleteGroup,Ot as AutocompleteGroupLabel,pt as AutocompleteIcon,ft as AutocompleteInput,Tt as AutocompleteItem,Ct as AutocompleteList,yt as AutocompletePopup,gt as AutocompletePortal,vt as AutocompletePositioner,ut as AutocompleteRoot,wt as AutocompleteRow,Et as AutocompleteSeparator,xt as AutocompleteStatus,dt as AutocompleteTrigger,ht as AutocompleteValue,It as Avatar,Ft as AvatarFallback,Pt as AvatarImage,Nt as AvatarRoot,Rt as Button,Bt as ButtonGroup,Jt as Card,Gt as CardContent,qt as CardDescription,Wt as CardHeader,Ut as CardRoot,Kt as CardTitle,en as Checkbox,nn as CheckboxGroup,$t as CheckboxIndicator,Qt as CheckboxRoot,an as Chip,pn as Collapsible,fn as CollapsibleContent,dn as CollapsiblePanel,cn as CollapsibleRoot,ln as CollapsibleTrigger,un as CollapsibleTriggerIcon,Rn as Combobox,On as ComboboxArrow,Tn as ComboboxBackdrop,Sn as ComboboxChip,Cn as ComboboxChipRemove,xn as ComboboxChips,bn as ComboboxClear,An as ComboboxEmpty,In as ComboboxGroup,Ln as ComboboxGroupLabel,_n as ComboboxInput,Pn as ComboboxItem,Nn as ComboboxItemIndicator,jn as ComboboxList,Dn as ComboboxPopup,wn as ComboboxPortal,En as ComboboxPositioner,gn as ComboboxRoot,Mn as ComboboxRow,Fn as ComboboxSeparator,kn as ComboboxStatus,vn as ComboboxTrigger,yn as ComboboxValue,Bn as Container,nr as ContextMenu,Yn as ContextMenuArrow,Kn as ContextMenuBackdrop,Qn as ContextMenuGroup,$n as ContextMenuGroupLabel,Xn as ContextMenuItem,Jn as ContextMenuPopup,Gn as ContextMenuPortal,qn as ContextMenuPositioner,Un as ContextMenuRoot,Zn as ContextMenuSeparator,er as ContextMenuSubmenu,tr as ContextMenuSubmenuTrigger,Wn as ContextMenuTrigger,mr as Dialog,cr as DialogBackdrop,pr as DialogClose,fr as DialogDescription,ur as DialogPopup,sr as DialogPortal,ar as DialogRoot,dr as DialogTitle,or as DialogTrigger,lr as DialogViewport,B as Drawer,br as DrawerBackdrop,Tr as DrawerClose,wr as DrawerDescription,Sr as DrawerPopup,yr as DrawerPortal,_r as DrawerRoot,Cr as DrawerTitle,vr as DrawerTrigger,xr as DrawerViewport,Nr as Field,Ar as FieldControl,jr as FieldDescription,Mr as FieldError,kr as FieldLabel,Or as FieldRoot,zr as Fieldset,Rr as FieldsetLegend,Lr as FieldsetRoot,Vr as Form,Ur as IconButton,Gr as Input,qr as Label,Yr as Link,ti as List,ei as ListItem,$r as ListRoot,bi as Menu,ui as MenuArrow,si as MenuBackdrop,_i as MenuCheckboxItem,pi as MenuGroup,mi as MenuGroupLabel,di as MenuItem,li as MenuPopup,oi as MenuPortal,ci as MenuPositioner,hi as MenuRadioGroup,gi as MenuRadioItem,ii as MenuRoot,fi as MenuSeparator,vi as MenuSubmenu,yi as MenuSubmenuTrigger,ai as MenuTrigger,Oi as Meter,Di as MeterIndicator,wi as MeterLabel,Ci as MeterRoot,Ei as MeterTrack,Ti as MeterValue,Vi as Navbar,Pi as NavbarContainer,Fi as NavbarContent,Ii as NavbarList,Li as NavbarListItem,zi as NavbarMenu,Bi as NavbarMenuItem,Ni as NavbarRoot,Ri as NavbarToggle,ra as NavigationMenu,ta as NavigationMenuArrow,Qi as NavigationMenuBackdrop,Yi as NavigationMenuContent,Ji as NavigationMenuIcon,Ki as NavigationMenuItem,Xi as NavigationMenuLink,Gi as NavigationMenuList,ea as NavigationMenuPopup,Zi as NavigationMenuPortal,$i as NavigationMenuPositioner,Wi as NavigationMenuRoot,qi as NavigationMenuTrigger,na as NavigationMenuViewport,pa as NumberField,ua as NumberFieldDecrement,ca as NumberFieldGroup,fa as NumberFieldIncrement,da as NumberFieldInput,oa as NumberFieldRoot,sa as NumberFieldScrubArea,la as NumberFieldScrubAreaCursor,Da as Popover,Sa as PopoverArrow,ya as PopoverBackdrop,Ea as PopoverClose,Ta as PopoverDescription,xa as PopoverPopup,va as PopoverPortal,ba as PopoverPositioner,ga as PopoverRoot,wa as PopoverTitle,_a as PopoverTrigger,Ca as PopoverViewport,La as PreviewCard,Ia as PreviewCardArrow,Na as PreviewCardBackdrop,Fa as PreviewCardPopup,Ma as PreviewCardPortal,Pa as PreviewCardPositioner,Aa as PreviewCardRoot,ja as PreviewCardTrigger,Ka as Progress,Ga as ProgressIndicator,Ha as ProgressLabel,Va as ProgressRoot,Wa as ProgressTrack,Ua as ProgressValue,Qa as Radio,eo as RadioGroup,Za as RadioIndicator,Xa as RadioRoot,lo as ScrollArea,oo as ScrollAreaContent,io as ScrollAreaRoot,so as ScrollAreaScrollbar,co as ScrollAreaThumb,ao as ScrollAreaViewport,ko as Select,xo as SelectArrow,vo as SelectBackdrop,Eo as SelectGroup,Do as SelectGroupLabel,ho as SelectIcon,To as SelectItem,Co as SelectItemIndicator,wo as SelectItemText,So as SelectList,bo as SelectPopup,_o as SelectPortal,yo as SelectPositioner,po as SelectRoot,Oo as SelectSeparator,mo as SelectTrigger,go as SelectValue,Ai as Separator,Ho as Sidebar,Fo as SidebarContent,Io as SidebarFooter,Po as SidebarHeader,zo as SidebarMenu,Bo as SidebarMenuItem,Vo as SidebarMenuLabel,Ro as SidebarOutlet,No as SidebarPanel,Mo as SidebarRoot,Lo as SidebarTrigger,Zo as Slider,qo as SliderControl,Yo as SliderIndicator,Go as SliderRoot,Xo as SliderThumb,Jo as SliderTrack,Ko as SliderValue,$o as Spinner,as as Switch,rs as SwitchRoot,is as SwitchThumb,hs as Table,fs as TableBody,ps as TableDataCell,ms as TableFooter,ls as TableHead,ds as TableHeaderCell,cs as TableRoot,us as TableRow,ws as Tabs,Ss as TabsIndicator,bs as TabsList,Cs as TabsPanel,ys as TabsRoot,xs as TabsTab,Es as ToggleButton,Fs as Tooltip,Ps as TooltipArrow,Ns as TooltipPopup,js as TooltipPortal,Ms as TooltipPositioner,ks as TooltipRoot,As as TooltipTrigger,Me as accordionVariants,Ze as alertDialogVariants,He as alertVariants,lt as autocompleteVariants,jt as avatarVariants,zt as buttonGroupVariants,Lt as buttonVariants,Ht as cardVariants,tn as checkboxGroupVariants,Xt as checkboxVariants,rn as chipVariants,e as cn,sn as collapsibleVariants,hn as comboboxVariants,zn as containerVariants,Hn as contextMenuVariants,ir as dialogVariants,gr as drawerVariants,Dr as fieldVariants,Fr as fieldsetVariants,Br as formVariants,Hr as iconButtonVariants,Wr as inputVariants,Kr as labelVariants,Jr as linkVariants,Zr as listVariants,ri as menuVariants,Si as meterVariants,Mi as navbarVariants,Ui as navigationMenuVariants,aa as numberFieldVariants,ha as popoverVariants,ka as previewCardVariants,za as progressVariants,$a as radioGroupVariants,Ja as radioVariants,no as scrollAreaVariants,fo as selectVariants,ki as separatorVariants,jo as sidebarVariants,Wo as sliderVariants,Qo as spinnerVariants,ts as switchVariants,ss as tableVariants,_s as tabsVariants,Ts as toggleButtonVariants,Os as tooltipVariants};
3480
3
  //# sourceMappingURL=index.mjs.map