@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.
- package/dist/cjs/index.js +126 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +117 -27
- package/dist/esm/index.js.map +1 -1
- package/dist/source/components/field/field-root.jsx +1 -0
- package/dist/source/components/field/use-field.js +10 -9
- package/dist/source/components/index.js +1 -0
- package/dist/source/components/progress/progress-value-text.jsx +1 -1
- package/dist/source/components/select/use-select.js +13 -5
- package/dist/source/components/timer/index.js +9 -0
- package/dist/source/components/timer/timer-action-trigger.jsx +8 -0
- package/dist/source/components/timer/timer-context.jsx +2 -0
- package/dist/source/components/timer/timer-item.jsx +10 -0
- package/dist/source/components/timer/timer-root-provider.jsx +11 -0
- package/dist/source/components/timer/timer-root.jsx +22 -0
- package/dist/source/components/timer/timer-separator.jsx +8 -0
- package/dist/source/components/timer/timer.js +6 -0
- package/dist/source/components/timer/use-timer-context.js +5 -0
- package/dist/source/components/timer/use-timer.js +15 -0
- package/dist/types/components/field/use-field.d.ts +33 -17
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/timer/index.d.ts +9 -0
- package/dist/types/components/timer/timer-action-trigger.d.ts +7 -0
- package/dist/types/components/timer/timer-context.d.ts +6 -0
- package/dist/types/components/timer/timer-item.d.ts +7 -0
- package/dist/types/components/timer/timer-root-provider.d.ts +11 -0
- package/dist/types/components/timer/timer-root.d.ts +7 -0
- package/dist/types/components/timer/timer-separator.d.ts +6 -0
- package/dist/types/components/timer/timer.d.ts +6 -0
- package/dist/types/components/timer/use-timer-context.d.ts +4 -0
- package/dist/types/components/timer/use-timer.d.ts +9 -0
- 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
|
|
821
|
-
'data-invalid': dataAttr
|
|
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
|
|
827
|
-
'data-invalid': dataAttr
|
|
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
|
|
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
|
|
910
|
-
const
|
|
911
|
-
const
|
|
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
|
-
'
|
|
937
|
-
'
|
|
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().
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|