@fea-ui/react 0.0.2 → 0.0.4

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