@ark-ui/solid 3.7.0 → 3.9.0

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 (70) hide show
  1. package/dist/cjs/index.js +272 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +245 -2
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/editable/editable-root.jsx +3 -2
  6. package/dist/source/components/editable/index.js +1 -0
  7. package/dist/source/components/editable/use-editable.js +2 -0
  8. package/dist/source/components/index.js +2 -0
  9. package/dist/source/components/steps/index.js +17 -0
  10. package/dist/source/components/steps/steps-completed-content.jsx +8 -0
  11. package/dist/source/components/steps/steps-content.jsx +10 -0
  12. package/dist/source/components/steps/steps-indicator.jsx +10 -0
  13. package/dist/source/components/steps/steps-item-context.jsx +5 -0
  14. package/dist/source/components/steps/steps-item.jsx +18 -0
  15. package/dist/source/components/steps/steps-list.jsx +8 -0
  16. package/dist/source/components/steps/steps-next-trigger.jsx +8 -0
  17. package/dist/source/components/steps/steps-prev-trigger.jsx +8 -0
  18. package/dist/source/components/steps/steps-progress.jsx +8 -0
  19. package/dist/source/components/steps/steps-root-provider.jsx +11 -0
  20. package/dist/source/components/steps/steps-root.jsx +23 -0
  21. package/dist/source/components/steps/steps-separator.jsx +10 -0
  22. package/dist/source/components/steps/steps-trigger.jsx +10 -0
  23. package/dist/source/components/steps/steps.js +12 -0
  24. package/dist/source/components/steps/use-steps-context.js +5 -0
  25. package/dist/source/components/steps/use-steps-item-context.js +5 -0
  26. package/dist/source/components/steps/use-steps-item-props-context.js +5 -0
  27. package/dist/source/components/steps/use-steps.js +18 -0
  28. package/dist/source/components/timer/index.js +9 -0
  29. package/dist/source/components/timer/timer-action-trigger.jsx +8 -0
  30. package/dist/source/components/timer/timer-context.jsx +2 -0
  31. package/dist/source/components/timer/timer-item.jsx +10 -0
  32. package/dist/source/components/timer/timer-root-provider.jsx +11 -0
  33. package/dist/source/components/timer/timer-root.jsx +22 -0
  34. package/dist/source/components/timer/timer-separator.jsx +8 -0
  35. package/dist/source/components/timer/timer.js +6 -0
  36. package/dist/source/components/timer/use-timer-context.js +5 -0
  37. package/dist/source/components/timer/use-timer.js +15 -0
  38. package/dist/types/components/editable/index.d.ts +3 -0
  39. package/dist/types/components/editable/use-editable.d.ts +6 -1
  40. package/dist/types/components/index.d.ts +2 -0
  41. package/dist/types/components/steps/index.d.ts +18 -0
  42. package/dist/types/components/steps/steps-completed-content.d.ts +6 -0
  43. package/dist/types/components/steps/steps-content.d.ts +7 -0
  44. package/dist/types/components/steps/steps-indicator.d.ts +6 -0
  45. package/dist/types/components/steps/steps-item-context.d.ts +9 -0
  46. package/dist/types/components/steps/steps-item.d.ts +7 -0
  47. package/dist/types/components/steps/steps-list.d.ts +6 -0
  48. package/dist/types/components/steps/steps-next-trigger.d.ts +6 -0
  49. package/dist/types/components/steps/steps-prev-trigger.d.ts +6 -0
  50. package/dist/types/components/steps/steps-progress.d.ts +6 -0
  51. package/dist/types/components/steps/steps-root-provider.d.ts +11 -0
  52. package/dist/types/components/steps/steps-root.d.ts +7 -0
  53. package/dist/types/components/steps/steps-separator.d.ts +6 -0
  54. package/dist/types/components/steps/steps-trigger.d.ts +6 -0
  55. package/dist/types/components/steps/steps.d.ts +13 -0
  56. package/dist/types/components/steps/use-steps-context.d.ts +4 -0
  57. package/dist/types/components/steps/use-steps-item-context.d.ts +5 -0
  58. package/dist/types/components/steps/use-steps-item-props-context.d.ts +4 -0
  59. package/dist/types/components/steps/use-steps.d.ts +13 -0
  60. package/dist/types/components/timer/index.d.ts +9 -0
  61. package/dist/types/components/timer/timer-action-trigger.d.ts +7 -0
  62. package/dist/types/components/timer/timer-context.d.ts +6 -0
  63. package/dist/types/components/timer/timer-item.d.ts +7 -0
  64. package/dist/types/components/timer/timer-root-provider.d.ts +11 -0
  65. package/dist/types/components/timer/timer-root.d.ts +7 -0
  66. package/dist/types/components/timer/timer-separator.d.ts +6 -0
  67. package/dist/types/components/timer/timer.d.ts +6 -0
  68. package/dist/types/components/timer/use-timer-context.d.ts +4 -0
  69. package/dist/types/components/timer/use-timer.d.ts +9 -0
  70. package/package.json +53 -52
package/dist/esm/index.js CHANGED
@@ -74,6 +74,8 @@ import * as tooltip$1 from '@zag-js/tooltip';
74
74
  export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
75
75
  import * as treeView$1 from '@zag-js/tree-view';
76
76
  export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
77
+ import * as timer$1 from '@zag-js/timer';
78
+ import * as steps$1 from '@zag-js/steps';
77
79
 
78
80
  function getErrorMessage(hook, provider) {
79
81
  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -2549,7 +2551,9 @@ const useEditable = props => {
2549
2551
  readOnly: field?.().readOnly,
2550
2552
  required: field?.().required,
2551
2553
  getRootNode: environment().getRootNode,
2554
+ edit: props.defaultEdit,
2552
2555
  value: props.defaultValue,
2556
+ 'edit.controlled': props.edit !== undefined,
2553
2557
  ...props
2554
2558
  }));
2555
2559
  const [state, send] = useMachine(editable$1.machine(context()), {
@@ -2559,7 +2563,7 @@ const useEditable = props => {
2559
2563
  };
2560
2564
 
2561
2565
  const EditableRoot = props => {
2562
- const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultValue', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEdit', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'required', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
2566
+ const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultEdit', 'defaultValue', 'disabled', 'edit', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEditChange', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'required', 'selectOnFocus', 'submitMode', 'translations', 'value']);
2563
2567
  const api = useEditable(useEditableProps);
2564
2568
  const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
2565
2569
  return createComponent(EditableProvider, {
@@ -6069,5 +6073,244 @@ var treeView = /*#__PURE__*/Object.freeze({
6069
6073
  Tree: TreeViewTree
6070
6074
  });
6071
6075
 
6072
- export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, field as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldset as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, Highlight, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, carouselAnatomy, checkboxAnatomy, colorPickerAnatomy, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFieldContext, useFieldsetContext, useFileUpload, useFileUploadContext, useHighlight, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useQrCode, useQrCodeContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimePicker, useTimePickerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
6076
+ const [TimerProvider, useTimerContext] = createContext({
6077
+ hookName: 'useTimerContext',
6078
+ providerName: '<TimerProvider />'
6079
+ });
6080
+
6081
+ const TimerContext = props => props.children(useTimerContext());
6082
+
6083
+ const TimerActionTrigger = props => {
6084
+ const timer = useTimerContext();
6085
+ const mergedProps = mergeProps$1(() => timer().getActionTriggerProps(props), props);
6086
+ return createComponent(ark.button, mergedProps);
6087
+ };
6088
+
6089
+ const TimerItem = props => {
6090
+ const [itemProps, localProps] = createSplitProps()(props, ['type']);
6091
+ const timer = useTimerContext();
6092
+ const mergedProps = mergeProps$1(() => timer().getItemProps(itemProps), localProps);
6093
+ return createComponent(ark.div, mergeProps(mergedProps, {
6094
+ get children() {
6095
+ return timer().formattedTime[itemProps.type];
6096
+ }
6097
+ }));
6098
+ };
6099
+
6100
+ const TimerSeparator = props => {
6101
+ const timer = useTimerContext();
6102
+ const mergedProps = mergeProps$1(() => timer().getSeparatorProps(), props);
6103
+ return createComponent(ark.div, mergedProps);
6104
+ };
6105
+
6106
+ const useTimer = props => {
6107
+ const env = useEnvironmentContext();
6108
+ const id = createUniqueId();
6109
+ const context = createMemo(() => ({
6110
+ id,
6111
+ getRootNode: env().getRootNode,
6112
+ ...props
6113
+ }));
6114
+ const [state, send] = useMachine(timer$1.machine(context()), {
6115
+ context
6116
+ });
6117
+ return createMemo(() => timer$1.connect(state, send, normalizeProps));
6118
+ };
6119
+
6120
+ const TimerRoot = props => {
6121
+ const [useTimerProps, localProps] = createSplitProps()(props, ['id', 'autoStart', 'interval', 'countdown', 'startMs', 'targetMs', 'onComplete', 'onTick']);
6122
+ const timer = useTimer(useTimerProps);
6123
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6124
+ return createComponent(TimerProvider, {
6125
+ value: timer,
6126
+ get children() {
6127
+ return createComponent(ark.div, mergedProps);
6128
+ }
6129
+ });
6130
+ };
6131
+
6132
+ const TimerRootProvider = props => {
6133
+ const [{
6134
+ value: timer
6135
+ }, localProps] = createSplitProps()(props, ['value']);
6136
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6137
+ return createComponent(TimerProvider, {
6138
+ value: timer,
6139
+ get children() {
6140
+ return createComponent(ark.div, mergedProps);
6141
+ }
6142
+ });
6143
+ };
6144
+
6145
+ var timer = /*#__PURE__*/Object.freeze({
6146
+ __proto__: null,
6147
+ ActionTrigger: TimerActionTrigger,
6148
+ Context: TimerContext,
6149
+ Item: TimerItem,
6150
+ Root: TimerRoot,
6151
+ RootProvider: TimerRootProvider,
6152
+ Separator: TimerSeparator
6153
+ });
6154
+
6155
+ const [StepsProvider, useStepsContext] = createContext({
6156
+ hookName: 'useStepsContext',
6157
+ providerName: '<StepsProvider />'
6158
+ });
6159
+
6160
+ const StepsCompletedContent = props => {
6161
+ const steps = useStepsContext();
6162
+ const mergedProps = mergeProps$1(() => steps().getContentProps({
6163
+ index: steps().count
6164
+ }), props);
6165
+ return createComponent(ark.div, mergedProps);
6166
+ };
6167
+
6168
+ const StepsContent = props => {
6169
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
6170
+ const steps = useStepsContext();
6171
+ const mergedProps = mergeProps$1(() => steps().getContentProps(itemProps), localProps);
6172
+ return createComponent(ark.div, mergedProps);
6173
+ };
6174
+
6175
+ const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext({
6176
+ hookName: 'useStepsItemPropsContext',
6177
+ providerName: '<StepsItemPropsProvider />'
6178
+ });
6179
+
6180
+ const StepsIndicator = props => {
6181
+ const steps = useStepsContext();
6182
+ const itemProps = useStepsItemPropsContext();
6183
+ const mergedProps = mergeProps$1(() => steps().getIndicatorProps(itemProps), props);
6184
+ return createComponent(ark.div, mergedProps);
6185
+ };
6186
+
6187
+ const [StepsItemProvider, useStepsItemContext] = createContext({
6188
+ hookName: 'useStepsItemContext',
6189
+ providerName: '<StepsItem />'
6190
+ });
6191
+
6192
+ const StepsItem = props => {
6193
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
6194
+ const steps = useStepsContext();
6195
+ const mergedProps = mergeProps$1(() => steps().getItemProps(itemProps), localProps);
6196
+ const itemState = createMemo(() => steps().getItemState(itemProps));
6197
+ return createComponent(StepsItemPropsProvider, {
6198
+ value: itemProps,
6199
+ get children() {
6200
+ return createComponent(StepsItemProvider, {
6201
+ value: itemState,
6202
+ get children() {
6203
+ return createComponent(ark.li, mergedProps);
6204
+ }
6205
+ });
6206
+ }
6207
+ });
6208
+ };
6209
+
6210
+ const StepsItemContext = props => {
6211
+ return props.children(useStepsItemContext());
6212
+ };
6213
+ StepsItemContext.displayName = 'StepsItemContext';
6214
+
6215
+ const StepsList = props => {
6216
+ const steps = useStepsContext();
6217
+ const mergedProps = mergeProps$1(() => steps().getListProps(), props);
6218
+ return createComponent(ark.ol, mergedProps);
6219
+ };
6220
+
6221
+ const StepsNextTrigger = props => {
6222
+ const steps = useStepsContext();
6223
+ const mergedProps = mergeProps$1(() => steps().getNextTriggerProps(), props);
6224
+ return createComponent(ark.button, mergedProps);
6225
+ };
6226
+
6227
+ const StepsPrevTrigger = props => {
6228
+ const steps = useStepsContext();
6229
+ const mergedProps = mergeProps$1(() => steps().getPrevTriggerProps(), props);
6230
+ return createComponent(ark.button, mergedProps);
6231
+ };
6232
+
6233
+ const StepsProgress = props => {
6234
+ const steps = useStepsContext();
6235
+ const mergedProps = mergeProps$1(() => steps().getProgressProps(), props);
6236
+ return createComponent(ark.div, mergedProps);
6237
+ };
6238
+
6239
+ function useSteps(props = {}) {
6240
+ const environment = useEnvironmentContext();
6241
+ const locale = useLocaleContext();
6242
+ const id = createUniqueId();
6243
+ const context = createMemo(() => ({
6244
+ id,
6245
+ dir: locale().dir,
6246
+ getRootNode: environment().getRootNode,
6247
+ step: props.defaultStep,
6248
+ ...props
6249
+ }));
6250
+ const [state, send] = useMachine(steps$1.machine(context()), {
6251
+ context
6252
+ });
6253
+ return createMemo(() => steps$1.connect(state, send, normalizeProps));
6254
+ }
6255
+
6256
+ const StepsRoot = props => {
6257
+ const [useStepsProps, localProps] = createSplitProps()(props, ['defaultStep', 'id', 'ids', 'count', 'linear', 'onStepChange', 'onStepComplete', 'orientation', 'step']);
6258
+ const steps = useSteps(useStepsProps);
6259
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), localProps);
6260
+ return createComponent(StepsProvider, {
6261
+ value: steps,
6262
+ get children() {
6263
+ return createComponent(ark.div, mergedProps);
6264
+ }
6265
+ });
6266
+ };
6267
+
6268
+ const StepsRootProvider = props => {
6269
+ const [{
6270
+ value: steps
6271
+ }, rootProps] = createSplitProps()(props, ['value']);
6272
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), rootProps);
6273
+ return createComponent(StepsProvider, {
6274
+ value: steps,
6275
+ get children() {
6276
+ return createComponent(ark.div, mergeProps(mergedProps, {
6277
+ get children() {
6278
+ return props.children;
6279
+ }
6280
+ }));
6281
+ }
6282
+ });
6283
+ };
6284
+
6285
+ const StepsSeparator = props => {
6286
+ const steps = useStepsContext();
6287
+ const itemProps = useStepsItemPropsContext();
6288
+ const mergedProps = mergeProps$1(() => steps().getSeparatorProps(itemProps), props);
6289
+ return createComponent(ark.div, mergedProps);
6290
+ };
6291
+
6292
+ const StepsTrigger = props => {
6293
+ const steps = useStepsContext();
6294
+ const itemProps = useStepsItemPropsContext();
6295
+ const mergedProps = mergeProps$1(() => steps().getTriggerProps(itemProps), props);
6296
+ return createComponent(ark.button, mergedProps);
6297
+ };
6298
+
6299
+ var steps = /*#__PURE__*/Object.freeze({
6300
+ __proto__: null,
6301
+ CompletedContent: StepsCompletedContent,
6302
+ Content: StepsContent,
6303
+ Indicator: StepsIndicator,
6304
+ Item: StepsItem,
6305
+ List: StepsList,
6306
+ NextTrigger: StepsNextTrigger,
6307
+ PrevTrigger: StepsPrevTrigger,
6308
+ Progress: StepsProgress,
6309
+ Root: StepsRoot,
6310
+ RootProvider: StepsRootProvider,
6311
+ Separator: StepsSeparator,
6312
+ Trigger: StepsTrigger
6313
+ });
6314
+
6315
+ export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, field as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldset as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, Highlight, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, steps as Steps, StepsCompletedContent, StepsContent, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, timer as Timer, TimerActionTrigger, TimerContext, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, carouselAnatomy, checkboxAnatomy, colorPickerAnatomy, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFieldContext, useFieldsetContext, useFileUpload, useFileUploadContext, useHighlight, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useQrCode, useQrCodeContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSteps, useStepsContext, useStepsItemContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimePicker, useTimePickerContext, useTimer, useTimerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
6073
6316
  //# sourceMappingURL=index.js.map