@ark-ui/solid 0.7.2-beta.5 → 0.8.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 (134) hide show
  1. package/CHANGELOG.md +10 -31
  2. package/accordion/index.cjs +20 -0
  3. package/accordion/index.mjs +5 -0
  4. package/avatar/index.cjs +18 -0
  5. package/avatar/index.mjs +4 -0
  6. package/carousel/index.cjs +23 -0
  7. package/carousel/index.mjs +8 -0
  8. package/checkbox/index.cjs +20 -0
  9. package/checkbox/index.mjs +5 -0
  10. package/color-picker/color-picker-area-context.cjs +13 -0
  11. package/color-picker/color-picker-area-context.d.ts +3 -0
  12. package/color-picker/color-picker-area-context.mjs +8 -0
  13. package/color-picker/color-picker-area-gradient.cjs +18 -0
  14. package/color-picker/color-picker-area-gradient.d.ts +4 -0
  15. package/color-picker/color-picker-area-gradient.mjs +14 -0
  16. package/color-picker/color-picker-area-thumb.cjs +18 -0
  17. package/color-picker/color-picker-area-thumb.d.ts +4 -0
  18. package/color-picker/color-picker-area-thumb.mjs +14 -0
  19. package/color-picker/color-picker-area.cjs +24 -0
  20. package/color-picker/color-picker-area.d.ts +5 -0
  21. package/color-picker/color-picker-area.mjs +20 -0
  22. package/color-picker/color-picker-channel-input.cjs +18 -0
  23. package/color-picker/color-picker-channel-input.d.ts +6 -0
  24. package/color-picker/color-picker-channel-input.mjs +14 -0
  25. package/color-picker/color-picker-channel-slider-background.cjs +18 -0
  26. package/color-picker/color-picker-channel-slider-background.d.ts +4 -0
  27. package/color-picker/color-picker-channel-slider-background.mjs +14 -0
  28. package/color-picker/color-picker-channel-slider-context.cjs +13 -0
  29. package/color-picker/color-picker-channel-slider-context.d.ts +3 -0
  30. package/color-picker/color-picker-channel-slider-context.mjs +8 -0
  31. package/color-picker/color-picker-channel-slider-thumb.cjs +18 -0
  32. package/color-picker/color-picker-channel-slider-thumb.d.ts +4 -0
  33. package/color-picker/color-picker-channel-slider-thumb.mjs +14 -0
  34. package/color-picker/color-picker-channel-slider-track.cjs +24 -0
  35. package/color-picker/color-picker-channel-slider-track.d.ts +6 -0
  36. package/color-picker/color-picker-channel-slider-track.mjs +20 -0
  37. package/color-picker/color-picker-content.cjs +16 -0
  38. package/color-picker/color-picker-content.d.ts +4 -0
  39. package/color-picker/color-picker-content.mjs +12 -0
  40. package/color-picker/color-picker-context.cjs +13 -0
  41. package/color-picker/color-picker-context.d.ts +45 -0
  42. package/color-picker/color-picker-context.mjs +8 -0
  43. package/color-picker/color-picker-eye-dropper-trigger.cjs +16 -0
  44. package/color-picker/color-picker-eye-dropper-trigger.d.ts +4 -0
  45. package/color-picker/color-picker-eye-dropper-trigger.mjs +12 -0
  46. package/color-picker/color-picker-swatch-background.cjs +18 -0
  47. package/color-picker/color-picker-swatch-background.d.ts +4 -0
  48. package/color-picker/color-picker-swatch-background.mjs +14 -0
  49. package/color-picker/color-picker-swatch-context.cjs +13 -0
  50. package/color-picker/color-picker-swatch-context.d.ts +3 -0
  51. package/color-picker/color-picker-swatch-context.mjs +8 -0
  52. package/color-picker/color-picker-swatch-group.cjs +15 -0
  53. package/color-picker/color-picker-swatch-group.d.ts +4 -0
  54. package/color-picker/color-picker-swatch-group.mjs +11 -0
  55. package/color-picker/color-picker-swatch.cjs +28 -0
  56. package/color-picker/color-picker-swatch.d.ts +6 -0
  57. package/color-picker/color-picker-swatch.mjs +24 -0
  58. package/color-picker/color-picker.anatomy.cjs +11 -0
  59. package/color-picker/color-picker.anatomy.d.ts +3 -0
  60. package/color-picker/color-picker.anatomy.mjs +6 -0
  61. package/color-picker/color-picker.cjs +23 -0
  62. package/color-picker/color-picker.d.ts +8 -0
  63. package/color-picker/color-picker.mjs +19 -0
  64. package/color-picker/index.cjs +35 -0
  65. package/color-picker/index.d.ts +14 -0
  66. package/color-picker/index.mjs +14 -0
  67. package/color-picker/use-color-picker.cjs +36 -0
  68. package/color-picker/use-color-picker.d.ts +26 -0
  69. package/color-picker/use-color-picker.mjs +13 -0
  70. package/combobox/index.cjs +28 -0
  71. package/combobox/index.mjs +9 -0
  72. package/date-picker/index.cjs +53 -0
  73. package/date-picker/index.mjs +23 -0
  74. package/dialog/index.cjs +28 -0
  75. package/dialog/index.mjs +9 -0
  76. package/editable/index.cjs +30 -0
  77. package/editable/index.mjs +10 -0
  78. package/environment/environment-context.cjs +1 -0
  79. package/environment/environment-context.mjs +1 -0
  80. package/environment/index.cjs +11 -0
  81. package/environment/index.mjs +2 -0
  82. package/hover-card/index.cjs +24 -0
  83. package/hover-card/index.mjs +7 -0
  84. package/index.cjs +108 -108
  85. package/index.mjs +22 -22
  86. package/menu/index.cjs +38 -0
  87. package/menu/index.mjs +14 -0
  88. package/merge-style.cjs +2 -0
  89. package/merge-style.mjs +2 -0
  90. package/number-input/index.cjs +26 -0
  91. package/number-input/index.mjs +8 -0
  92. package/package.json +42 -43
  93. package/pagination/index.cjs +23 -0
  94. package/pagination/index.mjs +8 -0
  95. package/pin-input/index.cjs +20 -0
  96. package/pin-input/index.mjs +5 -0
  97. package/popover/index.cjs +32 -0
  98. package/popover/index.mjs +11 -0
  99. package/pressable/index.cjs +11 -0
  100. package/pressable/index.mjs +2 -0
  101. package/radio-group/index.cjs +24 -0
  102. package/radio-group/index.mjs +7 -0
  103. package/radio-group/radio-context.cjs +1 -0
  104. package/radio-group/radio-context.mjs +1 -0
  105. package/range-slider/index.cjs +30 -0
  106. package/range-slider/index.mjs +10 -0
  107. package/rating-group/index.cjs +20 -0
  108. package/rating-group/index.mjs +5 -0
  109. package/rating-group/rating-context.cjs +1 -0
  110. package/rating-group/rating-context.mjs +1 -0
  111. package/segment-group/index.cjs +23 -0
  112. package/segment-group/index.mjs +8 -0
  113. package/segment-group/segment-context.cjs +1 -0
  114. package/segment-group/segment-context.mjs +1 -0
  115. package/select/index.cjs +28 -0
  116. package/select/index.mjs +9 -0
  117. package/slider/index.cjs +30 -0
  118. package/slider/index.mjs +10 -0
  119. package/splitter/index.cjs +18 -0
  120. package/splitter/index.mjs +4 -0
  121. package/ssr-spread.cjs +1 -0
  122. package/ssr-spread.mjs +1 -0
  123. package/switch/index.cjs +22 -0
  124. package/switch/index.mjs +6 -0
  125. package/tabs/index.cjs +22 -0
  126. package/tabs/index.mjs +6 -0
  127. package/tags-input/index.cjs +28 -0
  128. package/tags-input/index.mjs +9 -0
  129. package/toast/index.cjs +27 -0
  130. package/toast/index.mjs +8 -0
  131. package/toast/toast.cjs +6 -1
  132. package/toast/toast.mjs +7 -2
  133. package/tooltip/index.cjs +24 -0
  134. package/tooltip/index.mjs +7 -0
package/index.mjs CHANGED
@@ -3,11 +3,9 @@ export { Accordion } from './accordion/accordion.mjs';
3
3
  export { AccordionContent } from './accordion/accordion-content.mjs';
4
4
  export { AccordionItem } from './accordion/accordion-item.mjs';
5
5
  export { AccordionTrigger } from './accordion/accordion-trigger.mjs';
6
- export { anatomy as accordionAnatomy } from '@zag-js/accordion';
7
6
  export { Avatar } from './avatar/avatar.mjs';
8
7
  export { AvatarFallback } from './avatar/avatar-fallback.mjs';
9
8
  export { AvatarImage } from './avatar/avatar-image.mjs';
10
- export { anatomy as avatarAnatomy } from '@zag-js/avatar';
11
9
  export { Carousel } from './carousel/carousel.mjs';
12
10
  export { CarouselControl } from './carousel/carousel-control.mjs';
13
11
  export { CarouselNextSlideTrigger } from './carousel/carousel-next-slide-trigger.mjs';
@@ -20,7 +18,6 @@ export { Checkbox } from './checkbox/checkbox.mjs';
20
18
  export { CheckboxControl } from './checkbox/checkbox-control.mjs';
21
19
  export { CheckboxInput } from './checkbox/checkbox-input.mjs';
22
20
  export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
23
- export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
24
21
  export { Combobox } from './combobox/combobox.mjs';
25
22
  export { ComboboxContent } from './combobox/combobox-content.mjs';
26
23
  export { ComboboxControl } from './combobox/combobox-control.mjs';
@@ -29,7 +26,6 @@ export { ComboboxLabel } from './combobox/combobox-label.mjs';
29
26
  export { ComboboxOption } from './combobox/combobox-option.mjs';
30
27
  export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
31
28
  export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
32
- export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
33
29
  export { DatePicker } from './date-picker/date-picker.mjs';
34
30
  export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.mjs';
35
31
  export { DatePickerColumnHeader } from './date-picker/date-picker-column-header.mjs';
@@ -61,7 +57,6 @@ export { DialogContent } from './dialog/dialog-content.mjs';
61
57
  export { DialogDescription } from './dialog/dialog-description.mjs';
62
58
  export { DialogTitle } from './dialog/dialog-title.mjs';
63
59
  export { DialogTrigger } from './dialog/dialog-trigger.mjs';
64
- export { anatomy as dialogAnatomy } from '@zag-js/dialog';
65
60
  export { Editable } from './editable/editable.mjs';
66
61
  export { EditableArea } from './editable/editable-area.mjs';
67
62
  export { EditableCancelTrigger } from './editable/editable-cancel-trigger.mjs';
@@ -71,7 +66,6 @@ export { EditableInput } from './editable/editable-input.mjs';
71
66
  export { EditableLabel } from './editable/editable-label.mjs';
72
67
  export { EditablePreview } from './editable/editable-preview.mjs';
73
68
  export { EditableSubmitTrigger } from './editable/editable-submit-trigger.mjs';
74
- export { anatomy as editableAnatomy } from '@zag-js/editable';
75
69
  export { Environment } from './environment/environment.mjs';
76
70
  export { useEnvironmentContext } from './environment/environment-context.mjs';
77
71
  export { HoverCard } from './hover-card/hover-card.mjs';
@@ -80,7 +74,6 @@ export { HoverCardArrowTip } from './hover-card/hover-card-arrow-tip.mjs';
80
74
  export { HoverCardContent } from './hover-card/hover-card-content.mjs';
81
75
  export { HoverCardPositioner } from './hover-card/hover-card-positioner.mjs';
82
76
  export { HoverCardTrigger } from './hover-card/hover-card-trigger.mjs';
83
- export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
84
77
  export { Menu } from './menu/menu.mjs';
85
78
  export { MenuArrow } from './menu/menu-arrow.mjs';
86
79
  export { MenuArrowTip } from './menu/menu-arrow-tip.mjs';
@@ -94,7 +87,6 @@ export { MenuPositioner } from './menu/menu-positioner.mjs';
94
87
  export { MenuSeparator } from './menu/menu-separator.mjs';
95
88
  export { MenuTrigger } from './menu/menu-trigger.mjs';
96
89
  export { MenuTriggerItem } from './menu/menu-trigger-item.mjs';
97
- export { anatomy as menuAnatomy } from '@zag-js/menu';
98
90
  export { NumberInput } from './number-input/number-input.mjs';
99
91
  export { NumberInputControl } from './number-input/number-input-control.mjs';
100
92
  export { NumberInputDecrementTrigger } from './number-input/number-input-decrement-trigger.mjs';
@@ -102,7 +94,6 @@ export { NumberInputField } from './number-input/number-input-field.mjs';
102
94
  export { NumberInputIncrementTrigger } from './number-input/number-input-increment-trigger.mjs';
103
95
  export { NumberInputLabel } from './number-input/number-input-label.mjs';
104
96
  export { NumberInputScrubber } from './number-input/number-input-scrubber.mjs';
105
- export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
106
97
  export { Pagination } from './pagination/pagination.mjs';
107
98
  export { PaginationEllipsis } from './pagination/pagination-ellipsis.mjs';
108
99
  export { PaginationList } from './pagination/pagination-list.mjs';
@@ -115,7 +106,6 @@ export { PinInput } from './pin-input/pin-input.mjs';
115
106
  export { PinInputControl } from './pin-input/pin-input-control.mjs';
116
107
  export { PinInputField } from './pin-input/pin-input-field.mjs';
117
108
  export { PinInputLabel } from './pin-input/pin-input-label.mjs';
118
- export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
119
109
  export { Popover } from './popover/popover.mjs';
120
110
  export { PopoverAnchor } from './popover/popover-anchor.mjs';
121
111
  export { PopoverArrow } from './popover/popover-arrow.mjs';
@@ -126,14 +116,12 @@ export { PopoverDescription } from './popover/popover-description.mjs';
126
116
  export { PopoverPositioner } from './popover/popover-positioner.mjs';
127
117
  export { PopoverTitle } from './popover/popover-title.mjs';
128
118
  export { PopoverTrigger } from './popover/popover-trigger.mjs';
129
- export { anatomy as popoverAnatomy } from '@zag-js/popover';
130
119
  export { Pressable } from './pressable/pressable.mjs';
131
120
  export { usePressable } from './pressable/use-pressable.mjs';
132
121
  export { Radio } from './radio-group/radio.mjs';
133
122
  export { RadioControl } from './radio-group/radio-control.mjs';
134
123
  export { RadioGroup } from './radio-group/radio-group.mjs';
135
124
  export { RadioGroupLabel } from './radio-group/radio-group-label.mjs';
136
- export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
137
125
  export { RadioInput } from './radio-group/radio-input.mjs';
138
126
  export { RadioLabel } from './radio-group/radio-label.mjs';
139
127
  export { RangeSlider } from './range-slider/range-slider.mjs';
@@ -145,12 +133,10 @@ export { RangeSliderOutput } from './range-slider/range-slider-output.mjs';
145
133
  export { RangeSliderRange } from './range-slider/range-slider-range.mjs';
146
134
  export { RangeSliderThumb } from './range-slider/range-slider-thumb.mjs';
147
135
  export { RangeSliderTrack } from './range-slider/range-slider-track.mjs';
148
- export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
149
136
  export { Rating } from './rating-group/rating.mjs';
150
137
  export { RatingGroup } from './rating-group/rating-group.mjs';
151
138
  export { RatingGroupControl } from './rating-group/rating-group-control.mjs';
152
139
  export { RatingGroupLabel } from './rating-group/rating-group-label.mjs';
153
- export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
154
140
  export { Segment } from './segment-group/segment.mjs';
155
141
  export { SegmentControl } from './segment-group/segment-control.mjs';
156
142
  export { SegmentGroup } from './segment-group/segment-group.mjs';
@@ -167,7 +153,6 @@ export { SelectOptionGroup } from './select/select-option-group.mjs';
167
153
  export { SelectOptionGroupLabel } from './select/select-option-group-label.mjs';
168
154
  export { SelectPositioner } from './select/select-positioner.mjs';
169
155
  export { SelectTrigger } from './select/select-trigger.mjs';
170
- export { anatomy as selectAnatomy } from '@zag-js/select';
171
156
  export { Slider } from './slider/slider.mjs';
172
157
  export { SliderControl } from './slider/slider-control.mjs';
173
158
  export { SliderLabel } from './slider/slider-label.mjs';
@@ -177,23 +162,19 @@ export { SliderOutput } from './slider/slider-output.mjs';
177
162
  export { SliderRange } from './slider/slider-range.mjs';
178
163
  export { SliderThumb } from './slider/slider-thumb.mjs';
179
164
  export { SliderTrack } from './slider/slider-track.mjs';
180
- export { anatomy as sliderAnatomy } from '@zag-js/slider';
181
165
  export { Splitter } from './splitter/splitter.mjs';
182
166
  export { SplitterPanel } from './splitter/splitter-panel.mjs';
183
167
  export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.mjs';
184
- export { anatomy as splitterAnatomy } from '@zag-js/splitter';
185
168
  export { Switch } from './switch/switch.mjs';
186
169
  export { SwitchControl } from './switch/switch-control.mjs';
187
170
  export { SwitchInput } from './switch/switch-input.mjs';
188
171
  export { SwitchLabel } from './switch/switch-label.mjs';
189
172
  export { SwitchThumb } from './switch/switch-thumb.mjs';
190
- export { anatomy as switchAnatomy } from '@zag-js/switch';
191
173
  export { TabContent } from './tabs/tab-content.mjs';
192
174
  export { TabIndicator } from './tabs/tab-indicator.mjs';
193
175
  export { TabList } from './tabs/tab-list.mjs';
194
176
  export { TabTrigger } from './tabs/tab-trigger.mjs';
195
177
  export { Tabs } from './tabs/tabs.mjs';
196
- export { anatomy as tabsAnatomy } from '@zag-js/tabs';
197
178
  export { Tag } from './tags-input/tag.mjs';
198
179
  export { TagDeleteTrigger } from './tags-input/tag-delete-trigger.mjs';
199
180
  export { TagInput } from './tags-input/tag-input.mjs';
@@ -202,7 +183,6 @@ export { TagsInputClearTrigger } from './tags-input/tags-input-clear-trigger.mjs
202
183
  export { TagsInputControl } from './tags-input/tags-input-control.mjs';
203
184
  export { TagsInputField } from './tags-input/tags-input-field.mjs';
204
185
  export { TagsInputLabel } from './tags-input/tags-input-label.mjs';
205
- export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
206
186
  export { Toast } from './toast/toast.mjs';
207
187
  export { ToastCloseTrigger } from './toast/toast-close-trigger.mjs';
208
188
  export { ToastDescription } from './toast/toast-description.mjs';
@@ -210,11 +190,31 @@ export { ToastGroup } from './toast/toast-group.mjs';
210
190
  export { ToastPlacements } from './toast/toast-placements.mjs';
211
191
  export { ToastProvider, useToast } from './toast/toast-provider.mjs';
212
192
  export { ToastTitle } from './toast/toast-title.mjs';
213
- export { anatomy as toastAnatomy } from '@zag-js/toast';
214
193
  export { Tooltip } from './tooltip/tooltip.mjs';
215
- export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
216
194
  export { TooltipArrow } from './tooltip/tooltip-arrow.mjs';
217
195
  export { TooltipArrowTip } from './tooltip/tooltip-arrow-tip.mjs';
218
196
  export { TooltipContent } from './tooltip/tooltip-content.mjs';
219
197
  export { TooltipPositioner } from './tooltip/tooltip-positioner.mjs';
220
198
  export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
199
+ export { anatomy as accordionAnatomy } from '@zag-js/accordion';
200
+ export { anatomy as avatarAnatomy } from '@zag-js/avatar';
201
+ export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
202
+ export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
203
+ export { anatomy as dialogAnatomy } from '@zag-js/dialog';
204
+ export { anatomy as editableAnatomy } from '@zag-js/editable';
205
+ export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
206
+ export { anatomy as menuAnatomy } from '@zag-js/menu';
207
+ export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
208
+ export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
209
+ export { anatomy as popoverAnatomy } from '@zag-js/popover';
210
+ export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
211
+ export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
212
+ export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
213
+ export { anatomy as selectAnatomy } from '@zag-js/select';
214
+ export { anatomy as sliderAnatomy } from '@zag-js/slider';
215
+ export { anatomy as splitterAnatomy } from '@zag-js/splitter';
216
+ export { anatomy as switchAnatomy } from '@zag-js/switch';
217
+ export { anatomy as tabsAnatomy } from '@zag-js/tabs';
218
+ export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
219
+ export { anatomy as toastAnatomy } from '@zag-js/toast';
220
+ export { anatomy as tooltipAnatomy } from '@zag-js/pagination';
package/menu/index.cjs ADDED
@@ -0,0 +1,38 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const menu = require('./menu.cjs');
6
+ const menuArrow = require('./menu-arrow.cjs');
7
+ const menuArrowTip = require('./menu-arrow-tip.cjs');
8
+ const menuContent = require('./menu-content.cjs');
9
+ const menuContextTrigger = require('./menu-context-trigger.cjs');
10
+ const menuItem = require('./menu-item.cjs');
11
+ const menuItemGroup = require('./menu-item-group.cjs');
12
+ const menuItemGroupLabel = require('./menu-item-group-label.cjs');
13
+ const menuOptionItem = require('./menu-option-item.cjs');
14
+ const menuPositioner = require('./menu-positioner.cjs');
15
+ const menuSeparator = require('./menu-separator.cjs');
16
+ const menuTrigger = require('./menu-trigger.cjs');
17
+ const menuTriggerItem = require('./menu-trigger-item.cjs');
18
+ const menu$1 = require('@zag-js/menu');
19
+
20
+
21
+
22
+ exports.Menu = menu.Menu;
23
+ exports.MenuArrow = menuArrow.MenuArrow;
24
+ exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
25
+ exports.MenuContent = menuContent.MenuContent;
26
+ exports.MenuContextTrigger = menuContextTrigger.MenuContextTrigger;
27
+ exports.MenuItem = menuItem.MenuItem;
28
+ exports.MenuItemGroup = menuItemGroup.MenuItemGroup;
29
+ exports.MenuItemGroupLabel = menuItemGroupLabel.MenuItemGroupLabel;
30
+ exports.MenuOptionItem = menuOptionItem.MenuOptionItem;
31
+ exports.MenuPositioner = menuPositioner.MenuPositioner;
32
+ exports.MenuSeparator = menuSeparator.MenuSeparator;
33
+ exports.MenuTrigger = menuTrigger.MenuTrigger;
34
+ exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
35
+ Object.defineProperty(exports, 'menuAnatomy', {
36
+ enumerable: true,
37
+ get: () => menu$1.anatomy
38
+ });
package/menu/index.mjs ADDED
@@ -0,0 +1,14 @@
1
+ export { Menu } from './menu.mjs';
2
+ export { MenuArrow } from './menu-arrow.mjs';
3
+ export { MenuArrowTip } from './menu-arrow-tip.mjs';
4
+ export { MenuContent } from './menu-content.mjs';
5
+ export { MenuContextTrigger } from './menu-context-trigger.mjs';
6
+ export { MenuItem } from './menu-item.mjs';
7
+ export { MenuItemGroup } from './menu-item-group.mjs';
8
+ export { MenuItemGroupLabel } from './menu-item-group-label.mjs';
9
+ export { MenuOptionItem } from './menu-option-item.mjs';
10
+ export { MenuPositioner } from './menu-positioner.mjs';
11
+ export { MenuSeparator } from './menu-separator.mjs';
12
+ export { MenuTrigger } from './menu-trigger.mjs';
13
+ export { MenuTriggerItem } from './menu-trigger-item.mjs';
14
+ export { anatomy as menuAnatomy } from '@zag-js/menu';
package/merge-style.cjs CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
+ require('solid-js');
6
+
5
7
  const mergeStyle = (a, b) => styleObjectToString({ ...getStyleObject(a), ...getStyleObject(b) });
6
8
  const getStyleObject = (style) => typeof style === "object" ? style : stringStyleToObject(style);
7
9
  const stringStyleToObject = (style) => {
package/merge-style.mjs CHANGED
@@ -1,3 +1,5 @@
1
+ import 'solid-js';
2
+
1
3
  const mergeStyle = (a, b) => styleObjectToString({ ...getStyleObject(a), ...getStyleObject(b) });
2
4
  const getStyleObject = (style) => typeof style === "object" ? style : stringStyleToObject(style);
3
5
  const stringStyleToObject = (style) => {
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const numberInput = require('./number-input.cjs');
6
+ const numberInputControl = require('./number-input-control.cjs');
7
+ const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
8
+ const numberInputField = require('./number-input-field.cjs');
9
+ const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
10
+ const numberInputLabel = require('./number-input-label.cjs');
11
+ const numberInputScrubber = require('./number-input-scrubber.cjs');
12
+ const numberInput$1 = require('@zag-js/number-input');
13
+
14
+
15
+
16
+ exports.NumberInput = numberInput.NumberInput;
17
+ exports.NumberInputControl = numberInputControl.NumberInputControl;
18
+ exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
19
+ exports.NumberInputField = numberInputField.NumberInputField;
20
+ exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
21
+ exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
22
+ exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
23
+ Object.defineProperty(exports, 'numberInputAnatomy', {
24
+ enumerable: true,
25
+ get: () => numberInput$1.anatomy
26
+ });
@@ -0,0 +1,8 @@
1
+ export { NumberInput } from './number-input.mjs';
2
+ export { NumberInputControl } from './number-input-control.mjs';
3
+ export { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
4
+ export { NumberInputField } from './number-input-field.mjs';
5
+ export { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
6
+ export { NumberInputLabel } from './number-input-label.mjs';
7
+ export { NumberInputScrubber } from './number-input-scrubber.mjs';
8
+ export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/solid",
3
- "version": "0.7.2-beta.5",
3
+ "version": "0.8.1",
4
4
  "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -56,72 +56,71 @@
56
56
  "storydocs": "pnpm --filter=@ark-ui/scripts document:stories solid",
57
57
  "typedocs": "pnpm --filter=@ark-ui/scripts document:types solid",
58
58
  "storybook": "storybook dev -p 6006",
59
- "release-it": "release-it --config ../../release-it.json",
60
- "foo": "pnpm --filter=@ark-ui/scripts release:prepare @ark-ui/solid"
59
+ "release-it": "release-it --config ../../release-it.json"
61
60
  },
62
61
  "dependencies": {
63
- "@zag-js/accordion": "0.0.0-dev-20230705143151",
64
- "@zag-js/anatomy": "0.0.0-dev-20230705143151",
65
- "@zag-js/avatar": "0.0.0-dev-20230705143151",
66
- "@zag-js/carousel": "0.0.0-dev-20230705143151",
67
- "@zag-js/checkbox": "0.0.0-dev-20230705143151",
68
- "@zag-js/color-picker": "0.0.0-dev-20230705143151",
69
- "@zag-js/combobox": "0.0.0-dev-20230705143151",
70
- "@zag-js/date-picker": "0.0.0-dev-20230705143151",
71
- "@zag-js/dialog": "0.0.0-dev-20230705143151",
72
- "@zag-js/editable": "0.0.0-dev-20230705143151",
73
- "@zag-js/hover-card": "0.0.0-dev-20230705143151",
74
- "@zag-js/menu": "0.0.0-dev-20230705143151",
75
- "@zag-js/number-input": "0.0.0-dev-20230705143151",
76
- "@zag-js/pagination": "0.0.0-dev-20230705143151",
77
- "@zag-js/pin-input": "0.0.0-dev-20230705143151",
78
- "@zag-js/popover": "0.0.0-dev-20230705143151",
79
- "@zag-js/pressable": "0.0.0-dev-20230705143151",
80
- "@zag-js/radio-group": "0.0.0-dev-20230705143151",
81
- "@zag-js/range-slider": "0.0.0-dev-20230705143151",
82
- "@zag-js/rating-group": "0.0.0-dev-20230705143151",
83
- "@zag-js/select": "0.0.0-dev-20230705143151",
84
- "@zag-js/slider": "0.0.0-dev-20230705143151",
85
- "@zag-js/solid": "0.0.0-dev-20230705143151",
86
- "@zag-js/splitter": "0.0.0-dev-20230705143151",
87
- "@zag-js/switch": "0.0.0-dev-20230705143151",
88
- "@zag-js/tabs": "0.0.0-dev-20230705143151",
89
- "@zag-js/tags-input": "0.0.0-dev-20230705143151",
90
- "@zag-js/toast": "0.0.0-dev-20230705143151",
91
- "@zag-js/tooltip": "0.0.0-dev-20230705143151",
92
- "@zag-js/types": "0.0.0-dev-20230705143151",
93
- "vite-plugin-ssr": "0.4.132"
62
+ "@zag-js/accordion": "0.10.5",
63
+ "@zag-js/anatomy": "0.10.5",
64
+ "@zag-js/avatar": "0.10.5",
65
+ "@zag-js/carousel": "0.10.5",
66
+ "@zag-js/checkbox": "0.10.5",
67
+ "@zag-js/color-picker": "0.10.5",
68
+ "@zag-js/combobox": "0.10.5",
69
+ "@zag-js/date-picker": "0.10.5",
70
+ "@zag-js/dialog": "0.10.5",
71
+ "@zag-js/editable": "0.10.5",
72
+ "@zag-js/hover-card": "0.10.5",
73
+ "@zag-js/menu": "0.10.5",
74
+ "@zag-js/number-input": "0.10.5",
75
+ "@zag-js/pagination": "0.10.5",
76
+ "@zag-js/pin-input": "0.10.5",
77
+ "@zag-js/popover": "0.10.5",
78
+ "@zag-js/pressable": "0.10.5",
79
+ "@zag-js/radio-group": "0.10.5",
80
+ "@zag-js/range-slider": "0.10.5",
81
+ "@zag-js/rating-group": "0.10.5",
82
+ "@zag-js/select": "0.10.5",
83
+ "@zag-js/slider": "0.10.5",
84
+ "@zag-js/solid": "0.10.5",
85
+ "@zag-js/splitter": "0.10.5",
86
+ "@zag-js/switch": "0.10.5",
87
+ "@zag-js/tabs": "0.10.5",
88
+ "@zag-js/tags-input": "0.10.5",
89
+ "@zag-js/toast": "0.10.5",
90
+ "@zag-js/tooltip": "0.10.5",
91
+ "@zag-js/types": "0.10.5"
94
92
  },
95
93
  "devDependencies": {
96
94
  "@release-it/keep-a-changelog": "3.1.0",
97
95
  "@solidjs/testing-library": "0.8.4",
98
- "@storybook/addon-essentials": "7.0.25",
99
- "@storybook/addon-interactions": "7.0.25",
100
- "@storybook/addon-links": "7.0.25",
101
- "@storybook/blocks": "7.0.25",
96
+ "@storybook/addon-essentials": "7.0.26",
97
+ "@storybook/addon-interactions": "7.0.26",
98
+ "@storybook/addon-links": "7.0.26",
99
+ "@storybook/blocks": "7.0.26",
102
100
  "@storybook/testing-library": "0.2.0",
103
101
  "@testing-library/dom": "9.3.1",
104
102
  "@testing-library/jest-dom": "5.16.5",
105
103
  "@testing-library/user-event": "14.4.3",
106
104
  "@types/jsdom": "21.1.1",
107
- "@types/testing-library__jest-dom": "5.14.6",
105
+ "@types/testing-library__jest-dom": "5.14.7",
108
106
  "@typescript-eslint/eslint-plugin": "5.61.0",
109
107
  "@typescript-eslint/parser": "5.61.0",
110
- "@vitest/coverage-v8": "0.32.4",
108
+ "@vitest/coverage-v8": "0.33.0",
111
109
  "eslint": "8.44.0",
110
+ "globby": "13.2.2",
112
111
  "happy-dom": "9.20.3",
113
112
  "react": "18.2.0",
114
113
  "react-dom": "18.2.0",
115
114
  "release-it": "15.11.0",
116
115
  "solid-js": "1.7.7",
117
- "storybook": "7.0.25",
116
+ "storybook": "7.0.26",
118
117
  "storybook-solidjs": "1.0.0-beta.2",
119
118
  "storybook-solidjs-vite": "1.0.0-beta.2",
120
119
  "typescript": "5.1.6",
121
- "vite": "4.3.9",
120
+ "vite": "4.4.2",
122
121
  "vite-plugin-dts": "2.3.0",
123
122
  "vite-plugin-solid": "2.7.0",
124
- "vitest": "0.32.4"
123
+ "vitest": "0.33.0"
125
124
  },
126
125
  "peerDependencies": {
127
126
  "solid-js": ">=1.6.0"
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const pagination = require('./pagination.cjs');
6
+ const paginationEllipsis = require('./pagination-ellipsis.cjs');
7
+ const paginationList = require('./pagination-list.cjs');
8
+ const paginationListItem = require('./pagination-list-item.cjs');
9
+ const paginationNextPageTrigger = require('./pagination-next-page-trigger.cjs');
10
+ const paginationPageTrigger = require('./pagination-page-trigger.cjs');
11
+ const paginationPrevPageTrigger = require('./pagination-prev-page-trigger.cjs');
12
+ const pagination_anatomy = require('./pagination.anatomy.cjs');
13
+
14
+
15
+
16
+ exports.Pagination = pagination.Pagination;
17
+ exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
18
+ exports.PaginationList = paginationList.PaginationList;
19
+ exports.PaginationListItem = paginationListItem.PaginationListItem;
20
+ exports.PaginationNextPageTrigger = paginationNextPageTrigger.PaginationNextPageTrigger;
21
+ exports.PaginationPageTrigger = paginationPageTrigger.PaginationPageTrigger;
22
+ exports.PaginationPrevPageTrigger = paginationPrevPageTrigger.PaginationPrevPageTrigger;
23
+ exports.paginationAnatomy = pagination_anatomy.paginationAnatomy;
@@ -0,0 +1,8 @@
1
+ export { Pagination } from './pagination.mjs';
2
+ export { PaginationEllipsis } from './pagination-ellipsis.mjs';
3
+ export { PaginationList } from './pagination-list.mjs';
4
+ export { PaginationListItem } from './pagination-list-item.mjs';
5
+ export { PaginationNextPageTrigger } from './pagination-next-page-trigger.mjs';
6
+ export { PaginationPageTrigger } from './pagination-page-trigger.mjs';
7
+ export { PaginationPrevPageTrigger } from './pagination-prev-page-trigger.mjs';
8
+ export { paginationAnatomy } from './pagination.anatomy.mjs';
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const pinInput = require('./pin-input.cjs');
6
+ const pinInputControl = require('./pin-input-control.cjs');
7
+ const pinInputField = require('./pin-input-field.cjs');
8
+ const pinInputLabel = require('./pin-input-label.cjs');
9
+ const pinInput$1 = require('@zag-js/pin-input');
10
+
11
+
12
+
13
+ exports.PinInput = pinInput.PinInput;
14
+ exports.PinInputControl = pinInputControl.PinInputControl;
15
+ exports.PinInputField = pinInputField.PinInputField;
16
+ exports.PinInputLabel = pinInputLabel.PinInputLabel;
17
+ Object.defineProperty(exports, 'pinInputAnatomy', {
18
+ enumerable: true,
19
+ get: () => pinInput$1.anatomy
20
+ });
@@ -0,0 +1,5 @@
1
+ export { PinInput } from './pin-input.mjs';
2
+ export { PinInputControl } from './pin-input-control.mjs';
3
+ export { PinInputField } from './pin-input-field.mjs';
4
+ export { PinInputLabel } from './pin-input-label.mjs';
5
+ export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const popover = require('./popover.cjs');
6
+ const popoverAnchor = require('./popover-anchor.cjs');
7
+ const popoverArrow = require('./popover-arrow.cjs');
8
+ const popoverArrowTip = require('./popover-arrow-tip.cjs');
9
+ const popoverCloseTrigger = require('./popover-close-trigger.cjs');
10
+ const popoverContent = require('./popover-content.cjs');
11
+ const popoverDescription = require('./popover-description.cjs');
12
+ const popoverPositioner = require('./popover-positioner.cjs');
13
+ const popoverTitle = require('./popover-title.cjs');
14
+ const popoverTrigger = require('./popover-trigger.cjs');
15
+ const popover$1 = require('@zag-js/popover');
16
+
17
+
18
+
19
+ exports.Popover = popover.Popover;
20
+ exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
21
+ exports.PopoverArrow = popoverArrow.PopoverArrow;
22
+ exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
23
+ exports.PopoverCloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
24
+ exports.PopoverContent = popoverContent.PopoverContent;
25
+ exports.PopoverDescription = popoverDescription.PopoverDescription;
26
+ exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
27
+ exports.PopoverTitle = popoverTitle.PopoverTitle;
28
+ exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
29
+ Object.defineProperty(exports, 'popoverAnatomy', {
30
+ enumerable: true,
31
+ get: () => popover$1.anatomy
32
+ });
@@ -0,0 +1,11 @@
1
+ export { Popover } from './popover.mjs';
2
+ export { PopoverAnchor } from './popover-anchor.mjs';
3
+ export { PopoverArrow } from './popover-arrow.mjs';
4
+ export { PopoverArrowTip } from './popover-arrow-tip.mjs';
5
+ export { PopoverCloseTrigger } from './popover-close-trigger.mjs';
6
+ export { PopoverContent } from './popover-content.mjs';
7
+ export { PopoverDescription } from './popover-description.mjs';
8
+ export { PopoverPositioner } from './popover-positioner.mjs';
9
+ export { PopoverTitle } from './popover-title.mjs';
10
+ export { PopoverTrigger } from './popover-trigger.mjs';
11
+ export { anatomy as popoverAnatomy } from '@zag-js/popover';
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const pressable = require('./pressable.cjs');
6
+ const usePressable = require('./use-pressable.cjs');
7
+
8
+
9
+
10
+ exports.Pressable = pressable.Pressable;
11
+ exports.usePressable = usePressable.usePressable;
@@ -0,0 +1,2 @@
1
+ export { Pressable } from './pressable.mjs';
2
+ export { usePressable } from './use-pressable.mjs';
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const radio = require('./radio.cjs');
6
+ const radioControl = require('./radio-control.cjs');
7
+ const radioGroup = require('./radio-group.cjs');
8
+ const radioGroupLabel = require('./radio-group-label.cjs');
9
+ const radioInput = require('./radio-input.cjs');
10
+ const radioLabel = require('./radio-label.cjs');
11
+ const radio$1 = require('@zag-js/radio-group');
12
+
13
+
14
+
15
+ exports.Radio = radio.Radio;
16
+ exports.RadioControl = radioControl.RadioControl;
17
+ exports.RadioGroup = radioGroup.RadioGroup;
18
+ exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
19
+ exports.RadioInput = radioInput.RadioInput;
20
+ exports.RadioLabel = radioLabel.RadioLabel;
21
+ Object.defineProperty(exports, 'radioGroupAnatomy', {
22
+ enumerable: true,
23
+ get: () => radio$1.anatomy
24
+ });
@@ -0,0 +1,7 @@
1
+ export { Radio } from './radio.mjs';
2
+ export { RadioControl } from './radio-control.mjs';
3
+ export { RadioGroup } from './radio-group.mjs';
4
+ export { RadioGroupLabel } from './radio-group-label.mjs';
5
+ export { RadioInput } from './radio-input.mjs';
6
+ export { RadioLabel } from './radio-label.mjs';
7
+ export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
+ require('@zag-js/radio-group');
5
6
  const createContext = require('../create-context.cjs');
6
7
 
7
8
  const [RadioProvider, useRadioContext] = createContext.createContext({
@@ -1,3 +1,4 @@
1
+ import '@zag-js/radio-group';
1
2
  import { createContext } from '../create-context.mjs';
2
3
 
3
4
  const [RadioProvider, useRadioContext] = createContext({
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const rangeSlider = require('./range-slider.cjs');
6
+ const rangeSliderControl = require('./range-slider-control.cjs');
7
+ const rangeSliderLabel = require('./range-slider-label.cjs');
8
+ const rangeSliderMarker = require('./range-slider-marker.cjs');
9
+ const rangeSliderMarkerGroup = require('./range-slider-marker-group.cjs');
10
+ const rangeSliderOutput = require('./range-slider-output.cjs');
11
+ const rangeSliderRange = require('./range-slider-range.cjs');
12
+ const rangeSliderThumb = require('./range-slider-thumb.cjs');
13
+ const rangeSliderTrack = require('./range-slider-track.cjs');
14
+ const rangeSlider$1 = require('@zag-js/range-slider');
15
+
16
+
17
+
18
+ exports.RangeSlider = rangeSlider.RangeSlider;
19
+ exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
20
+ exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
21
+ exports.RangeSliderMarker = rangeSliderMarker.RangeSliderMarker;
22
+ exports.RangeSliderMarkerGroup = rangeSliderMarkerGroup.RangeSliderMarkerGroup;
23
+ exports.RangeSliderOutput = rangeSliderOutput.RangeSliderOutput;
24
+ exports.RangeSliderRange = rangeSliderRange.RangeSliderRange;
25
+ exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
26
+ exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
27
+ Object.defineProperty(exports, 'rangeSliderAnatomy', {
28
+ enumerable: true,
29
+ get: () => rangeSlider$1.anatomy
30
+ });
@@ -0,0 +1,10 @@
1
+ export { RangeSlider } from './range-slider.mjs';
2
+ export { RangeSliderControl } from './range-slider-control.mjs';
3
+ export { RangeSliderLabel } from './range-slider-label.mjs';
4
+ export { RangeSliderMarker } from './range-slider-marker.mjs';
5
+ export { RangeSliderMarkerGroup } from './range-slider-marker-group.mjs';
6
+ export { RangeSliderOutput } from './range-slider-output.mjs';
7
+ export { RangeSliderRange } from './range-slider-range.mjs';
8
+ export { RangeSliderThumb } from './range-slider-thumb.mjs';
9
+ export { RangeSliderTrack } from './range-slider-track.mjs';
10
+ export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';