@ark-ui/solid 3.8.0 → 3.10.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 (58) hide show
  1. package/dist/cjs/index.js +200 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +179 -6
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/checkbox/checkbox-group.jsx +1 -0
  6. package/dist/source/components/checkbox/use-checkbox-group.js +2 -0
  7. package/dist/source/components/editable/editable-root.jsx +3 -2
  8. package/dist/source/components/editable/index.js +1 -0
  9. package/dist/source/components/editable/use-editable.js +2 -0
  10. package/dist/source/components/index.js +1 -0
  11. package/dist/source/components/select/select-hidden-select.jsx +1 -1
  12. package/dist/source/components/steps/index.js +19 -0
  13. package/dist/source/components/steps/steps-completed-content.jsx +8 -0
  14. package/dist/source/components/steps/steps-content.jsx +10 -0
  15. package/dist/source/components/steps/steps-context.jsx +5 -0
  16. package/dist/source/components/steps/steps-indicator.jsx +10 -0
  17. package/dist/source/components/steps/steps-item-context.jsx +5 -0
  18. package/dist/source/components/steps/steps-item.jsx +18 -0
  19. package/dist/source/components/steps/steps-list.jsx +8 -0
  20. package/dist/source/components/steps/steps-next-trigger.jsx +8 -0
  21. package/dist/source/components/steps/steps-prev-trigger.jsx +8 -0
  22. package/dist/source/components/steps/steps-progress.jsx +8 -0
  23. package/dist/source/components/steps/steps-root-provider.jsx +11 -0
  24. package/dist/source/components/steps/steps-root.jsx +23 -0
  25. package/dist/source/components/steps/steps-separator.jsx +10 -0
  26. package/dist/source/components/steps/steps-trigger.jsx +10 -0
  27. package/dist/source/components/steps/steps.anatomy.js +1 -0
  28. package/dist/source/components/steps/steps.js +14 -0
  29. package/dist/source/components/steps/use-steps-context.js +5 -0
  30. package/dist/source/components/steps/use-steps-item-context.js +5 -0
  31. package/dist/source/components/steps/use-steps-item-props-context.js +5 -0
  32. package/dist/source/components/steps/use-steps.js +18 -0
  33. package/dist/types/components/checkbox/use-checkbox-group.d.ts +6 -0
  34. package/dist/types/components/editable/index.d.ts +3 -0
  35. package/dist/types/components/editable/use-editable.d.ts +6 -1
  36. package/dist/types/components/index.d.ts +1 -0
  37. package/dist/types/components/steps/index.d.ts +20 -0
  38. package/dist/types/components/steps/steps-completed-content.d.ts +6 -0
  39. package/dist/types/components/steps/steps-content.d.ts +7 -0
  40. package/dist/types/components/steps/steps-context.d.ts +6 -0
  41. package/dist/types/components/steps/steps-indicator.d.ts +6 -0
  42. package/dist/types/components/steps/steps-item-context.d.ts +9 -0
  43. package/dist/types/components/steps/steps-item.d.ts +7 -0
  44. package/dist/types/components/steps/steps-list.d.ts +6 -0
  45. package/dist/types/components/steps/steps-next-trigger.d.ts +6 -0
  46. package/dist/types/components/steps/steps-prev-trigger.d.ts +6 -0
  47. package/dist/types/components/steps/steps-progress.d.ts +6 -0
  48. package/dist/types/components/steps/steps-root-provider.d.ts +11 -0
  49. package/dist/types/components/steps/steps-root.d.ts +7 -0
  50. package/dist/types/components/steps/steps-separator.d.ts +6 -0
  51. package/dist/types/components/steps/steps-trigger.d.ts +6 -0
  52. package/dist/types/components/steps/steps.anatomy.d.ts +1 -0
  53. package/dist/types/components/steps/steps.d.ts +15 -0
  54. package/dist/types/components/steps/use-steps-context.d.ts +4 -0
  55. package/dist/types/components/steps/use-steps-item-context.d.ts +5 -0
  56. package/dist/types/components/steps/use-steps-item-props-context.d.ts +4 -0
  57. package/dist/types/components/steps/use-steps.d.ts +13 -0
  58. package/package.json +49 -49
package/dist/esm/index.js CHANGED
@@ -75,6 +75,8 @@ 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
77
  import * as timer$1 from '@zag-js/timer';
78
+ import * as steps$1 from '@zag-js/steps';
79
+ export { anatomy as stepsAnatomy } from '@zag-js/steps';
78
80
 
79
81
  function getErrorMessage(hook, provider) {
80
82
  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -687,7 +689,8 @@ function useCheckboxGroup(props = {}) {
687
689
  },
688
690
  name: props.name,
689
691
  disabled: props.disabled,
690
- readOnly: props.readOnly
692
+ readOnly: props.readOnly,
693
+ invalid: props.invalid
691
694
  };
692
695
  };
693
696
  return {
@@ -696,6 +699,7 @@ function useCheckboxGroup(props = {}) {
696
699
  name: props.name,
697
700
  disabled: props.disabled,
698
701
  readOnly: props.readOnly,
702
+ invalid: props.invalid,
699
703
  setValue,
700
704
  addValue,
701
705
  toggleValue,
@@ -711,7 +715,7 @@ const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({
711
715
  });
712
716
 
713
717
  const CheckboxGroup = props => {
714
- const [checkboxGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'value', 'onValueChange', 'disabled', 'readOnly', 'name']);
718
+ const [checkboxGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'value', 'onValueChange', 'disabled', 'invalid', 'readOnly', 'name']);
715
719
  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
716
720
  return createComponent(CheckboxGroupContextProvider, {
717
721
  value: checkboxGroup,
@@ -2550,7 +2554,9 @@ const useEditable = props => {
2550
2554
  readOnly: field?.().readOnly,
2551
2555
  required: field?.().required,
2552
2556
  getRootNode: environment().getRootNode,
2557
+ edit: props.defaultEdit,
2553
2558
  value: props.defaultValue,
2559
+ 'edit.controlled': props.edit !== undefined,
2554
2560
  ...props
2555
2561
  }));
2556
2562
  const [state, send] = useMachine(editable$1.machine(context()), {
@@ -2560,7 +2566,7 @@ const useEditable = props => {
2560
2566
  };
2561
2567
 
2562
2568
  const EditableRoot = props => {
2563
- 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']);
2569
+ 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']);
2564
2570
  const api = useEditable(useEditableProps);
2565
2571
  const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
2566
2572
  return createComponent(EditableProvider, {
@@ -4430,8 +4436,8 @@ const SelectHiddenSelect = props => {
4430
4436
  },
4431
4437
  children: item => (() => {
4432
4438
  var _el$2 = _tmpl$2$1();
4433
- effect(() => _el$2.disabled = select().collection.getItemDisabled(item));
4434
- effect(() => _el$2.value = select().collection.getItemValue(item) ?? '');
4439
+ effect(() => _el$2.disabled = select().collection.getItemDisabled(item()));
4440
+ effect(() => _el$2.value = select().collection.getItemValue(item()) ?? '');
4435
4441
  return _el$2;
4436
4442
  })()
4437
4443
  })];
@@ -6149,5 +6155,172 @@ var timer = /*#__PURE__*/Object.freeze({
6149
6155
  Separator: TimerSeparator
6150
6156
  });
6151
6157
 
6152
- 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, 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, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimePicker, useTimePickerContext, useTimer, useTimerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
6158
+ const [StepsProvider, useStepsContext] = createContext({
6159
+ hookName: 'useStepsContext',
6160
+ providerName: '<StepsProvider />'
6161
+ });
6162
+
6163
+ const StepsCompletedContent = props => {
6164
+ const steps = useStepsContext();
6165
+ const mergedProps = mergeProps$1(() => steps().getContentProps({
6166
+ index: steps().count
6167
+ }), props);
6168
+ return createComponent(ark.div, mergedProps);
6169
+ };
6170
+
6171
+ const StepsContent = props => {
6172
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
6173
+ const steps = useStepsContext();
6174
+ const mergedProps = mergeProps$1(() => steps().getContentProps(itemProps), localProps);
6175
+ return createComponent(ark.div, mergedProps);
6176
+ };
6177
+
6178
+ const StepsContext = props => {
6179
+ const context = useStepsContext();
6180
+ return props.children(context);
6181
+ };
6182
+
6183
+ const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext({
6184
+ hookName: 'useStepsItemPropsContext',
6185
+ providerName: '<StepsItemPropsProvider />'
6186
+ });
6187
+
6188
+ const StepsIndicator = props => {
6189
+ const steps = useStepsContext();
6190
+ const itemProps = useStepsItemPropsContext();
6191
+ const mergedProps = mergeProps$1(() => steps().getIndicatorProps(itemProps), props);
6192
+ return createComponent(ark.div, mergedProps);
6193
+ };
6194
+
6195
+ const [StepsItemProvider, useStepsItemContext] = createContext({
6196
+ hookName: 'useStepsItemContext',
6197
+ providerName: '<StepsItem />'
6198
+ });
6199
+
6200
+ const StepsItem = props => {
6201
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
6202
+ const steps = useStepsContext();
6203
+ const mergedProps = mergeProps$1(() => steps().getItemProps(itemProps), localProps);
6204
+ const itemState = createMemo(() => steps().getItemState(itemProps));
6205
+ return createComponent(StepsItemPropsProvider, {
6206
+ value: itemProps,
6207
+ get children() {
6208
+ return createComponent(StepsItemProvider, {
6209
+ value: itemState,
6210
+ get children() {
6211
+ return createComponent(ark.li, mergedProps);
6212
+ }
6213
+ });
6214
+ }
6215
+ });
6216
+ };
6217
+
6218
+ const StepsItemContext = props => {
6219
+ return props.children(useStepsItemContext());
6220
+ };
6221
+ StepsItemContext.displayName = 'StepsItemContext';
6222
+
6223
+ const StepsList = props => {
6224
+ const steps = useStepsContext();
6225
+ const mergedProps = mergeProps$1(() => steps().getListProps(), props);
6226
+ return createComponent(ark.ol, mergedProps);
6227
+ };
6228
+
6229
+ const StepsNextTrigger = props => {
6230
+ const steps = useStepsContext();
6231
+ const mergedProps = mergeProps$1(() => steps().getNextTriggerProps(), props);
6232
+ return createComponent(ark.button, mergedProps);
6233
+ };
6234
+
6235
+ const StepsPrevTrigger = props => {
6236
+ const steps = useStepsContext();
6237
+ const mergedProps = mergeProps$1(() => steps().getPrevTriggerProps(), props);
6238
+ return createComponent(ark.button, mergedProps);
6239
+ };
6240
+
6241
+ const StepsProgress = props => {
6242
+ const steps = useStepsContext();
6243
+ const mergedProps = mergeProps$1(() => steps().getProgressProps(), props);
6244
+ return createComponent(ark.div, mergedProps);
6245
+ };
6246
+
6247
+ function useSteps(props = {}) {
6248
+ const environment = useEnvironmentContext();
6249
+ const locale = useLocaleContext();
6250
+ const id = createUniqueId();
6251
+ const context = createMemo(() => ({
6252
+ id,
6253
+ dir: locale().dir,
6254
+ getRootNode: environment().getRootNode,
6255
+ step: props.defaultStep,
6256
+ ...props
6257
+ }));
6258
+ const [state, send] = useMachine(steps$1.machine(context()), {
6259
+ context
6260
+ });
6261
+ return createMemo(() => steps$1.connect(state, send, normalizeProps));
6262
+ }
6263
+
6264
+ const StepsRoot = props => {
6265
+ const [useStepsProps, localProps] = createSplitProps()(props, ['defaultStep', 'id', 'ids', 'count', 'linear', 'onStepChange', 'onStepComplete', 'orientation', 'step']);
6266
+ const steps = useSteps(useStepsProps);
6267
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), localProps);
6268
+ return createComponent(StepsProvider, {
6269
+ value: steps,
6270
+ get children() {
6271
+ return createComponent(ark.div, mergedProps);
6272
+ }
6273
+ });
6274
+ };
6275
+
6276
+ const StepsRootProvider = props => {
6277
+ const [{
6278
+ value: steps
6279
+ }, rootProps] = createSplitProps()(props, ['value']);
6280
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), rootProps);
6281
+ return createComponent(StepsProvider, {
6282
+ value: steps,
6283
+ get children() {
6284
+ return createComponent(ark.div, mergeProps(mergedProps, {
6285
+ get children() {
6286
+ return props.children;
6287
+ }
6288
+ }));
6289
+ }
6290
+ });
6291
+ };
6292
+
6293
+ const StepsSeparator = props => {
6294
+ const steps = useStepsContext();
6295
+ const itemProps = useStepsItemPropsContext();
6296
+ const mergedProps = mergeProps$1(() => steps().getSeparatorProps(itemProps), props);
6297
+ return createComponent(ark.div, mergedProps);
6298
+ };
6299
+
6300
+ const StepsTrigger = props => {
6301
+ const steps = useStepsContext();
6302
+ const itemProps = useStepsItemPropsContext();
6303
+ const mergedProps = mergeProps$1(() => steps().getTriggerProps(itemProps), props);
6304
+ return createComponent(ark.button, mergedProps);
6305
+ };
6306
+
6307
+ var steps = /*#__PURE__*/Object.freeze({
6308
+ __proto__: null,
6309
+ CompletedContent: StepsCompletedContent,
6310
+ Content: StepsContent,
6311
+ Context: StepsContext,
6312
+ Indicator: StepsIndicator,
6313
+ Item: StepsItem,
6314
+ ItemContext: StepsItemContext,
6315
+ List: StepsList,
6316
+ NextTrigger: StepsNextTrigger,
6317
+ PrevTrigger: StepsPrevTrigger,
6318
+ Progress: StepsProgress,
6319
+ Root: StepsRoot,
6320
+ RootProvider: StepsRootProvider,
6321
+ Separator: StepsSeparator,
6322
+ Trigger: StepsTrigger
6323
+ });
6324
+
6325
+ 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, StepsContext, 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 };
6153
6326
  //# sourceMappingURL=index.js.map