@ark-ui/solid 3.6.2 → 3.8.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 (32) hide show
  1. package/dist/cjs/index.js +126 -26
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +117 -27
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/field/field-root.jsx +1 -0
  6. package/dist/source/components/field/use-field.js +10 -9
  7. package/dist/source/components/index.js +1 -0
  8. package/dist/source/components/progress/progress-value-text.jsx +1 -1
  9. package/dist/source/components/select/use-select.js +13 -5
  10. package/dist/source/components/timer/index.js +9 -0
  11. package/dist/source/components/timer/timer-action-trigger.jsx +8 -0
  12. package/dist/source/components/timer/timer-context.jsx +2 -0
  13. package/dist/source/components/timer/timer-item.jsx +10 -0
  14. package/dist/source/components/timer/timer-root-provider.jsx +11 -0
  15. package/dist/source/components/timer/timer-root.jsx +22 -0
  16. package/dist/source/components/timer/timer-separator.jsx +8 -0
  17. package/dist/source/components/timer/timer.js +6 -0
  18. package/dist/source/components/timer/use-timer-context.js +5 -0
  19. package/dist/source/components/timer/use-timer.js +15 -0
  20. package/dist/types/components/field/use-field.d.ts +33 -17
  21. package/dist/types/components/index.d.ts +1 -0
  22. package/dist/types/components/timer/index.d.ts +9 -0
  23. package/dist/types/components/timer/timer-action-trigger.d.ts +7 -0
  24. package/dist/types/components/timer/timer-context.d.ts +6 -0
  25. package/dist/types/components/timer/timer-item.d.ts +7 -0
  26. package/dist/types/components/timer/timer-root-provider.d.ts +11 -0
  27. package/dist/types/components/timer/timer-root.d.ts +7 -0
  28. package/dist/types/components/timer/timer-separator.d.ts +6 -0
  29. package/dist/types/components/timer/timer.d.ts +6 -0
  30. package/dist/types/components/timer/use-timer-context.d.ts +4 -0
  31. package/dist/types/components/timer/use-timer.d.ts +9 -0
  32. package/package.json +53 -50
package/dist/esm/index.js CHANGED
@@ -24,7 +24,7 @@ import * as dialog$1 from '@zag-js/dialog';
24
24
  export { anatomy as dialogAnatomy } from '@zag-js/dialog';
25
25
  import * as editable$1 from '@zag-js/editable';
26
26
  export { anatomy as editableAnatomy } from '@zag-js/editable';
27
- import { getDocument, getWindow } from '@zag-js/dom-query';
27
+ import { getDocument, getWindow, dataAttr as dataAttr$1, ariaAttr } from '@zag-js/dom-query';
28
28
  import { createAnatomy } from '@zag-js/anatomy';
29
29
  import * as fileUpload$1 from '@zag-js/file-upload';
30
30
  export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
@@ -74,6 +74,7 @@ import * as tooltip$1 from '@zag-js/tooltip';
74
74
  export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
75
75
  import * as treeView$1 from '@zag-js/tree-view';
76
76
  export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
77
+ import * as timer$1 from '@zag-js/timer';
77
78
 
78
79
  function getErrorMessage(hook, provider) {
79
80
  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -817,14 +818,14 @@ const useFieldset = props => {
817
818
  const getRootProps = () => ({
818
819
  ...parts$2.root.attrs,
819
820
  disabled,
820
- 'data-disabled': dataAttr$1(disabled),
821
- 'data-invalid': dataAttr$1(invalid),
821
+ 'data-disabled': dataAttr(disabled),
822
+ 'data-invalid': dataAttr(invalid),
822
823
  'aria-describedby': labelIds.join(' ') || undefined
823
824
  });
824
825
  const getLegendProps = () => ({
825
826
  ...parts$2.legend.attrs,
826
- 'data-disabled': dataAttr$1(disabled),
827
- 'data-invalid': dataAttr$1(invalid)
827
+ 'data-disabled': dataAttr(disabled),
828
+ 'data-invalid': dataAttr(invalid)
828
829
  });
829
830
  const getHelperTextProps = () => ({
830
831
  id: helperTextId,
@@ -847,7 +848,7 @@ const useFieldset = props => {
847
848
  getErrorTextProps
848
849
  }));
849
850
  };
850
- const dataAttr$1 = condition => condition ? '' : undefined;
851
+ const dataAttr = condition => condition ? '' : undefined;
851
852
 
852
853
  const FieldsetRoot = props => {
853
854
  const [useFieldsetProps, localProps] = createSplitProps()(props, ['id', 'disabled', 'invalid']);
@@ -897,6 +898,7 @@ const parts$1 = fieldAnatomy.build();
897
898
  const useField = props => {
898
899
  const fieldset = useFieldsetContext();
899
900
  const {
901
+ ids,
900
902
  disabled = Boolean(fieldset?.().disabled),
901
903
  invalid = false,
902
904
  readOnly = false,
@@ -906,25 +908,27 @@ const useField = props => {
906
908
  const [hasHelperText, setHasHelperText] = createSignal(false);
907
909
  const id = props.id ?? createUniqueId();
908
910
  let rootRef;
909
- const errorTextId = `field::${id}::error-text`;
910
- const helperTextId = `field::${id}::helper-text`;
911
- const labelId = `field::${id}::label`;
911
+ const rootId = ids?.control ?? `field::${id}`;
912
+ const errorTextId = ids?.errorText ?? `field::${id}::error-text`;
913
+ const helperTextId = ids?.helperText ?? `field::${id}::helper-text`;
914
+ const labelId = ids?.label ?? `field::${id}::label`;
912
915
  createEffect(() => {
913
916
  return;
914
917
  });
915
918
  const getRootProps = () => ({
916
919
  ...parts$1.root.attrs,
920
+ id: rootId,
917
921
  role: 'group',
918
- 'data-disabled': dataAttr(disabled),
919
- 'data-invalid': dataAttr(invalid),
920
- 'data-readonly': dataAttr(readOnly)
922
+ 'data-disabled': dataAttr$1(disabled),
923
+ 'data-invalid': dataAttr$1(invalid),
924
+ 'data-readonly': dataAttr$1(readOnly)
921
925
  });
922
926
  const getLabelProps = () => ({
923
927
  ...parts$1.label.attrs,
924
928
  id: labelId,
925
- 'data-disabled': dataAttr(disabled),
926
- 'data-invalid': dataAttr(invalid),
927
- 'data-readonly': dataAttr(readOnly),
929
+ 'data-disabled': dataAttr$1(disabled),
930
+ 'data-invalid': dataAttr$1(invalid),
931
+ 'data-readonly': dataAttr$1(readOnly),
928
932
  htmlFor: id
929
933
  });
930
934
  const labelIds = [];
@@ -933,8 +937,9 @@ const useField = props => {
933
937
  const getControlProps = () => ({
934
938
  'aria-describedby': labelIds.join(' ') || undefined,
935
939
  'aria-invalid': ariaAttr(invalid),
936
- 'aria-required': ariaAttr(required),
937
- 'aria-readonly': ariaAttr(readOnly),
940
+ 'data-invalid': dataAttr$1(invalid),
941
+ 'data-required': dataAttr$1(required),
942
+ 'data-readonly': dataAttr$1(readOnly),
938
943
  id,
939
944
  required,
940
945
  disabled,
@@ -985,11 +990,9 @@ const useField = props => {
985
990
  getErrorTextProps
986
991
  }));
987
992
  };
988
- const dataAttr = condition => condition ? '' : undefined;
989
- const ariaAttr = condition => condition ? true : undefined;
990
993
 
991
994
  const FieldRoot = props => {
992
- const [useFieldProps, localProps] = createSplitProps()(props, ['id', 'disabled', 'invalid', 'readOnly', 'required']);
995
+ const [useFieldProps, localProps] = createSplitProps()(props, ['id', 'ids', 'disabled', 'invalid', 'readOnly', 'required']);
993
996
  const field = useField(useFieldProps);
994
997
  const mergedProps = mergeProps$1(() => field().getRootProps(), localProps);
995
998
  return createComponent(FieldProvider, {
@@ -3897,7 +3900,7 @@ const ProgressValueText = props => {
3897
3900
  const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
3898
3901
  return createComponent(ark.span, mergeProps(mergedProps, {
3899
3902
  get children() {
3900
- return props.children || api().valueAsString;
3903
+ return props.children || api().percentAsString;
3901
3904
  }
3902
3905
  }));
3903
3906
  };
@@ -4543,14 +4546,14 @@ const SelectPositioner = props => {
4543
4546
 
4544
4547
  const useSelect = props => {
4545
4548
  const [collectionOptions, selectProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
4546
- const collection = () => select$1.collection({
4549
+ const collection = createMemo(() => select$1.collection({
4547
4550
  ...collectionOptions
4548
- });
4551
+ }));
4549
4552
  const locale = useLocaleContext();
4550
4553
  const environment = useEnvironmentContext();
4551
4554
  const id = createUniqueId();
4552
4555
  const field = useFieldContext();
4553
- const context = createMemo(() => ({
4556
+ const initialContext = createMemo(() => ({
4554
4557
  id,
4555
4558
  ids: {
4556
4559
  label: field?.().ids.label,
@@ -4568,10 +4571,18 @@ const useSelect = props => {
4568
4571
  'open.controlled': props.open !== undefined,
4569
4572
  ...selectProps
4570
4573
  }));
4571
- const [state, send] = useMachine(select$1.machine(context()), {
4574
+ const context = createMemo(() => {
4575
+ const [, restProps] = splitProps(initialContext(), ['collection']);
4576
+ return restProps;
4577
+ });
4578
+ const [state, send] = useMachine(select$1.machine(initialContext()), {
4572
4579
  context
4573
4580
  });
4574
- return createMemo(() => select$1.connect(state, send, normalizeProps));
4581
+ const api = createMemo(() => select$1.connect(state, send, normalizeProps));
4582
+ createEffect(() => {
4583
+ api().setCollection(collection());
4584
+ });
4585
+ return api;
4575
4586
  };
4576
4587
 
4577
4588
  const SelectRoot = props => {
@@ -6059,5 +6070,84 @@ var treeView = /*#__PURE__*/Object.freeze({
6059
6070
  Tree: TreeViewTree
6060
6071
  });
6061
6072
 
6062
- export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, field as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldset as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, Highlight, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, carouselAnatomy, checkboxAnatomy, colorPickerAnatomy, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFieldContext, useFieldsetContext, useFileUpload, useFileUploadContext, useHighlight, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useQrCode, useQrCodeContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimePicker, useTimePickerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
6073
+ const [TimerProvider, useTimerContext] = createContext({
6074
+ hookName: 'useTimerContext',
6075
+ providerName: '<TimerProvider />'
6076
+ });
6077
+
6078
+ const TimerContext = props => props.children(useTimerContext());
6079
+
6080
+ const TimerActionTrigger = props => {
6081
+ const timer = useTimerContext();
6082
+ const mergedProps = mergeProps$1(() => timer().getActionTriggerProps(props), props);
6083
+ return createComponent(ark.button, mergedProps);
6084
+ };
6085
+
6086
+ const TimerItem = props => {
6087
+ const [itemProps, localProps] = createSplitProps()(props, ['type']);
6088
+ const timer = useTimerContext();
6089
+ const mergedProps = mergeProps$1(() => timer().getItemProps(itemProps), localProps);
6090
+ return createComponent(ark.div, mergeProps(mergedProps, {
6091
+ get children() {
6092
+ return timer().formattedTime[itemProps.type];
6093
+ }
6094
+ }));
6095
+ };
6096
+
6097
+ const TimerSeparator = props => {
6098
+ const timer = useTimerContext();
6099
+ const mergedProps = mergeProps$1(() => timer().getSeparatorProps(), props);
6100
+ return createComponent(ark.div, mergedProps);
6101
+ };
6102
+
6103
+ const useTimer = props => {
6104
+ const env = useEnvironmentContext();
6105
+ const id = createUniqueId();
6106
+ const context = createMemo(() => ({
6107
+ id,
6108
+ getRootNode: env().getRootNode,
6109
+ ...props
6110
+ }));
6111
+ const [state, send] = useMachine(timer$1.machine(context()), {
6112
+ context
6113
+ });
6114
+ return createMemo(() => timer$1.connect(state, send, normalizeProps));
6115
+ };
6116
+
6117
+ const TimerRoot = props => {
6118
+ const [useTimerProps, localProps] = createSplitProps()(props, ['id', 'autoStart', 'interval', 'countdown', 'startMs', 'targetMs', 'onComplete', 'onTick']);
6119
+ const timer = useTimer(useTimerProps);
6120
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6121
+ return createComponent(TimerProvider, {
6122
+ value: timer,
6123
+ get children() {
6124
+ return createComponent(ark.div, mergedProps);
6125
+ }
6126
+ });
6127
+ };
6128
+
6129
+ const TimerRootProvider = props => {
6130
+ const [{
6131
+ value: timer
6132
+ }, localProps] = createSplitProps()(props, ['value']);
6133
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6134
+ return createComponent(TimerProvider, {
6135
+ value: timer,
6136
+ get children() {
6137
+ return createComponent(ark.div, mergedProps);
6138
+ }
6139
+ });
6140
+ };
6141
+
6142
+ var timer = /*#__PURE__*/Object.freeze({
6143
+ __proto__: null,
6144
+ ActionTrigger: TimerActionTrigger,
6145
+ Context: TimerContext,
6146
+ Item: TimerItem,
6147
+ Root: TimerRoot,
6148
+ RootProvider: TimerRootProvider,
6149
+ Separator: TimerSeparator
6150
+ });
6151
+
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 };
6063
6153
  //# sourceMappingURL=index.js.map