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