@fea-ui/react 0.0.1 → 0.0.3
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 +492 -257
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2480 -1502
- package/dist/index.d.mts +1745 -767
- package/dist/index.mjs +419 -432
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { cn, cn as cn$1, tv } from "tailwind-variants";
|
|
2
|
-
import { Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, CheckboxGroup, Collapsible, Combobox, ContextMenu, Dialog, Field, Fieldset, Form, Input, Menu, Meter, NavigationMenu, NumberField, Popover, PreviewCard, Progress, Radio, RadioGroup, ScrollArea, Select, Separator, Slider, Switch, Tabs
|
|
3
|
+
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Autocomplete as Autocomplete$1, Avatar as Avatar$1, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Collapsible as Collapsible$1, Combobox as Combobox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, Field as Field$1, Fieldset as Fieldset$1, Form as Form$1, Input as Input$1, Menu as Menu$1, Meter as Meter$1, NavigationMenu as NavigationMenu$1, NumberField as NumberField$1, Popover as Popover$1, PreviewCard as PreviewCard$1, Progress as Progress$1, Radio as Radio$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle, Tooltip as Tooltip$1 } from "@base-ui/react";
|
|
3
4
|
import { Check, ChevronDown, ChevronsUpDown, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideChevronsLeftRight, LucideInfo, LucideLoader, LucideMenu, LucideMinus, LucidePanelLeftClose, LucidePanelLeftOpen, LucidePlus, LucideX, LucideXCircle, X } from "lucide-react";
|
|
4
5
|
import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
|
|
5
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -29,11 +30,11 @@ const useAccordion = () => {
|
|
|
29
30
|
|
|
30
31
|
//#endregion
|
|
31
32
|
//#region src/components/accordion/accordion.tsx
|
|
32
|
-
const
|
|
33
|
+
const AccordionRoot = ({ className, ...props }) => {
|
|
33
34
|
const slots = useMemo(() => accordionVariants({}), []);
|
|
34
35
|
return /* @__PURE__ */ jsx(AccordionContext.Provider, {
|
|
35
36
|
value: { slots },
|
|
36
|
-
children: /* @__PURE__ */ jsx(Accordion.Root, {
|
|
37
|
+
children: /* @__PURE__ */ jsx(Accordion$1.Root, {
|
|
37
38
|
className: cn$1(className, slots.root()),
|
|
38
39
|
...props
|
|
39
40
|
})
|
|
@@ -41,21 +42,21 @@ const Accordion$1 = ({ className, ...props }) => {
|
|
|
41
42
|
};
|
|
42
43
|
const AccordionItem = ({ className, ...props }) => {
|
|
43
44
|
const { slots } = useAccordion();
|
|
44
|
-
return /* @__PURE__ */ jsx(Accordion.Item, {
|
|
45
|
+
return /* @__PURE__ */ jsx(Accordion$1.Item, {
|
|
45
46
|
className: cn$1(className, slots.item()),
|
|
46
47
|
...props
|
|
47
48
|
});
|
|
48
49
|
};
|
|
49
50
|
const AccordionHeader = ({ className, ...props }) => {
|
|
50
51
|
const { slots } = useAccordion();
|
|
51
|
-
return /* @__PURE__ */ jsx(Accordion.Header, {
|
|
52
|
+
return /* @__PURE__ */ jsx(Accordion$1.Header, {
|
|
52
53
|
className: cn$1(className, slots.header()),
|
|
53
54
|
...props
|
|
54
55
|
});
|
|
55
56
|
};
|
|
56
57
|
const AccordionTrigger = ({ className, ...props }) => {
|
|
57
58
|
const { slots } = useAccordion();
|
|
58
|
-
return /* @__PURE__ */ jsx(Accordion.Trigger, {
|
|
59
|
+
return /* @__PURE__ */ jsx(Accordion$1.Trigger, {
|
|
59
60
|
className: cn$1(className, slots.trigger()),
|
|
60
61
|
...props
|
|
61
62
|
});
|
|
@@ -69,7 +70,7 @@ const AccordionTriggerIcon = ({ className, ...props }) => {
|
|
|
69
70
|
};
|
|
70
71
|
const AccordionPanel = ({ className, ...props }) => {
|
|
71
72
|
const { slots } = useAccordion();
|
|
72
|
-
return /* @__PURE__ */ jsx(Accordion.Panel, {
|
|
73
|
+
return /* @__PURE__ */ jsx(Accordion$1.Panel, {
|
|
73
74
|
className: cn$1(className, slots.panel()),
|
|
74
75
|
...props
|
|
75
76
|
});
|
|
@@ -81,12 +82,15 @@ const AccordionContent = ({ className, ...props }) => {
|
|
|
81
82
|
...props
|
|
82
83
|
});
|
|
83
84
|
};
|
|
84
|
-
|
|
85
|
+
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/accordion/index.ts
|
|
88
|
+
const Accordion = Object.assign(AccordionRoot, {
|
|
85
89
|
Content: AccordionContent,
|
|
86
90
|
Header: AccordionHeader,
|
|
87
91
|
Item: AccordionItem,
|
|
88
92
|
Panel: AccordionPanel,
|
|
89
|
-
Root:
|
|
93
|
+
Root: AccordionRoot,
|
|
90
94
|
Trigger: AccordionTrigger,
|
|
91
95
|
TriggerIcon: AccordionTriggerIcon
|
|
92
96
|
});
|
|
@@ -125,7 +129,7 @@ const useAlert = () => {
|
|
|
125
129
|
|
|
126
130
|
//#endregion
|
|
127
131
|
//#region src/components/alert/alert.tsx
|
|
128
|
-
const
|
|
132
|
+
const AlertRoot = ({ className, variant, ...props }) => {
|
|
129
133
|
const slots = useMemo(() => alertVariants({
|
|
130
134
|
className,
|
|
131
135
|
variant
|
|
@@ -179,11 +183,14 @@ const AlertDescription = ({ className, ...props }) => {
|
|
|
179
183
|
...props
|
|
180
184
|
});
|
|
181
185
|
};
|
|
182
|
-
|
|
186
|
+
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/components/alert/index.ts
|
|
189
|
+
const Alert = Object.assign(AlertRoot, {
|
|
183
190
|
Content: AlertContent,
|
|
184
191
|
Description: AlertDescription,
|
|
185
192
|
Indicator: AlertIndicator,
|
|
186
|
-
Root:
|
|
193
|
+
Root: AlertRoot,
|
|
187
194
|
Title: AlertTitle
|
|
188
195
|
});
|
|
189
196
|
|
|
@@ -215,76 +222,79 @@ const useAlertDialog = () => {
|
|
|
215
222
|
|
|
216
223
|
//#endregion
|
|
217
224
|
//#region src/components/alert-dialog/alert-dialog.tsx
|
|
218
|
-
const
|
|
225
|
+
const AlertDialogRoot = ({ ...props }) => {
|
|
219
226
|
return /* @__PURE__ */ jsx(AlertDialogContext, {
|
|
220
227
|
value: { slots: useMemo(() => alertDialogVariants(), []) },
|
|
221
|
-
children: /* @__PURE__ */ jsx(AlertDialog.Root, { ...props })
|
|
228
|
+
children: /* @__PURE__ */ jsx(AlertDialog$1.Root, { ...props })
|
|
222
229
|
});
|
|
223
230
|
};
|
|
224
231
|
const AlertDialogTrigger = ({ className, ...props }) => {
|
|
225
232
|
const { slots } = useAlertDialog();
|
|
226
|
-
return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
|
|
233
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
|
|
227
234
|
className: cn$1(slots.trigger(), className),
|
|
228
235
|
...props
|
|
229
236
|
});
|
|
230
237
|
};
|
|
231
238
|
const AlertDialogPortal = ({ className, ...props }) => {
|
|
232
239
|
const { slots } = useAlertDialog();
|
|
233
|
-
return /* @__PURE__ */ jsx(AlertDialog.Portal, {
|
|
240
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
|
|
234
241
|
className: cn$1(slots.portal(), className),
|
|
235
242
|
...props
|
|
236
243
|
});
|
|
237
244
|
};
|
|
238
245
|
const AlertDialogBackdrop = ({ className, ...props }) => {
|
|
239
246
|
const { slots } = useAlertDialog();
|
|
240
|
-
return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
|
|
247
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
|
|
241
248
|
className: cn$1(slots.backdrop(), className),
|
|
242
249
|
...props
|
|
243
250
|
});
|
|
244
251
|
};
|
|
245
252
|
const AlertDialogViewport = ({ className, ...props }) => {
|
|
246
253
|
const { slots } = useAlertDialog();
|
|
247
|
-
return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
|
|
254
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
|
|
248
255
|
className: cn$1(slots.viewport(), className),
|
|
249
256
|
...props
|
|
250
257
|
});
|
|
251
258
|
};
|
|
252
259
|
const AlertDialogPopup = ({ className, ...props }) => {
|
|
253
260
|
const { slots } = useAlertDialog();
|
|
254
|
-
return /* @__PURE__ */ jsx(AlertDialog.Popup, {
|
|
261
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
|
|
255
262
|
className: cn$1(slots.popup(), className),
|
|
256
263
|
...props
|
|
257
264
|
});
|
|
258
265
|
};
|
|
259
266
|
const AlertDialogTitle = ({ className, ...props }) => {
|
|
260
267
|
const { slots } = useAlertDialog();
|
|
261
|
-
return /* @__PURE__ */ jsx(AlertDialog.Title, {
|
|
268
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
|
|
262
269
|
className: cn$1(slots.title(), className),
|
|
263
270
|
...props
|
|
264
271
|
});
|
|
265
272
|
};
|
|
266
273
|
const AlertDialogDescription = ({ className, ...props }) => {
|
|
267
274
|
const { slots } = useAlertDialog();
|
|
268
|
-
return /* @__PURE__ */ jsx(AlertDialog.Description, {
|
|
275
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
|
|
269
276
|
className: cn$1(slots.description(), className),
|
|
270
277
|
...props
|
|
271
278
|
});
|
|
272
279
|
};
|
|
273
280
|
const AlertDialogClose = ({ className, children, ...props }) => {
|
|
274
281
|
const { slots } = useAlertDialog();
|
|
275
|
-
return /* @__PURE__ */ jsx(AlertDialog.Close, {
|
|
282
|
+
return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
|
|
276
283
|
className: cn$1(slots.close(), className),
|
|
277
284
|
...props,
|
|
278
285
|
children: children ?? /* @__PURE__ */ jsx(LucideX, {})
|
|
279
286
|
});
|
|
280
287
|
};
|
|
281
|
-
|
|
288
|
+
|
|
289
|
+
//#endregion
|
|
290
|
+
//#region src/components/alert-dialog/index.ts
|
|
291
|
+
const AlertDialog = Object.assign(AlertDialogRoot, {
|
|
282
292
|
Backdrop: AlertDialogBackdrop,
|
|
283
293
|
Close: AlertDialogClose,
|
|
284
294
|
Description: AlertDialogDescription,
|
|
285
295
|
Popup: AlertDialogPopup,
|
|
286
296
|
Portal: AlertDialogPortal,
|
|
287
|
-
Root:
|
|
297
|
+
Root: AlertDialogRoot,
|
|
288
298
|
Title: AlertDialogTitle,
|
|
289
299
|
Trigger: AlertDialogTrigger,
|
|
290
300
|
Viewport: AlertDialogViewport
|
|
@@ -329,135 +339,138 @@ const useAutocomplete = () => {
|
|
|
329
339
|
|
|
330
340
|
//#endregion
|
|
331
341
|
//#region src/components/autocomplete/autocomplete.tsx
|
|
332
|
-
const
|
|
342
|
+
const AutocompleteRoot = ({ ...props }) => {
|
|
333
343
|
return /* @__PURE__ */ jsx(AutocompleteContext, {
|
|
334
344
|
value: { slots: useMemo(() => autocompleteVariants(), []) },
|
|
335
|
-
children: /* @__PURE__ */ jsx(Autocomplete.Root, { ...props })
|
|
345
|
+
children: /* @__PURE__ */ jsx(Autocomplete$1.Root, { ...props })
|
|
336
346
|
});
|
|
337
347
|
};
|
|
338
348
|
const AutocompleteTrigger = ({ className, ...props }) => {
|
|
339
349
|
const { slots } = useAutocomplete();
|
|
340
|
-
return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
|
|
350
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Trigger, {
|
|
341
351
|
className: cn$1(slots.trigger(), className),
|
|
342
352
|
...props
|
|
343
353
|
});
|
|
344
354
|
};
|
|
345
355
|
const AutocompleteInput = ({ className, ...props }) => {
|
|
346
356
|
const { slots } = useAutocomplete();
|
|
347
|
-
return /* @__PURE__ */ jsx(Autocomplete.Input, {
|
|
357
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Input, {
|
|
348
358
|
className: cn$1(slots.input(), className),
|
|
349
359
|
...props
|
|
350
360
|
});
|
|
351
361
|
};
|
|
352
362
|
const AutocompleteIcon = ({ className, ...props }) => {
|
|
353
363
|
const { slots } = useAutocomplete();
|
|
354
|
-
return /* @__PURE__ */ jsx(Autocomplete.Icon, {
|
|
364
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Icon, {
|
|
355
365
|
className: cn$1(slots.icon(), className),
|
|
356
366
|
...props
|
|
357
367
|
});
|
|
358
368
|
};
|
|
359
369
|
const AutocompleteClear = ({ className, ...props }) => {
|
|
360
370
|
const { slots } = useAutocomplete();
|
|
361
|
-
return /* @__PURE__ */ jsx(Autocomplete.Clear, {
|
|
371
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Clear, {
|
|
362
372
|
className: cn$1(slots.clear(), className),
|
|
363
373
|
...props
|
|
364
374
|
});
|
|
365
375
|
};
|
|
366
376
|
const AutocompleteValue = ({ ...props }) => {
|
|
367
|
-
return /* @__PURE__ */ jsx(Autocomplete.Value, { ...props });
|
|
377
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Value, { ...props });
|
|
368
378
|
};
|
|
369
379
|
const AutocompletePortal = ({ className, ...props }) => {
|
|
370
380
|
const { slots } = useAutocomplete();
|
|
371
|
-
return /* @__PURE__ */ jsx(Autocomplete.Portal, {
|
|
381
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Portal, {
|
|
372
382
|
className: cn$1(slots.portal(), className),
|
|
373
383
|
...props
|
|
374
384
|
});
|
|
375
385
|
};
|
|
376
386
|
const AutocompleteBackdrop = ({ className, ...props }) => {
|
|
377
387
|
const { slots } = useAutocomplete();
|
|
378
|
-
return /* @__PURE__ */ jsx(Autocomplete.Backdrop, {
|
|
388
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Backdrop, {
|
|
379
389
|
className: cn$1(slots.backdrop(), className),
|
|
380
390
|
...props
|
|
381
391
|
});
|
|
382
392
|
};
|
|
383
393
|
const AutocompletePositioner = ({ className, ...props }) => {
|
|
384
394
|
const { slots } = useAutocomplete();
|
|
385
|
-
return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
|
|
395
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Positioner, {
|
|
386
396
|
className: cn$1(slots.positioner(), className),
|
|
387
397
|
...props
|
|
388
398
|
});
|
|
389
399
|
};
|
|
390
400
|
const AutocompletePopup = ({ className, ...props }) => {
|
|
391
401
|
const { slots } = useAutocomplete();
|
|
392
|
-
return /* @__PURE__ */ jsx(Autocomplete.Popup, {
|
|
402
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Popup, {
|
|
393
403
|
className: cn$1(slots.popup(), className),
|
|
394
404
|
...props
|
|
395
405
|
});
|
|
396
406
|
};
|
|
397
407
|
const AutocompleteArrow = ({ className, ...props }) => {
|
|
398
408
|
const { slots } = useAutocomplete();
|
|
399
|
-
return /* @__PURE__ */ jsx(Autocomplete.Arrow, {
|
|
409
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Arrow, {
|
|
400
410
|
className: cn$1(slots.arrow(), className),
|
|
401
411
|
...props
|
|
402
412
|
});
|
|
403
413
|
};
|
|
404
414
|
const AutocompleteStatus = ({ className, ...props }) => {
|
|
405
415
|
const { slots } = useAutocomplete();
|
|
406
|
-
return /* @__PURE__ */ jsx(Autocomplete.Status, {
|
|
416
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Status, {
|
|
407
417
|
className: cn$1(slots.status(), className),
|
|
408
418
|
...props
|
|
409
419
|
});
|
|
410
420
|
};
|
|
411
421
|
const AutocompleteEmpty = ({ className, ...props }) => {
|
|
412
422
|
const { slots } = useAutocomplete();
|
|
413
|
-
return /* @__PURE__ */ jsx(Autocomplete.Empty, {
|
|
423
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Empty, {
|
|
414
424
|
className: cn$1(slots.empty(), className),
|
|
415
425
|
...props
|
|
416
426
|
});
|
|
417
427
|
};
|
|
418
428
|
const AutocompleteList = ({ className, ...props }) => {
|
|
419
429
|
const { slots } = useAutocomplete();
|
|
420
|
-
return /* @__PURE__ */ jsx(Autocomplete.List, {
|
|
430
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.List, {
|
|
421
431
|
className: cn$1(slots.list(), className),
|
|
422
432
|
...props
|
|
423
433
|
});
|
|
424
434
|
};
|
|
425
435
|
const AutocompleteRow = ({ className, ...props }) => {
|
|
426
436
|
const { slots } = useAutocomplete();
|
|
427
|
-
return /* @__PURE__ */ jsx(Autocomplete.Row, {
|
|
437
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Row, {
|
|
428
438
|
className: cn$1(slots.row(), className),
|
|
429
439
|
...props
|
|
430
440
|
});
|
|
431
441
|
};
|
|
432
442
|
const AutocompleteItem = ({ className, ...props }) => {
|
|
433
443
|
const { slots } = useAutocomplete();
|
|
434
|
-
return /* @__PURE__ */ jsx(Autocomplete.Item, {
|
|
444
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Item, {
|
|
435
445
|
className: cn$1(slots.item(), className),
|
|
436
446
|
...props
|
|
437
447
|
});
|
|
438
448
|
};
|
|
439
449
|
const AutocompleteSeparator = ({ className, ...props }) => {
|
|
440
450
|
const { slots } = useAutocomplete();
|
|
441
|
-
return /* @__PURE__ */ jsx(Autocomplete.Separator, {
|
|
451
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Separator, {
|
|
442
452
|
className: cn$1(slots.separator(), className),
|
|
443
453
|
...props
|
|
444
454
|
});
|
|
445
455
|
};
|
|
446
456
|
const AutocompleteGroup = ({ className, ...props }) => {
|
|
447
457
|
const { slots } = useAutocomplete();
|
|
448
|
-
return /* @__PURE__ */ jsx(Autocomplete.Group, {
|
|
458
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.Group, {
|
|
449
459
|
className: cn$1(slots.group(), className),
|
|
450
460
|
...props
|
|
451
461
|
});
|
|
452
462
|
};
|
|
453
463
|
const AutocompleteGroupLabel = ({ className, ...props }) => {
|
|
454
464
|
const { slots } = useAutocomplete();
|
|
455
|
-
return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
|
|
465
|
+
return /* @__PURE__ */ jsx(Autocomplete$1.GroupLabel, {
|
|
456
466
|
className: cn$1(slots.groupLabel(), className),
|
|
457
467
|
...props
|
|
458
468
|
});
|
|
459
469
|
};
|
|
460
|
-
|
|
470
|
+
|
|
471
|
+
//#endregion
|
|
472
|
+
//#region src/components/autocomplete/index.ts
|
|
473
|
+
const Autocomplete = Object.assign(AutocompleteRoot, {
|
|
461
474
|
Arrow: AutocompleteArrow,
|
|
462
475
|
Backdrop: AutocompleteBackdrop,
|
|
463
476
|
Clear: AutocompleteClear,
|
|
@@ -471,7 +484,7 @@ var autocomplete_default = Object.assign(Autocomplete$1, {
|
|
|
471
484
|
Popup: AutocompletePopup,
|
|
472
485
|
Portal: AutocompletePortal,
|
|
473
486
|
Positioner: AutocompletePositioner,
|
|
474
|
-
Root:
|
|
487
|
+
Root: AutocompleteRoot,
|
|
475
488
|
Row: AutocompleteRow,
|
|
476
489
|
Separator: AutocompleteSeparator,
|
|
477
490
|
Status: AutocompleteStatus,
|
|
@@ -509,11 +522,11 @@ const useAvatar = () => {
|
|
|
509
522
|
|
|
510
523
|
//#endregion
|
|
511
524
|
//#region src/components/avatar/avatar.tsx
|
|
512
|
-
const
|
|
525
|
+
const AvatarRoot = ({ className, size, ...props }) => {
|
|
513
526
|
const slots = useMemo(() => avatarVariants({ size }), [size]);
|
|
514
527
|
return /* @__PURE__ */ jsx(AvatarContext.Provider, {
|
|
515
528
|
value: { slots },
|
|
516
|
-
children: /* @__PURE__ */ jsx(Avatar.Root, {
|
|
529
|
+
children: /* @__PURE__ */ jsx(Avatar$1.Root, {
|
|
517
530
|
className: cn$1(className, slots.root()),
|
|
518
531
|
...props
|
|
519
532
|
})
|
|
@@ -521,22 +534,25 @@ const Avatar$1 = ({ className, size, ...props }) => {
|
|
|
521
534
|
};
|
|
522
535
|
const AvatarImage = ({ className, ...props }) => {
|
|
523
536
|
const { slots } = useAvatar();
|
|
524
|
-
return /* @__PURE__ */ jsx(Avatar.Image, {
|
|
537
|
+
return /* @__PURE__ */ jsx(Avatar$1.Image, {
|
|
525
538
|
className: cn$1(className, slots.image()),
|
|
526
539
|
...props
|
|
527
540
|
});
|
|
528
541
|
};
|
|
529
542
|
const AvatarFallback = ({ className, ...props }) => {
|
|
530
543
|
const { slots } = useAvatar();
|
|
531
|
-
return /* @__PURE__ */ jsx(Avatar.Fallback, {
|
|
544
|
+
return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
|
|
532
545
|
className: cn$1(className, slots.fallback()),
|
|
533
546
|
...props
|
|
534
547
|
});
|
|
535
548
|
};
|
|
536
|
-
|
|
549
|
+
|
|
550
|
+
//#endregion
|
|
551
|
+
//#region src/components/avatar/index.ts
|
|
552
|
+
const Avatar = Object.assign(AvatarRoot, {
|
|
537
553
|
Fallback: AvatarFallback,
|
|
538
554
|
Image: AvatarImage,
|
|
539
|
-
Root:
|
|
555
|
+
Root: AvatarRoot
|
|
540
556
|
});
|
|
541
557
|
|
|
542
558
|
//#endregion
|
|
@@ -567,8 +583,8 @@ const buttonVariants = tv({
|
|
|
567
583
|
|
|
568
584
|
//#endregion
|
|
569
585
|
//#region src/components/button/button.tsx
|
|
570
|
-
const Button
|
|
571
|
-
return /* @__PURE__ */ jsx(Button, {
|
|
586
|
+
const Button = ({ className, variant, size, isIconOnly, ...props }) => {
|
|
587
|
+
return /* @__PURE__ */ jsx(Button$1, {
|
|
572
588
|
className: cn$1(buttonVariants({
|
|
573
589
|
isIconOnly,
|
|
574
590
|
size,
|
|
@@ -577,7 +593,6 @@ const Button$1 = ({ className, variant, size, isIconOnly, ...props }) => {
|
|
|
577
593
|
...props
|
|
578
594
|
});
|
|
579
595
|
};
|
|
580
|
-
var button_default = Button$1;
|
|
581
596
|
|
|
582
597
|
//#endregion
|
|
583
598
|
//#region src/components/button-group/button-group.variants.ts
|
|
@@ -591,7 +606,6 @@ const ButtonGroup = ({ className, ...props }) => {
|
|
|
591
606
|
...props
|
|
592
607
|
});
|
|
593
608
|
};
|
|
594
|
-
var button_group_default = ButtonGroup;
|
|
595
609
|
|
|
596
610
|
//#endregion
|
|
597
611
|
//#region src/components/card/card.context.ts
|
|
@@ -624,7 +638,7 @@ const useCard = () => {
|
|
|
624
638
|
|
|
625
639
|
//#endregion
|
|
626
640
|
//#region src/components/card/card.tsx
|
|
627
|
-
const
|
|
641
|
+
const CardRoot = ({ className, variant, ...props }) => {
|
|
628
642
|
const slots = useMemo(() => cardVariants({ variant }), [variant]);
|
|
629
643
|
console.log(slots);
|
|
630
644
|
return /* @__PURE__ */ jsx(CardContext.Provider, {
|
|
@@ -663,12 +677,14 @@ const CardDescription = ({ className, ...props }) => {
|
|
|
663
677
|
...props
|
|
664
678
|
});
|
|
665
679
|
};
|
|
666
|
-
|
|
667
|
-
|
|
680
|
+
|
|
681
|
+
//#endregion
|
|
682
|
+
//#region src/components/card/index.ts
|
|
683
|
+
const Card = Object.assign(CardRoot, {
|
|
668
684
|
Content: CardContent,
|
|
669
685
|
Description: CardDescription,
|
|
670
686
|
Header: CardHeader,
|
|
671
|
-
Root:
|
|
687
|
+
Root: CardRoot,
|
|
672
688
|
Title: CardTitle
|
|
673
689
|
});
|
|
674
690
|
|
|
@@ -693,11 +709,11 @@ const useCheckbox = () => {
|
|
|
693
709
|
|
|
694
710
|
//#endregion
|
|
695
711
|
//#region src/components/checkbox/checkbox.tsx
|
|
696
|
-
const
|
|
712
|
+
const CheckboxRoot = ({ className, ...props }) => {
|
|
697
713
|
const slots = useMemo(() => checkboxVariants({}), []);
|
|
698
714
|
return /* @__PURE__ */ jsx(CheckboxContext, {
|
|
699
715
|
value: { slots },
|
|
700
|
-
children: /* @__PURE__ */ jsx(Checkbox.Root, {
|
|
716
|
+
children: /* @__PURE__ */ jsx(Checkbox$1.Root, {
|
|
701
717
|
className: cn$1(className, slots.root()),
|
|
702
718
|
...props
|
|
703
719
|
})
|
|
@@ -705,15 +721,18 @@ const Checkbox$1 = ({ className, ...props }) => {
|
|
|
705
721
|
};
|
|
706
722
|
const CheckboxIndicator = ({ className, children, ...props }) => {
|
|
707
723
|
const { slots } = useCheckbox();
|
|
708
|
-
return /* @__PURE__ */ jsx(Checkbox.Indicator, {
|
|
724
|
+
return /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
|
|
709
725
|
className: cn$1(className, slots.indicator()),
|
|
710
726
|
...props,
|
|
711
727
|
children: children ?? /* @__PURE__ */ jsx(LucideCheck, {})
|
|
712
728
|
});
|
|
713
729
|
};
|
|
714
|
-
|
|
730
|
+
|
|
731
|
+
//#endregion
|
|
732
|
+
//#region src/components/checkbox/index.ts
|
|
733
|
+
const Checkbox = Object.assign(CheckboxRoot, {
|
|
715
734
|
Indicator: CheckboxIndicator,
|
|
716
|
-
Root:
|
|
735
|
+
Root: CheckboxRoot
|
|
717
736
|
});
|
|
718
737
|
|
|
719
738
|
//#endregion
|
|
@@ -722,13 +741,12 @@ const checkboxGroupVariants = tv({ base: "checkbox-group" });
|
|
|
722
741
|
|
|
723
742
|
//#endregion
|
|
724
743
|
//#region src/components/checkbox-group/checkbox-group.tsx
|
|
725
|
-
const CheckboxGroup
|
|
726
|
-
return /* @__PURE__ */ jsx(CheckboxGroup, {
|
|
744
|
+
const CheckboxGroup = ({ className, ...props }) => {
|
|
745
|
+
return /* @__PURE__ */ jsx(CheckboxGroup$1, {
|
|
727
746
|
className: cn$1(className, checkboxGroupVariants()),
|
|
728
747
|
...props
|
|
729
748
|
});
|
|
730
749
|
};
|
|
731
|
-
var checkbox_group_default = CheckboxGroup$1;
|
|
732
750
|
|
|
733
751
|
//#endregion
|
|
734
752
|
//#region src/components/chip/chip.variants.ts
|
|
@@ -765,7 +783,6 @@ const Chip = ({ className, variant, size, ...props }) => {
|
|
|
765
783
|
...props
|
|
766
784
|
});
|
|
767
785
|
};
|
|
768
|
-
var chip_default = Chip;
|
|
769
786
|
|
|
770
787
|
//#endregion
|
|
771
788
|
//#region src/components/collapsible/collapsible.context.ts
|
|
@@ -791,11 +808,11 @@ const useCollapsible = () => {
|
|
|
791
808
|
|
|
792
809
|
//#endregion
|
|
793
810
|
//#region src/components/collapsible/collapsible.tsx
|
|
794
|
-
const
|
|
811
|
+
const CollapsibleRoot = ({ className, ...props }) => {
|
|
795
812
|
const slots = useMemo(() => collapsibleVariants({}), []);
|
|
796
813
|
return /* @__PURE__ */ jsx(CollapsibleContext, {
|
|
797
814
|
value: { slots },
|
|
798
|
-
children: /* @__PURE__ */ jsx(Collapsible.Root, {
|
|
815
|
+
children: /* @__PURE__ */ jsx(Collapsible$1.Root, {
|
|
799
816
|
className: cn$1(className, slots.root()),
|
|
800
817
|
...props
|
|
801
818
|
})
|
|
@@ -803,7 +820,7 @@ const Collapsible$1 = ({ className, ...props }) => {
|
|
|
803
820
|
};
|
|
804
821
|
const CollapsibleTrigger = ({ className, children, ...props }) => {
|
|
805
822
|
const { slots } = useCollapsible();
|
|
806
|
-
return /* @__PURE__ */ jsx(Collapsible.Trigger, {
|
|
823
|
+
return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
|
|
807
824
|
className: cn$1(className, slots.trigger()),
|
|
808
825
|
...props,
|
|
809
826
|
children
|
|
@@ -818,7 +835,7 @@ const CollapsibleTriggerIcon = ({ className, ...props }) => {
|
|
|
818
835
|
};
|
|
819
836
|
const CollapsiblePanel = ({ className, children, ...props }) => {
|
|
820
837
|
const { slots } = useCollapsible();
|
|
821
|
-
return /* @__PURE__ */ jsx(Collapsible.Panel, {
|
|
838
|
+
return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
|
|
822
839
|
className: cn$1(className, slots.panel()),
|
|
823
840
|
...props,
|
|
824
841
|
children
|
|
@@ -831,10 +848,13 @@ const CollapsibleContent = ({ className, ...props }) => {
|
|
|
831
848
|
...props
|
|
832
849
|
});
|
|
833
850
|
};
|
|
834
|
-
|
|
851
|
+
|
|
852
|
+
//#endregion
|
|
853
|
+
//#region src/components/collapsible/index.ts
|
|
854
|
+
const Collapsible = Object.assign(CollapsibleRoot, {
|
|
835
855
|
Content: CollapsibleContent,
|
|
836
856
|
Panel: CollapsiblePanel,
|
|
837
|
-
Root:
|
|
857
|
+
Root: CollapsibleRoot,
|
|
838
858
|
Trigger: CollapsibleTrigger,
|
|
839
859
|
TriggerIcon: CollapsibleTriggerIcon
|
|
840
860
|
});
|
|
@@ -882,26 +902,26 @@ const useCombobox = () => {
|
|
|
882
902
|
|
|
883
903
|
//#endregion
|
|
884
904
|
//#region src/components/combobox/combobox.tsx
|
|
885
|
-
const
|
|
905
|
+
const ComboboxRoot = ({ ...props }) => {
|
|
886
906
|
const slots = useMemo(() => comboboxVariants(), []);
|
|
887
907
|
return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
|
|
888
908
|
value: { slots },
|
|
889
|
-
children: /* @__PURE__ */ jsx(Combobox.Root, { ...props })
|
|
909
|
+
children: /* @__PURE__ */ jsx(Combobox$1.Root, { ...props })
|
|
890
910
|
});
|
|
891
911
|
};
|
|
892
912
|
const ComboboxInput = ({ className, ...props }) => {
|
|
893
913
|
const { slots } = useCombobox();
|
|
894
|
-
return /* @__PURE__ */ jsx(Combobox.Input, {
|
|
914
|
+
return /* @__PURE__ */ jsx(Combobox$1.Input, {
|
|
895
915
|
className: cn$1(slots.input(), className),
|
|
896
916
|
...props
|
|
897
917
|
});
|
|
898
918
|
};
|
|
899
919
|
const ComboboxTrigger = ({ className, children, ...props }) => {
|
|
900
920
|
const { slots } = useCombobox();
|
|
901
|
-
return /* @__PURE__ */ jsxs(Combobox.Trigger, {
|
|
921
|
+
return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
|
|
902
922
|
className: cn$1(slots.trigger(), className),
|
|
903
923
|
...props,
|
|
904
|
-
children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
|
|
924
|
+
children: [children, /* @__PURE__ */ jsx(Combobox$1.Icon, {
|
|
905
925
|
className: slots.icon(),
|
|
906
926
|
children: /* @__PURE__ */ jsx(ChevronDown, {})
|
|
907
927
|
})]
|
|
@@ -916,7 +936,7 @@ const ComboboxValue = ({ ...props }) => {
|
|
|
916
936
|
};
|
|
917
937
|
const ComboboxClear = ({ className, ...props }) => {
|
|
918
938
|
const { slots } = useCombobox();
|
|
919
|
-
return /* @__PURE__ */ jsx(Combobox.Clear, {
|
|
939
|
+
return /* @__PURE__ */ jsx(Combobox$1.Clear, {
|
|
920
940
|
className: cn$1(slots.clear(), className),
|
|
921
941
|
...props,
|
|
922
942
|
children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
|
|
@@ -924,88 +944,88 @@ const ComboboxClear = ({ className, ...props }) => {
|
|
|
924
944
|
};
|
|
925
945
|
const ComboboxChips = ({ className, ...props }) => {
|
|
926
946
|
const { slots } = useCombobox();
|
|
927
|
-
return /* @__PURE__ */ jsx(Combobox.Chips, {
|
|
947
|
+
return /* @__PURE__ */ jsx(Combobox$1.Chips, {
|
|
928
948
|
className: cn$1(slots.chips(), className),
|
|
929
949
|
...props
|
|
930
950
|
});
|
|
931
951
|
};
|
|
932
952
|
const ComboboxChip = ({ className, children, ...props }) => {
|
|
933
953
|
const { slots } = useCombobox();
|
|
934
|
-
return /* @__PURE__ */ jsxs(Combobox.Chip, {
|
|
954
|
+
return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
|
|
935
955
|
className: cn$1(slots.chip(), className),
|
|
936
956
|
...props,
|
|
937
|
-
children: [children, /* @__PURE__ */ jsx(Combobox.ChipRemove, { className: slots.chipRemove() })]
|
|
957
|
+
children: [children, /* @__PURE__ */ jsx(Combobox$1.ChipRemove, { className: slots.chipRemove() })]
|
|
938
958
|
});
|
|
939
959
|
};
|
|
940
960
|
const ComboboxChipRemove = ({ className, ...props }) => {
|
|
941
961
|
const { slots } = useCombobox();
|
|
942
|
-
return /* @__PURE__ */ jsx(Combobox.ChipRemove, {
|
|
962
|
+
return /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
|
|
943
963
|
className: cn$1(slots.chipRemove(), className),
|
|
944
964
|
...props
|
|
945
965
|
});
|
|
946
966
|
};
|
|
947
967
|
const ComboboxPortal = ({ ...props }) => {
|
|
948
|
-
return /* @__PURE__ */ jsx(Combobox.Portal, { ...props });
|
|
968
|
+
return /* @__PURE__ */ jsx(Combobox$1.Portal, { ...props });
|
|
949
969
|
};
|
|
950
970
|
const ComboboxBackdrop = ({ className, ...props }) => {
|
|
951
971
|
const { slots } = useCombobox();
|
|
952
|
-
return /* @__PURE__ */ jsx(Combobox.Backdrop, {
|
|
972
|
+
return /* @__PURE__ */ jsx(Combobox$1.Backdrop, {
|
|
953
973
|
className: cn$1(slots.backdrop(), className),
|
|
954
974
|
...props
|
|
955
975
|
});
|
|
956
976
|
};
|
|
957
977
|
const ComboboxPositioner = ({ className, ...props }) => {
|
|
958
978
|
const { slots } = useCombobox();
|
|
959
|
-
return /* @__PURE__ */ jsx(Combobox.Positioner, {
|
|
979
|
+
return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
|
|
960
980
|
className: cn$1(slots.positioner(), className),
|
|
961
981
|
...props
|
|
962
982
|
});
|
|
963
983
|
};
|
|
964
984
|
const ComboboxPopup = ({ className, ...props }) => {
|
|
965
985
|
const { slots } = useCombobox();
|
|
966
|
-
return /* @__PURE__ */ jsx(Combobox.Popup, {
|
|
986
|
+
return /* @__PURE__ */ jsx(Combobox$1.Popup, {
|
|
967
987
|
className: cn$1(slots.popup(), className),
|
|
968
988
|
...props
|
|
969
989
|
});
|
|
970
990
|
};
|
|
971
991
|
const ComboboxArrow = ({ className, ...props }) => {
|
|
972
992
|
const { slots } = useCombobox();
|
|
973
|
-
return /* @__PURE__ */ jsx(Combobox.Arrow, {
|
|
993
|
+
return /* @__PURE__ */ jsx(Combobox$1.Arrow, {
|
|
974
994
|
className: cn$1(slots.arrow(), className),
|
|
975
995
|
...props
|
|
976
996
|
});
|
|
977
997
|
};
|
|
978
998
|
const ComboboxStatus = ({ className, ...props }) => {
|
|
979
999
|
const { slots } = useCombobox();
|
|
980
|
-
return /* @__PURE__ */ jsx(Combobox.Status, {
|
|
1000
|
+
return /* @__PURE__ */ jsx(Combobox$1.Status, {
|
|
981
1001
|
className: cn$1(slots.status(), className),
|
|
982
1002
|
...props
|
|
983
1003
|
});
|
|
984
1004
|
};
|
|
985
1005
|
const ComboboxEmpty = ({ className, ...props }) => {
|
|
986
1006
|
const { slots } = useCombobox();
|
|
987
|
-
return /* @__PURE__ */ jsx(Combobox.Empty, {
|
|
1007
|
+
return /* @__PURE__ */ jsx(Combobox$1.Empty, {
|
|
988
1008
|
className: cn$1(slots.empty(), className),
|
|
989
1009
|
...props
|
|
990
1010
|
});
|
|
991
1011
|
};
|
|
992
1012
|
const ComboboxList = ({ className, ...props }) => {
|
|
993
1013
|
const { slots } = useCombobox();
|
|
994
|
-
return /* @__PURE__ */ jsx(Combobox.List, {
|
|
1014
|
+
return /* @__PURE__ */ jsx(Combobox$1.List, {
|
|
995
1015
|
className: cn$1(slots.list(), className),
|
|
996
1016
|
...props
|
|
997
1017
|
});
|
|
998
1018
|
};
|
|
999
1019
|
const ComboboxRow = ({ className, ...props }) => {
|
|
1000
1020
|
const { slots } = useCombobox();
|
|
1001
|
-
return /* @__PURE__ */ jsx(Combobox.Row, {
|
|
1021
|
+
return /* @__PURE__ */ jsx(Combobox$1.Row, {
|
|
1002
1022
|
className: cn$1(slots.row(), className),
|
|
1003
1023
|
...props
|
|
1004
1024
|
});
|
|
1005
1025
|
};
|
|
1006
1026
|
const ComboboxItemIndicator = ({ className, children, ...props }) => {
|
|
1007
1027
|
const { slots } = useCombobox();
|
|
1008
|
-
return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
|
|
1028
|
+
return /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
|
|
1009
1029
|
className: cn$1(slots.itemIndicator(), className),
|
|
1010
1030
|
...props,
|
|
1011
1031
|
children: children ?? /* @__PURE__ */ jsx(Check, {})
|
|
@@ -1013,7 +1033,7 @@ const ComboboxItemIndicator = ({ className, children, ...props }) => {
|
|
|
1013
1033
|
};
|
|
1014
1034
|
const ComboboxItem = ({ className, children, ...props }) => {
|
|
1015
1035
|
const { slots } = useCombobox();
|
|
1016
|
-
return /* @__PURE__ */ jsxs(Combobox.Item, {
|
|
1036
|
+
return /* @__PURE__ */ jsxs(Combobox$1.Item, {
|
|
1017
1037
|
className: cn$1(slots.item(), className),
|
|
1018
1038
|
...props,
|
|
1019
1039
|
children: [/* @__PURE__ */ jsx(ComboboxItemIndicator, {}), children]
|
|
@@ -1021,26 +1041,29 @@ const ComboboxItem = ({ className, children, ...props }) => {
|
|
|
1021
1041
|
};
|
|
1022
1042
|
const ComboboxSeparator = ({ className, ...props }) => {
|
|
1023
1043
|
const { slots } = useCombobox();
|
|
1024
|
-
return /* @__PURE__ */ jsx(Combobox.Separator, {
|
|
1044
|
+
return /* @__PURE__ */ jsx(Combobox$1.Separator, {
|
|
1025
1045
|
className: cn$1(slots.separator(), className),
|
|
1026
1046
|
...props
|
|
1027
1047
|
});
|
|
1028
1048
|
};
|
|
1029
1049
|
const ComboboxGroup = ({ className, ...props }) => {
|
|
1030
1050
|
const { slots } = useCombobox();
|
|
1031
|
-
return /* @__PURE__ */ jsx(Combobox.Group, {
|
|
1051
|
+
return /* @__PURE__ */ jsx(Combobox$1.Group, {
|
|
1032
1052
|
className: cn$1(slots.group(), className),
|
|
1033
1053
|
...props
|
|
1034
1054
|
});
|
|
1035
1055
|
};
|
|
1036
1056
|
const ComboboxGroupLabel = ({ className, ...props }) => {
|
|
1037
1057
|
const { slots } = useCombobox();
|
|
1038
|
-
return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
|
|
1058
|
+
return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
|
|
1039
1059
|
className: cn$1(slots.groupLabel(), className),
|
|
1040
1060
|
...props
|
|
1041
1061
|
});
|
|
1042
1062
|
};
|
|
1043
|
-
|
|
1063
|
+
|
|
1064
|
+
//#endregion
|
|
1065
|
+
//#region src/components/combobox/index.ts
|
|
1066
|
+
const Combobox = Object.assign(ComboboxRoot, {
|
|
1044
1067
|
Arrow: ComboboxArrow,
|
|
1045
1068
|
Backdrop: ComboboxBackdrop,
|
|
1046
1069
|
Chip: ComboboxChip,
|
|
@@ -1057,7 +1080,7 @@ var combobox_default = Object.assign(Combobox$1, {
|
|
|
1057
1080
|
Popup: ComboboxPopup,
|
|
1058
1081
|
Portal: ComboboxPortal,
|
|
1059
1082
|
Positioner: ComboboxPositioner,
|
|
1060
|
-
Root:
|
|
1083
|
+
Root: ComboboxRoot,
|
|
1061
1084
|
Row: ComboboxRow,
|
|
1062
1085
|
Separator: ComboboxSeparator,
|
|
1063
1086
|
Status: ComboboxStatus,
|
|
@@ -1077,7 +1100,6 @@ const Container = ({ className, ...props }) => {
|
|
|
1077
1100
|
...props
|
|
1078
1101
|
});
|
|
1079
1102
|
};
|
|
1080
|
-
var container_default = Container;
|
|
1081
1103
|
|
|
1082
1104
|
//#endregion
|
|
1083
1105
|
//#region src/components/context-menu/context-menu.context.ts
|
|
@@ -1112,95 +1134,98 @@ const useContextMenu = () => {
|
|
|
1112
1134
|
|
|
1113
1135
|
//#endregion
|
|
1114
1136
|
//#region src/components/context-menu/context-menu.tsx
|
|
1115
|
-
const
|
|
1137
|
+
const ContextMenuRoot = ({ ...props }) => {
|
|
1116
1138
|
const slots = useMemo(() => contextMenuVariants(), []);
|
|
1117
1139
|
return /* @__PURE__ */ jsx(ContextMenuContext.Provider, {
|
|
1118
1140
|
value: { slots },
|
|
1119
|
-
children: /* @__PURE__ */ jsx(ContextMenu.Root, { ...props })
|
|
1141
|
+
children: /* @__PURE__ */ jsx(ContextMenu$1.Root, { ...props })
|
|
1120
1142
|
});
|
|
1121
1143
|
};
|
|
1122
1144
|
const ContextMenuTrigger = ({ className, ...props }) => {
|
|
1123
1145
|
const { slots } = useContextMenu();
|
|
1124
|
-
return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
|
|
1146
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
|
|
1125
1147
|
className: cn$1(slots.trigger(), className),
|
|
1126
1148
|
...props
|
|
1127
1149
|
});
|
|
1128
1150
|
};
|
|
1129
1151
|
const ContextMenuPortal = ({ className, ...props }) => {
|
|
1130
1152
|
const { slots } = useContextMenu();
|
|
1131
|
-
return /* @__PURE__ */ jsx(ContextMenu.Portal, {
|
|
1153
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
|
|
1132
1154
|
className: cn$1(slots.portal(), className),
|
|
1133
1155
|
...props
|
|
1134
1156
|
});
|
|
1135
1157
|
};
|
|
1136
1158
|
const ContextMenuBackdrop = ({ className, ...props }) => {
|
|
1137
1159
|
const { slots } = useContextMenu();
|
|
1138
|
-
return /* @__PURE__ */ jsx(ContextMenu.Backdrop, {
|
|
1160
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Backdrop, {
|
|
1139
1161
|
className: cn$1(slots.backdrop(), className),
|
|
1140
1162
|
...props
|
|
1141
1163
|
});
|
|
1142
1164
|
};
|
|
1143
1165
|
const ContextMenuPositioner = ({ className, ...props }) => {
|
|
1144
1166
|
const { slots } = useContextMenu();
|
|
1145
|
-
return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
|
|
1167
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
|
|
1146
1168
|
className: cn$1(slots.positioner(), className),
|
|
1147
1169
|
...props
|
|
1148
1170
|
});
|
|
1149
1171
|
};
|
|
1150
1172
|
const ContextMenuPopup = ({ className, ...props }) => {
|
|
1151
1173
|
const { slots } = useContextMenu();
|
|
1152
|
-
return /* @__PURE__ */ jsx(ContextMenu.Popup, {
|
|
1174
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
|
|
1153
1175
|
className: cn$1(slots.popup(), className),
|
|
1154
1176
|
...props
|
|
1155
1177
|
});
|
|
1156
1178
|
};
|
|
1157
1179
|
const ContextMenuArrow = ({ className, ...props }) => {
|
|
1158
1180
|
const { slots } = useContextMenu();
|
|
1159
|
-
return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
|
|
1181
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Arrow, {
|
|
1160
1182
|
className: cn$1(slots.arrow(), className),
|
|
1161
1183
|
...props
|
|
1162
1184
|
});
|
|
1163
1185
|
};
|
|
1164
1186
|
const ContextMenuItem = ({ className, ...props }) => {
|
|
1165
1187
|
const { slots } = useContextMenu();
|
|
1166
|
-
return /* @__PURE__ */ jsx(ContextMenu.Item, {
|
|
1188
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Item, {
|
|
1167
1189
|
className: cn$1(slots.item(), className),
|
|
1168
1190
|
...props
|
|
1169
1191
|
});
|
|
1170
1192
|
};
|
|
1171
1193
|
const ContextMenuSeparator = ({ className, ...props }) => {
|
|
1172
1194
|
const { slots } = useContextMenu();
|
|
1173
|
-
return /* @__PURE__ */ jsx(ContextMenu.Separator, {
|
|
1195
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
|
|
1174
1196
|
className: cn$1(slots.separator(), className),
|
|
1175
1197
|
...props
|
|
1176
1198
|
});
|
|
1177
1199
|
};
|
|
1178
1200
|
const ContextMenuGroup = ({ className, ...props }) => {
|
|
1179
1201
|
const { slots } = useContextMenu();
|
|
1180
|
-
return /* @__PURE__ */ jsx(ContextMenu.Group, {
|
|
1202
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.Group, {
|
|
1181
1203
|
className: cn$1(slots.group(), className),
|
|
1182
1204
|
...props
|
|
1183
1205
|
});
|
|
1184
1206
|
};
|
|
1185
1207
|
const ContextMenuGroupLabel = ({ className, ...props }) => {
|
|
1186
1208
|
const { slots } = useContextMenu();
|
|
1187
|
-
return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
|
|
1209
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.GroupLabel, {
|
|
1188
1210
|
className: cn$1(slots.groupLabel(), className),
|
|
1189
1211
|
...props
|
|
1190
1212
|
});
|
|
1191
1213
|
};
|
|
1192
1214
|
const ContextMenuSubmenu = ({ ...props }) => {
|
|
1193
|
-
return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
|
|
1215
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, { ...props });
|
|
1194
1216
|
};
|
|
1195
1217
|
const ContextMenuSubmenuTrigger = ({ className, children, ...props }) => {
|
|
1196
1218
|
const { slots } = useContextMenu();
|
|
1197
|
-
return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
|
|
1219
|
+
return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuTrigger, {
|
|
1198
1220
|
className: cn$1(slots.submenuTrigger(), className),
|
|
1199
1221
|
...props,
|
|
1200
1222
|
children
|
|
1201
1223
|
});
|
|
1202
1224
|
};
|
|
1203
|
-
|
|
1225
|
+
|
|
1226
|
+
//#endregion
|
|
1227
|
+
//#region src/components/context-menu/index.ts
|
|
1228
|
+
const ContextMenu = Object.assign(ContextMenuRoot, {
|
|
1204
1229
|
Arrow: ContextMenuArrow,
|
|
1205
1230
|
Backdrop: ContextMenuBackdrop,
|
|
1206
1231
|
Group: ContextMenuGroup,
|
|
@@ -1209,7 +1234,7 @@ var context_menu_default = Object.assign(ContextMenu$1, {
|
|
|
1209
1234
|
Popup: ContextMenuPopup,
|
|
1210
1235
|
Portal: ContextMenuPortal,
|
|
1211
1236
|
Positioner: ContextMenuPositioner,
|
|
1212
|
-
Root:
|
|
1237
|
+
Root: ContextMenuRoot,
|
|
1213
1238
|
Separator: ContextMenuSeparator,
|
|
1214
1239
|
SubmenuRoot: ContextMenuSubmenu,
|
|
1215
1240
|
SubmenuTrigger: ContextMenuSubmenuTrigger,
|
|
@@ -1244,77 +1269,80 @@ const useDialog = () => {
|
|
|
1244
1269
|
|
|
1245
1270
|
//#endregion
|
|
1246
1271
|
//#region src/components/dialog/dialog.tsx
|
|
1247
|
-
const
|
|
1272
|
+
const DialogRoot = ({ ...props }) => {
|
|
1248
1273
|
const slots = useMemo(() => dialogVariants(), []);
|
|
1249
1274
|
return /* @__PURE__ */ jsx(DialogContext.Provider, {
|
|
1250
1275
|
value: { slots },
|
|
1251
|
-
children: /* @__PURE__ */ jsx(Dialog.Root, { ...props })
|
|
1276
|
+
children: /* @__PURE__ */ jsx(Dialog$1.Root, { ...props })
|
|
1252
1277
|
});
|
|
1253
1278
|
};
|
|
1254
1279
|
const DialogTrigger = ({ className, ...props }) => {
|
|
1255
1280
|
const { slots } = useDialog();
|
|
1256
|
-
return /* @__PURE__ */ jsx(Dialog.Trigger, {
|
|
1281
|
+
return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
|
|
1257
1282
|
className: cn$1(slots.trigger(), className),
|
|
1258
1283
|
...props
|
|
1259
1284
|
});
|
|
1260
1285
|
};
|
|
1261
1286
|
const DialogPortal = ({ className, ...props }) => {
|
|
1262
1287
|
const { slots } = useDialog();
|
|
1263
|
-
return /* @__PURE__ */ jsx(Dialog.Portal, {
|
|
1288
|
+
return /* @__PURE__ */ jsx(Dialog$1.Portal, {
|
|
1264
1289
|
className: cn$1(slots.portal(), className),
|
|
1265
1290
|
...props
|
|
1266
1291
|
});
|
|
1267
1292
|
};
|
|
1268
1293
|
const DialogBackdrop = ({ className, ...props }) => {
|
|
1269
1294
|
const { slots } = useDialog();
|
|
1270
|
-
return /* @__PURE__ */ jsx(Dialog.Backdrop, {
|
|
1295
|
+
return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
|
|
1271
1296
|
className: cn$1(slots.backdrop(), className),
|
|
1272
1297
|
...props
|
|
1273
1298
|
});
|
|
1274
1299
|
};
|
|
1275
1300
|
const DialogViewport = ({ className, ...props }) => {
|
|
1276
1301
|
const { slots } = useDialog();
|
|
1277
|
-
return /* @__PURE__ */ jsx(Dialog.Viewport, {
|
|
1302
|
+
return /* @__PURE__ */ jsx(Dialog$1.Viewport, {
|
|
1278
1303
|
className: cn$1(slots.viewport(), className),
|
|
1279
1304
|
...props
|
|
1280
1305
|
});
|
|
1281
1306
|
};
|
|
1282
1307
|
const DialogPopup = ({ className, ...props }) => {
|
|
1283
1308
|
const { slots } = useDialog();
|
|
1284
|
-
return /* @__PURE__ */ jsx(Dialog.Popup, {
|
|
1309
|
+
return /* @__PURE__ */ jsx(Dialog$1.Popup, {
|
|
1285
1310
|
className: cn$1(slots.popup(), className),
|
|
1286
1311
|
...props
|
|
1287
1312
|
});
|
|
1288
1313
|
};
|
|
1289
1314
|
const DialogTitle = ({ className, ...props }) => {
|
|
1290
1315
|
const { slots } = useDialog();
|
|
1291
|
-
return /* @__PURE__ */ jsx(Dialog.Title, {
|
|
1316
|
+
return /* @__PURE__ */ jsx(Dialog$1.Title, {
|
|
1292
1317
|
className: cn$1(slots.title(), className),
|
|
1293
1318
|
...props
|
|
1294
1319
|
});
|
|
1295
1320
|
};
|
|
1296
1321
|
const DialogDescription = ({ className, ...props }) => {
|
|
1297
1322
|
const { slots } = useDialog();
|
|
1298
|
-
return /* @__PURE__ */ jsx(Dialog.Description, {
|
|
1323
|
+
return /* @__PURE__ */ jsx(Dialog$1.Description, {
|
|
1299
1324
|
className: cn$1(slots.description(), className),
|
|
1300
1325
|
...props
|
|
1301
1326
|
});
|
|
1302
1327
|
};
|
|
1303
1328
|
const DialogClose = ({ className, ...props }) => {
|
|
1304
1329
|
const { slots } = useDialog();
|
|
1305
|
-
return /* @__PURE__ */ jsx(Dialog.Close, {
|
|
1330
|
+
return /* @__PURE__ */ jsx(Dialog$1.Close, {
|
|
1306
1331
|
className: cn$1(slots.close(), className),
|
|
1307
1332
|
...props,
|
|
1308
1333
|
children: /* @__PURE__ */ jsx(LucideX, {})
|
|
1309
1334
|
});
|
|
1310
1335
|
};
|
|
1311
|
-
|
|
1336
|
+
|
|
1337
|
+
//#endregion
|
|
1338
|
+
//#region src/components/dialog/index.ts
|
|
1339
|
+
const Dialog = Object.assign(DialogRoot, {
|
|
1312
1340
|
Backdrop: DialogBackdrop,
|
|
1313
1341
|
Close: DialogClose,
|
|
1314
1342
|
Description: DialogDescription,
|
|
1315
1343
|
Popup: DialogPopup,
|
|
1316
1344
|
Portal: DialogPortal,
|
|
1317
|
-
Root:
|
|
1345
|
+
Root: DialogRoot,
|
|
1318
1346
|
Title: DialogTitle,
|
|
1319
1347
|
Trigger: DialogTrigger,
|
|
1320
1348
|
Viewport: DialogViewport
|
|
@@ -1357,76 +1385,79 @@ const useDrawer = () => {
|
|
|
1357
1385
|
|
|
1358
1386
|
//#endregion
|
|
1359
1387
|
//#region src/components/drawer/drawer.tsx
|
|
1360
|
-
const
|
|
1388
|
+
const DrawerRoot = ({ position, ...props }) => {
|
|
1361
1389
|
return /* @__PURE__ */ jsx(DrawerContext, {
|
|
1362
1390
|
value: { slots: useMemo(() => drawerVariants({ position }), [position]) },
|
|
1363
|
-
children: /* @__PURE__ */ jsx(Dialog.Root, { ...props })
|
|
1391
|
+
children: /* @__PURE__ */ jsx(Dialog$1.Root, { ...props })
|
|
1364
1392
|
});
|
|
1365
1393
|
};
|
|
1366
1394
|
const DrawerTrigger = ({ className, ...props }) => {
|
|
1367
1395
|
const { slots } = useDrawer();
|
|
1368
|
-
return /* @__PURE__ */ jsx(Dialog.Trigger, {
|
|
1396
|
+
return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
|
|
1369
1397
|
className: cn$1(slots.trigger(), className),
|
|
1370
1398
|
...props
|
|
1371
1399
|
});
|
|
1372
1400
|
};
|
|
1373
1401
|
const DrawerPortal = ({ className, ...props }) => {
|
|
1374
1402
|
const { slots } = useDrawer();
|
|
1375
|
-
return /* @__PURE__ */ jsx(Dialog.Portal, {
|
|
1403
|
+
return /* @__PURE__ */ jsx(Dialog$1.Portal, {
|
|
1376
1404
|
className: cn$1(slots.portal(), className),
|
|
1377
1405
|
...props
|
|
1378
1406
|
});
|
|
1379
1407
|
};
|
|
1380
1408
|
const DrawerBackdrop = ({ className, ...props }) => {
|
|
1381
1409
|
const { slots } = useDrawer();
|
|
1382
|
-
return /* @__PURE__ */ jsx(Dialog.Backdrop, {
|
|
1410
|
+
return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
|
|
1383
1411
|
className: cn$1(slots.backdrop(), className),
|
|
1384
1412
|
...props
|
|
1385
1413
|
});
|
|
1386
1414
|
};
|
|
1387
1415
|
const DrawerViewport = ({ className, ...props }) => {
|
|
1388
1416
|
const { slots } = useDrawer();
|
|
1389
|
-
return /* @__PURE__ */ jsx(Dialog.Viewport, {
|
|
1417
|
+
return /* @__PURE__ */ jsx(Dialog$1.Viewport, {
|
|
1390
1418
|
className: cn$1(slots.viewport(), className),
|
|
1391
1419
|
...props
|
|
1392
1420
|
});
|
|
1393
1421
|
};
|
|
1394
1422
|
const DrawerPopup = ({ className, ...props }) => {
|
|
1395
1423
|
const { slots } = useDrawer();
|
|
1396
|
-
return /* @__PURE__ */ jsx(Dialog.Popup, {
|
|
1424
|
+
return /* @__PURE__ */ jsx(Dialog$1.Popup, {
|
|
1397
1425
|
className: cn$1(slots.popup(), className),
|
|
1398
1426
|
...props
|
|
1399
1427
|
});
|
|
1400
1428
|
};
|
|
1401
1429
|
const DrawerTitle = ({ className, ...props }) => {
|
|
1402
1430
|
const { slots } = useDrawer();
|
|
1403
|
-
return /* @__PURE__ */ jsx(Dialog.Title, {
|
|
1431
|
+
return /* @__PURE__ */ jsx(Dialog$1.Title, {
|
|
1404
1432
|
className: cn$1(slots.title(), className),
|
|
1405
1433
|
...props
|
|
1406
1434
|
});
|
|
1407
1435
|
};
|
|
1408
1436
|
const DrawerDescription = ({ className, ...props }) => {
|
|
1409
1437
|
const { slots } = useDrawer();
|
|
1410
|
-
return /* @__PURE__ */ jsx(Dialog.Description, {
|
|
1438
|
+
return /* @__PURE__ */ jsx(Dialog$1.Description, {
|
|
1411
1439
|
className: cn$1(slots.description(), className),
|
|
1412
1440
|
...props
|
|
1413
1441
|
});
|
|
1414
1442
|
};
|
|
1415
1443
|
const DrawerClose = ({ className, children, ...props }) => {
|
|
1416
1444
|
const { slots } = useDrawer();
|
|
1417
|
-
return /* @__PURE__ */ jsx(Dialog.Close, {
|
|
1445
|
+
return /* @__PURE__ */ jsx(Dialog$1.Close, {
|
|
1418
1446
|
className: cn$1(slots.close(), className),
|
|
1419
1447
|
...props,
|
|
1420
1448
|
children: children ?? /* @__PURE__ */ jsx(LucideX, {})
|
|
1421
1449
|
});
|
|
1422
1450
|
};
|
|
1423
|
-
|
|
1451
|
+
|
|
1452
|
+
//#endregion
|
|
1453
|
+
//#region src/components/drawer/index.ts
|
|
1454
|
+
const Drawer = Object.assign(DrawerRoot, {
|
|
1424
1455
|
Backdrop: DrawerBackdrop,
|
|
1425
1456
|
Close: DrawerClose,
|
|
1426
1457
|
Description: DrawerDescription,
|
|
1427
1458
|
Popup: DrawerPopup,
|
|
1428
1459
|
Portal: DrawerPortal,
|
|
1429
|
-
Root:
|
|
1460
|
+
Root: DrawerRoot,
|
|
1430
1461
|
Title: DrawerTitle,
|
|
1431
1462
|
Trigger: DrawerTrigger,
|
|
1432
1463
|
Viewport: DrawerViewport
|
|
@@ -1463,7 +1494,7 @@ const FieldRoot = ({ className, required, ...props }) => {
|
|
|
1463
1494
|
required,
|
|
1464
1495
|
slots
|
|
1465
1496
|
},
|
|
1466
|
-
children: /* @__PURE__ */ jsx(Field.Root, {
|
|
1497
|
+
children: /* @__PURE__ */ jsx(Field$1.Root, {
|
|
1467
1498
|
className: cn$1(className, slots.root()),
|
|
1468
1499
|
"data-required": required,
|
|
1469
1500
|
...props
|
|
@@ -1472,14 +1503,14 @@ const FieldRoot = ({ className, required, ...props }) => {
|
|
|
1472
1503
|
};
|
|
1473
1504
|
const FieldLabel = ({ className, ...props }) => {
|
|
1474
1505
|
const { slots } = useField();
|
|
1475
|
-
return /* @__PURE__ */ jsx(Field.Label, {
|
|
1506
|
+
return /* @__PURE__ */ jsx(Field$1.Label, {
|
|
1476
1507
|
className: cn$1(className, slots.label()),
|
|
1477
1508
|
...props
|
|
1478
1509
|
});
|
|
1479
1510
|
};
|
|
1480
1511
|
const FieldControl = ({ className, ...props }) => {
|
|
1481
1512
|
const { slots, required } = useField();
|
|
1482
|
-
return /* @__PURE__ */ jsx(Field.Control, {
|
|
1513
|
+
return /* @__PURE__ */ jsx(Field$1.Control, {
|
|
1483
1514
|
className: cn$1(className, slots.control()),
|
|
1484
1515
|
required,
|
|
1485
1516
|
...props
|
|
@@ -1487,19 +1518,22 @@ const FieldControl = ({ className, ...props }) => {
|
|
|
1487
1518
|
};
|
|
1488
1519
|
const FieldDescription = ({ className, ...props }) => {
|
|
1489
1520
|
const { slots } = useField();
|
|
1490
|
-
return /* @__PURE__ */ jsx(Field.Description, {
|
|
1521
|
+
return /* @__PURE__ */ jsx(Field$1.Description, {
|
|
1491
1522
|
className: cn$1(className, slots.description()),
|
|
1492
1523
|
...props
|
|
1493
1524
|
});
|
|
1494
1525
|
};
|
|
1495
1526
|
const FieldError = ({ className, ...props }) => {
|
|
1496
1527
|
const { slots } = useField();
|
|
1497
|
-
return /* @__PURE__ */ jsx(Field.Error, {
|
|
1528
|
+
return /* @__PURE__ */ jsx(Field$1.Error, {
|
|
1498
1529
|
className: cn$1(className, slots.error()),
|
|
1499
1530
|
...props
|
|
1500
1531
|
});
|
|
1501
1532
|
};
|
|
1502
|
-
|
|
1533
|
+
|
|
1534
|
+
//#endregion
|
|
1535
|
+
//#region src/components/field/index.ts
|
|
1536
|
+
const Field = Object.assign(FieldRoot, {
|
|
1503
1537
|
Control: FieldControl,
|
|
1504
1538
|
Description: FieldDescription,
|
|
1505
1539
|
Error: FieldError,
|
|
@@ -1528,11 +1562,11 @@ const useFieldset = () => {
|
|
|
1528
1562
|
|
|
1529
1563
|
//#endregion
|
|
1530
1564
|
//#region src/components/fieldset/fieldset.tsx
|
|
1531
|
-
const
|
|
1565
|
+
const FieldsetRoot = ({ className, ...props }) => {
|
|
1532
1566
|
const slots = useMemo(() => fieldsetVariants(), []);
|
|
1533
1567
|
return /* @__PURE__ */ jsx(FieldsetContext, {
|
|
1534
1568
|
value: { slots },
|
|
1535
|
-
children: /* @__PURE__ */ jsx(Fieldset.Root, {
|
|
1569
|
+
children: /* @__PURE__ */ jsx(Fieldset$1.Root, {
|
|
1536
1570
|
className: cn$1(className, slots.root()),
|
|
1537
1571
|
...props
|
|
1538
1572
|
})
|
|
@@ -1540,14 +1574,17 @@ const Fieldset$1 = ({ className, ...props }) => {
|
|
|
1540
1574
|
};
|
|
1541
1575
|
const FieldsetLegend = ({ className, ...props }) => {
|
|
1542
1576
|
const { slots } = useFieldset();
|
|
1543
|
-
return /* @__PURE__ */ jsx(Fieldset.Legend, {
|
|
1577
|
+
return /* @__PURE__ */ jsx(Fieldset$1.Legend, {
|
|
1544
1578
|
className: cn$1(slots.legend(), className),
|
|
1545
1579
|
...props
|
|
1546
1580
|
});
|
|
1547
1581
|
};
|
|
1548
|
-
|
|
1582
|
+
|
|
1583
|
+
//#endregion
|
|
1584
|
+
//#region src/components/fieldset/index.ts
|
|
1585
|
+
const Fieldset = Object.assign(FieldsetRoot, {
|
|
1549
1586
|
Legend: FieldsetLegend,
|
|
1550
|
-
Root:
|
|
1587
|
+
Root: FieldsetRoot
|
|
1551
1588
|
});
|
|
1552
1589
|
|
|
1553
1590
|
//#endregion
|
|
@@ -1556,13 +1593,12 @@ const formVariants = tv({ base: "form" });
|
|
|
1556
1593
|
|
|
1557
1594
|
//#endregion
|
|
1558
1595
|
//#region src/components/form/form.tsx
|
|
1559
|
-
const Form
|
|
1560
|
-
return /* @__PURE__ */ jsx(Form, {
|
|
1596
|
+
const Form = ({ className, ...props }) => {
|
|
1597
|
+
return /* @__PURE__ */ jsx(Form$1, {
|
|
1561
1598
|
className: cn$1(className, formVariants()),
|
|
1562
1599
|
...props
|
|
1563
1600
|
});
|
|
1564
1601
|
};
|
|
1565
|
-
var form_default = Form$1;
|
|
1566
1602
|
|
|
1567
1603
|
//#endregion
|
|
1568
1604
|
//#region src/components/icon-button/icon-button.variants.ts
|
|
@@ -1575,7 +1611,7 @@ const iconButtonVariants = tv({
|
|
|
1575
1611
|
//#endregion
|
|
1576
1612
|
//#region src/components/icon-button/icon-button.tsx
|
|
1577
1613
|
const IconButton = ({ className, variant, size, isIconOnly, ...props }) => {
|
|
1578
|
-
return /* @__PURE__ */ jsx(
|
|
1614
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
1579
1615
|
className: cn$1(className, iconButtonVariants({
|
|
1580
1616
|
isIconOnly,
|
|
1581
1617
|
size,
|
|
@@ -1584,7 +1620,6 @@ const IconButton = ({ className, variant, size, isIconOnly, ...props }) => {
|
|
|
1584
1620
|
...props
|
|
1585
1621
|
});
|
|
1586
1622
|
};
|
|
1587
|
-
var icon_button_default = IconButton;
|
|
1588
1623
|
|
|
1589
1624
|
//#endregion
|
|
1590
1625
|
//#region src/components/input/input.variants.ts
|
|
@@ -1592,13 +1627,12 @@ const inputVariants = tv({ base: "input" });
|
|
|
1592
1627
|
|
|
1593
1628
|
//#endregion
|
|
1594
1629
|
//#region src/components/input/input.tsx
|
|
1595
|
-
const Input
|
|
1596
|
-
return /* @__PURE__ */ jsx(Input, {
|
|
1630
|
+
const Input = ({ className, ...props }) => {
|
|
1631
|
+
return /* @__PURE__ */ jsx(Input$1, {
|
|
1597
1632
|
className: cn$1(className, inputVariants()),
|
|
1598
1633
|
...props
|
|
1599
1634
|
});
|
|
1600
1635
|
};
|
|
1601
|
-
var input_default = Input$1;
|
|
1602
1636
|
|
|
1603
1637
|
//#endregion
|
|
1604
1638
|
//#region src/components/label/label.variants.ts
|
|
@@ -1612,7 +1646,6 @@ const Label = ({ className, ...props }) => {
|
|
|
1612
1646
|
...props
|
|
1613
1647
|
});
|
|
1614
1648
|
};
|
|
1615
|
-
var label_default = Label;
|
|
1616
1649
|
|
|
1617
1650
|
//#endregion
|
|
1618
1651
|
//#region src/components/link/link.variants.ts
|
|
@@ -1633,7 +1666,6 @@ const Link = ({ className, variant, ...props }) => {
|
|
|
1633
1666
|
...props
|
|
1634
1667
|
});
|
|
1635
1668
|
};
|
|
1636
|
-
var link_default = Link;
|
|
1637
1669
|
|
|
1638
1670
|
//#endregion
|
|
1639
1671
|
//#region src/components/list/list.context.ts
|
|
@@ -1656,7 +1688,7 @@ const useList = () => {
|
|
|
1656
1688
|
|
|
1657
1689
|
//#endregion
|
|
1658
1690
|
//#region src/components/list/list.tsx
|
|
1659
|
-
const
|
|
1691
|
+
const ListRoot = ({ className, ...props }) => {
|
|
1660
1692
|
const slots = useMemo(() => listVariants(), []);
|
|
1661
1693
|
return /* @__PURE__ */ jsx(ListContext.Provider, {
|
|
1662
1694
|
value: { slots },
|
|
@@ -1673,9 +1705,12 @@ const ListItem = ({ className, ...props }) => {
|
|
|
1673
1705
|
...props
|
|
1674
1706
|
});
|
|
1675
1707
|
};
|
|
1676
|
-
|
|
1708
|
+
|
|
1709
|
+
//#endregion
|
|
1710
|
+
//#region src/components/list/index.ts
|
|
1711
|
+
const List = Object.assign(ListRoot, {
|
|
1677
1712
|
Item: ListItem,
|
|
1678
|
-
Root:
|
|
1713
|
+
Root: ListRoot
|
|
1679
1714
|
});
|
|
1680
1715
|
|
|
1681
1716
|
//#endregion
|
|
@@ -1713,51 +1748,51 @@ const useMenu = () => {
|
|
|
1713
1748
|
|
|
1714
1749
|
//#endregion
|
|
1715
1750
|
//#region src/components/menu/menu.tsx
|
|
1716
|
-
const
|
|
1751
|
+
const MenuRoot = ({ ...props }) => {
|
|
1717
1752
|
const slots = useMemo(() => menuVariants(), []);
|
|
1718
1753
|
return /* @__PURE__ */ jsx(MenuContext.Provider, {
|
|
1719
1754
|
value: { slots },
|
|
1720
|
-
children: /* @__PURE__ */ jsx(Menu.Root, { ...props })
|
|
1755
|
+
children: /* @__PURE__ */ jsx(Menu$1.Root, { ...props })
|
|
1721
1756
|
});
|
|
1722
1757
|
};
|
|
1723
1758
|
const MenuTrigger = ({ className, ...props }) => {
|
|
1724
1759
|
const { slots } = useMenu();
|
|
1725
|
-
return /* @__PURE__ */ jsx(Menu.Trigger, {
|
|
1760
|
+
return /* @__PURE__ */ jsx(Menu$1.Trigger, {
|
|
1726
1761
|
className: cn$1(slots.trigger(), className),
|
|
1727
1762
|
...props
|
|
1728
1763
|
});
|
|
1729
1764
|
};
|
|
1730
1765
|
const MenuPortal = ({ className, ...props }) => {
|
|
1731
1766
|
const { slots } = useMenu();
|
|
1732
|
-
return /* @__PURE__ */ jsx(Menu.Portal, {
|
|
1767
|
+
return /* @__PURE__ */ jsx(Menu$1.Portal, {
|
|
1733
1768
|
className: cn$1(slots.portal(), className),
|
|
1734
1769
|
...props
|
|
1735
1770
|
});
|
|
1736
1771
|
};
|
|
1737
1772
|
const MenuBackdrop = ({ className, ...props }) => {
|
|
1738
1773
|
const { slots } = useMenu();
|
|
1739
|
-
return /* @__PURE__ */ jsx(Menu.Backdrop, {
|
|
1774
|
+
return /* @__PURE__ */ jsx(Menu$1.Backdrop, {
|
|
1740
1775
|
className: cn$1(slots.backdrop(), className),
|
|
1741
1776
|
...props
|
|
1742
1777
|
});
|
|
1743
1778
|
};
|
|
1744
1779
|
const MenuPositioner = ({ className, ...props }) => {
|
|
1745
1780
|
const { slots } = useMenu();
|
|
1746
|
-
return /* @__PURE__ */ jsx(Menu.Positioner, {
|
|
1781
|
+
return /* @__PURE__ */ jsx(Menu$1.Positioner, {
|
|
1747
1782
|
className: cn$1(slots.positioner(), className),
|
|
1748
1783
|
...props
|
|
1749
1784
|
});
|
|
1750
1785
|
};
|
|
1751
1786
|
const MenuPopup = ({ className, ...props }) => {
|
|
1752
1787
|
const { slots } = useMenu();
|
|
1753
|
-
return /* @__PURE__ */ jsx(Menu.Popup, {
|
|
1788
|
+
return /* @__PURE__ */ jsx(Menu$1.Popup, {
|
|
1754
1789
|
className: cn$1(slots.popup(), className),
|
|
1755
1790
|
...props
|
|
1756
1791
|
});
|
|
1757
1792
|
};
|
|
1758
1793
|
const MenuArrow = ({ className, children, ...props }) => {
|
|
1759
1794
|
const { slots } = useMenu();
|
|
1760
|
-
return /* @__PURE__ */ jsx(Menu.Arrow, {
|
|
1795
|
+
return /* @__PURE__ */ jsx(Menu$1.Arrow, {
|
|
1761
1796
|
className: cn$1(slots.arrow(), className),
|
|
1762
1797
|
...props,
|
|
1763
1798
|
children: children ?? /* @__PURE__ */ jsx(LucideChevronUp, {})
|
|
@@ -1765,64 +1800,67 @@ const MenuArrow = ({ className, children, ...props }) => {
|
|
|
1765
1800
|
};
|
|
1766
1801
|
const MenuItem = ({ className, ...props }) => {
|
|
1767
1802
|
const { slots } = useMenu();
|
|
1768
|
-
return /* @__PURE__ */ jsx(Menu.Item, {
|
|
1803
|
+
return /* @__PURE__ */ jsx(Menu$1.Item, {
|
|
1769
1804
|
className: cn$1(slots.item(), className),
|
|
1770
1805
|
...props
|
|
1771
1806
|
});
|
|
1772
1807
|
};
|
|
1773
1808
|
const MenuSeparator = ({ className, ...props }) => {
|
|
1774
1809
|
const { slots } = useMenu();
|
|
1775
|
-
return /* @__PURE__ */ jsx(Menu.Separator, {
|
|
1810
|
+
return /* @__PURE__ */ jsx(Menu$1.Separator, {
|
|
1776
1811
|
className: cn$1(slots.separator(), className),
|
|
1777
1812
|
...props
|
|
1778
1813
|
});
|
|
1779
1814
|
};
|
|
1780
1815
|
const MenuGroup = ({ className, ...props }) => {
|
|
1781
1816
|
const { slots } = useMenu();
|
|
1782
|
-
return /* @__PURE__ */ jsx(Menu.Group, {
|
|
1817
|
+
return /* @__PURE__ */ jsx(Menu$1.Group, {
|
|
1783
1818
|
className: cn$1(slots.group(), className),
|
|
1784
1819
|
...props
|
|
1785
1820
|
});
|
|
1786
1821
|
};
|
|
1787
1822
|
const MenuGroupLabel = ({ className, ...props }) => {
|
|
1788
1823
|
const { slots } = useMenu();
|
|
1789
|
-
return /* @__PURE__ */ jsx(Menu.GroupLabel, {
|
|
1824
|
+
return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
|
|
1790
1825
|
className: cn$1(slots.groupLabel(), className),
|
|
1791
1826
|
...props
|
|
1792
1827
|
});
|
|
1793
1828
|
};
|
|
1794
1829
|
const MenuRadioGroup = ({ className, ...props }) => {
|
|
1795
1830
|
const { slots } = useMenu();
|
|
1796
|
-
return /* @__PURE__ */ jsx(Menu.RadioGroup, {
|
|
1831
|
+
return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
|
|
1797
1832
|
className: cn$1(slots.radioGroup(), className),
|
|
1798
1833
|
...props
|
|
1799
1834
|
});
|
|
1800
1835
|
};
|
|
1801
1836
|
const MenuRadioItem = ({ className, ...props }) => {
|
|
1802
1837
|
const { slots } = useMenu();
|
|
1803
|
-
return /* @__PURE__ */ jsx(Menu.RadioItem, {
|
|
1838
|
+
return /* @__PURE__ */ jsx(Menu$1.RadioItem, {
|
|
1804
1839
|
className: cn$1(slots.radioItem(), className),
|
|
1805
1840
|
...props
|
|
1806
1841
|
});
|
|
1807
1842
|
};
|
|
1808
1843
|
const MenuCheckboxItem = ({ className, ...props }) => {
|
|
1809
1844
|
const { slots } = useMenu();
|
|
1810
|
-
return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
|
|
1845
|
+
return /* @__PURE__ */ jsx(Menu$1.CheckboxItem, {
|
|
1811
1846
|
className: cn$1(slots.checkboxItem(), className),
|
|
1812
1847
|
...props
|
|
1813
1848
|
});
|
|
1814
1849
|
};
|
|
1815
1850
|
const MenuSubmenu = ({ ...props }) => {
|
|
1816
|
-
return /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props });
|
|
1851
|
+
return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, { ...props });
|
|
1817
1852
|
};
|
|
1818
1853
|
const MenuSubmenuTrigger = ({ className, ...props }) => {
|
|
1819
1854
|
const { slots } = useMenu();
|
|
1820
|
-
return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
|
|
1855
|
+
return /* @__PURE__ */ jsx(Menu$1.SubmenuTrigger, {
|
|
1821
1856
|
className: cn$1(slots.submenuTrigger(), className),
|
|
1822
1857
|
...props
|
|
1823
1858
|
});
|
|
1824
1859
|
};
|
|
1825
|
-
|
|
1860
|
+
|
|
1861
|
+
//#endregion
|
|
1862
|
+
//#region src/components/menu/index.ts
|
|
1863
|
+
const Menu = Object.assign(MenuRoot, {
|
|
1826
1864
|
Arrow: MenuArrow,
|
|
1827
1865
|
Backdrop: MenuBackdrop,
|
|
1828
1866
|
CheckboxItem: MenuCheckboxItem,
|
|
@@ -1834,7 +1872,7 @@ var menu_default = Object.assign(Menu$1, {
|
|
|
1834
1872
|
Positioner: MenuPositioner,
|
|
1835
1873
|
RadioGroup: MenuRadioGroup,
|
|
1836
1874
|
RadioItem: MenuRadioItem,
|
|
1837
|
-
Root:
|
|
1875
|
+
Root: MenuRoot,
|
|
1838
1876
|
Separator: MenuSeparator,
|
|
1839
1877
|
Submenu: MenuSubmenu,
|
|
1840
1878
|
SubmenuTrigger: MenuSubmenuTrigger,
|
|
@@ -1880,14 +1918,14 @@ const useMeter = () => {
|
|
|
1880
1918
|
|
|
1881
1919
|
//#endregion
|
|
1882
1920
|
//#region src/components/meter/meter.tsx
|
|
1883
|
-
const
|
|
1921
|
+
const MeterRoot = ({ className, size, variant, ...props }) => {
|
|
1884
1922
|
const slots = useMemo(() => meterVariants({
|
|
1885
1923
|
size,
|
|
1886
1924
|
variant
|
|
1887
1925
|
}), [size, variant]);
|
|
1888
1926
|
return /* @__PURE__ */ jsx(MeterContext, {
|
|
1889
1927
|
value: { slots },
|
|
1890
|
-
children: /* @__PURE__ */ jsx(Meter.Root, {
|
|
1928
|
+
children: /* @__PURE__ */ jsx(Meter$1.Root, {
|
|
1891
1929
|
className: cn$1(className, slots.root()),
|
|
1892
1930
|
...props
|
|
1893
1931
|
})
|
|
@@ -1895,36 +1933,39 @@ const Meter$1 = ({ className, size, variant, ...props }) => {
|
|
|
1895
1933
|
};
|
|
1896
1934
|
const MeterLabel = ({ className, ...props }) => {
|
|
1897
1935
|
const { slots } = useMeter();
|
|
1898
|
-
return /* @__PURE__ */ jsx(Meter.Label, {
|
|
1936
|
+
return /* @__PURE__ */ jsx(Meter$1.Label, {
|
|
1899
1937
|
className: cn$1(className, slots.label()),
|
|
1900
1938
|
...props
|
|
1901
1939
|
});
|
|
1902
1940
|
};
|
|
1903
1941
|
const MeterValue = ({ className, ...props }) => {
|
|
1904
1942
|
const { slots } = useMeter();
|
|
1905
|
-
return /* @__PURE__ */ jsx(Meter.Value, {
|
|
1943
|
+
return /* @__PURE__ */ jsx(Meter$1.Value, {
|
|
1906
1944
|
className: cn$1(className, slots.value()),
|
|
1907
1945
|
...props
|
|
1908
1946
|
});
|
|
1909
1947
|
};
|
|
1910
1948
|
const MeterTrack = ({ className, ...props }) => {
|
|
1911
1949
|
const { slots } = useMeter();
|
|
1912
|
-
return /* @__PURE__ */ jsx(Meter.Track, {
|
|
1950
|
+
return /* @__PURE__ */ jsx(Meter$1.Track, {
|
|
1913
1951
|
className: cn$1(className, slots.track()),
|
|
1914
1952
|
...props
|
|
1915
1953
|
});
|
|
1916
1954
|
};
|
|
1917
1955
|
const MeterIndicator = ({ className, ...props }) => {
|
|
1918
1956
|
const { slots } = useMeter();
|
|
1919
|
-
return /* @__PURE__ */ jsx(Meter.Indicator, {
|
|
1957
|
+
return /* @__PURE__ */ jsx(Meter$1.Indicator, {
|
|
1920
1958
|
className: cn$1(className, slots.indicator()),
|
|
1921
1959
|
...props
|
|
1922
1960
|
});
|
|
1923
1961
|
};
|
|
1924
|
-
|
|
1962
|
+
|
|
1963
|
+
//#endregion
|
|
1964
|
+
//#region src/components/meter/index.ts
|
|
1965
|
+
const Meter = Object.assign(MeterRoot, {
|
|
1925
1966
|
Indicator: MeterIndicator,
|
|
1926
1967
|
Label: MeterLabel,
|
|
1927
|
-
Root:
|
|
1968
|
+
Root: MeterRoot,
|
|
1928
1969
|
Track: MeterTrack,
|
|
1929
1970
|
Value: MeterValue
|
|
1930
1971
|
});
|
|
@@ -1942,13 +1983,12 @@ const separatorVariants = tv({
|
|
|
1942
1983
|
|
|
1943
1984
|
//#endregion
|
|
1944
1985
|
//#region src/components/separator/separator.tsx
|
|
1945
|
-
const Separator
|
|
1946
|
-
return /* @__PURE__ */ jsx(Separator, {
|
|
1986
|
+
const Separator = ({ className, orientation, ...props }) => {
|
|
1987
|
+
return /* @__PURE__ */ jsx(Separator$1, {
|
|
1947
1988
|
className: cn$1(className, separatorVariants({ orientation })),
|
|
1948
1989
|
...props
|
|
1949
1990
|
});
|
|
1950
1991
|
};
|
|
1951
|
-
var separator_default = Separator$1;
|
|
1952
1992
|
|
|
1953
1993
|
//#endregion
|
|
1954
1994
|
//#region src/components/navbar/navbar.context.ts
|
|
@@ -1977,7 +2017,7 @@ const useNavbar = () => {
|
|
|
1977
2017
|
|
|
1978
2018
|
//#endregion
|
|
1979
2019
|
//#region src/components/navbar/navbar.tsx
|
|
1980
|
-
const
|
|
2020
|
+
const NavbarRoot = ({ className, isOpen, onOpenChange, ...props }) => {
|
|
1981
2021
|
const slots = useMemo(() => navbarVariants(), []);
|
|
1982
2022
|
const [internalOpen, setInternalOpen] = useState(false);
|
|
1983
2023
|
const open = isOpen ?? internalOpen;
|
|
@@ -2037,13 +2077,13 @@ const NavbarToggle = ({ className, ...props }) => {
|
|
|
2037
2077
|
};
|
|
2038
2078
|
const NavbarMenu = ({ className, header, ...props }) => {
|
|
2039
2079
|
const { slots, isOpen, onOpenChange } = useNavbar();
|
|
2040
|
-
return /* @__PURE__ */ jsx(
|
|
2080
|
+
return /* @__PURE__ */ jsx(Drawer, {
|
|
2041
2081
|
onOpenChange,
|
|
2042
2082
|
open: isOpen,
|
|
2043
|
-
children: /* @__PURE__ */ jsxs(
|
|
2083
|
+
children: /* @__PURE__ */ jsxs(Drawer.Portal, { children: [/* @__PURE__ */ jsx(Drawer.Backdrop, {}), /* @__PURE__ */ jsx(Drawer.Viewport, { children: /* @__PURE__ */ jsxs(Drawer.Popup, { children: [
|
|
2044
2084
|
header,
|
|
2045
|
-
/* @__PURE__ */ jsx(
|
|
2046
|
-
/* @__PURE__ */ jsx(
|
|
2085
|
+
/* @__PURE__ */ jsx(Drawer.Close, {}),
|
|
2086
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
2047
2087
|
/* @__PURE__ */ jsx("ul", {
|
|
2048
2088
|
className: cn$1(slots.menu(), className),
|
|
2049
2089
|
...props
|
|
@@ -2058,14 +2098,17 @@ const NavbarMenuItem = ({ className, ...props }) => {
|
|
|
2058
2098
|
...props
|
|
2059
2099
|
});
|
|
2060
2100
|
};
|
|
2061
|
-
|
|
2101
|
+
|
|
2102
|
+
//#endregion
|
|
2103
|
+
//#region src/components/navbar/index.ts
|
|
2104
|
+
const Navbar = Object.assign(NavbarRoot, {
|
|
2062
2105
|
Container: NavbarContainer,
|
|
2063
2106
|
Content: NavbarContent,
|
|
2064
2107
|
List: NavbarList,
|
|
2065
2108
|
ListItem: NavbarListItem,
|
|
2066
2109
|
Menu: NavbarMenu,
|
|
2067
2110
|
MenuItem: NavbarMenuItem,
|
|
2068
|
-
Root:
|
|
2111
|
+
Root: NavbarRoot,
|
|
2069
2112
|
Toggle: NavbarToggle
|
|
2070
2113
|
});
|
|
2071
2114
|
|
|
@@ -2102,11 +2145,11 @@ const useNavigationMenu = () => {
|
|
|
2102
2145
|
|
|
2103
2146
|
//#endregion
|
|
2104
2147
|
//#region src/components/navigation-menu/navigation-menu.tsx
|
|
2105
|
-
const
|
|
2148
|
+
const NavigationMenuRoot = ({ className, ...props }) => {
|
|
2106
2149
|
const slots = useMemo(() => navigationMenuVariants(), []);
|
|
2107
2150
|
return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
|
|
2108
2151
|
value: { slots },
|
|
2109
|
-
children: /* @__PURE__ */ jsx(NavigationMenu.Root, {
|
|
2152
|
+
children: /* @__PURE__ */ jsx(NavigationMenu$1.Root, {
|
|
2110
2153
|
className: cn$1(className, slots.root()),
|
|
2111
2154
|
...props
|
|
2112
2155
|
})
|
|
@@ -2114,24 +2157,24 @@ const NavigationMenu$1 = ({ className, ...props }) => {
|
|
|
2114
2157
|
};
|
|
2115
2158
|
const NavigationMenuList = ({ className, ...props }) => {
|
|
2116
2159
|
const { slots } = useNavigationMenu();
|
|
2117
|
-
return /* @__PURE__ */ jsx(NavigationMenu.List, {
|
|
2160
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
|
|
2118
2161
|
className: cn$1(slots.list(), className),
|
|
2119
2162
|
...props
|
|
2120
2163
|
});
|
|
2121
2164
|
};
|
|
2122
2165
|
const NavigationMenuItem = ({ className, ...props }) => {
|
|
2123
2166
|
const { slots } = useNavigationMenu();
|
|
2124
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Item, {
|
|
2167
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
|
|
2125
2168
|
className: cn$1(slots.item(), className),
|
|
2126
2169
|
...props
|
|
2127
2170
|
});
|
|
2128
2171
|
};
|
|
2129
2172
|
const NavigationMenuTrigger = ({ className, children, ...props }) => {
|
|
2130
2173
|
const { slots } = useNavigationMenu();
|
|
2131
|
-
return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
|
|
2174
|
+
return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
|
|
2132
2175
|
className: cn$1(slots.trigger(), className),
|
|
2133
2176
|
...props,
|
|
2134
|
-
children: [children, /* @__PURE__ */ jsx(NavigationMenu.Icon, {
|
|
2177
|
+
children: [children, /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
|
|
2135
2178
|
className: slots.icon(),
|
|
2136
2179
|
children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
|
|
2137
2180
|
})]
|
|
@@ -2139,7 +2182,7 @@ const NavigationMenuTrigger = ({ className, children, ...props }) => {
|
|
|
2139
2182
|
};
|
|
2140
2183
|
const NavigationMenuIcon = ({ className, children, ...props }) => {
|
|
2141
2184
|
const { slots } = useNavigationMenu();
|
|
2142
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
|
|
2185
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
|
|
2143
2186
|
className: cn$1(slots.icon(), className),
|
|
2144
2187
|
...props,
|
|
2145
2188
|
children: children || /* @__PURE__ */ jsx(ChevronDown, {})
|
|
@@ -2147,57 +2190,60 @@ const NavigationMenuIcon = ({ className, children, ...props }) => {
|
|
|
2147
2190
|
};
|
|
2148
2191
|
const NavigationMenuContent = ({ className, ...props }) => {
|
|
2149
2192
|
const { slots } = useNavigationMenu();
|
|
2150
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Content, {
|
|
2193
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
|
|
2151
2194
|
className: cn$1(slots.content(), className),
|
|
2152
2195
|
...props
|
|
2153
2196
|
});
|
|
2154
2197
|
};
|
|
2155
2198
|
const NavigationMenuLink = ({ className, ...props }) => {
|
|
2156
2199
|
const { slots } = useNavigationMenu();
|
|
2157
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Link, {
|
|
2200
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
|
|
2158
2201
|
className: cn$1(slots.link(), className),
|
|
2159
2202
|
...props
|
|
2160
2203
|
});
|
|
2161
2204
|
};
|
|
2162
2205
|
const NavigationMenuPortal = ({ ...props }) => {
|
|
2163
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Portal, { ...props });
|
|
2206
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { ...props });
|
|
2164
2207
|
};
|
|
2165
2208
|
const NavigationMenuBackdrop = ({ className, ...props }) => {
|
|
2166
2209
|
const { slots } = useNavigationMenu();
|
|
2167
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Backdrop, {
|
|
2210
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Backdrop, {
|
|
2168
2211
|
className: cn$1(slots.backdrop(), className),
|
|
2169
2212
|
...props
|
|
2170
2213
|
});
|
|
2171
2214
|
};
|
|
2172
2215
|
const NavigationMenuPositioner = ({ className, ...props }) => {
|
|
2173
2216
|
const { slots } = useNavigationMenu();
|
|
2174
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
|
|
2217
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
|
|
2175
2218
|
className: cn$1(slots.positioner(), className),
|
|
2176
2219
|
...props
|
|
2177
2220
|
});
|
|
2178
2221
|
};
|
|
2179
2222
|
const NavigationMenuPopup = ({ className, ...props }) => {
|
|
2180
2223
|
const { slots } = useNavigationMenu();
|
|
2181
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
|
|
2224
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
|
|
2182
2225
|
className: cn$1(slots.popup(), className),
|
|
2183
2226
|
...props
|
|
2184
2227
|
});
|
|
2185
2228
|
};
|
|
2186
2229
|
const NavigationMenuArrow = ({ className, ...props }) => {
|
|
2187
2230
|
const { slots } = useNavigationMenu();
|
|
2188
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
|
|
2231
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Arrow, {
|
|
2189
2232
|
className: cn$1(slots.arrow(), className),
|
|
2190
2233
|
...props
|
|
2191
2234
|
});
|
|
2192
2235
|
};
|
|
2193
2236
|
const NavigationMenuViewport = ({ className, ...props }) => {
|
|
2194
2237
|
const { slots } = useNavigationMenu();
|
|
2195
|
-
return /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
|
|
2238
|
+
return /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
|
|
2196
2239
|
className: cn$1(slots.viewport(), className),
|
|
2197
2240
|
...props
|
|
2198
2241
|
});
|
|
2199
2242
|
};
|
|
2200
|
-
|
|
2243
|
+
|
|
2244
|
+
//#endregion
|
|
2245
|
+
//#region src/components/navigation-menu/index.ts
|
|
2246
|
+
const NavigationMenu = Object.assign(NavigationMenuRoot, {
|
|
2201
2247
|
Arrow: NavigationMenuArrow,
|
|
2202
2248
|
Backdrop: NavigationMenuBackdrop,
|
|
2203
2249
|
Content: NavigationMenuContent,
|
|
@@ -2208,7 +2254,7 @@ var navigation_menu_default = Object.assign(NavigationMenu$1, {
|
|
|
2208
2254
|
Popup: NavigationMenuPopup,
|
|
2209
2255
|
Portal: NavigationMenuPortal,
|
|
2210
2256
|
Positioner: NavigationMenuPositioner,
|
|
2211
|
-
Root:
|
|
2257
|
+
Root: NavigationMenuRoot,
|
|
2212
2258
|
Trigger: NavigationMenuTrigger,
|
|
2213
2259
|
Viewport: NavigationMenuViewport
|
|
2214
2260
|
});
|
|
@@ -2239,11 +2285,11 @@ const useNumberField = () => {
|
|
|
2239
2285
|
|
|
2240
2286
|
//#endregion
|
|
2241
2287
|
//#region src/components/number-field/number-field.tsx
|
|
2242
|
-
const
|
|
2288
|
+
const NumberFieldRoot = ({ className, ...props }) => {
|
|
2243
2289
|
const slots = useMemo(() => numberFieldVariants(), []);
|
|
2244
2290
|
return /* @__PURE__ */ jsx(NumberFieldContext, {
|
|
2245
2291
|
value: { slots },
|
|
2246
|
-
children: /* @__PURE__ */ jsx(NumberField.Root, {
|
|
2292
|
+
children: /* @__PURE__ */ jsx(NumberField$1.Root, {
|
|
2247
2293
|
className: cn$1(className, slots.root()),
|
|
2248
2294
|
...props
|
|
2249
2295
|
})
|
|
@@ -2251,21 +2297,21 @@ const NumberField$1 = ({ className, ...props }) => {
|
|
|
2251
2297
|
};
|
|
2252
2298
|
const NumberFieldScrubArea = ({ className, ...props }) => {
|
|
2253
2299
|
const { slots } = useNumberField();
|
|
2254
|
-
return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
|
|
2300
|
+
return /* @__PURE__ */ jsx(NumberField$1.ScrubArea, {
|
|
2255
2301
|
className: cn$1(slots.scrubArea(), className),
|
|
2256
2302
|
...props
|
|
2257
2303
|
});
|
|
2258
2304
|
};
|
|
2259
2305
|
const NumberFieldGroup = ({ className, ...props }) => {
|
|
2260
2306
|
const { slots } = useNumberField();
|
|
2261
|
-
return /* @__PURE__ */ jsx(NumberField.Group, {
|
|
2307
|
+
return /* @__PURE__ */ jsx(NumberField$1.Group, {
|
|
2262
2308
|
className: cn$1(slots.group(), className),
|
|
2263
2309
|
...props
|
|
2264
2310
|
});
|
|
2265
2311
|
};
|
|
2266
2312
|
const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => {
|
|
2267
2313
|
const { slots } = useNumberField();
|
|
2268
|
-
return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
|
|
2314
|
+
return /* @__PURE__ */ jsx(NumberField$1.ScrubAreaCursor, {
|
|
2269
2315
|
className: cn$1(slots.scrubAreaCursor(), className),
|
|
2270
2316
|
...props,
|
|
2271
2317
|
children: children ?? /* @__PURE__ */ jsx(LucideChevronsLeftRight, {})
|
|
@@ -2273,7 +2319,7 @@ const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => {
|
|
|
2273
2319
|
};
|
|
2274
2320
|
const NumberFieldDecrement = ({ className, children, ...props }) => {
|
|
2275
2321
|
const { slots } = useNumberField();
|
|
2276
|
-
return /* @__PURE__ */ jsx(NumberField.Decrement, {
|
|
2322
|
+
return /* @__PURE__ */ jsx(NumberField$1.Decrement, {
|
|
2277
2323
|
className: cn$1(slots.decrement(), className),
|
|
2278
2324
|
...props,
|
|
2279
2325
|
children: children ?? /* @__PURE__ */ jsx(LucideMinus, {})
|
|
@@ -2281,25 +2327,28 @@ const NumberFieldDecrement = ({ className, children, ...props }) => {
|
|
|
2281
2327
|
};
|
|
2282
2328
|
const NumberFieldInput = ({ className, ...props }) => {
|
|
2283
2329
|
const { slots } = useNumberField();
|
|
2284
|
-
return /* @__PURE__ */ jsx(NumberField.Input, {
|
|
2330
|
+
return /* @__PURE__ */ jsx(NumberField$1.Input, {
|
|
2285
2331
|
className: cn$1(slots.input(), className),
|
|
2286
2332
|
...props
|
|
2287
2333
|
});
|
|
2288
2334
|
};
|
|
2289
2335
|
const NumberFieldIncrement = ({ className, children, ...props }) => {
|
|
2290
2336
|
const { slots } = useNumberField();
|
|
2291
|
-
return /* @__PURE__ */ jsx(NumberField.Increment, {
|
|
2337
|
+
return /* @__PURE__ */ jsx(NumberField$1.Increment, {
|
|
2292
2338
|
className: cn$1(slots.increment(), className),
|
|
2293
2339
|
...props,
|
|
2294
2340
|
children: children ?? /* @__PURE__ */ jsx(LucidePlus, {})
|
|
2295
2341
|
});
|
|
2296
2342
|
};
|
|
2297
|
-
|
|
2343
|
+
|
|
2344
|
+
//#endregion
|
|
2345
|
+
//#region src/components/number-field/index.ts
|
|
2346
|
+
const NumberField = Object.assign(NumberFieldRoot, {
|
|
2298
2347
|
Decrement: NumberFieldDecrement,
|
|
2299
2348
|
Group: NumberFieldGroup,
|
|
2300
2349
|
Increment: NumberFieldIncrement,
|
|
2301
2350
|
Input: NumberFieldInput,
|
|
2302
|
-
Root:
|
|
2351
|
+
Root: NumberFieldRoot,
|
|
2303
2352
|
ScrubArea: NumberFieldScrubArea,
|
|
2304
2353
|
ScrubAreaCursor: NumberFieldScrubAreaCursor
|
|
2305
2354
|
});
|
|
@@ -2335,84 +2384,87 @@ const usePopover = () => {
|
|
|
2335
2384
|
|
|
2336
2385
|
//#endregion
|
|
2337
2386
|
//#region src/components/popover/popover.tsx
|
|
2338
|
-
const
|
|
2387
|
+
const PopoverRoot = ({ ...props }) => {
|
|
2339
2388
|
return /* @__PURE__ */ jsx(PopoverContext, {
|
|
2340
2389
|
value: { slots: useMemo(() => popoverVariants({}), []) },
|
|
2341
|
-
children: /* @__PURE__ */ jsx(Popover.Root, { ...props })
|
|
2390
|
+
children: /* @__PURE__ */ jsx(Popover$1.Root, { ...props })
|
|
2342
2391
|
});
|
|
2343
2392
|
};
|
|
2344
2393
|
const PopoverTrigger = ({ className, ...props }) => {
|
|
2345
2394
|
const { slots } = usePopover();
|
|
2346
|
-
return /* @__PURE__ */ jsx(Popover.Trigger, {
|
|
2395
|
+
return /* @__PURE__ */ jsx(Popover$1.Trigger, {
|
|
2347
2396
|
className: cn$1(className, slots.trigger()),
|
|
2348
2397
|
...props
|
|
2349
2398
|
});
|
|
2350
2399
|
};
|
|
2351
2400
|
const PopoverPortal = ({ className, ...props }) => {
|
|
2352
2401
|
const { slots } = usePopover();
|
|
2353
|
-
return /* @__PURE__ */ jsx(Popover.Portal, {
|
|
2402
|
+
return /* @__PURE__ */ jsx(Popover$1.Portal, {
|
|
2354
2403
|
className: cn$1(className, slots.portal()),
|
|
2355
2404
|
...props
|
|
2356
2405
|
});
|
|
2357
2406
|
};
|
|
2358
2407
|
const PopoverBackdrop = ({ className, ...props }) => {
|
|
2359
2408
|
const { slots } = usePopover();
|
|
2360
|
-
return /* @__PURE__ */ jsx(Popover.Backdrop, {
|
|
2409
|
+
return /* @__PURE__ */ jsx(Popover$1.Backdrop, {
|
|
2361
2410
|
className: cn$1(className, slots.backdrop()),
|
|
2362
2411
|
...props
|
|
2363
2412
|
});
|
|
2364
2413
|
};
|
|
2365
2414
|
const PopoverPositioner = ({ className, ...props }) => {
|
|
2366
2415
|
const { slots } = usePopover();
|
|
2367
|
-
return /* @__PURE__ */ jsx(Popover.Positioner, {
|
|
2416
|
+
return /* @__PURE__ */ jsx(Popover$1.Positioner, {
|
|
2368
2417
|
className: cn$1(className, slots.positioner()),
|
|
2369
2418
|
...props
|
|
2370
2419
|
});
|
|
2371
2420
|
};
|
|
2372
2421
|
const PopoverPopup = ({ className, ...props }) => {
|
|
2373
2422
|
const { slots } = usePopover();
|
|
2374
|
-
return /* @__PURE__ */ jsx(Popover.Popup, {
|
|
2423
|
+
return /* @__PURE__ */ jsx(Popover$1.Popup, {
|
|
2375
2424
|
className: cn$1(className, slots.popup()),
|
|
2376
2425
|
...props
|
|
2377
2426
|
});
|
|
2378
2427
|
};
|
|
2379
2428
|
const PopoverArrow = ({ className, ...props }) => {
|
|
2380
2429
|
const { slots } = usePopover();
|
|
2381
|
-
return /* @__PURE__ */ jsx(Popover.Arrow, {
|
|
2430
|
+
return /* @__PURE__ */ jsx(Popover$1.Arrow, {
|
|
2382
2431
|
className: cn$1(className, slots.arrow()),
|
|
2383
2432
|
...props
|
|
2384
2433
|
});
|
|
2385
2434
|
};
|
|
2386
2435
|
const PopoverViewport = ({ className, ...props }) => {
|
|
2387
2436
|
const { slots } = usePopover();
|
|
2388
|
-
return /* @__PURE__ */ jsx(Popover.Viewport, {
|
|
2437
|
+
return /* @__PURE__ */ jsx(Popover$1.Viewport, {
|
|
2389
2438
|
className: cn$1(className, slots.viewport()),
|
|
2390
2439
|
...props
|
|
2391
2440
|
});
|
|
2392
2441
|
};
|
|
2393
2442
|
const PopoverTitle = ({ className, ...props }) => {
|
|
2394
2443
|
const { slots } = usePopover();
|
|
2395
|
-
return /* @__PURE__ */ jsx(Popover.Title, {
|
|
2444
|
+
return /* @__PURE__ */ jsx(Popover$1.Title, {
|
|
2396
2445
|
className: cn$1(className, slots.title()),
|
|
2397
2446
|
...props
|
|
2398
2447
|
});
|
|
2399
2448
|
};
|
|
2400
2449
|
const PopoverDescription = ({ className, ...props }) => {
|
|
2401
2450
|
const { slots } = usePopover();
|
|
2402
|
-
return /* @__PURE__ */ jsx(Popover.Description, {
|
|
2451
|
+
return /* @__PURE__ */ jsx(Popover$1.Description, {
|
|
2403
2452
|
className: cn$1(className, slots.description()),
|
|
2404
2453
|
...props
|
|
2405
2454
|
});
|
|
2406
2455
|
};
|
|
2407
2456
|
const PopoverClose = ({ className, children, ...props }) => {
|
|
2408
2457
|
const { slots } = usePopover();
|
|
2409
|
-
return /* @__PURE__ */ jsx(Popover.Close, {
|
|
2458
|
+
return /* @__PURE__ */ jsx(Popover$1.Close, {
|
|
2410
2459
|
className: cn$1(className, slots.close()),
|
|
2411
2460
|
...props,
|
|
2412
2461
|
children: children ?? /* @__PURE__ */ jsx(LucideX, {})
|
|
2413
2462
|
});
|
|
2414
2463
|
};
|
|
2415
|
-
|
|
2464
|
+
|
|
2465
|
+
//#endregion
|
|
2466
|
+
//#region src/components/popover/index.ts
|
|
2467
|
+
const Popover = Object.assign(PopoverRoot, {
|
|
2416
2468
|
Arrow: PopoverArrow,
|
|
2417
2469
|
Backdrop: PopoverBackdrop,
|
|
2418
2470
|
Close: PopoverClose,
|
|
@@ -2420,7 +2472,7 @@ var popover_default = Object.assign(Popover$1, {
|
|
|
2420
2472
|
Popup: PopoverPopup,
|
|
2421
2473
|
Portal: PopoverPortal,
|
|
2422
2474
|
Positioner: PopoverPositioner,
|
|
2423
|
-
Root:
|
|
2475
|
+
Root: PopoverRoot,
|
|
2424
2476
|
Title: PopoverTitle,
|
|
2425
2477
|
Trigger: PopoverTrigger,
|
|
2426
2478
|
Viewport: PopoverViewport
|
|
@@ -2453,61 +2505,64 @@ const usePreviewCard = () => {
|
|
|
2453
2505
|
|
|
2454
2506
|
//#endregion
|
|
2455
2507
|
//#region src/components/preview-card/preview-card.tsx
|
|
2456
|
-
const
|
|
2508
|
+
const PreviewCardRoot = ({ ...props }) => {
|
|
2457
2509
|
return /* @__PURE__ */ jsx(PreviewCardContext, {
|
|
2458
2510
|
value: { slots: useMemo(() => previewCardVariants(), []) },
|
|
2459
|
-
children: /* @__PURE__ */ jsx(PreviewCard.Root, { ...props })
|
|
2511
|
+
children: /* @__PURE__ */ jsx(PreviewCard$1.Root, { ...props })
|
|
2460
2512
|
});
|
|
2461
2513
|
};
|
|
2462
2514
|
const PreviewCardTrigger = ({ className, ...props }) => {
|
|
2463
2515
|
const { slots } = usePreviewCard();
|
|
2464
|
-
return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
|
|
2516
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
|
|
2465
2517
|
className: cn$1(slots.trigger(), className),
|
|
2466
2518
|
...props
|
|
2467
2519
|
});
|
|
2468
2520
|
};
|
|
2469
2521
|
const PreviewCardPortal = ({ className, ...props }) => {
|
|
2470
2522
|
const { slots } = usePreviewCard();
|
|
2471
|
-
return /* @__PURE__ */ jsx(PreviewCard.Portal, {
|
|
2523
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Portal, {
|
|
2472
2524
|
className: cn$1(slots.portal(), className),
|
|
2473
2525
|
...props
|
|
2474
2526
|
});
|
|
2475
2527
|
};
|
|
2476
2528
|
const PreviewCardBackdrop = ({ className, ...props }) => {
|
|
2477
2529
|
const { slots } = usePreviewCard();
|
|
2478
|
-
return /* @__PURE__ */ jsx(PreviewCard.Backdrop, {
|
|
2530
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Backdrop, {
|
|
2479
2531
|
className: cn$1(slots.backdrop(), className),
|
|
2480
2532
|
...props
|
|
2481
2533
|
});
|
|
2482
2534
|
};
|
|
2483
2535
|
const PreviewCardPositioner = ({ className, ...props }) => {
|
|
2484
2536
|
const { slots } = usePreviewCard();
|
|
2485
|
-
return /* @__PURE__ */ jsx(PreviewCard.Positioner, {
|
|
2537
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
|
|
2486
2538
|
className: cn$1(slots.positioner(), className),
|
|
2487
2539
|
...props
|
|
2488
2540
|
});
|
|
2489
2541
|
};
|
|
2490
2542
|
const PreviewCardPopup = ({ className, ...props }) => {
|
|
2491
2543
|
const { slots } = usePreviewCard();
|
|
2492
|
-
return /* @__PURE__ */ jsx(PreviewCard.Popup, {
|
|
2544
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
|
|
2493
2545
|
className: cn$1(slots.popup(), className),
|
|
2494
2546
|
...props
|
|
2495
2547
|
});
|
|
2496
2548
|
};
|
|
2497
2549
|
const PreviewCardArrow = ({ className, ...props }) => {
|
|
2498
2550
|
const { slots } = usePreviewCard();
|
|
2499
|
-
return /* @__PURE__ */ jsx(PreviewCard.Arrow, {
|
|
2551
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Arrow, {
|
|
2500
2552
|
className: cn$1(slots.arrow(), className),
|
|
2501
2553
|
...props
|
|
2502
2554
|
});
|
|
2503
2555
|
};
|
|
2504
|
-
|
|
2556
|
+
|
|
2557
|
+
//#endregion
|
|
2558
|
+
//#region src/components/preview-card/index.ts
|
|
2559
|
+
const PreviewCard = Object.assign(PreviewCardRoot, {
|
|
2505
2560
|
Arrow: PreviewCardArrow,
|
|
2506
2561
|
Backdrop: PreviewCardBackdrop,
|
|
2507
2562
|
Popup: PreviewCardPopup,
|
|
2508
2563
|
Portal: PreviewCardPortal,
|
|
2509
2564
|
Positioner: PreviewCardPositioner,
|
|
2510
|
-
Root:
|
|
2565
|
+
Root: PreviewCardRoot,
|
|
2511
2566
|
Trigger: PreviewCardTrigger
|
|
2512
2567
|
});
|
|
2513
2568
|
|
|
@@ -2554,14 +2609,14 @@ const useProgress = () => {
|
|
|
2554
2609
|
|
|
2555
2610
|
//#endregion
|
|
2556
2611
|
//#region src/components/progress/progress.tsx
|
|
2557
|
-
const
|
|
2612
|
+
const ProgressRoot = ({ className, variant, size, ...props }) => {
|
|
2558
2613
|
const slots = useMemo(() => progressVariants({
|
|
2559
2614
|
size,
|
|
2560
2615
|
variant
|
|
2561
2616
|
}), [variant, size]);
|
|
2562
2617
|
return /* @__PURE__ */ jsx(ProgressContext, {
|
|
2563
2618
|
value: { slots },
|
|
2564
|
-
children: /* @__PURE__ */ jsx(Progress.Root, {
|
|
2619
|
+
children: /* @__PURE__ */ jsx(Progress$1.Root, {
|
|
2565
2620
|
className: cn$1(className, slots.root()),
|
|
2566
2621
|
...props
|
|
2567
2622
|
})
|
|
@@ -2569,36 +2624,39 @@ const Progress$1 = ({ className, variant, size, ...props }) => {
|
|
|
2569
2624
|
};
|
|
2570
2625
|
const ProgressLabel = ({ className, ...props }) => {
|
|
2571
2626
|
const { slots } = useProgress();
|
|
2572
|
-
return /* @__PURE__ */ jsx(Progress.Label, {
|
|
2627
|
+
return /* @__PURE__ */ jsx(Progress$1.Label, {
|
|
2573
2628
|
className: cn$1(className, slots.label()),
|
|
2574
2629
|
...props
|
|
2575
2630
|
});
|
|
2576
2631
|
};
|
|
2577
2632
|
const ProgressValue = ({ className, ...props }) => {
|
|
2578
2633
|
const { slots } = useProgress();
|
|
2579
|
-
return /* @__PURE__ */ jsx(Progress.Value, {
|
|
2634
|
+
return /* @__PURE__ */ jsx(Progress$1.Value, {
|
|
2580
2635
|
className: cn$1(className, slots.value()),
|
|
2581
2636
|
...props
|
|
2582
2637
|
});
|
|
2583
2638
|
};
|
|
2584
2639
|
const ProgressTrack = ({ className, ...props }) => {
|
|
2585
2640
|
const { slots } = useProgress();
|
|
2586
|
-
return /* @__PURE__ */ jsx(Progress.Track, {
|
|
2641
|
+
return /* @__PURE__ */ jsx(Progress$1.Track, {
|
|
2587
2642
|
className: cn$1(className, slots.track()),
|
|
2588
2643
|
...props
|
|
2589
2644
|
});
|
|
2590
2645
|
};
|
|
2591
2646
|
const ProgressIndicator = ({ className, ...props }) => {
|
|
2592
2647
|
const { slots } = useProgress();
|
|
2593
|
-
return /* @__PURE__ */ jsx(Progress.Indicator, {
|
|
2648
|
+
return /* @__PURE__ */ jsx(Progress$1.Indicator, {
|
|
2594
2649
|
className: cn$1(className, slots.indicator()),
|
|
2595
2650
|
...props
|
|
2596
2651
|
});
|
|
2597
2652
|
};
|
|
2598
|
-
|
|
2653
|
+
|
|
2654
|
+
//#endregion
|
|
2655
|
+
//#region src/components/progress/index.ts
|
|
2656
|
+
const Progress = Object.assign(ProgressRoot, {
|
|
2599
2657
|
Indicator: ProgressIndicator,
|
|
2600
2658
|
Label: ProgressLabel,
|
|
2601
|
-
Root:
|
|
2659
|
+
Root: ProgressRoot,
|
|
2602
2660
|
Track: ProgressTrack,
|
|
2603
2661
|
Value: ProgressValue
|
|
2604
2662
|
});
|
|
@@ -2624,11 +2682,11 @@ const useRadio = () => {
|
|
|
2624
2682
|
|
|
2625
2683
|
//#endregion
|
|
2626
2684
|
//#region src/components/radio/radio.tsx
|
|
2627
|
-
const
|
|
2685
|
+
const RadioRoot = ({ className, ...props }) => {
|
|
2628
2686
|
const slots = useMemo(() => radioVariants({}), []);
|
|
2629
2687
|
return /* @__PURE__ */ jsx(RadioContext, {
|
|
2630
2688
|
value: { slots },
|
|
2631
|
-
children: /* @__PURE__ */ jsx(Radio.Root, {
|
|
2689
|
+
children: /* @__PURE__ */ jsx(Radio$1.Root, {
|
|
2632
2690
|
className: cn$1(slots.root(), className),
|
|
2633
2691
|
...props
|
|
2634
2692
|
})
|
|
@@ -2636,14 +2694,17 @@ const Radio$1 = ({ className, ...props }) => {
|
|
|
2636
2694
|
};
|
|
2637
2695
|
const RadioIndicator = ({ className, ...props }) => {
|
|
2638
2696
|
const { slots } = useRadio();
|
|
2639
|
-
return /* @__PURE__ */ jsx(Radio.Indicator, {
|
|
2697
|
+
return /* @__PURE__ */ jsx(Radio$1.Indicator, {
|
|
2640
2698
|
className: cn$1(slots.indicator(), className),
|
|
2641
2699
|
...props
|
|
2642
2700
|
});
|
|
2643
2701
|
};
|
|
2644
|
-
|
|
2702
|
+
|
|
2703
|
+
//#endregion
|
|
2704
|
+
//#region src/components/radio/index.ts
|
|
2705
|
+
const Radio = Object.assign(RadioRoot, {
|
|
2645
2706
|
Indicator: RadioIndicator,
|
|
2646
|
-
Root:
|
|
2707
|
+
Root: RadioRoot
|
|
2647
2708
|
});
|
|
2648
2709
|
|
|
2649
2710
|
//#endregion
|
|
@@ -2652,13 +2713,12 @@ const radioGroupVariants = tv({ base: "radio-group" });
|
|
|
2652
2713
|
|
|
2653
2714
|
//#endregion
|
|
2654
2715
|
//#region src/components/radio-group/radio-group.tsx
|
|
2655
|
-
const RadioGroup
|
|
2656
|
-
return /* @__PURE__ */ jsx(RadioGroup, {
|
|
2716
|
+
const RadioGroup = ({ className, ...props }) => {
|
|
2717
|
+
return /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
2657
2718
|
className: cn$1(className, useMemo(() => radioGroupVariants(), [])),
|
|
2658
2719
|
...props
|
|
2659
2720
|
});
|
|
2660
2721
|
};
|
|
2661
|
-
var radio_group_default = RadioGroup$1;
|
|
2662
2722
|
|
|
2663
2723
|
//#endregion
|
|
2664
2724
|
//#region src/components/scroll-area/scroll-area.context.ts
|
|
@@ -2686,11 +2746,11 @@ const useScrollArea = () => {
|
|
|
2686
2746
|
|
|
2687
2747
|
//#endregion
|
|
2688
2748
|
//#region src/components/scroll-area/scroll-area.tsx
|
|
2689
|
-
const
|
|
2749
|
+
const ScrollAreaRoot = ({ className, ...props }) => {
|
|
2690
2750
|
const slots = useMemo(() => scrollAreaVariants(), []);
|
|
2691
2751
|
return /* @__PURE__ */ jsx(ScrollAreaContext.Provider, {
|
|
2692
2752
|
value: { slots },
|
|
2693
|
-
children: /* @__PURE__ */ jsx(ScrollArea.Root, {
|
|
2753
|
+
children: /* @__PURE__ */ jsx(ScrollArea$1.Root, {
|
|
2694
2754
|
className: cn$1(className, slots.root()),
|
|
2695
2755
|
...props
|
|
2696
2756
|
})
|
|
@@ -2698,35 +2758,38 @@ const ScrollArea$1 = ({ className, ...props }) => {
|
|
|
2698
2758
|
};
|
|
2699
2759
|
const ScrollAreaViewport = ({ className, ...props }) => {
|
|
2700
2760
|
const { slots } = useScrollArea();
|
|
2701
|
-
return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
|
|
2761
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
|
|
2702
2762
|
className: cn$1(slots.viewport(), className),
|
|
2703
2763
|
...props
|
|
2704
2764
|
});
|
|
2705
2765
|
};
|
|
2706
2766
|
const ScrollAreaContent = ({ className, ...props }) => {
|
|
2707
2767
|
const { slots } = useScrollArea();
|
|
2708
|
-
return /* @__PURE__ */ jsx(ScrollArea.Content, {
|
|
2768
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.Content, {
|
|
2709
2769
|
className: cn$1(slots.content(), className),
|
|
2710
2770
|
...props
|
|
2711
2771
|
});
|
|
2712
2772
|
};
|
|
2713
2773
|
const ScrollAreaScrollbar = ({ className, ...props }) => {
|
|
2714
2774
|
const { slots } = useScrollArea();
|
|
2715
|
-
return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
|
|
2775
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
|
|
2716
2776
|
className: cn$1(slots.scrollbar(), className),
|
|
2717
2777
|
...props
|
|
2718
2778
|
});
|
|
2719
2779
|
};
|
|
2720
2780
|
const ScrollAreaThumb = ({ className, ...props }) => {
|
|
2721
2781
|
const { slots } = useScrollArea();
|
|
2722
|
-
return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
|
|
2782
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.Thumb, {
|
|
2723
2783
|
className: cn$1(slots.thumb(), className),
|
|
2724
2784
|
...props
|
|
2725
2785
|
});
|
|
2726
2786
|
};
|
|
2727
|
-
|
|
2787
|
+
|
|
2788
|
+
//#endregion
|
|
2789
|
+
//#region src/components/scroll-area/index.ts
|
|
2790
|
+
const ScrollArea = Object.assign(ScrollAreaRoot, {
|
|
2728
2791
|
Content: ScrollAreaContent,
|
|
2729
|
-
Root:
|
|
2792
|
+
Root: ScrollAreaRoot,
|
|
2730
2793
|
Scrollbar: ScrollAreaScrollbar,
|
|
2731
2794
|
Thumb: ScrollAreaThumb,
|
|
2732
2795
|
Viewport: ScrollAreaViewport
|
|
@@ -2768,23 +2831,23 @@ const useSelect = () => {
|
|
|
2768
2831
|
|
|
2769
2832
|
//#endregion
|
|
2770
2833
|
//#region src/components/select/select.tsx
|
|
2771
|
-
const
|
|
2834
|
+
const SelectRoot = ({ ...props }) => {
|
|
2772
2835
|
const slots = useMemo(() => selectVariants(), []);
|
|
2773
2836
|
return /* @__PURE__ */ jsx(SelectContext.Provider, {
|
|
2774
2837
|
value: { slots },
|
|
2775
|
-
children: /* @__PURE__ */ jsx(Select.Root, { ...props })
|
|
2838
|
+
children: /* @__PURE__ */ jsx(Select$1.Root, { ...props })
|
|
2776
2839
|
});
|
|
2777
2840
|
};
|
|
2778
2841
|
const SelectTrigger = ({ className, ...props }) => {
|
|
2779
2842
|
const { slots } = useSelect();
|
|
2780
|
-
return /* @__PURE__ */ jsx(Select.Trigger, {
|
|
2843
|
+
return /* @__PURE__ */ jsx(Select$1.Trigger, {
|
|
2781
2844
|
className: cn$1(slots.trigger(), className),
|
|
2782
2845
|
...props
|
|
2783
2846
|
});
|
|
2784
2847
|
};
|
|
2785
2848
|
const SelectIcon = ({ className, children, ...props }) => {
|
|
2786
2849
|
const { slots } = useSelect();
|
|
2787
|
-
return /* @__PURE__ */ jsx(Select.Icon, {
|
|
2850
|
+
return /* @__PURE__ */ jsx(Select$1.Icon, {
|
|
2788
2851
|
className: cn$1(slots.icon(), className),
|
|
2789
2852
|
...props,
|
|
2790
2853
|
children: children || /* @__PURE__ */ jsx(ChevronsUpDown, {})
|
|
@@ -2792,92 +2855,95 @@ const SelectIcon = ({ className, children, ...props }) => {
|
|
|
2792
2855
|
};
|
|
2793
2856
|
const SelectValue = ({ className, ...props }) => {
|
|
2794
2857
|
const { slots } = useSelect();
|
|
2795
|
-
return /* @__PURE__ */ jsx(Select.Value, {
|
|
2858
|
+
return /* @__PURE__ */ jsx(Select$1.Value, {
|
|
2796
2859
|
className: cn$1(slots.value(), className),
|
|
2797
2860
|
...props
|
|
2798
2861
|
});
|
|
2799
2862
|
};
|
|
2800
2863
|
const SelectPortal = ({ ...props }) => {
|
|
2801
|
-
return /* @__PURE__ */ jsx(Select.Portal, { ...props });
|
|
2864
|
+
return /* @__PURE__ */ jsx(Select$1.Portal, { ...props });
|
|
2802
2865
|
};
|
|
2803
2866
|
const SelectBackdrop = ({ className, ...props }) => {
|
|
2804
2867
|
const { slots } = useSelect();
|
|
2805
|
-
return /* @__PURE__ */ jsx(Select.Backdrop, {
|
|
2868
|
+
return /* @__PURE__ */ jsx(Select$1.Backdrop, {
|
|
2806
2869
|
className: cn$1(slots.backdrop(), className),
|
|
2807
2870
|
...props
|
|
2808
2871
|
});
|
|
2809
2872
|
};
|
|
2810
2873
|
const SelectPositioner = ({ className, ...props }) => {
|
|
2811
2874
|
const { slots } = useSelect();
|
|
2812
|
-
return /* @__PURE__ */ jsx(Select.Positioner, {
|
|
2875
|
+
return /* @__PURE__ */ jsx(Select$1.Positioner, {
|
|
2813
2876
|
className: cn$1(slots.positioner(), className),
|
|
2814
2877
|
...props
|
|
2815
2878
|
});
|
|
2816
2879
|
};
|
|
2817
2880
|
const SelectPopup = ({ className, ...props }) => {
|
|
2818
2881
|
const { slots } = useSelect();
|
|
2819
|
-
return /* @__PURE__ */ jsx(Select.Popup, {
|
|
2882
|
+
return /* @__PURE__ */ jsx(Select$1.Popup, {
|
|
2820
2883
|
className: cn$1(slots.popup(), className),
|
|
2821
2884
|
...props
|
|
2822
2885
|
});
|
|
2823
2886
|
};
|
|
2824
2887
|
const SelectArrow = ({ className, ...props }) => {
|
|
2825
2888
|
const { slots } = useSelect();
|
|
2826
|
-
return /* @__PURE__ */ jsx(Select.Arrow, {
|
|
2889
|
+
return /* @__PURE__ */ jsx(Select$1.Arrow, {
|
|
2827
2890
|
className: cn$1(slots.arrow(), className),
|
|
2828
2891
|
...props
|
|
2829
2892
|
});
|
|
2830
2893
|
};
|
|
2831
2894
|
const SelectList = ({ className, ...props }) => {
|
|
2832
2895
|
const { slots } = useSelect();
|
|
2833
|
-
return /* @__PURE__ */ jsx(Select.List, {
|
|
2896
|
+
return /* @__PURE__ */ jsx(Select$1.List, {
|
|
2834
2897
|
className: cn$1(slots.list(), className),
|
|
2835
2898
|
...props
|
|
2836
2899
|
});
|
|
2837
2900
|
};
|
|
2838
2901
|
const SelectItemIndicator = ({ className, children, ...props }) => {
|
|
2839
2902
|
const { slots } = useSelect();
|
|
2840
|
-
return /* @__PURE__ */ jsx(Select.ItemIndicator, {
|
|
2903
|
+
return /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
|
|
2841
2904
|
className: cn$1(slots.itemIndicator(), className),
|
|
2842
2905
|
...props,
|
|
2843
2906
|
children: children || /* @__PURE__ */ jsx(Check, {})
|
|
2844
2907
|
});
|
|
2845
2908
|
};
|
|
2846
2909
|
const SelectItemText = ({ className, ...props }) => {
|
|
2847
|
-
return /* @__PURE__ */ jsx(Select.ItemText, {
|
|
2910
|
+
return /* @__PURE__ */ jsx(Select$1.ItemText, {
|
|
2848
2911
|
className,
|
|
2849
2912
|
...props
|
|
2850
2913
|
});
|
|
2851
2914
|
};
|
|
2852
2915
|
const SelectItem = ({ className, ...props }) => {
|
|
2853
2916
|
const { slots } = useSelect();
|
|
2854
|
-
return /* @__PURE__ */ jsx(Select.Item, {
|
|
2917
|
+
return /* @__PURE__ */ jsx(Select$1.Item, {
|
|
2855
2918
|
className: cn$1(slots.item(), className),
|
|
2856
2919
|
...props
|
|
2857
2920
|
});
|
|
2858
2921
|
};
|
|
2859
2922
|
const SelectGroup = ({ className, ...props }) => {
|
|
2860
2923
|
const { slots } = useSelect();
|
|
2861
|
-
return /* @__PURE__ */ jsx(Select.Group, {
|
|
2924
|
+
return /* @__PURE__ */ jsx(Select$1.Group, {
|
|
2862
2925
|
className: cn$1(slots.group(), className),
|
|
2863
2926
|
...props
|
|
2864
2927
|
});
|
|
2865
2928
|
};
|
|
2866
2929
|
const SelectGroupLabel = ({ className, ...props }) => {
|
|
2867
2930
|
const { slots } = useSelect();
|
|
2868
|
-
return /* @__PURE__ */ jsx(Select.GroupLabel, {
|
|
2931
|
+
return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
|
|
2869
2932
|
className: cn$1(slots.groupLabel(), className),
|
|
2870
2933
|
...props
|
|
2871
2934
|
});
|
|
2872
2935
|
};
|
|
2873
2936
|
const SelectSeparator = ({ className, ...props }) => {
|
|
2874
2937
|
const { slots } = useSelect();
|
|
2875
|
-
return /* @__PURE__ */ jsx(Select.Separator, {
|
|
2938
|
+
return /* @__PURE__ */ jsx(Select$1.Separator, {
|
|
2876
2939
|
className: cn$1(slots.separator(), className),
|
|
2877
2940
|
...props
|
|
2878
2941
|
});
|
|
2879
2942
|
};
|
|
2880
|
-
|
|
2943
|
+
|
|
2944
|
+
//#endregion
|
|
2945
|
+
//#region src/components/select/index.ts
|
|
2946
|
+
const Select = Object.assign(SelectRoot, {
|
|
2881
2947
|
Arrow: SelectArrow,
|
|
2882
2948
|
Backdrop: SelectBackdrop,
|
|
2883
2949
|
Group: SelectGroup,
|
|
@@ -2890,6 +2956,7 @@ var select_default = Object.assign(Select$1, {
|
|
|
2890
2956
|
Popup: SelectPopup,
|
|
2891
2957
|
Portal: SelectPortal,
|
|
2892
2958
|
Positioner: SelectPositioner,
|
|
2959
|
+
Root: SelectRoot,
|
|
2893
2960
|
Separator: SelectSeparator,
|
|
2894
2961
|
Trigger: SelectTrigger,
|
|
2895
2962
|
Value: SelectValue
|
|
@@ -2924,7 +2991,7 @@ const useSidebar = () => {
|
|
|
2924
2991
|
|
|
2925
2992
|
//#endregion
|
|
2926
2993
|
//#region src/components/sidebar/sidebar.tsx
|
|
2927
|
-
const
|
|
2994
|
+
const SidebarRoot = ({ className, isOpen, onOpenChange, ...props }) => {
|
|
2928
2995
|
const [internalIsOpen, setInternalIsOpen] = React.useState(false);
|
|
2929
2996
|
const isOpenState = isOpen !== void 0 ? isOpen : internalIsOpen;
|
|
2930
2997
|
const handleOpenChange = onOpenChange || setInternalIsOpen;
|
|
@@ -3008,7 +3075,10 @@ const SidebarMenuLabel = ({ className, ...props }) => {
|
|
|
3008
3075
|
...props
|
|
3009
3076
|
});
|
|
3010
3077
|
};
|
|
3011
|
-
|
|
3078
|
+
|
|
3079
|
+
//#endregion
|
|
3080
|
+
//#region src/components/sidebar/index.ts
|
|
3081
|
+
const Sidebar = Object.assign(SidebarRoot, {
|
|
3012
3082
|
Content: SidebarContent,
|
|
3013
3083
|
Footer: SidebarFooter,
|
|
3014
3084
|
Header: SidebarHeader,
|
|
@@ -3017,7 +3087,7 @@ var sidebar_default = Object.assign(Sidebar, {
|
|
|
3017
3087
|
MenuLabel: SidebarMenuLabel,
|
|
3018
3088
|
Outlet: SidebarOutlet,
|
|
3019
3089
|
Panel: SidebarPanel,
|
|
3020
|
-
Root:
|
|
3090
|
+
Root: SidebarRoot,
|
|
3021
3091
|
Trigger: SidebarTrigger
|
|
3022
3092
|
});
|
|
3023
3093
|
|
|
@@ -3046,11 +3116,11 @@ const useSlider = () => {
|
|
|
3046
3116
|
|
|
3047
3117
|
//#endregion
|
|
3048
3118
|
//#region src/components/slider/slider.tsx
|
|
3049
|
-
const
|
|
3119
|
+
const SliderRoot = ({ className, ...props }) => {
|
|
3050
3120
|
const slots = useMemo(() => sliderVariants(), []);
|
|
3051
3121
|
return /* @__PURE__ */ jsx(SliderContext, {
|
|
3052
3122
|
value: { slots },
|
|
3053
|
-
children: /* @__PURE__ */ jsx(Slider.Root, {
|
|
3123
|
+
children: /* @__PURE__ */ jsx(Slider$1.Root, {
|
|
3054
3124
|
className: cn$1(className, slots.root()),
|
|
3055
3125
|
...props
|
|
3056
3126
|
})
|
|
@@ -3058,43 +3128,46 @@ const Slider$1 = ({ className, ...props }) => {
|
|
|
3058
3128
|
};
|
|
3059
3129
|
const SliderValue = ({ className, ...props }) => {
|
|
3060
3130
|
const { slots } = useSlider();
|
|
3061
|
-
return /* @__PURE__ */ jsx(Slider.Value, {
|
|
3131
|
+
return /* @__PURE__ */ jsx(Slider$1.Value, {
|
|
3062
3132
|
className: cn$1(className, slots.value()),
|
|
3063
3133
|
...props
|
|
3064
3134
|
});
|
|
3065
3135
|
};
|
|
3066
3136
|
const SliderControl = ({ className, ...props }) => {
|
|
3067
3137
|
const { slots } = useSlider();
|
|
3068
|
-
return /* @__PURE__ */ jsx(Slider.Control, {
|
|
3138
|
+
return /* @__PURE__ */ jsx(Slider$1.Control, {
|
|
3069
3139
|
className: cn$1(className, slots.control()),
|
|
3070
3140
|
...props
|
|
3071
3141
|
});
|
|
3072
3142
|
};
|
|
3073
3143
|
const SliderTrack = ({ className, ...props }) => {
|
|
3074
3144
|
const { slots } = useSlider();
|
|
3075
|
-
return /* @__PURE__ */ jsx(Slider.Track, {
|
|
3145
|
+
return /* @__PURE__ */ jsx(Slider$1.Track, {
|
|
3076
3146
|
className: cn$1(className, slots.track()),
|
|
3077
3147
|
...props
|
|
3078
3148
|
});
|
|
3079
3149
|
};
|
|
3080
3150
|
const SliderIndicator = ({ className, ...props }) => {
|
|
3081
3151
|
const { slots } = useSlider();
|
|
3082
|
-
return /* @__PURE__ */ jsx(Slider.Indicator, {
|
|
3152
|
+
return /* @__PURE__ */ jsx(Slider$1.Indicator, {
|
|
3083
3153
|
className: cn$1(className, slots.indicator()),
|
|
3084
3154
|
...props
|
|
3085
3155
|
});
|
|
3086
3156
|
};
|
|
3087
3157
|
const SliderThumb = ({ className, ...props }) => {
|
|
3088
3158
|
const { slots } = useSlider();
|
|
3089
|
-
return /* @__PURE__ */ jsx(Slider.Thumb, {
|
|
3159
|
+
return /* @__PURE__ */ jsx(Slider$1.Thumb, {
|
|
3090
3160
|
className: cn$1(className, slots.thumb()),
|
|
3091
3161
|
...props
|
|
3092
3162
|
});
|
|
3093
3163
|
};
|
|
3094
|
-
|
|
3164
|
+
|
|
3165
|
+
//#endregion
|
|
3166
|
+
//#region src/components/slider/index.ts
|
|
3167
|
+
const Slider = Object.assign(SliderRoot, {
|
|
3095
3168
|
Control: SliderControl,
|
|
3096
3169
|
Indicator: SliderIndicator,
|
|
3097
|
-
Root:
|
|
3170
|
+
Root: SliderRoot,
|
|
3098
3171
|
Thumb: SliderThumb,
|
|
3099
3172
|
Track: SliderTrack,
|
|
3100
3173
|
Value: SliderValue
|
|
@@ -3137,7 +3210,6 @@ const Spinner = ({ className, size, variant, asChild, ...props }) => {
|
|
|
3137
3210
|
...props
|
|
3138
3211
|
});
|
|
3139
3212
|
};
|
|
3140
|
-
var spinner_default = Spinner;
|
|
3141
3213
|
|
|
3142
3214
|
//#endregion
|
|
3143
3215
|
//#region src/components/switch/switch.context.ts
|
|
@@ -3168,11 +3240,11 @@ const useSwitch = () => {
|
|
|
3168
3240
|
|
|
3169
3241
|
//#endregion
|
|
3170
3242
|
//#region src/components/switch/switch.tsx
|
|
3171
|
-
const
|
|
3243
|
+
const SwitchRoot = ({ className, size, ...props }) => {
|
|
3172
3244
|
const slots = useMemo(() => switchVariants({ size }), [size]);
|
|
3173
3245
|
return /* @__PURE__ */ jsx(SwitchContext.Provider, {
|
|
3174
3246
|
value: { slots },
|
|
3175
|
-
children: /* @__PURE__ */ jsx(Switch.Root, {
|
|
3247
|
+
children: /* @__PURE__ */ jsx(Switch$1.Root, {
|
|
3176
3248
|
className: cn$1(className, slots.root()),
|
|
3177
3249
|
...props
|
|
3178
3250
|
})
|
|
@@ -3180,13 +3252,16 @@ const Switch$1 = ({ className, size, ...props }) => {
|
|
|
3180
3252
|
};
|
|
3181
3253
|
const SwitchThumb = ({ className, ...props }) => {
|
|
3182
3254
|
const { slots } = useSwitch();
|
|
3183
|
-
return /* @__PURE__ */ jsx(Switch.Thumb, {
|
|
3255
|
+
return /* @__PURE__ */ jsx(Switch$1.Thumb, {
|
|
3184
3256
|
className: cn$1(className, slots.thumb()),
|
|
3185
3257
|
...props
|
|
3186
3258
|
});
|
|
3187
3259
|
};
|
|
3188
|
-
|
|
3189
|
-
|
|
3260
|
+
|
|
3261
|
+
//#endregion
|
|
3262
|
+
//#region src/components/switch/index.ts
|
|
3263
|
+
const Switch = Object.assign(SwitchRoot, {
|
|
3264
|
+
Root: SwitchRoot,
|
|
3190
3265
|
Thumb: SwitchThumb
|
|
3191
3266
|
});
|
|
3192
3267
|
|
|
@@ -3216,7 +3291,7 @@ const useTable = () => {
|
|
|
3216
3291
|
|
|
3217
3292
|
//#endregion
|
|
3218
3293
|
//#region src/components/table/table.tsx
|
|
3219
|
-
const
|
|
3294
|
+
const TableRoot = ({ className, ...props }) => {
|
|
3220
3295
|
const slots = useMemo(() => tableVariants(), []);
|
|
3221
3296
|
return /* @__PURE__ */ jsx(TableContext, {
|
|
3222
3297
|
value: { slots },
|
|
@@ -3268,13 +3343,16 @@ const TableFooter = ({ className, ...props }) => {
|
|
|
3268
3343
|
...props
|
|
3269
3344
|
});
|
|
3270
3345
|
};
|
|
3271
|
-
|
|
3346
|
+
|
|
3347
|
+
//#endregion
|
|
3348
|
+
//#region src/components/table/index.ts
|
|
3349
|
+
const Table = Object.assign(TableRoot, {
|
|
3272
3350
|
Body: TableBody,
|
|
3273
3351
|
DataCell: TableDataCell,
|
|
3274
3352
|
Footer: TableFooter,
|
|
3275
3353
|
Head: TableHead,
|
|
3276
3354
|
HeaderCell: TableHeaderCell,
|
|
3277
|
-
Root:
|
|
3355
|
+
Root: TableRoot,
|
|
3278
3356
|
Row: TableRow
|
|
3279
3357
|
});
|
|
3280
3358
|
|
|
@@ -3302,7 +3380,7 @@ const useTabs = () => {
|
|
|
3302
3380
|
|
|
3303
3381
|
//#endregion
|
|
3304
3382
|
//#region src/components/tabs/tabs.tsx
|
|
3305
|
-
const
|
|
3383
|
+
const TabsRoot = ({ className, ...props }) => {
|
|
3306
3384
|
const slots = useMemo(() => tabsVariants(), []);
|
|
3307
3385
|
const [listRef, setListRef] = React.useState(null);
|
|
3308
3386
|
React.useEffect(() => {
|
|
@@ -3335,7 +3413,7 @@ const Tabs$1 = ({ className, ...props }) => {
|
|
|
3335
3413
|
setListRef,
|
|
3336
3414
|
slots
|
|
3337
3415
|
},
|
|
3338
|
-
children: /* @__PURE__ */ jsx(Tabs.Root, {
|
|
3416
|
+
children: /* @__PURE__ */ jsx(Tabs$1.Root, {
|
|
3339
3417
|
className: cn$1(className, slots.root()),
|
|
3340
3418
|
...props
|
|
3341
3419
|
})
|
|
@@ -3343,7 +3421,7 @@ const Tabs$1 = ({ className, ...props }) => {
|
|
|
3343
3421
|
};
|
|
3344
3422
|
const TabsList = ({ className, ...props }) => {
|
|
3345
3423
|
const { slots, setListRef } = useTabs();
|
|
3346
|
-
return /* @__PURE__ */ jsx(Tabs.List, {
|
|
3424
|
+
return /* @__PURE__ */ jsx(Tabs$1.List, {
|
|
3347
3425
|
className: cn$1(slots.list(), className),
|
|
3348
3426
|
ref: setListRef,
|
|
3349
3427
|
...props
|
|
@@ -3351,128 +3429,36 @@ const TabsList = ({ className, ...props }) => {
|
|
|
3351
3429
|
};
|
|
3352
3430
|
const TabsTab = ({ className, ...props }) => {
|
|
3353
3431
|
const { slots } = useTabs();
|
|
3354
|
-
return /* @__PURE__ */ jsx(Tabs.Tab, {
|
|
3432
|
+
return /* @__PURE__ */ jsx(Tabs$1.Tab, {
|
|
3355
3433
|
className: cn$1(slots.tab(), className),
|
|
3356
3434
|
...props
|
|
3357
3435
|
});
|
|
3358
3436
|
};
|
|
3359
3437
|
const TabsIndicator = ({ className, ...props }) => {
|
|
3360
3438
|
const { slots } = useTabs();
|
|
3361
|
-
return /* @__PURE__ */ jsx(Tabs.Indicator, {
|
|
3439
|
+
return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
|
|
3362
3440
|
className: cn$1(slots.indicator(), className),
|
|
3363
3441
|
...props
|
|
3364
3442
|
});
|
|
3365
3443
|
};
|
|
3366
3444
|
const TabsPanel = ({ className, ...props }) => {
|
|
3367
3445
|
const { slots } = useTabs();
|
|
3368
|
-
return /* @__PURE__ */ jsx(Tabs.Panel, {
|
|
3446
|
+
return /* @__PURE__ */ jsx(Tabs$1.Panel, {
|
|
3369
3447
|
className: cn$1(slots.panel(), className),
|
|
3370
3448
|
...props
|
|
3371
3449
|
});
|
|
3372
3450
|
};
|
|
3373
|
-
|
|
3451
|
+
|
|
3452
|
+
//#endregion
|
|
3453
|
+
//#region src/components/tabs/index.ts
|
|
3454
|
+
const Tabs = Object.assign(TabsRoot, {
|
|
3374
3455
|
Indicator: TabsIndicator,
|
|
3375
3456
|
List: TabsList,
|
|
3376
3457
|
Panel: TabsPanel,
|
|
3377
|
-
Root:
|
|
3458
|
+
Root: TabsRoot,
|
|
3378
3459
|
Tab: TabsTab
|
|
3379
3460
|
});
|
|
3380
3461
|
|
|
3381
|
-
//#endregion
|
|
3382
|
-
//#region src/components/toast/toast.context.ts
|
|
3383
|
-
const ToastContext = createContext(null);
|
|
3384
|
-
|
|
3385
|
-
//#endregion
|
|
3386
|
-
//#region src/components/toast/toast.variants.ts
|
|
3387
|
-
const toastVariants = tv({
|
|
3388
|
-
defaultVariants: { variant: "default" },
|
|
3389
|
-
slots: {
|
|
3390
|
-
action: "toast__action",
|
|
3391
|
-
close: "toast__close",
|
|
3392
|
-
description: "toast__description",
|
|
3393
|
-
root: "toast group",
|
|
3394
|
-
title: "toast__title",
|
|
3395
|
-
viewport: "toast__viewport"
|
|
3396
|
-
},
|
|
3397
|
-
variants: { variant: {
|
|
3398
|
-
default: { root: "bg-background text-foreground" },
|
|
3399
|
-
destructive: { root: "destructive group border-danger bg-danger text-danger-foreground" }
|
|
3400
|
-
} }
|
|
3401
|
-
});
|
|
3402
|
-
|
|
3403
|
-
//#endregion
|
|
3404
|
-
//#region src/components/toast/use-toast.ts
|
|
3405
|
-
const useToast$1 = () => {
|
|
3406
|
-
const context = useContext(ToastContext);
|
|
3407
|
-
if (!context) throw new Error("useToast must be used within a ToastProvider");
|
|
3408
|
-
return context;
|
|
3409
|
-
};
|
|
3410
|
-
|
|
3411
|
-
//#endregion
|
|
3412
|
-
//#region src/components/toast/toast.tsx
|
|
3413
|
-
const Toast$1 = ({ className, variant, ...props }) => {
|
|
3414
|
-
const slots = useMemo(() => toastVariants({ variant }), [variant]);
|
|
3415
|
-
return /* @__PURE__ */ jsx(ToastContext, {
|
|
3416
|
-
value: { slots },
|
|
3417
|
-
children: /* @__PURE__ */ jsx(Toast.Root, {
|
|
3418
|
-
className: cn$1(className, slots.root()),
|
|
3419
|
-
...props
|
|
3420
|
-
})
|
|
3421
|
-
});
|
|
3422
|
-
};
|
|
3423
|
-
const ToastTitle = ({ className, ...props }) => {
|
|
3424
|
-
const { slots } = useToast$1();
|
|
3425
|
-
return /* @__PURE__ */ jsx(Toast.Title, {
|
|
3426
|
-
className: cn$1(className, slots.title()),
|
|
3427
|
-
...props
|
|
3428
|
-
});
|
|
3429
|
-
};
|
|
3430
|
-
const ToastDescription = ({ className, ...props }) => {
|
|
3431
|
-
const { slots } = useToast$1();
|
|
3432
|
-
return /* @__PURE__ */ jsx(Toast.Description, {
|
|
3433
|
-
className: cn$1(className, slots.description()),
|
|
3434
|
-
...props
|
|
3435
|
-
});
|
|
3436
|
-
};
|
|
3437
|
-
const ToastAction = ({ className, ...props }) => {
|
|
3438
|
-
const { slots } = useToast$1();
|
|
3439
|
-
return /* @__PURE__ */ jsx(Toast.Action, {
|
|
3440
|
-
className: cn$1(className, slots.action()),
|
|
3441
|
-
...props
|
|
3442
|
-
});
|
|
3443
|
-
};
|
|
3444
|
-
const ToastClose = ({ className, children, ...props }) => {
|
|
3445
|
-
const { slots } = useToast$1();
|
|
3446
|
-
return /* @__PURE__ */ jsx(Toast.Close, {
|
|
3447
|
-
className: cn$1(className, slots.close()),
|
|
3448
|
-
...props,
|
|
3449
|
-
children: children ?? /* @__PURE__ */ jsx(LucideX, { className: "size-4" })
|
|
3450
|
-
});
|
|
3451
|
-
};
|
|
3452
|
-
const ToastProvider = Toast.Provider;
|
|
3453
|
-
const ToastPortal = Toast.Portal;
|
|
3454
|
-
const ToastViewport = ({ className, ...props }) => {
|
|
3455
|
-
const { viewport } = toastVariants();
|
|
3456
|
-
return /* @__PURE__ */ jsx(Toast.Viewport, {
|
|
3457
|
-
className: cn$1(className, viewport()),
|
|
3458
|
-
...props
|
|
3459
|
-
});
|
|
3460
|
-
};
|
|
3461
|
-
var toast_default = Object.assign(Toast$1, {
|
|
3462
|
-
Action: ToastAction,
|
|
3463
|
-
Close: ToastClose,
|
|
3464
|
-
Description: ToastDescription,
|
|
3465
|
-
Portal: ToastPortal,
|
|
3466
|
-
Provider: ToastProvider,
|
|
3467
|
-
Root: Toast$1,
|
|
3468
|
-
Title: ToastTitle,
|
|
3469
|
-
Viewport: ToastViewport
|
|
3470
|
-
});
|
|
3471
|
-
|
|
3472
|
-
//#endregion
|
|
3473
|
-
//#region src/components/toast/index.ts
|
|
3474
|
-
const useToast = Toast.useToastManager;
|
|
3475
|
-
|
|
3476
3462
|
//#endregion
|
|
3477
3463
|
//#region src/components/toggle-button/toggle-button.variants.ts
|
|
3478
3464
|
const toggleButtonVariants = tv({
|
|
@@ -3491,7 +3477,6 @@ const ToggleButton = ({ className, variant, size, ...props }) => {
|
|
|
3491
3477
|
...props
|
|
3492
3478
|
});
|
|
3493
3479
|
};
|
|
3494
|
-
var toggle_button_default = ToggleButton;
|
|
3495
3480
|
|
|
3496
3481
|
//#endregion
|
|
3497
3482
|
//#region src/components/tooltip/tooltip.context.ts
|
|
@@ -3518,57 +3503,59 @@ const useTooltip = () => {
|
|
|
3518
3503
|
|
|
3519
3504
|
//#endregion
|
|
3520
3505
|
//#region src/components/tooltip/tooltip.tsx
|
|
3521
|
-
const
|
|
3506
|
+
const TooltipRoot = ({ ...props }) => {
|
|
3522
3507
|
return /* @__PURE__ */ jsx(TooltipContext, {
|
|
3523
3508
|
value: { slots: useMemo(() => tooltipVariants({}), []) },
|
|
3524
|
-
children: /* @__PURE__ */ jsx(Tooltip.Root, { ...props })
|
|
3509
|
+
children: /* @__PURE__ */ jsx(Tooltip$1.Root, { ...props })
|
|
3525
3510
|
});
|
|
3526
3511
|
};
|
|
3527
3512
|
const TooltipTrigger = ({ className, ...props }) => {
|
|
3528
3513
|
const { slots } = useTooltip();
|
|
3529
|
-
return /* @__PURE__ */ jsx(Tooltip.Trigger, {
|
|
3514
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
|
|
3530
3515
|
className: cn$1(className, slots.trigger()),
|
|
3531
3516
|
...props
|
|
3532
3517
|
});
|
|
3533
3518
|
};
|
|
3534
3519
|
const TooltipPortal = ({ className, ...props }) => {
|
|
3535
3520
|
const { slots } = useTooltip();
|
|
3536
|
-
return /* @__PURE__ */ jsx(Tooltip.Portal, {
|
|
3521
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
|
|
3537
3522
|
className: cn$1(className, slots.portal()),
|
|
3538
3523
|
...props
|
|
3539
3524
|
});
|
|
3540
3525
|
};
|
|
3541
3526
|
const TooltipPositioner = ({ className, ...props }) => {
|
|
3542
3527
|
const { slots } = useTooltip();
|
|
3543
|
-
return /* @__PURE__ */ jsx(Tooltip.Positioner, {
|
|
3528
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
|
|
3544
3529
|
className: cn$1(className, slots.positioner()),
|
|
3545
3530
|
...props
|
|
3546
3531
|
});
|
|
3547
3532
|
};
|
|
3548
3533
|
const TooltipPopup = ({ className, ...props }) => {
|
|
3549
3534
|
const { slots } = useTooltip();
|
|
3550
|
-
return /* @__PURE__ */ jsx(Tooltip.Popup, {
|
|
3535
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Popup, {
|
|
3551
3536
|
className: cn$1(className, slots.popup()),
|
|
3552
3537
|
...props
|
|
3553
3538
|
});
|
|
3554
3539
|
};
|
|
3555
3540
|
const TooltipArrow = ({ className, ...props }) => {
|
|
3556
3541
|
const { slots } = useTooltip();
|
|
3557
|
-
return /* @__PURE__ */ jsx(Tooltip.Arrow, {
|
|
3542
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Arrow, {
|
|
3558
3543
|
className: cn$1(className, slots.arrow()),
|
|
3559
3544
|
...props
|
|
3560
3545
|
});
|
|
3561
3546
|
};
|
|
3562
|
-
|
|
3547
|
+
|
|
3548
|
+
//#endregion
|
|
3549
|
+
//#region src/components/tooltip/index.ts
|
|
3550
|
+
const Tooltip = Object.assign(TooltipRoot, {
|
|
3563
3551
|
Arrow: TooltipArrow,
|
|
3564
3552
|
Popup: TooltipPopup,
|
|
3565
3553
|
Portal: TooltipPortal,
|
|
3566
3554
|
Positioner: TooltipPositioner,
|
|
3567
|
-
|
|
3568
|
-
Root: Tooltip$1,
|
|
3555
|
+
Root: TooltipRoot,
|
|
3569
3556
|
Trigger: TooltipTrigger
|
|
3570
3557
|
});
|
|
3571
3558
|
|
|
3572
3559
|
//#endregion
|
|
3573
|
-
export {
|
|
3560
|
+
export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, AccordionTriggerIcon, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, AlertIndicator, AlertRoot, AlertTitle, Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRoot, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarFallback, AvatarImage, AvatarRoot, Button, ButtonGroup, Card, CardContent, CardDescription, CardHeader, CardRoot, CardTitle, Checkbox, CheckboxGroup, CheckboxIndicator, CheckboxRoot, Chip, Collapsible, CollapsibleContent, CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger, CollapsibleTriggerIcon, Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Container, ContextMenu, ContextMenuArrow, ContextMenuBackdrop, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRoot, ContextMenuSeparator, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger, Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogViewport, Drawer, DrawerBackdrop, DrawerClose, DrawerDescription, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger, DrawerViewport, Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldRoot, Fieldset, FieldsetLegend, FieldsetRoot, Form, IconButton, Input, Label, Link, List, ListItem, ListRoot, Menu, MenuArrow, MenuBackdrop, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRoot, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue, Navbar, NavbarContainer, NavbarContent, NavbarList, NavbarListItem, NavbarMenu, NavbarMenuItem, NavbarRoot, NavbarToggle, NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor, Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, PopoverViewport, PreviewCard, PreviewCardArrow, PreviewCardBackdrop, PreviewCardPopup, PreviewCardPortal, PreviewCardPositioner, PreviewCardRoot, PreviewCardTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue, Radio, RadioGroup, RadioIndicator, RadioRoot, ScrollArea, ScrollAreaContent, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Select, SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuLabel, SidebarOutlet, SidebarPanel, SidebarRoot, SidebarTrigger, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, Spinner, Switch, SwitchRoot, SwitchThumb, Table, TableBody, TableDataCell, TableFooter, TableHead, TableHeaderCell, TableRoot, TableRow, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, ToggleButton, Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipRoot, TooltipTrigger, accordionVariants, alertDialogVariants, alertVariants, autocompleteVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, collapsibleVariants, comboboxVariants, containerVariants, contextMenuVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, navigationMenuVariants, numberFieldVariants, popoverVariants, previewCardVariants, progressVariants, radioGroupVariants, radioVariants, scrollAreaVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants, tooltipVariants };
|
|
3574
3561
|
//# sourceMappingURL=index.mjs.map
|