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