@fea-ui/react 0.0.3 → 0.0.4

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