@ark-ui/solid 3.8.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.
- package/dist/cjs/index.js +182 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +165 -2
- package/dist/esm/index.js.map +1 -1
- 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/steps/index.js +17 -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-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.js +12 -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/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 +18 -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-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.d.ts +13 -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 +45 -45
package/dist/esm/index.js
CHANGED
|
@@ -75,6 +75,7 @@ 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';
|
|
78
79
|
|
|
79
80
|
function getErrorMessage(hook, provider) {
|
|
80
81
|
return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
|
|
@@ -2550,7 +2551,9 @@ const useEditable = props => {
|
|
|
2550
2551
|
readOnly: field?.().readOnly,
|
|
2551
2552
|
required: field?.().required,
|
|
2552
2553
|
getRootNode: environment().getRootNode,
|
|
2554
|
+
edit: props.defaultEdit,
|
|
2553
2555
|
value: props.defaultValue,
|
|
2556
|
+
'edit.controlled': props.edit !== undefined,
|
|
2554
2557
|
...props
|
|
2555
2558
|
}));
|
|
2556
2559
|
const [state, send] = useMachine(editable$1.machine(context()), {
|
|
@@ -2560,7 +2563,7 @@ const useEditable = props => {
|
|
|
2560
2563
|
};
|
|
2561
2564
|
|
|
2562
2565
|
const EditableRoot = props => {
|
|
2563
|
-
const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultValue', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', '
|
|
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']);
|
|
2564
2567
|
const api = useEditable(useEditableProps);
|
|
2565
2568
|
const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
|
|
2566
2569
|
return createComponent(EditableProvider, {
|
|
@@ -6149,5 +6152,165 @@ var timer = /*#__PURE__*/Object.freeze({
|
|
|
6149
6152
|
Separator: TimerSeparator
|
|
6150
6153
|
});
|
|
6151
6154
|
|
|
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 };
|
|
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 };
|
|
6153
6316
|
//# sourceMappingURL=index.js.map
|