@ark-ui/solid 3.10.0 → 3.12.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 (28) hide show
  1. package/dist/cjs/index.js +426 -323
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +423 -323
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/file-upload/file-upload-root.jsx +1 -0
  6. package/dist/source/components/file-upload/use-file-upload.js +1 -0
  7. package/dist/source/components/frame/frame-content.jsx +11 -0
  8. package/dist/source/components/frame/frame.jsx +78 -0
  9. package/dist/source/components/frame/index.js +1 -0
  10. package/dist/source/components/highlight/use-highlight.js +2 -39
  11. package/dist/source/components/index.js +3 -2
  12. package/dist/source/components/timer/index.js +6 -4
  13. package/dist/source/components/timer/timer-area.jsx +8 -0
  14. package/dist/source/components/timer/timer-control.jsx +8 -0
  15. package/dist/source/components/timer/timer-root.jsx +1 -0
  16. package/dist/source/components/timer/timer.js +4 -2
  17. package/dist/source/utils/compose-refs.js +13 -0
  18. package/dist/types/components/frame/frame-content.d.ts +8 -0
  19. package/dist/types/components/frame/frame.d.ts +13 -0
  20. package/dist/types/components/frame/index.d.ts +2 -0
  21. package/dist/types/components/highlight/use-highlight.d.ts +3 -28
  22. package/dist/types/components/index.d.ts +3 -2
  23. package/dist/types/components/timer/index.d.ts +7 -5
  24. package/dist/types/components/timer/timer-area.d.ts +6 -0
  25. package/dist/types/components/timer/timer-control.d.ts +6 -0
  26. package/dist/types/components/timer/timer.d.ts +6 -4
  27. package/dist/types/utils/compose-refs.d.ts +3 -0
  28. package/package.json +59 -56
package/dist/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createUniqueId, createEffect, untrack, children, Index, For } from 'solid-js';
2
- import { createComponent, Dynamic, mergeProps, memo, use, template, insert, effect, spread } from 'solid-js/web';
1
+ import { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createUniqueId, createEffect, untrack, children, Index, For, onCleanup } from 'solid-js';
2
+ import { createComponent, Dynamic, mergeProps, memo, use, template, insert, effect, spread, Portal } from 'solid-js/web';
3
3
  import { mergeProps as mergeProps$1, useMachine, normalizeProps, useActor } from '@zag-js/solid';
4
4
  import * as collapsible$1 from '@zag-js/collapsible';
5
5
  export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
@@ -29,6 +29,7 @@ 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';
31
31
  import { isRTL, formatBytes, formatNumber } from '@zag-js/i18n-utils';
32
+ import { highlightWord } from '@zag-js/highlight-word';
32
33
  import * as hoverCard$1 from '@zag-js/hover-card';
33
34
  export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
34
35
  import * as menu$1 from '@zag-js/menu';
@@ -58,6 +59,8 @@ import * as slider$1 from '@zag-js/slider';
58
59
  export { anatomy as sliderAnatomy } from '@zag-js/slider';
59
60
  import * as splitter$1 from '@zag-js/splitter';
60
61
  export { anatomy as splitterAnatomy } from '@zag-js/splitter';
62
+ import * as steps$1 from '@zag-js/steps';
63
+ export { anatomy as stepsAnatomy } from '@zag-js/steps';
61
64
  import * as zagSwitch from '@zag-js/switch';
62
65
  export { anatomy as switchAnatomy } from '@zag-js/switch';
63
66
  import * as tabs$1 from '@zag-js/tabs';
@@ -66,6 +69,7 @@ import * as tagsInput$1 from '@zag-js/tags-input';
66
69
  export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
67
70
  import { parseTime } from '@internationalized/date';
68
71
  import * as timePicker$1 from '@zag-js/time-picker';
72
+ import * as timer$1 from '@zag-js/timer';
69
73
  import * as toast$1 from '@zag-js/toast';
70
74
  export { anatomy as toastAnatomy } from '@zag-js/toast';
71
75
  import * as toggleGroup$1 from '@zag-js/toggle-group';
@@ -74,9 +78,6 @@ import * as tooltip$1 from '@zag-js/tooltip';
74
78
  export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
75
79
  import * as treeView$1 from '@zag-js/tree-view';
76
80
  export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
77
- import * as timer$1 from '@zag-js/timer';
78
- import * as steps$1 from '@zag-js/steps';
79
- export { anatomy as stepsAnatomy } from '@zag-js/steps';
80
81
 
81
82
  function getErrorMessage(hook, provider) {
82
83
  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -187,7 +188,7 @@ const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
187
188
  })
188
189
  });
189
190
 
190
- var _tmpl$$6 = /*#__PURE__*/template(`<span hidden>`);
191
+ var _tmpl$$7 = /*#__PURE__*/template(`<span hidden>`);
191
192
  const EnvironmentProvider = props => {
192
193
  const [spanRef, setSpanRef] = createSignal();
193
194
  const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
@@ -204,7 +205,7 @@ const EnvironmentProvider = props => {
204
205
  return !props.value;
205
206
  },
206
207
  get children() {
207
- var _el$ = _tmpl$$6();
208
+ var _el$ = _tmpl$$7();
208
209
  use(setSpanRef, _el$);
209
210
  return _el$;
210
211
  }
@@ -1980,7 +1981,7 @@ const DatePickerLabel = props => {
1980
1981
  return createComponent(ark.label, mergedProps);
1981
1982
  };
1982
1983
 
1983
- var _tmpl$$5 = /*#__PURE__*/template(`<option>`);
1984
+ var _tmpl$$6 = /*#__PURE__*/template(`<option>`);
1984
1985
  const DatePickerMonthSelect = props => {
1985
1986
  const api = useDatePickerContext();
1986
1987
  const mergedProps = mergeProps$1(() => api().getMonthSelectProps(), props);
@@ -1991,7 +1992,7 @@ const DatePickerMonthSelect = props => {
1991
1992
  return api().getMonths();
1992
1993
  },
1993
1994
  children: month => (() => {
1994
- var _el$ = _tmpl$$5();
1995
+ var _el$ = _tmpl$$6();
1995
1996
  insert(_el$, () => month.label);
1996
1997
  effect(() => _el$.value = month.value);
1997
1998
  return _el$;
@@ -2259,7 +2260,7 @@ const DatePickerViewTrigger = props => {
2259
2260
  return createComponent(ark.button, mergedProps);
2260
2261
  };
2261
2262
 
2262
- var _tmpl$$4 = /*#__PURE__*/template(`<option>`);
2263
+ var _tmpl$$5 = /*#__PURE__*/template(`<option>`);
2263
2264
  const DatePickerYearSelect = props => {
2264
2265
  const api = useDatePickerContext();
2265
2266
  const mergedProps = mergeProps$1(() => api().getYearSelectProps(), props);
@@ -2273,7 +2274,7 @@ const DatePickerYearSelect = props => {
2273
2274
  });
2274
2275
  },
2275
2276
  children: year => (() => {
2276
- var _el$ = _tmpl$$4();
2277
+ var _el$ = _tmpl$$5();
2277
2278
  _el$.value = year;
2278
2279
  insert(_el$, year);
2279
2280
  return _el$;
@@ -2727,6 +2728,7 @@ const useFileUpload = props => {
2727
2728
  dir: locale().dir,
2728
2729
  disabled: field?.().disabled,
2729
2730
  required: field?.().required,
2731
+ invalid: field?.().invalid,
2730
2732
  getRootNode: environment().getRootNode,
2731
2733
  ...props
2732
2734
  }));
@@ -2737,7 +2739,7 @@ const useFileUpload = props => {
2737
2739
  };
2738
2740
 
2739
2741
  const FileUploadRoot = props => {
2740
- const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'required', 'translations', 'validate']);
2742
+ const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'invalid', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'required', 'translations', 'validate']);
2741
2743
  const fileUpload = useFileUpload(fileUploadProps);
2742
2744
  const mergedProps = mergeProps$1(() => fileUpload().getRootProps(), localProps);
2743
2745
  return createComponent(FileUploadProvider, {
@@ -2805,48 +2807,132 @@ var format = /*#__PURE__*/Object.freeze({
2805
2807
  Number: FormatNumber
2806
2808
  });
2807
2809
 
2808
- const escapeRegexp = term => term.replace(/[|\\{}()[\]^$+*?.-]/g, char => `\\${char}`);
2809
- const buildRegex = (queryProp, flags) => {
2810
- const query = queryProp.filter(Boolean).map(text => escapeRegexp(text));
2811
- return new RegExp(`(${query.join('|')})`, flags);
2812
- };
2813
- const getRegexFlags = (ignoreCase = true, matchAll = true) => `${ignoreCase ? 'i' : ''}${matchAll ? 'g' : ''}`;
2814
- const normalizeSpan = (spans, len) => {
2815
- const result = [];
2816
- const append = (start, end, match) => {
2817
- if (end - start > 0) result.push({
2818
- start,
2819
- end,
2820
- match
2821
- });
2822
- };
2823
- if (spans.length === 0) {
2824
- append(0, len, false);
2825
- } else {
2826
- let lastIndex = 0;
2827
- for (const chunk of spans) {
2828
- append(lastIndex, chunk.start, false);
2829
- append(chunk.start, chunk.end, true);
2830
- lastIndex = chunk.end;
2831
- }
2832
- append(lastIndex, len, false);
2810
+ const isRefFn = ref => typeof ref === 'function';
2811
+ function setRef(ref, value) {
2812
+ if (isRefFn(ref)) {
2813
+ ref(value);
2833
2814
  }
2834
- return result;
2835
- };
2836
- const highlightWords = props => {
2837
- const flags = getRegexFlags(props.ignoreCase, props.matchAll);
2838
- const regex = buildRegex(Array.isArray(props.query) ? props.query : [props.query], flags);
2839
- const spans = [...props.text.matchAll(regex)].map(match => ({
2840
- start: match.index || 0,
2841
- end: (match.index || 0) + match[0].length
2842
- }));
2843
- return normalizeSpan(spans, props.text.length).map(chunk => ({
2844
- text: props.text.slice(chunk.start, chunk.end),
2845
- match: !!chunk.match
2846
- }));
2815
+ }
2816
+ function composeRefs(...refs) {
2817
+ return node => {
2818
+ for (const ref of refs) {
2819
+ setRef(ref, node);
2820
+ }
2821
+ };
2822
+ }
2823
+
2824
+ const FrameContent = props => {
2825
+ const {
2826
+ onMount,
2827
+ onUnmount,
2828
+ children
2829
+ } = props;
2830
+ createEffect(() => {
2831
+ onMount?.();
2832
+ onCleanup(() => {
2833
+ onUnmount?.();
2834
+ });
2835
+ });
2836
+ return children;
2837
+ };
2838
+
2839
+ var _tmpl$$4 = /*#__PURE__*/template(`<iframe>`);
2840
+ const resetStyle = '<style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style>';
2841
+ const initialSrcDoc = `<html><head>${resetStyle}</head><body><div class="frame-root"></div></body></html>`;
2842
+ function getMountNode(frame) {
2843
+ const doc = frame.contentWindow?.document;
2844
+ if (!doc) return null;
2845
+ return doc.body.querySelector('.frame-root') || doc.body;
2846
+ }
2847
+ const Frame = props => {
2848
+ const [frameProps, localProps] = splitProps(props, ['children', 'head', 'onMount', 'onUnmount', 'srcdoc']);
2849
+ const srcdoc = createMemo(() => frameProps.srcdoc ?? initialSrcDoc);
2850
+ const [frameRef, setFrameRef] = createSignal(null);
2851
+ const [mountNode, setMountNode] = createSignal(null);
2852
+ createEffect(() => {
2853
+ const frame = frameRef();
2854
+ if (!frame) return;
2855
+ const doc = frame.contentWindow?.document;
2856
+ if (!doc) return;
2857
+ doc.open();
2858
+ doc.write(srcdoc());
2859
+ doc.close();
2860
+ setMountNode(getMountNode(frame));
2861
+ });
2862
+ createEffect(() => {
2863
+ const frame = frameRef();
2864
+ if (!frame || !frame.contentDocument) return;
2865
+ const win = frame.contentWindow;
2866
+ if (!win) return;
2867
+ const node = getMountNode(frame);
2868
+ if (!node) return;
2869
+ const exec = () => {
2870
+ const rootEl = frame.contentDocument?.documentElement;
2871
+ if (!rootEl) return;
2872
+ frame.style.setProperty('--width', `${node.scrollWidth}px`);
2873
+ frame.style.setProperty('--height', `${node.scrollHeight}px`);
2874
+ };
2875
+ const resizeObserver = new win.ResizeObserver(exec);
2876
+ exec();
2877
+ if (frame.contentDocument) {
2878
+ resizeObserver.observe(node);
2879
+ }
2880
+ onCleanup(() => {
2881
+ resizeObserver.disconnect();
2882
+ });
2883
+ });
2884
+ return createComponent(EnvironmentProvider, {
2885
+ value: () => frameRef()?.contentDocument ?? document,
2886
+ get children() {
2887
+ var _el$ = _tmpl$$4();
2888
+ var _ref$ = composeRefs(setFrameRef, localProps.ref);
2889
+ typeof _ref$ === "function" && use(_ref$, _el$);
2890
+ spread(_el$, localProps, false, true);
2891
+ insert(_el$, createComponent(Show, {
2892
+ get when() {
2893
+ return mountNode();
2894
+ },
2895
+ children: node => createComponent(Portal, {
2896
+ get mount() {
2897
+ return node();
2898
+ },
2899
+ get children() {
2900
+ return createComponent(FrameContent, {
2901
+ get onMount() {
2902
+ return frameProps.onMount;
2903
+ },
2904
+ get onUnmount() {
2905
+ return frameProps.onUnmount;
2906
+ },
2907
+ get children() {
2908
+ return frameProps.children;
2909
+ }
2910
+ });
2911
+ }
2912
+ })
2913
+ }), null);
2914
+ insert(_el$, createComponent(Show, {
2915
+ get when() {
2916
+ return mountNode();
2917
+ },
2918
+ get children() {
2919
+ return createComponent(Portal, {
2920
+ get mount() {
2921
+ return frameRef().contentDocument.head;
2922
+ },
2923
+ get children() {
2924
+ return frameProps.head;
2925
+ }
2926
+ });
2927
+ }
2928
+ }), null);
2929
+ return _el$;
2930
+ }
2931
+ });
2847
2932
  };
2933
+
2848
2934
  const useHighlight = props => {
2849
- return createMemo(() => highlightWords(props));
2935
+ return createMemo(() => highlightWord(props));
2850
2936
  };
2851
2937
 
2852
2938
  var _tmpl$$3 = /*#__PURE__*/template(`<mark>`);
@@ -5020,6 +5106,173 @@ var splitter = /*#__PURE__*/Object.freeze({
5020
5106
  RootProvider: SplitterRootProvider
5021
5107
  });
5022
5108
 
5109
+ const [StepsProvider, useStepsContext] = createContext({
5110
+ hookName: 'useStepsContext',
5111
+ providerName: '<StepsProvider />'
5112
+ });
5113
+
5114
+ const StepsCompletedContent = props => {
5115
+ const steps = useStepsContext();
5116
+ const mergedProps = mergeProps$1(() => steps().getContentProps({
5117
+ index: steps().count
5118
+ }), props);
5119
+ return createComponent(ark.div, mergedProps);
5120
+ };
5121
+
5122
+ const StepsContent = props => {
5123
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
5124
+ const steps = useStepsContext();
5125
+ const mergedProps = mergeProps$1(() => steps().getContentProps(itemProps), localProps);
5126
+ return createComponent(ark.div, mergedProps);
5127
+ };
5128
+
5129
+ const StepsContext = props => {
5130
+ const context = useStepsContext();
5131
+ return props.children(context);
5132
+ };
5133
+
5134
+ const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext({
5135
+ hookName: 'useStepsItemPropsContext',
5136
+ providerName: '<StepsItemPropsProvider />'
5137
+ });
5138
+
5139
+ const StepsIndicator = props => {
5140
+ const steps = useStepsContext();
5141
+ const itemProps = useStepsItemPropsContext();
5142
+ const mergedProps = mergeProps$1(() => steps().getIndicatorProps(itemProps), props);
5143
+ return createComponent(ark.div, mergedProps);
5144
+ };
5145
+
5146
+ const [StepsItemProvider, useStepsItemContext] = createContext({
5147
+ hookName: 'useStepsItemContext',
5148
+ providerName: '<StepsItem />'
5149
+ });
5150
+
5151
+ const StepsItem = props => {
5152
+ const [itemProps, localProps] = createSplitProps()(props, ['index']);
5153
+ const steps = useStepsContext();
5154
+ const mergedProps = mergeProps$1(() => steps().getItemProps(itemProps), localProps);
5155
+ const itemState = createMemo(() => steps().getItemState(itemProps));
5156
+ return createComponent(StepsItemPropsProvider, {
5157
+ value: itemProps,
5158
+ get children() {
5159
+ return createComponent(StepsItemProvider, {
5160
+ value: itemState,
5161
+ get children() {
5162
+ return createComponent(ark.li, mergedProps);
5163
+ }
5164
+ });
5165
+ }
5166
+ });
5167
+ };
5168
+
5169
+ const StepsItemContext = props => {
5170
+ return props.children(useStepsItemContext());
5171
+ };
5172
+ StepsItemContext.displayName = 'StepsItemContext';
5173
+
5174
+ const StepsList = props => {
5175
+ const steps = useStepsContext();
5176
+ const mergedProps = mergeProps$1(() => steps().getListProps(), props);
5177
+ return createComponent(ark.ol, mergedProps);
5178
+ };
5179
+
5180
+ const StepsNextTrigger = props => {
5181
+ const steps = useStepsContext();
5182
+ const mergedProps = mergeProps$1(() => steps().getNextTriggerProps(), props);
5183
+ return createComponent(ark.button, mergedProps);
5184
+ };
5185
+
5186
+ const StepsPrevTrigger = props => {
5187
+ const steps = useStepsContext();
5188
+ const mergedProps = mergeProps$1(() => steps().getPrevTriggerProps(), props);
5189
+ return createComponent(ark.button, mergedProps);
5190
+ };
5191
+
5192
+ const StepsProgress = props => {
5193
+ const steps = useStepsContext();
5194
+ const mergedProps = mergeProps$1(() => steps().getProgressProps(), props);
5195
+ return createComponent(ark.div, mergedProps);
5196
+ };
5197
+
5198
+ function useSteps(props = {}) {
5199
+ const environment = useEnvironmentContext();
5200
+ const locale = useLocaleContext();
5201
+ const id = createUniqueId();
5202
+ const context = createMemo(() => ({
5203
+ id,
5204
+ dir: locale().dir,
5205
+ getRootNode: environment().getRootNode,
5206
+ step: props.defaultStep,
5207
+ ...props
5208
+ }));
5209
+ const [state, send] = useMachine(steps$1.machine(context()), {
5210
+ context
5211
+ });
5212
+ return createMemo(() => steps$1.connect(state, send, normalizeProps));
5213
+ }
5214
+
5215
+ const StepsRoot = props => {
5216
+ const [useStepsProps, localProps] = createSplitProps()(props, ['defaultStep', 'id', 'ids', 'count', 'linear', 'onStepChange', 'onStepComplete', 'orientation', 'step']);
5217
+ const steps = useSteps(useStepsProps);
5218
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), localProps);
5219
+ return createComponent(StepsProvider, {
5220
+ value: steps,
5221
+ get children() {
5222
+ return createComponent(ark.div, mergedProps);
5223
+ }
5224
+ });
5225
+ };
5226
+
5227
+ const StepsRootProvider = props => {
5228
+ const [{
5229
+ value: steps
5230
+ }, rootProps] = createSplitProps()(props, ['value']);
5231
+ const mergedProps = mergeProps$1(() => steps().getRootProps(), rootProps);
5232
+ return createComponent(StepsProvider, {
5233
+ value: steps,
5234
+ get children() {
5235
+ return createComponent(ark.div, mergeProps(mergedProps, {
5236
+ get children() {
5237
+ return props.children;
5238
+ }
5239
+ }));
5240
+ }
5241
+ });
5242
+ };
5243
+
5244
+ const StepsSeparator = props => {
5245
+ const steps = useStepsContext();
5246
+ const itemProps = useStepsItemPropsContext();
5247
+ const mergedProps = mergeProps$1(() => steps().getSeparatorProps(itemProps), props);
5248
+ return createComponent(ark.div, mergedProps);
5249
+ };
5250
+
5251
+ const StepsTrigger = props => {
5252
+ const steps = useStepsContext();
5253
+ const itemProps = useStepsItemPropsContext();
5254
+ const mergedProps = mergeProps$1(() => steps().getTriggerProps(itemProps), props);
5255
+ return createComponent(ark.button, mergedProps);
5256
+ };
5257
+
5258
+ var steps = /*#__PURE__*/Object.freeze({
5259
+ __proto__: null,
5260
+ CompletedContent: StepsCompletedContent,
5261
+ Content: StepsContent,
5262
+ Context: StepsContext,
5263
+ Indicator: StepsIndicator,
5264
+ Item: StepsItem,
5265
+ ItemContext: StepsItemContext,
5266
+ List: StepsList,
5267
+ NextTrigger: StepsNextTrigger,
5268
+ PrevTrigger: StepsPrevTrigger,
5269
+ Progress: StepsProgress,
5270
+ Root: StepsRoot,
5271
+ RootProvider: StepsRootProvider,
5272
+ Separator: StepsSeparator,
5273
+ Trigger: StepsTrigger
5274
+ });
5275
+
5023
5276
  const [SwitchProvider, useSwitchContext] = createContext({
5024
5277
  hookName: 'useSwitchContext',
5025
5278
  providerName: '<SwitchProvider />'
@@ -5585,39 +5838,132 @@ var timePicker = /*#__PURE__*/Object.freeze({
5585
5838
  Trigger: TimePickerTrigger
5586
5839
  });
5587
5840
 
5588
- const createToaster = props => {
5589
- const machine = toast$1.group.machine({
5590
- id: '1',
5591
- ...props
5592
- });
5593
- const api = toast$1.group.connect(machine, machine.send, normalizeProps);
5594
- return {
5595
- ...api,
5596
- machine
5597
- };
5598
- };
5599
-
5600
- const [ToastProvider, useToastContext] = createContext({
5601
- hookName: 'useToastContext',
5602
- providerName: '<ToastProvider />'
5841
+ const [TimerProvider, useTimerContext] = createContext({
5842
+ hookName: 'useTimerContext',
5843
+ providerName: '<TimerProvider />'
5603
5844
  });
5604
5845
 
5605
- const ToastActionTrigger = props => {
5606
- const toast = useToastContext();
5607
- const mergedProps = mergeProps$1(() => toast().getActionTriggerProps(), props);
5846
+ const TimerActionTrigger = props => {
5847
+ const timer = useTimerContext();
5848
+ const mergedProps = mergeProps$1(() => timer().getActionTriggerProps(props), props);
5608
5849
  return createComponent(ark.button, mergedProps);
5609
5850
  };
5610
5851
 
5611
- const ToastCloseTrigger = props => {
5612
- const toast = useToastContext();
5613
- const mergedProps = mergeProps$1(() => toast().getCloseTriggerProps(), props);
5614
- return createComponent(ark.button, mergedProps);
5852
+ const TimerArea = props => {
5853
+ const timer = useTimerContext();
5854
+ const mergedProps = mergeProps$1(() => timer().getAreaProps(), props);
5855
+ return createComponent(ark.div, mergedProps);
5615
5856
  };
5616
5857
 
5617
- const ToastContext = props => props.children(useToastContext());
5858
+ const TimerContext = props => props.children(useTimerContext());
5618
5859
 
5619
- const ToastDescription = props => {
5620
- const toast = useToastContext();
5860
+ const TimerControl = props => {
5861
+ const timer = useTimerContext();
5862
+ const mergedProps = mergeProps$1(() => timer().getControlProps(), props);
5863
+ return createComponent(ark.div, mergedProps);
5864
+ };
5865
+
5866
+ const TimerItem = props => {
5867
+ const [itemProps, localProps] = createSplitProps()(props, ['type']);
5868
+ const timer = useTimerContext();
5869
+ const mergedProps = mergeProps$1(() => timer().getItemProps(itemProps), localProps);
5870
+ return createComponent(ark.div, mergeProps(mergedProps, {
5871
+ get children() {
5872
+ return timer().formattedTime[itemProps.type];
5873
+ }
5874
+ }));
5875
+ };
5876
+
5877
+ const useTimer = props => {
5878
+ const env = useEnvironmentContext();
5879
+ const id = createUniqueId();
5880
+ const context = createMemo(() => ({
5881
+ id,
5882
+ getRootNode: env().getRootNode,
5883
+ ...props
5884
+ }));
5885
+ const [state, send] = useMachine(timer$1.machine(context()), {
5886
+ context
5887
+ });
5888
+ return createMemo(() => timer$1.connect(state, send, normalizeProps));
5889
+ };
5890
+
5891
+ const TimerRoot = props => {
5892
+ const [useTimerProps, localProps] = createSplitProps()(props, ['id', 'ids', 'autoStart', 'interval', 'countdown', 'startMs', 'targetMs', 'onComplete', 'onTick']);
5893
+ const timer = useTimer(useTimerProps);
5894
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
5895
+ return createComponent(TimerProvider, {
5896
+ value: timer,
5897
+ get children() {
5898
+ return createComponent(ark.div, mergedProps);
5899
+ }
5900
+ });
5901
+ };
5902
+
5903
+ const TimerRootProvider = props => {
5904
+ const [{
5905
+ value: timer
5906
+ }, localProps] = createSplitProps()(props, ['value']);
5907
+ const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
5908
+ return createComponent(TimerProvider, {
5909
+ value: timer,
5910
+ get children() {
5911
+ return createComponent(ark.div, mergedProps);
5912
+ }
5913
+ });
5914
+ };
5915
+
5916
+ const TimerSeparator = props => {
5917
+ const timer = useTimerContext();
5918
+ const mergedProps = mergeProps$1(() => timer().getSeparatorProps(), props);
5919
+ return createComponent(ark.div, mergedProps);
5920
+ };
5921
+
5922
+ var timer = /*#__PURE__*/Object.freeze({
5923
+ __proto__: null,
5924
+ ActionTrigger: TimerActionTrigger,
5925
+ Area: TimerArea,
5926
+ Context: TimerContext,
5927
+ Control: TimerControl,
5928
+ Item: TimerItem,
5929
+ Root: TimerRoot,
5930
+ RootProvider: TimerRootProvider,
5931
+ Separator: TimerSeparator
5932
+ });
5933
+
5934
+ const createToaster = props => {
5935
+ const machine = toast$1.group.machine({
5936
+ id: '1',
5937
+ ...props
5938
+ });
5939
+ const api = toast$1.group.connect(machine, machine.send, normalizeProps);
5940
+ return {
5941
+ ...api,
5942
+ machine
5943
+ };
5944
+ };
5945
+
5946
+ const [ToastProvider, useToastContext] = createContext({
5947
+ hookName: 'useToastContext',
5948
+ providerName: '<ToastProvider />'
5949
+ });
5950
+
5951
+ const ToastActionTrigger = props => {
5952
+ const toast = useToastContext();
5953
+ const mergedProps = mergeProps$1(() => toast().getActionTriggerProps(), props);
5954
+ return createComponent(ark.button, mergedProps);
5955
+ };
5956
+
5957
+ const ToastCloseTrigger = props => {
5958
+ const toast = useToastContext();
5959
+ const mergedProps = mergeProps$1(() => toast().getCloseTriggerProps(), props);
5960
+ return createComponent(ark.button, mergedProps);
5961
+ };
5962
+
5963
+ const ToastContext = props => props.children(useToastContext());
5964
+
5965
+ const ToastDescription = props => {
5966
+ const toast = useToastContext();
5621
5967
  const mergedProps = mergeProps$1(() => toast().getDescriptionProps(), props);
5622
5968
  return createComponent(ark.div, mergedProps);
5623
5969
  };
@@ -6076,251 +6422,5 @@ var treeView = /*#__PURE__*/Object.freeze({
6076
6422
  Tree: TreeViewTree
6077
6423
  });
6078
6424
 
6079
- const [TimerProvider, useTimerContext] = createContext({
6080
- hookName: 'useTimerContext',
6081
- providerName: '<TimerProvider />'
6082
- });
6083
-
6084
- const TimerContext = props => props.children(useTimerContext());
6085
-
6086
- const TimerActionTrigger = props => {
6087
- const timer = useTimerContext();
6088
- const mergedProps = mergeProps$1(() => timer().getActionTriggerProps(props), props);
6089
- return createComponent(ark.button, mergedProps);
6090
- };
6091
-
6092
- const TimerItem = props => {
6093
- const [itemProps, localProps] = createSplitProps()(props, ['type']);
6094
- const timer = useTimerContext();
6095
- const mergedProps = mergeProps$1(() => timer().getItemProps(itemProps), localProps);
6096
- return createComponent(ark.div, mergeProps(mergedProps, {
6097
- get children() {
6098
- return timer().formattedTime[itemProps.type];
6099
- }
6100
- }));
6101
- };
6102
-
6103
- const TimerSeparator = props => {
6104
- const timer = useTimerContext();
6105
- const mergedProps = mergeProps$1(() => timer().getSeparatorProps(), props);
6106
- return createComponent(ark.div, mergedProps);
6107
- };
6108
-
6109
- const useTimer = props => {
6110
- const env = useEnvironmentContext();
6111
- const id = createUniqueId();
6112
- const context = createMemo(() => ({
6113
- id,
6114
- getRootNode: env().getRootNode,
6115
- ...props
6116
- }));
6117
- const [state, send] = useMachine(timer$1.machine(context()), {
6118
- context
6119
- });
6120
- return createMemo(() => timer$1.connect(state, send, normalizeProps));
6121
- };
6122
-
6123
- const TimerRoot = props => {
6124
- const [useTimerProps, localProps] = createSplitProps()(props, ['id', 'autoStart', 'interval', 'countdown', 'startMs', 'targetMs', 'onComplete', 'onTick']);
6125
- const timer = useTimer(useTimerProps);
6126
- const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6127
- return createComponent(TimerProvider, {
6128
- value: timer,
6129
- get children() {
6130
- return createComponent(ark.div, mergedProps);
6131
- }
6132
- });
6133
- };
6134
-
6135
- const TimerRootProvider = props => {
6136
- const [{
6137
- value: timer
6138
- }, localProps] = createSplitProps()(props, ['value']);
6139
- const mergedProps = mergeProps$1(() => timer().getRootProps(), localProps);
6140
- return createComponent(TimerProvider, {
6141
- value: timer,
6142
- get children() {
6143
- return createComponent(ark.div, mergedProps);
6144
- }
6145
- });
6146
- };
6147
-
6148
- var timer = /*#__PURE__*/Object.freeze({
6149
- __proto__: null,
6150
- ActionTrigger: TimerActionTrigger,
6151
- Context: TimerContext,
6152
- Item: TimerItem,
6153
- Root: TimerRoot,
6154
- RootProvider: TimerRootProvider,
6155
- Separator: TimerSeparator
6156
- });
6157
-
6158
- const [StepsProvider, useStepsContext] = createContext({
6159
- hookName: 'useStepsContext',
6160
- providerName: '<StepsProvider />'
6161
- });
6162
-
6163
- const StepsCompletedContent = props => {
6164
- const steps = useStepsContext();
6165
- const mergedProps = mergeProps$1(() => steps().getContentProps({
6166
- index: steps().count
6167
- }), props);
6168
- return createComponent(ark.div, mergedProps);
6169
- };
6170
-
6171
- const StepsContent = props => {
6172
- const [itemProps, localProps] = createSplitProps()(props, ['index']);
6173
- const steps = useStepsContext();
6174
- const mergedProps = mergeProps$1(() => steps().getContentProps(itemProps), localProps);
6175
- return createComponent(ark.div, mergedProps);
6176
- };
6177
-
6178
- const StepsContext = props => {
6179
- const context = useStepsContext();
6180
- return props.children(context);
6181
- };
6182
-
6183
- const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext({
6184
- hookName: 'useStepsItemPropsContext',
6185
- providerName: '<StepsItemPropsProvider />'
6186
- });
6187
-
6188
- const StepsIndicator = props => {
6189
- const steps = useStepsContext();
6190
- const itemProps = useStepsItemPropsContext();
6191
- const mergedProps = mergeProps$1(() => steps().getIndicatorProps(itemProps), props);
6192
- return createComponent(ark.div, mergedProps);
6193
- };
6194
-
6195
- const [StepsItemProvider, useStepsItemContext] = createContext({
6196
- hookName: 'useStepsItemContext',
6197
- providerName: '<StepsItem />'
6198
- });
6199
-
6200
- const StepsItem = props => {
6201
- const [itemProps, localProps] = createSplitProps()(props, ['index']);
6202
- const steps = useStepsContext();
6203
- const mergedProps = mergeProps$1(() => steps().getItemProps(itemProps), localProps);
6204
- const itemState = createMemo(() => steps().getItemState(itemProps));
6205
- return createComponent(StepsItemPropsProvider, {
6206
- value: itemProps,
6207
- get children() {
6208
- return createComponent(StepsItemProvider, {
6209
- value: itemState,
6210
- get children() {
6211
- return createComponent(ark.li, mergedProps);
6212
- }
6213
- });
6214
- }
6215
- });
6216
- };
6217
-
6218
- const StepsItemContext = props => {
6219
- return props.children(useStepsItemContext());
6220
- };
6221
- StepsItemContext.displayName = 'StepsItemContext';
6222
-
6223
- const StepsList = props => {
6224
- const steps = useStepsContext();
6225
- const mergedProps = mergeProps$1(() => steps().getListProps(), props);
6226
- return createComponent(ark.ol, mergedProps);
6227
- };
6228
-
6229
- const StepsNextTrigger = props => {
6230
- const steps = useStepsContext();
6231
- const mergedProps = mergeProps$1(() => steps().getNextTriggerProps(), props);
6232
- return createComponent(ark.button, mergedProps);
6233
- };
6234
-
6235
- const StepsPrevTrigger = props => {
6236
- const steps = useStepsContext();
6237
- const mergedProps = mergeProps$1(() => steps().getPrevTriggerProps(), props);
6238
- return createComponent(ark.button, mergedProps);
6239
- };
6240
-
6241
- const StepsProgress = props => {
6242
- const steps = useStepsContext();
6243
- const mergedProps = mergeProps$1(() => steps().getProgressProps(), props);
6244
- return createComponent(ark.div, mergedProps);
6245
- };
6246
-
6247
- function useSteps(props = {}) {
6248
- const environment = useEnvironmentContext();
6249
- const locale = useLocaleContext();
6250
- const id = createUniqueId();
6251
- const context = createMemo(() => ({
6252
- id,
6253
- dir: locale().dir,
6254
- getRootNode: environment().getRootNode,
6255
- step: props.defaultStep,
6256
- ...props
6257
- }));
6258
- const [state, send] = useMachine(steps$1.machine(context()), {
6259
- context
6260
- });
6261
- return createMemo(() => steps$1.connect(state, send, normalizeProps));
6262
- }
6263
-
6264
- const StepsRoot = props => {
6265
- const [useStepsProps, localProps] = createSplitProps()(props, ['defaultStep', 'id', 'ids', 'count', 'linear', 'onStepChange', 'onStepComplete', 'orientation', 'step']);
6266
- const steps = useSteps(useStepsProps);
6267
- const mergedProps = mergeProps$1(() => steps().getRootProps(), localProps);
6268
- return createComponent(StepsProvider, {
6269
- value: steps,
6270
- get children() {
6271
- return createComponent(ark.div, mergedProps);
6272
- }
6273
- });
6274
- };
6275
-
6276
- const StepsRootProvider = props => {
6277
- const [{
6278
- value: steps
6279
- }, rootProps] = createSplitProps()(props, ['value']);
6280
- const mergedProps = mergeProps$1(() => steps().getRootProps(), rootProps);
6281
- return createComponent(StepsProvider, {
6282
- value: steps,
6283
- get children() {
6284
- return createComponent(ark.div, mergeProps(mergedProps, {
6285
- get children() {
6286
- return props.children;
6287
- }
6288
- }));
6289
- }
6290
- });
6291
- };
6292
-
6293
- const StepsSeparator = props => {
6294
- const steps = useStepsContext();
6295
- const itemProps = useStepsItemPropsContext();
6296
- const mergedProps = mergeProps$1(() => steps().getSeparatorProps(itemProps), props);
6297
- return createComponent(ark.div, mergedProps);
6298
- };
6299
-
6300
- const StepsTrigger = props => {
6301
- const steps = useStepsContext();
6302
- const itemProps = useStepsItemPropsContext();
6303
- const mergedProps = mergeProps$1(() => steps().getTriggerProps(itemProps), props);
6304
- return createComponent(ark.button, mergedProps);
6305
- };
6306
-
6307
- var steps = /*#__PURE__*/Object.freeze({
6308
- __proto__: null,
6309
- CompletedContent: StepsCompletedContent,
6310
- Content: StepsContent,
6311
- Context: StepsContext,
6312
- Indicator: StepsIndicator,
6313
- Item: StepsItem,
6314
- ItemContext: StepsItemContext,
6315
- List: StepsList,
6316
- NextTrigger: StepsNextTrigger,
6317
- PrevTrigger: StepsPrevTrigger,
6318
- Progress: StepsProgress,
6319
- Root: StepsRoot,
6320
- RootProvider: StepsRootProvider,
6321
- Separator: StepsSeparator,
6322
- Trigger: StepsTrigger
6323
- });
6324
-
6325
- export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EnvironmentProvider, field as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldset as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, format as Format, FormatByte, FormatNumber, Highlight, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, steps as Steps, StepsCompletedContent, StepsContent, StepsContext, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, timer as Timer, TimerActionTrigger, TimerContext, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, ark, carouselAnatomy, checkboxAnatomy, colorPickerAnatomy, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, splitPresenceProps, useAccordion, useAccordionContext, useAccordionItemContext, useAvatar, useAvatarContext, useCarousel, useCarouselContext, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext, useClipboard, useClipboardContext, useCollapsible, useCollapsibleContext, useColorPicker, useColorPickerContext, useCombobox, useComboboxContext, useComboboxItemContext, useDatePicker, useDatePickerContext, useDialog, useDialogContext, useEditable, useEditableContext, useEnvironmentContext, useFieldContext, useFieldsetContext, useFileUpload, useFileUploadContext, useHighlight, useHoverCard, useHoverCardContext, useLocaleContext, useMenu, useMenuContext, useMenuItemContext, useNumberInput, useNumberInputContext, usePagination, usePaginationContext, usePinInput, usePinInputContext, usePopover, usePopoverContext, usePresence, usePresenceContext, useProgress, useProgressContext, useQrCode, useQrCodeContext, useRadioGroup, useRadioGroupContext, useRadioGroupItemContext, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext, useSelect, useSelectContext, useSelectItemContext, useSignaturePad, useSignaturePadContext, useSlider, useSliderContext, useSplitter, useSplitterContext, useSteps, useStepsContext, useStepsItemContext, useSwitch, useSwitchContext, useTabs, useTabsContext, useTagsInput, useTagsInputContext, useTagsInputItemContext, useTimePicker, useTimePickerContext, useTimer, useTimerContext, useToastContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
6425
+ 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, Frame, Highlight, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, qrCode as QrCode, QrCodeContext, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, SegmentGroupRootProvider, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, signaturePad as SignaturePad, SignaturePadClearTrigger, SignaturePadContext, SignaturePadControl, SignaturePadGuide, SignaturePadHiddenInput, SignaturePadLabel, SignaturePadRoot, SignaturePadRootProvider, SignaturePadSegment, slider as Slider, SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, SplitterRootProvider, steps as Steps, StepsCompletedContent, StepsContent, StepsContext, StepsIndicator, StepsItem, StepsItemContext, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsRoot, StepsRootProvider, StepsSeparator, StepsTrigger, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, TabsRootProvider, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, TagsInputRootProvider, timePicker as TimePicker, TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, timer as Timer, TimerActionTrigger, TimerArea, TimerContext, TimerControl, 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 };
6326
6426
  //# sourceMappingURL=index.js.map