@ark-ui/solid 3.13.0 → 4.1.0

package/dist/esm/index.js

@@ -15,11 +15,14 @@ import * as clipboard$1 from '@zag-js/clipboard';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 import * as colorPicker$1 from '@zag-js/color-picker';
 import { anatomy as anatomy$2 } from '@zag-js/color-picker';
+export { parse as parseColor } from '@zag-js/color-picker';
 import * as presence from '@zag-js/presence';
+import { ListCollection } from '@zag-js/collection';
 import * as combobox$1 from '@zag-js/combobox';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 import * as datePicker$1 from '@zag-js/date-picker';
 import { anatomy as anatomy$3 } from '@zag-js/date-picker';
+export { parse as parseDate } from '@zag-js/date-picker';
 import * as dialog$1 from '@zag-js/dialog';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 import * as editable$1 from '@zag-js/editable';
@@ -70,6 +73,7 @@ export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
 import { parseTime } from '@internationalized/date';
 import * as timePicker$1 from '@zag-js/time-picker';
 import * as timer$1 from '@zag-js/timer';
+export { anatomy as timerAnatomy } from '@zag-js/timer';
 import * as toast$1 from '@zag-js/toast';
 export { anatomy as toastAnatomy } from '@zag-js/toast';
 import * as toggleGroup$1 from '@zag-js/toggle-group';
@@ -188,7 +192,7 @@ const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   })
 });
 
-var _tmpl$$7 = /*#__PURE__*/template(`<span hidden>`);
+var _tmpl$$8 = /*#__PURE__*/template(`<span hidden>`);
 const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
@@ -205,7 +209,7 @@ const EnvironmentProvider = props => {
           return !props.value;
         },
         get children() {
-          var _el$ = _tmpl$$7();
+          var _el$ = _tmpl$$8();
           use(setSpanRef, _el$);
           return _el$;
         }
@@ -767,12 +771,6 @@ const FieldLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
-const FieldSelect = props => {
-  const field = useFieldContext();
-  const mergedProps = mergeProps$1(() => field?.().getSelectProps(), props);
-  return createComponent(ark.select, mergedProps);
-};
-
 const [FieldsetProvider, useFieldsetContext] = createContext({
   hookName: 'useFieldsetContext',
   providerName: '<FieldsetProvider />',
@@ -800,8 +798,14 @@ const FieldsetHelperText = props => {
   return createComponent(ark.span, mergedProps);
 };
 
+const FieldsetLegend = props => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps$1(() => fieldset().getLegendProps(), props);
+  return createComponent(ark.legend, mergedProps);
+};
+
 const fieldsetAnatomy = createAnatomy('fieldset').parts('root', 'errorText', 'helperText', 'legend');
-const parts$2 = fieldsetAnatomy.build();
+const parts$3 = fieldsetAnatomy.build();
 
 const useFieldset = props => {
   const {
@@ -821,24 +825,24 @@ const useFieldset = props => {
   if (hasErrorText() && invalid) labelIds.push(errorTextId);
   if (hasHelperText()) labelIds.push(helperTextId);
   const getRootProps = () => ({
-    ...parts$2.root.attrs,
+    ...parts$3.root.attrs,
     disabled,
     'data-disabled': dataAttr(disabled),
     'data-invalid': dataAttr(invalid),
     'aria-describedby': labelIds.join(' ') || undefined
   });
   const getLegendProps = () => ({
-    ...parts$2.legend.attrs,
+    ...parts$3.legend.attrs,
     'data-disabled': dataAttr(disabled),
     'data-invalid': dataAttr(invalid)
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
-    ...parts$2.helperText.attrs
+    ...parts$3.helperText.attrs
   });
   const getErrorTextProps = () => ({
     id: errorTextId,
-    ...parts$2.errorText.attrs,
+    ...parts$3.errorText.attrs,
     'aria-live': 'polite'
   });
   return createMemo(() => ({
@@ -881,12 +885,6 @@ const FieldsetRootProvider = props => {
   });
 };
 
-const FieldsetLegend = props => {
-  const fieldset = useFieldsetContext();
-  const mergedProps = mergeProps$1(() => fieldset().getLegendProps(), props);
-  return createComponent(ark.legend, mergedProps);
-};
-
 var fieldset = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: FieldsetContext,
@@ -898,7 +896,7 @@ var fieldset = /*#__PURE__*/Object.freeze({
 });
 
 const fieldAnatomy = createAnatomy('field').parts('root', 'errorText', 'helperText', 'input', 'label', 'select', 'textarea');
-const parts$1 = fieldAnatomy.build();
+const parts$2 = fieldAnatomy.build();
 
 const useField = props => {
   const fieldset = useFieldsetContext();
@@ -921,7 +919,7 @@ const useField = props => {
     return;
   });
   const getRootProps = () => ({
-    ...parts$1.root.attrs,
+    ...parts$2.root.attrs,
     id: rootId,
     role: 'group',
     'data-disabled': dataAttr$1(disabled),
@@ -929,7 +927,7 @@ const useField = props => {
     'data-readonly': dataAttr$1(readOnly)
   });
   const getLabelProps = () => ({
-    ...parts$1.label.attrs,
+    ...parts$2.label.attrs,
     id: labelId,
     'data-disabled': dataAttr$1(disabled),
     'data-invalid': dataAttr$1(invalid),
@@ -952,23 +950,23 @@ const useField = props => {
   });
   const getInputProps = () => ({
     ...getControlProps(),
-    ...parts$1.input.attrs
+    ...parts$2.input.attrs
   });
   const getTextareaProps = () => ({
     ...getControlProps(),
-    ...parts$1.textarea.attrs
+    ...parts$2.textarea.attrs
   });
   const getSelectProps = () => ({
     ...getControlProps(),
-    ...parts$1.select.attrs
+    ...parts$2.select.attrs
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
-    ...parts$1.helperText.attrs
+    ...parts$2.helperText.attrs
   });
   const getErrorTextProps = () => ({
     id: errorTextId,
-    ...parts$1.errorText.attrs,
+    ...parts$2.errorText.attrs,
     'aria-live': 'polite'
   });
   return createMemo(() => ({
@@ -1021,6 +1019,12 @@ const FieldRootProvider = props => {
   });
 };
 
+const FieldSelect = props => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps$1(() => field?.().getSelectProps(), props);
+  return createComponent(ark.select, mergedProps);
+};
+
 const FieldTextarea = props => {
   const field = useFieldContext();
   const mergedProps = mergeProps$1(() => field?.().getTextareaProps(), props);
@@ -1497,8 +1501,8 @@ const useColorPicker = props => {
     getRootNode: environment().getRootNode,
     open: props.defaultOpen,
     'open.controlled': props.open !== undefined,
-    ...props,
-    value: props.value ? colorPicker$1.parse(props.value) : props.defaultValue ? colorPicker$1.parse(props.defaultValue) : undefined
+    value: props.defaultValue,
+    ...props
   }));
   const [state, send] = useMachine(colorPicker$1.machine(context()), {
     context
@@ -1687,6 +1691,28 @@ var colorPicker = /*#__PURE__*/Object.freeze({
   View: ColorPickerView
 });
 
+// src/global.ts
+function getGlobal() {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof self !== "undefined") return self;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+}
+function makeGlobal(key, value) {
+  const g = getGlobal();
+  if (!g) return value();
+  g[key] || (g[key] = value());
+  return g[key];
+}
+makeGlobal("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap());
+var refSet = makeGlobal("__zag__refSet", () => /* @__PURE__ */ new WeakSet());
+function ref(obj) {
+  refSet.add(obj);
+  return obj;
+}
+
+const createListCollection = options => ref(new ListCollection(options));
+
 // biome-ignore lint/suspicious/noExplicitAny: <explanation>
 const [ComboboxProvider, useComboboxContext] = createContext({
   hookName: 'useComboboxContext',
@@ -1832,15 +1858,11 @@ const ComboboxPositioner = props => {
 };
 
 const useCombobox = props => {
-  const [collectionOptions, comboboxProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = () => combobox$1.collection({
-    ...collectionOptions
-  });
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const initialContext = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -1850,23 +1872,31 @@ const useCombobox = props => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     invalid: field?.().invalid,
-    collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     open: props.defaultOpen,
     value: props.defaultValue,
     'open.controlled': props.open !== undefined,
-    ...comboboxProps
+    ...props
   }));
-  const [state, send] = useMachine(combobox$1.machine(context()), {
+  const context = createMemo(() => {
+    const [, restProps] = splitProps(initialContext(), ['collection']);
+    return restProps;
+  });
+  const [state, send, service] = useMachine(combobox$1.machine(initialContext()), {
     context
   });
+  createEffect(() => {
+    service.setContext({
+      collection: props.collection
+    });
+  });
   return createMemo(() => combobox$1.connect(state, send, normalizeProps));
 };
 
 const ComboboxRoot = props => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ['allowCustomValue', 'autoFocus', 'closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'disableLayer', 'form', 'getSelectionValue', 'highlightedValue', 'id', 'ids', 'inputBehavior', 'inputValue', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onOpenChange', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'openOnChange', 'openOnClick', 'openOnKeyPress', 'placeholder', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ['allowCustomValue', 'autoFocus', 'closeOnSelect', 'collection', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'disableLayer', 'form', 'getSelectionValue', 'highlightedValue', 'id', 'ids', 'inputBehavior', 'inputValue', 'invalid', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onOpenChange', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'openOnChange', 'openOnClick', 'openOnKeyPress', 'placeholder', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1981,7 +2011,7 @@ const DatePickerLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
-var _tmpl$$6 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$7 = /*#__PURE__*/template(`<option>`);
 const DatePickerMonthSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getMonthSelectProps(), props);
@@ -1992,7 +2022,7 @@ const DatePickerMonthSelect = props => {
           return api().getMonths();
         },
         children: month => (() => {
-          var _el$ = _tmpl$$6();
+          var _el$ = _tmpl$$7();
           insert(_el$, () => month.label);
           effect(() => _el$.value = month.value);
           return _el$;
@@ -2064,13 +2094,10 @@ const useDatePicker = props => {
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined,
     open: props.defaultOpen,
-    ...props,
-    focusedValue: props.focusedValue ? datePicker$1.parse(props.focusedValue) : undefined,
-    value: props.value ? datePicker$1.parse(props.value) : props.defaultValue ? datePicker$1.parse(props.defaultValue) : undefined,
-    max: props.max ? datePicker$1.parse(props.max) : undefined,
-    min: props.min ? datePicker$1.parse(props.min) : undefined
+    'open.controlled': props.open !== undefined,
+    value: props.defaultValue,
+    ...props
   }));
   const [state, send] = useMachine(datePicker$1.machine(context()), {
     context
@@ -2260,7 +2287,7 @@ const DatePickerViewTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
-var _tmpl$$5 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$6 = /*#__PURE__*/template(`<option>`);
 const DatePickerYearSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().getYearSelectProps(), props);
@@ -2271,7 +2298,7 @@ const DatePickerYearSelect = props => {
           return api().getYears();
         },
         children: year => (() => {
-          var _el$ = _tmpl$$5();
+          var _el$ = _tmpl$$6();
           insert(_el$, () => year().label);
           effect(() => _el$.value = year().value);
           return _el$;
@@ -2685,7 +2712,10 @@ const FileUploadItemPreviewImage = props => {
   const fileUpload = useFileUploadContext();
   const itemProps = useFileUploadItemPropsContext();
   const [url, setUrl] = createSignal('');
-  fileUpload().createFileUrl(itemProps.file, url => setUrl(url));
+  createEffect(() => {
+    const cleanup = fileUpload().createFileUrl(itemProps.file, url => setUrl(url));
+    onCleanup(cleanup);
+  });
   const mergedProps = mergeProps$1(fileUpload().getItemPreviewImageProps({
     ...itemProps,
     url: url()
@@ -2833,7 +2863,7 @@ const FrameContent = props => {
   return children;
 };
 
-var _tmpl$$4 = /*#__PURE__*/template(`<iframe>`);
+var _tmpl$$5 = /*#__PURE__*/template(`<iframe>`);
 const resetStyle = '<style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style>';
 const initialSrcDoc = `<html><head>${resetStyle}</head><body><div class="frame-root"></div></body></html>`;
 function getMountNode(frame) {
@@ -2881,7 +2911,7 @@ const Frame = props => {
   return createComponent(EnvironmentProvider, {
     value: () => frameRef()?.contentDocument ?? document,
     get children() {
-      var _el$ = _tmpl$$4();
+      var _el$ = _tmpl$$5();
       var _ref$ = composeRefs(setFrameRef, localProps.ref);
       typeof _ref$ === "function" && use(_ref$, _el$);
       spread(_el$, localProps, false, true);
@@ -2932,7 +2962,7 @@ const useHighlight = props => {
   return createMemo(() => highlightWord(props));
 };
 
-var _tmpl$$3 = /*#__PURE__*/template(`<mark>`);
+var _tmpl$$4 = /*#__PURE__*/template(`<mark>`);
 const Highlight = props => {
   if (typeof props.text !== 'string') {
     throw new Error('[ark-ui/highlight] text must be a string');
@@ -2951,7 +2981,7 @@ const Highlight = props => {
         return chunk.text;
       },
       get children() {
-        var _el$ = _tmpl$$3();
+        var _el$ = _tmpl$$4();
         spread(_el$, localProps, false, true);
         insert(_el$, () => chunk.text);
         return _el$;
@@ -4084,10 +4114,10 @@ const QrCodeRootProvider = props => {
 
 var qrCode = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  Context: QrCodeContext,
   Frame: QrCodeFrame,
   Overlay: QrCodeOverlay,
   Pattern: QrCodePattern,
-  QrCodeContext: QrCodeContext,
   Root: QrCodeRoot,
   RootProvider: QrCodeRootProvider
 });
@@ -4338,11 +4368,11 @@ const [SegmentGroupProvider, useSegmentGroupContext] = createContext({
 const SegmentGroupContext = props => props.children(useSegmentGroupContext());
 
 const segmentGroupAnatomy = anatomy$4.rename('segment-group');
-const parts = segmentGroupAnatomy.build();
+const parts$1 = segmentGroupAnatomy.build();
 
 const SegmentGroupIndicator = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getIndicatorProps(), parts.indicator.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getIndicatorProps(), parts$1.indicator.attrs, props);
   return createComponent(ark.div, mergedProps);
 };
 
@@ -4359,7 +4389,7 @@ const [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createC
 const SegmentGroupItem = props => {
   const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled', 'invalid']);
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemProps(itemProps), parts$1.item.attrs, localProps);
   const itemState = createMemo(() => segmentGroup().getItemState(itemProps));
   return createComponent(SegmentGroupItemPropsProvider, {
     value: itemProps,
@@ -4379,7 +4409,7 @@ const SegmentGroupItemContext = props => props.children(useSegmentGroupItemConte
 const SegmentGroupItemControl = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), parts.itemControl.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), parts$1.itemControl.attrs, props);
   return createComponent(ark.div, mergedProps);
 };
 
@@ -4393,13 +4423,13 @@ const SegmentGroupItemHiddenInput = props => {
 const SegmentGroupItemText = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getItemTextProps(itemProps), parts.itemText.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getItemTextProps(itemProps), parts$1.itemText.attrs, props);
   return createComponent(ark.span, mergedProps);
 };
 
 const SegmentGroupLabel = props => {
   const segmentGroup = useSegmentGroupContext();
-  const mergedProps = mergeProps$1(() => segmentGroup().getLabelProps(), parts.label.attrs, props);
+  const mergedProps = mergeProps$1(() => segmentGroup().getLabelProps(), parts$1.label.attrs, props);
   return createComponent(ark.label, mergedProps);
 };
 
@@ -4423,7 +4453,7 @@ const useSegmentGroup = props => {
 const SegmentGroupRoot = props => {
   const [useSegmentGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
   const segmentGroup = useSegmentGroup(useSegmentGroupProps);
-  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts$1.root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4436,7 +4466,7 @@ const SegmentGroupRootProvider = props => {
   const [{
     value: segmentGroup
   }, localProps] = createSplitProps()(props, ['value']);
-  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts.root.attrs, localProps);
+  const mergedProps = mergeProps$1(() => segmentGroup().getRootProps(), parts$1.root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {
     value: segmentGroup,
     get children() {
@@ -4493,7 +4523,7 @@ const SelectControl = props => {
   return createComponent(ark.div, mergedProps);
 };
 
-var _tmpl$$2 = /*#__PURE__*/template(`<option value="">`),
+var _tmpl$$3 = /*#__PURE__*/template(`<option value="">`),
   _tmpl$2$1 = /*#__PURE__*/template(`<option>`);
 const SelectHiddenSelect = props => {
   const select = useSelectContext();
@@ -4511,7 +4541,7 @@ const SelectHiddenSelect = props => {
           return isValueEmpty();
         },
         get children() {
-          return _tmpl$$2();
+          return _tmpl$$3();
         }
       }), createComponent(Index, {
         get each() {
@@ -4634,10 +4664,6 @@ const SelectPositioner = props => {
 };
 
 const useSelect = props => {
-  const [collectionOptions, selectProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = createMemo(() => select$1.collection({
-    ...collectionOptions
-  }));
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
@@ -4652,31 +4678,31 @@ const useSelect = props => {
     readOnly: field?.().readOnly,
     invalid: field?.().invalid,
     required: field?.().required,
-    collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     open: props.defaultOpen,
     value: props.defaultValue,
     'open.controlled': props.open !== undefined,
-    ...selectProps
+    ...props
   }));
   const context = createMemo(() => {
     const [, restProps] = splitProps(initialContext(), ['collection']);
     return restProps;
   });
-  const [state, send] = useMachine(select$1.machine(initialContext()), {
+  const [state, send, service] = useMachine(select$1.machine(initialContext()), {
     context
   });
-  const api = createMemo(() => select$1.connect(state, send, normalizeProps));
   createEffect(() => {
-    api().setCollection(collection());
+    service.setContext({
+      collection: props.collection
+    });
   });
-  return api;
+  return createMemo(() => select$1.connect(state, send, normalizeProps));
 };
 
 const SelectRoot = props => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
-  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'deselectable', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'value']);
+  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'collection', 'defaultOpen', 'defaultValue', 'deselectable', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'value']);
   const select = useSelect(useSelectProps);
   const presenceApi = usePresence(mergeProps$1(() => ({
     present: select().open
@@ -4781,12 +4807,6 @@ const SignaturePadGuide = props => {
   return createComponent(ark.div, mergedProps);
 };
 
-const SignaturePadLabel = props => {
-  const signaturePad = useSignaturePadContext();
-  const mergedProps = mergeProps$1(() => signaturePad().getLabelProps(), props);
-  return createComponent(ark.label, mergedProps);
-};
-
 const SignaturePadHiddenInput = props => {
   const [hiddenInputProps, localProps] = createSplitProps()(props, ['value']);
   const signaturePad = useSignaturePadContext();
@@ -4799,6 +4819,12 @@ const SignaturePadHiddenInput = props => {
   }, mergedProps));
 };
 
+const SignaturePadLabel = props => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps$1(() => signaturePad().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+
 const useSignaturePad = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
@@ -4848,14 +4874,14 @@ const SignaturePadRootProvider = props => {
   });
 };
 
-var _tmpl$$1 = /*#__PURE__*/template(`<title>Signature`),
+var _tmpl$$2 = /*#__PURE__*/template(`<title>Signature`),
   _tmpl$2 = /*#__PURE__*/template(`<svg><path></svg>`, false, true);
 const SignaturePadSegment = props => {
   const signaturePad = useSignaturePadContext();
   const mergedProps = mergeProps$1(() => signaturePad().getSegmentProps(), props);
   return createComponent(ark.svg, mergeProps(mergedProps, {
     get children() {
-      return [_tmpl$$1(), createComponent(For, {
+      return [_tmpl$$2(), createComponent(For, {
         get each() {
           return signaturePad().paths;
         },
@@ -5846,20 +5872,8 @@ const TimerActionTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
-const TimerArea = props => {
-  const timer = useTimerContext();
-  const mergedProps = mergeProps$1(() => timer().getAreaProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-
 const TimerContext = props => props.children(useTimerContext());
 
-const TimerControl = props => {
-  const timer = useTimerContext();
-  const mergedProps = mergeProps$1(() => timer().getControlProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-
 const TimerItem = props => {
   const [itemProps, localProps] = createSplitProps()(props, ['type']);
   const timer = useTimerContext();
@@ -5871,6 +5885,18 @@ const TimerItem = props => {
   }));
 };
 
+const TimerArea = props => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps$1(() => timer().getAreaProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const TimerControl = props => {
+  const timer = useTimerContext();
+  const mergedProps = mergeProps$1(() => timer().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
 const useTimer = props => {
   const env = useEnvironmentContext();
   const id = createUniqueId();
@@ -5965,12 +5991,12 @@ const ToastDescription = props => {
   return createComponent(ark.div, mergedProps);
 };
 
-var _tmpl$ = /*#__PURE__*/template(`<div><div></div><div>`);
+var _tmpl$$1 = /*#__PURE__*/template(`<div><div></div><div>`);
 const ToastRoot = props => {
   const toast = useToastContext();
   const mergedProps = mergeProps$1(() => toast().getRootProps(), props);
   return (() => {
-    var _el$ = _tmpl$(),
+    var _el$ = _tmpl$$1(),
       _el$2 = _el$.firstChild,
       _el$3 = _el$2.nextSibling;
     spread(_el$, mergedProps, false, true);
@@ -6032,6 +6058,103 @@ var toast = /*#__PURE__*/Object.freeze({
   Title: ToastTitle
 });
 
+const [ToggleProvider, useToggleContext] = createContext({
+  hookName: 'useToggleContext',
+  providerName: '<ToggleProvider />'
+});
+
+const ToggleContext = props => props.children(useToggleContext());
+
+const ToggleIndicator = props => {
+  const {
+    children,
+    fallback,
+    ...restProps
+  } = props;
+  const toggle = useToggleContext();
+  const mergedProps = mergeProps$1(() => toggle().getIndicatorProps(), restProps);
+  return createComponent(ark.div, mergeProps(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return toggle().pressed;
+        },
+        fallback: fallback,
+        children: children
+      });
+    }
+  }));
+};
+
+const toggleAnatomy = createAnatomy('toggle', ['root', 'indicator']);
+const parts = toggleAnatomy.build();
+
+function useToggle(props) {
+  const {
+    defaultPressed,
+    pressed,
+    onPressedChange,
+    disabled
+  } = props;
+  const [pressedState, setPressedState] = useControllableState({
+    defaultValue: !!defaultPressed,
+    value: pressed,
+    onChange: onPressedChange
+  });
+  return createMemo(() => ({
+    pressed: pressedState(),
+    disabled: !!disabled,
+    setPressed: setPressedState,
+    getRootProps() {
+      return {
+        ...parts.root.attrs,
+        type: 'button',
+        disabled,
+        'aria-pressed': pressedState(),
+        'data-state': pressedState() ? 'on' : 'off',
+        'data-pressed': dataAttr$1(pressedState()),
+        'data-disabled': dataAttr$1(disabled),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (disabled) return;
+          setPressedState(!pressedState());
+        }
+      };
+    },
+    getIndicatorProps() {
+      return {
+        ...parts.indicator.attrs,
+        'data-disabled': dataAttr$1(disabled),
+        'data-pressed': dataAttr$1(pressedState()),
+        'data-state': pressedState() ? 'on' : 'off'
+      };
+    }
+  }));
+}
+
+var _tmpl$ = /*#__PURE__*/template(`<button>`);
+const ToggleRoot = props => {
+  const [useToggleProps, localProps] = createSplitProps()(props, ['pressed', 'defaultPressed', 'disabled', 'onPressedChange']);
+  const toggle = useToggle(useToggleProps);
+  const mergedProps = mergeProps$1(() => toggle().getRootProps(), localProps);
+  return createComponent(ToggleProvider, {
+    value: toggle,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergedProps, false, false);
+      return _el$;
+    }
+  });
+};
+
+var toggle = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Context: ToggleContext,
+  Indicator: ToggleIndicator,
+  Root: ToggleRoot,
+  toggleAnatomy: toggleAnatomy
+});
+
 const [ToggleGroupProvider, useToggleGroupContext] = createContext({
   hookName: 'useToggleGroupContext',
   providerName: '<ToggleGroupProvider />'
@@ -6419,5 +6542,5 @@ var treeView = /*#__PURE__*/Object.freeze({
   Tree: TreeViewTree
 });
 
-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, FileUploadClearTrigger, 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 };
+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, FileUploadClearTrigger, 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, toggle as Toggle, ToggleContext, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, ToggleIndicator, ToggleRoot, 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, createListCollection, createToaster, datePickerAnatomy, fieldAnatomy, fieldsetAnatomy, segmentGroupAnatomy, splitPresenceProps, toggleAnatomy, 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, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTooltipContext, useTreeView, useTreeViewContext, useTreeViewItemContext };
 //# sourceMappingURL=index.js.map