@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.
- package/dist/cjs/index.js +200 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +179 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/source/components/checkbox/checkbox-group.jsx +1 -0
- package/dist/source/components/checkbox/use-checkbox-group.js +2 -0
- package/dist/source/components/editable/editable-root.jsx +3 -2
- package/dist/source/components/editable/index.js +1 -0
- package/dist/source/components/editable/use-editable.js +2 -0
- package/dist/source/components/index.js +1 -0
- package/dist/source/components/select/select-hidden-select.jsx +1 -1
- package/dist/source/components/steps/index.js +19 -0
- package/dist/source/components/steps/steps-completed-content.jsx +8 -0
- package/dist/source/components/steps/steps-content.jsx +10 -0
- package/dist/source/components/steps/steps-context.jsx +5 -0
- package/dist/source/components/steps/steps-indicator.jsx +10 -0
- package/dist/source/components/steps/steps-item-context.jsx +5 -0
- package/dist/source/components/steps/steps-item.jsx +18 -0
- package/dist/source/components/steps/steps-list.jsx +8 -0
- package/dist/source/components/steps/steps-next-trigger.jsx +8 -0
- package/dist/source/components/steps/steps-prev-trigger.jsx +8 -0
- package/dist/source/components/steps/steps-progress.jsx +8 -0
- package/dist/source/components/steps/steps-root-provider.jsx +11 -0
- package/dist/source/components/steps/steps-root.jsx +23 -0
- package/dist/source/components/steps/steps-separator.jsx +10 -0
- package/dist/source/components/steps/steps-trigger.jsx +10 -0
- package/dist/source/components/steps/steps.anatomy.js +1 -0
- package/dist/source/components/steps/steps.js +14 -0
- package/dist/source/components/steps/use-steps-context.js +5 -0
- package/dist/source/components/steps/use-steps-item-context.js +5 -0
- package/dist/source/components/steps/use-steps-item-props-context.js +5 -0
- package/dist/source/components/steps/use-steps.js +18 -0
- package/dist/types/components/checkbox/use-checkbox-group.d.ts +6 -0
- package/dist/types/components/editable/index.d.ts +3 -0
- package/dist/types/components/editable/use-editable.d.ts +6 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/steps/index.d.ts +20 -0
- package/dist/types/components/steps/steps-completed-content.d.ts +6 -0
- package/dist/types/components/steps/steps-content.d.ts +7 -0
- package/dist/types/components/steps/steps-context.d.ts +6 -0
- package/dist/types/components/steps/steps-indicator.d.ts +6 -0
- package/dist/types/components/steps/steps-item-context.d.ts +9 -0
- package/dist/types/components/steps/steps-item.d.ts +7 -0
- package/dist/types/components/steps/steps-list.d.ts +6 -0
- package/dist/types/components/steps/steps-next-trigger.d.ts +6 -0
- package/dist/types/components/steps/steps-prev-trigger.d.ts +6 -0
- package/dist/types/components/steps/steps-progress.d.ts +6 -0
- package/dist/types/components/steps/steps-root-provider.d.ts +11 -0
- package/dist/types/components/steps/steps-root.d.ts +7 -0
- package/dist/types/components/steps/steps-separator.d.ts +6 -0
- package/dist/types/components/steps/steps-trigger.d.ts +6 -0
- package/dist/types/components/steps/steps.anatomy.d.ts +1 -0
- package/dist/types/components/steps/steps.d.ts +15 -0
- package/dist/types/components/steps/use-steps-context.d.ts +4 -0
- package/dist/types/components/steps/use-steps-item-context.d.ts +5 -0
- package/dist/types/components/steps/use-steps-item-props-context.d.ts +4 -0
- package/dist/types/components/steps/use-steps.d.ts +13 -0
- 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', '
|
|
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
|