@ark-ui/solid 2.0.0 → 2.0.1

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.
Files changed (126) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/cjs/index.js +232 -200
  3. package/cjs/index.js.map +1 -1
  4. package/esm/index.js +233 -203
  5. package/esm/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/source/accordion/accordion.jsx +6 -0
  8. package/source/accordion/index.js +1 -7
  9. package/source/avatar/avatar.jsx +4 -0
  10. package/source/avatar/index.js +1 -5
  11. package/source/carousel/carousel.jsx +10 -0
  12. package/source/carousel/index.js +1 -11
  13. package/source/checkbox/checkbox.jsx +5 -0
  14. package/source/checkbox/index.js +1 -6
  15. package/source/color-picker/color-picker.jsx +24 -0
  16. package/source/color-picker/index.js +1 -25
  17. package/source/combobox/combobox.jsx +14 -0
  18. package/source/combobox/index.js +1 -15
  19. package/source/date-picker/date-picker.jsx +24 -0
  20. package/source/date-picker/index.js +1 -25
  21. package/source/dialog/dialog.jsx +9 -0
  22. package/source/dialog/index.js +1 -10
  23. package/source/editable/editable.jsx +10 -0
  24. package/source/editable/index.js +1 -11
  25. package/source/file-upload/file-upload.jsx +12 -0
  26. package/source/file-upload/index.js +2 -14
  27. package/source/hover-card/hover-card.jsx +7 -0
  28. package/source/hover-card/index.js +1 -8
  29. package/source/menu/index.js +1 -15
  30. package/source/menu/menu.jsx +14 -0
  31. package/source/number-input/index.js +1 -9
  32. package/source/number-input/number-input.jsx +8 -0
  33. package/source/pagination/index.js +1 -7
  34. package/source/pagination/pagination.jsx +6 -0
  35. package/source/pin-input/index.js +1 -6
  36. package/source/pin-input/pin-input.jsx +5 -0
  37. package/source/popover/index.js +1 -13
  38. package/source/popover/popover.jsx +12 -0
  39. package/source/progress/index.js +1 -11
  40. package/source/progress/progress.jsx +10 -0
  41. package/source/radio-group/index.js +2 -9
  42. package/source/radio-group/radio-group.jsx +7 -0
  43. package/source/rating-group/index.js +1 -6
  44. package/source/rating-group/rating-group.jsx +5 -0
  45. package/source/segment-group/index.js +1 -8
  46. package/source/segment-group/segment-group.jsx +7 -0
  47. package/source/select/index.js +1 -16
  48. package/source/select/select.jsx +15 -0
  49. package/source/slider/index.js +1 -11
  50. package/source/slider/slider.jsx +10 -0
  51. package/source/splitter/index.js +1 -5
  52. package/source/splitter/splitter.jsx +4 -0
  53. package/source/switch/index.js +1 -6
  54. package/source/switch/switch.jsx +5 -0
  55. package/source/tabs/index.js +1 -7
  56. package/source/tabs/tabs.jsx +6 -0
  57. package/source/tags-input/index.js +1 -12
  58. package/source/tags-input/tags-input.jsx +11 -0
  59. package/source/toast/index.js +1 -7
  60. package/source/toast/toast.jsx +6 -0
  61. package/source/toggle-group/index.js +1 -4
  62. package/source/toggle-group/toggle-group.jsx +3 -0
  63. package/source/tooltip/index.js +1 -8
  64. package/source/tooltip/tooltip.jsx +7 -0
  65. package/source/tree-view/index.js +1 -13
  66. package/source/tree-view/tree-view.jsx +12 -0
  67. package/types/accordion/accordion.d.ts +6 -0
  68. package/types/accordion/index.d.ts +11 -0
  69. package/types/avatar/avatar.d.ts +4 -0
  70. package/types/avatar/index.d.ts +1 -5
  71. package/types/carousel/carousel.d.ts +10 -0
  72. package/types/carousel/index.d.ts +14 -0
  73. package/types/checkbox/checkbox.d.ts +5 -0
  74. package/types/checkbox/index.d.ts +9 -0
  75. package/types/color-picker/color-picker.d.ts +24 -0
  76. package/types/color-picker/index.d.ts +30 -0
  77. package/types/combobox/combobox.d.ts +14 -0
  78. package/types/combobox/index.d.ts +19 -0
  79. package/types/date-picker/date-picker.d.ts +24 -0
  80. package/types/date-picker/index.d.ts +31 -0
  81. package/types/dialog/dialog.d.ts +9 -0
  82. package/types/dialog/index.d.ts +1 -10
  83. package/types/editable/editable.d.ts +10 -0
  84. package/types/editable/index.d.ts +1 -11
  85. package/types/file-upload/file-upload.d.ts +12 -0
  86. package/types/file-upload/index.d.ts +16 -0
  87. package/types/hover-card/hover-card.d.ts +7 -0
  88. package/types/hover-card/index.d.ts +1 -8
  89. package/types/menu/index.d.ts +18 -0
  90. package/types/menu/menu.d.ts +14 -0
  91. package/types/number-input/index.d.ts +12 -0
  92. package/types/number-input/number-input.d.ts +8 -0
  93. package/types/pagination/index.d.ts +1 -7
  94. package/types/pagination/pagination.d.ts +6 -0
  95. package/types/pin-input/index.d.ts +1 -8
  96. package/types/pin-input/pin-input.d.ts +5 -0
  97. package/types/popover/index.d.ts +1 -13
  98. package/types/popover/popover.d.ts +12 -0
  99. package/types/progress/index.d.ts +1 -11
  100. package/types/progress/progress.d.ts +10 -0
  101. package/types/radio-group/index.d.ts +3 -10
  102. package/types/radio-group/radio-group.d.ts +7 -0
  103. package/types/rating-group/index.d.ts +10 -0
  104. package/types/rating-group/rating-group.d.ts +5 -0
  105. package/types/segment-group/index.d.ts +12 -0
  106. package/types/segment-group/segment-group.d.ts +7 -0
  107. package/types/select/index.d.ts +21 -0
  108. package/types/select/select.d.ts +15 -0
  109. package/types/slider/index.d.ts +1 -11
  110. package/types/slider/slider.d.ts +10 -0
  111. package/types/splitter/index.d.ts +1 -5
  112. package/types/splitter/splitter.d.ts +4 -0
  113. package/types/switch/index.d.ts +1 -6
  114. package/types/switch/switch.d.ts +5 -0
  115. package/types/tabs/index.d.ts +1 -7
  116. package/types/tabs/tabs.d.ts +6 -0
  117. package/types/tags-input/index.d.ts +16 -0
  118. package/types/tags-input/tags-input.d.ts +11 -0
  119. package/types/toast/index.d.ts +1 -7
  120. package/types/toast/toast.d.ts +6 -0
  121. package/types/toggle-group/index.d.ts +1 -4
  122. package/types/toggle-group/toggle-group.d.ts +3 -0
  123. package/types/tooltip/index.d.ts +1 -8
  124. package/types/tooltip/tooltip.d.ts +7 -0
  125. package/types/tree-view/index.d.ts +16 -0
  126. package/types/tree-view/tree-view.d.ts +12 -0
package/esm/index.js CHANGED
@@ -1,37 +1,37 @@
1
1
  import { createComponent, Dynamic, mergeProps, memo, use, template, spread, insert, effect } from 'solid-js/web';
2
- import { useMachine, normalizeProps, mergeProps as mergeProps$1, useActor } from '@zag-js/solid';
3
2
  import { createContext as createContext$1, useContext, splitProps, createSignal, createMemo, createEffect, Show, createUniqueId, Index, children, onCleanup } from 'solid-js';
3
+ import { useMachine, normalizeProps, mergeProps as mergeProps$1, useActor } from '@zag-js/solid';
4
4
  import * as presence from '@zag-js/presence';
5
- import * as accordion from '@zag-js/accordion';
6
- import * as avatar from '@zag-js/avatar';
5
+ import * as accordion$1 from '@zag-js/accordion';
6
+ import * as avatar$1 from '@zag-js/avatar';
7
7
  import { carouselAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAnatomy, selectAnatomy, treeViewAnatomy } from '@ark-ui/anatomy';
8
- import * as carousel from '@zag-js/carousel';
9
- import * as checkbox from '@zag-js/checkbox';
10
- import * as colorPicker from '@zag-js/color-picker';
11
- import * as combobox from '@zag-js/combobox';
12
- import * as datePicker from '@zag-js/date-picker';
13
- import * as dialog from '@zag-js/dialog';
14
- import * as editable from '@zag-js/editable';
15
- import * as fileUpload from '@zag-js/file-upload';
16
- import * as hoverCard from '@zag-js/hover-card';
17
- import * as menu from '@zag-js/menu';
18
- import * as numberInput from '@zag-js/number-input';
19
- import * as pagination from '@zag-js/pagination';
20
- import * as pinInput from '@zag-js/pin-input';
21
- import * as popover from '@zag-js/popover';
22
- import * as progress from '@zag-js/progress';
8
+ import * as carousel$1 from '@zag-js/carousel';
9
+ import * as checkbox$1 from '@zag-js/checkbox';
10
+ import * as colorPicker$1 from '@zag-js/color-picker';
11
+ import * as combobox$1 from '@zag-js/combobox';
12
+ import * as datePicker$1 from '@zag-js/date-picker';
13
+ import * as dialog$1 from '@zag-js/dialog';
14
+ import * as editable$1 from '@zag-js/editable';
15
+ import * as fileUpload$1 from '@zag-js/file-upload';
16
+ import * as hoverCard$1 from '@zag-js/hover-card';
17
+ import * as menu$1 from '@zag-js/menu';
18
+ import * as numberInput$1 from '@zag-js/number-input';
19
+ import * as pagination$1 from '@zag-js/pagination';
20
+ import * as pinInput$1 from '@zag-js/pin-input';
21
+ import * as popover$1 from '@zag-js/popover';
22
+ import * as progress$1 from '@zag-js/progress';
23
23
  import * as radio from '@zag-js/radio-group';
24
24
  import * as rating from '@zag-js/rating-group';
25
- import * as select from '@zag-js/select';
26
- import * as slider from '@zag-js/slider';
27
- import * as splitter from '@zag-js/splitter';
25
+ import * as select$1 from '@zag-js/select';
26
+ import * as slider$1 from '@zag-js/slider';
27
+ import * as splitter$1 from '@zag-js/splitter';
28
28
  import * as zagSwitch from '@zag-js/switch';
29
- import * as tabs from '@zag-js/tabs';
30
- import * as tagsInput from '@zag-js/tags-input';
31
- import * as toggleGroup from '@zag-js/toggle-group';
32
- import * as tooltip from '@zag-js/tooltip';
33
- import * as treeView from '@zag-js/tree-view';
34
- import * as toast from '@zag-js/toast';
29
+ import * as tabs$1 from '@zag-js/tabs';
30
+ import * as tagsInput$1 from '@zag-js/tags-input';
31
+ import * as toast$1 from '@zag-js/toast';
32
+ import * as toggleGroup$1 from '@zag-js/toggle-group';
33
+ import * as tooltip$1 from '@zag-js/tooltip';
34
+ import * as treeView$1 from '@zag-js/tree-view';
35
35
 
36
36
  function getErrorMessage(hook, provider) {
37
37
  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -243,10 +243,10 @@ const useAccordion = props => {
243
243
  id: createUniqueId(),
244
244
  getRootNode
245
245
  }, props);
246
- const [state, send] = useMachine(accordion.machine(context), {
246
+ const [state, send] = useMachine(accordion$1.machine(context), {
247
247
  context
248
248
  });
249
- return createMemo(() => accordion.connect(state, send, normalizeProps));
249
+ return createMemo(() => accordion$1.connect(state, send, normalizeProps));
250
250
  };
251
251
 
252
252
  const AccordionRoot = props => {
@@ -267,13 +267,14 @@ const AccordionRoot = props => {
267
267
  });
268
268
  };
269
269
 
270
- const Accordion = {
271
- Root: AccordionRoot,
270
+ var accordion = /*#__PURE__*/Object.freeze({
271
+ __proto__: null,
272
272
  Item: AccordionItem,
273
273
  ItemContent: AccordionItemContent,
274
274
  ItemIndicator: AccordionItemIndicator,
275
- ItemTrigger: AccordionItemTrigger
276
- };
275
+ ItemTrigger: AccordionItemTrigger,
276
+ Root: AccordionRoot
277
+ });
277
278
 
278
279
  const [AvatarProvider, useAvatarContext] = createContext({
279
280
  hookName: 'useAvatarContext',
@@ -298,10 +299,10 @@ const useAvatar = props => {
298
299
  id: createUniqueId(),
299
300
  getRootNode
300
301
  }, props);
301
- const [state, send] = useMachine(avatar.machine(context), {
302
+ const [state, send] = useMachine(avatar$1.machine(context), {
302
303
  context
303
304
  });
304
- return createMemo(() => avatar.connect(state, send, normalizeProps));
305
+ return createMemo(() => avatar$1.connect(state, send, normalizeProps));
305
306
  };
306
307
 
307
308
  const AvatarRoot = props => {
@@ -316,11 +317,12 @@ const AvatarRoot = props => {
316
317
  });
317
318
  };
318
319
 
319
- const Avatar = {
320
- Root: AvatarRoot,
320
+ var avatar = /*#__PURE__*/Object.freeze({
321
+ __proto__: null,
321
322
  Fallback: AvatarFallback,
322
- Image: AvatarImage
323
- };
323
+ Image: AvatarImage,
324
+ Root: AvatarRoot
325
+ });
324
326
 
325
327
  const [CarouselProvider, useCarouselContext] = createContext({
326
328
  hookName: 'useCarouselContext',
@@ -376,10 +378,10 @@ const useCarousel = props => {
376
378
  id: createUniqueId(),
377
379
  getRootNode
378
380
  }, props);
379
- const [state, send] = useMachine(carousel.machine(context), {
381
+ const [state, send] = useMachine(carousel$1.machine(context), {
380
382
  context
381
383
  });
382
- return createMemo(() => carousel.connect(state, send, normalizeProps));
384
+ return createMemo(() => carousel$1.connect(state, send, normalizeProps));
383
385
  };
384
386
 
385
387
  const CarouselRoot = props => {
@@ -405,17 +407,18 @@ const CarouselViewport = props => {
405
407
  return createComponent(ark.div, mergedProps);
406
408
  };
407
409
 
408
- const Carousel = {
409
- Root: CarouselRoot,
410
+ var carousel = /*#__PURE__*/Object.freeze({
411
+ __proto__: null,
410
412
  Control: CarouselControl,
411
413
  Indicator: CarouselIndicator,
412
414
  IndicatorGroup: CarouselIndicatorGroup,
413
- NextTrigger: CarouselNextTrigger,
414
- PrevTrigger: CarouselPrevTrigger,
415
415
  Item: CarouselItem,
416
416
  ItemGroup: CarouselItemGroup,
417
+ NextTrigger: CarouselNextTrigger,
418
+ PrevTrigger: CarouselPrevTrigger,
419
+ Root: CarouselRoot,
417
420
  Viewport: CarouselViewport
418
- };
421
+ });
419
422
 
420
423
  const [CheckboxProvider, useCheckboxContext] = createContext({
421
424
  hookName: 'useCheckboxContext',
@@ -451,10 +454,10 @@ const useCheckbox = props => {
451
454
  id: createUniqueId(),
452
455
  getRootNode
453
456
  }, props);
454
- const [state, send] = useMachine(checkbox.machine(context), {
457
+ const [state, send] = useMachine(checkbox$1.machine(context), {
455
458
  context
456
459
  });
457
- return createMemo(() => checkbox.connect(state, send, normalizeProps));
460
+ return createMemo(() => checkbox$1.connect(state, send, normalizeProps));
458
461
  };
459
462
 
460
463
  const CheckboxRoot = props => {
@@ -474,12 +477,13 @@ const CheckboxRoot = props => {
474
477
  });
475
478
  };
476
479
 
477
- const Checkbox = {
478
- Root: CheckboxRoot,
480
+ var checkbox = /*#__PURE__*/Object.freeze({
481
+ __proto__: null,
479
482
  Control: CheckboxControl,
483
+ Indicator: CheckboxIndicator,
480
484
  Label: CheckboxLabel,
481
- Indicator: CheckboxIndicator
482
- };
485
+ Root: CheckboxRoot
486
+ });
483
487
 
484
488
  const [ColorPickerAreaProvider, useColorPickerAreaContext] = createContext({
485
489
  hookName: 'useColorPickerAreaContext',
@@ -633,12 +637,12 @@ const useColorPicker = props => {
633
637
  const context = mergeProps$1(() => ({
634
638
  id: createUniqueId(),
635
639
  getRootNode,
636
- value: local.value ? colorPicker.parse(local.value) : undefined
640
+ value: local.value ? colorPicker$1.parse(local.value) : undefined
637
641
  }), rest);
638
- const [state, send] = useMachine(colorPicker.machine(context), {
642
+ const [state, send] = useMachine(colorPicker$1.machine(context), {
639
643
  context
640
644
  });
641
- return createMemo(() => colorPicker.connect(state, send, normalizeProps));
645
+ return createMemo(() => colorPicker$1.connect(state, send, normalizeProps));
642
646
  };
643
647
 
644
648
  const _tmpl$$a = /*#__PURE__*/template(`<input>`);
@@ -751,8 +755,8 @@ const ColorPickerView = props => {
751
755
  });
752
756
  };
753
757
 
754
- const ColorPicker = {
755
- Root: ColorPickerRoot,
758
+ var colorPicker = /*#__PURE__*/Object.freeze({
759
+ __proto__: null,
756
760
  Area: ColorPickerArea,
757
761
  AreaBackground: ColorPickerAreaBackground,
758
762
  AreaThumb: ColorPickerAreaThumb,
@@ -763,10 +767,11 @@ const ColorPicker = {
763
767
  Content: ColorPickerContent,
764
768
  Control: ColorPickerControl,
765
769
  EyeDropperTrigger: ColorPickerEyeDropperTrigger,
766
- FormatTrigger: ColorPickerFormatTrigger,
767
770
  FormatSelect: ColorPickerFormatSelect,
771
+ FormatTrigger: ColorPickerFormatTrigger,
768
772
  Label: ColorPickerLabel,
769
773
  Positioner: ColorPickerPositioner,
774
+ Root: ColorPickerRoot,
770
775
  Swatch: ColorPickerSwatch,
771
776
  SwatchGroup: ColorPickerSwatchGroup,
772
777
  SwatchIndicator: ColorPickerSwatchIndicator,
@@ -775,7 +780,7 @@ const ColorPicker = {
775
780
  Trigger: ColorPickerTrigger,
776
781
  ValueText: ColorPickerValueText,
777
782
  View: ColorPickerView
778
- };
783
+ });
779
784
 
780
785
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
781
786
  const [ComboboxProvider, useComboboxContext] = createContext({
@@ -889,17 +894,17 @@ const ComboboxPositioner = props => {
889
894
 
890
895
  const useCombobox = props => {
891
896
  const [collectionOptions, rest] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
892
- const collection = () => combobox.collection(collectionOptions);
897
+ const collection = () => combobox$1.collection(collectionOptions);
893
898
  const getRootNode = useEnvironmentContext();
894
899
  const context = () => mergeProps$1({
895
900
  id: createUniqueId(),
896
901
  getRootNode,
897
902
  collection: collection()
898
903
  }, rest);
899
- const [state, send] = useMachine(combobox.machine(context()), {
904
+ const [state, send] = useMachine(combobox$1.machine(context()), {
900
905
  context
901
906
  });
902
- return createMemo(() => combobox.connect(state, send, normalizeProps));
907
+ return createMemo(() => combobox$1.connect(state, send, normalizeProps));
903
908
  };
904
909
 
905
910
  const ComboboxRoot = props => {
@@ -934,8 +939,8 @@ const ComboboxTrigger = props => {
934
939
  return createComponent(ark.button, mergedProps);
935
940
  };
936
941
 
937
- const Combobox = {
938
- Root: ComboboxRoot,
942
+ var combobox = /*#__PURE__*/Object.freeze({
943
+ __proto__: null,
939
944
  ClearTrigger: ComboboxClearTrigger,
940
945
  Content: ComboboxContent,
941
946
  Control: ComboboxControl,
@@ -947,8 +952,9 @@ const Combobox = {
947
952
  ItemText: ComboboxItemText,
948
953
  Label: ComboboxLabel,
949
954
  Positioner: ComboboxPositioner,
955
+ Root: ComboboxRoot,
950
956
  Trigger: ComboboxTrigger
951
- };
957
+ });
952
958
 
953
959
  const [DatePickerProvider, useDatePickerContext] = createContext({
954
960
  hookName: 'useDatePickerContext',
@@ -1058,13 +1064,13 @@ const useDatePicker = props => {
1058
1064
  const context = mergeProps$1(() => ({
1059
1065
  id: createUniqueId(),
1060
1066
  getRootNode,
1061
- focusedValue: local.focusedValue ? datePicker.parse(local.focusedValue) : undefined,
1062
- value: local.value ? datePicker.parse(local.value) : undefined
1067
+ focusedValue: local.focusedValue ? datePicker$1.parse(local.focusedValue) : undefined,
1068
+ value: local.value ? datePicker$1.parse(local.value) : undefined
1063
1069
  }), rest);
1064
- const [state, send] = useMachine(datePicker.machine(context), {
1070
+ const [state, send] = useMachine(datePicker$1.machine(context), {
1065
1071
  context
1066
1072
  });
1067
- return createMemo(() => datePicker.connect(state, send, normalizeProps));
1073
+ return createMemo(() => datePicker$1.connect(state, send, normalizeProps));
1068
1074
  };
1069
1075
 
1070
1076
  const DatePickerRoot = props => {
@@ -1250,8 +1256,8 @@ function getYearsRange(range) {
1250
1256
  return years;
1251
1257
  }
1252
1258
 
1253
- const DatePicker = {
1254
- Root: DatePickerRoot,
1259
+ var datePicker = /*#__PURE__*/Object.freeze({
1260
+ __proto__: null,
1255
1261
  ClearTrigger: DatePickerClearTrigger,
1256
1262
  Content: DatePickerContent,
1257
1263
  Control: DatePickerControl,
@@ -1262,6 +1268,7 @@ const DatePicker = {
1262
1268
  Positioner: DatePickerPositioner,
1263
1269
  PrevTrigger: DatePickerPrevTrigger,
1264
1270
  RangeText: DatePickerRangeText,
1271
+ Root: DatePickerRoot,
1265
1272
  Table: DatePickerTable,
1266
1273
  TableBody: DatePickerTableBody,
1267
1274
  TableCell: DatePickerTableCell,
@@ -1274,7 +1281,7 @@ const DatePicker = {
1274
1281
  ViewControl: DatePickerViewControl,
1275
1282
  ViewTrigger: DatePickerViewTrigger,
1276
1283
  YearSelect: DatePickerYearSelect
1277
- };
1284
+ });
1278
1285
 
1279
1286
  const [DialogProvider, useDialogContext] = createContext({
1280
1287
  hookName: 'useDialogContext',
@@ -1344,10 +1351,10 @@ const useDialog = props => {
1344
1351
  id: createUniqueId(),
1345
1352
  getRootNode
1346
1353
  }, props);
1347
- const [state, send] = useMachine(dialog.machine(context), {
1354
+ const [state, send] = useMachine(dialog$1.machine(context), {
1348
1355
  context
1349
1356
  });
1350
- return createMemo(() => dialog.connect(state, send, normalizeProps));
1357
+ return createMemo(() => dialog$1.connect(state, send, normalizeProps));
1351
1358
  };
1352
1359
 
1353
1360
  const DialogRoot = props => {
@@ -1391,16 +1398,17 @@ const DialogTrigger = props => {
1391
1398
  return createComponent(ark.button, mergedProps);
1392
1399
  };
1393
1400
 
1394
- const Dialog = {
1395
- Root: DialogRoot,
1401
+ var dialog = /*#__PURE__*/Object.freeze({
1402
+ __proto__: null,
1396
1403
  Backdrop: DialogBackdrop,
1397
1404
  CloseTrigger: DialogCloseTrigger,
1398
1405
  Content: DialogContent,
1399
1406
  Description: DialogDescription,
1400
1407
  Positioner: DialogPositioner,
1408
+ Root: DialogRoot,
1401
1409
  Title: DialogTitle,
1402
1410
  Trigger: DialogTrigger
1403
- };
1411
+ });
1404
1412
 
1405
1413
  const [EditableProvider, useEditableContext] = createContext({
1406
1414
  hookName: 'useEditableContext',
@@ -1455,10 +1463,10 @@ const useEditable = props => {
1455
1463
  id: createUniqueId(),
1456
1464
  getRootNode
1457
1465
  }, props);
1458
- const [state, send] = useMachine(editable.machine(context), {
1466
+ const [state, send] = useMachine(editable$1.machine(context), {
1459
1467
  context
1460
1468
  });
1461
- return createMemo(() => editable.connect(state, send, normalizeProps));
1469
+ return createMemo(() => editable$1.connect(state, send, normalizeProps));
1462
1470
  };
1463
1471
 
1464
1472
  const EditableRoot = props => {
@@ -1484,8 +1492,8 @@ const EditableSubmitTrigger = props => {
1484
1492
  return createComponent(ark.button, mergedProps);
1485
1493
  };
1486
1494
 
1487
- const Editable = {
1488
- Root: EditableRoot,
1495
+ var editable = /*#__PURE__*/Object.freeze({
1496
+ __proto__: null,
1489
1497
  Area: EditableArea,
1490
1498
  CancelTrigger: EditableCancelTrigger,
1491
1499
  Control: EditableControl,
@@ -1493,8 +1501,9 @@ const Editable = {
1493
1501
  Input: EditableInput,
1494
1502
  Label: EditableLabel,
1495
1503
  Preview: EditablePreview,
1504
+ Root: EditableRoot,
1496
1505
  SubmitTrigger: EditableSubmitTrigger
1497
- };
1506
+ });
1498
1507
 
1499
1508
  const [FileUploadProvider, useFileUploadContext] = createContext({
1500
1509
  hookName: 'useFileUploadContext',
@@ -1608,10 +1617,10 @@ const useFileUpload = props => {
1608
1617
  id: createUniqueId(),
1609
1618
  getRootNode
1610
1619
  }, props);
1611
- const [state, send] = useMachine(fileUpload.machine(context), {
1620
+ const [state, send] = useMachine(fileUpload$1.machine(context), {
1612
1621
  context
1613
1622
  });
1614
- return createMemo(() => fileUpload.connect(state, send, normalizeProps));
1623
+ return createMemo(() => fileUpload$1.connect(state, send, normalizeProps));
1615
1624
  };
1616
1625
 
1617
1626
  const FileUploadRoot = props => {
@@ -1637,8 +1646,8 @@ const FileUploadTrigger = props => {
1637
1646
  return createComponent(ark.button, mergedProps);
1638
1647
  };
1639
1648
 
1640
- const FileUpload = {
1641
- Root: FileUploadRoot,
1649
+ var fileUpload = /*#__PURE__*/Object.freeze({
1650
+ __proto__: null,
1642
1651
  Dropzone: FileUploadDropzone,
1643
1652
  Item: FileUploadItem,
1644
1653
  ItemDeleteTrigger: FileUploadItemDeleteTrigger,
@@ -1648,8 +1657,9 @@ const FileUpload = {
1648
1657
  ItemPreviewImage: FileUploadItemPreviewImage,
1649
1658
  ItemSizeText: FileUploadItemSizeText,
1650
1659
  Label: FileUploadLabel,
1660
+ Root: FileUploadRoot,
1651
1661
  Trigger: FileUploadTrigger
1652
- };
1662
+ });
1653
1663
 
1654
1664
  const [HoverCardProvider, useHoverCardContext] = createContext({
1655
1665
  hookName: 'useHoverCardContext',
@@ -1702,10 +1712,10 @@ const useHoverCard = props => {
1702
1712
  id: createUniqueId(),
1703
1713
  getRootNode
1704
1714
  }, props);
1705
- const [state, send] = useMachine(hoverCard.machine(context), {
1715
+ const [state, send] = useMachine(hoverCard$1.machine(context), {
1706
1716
  context
1707
1717
  });
1708
- return createMemo(() => hoverCard.connect(state, send, normalizeProps));
1718
+ return createMemo(() => hoverCard$1.connect(state, send, normalizeProps));
1709
1719
  };
1710
1720
 
1711
1721
  const HoverCardRoot = props => {
@@ -1735,14 +1745,15 @@ const HoverCardTrigger = props => {
1735
1745
  return createComponent(ark.button, mergedProps);
1736
1746
  };
1737
1747
 
1738
- const HoverCard = {
1739
- Root: HoverCardRoot,
1748
+ var hoverCard = /*#__PURE__*/Object.freeze({
1749
+ __proto__: null,
1740
1750
  Arrow: HoverCardArrow,
1741
1751
  ArrowTip: HoverCardArrowTip,
1742
1752
  Content: HoverCardContent,
1743
1753
  Positioner: HoverCardPositioner,
1754
+ Root: HoverCardRoot,
1744
1755
  Trigger: HoverCardTrigger
1745
- };
1756
+ });
1746
1757
 
1747
1758
  const [MenuProvider, useMenuContext] = createContext({
1748
1759
  hookName: 'useMenuContext',
@@ -1848,11 +1859,11 @@ const useMenu = props => {
1848
1859
  id: createUniqueId(),
1849
1860
  getRootNode
1850
1861
  }, props);
1851
- const [state, send, machine] = useMachine(menu.machine(context), {
1862
+ const [state, send, machine] = useMachine(menu$1.machine(context), {
1852
1863
  context
1853
1864
  });
1854
1865
  return createMemo(() => ({
1855
- api: () => menu.connect(state, send, normalizeProps),
1866
+ api: () => menu$1.connect(state, send, normalizeProps),
1856
1867
  machine: machine
1857
1868
  }));
1858
1869
  };
@@ -1920,8 +1931,8 @@ const MenuTriggerItem = props => {
1920
1931
  return createComponent(ark.div, mergedProps);
1921
1932
  };
1922
1933
 
1923
- const Menu = {
1924
- Root: MenuRoot,
1934
+ var menu = /*#__PURE__*/Object.freeze({
1935
+ __proto__: null,
1925
1936
  Arrow: MenuArrow,
1926
1937
  ArrowTip: MenuArrowTip,
1927
1938
  Content: MenuContent,
@@ -1931,10 +1942,11 @@ const Menu = {
1931
1942
  ItemGroupLabel: MenuItemGroupLabel,
1932
1943
  OptionItem: MenuOptionItem,
1933
1944
  Positioner: MenuPositioner,
1945
+ Root: MenuRoot,
1934
1946
  Separator: MenuSeparator,
1935
1947
  Trigger: MenuTrigger,
1936
1948
  TriggerItem: MenuTriggerItem
1937
- };
1949
+ });
1938
1950
 
1939
1951
  const [NumberInputProvider, useNumberInputContext] = createContext({
1940
1952
  hookName: 'useNumberInputContext',
@@ -1977,10 +1989,10 @@ const useNumberInput = props => {
1977
1989
  id: createUniqueId(),
1978
1990
  getRootNode
1979
1991
  }, props);
1980
- const [state, send] = useMachine(numberInput.machine(context), {
1992
+ const [state, send] = useMachine(numberInput$1.machine(context), {
1981
1993
  context
1982
1994
  });
1983
- return createMemo(() => numberInput.connect(state, send, normalizeProps));
1995
+ return createMemo(() => numberInput$1.connect(state, send, normalizeProps));
1984
1996
  };
1985
1997
 
1986
1998
  const NumberInputRoot = props => {
@@ -2006,15 +2018,16 @@ const NumberInputScrubber = props => {
2006
2018
  return createComponent(ark.div, mergedProps);
2007
2019
  };
2008
2020
 
2009
- const NumberInput = {
2010
- Root: NumberInputRoot,
2021
+ var numberInput = /*#__PURE__*/Object.freeze({
2022
+ __proto__: null,
2011
2023
  Control: NumberInputControl,
2012
2024
  DecrementTrigger: NumberInputDecrementTrigger,
2013
- Input: NumberInputInput,
2014
2025
  IncrementTrigger: NumberInputIncrementTrigger,
2026
+ Input: NumberInputInput,
2015
2027
  Label: NumberInputLabel,
2028
+ Root: NumberInputRoot,
2016
2029
  Scrubber: NumberInputScrubber
2017
- };
2030
+ });
2018
2031
 
2019
2032
  const [PaginationProvider, usePaginationContext] = createContext({
2020
2033
  hookName: 'usePaginationContext',
@@ -2053,10 +2066,10 @@ const usePagination = props => {
2053
2066
  id: createUniqueId(),
2054
2067
  getRootNode
2055
2068
  }, props);
2056
- const [state, send] = useMachine(pagination.machine(context), {
2069
+ const [state, send] = useMachine(pagination$1.machine(context), {
2057
2070
  context
2058
2071
  });
2059
- return createMemo(() => pagination.connect(state, send, normalizeProps));
2072
+ return createMemo(() => pagination$1.connect(state, send, normalizeProps));
2060
2073
  };
2061
2074
 
2062
2075
  const PaginationRoot = props => {
@@ -2076,13 +2089,14 @@ const PaginationRoot = props => {
2076
2089
  });
2077
2090
  };
2078
2091
 
2079
- const Pagination = {
2080
- Root: PaginationRoot,
2092
+ var pagination = /*#__PURE__*/Object.freeze({
2093
+ __proto__: null,
2081
2094
  Ellipsis: PaginationEllipsis,
2082
2095
  Item: PaginationItem,
2083
2096
  NextTrigger: PaginationNextTrigger,
2084
- PrevTrigger: PaginationPrevTrigger
2085
- };
2097
+ PrevTrigger: PaginationPrevTrigger,
2098
+ Root: PaginationRoot
2099
+ });
2086
2100
 
2087
2101
  const [PinInputProvider, usePinInputContext] = createContext({
2088
2102
  hookName: 'usePinInputContext',
@@ -2114,10 +2128,10 @@ const usePinInput = props => {
2114
2128
  id: createUniqueId(),
2115
2129
  getRootNode
2116
2130
  }, props);
2117
- const [state, send] = useMachine(pinInput.machine(context), {
2131
+ const [state, send] = useMachine(pinInput$1.machine(context), {
2118
2132
  context
2119
2133
  });
2120
- return createMemo(() => pinInput.connect(state, send, normalizeProps));
2134
+ return createMemo(() => pinInput$1.connect(state, send, normalizeProps));
2121
2135
  };
2122
2136
 
2123
2137
  const _tmpl$$6 = /*#__PURE__*/template(`<input>`);
@@ -2137,12 +2151,13 @@ const PinInputRoot = props => {
2137
2151
  });
2138
2152
  };
2139
2153
 
2140
- const PinInput = {
2141
- Root: PinInputRoot,
2154
+ var pinInput = /*#__PURE__*/Object.freeze({
2155
+ __proto__: null,
2142
2156
  Control: PinInputControl,
2143
2157
  Input: PinInputInput,
2144
- Label: PinInputLabel
2145
- };
2158
+ Label: PinInputLabel,
2159
+ Root: PinInputRoot
2160
+ });
2146
2161
 
2147
2162
  const [PopoverProvider, usePopoverContext] = createContext({
2148
2163
  hookName: 'usePopoverContext',
@@ -2219,10 +2234,10 @@ const usePopover = props => {
2219
2234
  id: createUniqueId(),
2220
2235
  getRootNode
2221
2236
  }, props);
2222
- const [state, send] = useMachine(popover.machine(context), {
2237
+ const [state, send] = useMachine(popover$1.machine(context), {
2223
2238
  context
2224
2239
  });
2225
- return createMemo(() => popover.connect(state, send, normalizeProps));
2240
+ return createMemo(() => popover$1.connect(state, send, normalizeProps));
2226
2241
  };
2227
2242
 
2228
2243
  const PopoverRoot = props => {
@@ -2261,8 +2276,8 @@ const PopoverTrigger = props => {
2261
2276
  return createComponent(ark.button, mergedProps);
2262
2277
  };
2263
2278
 
2264
- const Popover = {
2265
- Root: PopoverRoot,
2279
+ var popover = /*#__PURE__*/Object.freeze({
2280
+ __proto__: null,
2266
2281
  Anchor: PopoverAnchor,
2267
2282
  Arrow: PopoverArrow,
2268
2283
  ArrowTip: PopoverArrowTip,
@@ -2271,9 +2286,10 @@ const Popover = {
2271
2286
  Description: PopoverDescription,
2272
2287
  Indicator: PopoverIndicator,
2273
2288
  Positioner: PopoverPositioner,
2289
+ Root: PopoverRoot,
2274
2290
  Title: PopoverTitle,
2275
2291
  Trigger: PopoverTrigger
2276
- };
2292
+ });
2277
2293
 
2278
2294
  const [ProgressProvider, useProgressContext] = createContext({
2279
2295
  hookName: 'useProgressContext',
@@ -2316,10 +2332,10 @@ const useProgress = props => {
2316
2332
  id: createUniqueId(),
2317
2333
  getRootNode
2318
2334
  }, props);
2319
- const [state, send] = useMachine(progress.machine(context), {
2335
+ const [state, send] = useMachine(progress$1.machine(context), {
2320
2336
  context
2321
2337
  });
2322
- return createMemo(() => progress.connect(state, send, normalizeProps));
2338
+ return createMemo(() => progress$1.connect(state, send, normalizeProps));
2323
2339
  };
2324
2340
 
2325
2341
  const ProgressRoot = props => {
@@ -2363,17 +2379,18 @@ const ProgressView = props => {
2363
2379
  return createComponent(ark.span, mergedProps);
2364
2380
  };
2365
2381
 
2366
- const Progress = {
2367
- Root: ProgressRoot,
2382
+ var progress = /*#__PURE__*/Object.freeze({
2383
+ __proto__: null,
2384
+ Circle: ProgressCircle,
2385
+ CircleRange: ProgressCircleRange,
2386
+ CircleTrack: ProgressCircleTrack,
2368
2387
  Label: ProgressLabel,
2369
- Track: ProgressTrack,
2370
2388
  Range: ProgressRange,
2389
+ Root: ProgressRoot,
2390
+ Track: ProgressTrack,
2371
2391
  ValueText: ProgressValueText,
2372
- View: ProgressView,
2373
- Circle: ProgressCircle,
2374
- CircleTrack: ProgressCircleTrack,
2375
- CircleRange: ProgressCircleRange
2376
- };
2392
+ View: ProgressView
2393
+ });
2377
2394
 
2378
2395
  const [RadioGroupProvider, useRadioGroupContext] = createContext({
2379
2396
  hookName: 'useRadioGroupContext',
@@ -2458,14 +2475,15 @@ const RadioGroupRoot = props => {
2458
2475
  });
2459
2476
  };
2460
2477
 
2461
- const RadioGroup = {
2462
- Root: RadioGroupRoot,
2478
+ var radioGroup = /*#__PURE__*/Object.freeze({
2479
+ __proto__: null,
2463
2480
  Indicator: RadioGroupIndicator,
2464
2481
  Item: RadioGroupItem,
2465
2482
  ItemControl: RadioGroupItemControl,
2466
2483
  ItemText: RadioGroupItemText,
2467
- Label: RadioGroupLabel
2468
- };
2484
+ Label: RadioGroupLabel,
2485
+ Root: RadioGroupRoot
2486
+ });
2469
2487
 
2470
2488
  const [RatingGroupProvider, useRatingGroupContext] = createContext({
2471
2489
  hookName: 'useRatingGroupContext',
@@ -2541,12 +2559,13 @@ const RatingGroupRoot = props => {
2541
2559
  });
2542
2560
  };
2543
2561
 
2544
- const RatingGroup = {
2545
- Root: RatingGroupRoot,
2562
+ var ratingGroup = /*#__PURE__*/Object.freeze({
2563
+ __proto__: null,
2546
2564
  Control: RatingGroupControl,
2565
+ Item: RatingGroupItem,
2547
2566
  Label: RatingGroupLabel,
2548
- Item: RatingGroupItem
2549
- };
2567
+ Root: RatingGroupRoot
2568
+ });
2550
2569
 
2551
2570
  const [SegmentGroupProvider, useSegmentGroupContext] = createContext({
2552
2571
  hookName: 'useSegmentGroupContext',
@@ -2631,14 +2650,15 @@ const SegmentGroupRoot = props => {
2631
2650
  });
2632
2651
  };
2633
2652
 
2634
- const SegmentGroup = {
2635
- Root: SegmentGroupRoot,
2653
+ var segmentGroup = /*#__PURE__*/Object.freeze({
2654
+ __proto__: null,
2636
2655
  Indicator: SegmentGroupIndicator,
2637
2656
  Item: SegmentGroupItem,
2638
2657
  ItemControl: SegmentGroupItemControl,
2639
2658
  ItemText: SegmentGroupItemText,
2640
- Label: SegmentGroupLabel
2641
- };
2659
+ Label: SegmentGroupLabel,
2660
+ Root: SegmentGroupRoot
2661
+ });
2642
2662
 
2643
2663
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
2644
2664
  const [SelectProvider, useSelectContext] = createContext({
@@ -2769,17 +2789,17 @@ const SelectPositioner = props => {
2769
2789
 
2770
2790
  const useSelect = props => {
2771
2791
  const [collectionOptions, rest] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
2772
- const collection = () => select.collection(collectionOptions);
2792
+ const collection = () => select$1.collection(collectionOptions);
2773
2793
  const getRootNode = useEnvironmentContext();
2774
2794
  const context = () => mergeProps$1({
2775
2795
  id: createUniqueId(),
2776
2796
  getRootNode,
2777
2797
  collection: collection()
2778
2798
  }, rest);
2779
- const [state, send] = useMachine(select.machine(context()), {
2799
+ const [state, send] = useMachine(select$1.machine(context()), {
2780
2800
  context
2781
2801
  });
2782
- return createMemo(() => select.connect(state, send, normalizeProps));
2802
+ return createMemo(() => select$1.connect(state, send, normalizeProps));
2783
2803
  };
2784
2804
 
2785
2805
  const SelectRoot = props => {
@@ -2824,8 +2844,8 @@ const SelectValueText = props => {
2824
2844
  }));
2825
2845
  };
2826
2846
 
2827
- const Select = {
2828
- Root: SelectRoot,
2847
+ var select = /*#__PURE__*/Object.freeze({
2848
+ __proto__: null,
2829
2849
  ClearTrigger: SelectClearTrigger,
2830
2850
  Content: SelectContent,
2831
2851
  Control: SelectControl,
@@ -2837,9 +2857,10 @@ const Select = {
2837
2857
  ItemText: SelectItemText,
2838
2858
  Label: SelectLabel,
2839
2859
  Positioner: SelectPositioner,
2860
+ Root: SelectRoot,
2840
2861
  Trigger: SelectTrigger,
2841
2862
  ValueText: SelectValueText
2842
- };
2863
+ });
2843
2864
 
2844
2865
  const [SliderProvider, useSliderContext] = createContext({
2845
2866
  hookName: 'useSliderContext',
@@ -2883,10 +2904,10 @@ const useSlider = props => {
2883
2904
  id: createUniqueId(),
2884
2905
  getRootNode
2885
2906
  }, props);
2886
- const [state, send] = useMachine(slider.machine(context), {
2907
+ const [state, send] = useMachine(slider$1.machine(context), {
2887
2908
  context
2888
2909
  });
2889
- return createMemo(() => slider.connect(state, send, normalizeProps));
2910
+ return createMemo(() => slider$1.connect(state, send, normalizeProps));
2890
2911
  };
2891
2912
 
2892
2913
  const SliderRoot = props => {
@@ -2930,17 +2951,18 @@ const SliderValueText = props => {
2930
2951
  }));
2931
2952
  };
2932
2953
 
2933
- const Slider = {
2934
- Root: SliderRoot,
2954
+ var slider = /*#__PURE__*/Object.freeze({
2955
+ __proto__: null,
2935
2956
  Control: SliderControl,
2936
2957
  Label: SliderLabel,
2937
2958
  Marker: SliderMarker,
2938
2959
  MarkerGroup: SliderMarkerGroup,
2939
2960
  Range: SliderRange,
2961
+ Root: SliderRoot,
2940
2962
  Thumb: SliderThumb,
2941
2963
  Track: SliderTrack,
2942
2964
  ValueText: SliderValueText
2943
- };
2965
+ });
2944
2966
 
2945
2967
  const [SplitterProvider, useSplitterContext] = createContext({
2946
2968
  hookName: 'useSplitterContext',
@@ -2967,10 +2989,10 @@ const useSplitter = props => {
2967
2989
  id: createUniqueId(),
2968
2990
  getRootNode
2969
2991
  }, props);
2970
- const [state, send] = useMachine(splitter.machine(context), {
2992
+ const [state, send] = useMachine(splitter$1.machine(context), {
2971
2993
  context
2972
2994
  });
2973
- return createMemo(() => splitter.connect(state, send, normalizeProps));
2995
+ return createMemo(() => splitter$1.connect(state, send, normalizeProps));
2974
2996
  };
2975
2997
 
2976
2998
  const SplitterRoot = props => {
@@ -2990,11 +3012,12 @@ const SplitterRoot = props => {
2990
3012
  });
2991
3013
  };
2992
3014
 
2993
- const Splitter = {
2994
- Root: SplitterRoot,
3015
+ var splitter = /*#__PURE__*/Object.freeze({
3016
+ __proto__: null,
2995
3017
  Panel: SplitterPanel,
2996
- ResizeTrigger: SplitterResizeTrigger
2997
- };
3018
+ ResizeTrigger: SplitterResizeTrigger,
3019
+ Root: SplitterRoot
3020
+ });
2998
3021
 
2999
3022
  const [SwitchProvider, useSwitchContext] = createContext({
3000
3023
  hookName: 'useSwitchContext',
@@ -3053,12 +3076,13 @@ const SwitchThumb = props => {
3053
3076
  return createComponent(ark.span, mergedProps);
3054
3077
  };
3055
3078
 
3056
- const Switch = {
3057
- Root: SwitchRoot,
3079
+ var _switch = /*#__PURE__*/Object.freeze({
3080
+ __proto__: null,
3058
3081
  Control: SwitchControl,
3059
3082
  Label: SwitchLabel,
3083
+ Root: SwitchRoot,
3060
3084
  Thumb: SwitchThumb
3061
- };
3085
+ });
3062
3086
 
3063
3087
  const [TabsProvider, useTabsContext] = createContext({
3064
3088
  hookName: 'useTabsContext',
@@ -3113,10 +3137,10 @@ const useTabs = props => {
3113
3137
  id: createUniqueId(),
3114
3138
  getRootNode
3115
3139
  }, props);
3116
- const [state, send] = useMachine(tabs.machine(context), {
3140
+ const [state, send] = useMachine(tabs$1.machine(context), {
3117
3141
  context
3118
3142
  });
3119
- return createMemo(() => tabs.connect(state, send, normalizeProps));
3143
+ return createMemo(() => tabs$1.connect(state, send, normalizeProps));
3120
3144
  };
3121
3145
 
3122
3146
  const TabsRoot = props => {
@@ -3137,13 +3161,14 @@ const TabsRoot = props => {
3137
3161
  });
3138
3162
  };
3139
3163
 
3140
- const Tabs = {
3141
- Root: TabsRoot,
3164
+ var tabs = /*#__PURE__*/Object.freeze({
3165
+ __proto__: null,
3142
3166
  Content: TabContent,
3143
3167
  Indicator: TabIndicator,
3144
3168
  List: TabList,
3169
+ Root: TabsRoot,
3145
3170
  Trigger: TabTrigger
3146
- };
3171
+ });
3147
3172
 
3148
3173
  const [TagsInputProvider, useTagsInputContext] = createContext({
3149
3174
  hookName: 'useTagsInputContext',
@@ -3230,10 +3255,10 @@ const useTagsInput = props => {
3230
3255
  id: createUniqueId(),
3231
3256
  getRootNode
3232
3257
  }, props);
3233
- const [state, send] = useMachine(tagsInput.machine(context), {
3258
+ const [state, send] = useMachine(tagsInput$1.machine(context), {
3234
3259
  context
3235
3260
  });
3236
- return createMemo(() => tagsInput.connect(state, send, normalizeProps));
3261
+ return createMemo(() => tagsInput$1.connect(state, send, normalizeProps));
3237
3262
  };
3238
3263
 
3239
3264
  const _tmpl$ = /*#__PURE__*/template(`<input>`);
@@ -3258,18 +3283,19 @@ const TagsInputRoot = props => {
3258
3283
  });
3259
3284
  };
3260
3285
 
3261
- const TagsInput = {
3262
- Root: TagsInputRoot,
3286
+ var tagsInput = /*#__PURE__*/Object.freeze({
3287
+ __proto__: null,
3263
3288
  ClearTrigger: TagsInputClearTrigger,
3264
3289
  Control: TagsInputControl,
3265
3290
  Input: TagsInputInput,
3266
3291
  Item: TagsInputItem,
3267
- ItemPreview: TagsInputItemPreview,
3268
3292
  ItemDeleteTrigger: TagsInputItemDeleteTrigger,
3269
3293
  ItemInput: TagsInputItemInput,
3294
+ ItemPreview: TagsInputItemPreview,
3270
3295
  ItemText: TagsInputItemText,
3271
- Label: TagsInputLabel
3272
- };
3296
+ Label: TagsInputLabel,
3297
+ Root: TagsInputRoot
3298
+ });
3273
3299
 
3274
3300
  const [ToastProvider, useToastContext] = createContext({
3275
3301
  hookName: 'useToastContext',
@@ -3281,12 +3307,12 @@ const ToastGroup = props => {
3281
3307
  };
3282
3308
 
3283
3309
  const createToaster = props => {
3284
- const service = toast.group.machine({
3310
+ const service = toast$1.group.machine({
3285
3311
  id: '1',
3286
3312
  ...props
3287
3313
  }).start();
3288
3314
  const [state, send] = useActor(service);
3289
- const api = createMemo(() => toast.group.connect(state, send, normalizeProps));
3315
+ const api = createMemo(() => toast$1.group.connect(state, send, normalizeProps));
3290
3316
  const Toaster = toasterProps => {
3291
3317
  const getRootNode = useEnvironmentContext();
3292
3318
  createEffect(() => {
@@ -3317,7 +3343,7 @@ const createToaster = props => {
3317
3343
  };
3318
3344
  const ToastProviderFactory = props => {
3319
3345
  const [state, send] = useActor(props.service);
3320
- const api = createMemo(() => toast.connect(state, send, normalizeProps));
3346
+ const api = createMemo(() => toast$1.connect(state, send, normalizeProps));
3321
3347
  return createComponent(ToastProvider, {
3322
3348
  value: api,
3323
3349
  get children() {
@@ -3350,13 +3376,14 @@ const ToastTitle = props => {
3350
3376
  return createComponent(ark.div, mergedProps);
3351
3377
  };
3352
3378
 
3353
- const Toast = {
3354
- Root: ToastRoot,
3379
+ var toast = /*#__PURE__*/Object.freeze({
3380
+ __proto__: null,
3355
3381
  CloseTrigger: ToastCloseTrigger,
3356
3382
  Description: ToastDescription,
3357
3383
  Group: ToastGroup,
3384
+ Root: ToastRoot,
3358
3385
  Title: ToastTitle
3359
- };
3386
+ });
3360
3387
 
3361
3388
  const [ToggleGroupProvider, useToggleGroupContext] = createContext({
3362
3389
  hookName: 'useToggleGroupContext',
@@ -3376,10 +3403,10 @@ const useToggleGroup = props => {
3376
3403
  id: createUniqueId(),
3377
3404
  getRootNode
3378
3405
  }, props);
3379
- const [state, send] = useMachine(toggleGroup.machine(context), {
3406
+ const [state, send] = useMachine(toggleGroup$1.machine(context), {
3380
3407
  context
3381
3408
  });
3382
- return createMemo(() => toggleGroup.connect(state, send, normalizeProps));
3409
+ return createMemo(() => toggleGroup$1.connect(state, send, normalizeProps));
3383
3410
  };
3384
3411
 
3385
3412
  const ToggleGroupRoot = props => {
@@ -3394,10 +3421,11 @@ const ToggleGroupRoot = props => {
3394
3421
  });
3395
3422
  };
3396
3423
 
3397
- const ToggleGroup = {
3398
- Root: ToggleGroupRoot,
3399
- Item: ToggleGroupItem
3400
- };
3424
+ var toggleGroup = /*#__PURE__*/Object.freeze({
3425
+ __proto__: null,
3426
+ Item: ToggleGroupItem,
3427
+ Root: ToggleGroupRoot
3428
+ });
3401
3429
 
3402
3430
  const [TooltipProvider, useTooltipContext] = createContext({
3403
3431
  hookName: 'useTooltipContext',
@@ -3450,10 +3478,10 @@ const useTooltip = props => {
3450
3478
  id: createUniqueId(),
3451
3479
  getRootNode
3452
3480
  }, props);
3453
- const [state, send] = useMachine(tooltip.machine(context), {
3481
+ const [state, send] = useMachine(tooltip$1.machine(context), {
3454
3482
  context
3455
3483
  });
3456
- return createMemo(() => tooltip.connect(state, send, normalizeProps));
3484
+ return createMemo(() => tooltip$1.connect(state, send, normalizeProps));
3457
3485
  };
3458
3486
 
3459
3487
  const TooltipRoot = props => {
@@ -3483,14 +3511,15 @@ const TooltipTrigger = props => {
3483
3511
  return createComponent(ark.button, mergedProps);
3484
3512
  };
3485
3513
 
3486
- const Tooltip = {
3487
- Root: TooltipRoot,
3514
+ var tooltip = /*#__PURE__*/Object.freeze({
3515
+ __proto__: null,
3488
3516
  Arrow: TooltipArrow,
3489
3517
  ArrowTip: TooltipArrowTip,
3490
3518
  Content: TooltipContent,
3491
3519
  Positioner: TooltipPositioner,
3520
+ Root: TooltipRoot,
3492
3521
  Trigger: TooltipTrigger
3493
- };
3522
+ });
3494
3523
 
3495
3524
  // TODO: remove after zag release
3496
3525
 
@@ -3577,10 +3606,10 @@ const useTreeView = props => {
3577
3606
  id: createUniqueId(),
3578
3607
  getRootNode
3579
3608
  }, props);
3580
- const [state, send] = useMachine(treeView.machine(context), {
3609
+ const [state, send] = useMachine(treeView$1.machine(context), {
3581
3610
  context
3582
3611
  });
3583
- return createMemo(() => treeView.connect(state, send, normalizeProps));
3612
+ return createMemo(() => treeView$1.connect(state, send, normalizeProps));
3584
3613
  };
3585
3614
 
3586
3615
  const TreeViewRoot = props => {
@@ -3606,19 +3635,20 @@ const TreeViewTree = props => {
3606
3635
  return createComponent(ark.ul, mergedProps);
3607
3636
  };
3608
3637
 
3609
- const TreeView = {
3610
- Root: TreeViewRoot,
3611
- Label: TreeViewLabel,
3612
- Tree: TreeViewTree,
3638
+ var treeView = /*#__PURE__*/Object.freeze({
3639
+ __proto__: null,
3613
3640
  Branch: TreeViewBranch,
3614
- Item: TreeViewItem,
3615
- ItemText: TreeViewItemText,
3616
3641
  BranchContent: TreeViewBranchContent,
3617
3642
  BranchControl: TreeViewBranchControl,
3618
- BranchTrigger: TreeViewBranchTrigger,
3619
3643
  BranchIndicator: TreeViewBranchIndicator,
3620
- BranchText: TreeViewBranchText
3621
- };
3644
+ BranchText: TreeViewBranchText,
3645
+ BranchTrigger: TreeViewBranchTrigger,
3646
+ Item: TreeViewItem,
3647
+ ItemText: TreeViewItemText,
3648
+ Label: TreeViewLabel,
3649
+ Root: TreeViewRoot,
3650
+ Tree: TreeViewTree
3651
+ });
3622
3652
 
3623
- export { Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, Avatar, AvatarFallback, AvatarImage, AvatarRoot, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PinInput, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresencePropsProvider, PresenceProvider, Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterRoot, Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, Tabs, TabsRoot, TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle, ToggleGroup, ToggleGroupItem, ToggleGroupRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, useComboboxContext, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useMenuContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, usePresencePropsContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, withAsProp };
3653
+ export { accordion as Accordion, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, avatar as Avatar, AvatarFallback, AvatarImage, AvatarRoot, carousel as Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, checkbox as Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, fileUpload as FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, menu as Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, pagination as Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, pinInput as PinInput, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresencePropsProvider, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, ratingGroup as RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, segmentGroup as SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, select as Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, slider as Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterPanel, SplitterResizeTrigger, SplitterRoot, _switch as Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsRoot, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, toast as Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle, toggleGroup as ToggleGroup, ToggleGroupItem, ToggleGroupRoot, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, useComboboxContext, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useMenuContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, usePresencePropsContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, withAsProp };
3624
3654
  //# sourceMappingURL=index.js.map