@ark-ui/solid 3.0.0-2 → 3.0.0-4

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { createContext as createContext$1, useContext, splitProps, Show, createMemo, createSignal, createEffect, onCleanup, createUniqueId, mergeProps as mergeProps$2, children, Index, For } from 'solid-js';
-import { memo, createComponent, Dynamic, mergeProps, use, template, spread, insert, effect } from 'solid-js/web';
+import { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createEffect, onCleanup, createUniqueId, mergeProps as mergeProps$2, children, Index, For } from 'solid-js';
+import { memo, createComponent, Dynamic, mergeProps, use, template, insert, effect, spread } from 'solid-js/web';
 import { mergeProps as mergeProps$1, useMachine, normalizeProps, useActor } from '@zag-js/solid';
 import * as collapsible$1 from '@zag-js/collapsible';
 import * as accordion$1 from '@zag-js/accordion';
@@ -35,6 +35,7 @@ import * as toast$1 from '@zag-js/toast';
 import * as toggleGroup$1 from '@zag-js/toggle-group';
 import * as tooltip$1 from '@zag-js/tooltip';
 import * as treeView$1 from '@zag-js/tree-view';
+import { getDocument, getWindow } from '@zag-js/dom-query';
 
 function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
@@ -139,28 +140,42 @@ const CollapsibleContent = props => {
 
 const CollapsibleContext = props => props.children(useCollapsibleContext());
 
+const isFunction = value => typeof value === 'function';
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
 const [EnvironmentProvider, useEnvironmentContext] = createContext({
   hookName: 'useEnvironmentContext',
   providerName: '<EnvironmentProvider />',
-  strict: false
+  strict: false,
+  defaultValue: () => ({
+    getRootNode: () => document,
+    getDocument: () => document,
+    getWindow: () => window
+  })
 });
 
-var _tmpl$$d = /*#__PURE__*/template(`<span hidden>`);
+var _tmpl$$6 = /*#__PURE__*/template(`<span hidden>`);
 const Environment = props => {
-  const spanRef = undefined;
-
-  // @ts-expect-error TODO fix
-  const currentEnv = createMemo(() => () => props.value ?? spanRef?.ownerDocument ?? document);
+  const [spanRef, setSpanRef] = createSignal();
+  const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
+  const environment = createMemo(() => ({
+    getRootNode,
+    getDocument: () => getDocument(getRootNode()),
+    getWindow: () => getWindow(getRootNode())
+  }));
   return createComponent(EnvironmentProvider, {
-    get value() {
-      return currentEnv();
-    },
+    value: environment,
     get children() {
-      return [memo(() => props.children), memo(() => memo(() => !!!props.value)() && (() => {
-        var _el$ = _tmpl$$d();
-        use(spanRef, _el$);
-        return _el$;
-      })())];
+      return [memo(() => props.children), createComponent(Show, {
+        get when() {
+          return !props.value;
+        },
+        get children() {
+          var _el$ = _tmpl$$6();
+          use(setSpanRef, _el$);
+          return _el$;
+        }
+      })];
     }
   });
 };
@@ -178,11 +193,11 @@ const [LocaleContextProvider, useLocaleContext] = createContext({
 const LocaleProvider = props => {
   const [localeProps, restProps] = splitProps(props, ['locale', 'defaultLocale']);
   const [locale, setLocale] = createSignal(localeProps.defaultLocale || localeProps.locale || 'en-US');
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   createEffect(() => {
     const cleanup = trackLocale({
       locale: localeProps.locale,
-      getRootNode,
+      getRootNode: environment().getRootNode,
       onLocaleChange(locale) {
         setLocale(locale.locale);
       }
@@ -203,12 +218,12 @@ const LocaleProvider = props => {
 
 const useCollapsible = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, collapsibleProps);
   const [state, send] = useMachine(collapsible$1.machine(context), {
@@ -323,11 +338,11 @@ const AccordionItemTrigger = props => {
 
 const useAccordion = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$2({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(accordion$1.machine(context), {
     context
@@ -385,11 +400,11 @@ const AvatarImage = props => {
 
 const useAvatar = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(avatar$1.machine(context), {
     context
@@ -469,11 +484,11 @@ const CarouselPrevTrigger = props => {
 
 const useCarousel = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(carousel$1.machine(context), {
     context
@@ -520,21 +535,27 @@ const [CheckboxProvider, useCheckboxContext] = createContext({
 
 const CheckboxContext = props => props.children(useCheckboxContext());
 
-var _tmpl$$c = /*#__PURE__*/template(`<input>`);
 const CheckboxControl = props => {
-  const api = useCheckboxContext();
-  const mergedProps = mergeProps$1(() => api().controlProps, props);
-  return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$$c();
-    spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-    return _el$;
-  })()];
+  const checkbox = useCheckboxContext();
+  const mergedProps = mergeProps$1(() => checkbox().controlProps, props);
+  return createComponent(ark.div, mergedProps);
+};
+
+const CheckboxHiddenInput = props => {
+  const checkbox = useCheckboxContext();
+  const mergedProps = mergeProps$1(() => checkbox().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
 };
 
 const CheckboxIndicator = props => {
-  const api = useCheckboxContext();
-  const mergedProps = mergeProps$1(() => api().indicatorProps, props);
-  return createComponent(ark.div, mergedProps);
+  const [indicatorProps, localProps] = createSplitProps()(props, ['indeterminate']);
+  const checkbox = useCheckboxContext();
+  const mergedProps = mergeProps$1(() => checkbox().indicatorProps, localProps);
+  return createComponent(ark.div, mergeProps(mergedProps, {
+    get hidden() {
+      return !(indicatorProps.indeterminate ? checkbox().indeterminate : checkbox().checked);
+    }
+  }));
 };
 
 const CheckboxLabel = props => {
@@ -545,11 +566,11 @@ const CheckboxLabel = props => {
 
 const useCheckbox = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(checkbox$1.machine(context), {
     context
@@ -559,10 +580,10 @@ const useCheckbox = props => {
 
 const CheckboxRoot = props => {
   const [useCheckboxProps, labelprops] = createSplitProps()(props, ['checked', 'disabled', 'form', 'id', 'ids', 'invalid', 'name', 'onCheckedChange', 'readOnly', 'required', 'value']);
-  const api = useCheckbox(useCheckboxProps);
-  const mergedProps = mergeProps$1(() => api().rootProps, labelprops);
+  const checkbox = useCheckbox(useCheckboxProps);
+  const mergedProps = mergeProps$1(() => checkbox().rootProps, labelprops);
   return createComponent(CheckboxProvider, {
-    value: api,
+    value: checkbox,
     get children() {
       return createComponent(ark.label, mergedProps);
     }
@@ -573,6 +594,7 @@ var checkbox = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: CheckboxContext,
   Control: CheckboxControl,
+  HiddenInput: CheckboxHiddenInput,
   Indicator: CheckboxIndicator,
   Label: CheckboxLabel,
   Root: CheckboxRoot
@@ -629,10 +651,10 @@ const ClipboardLabel = props => {
 };
 
 const useClipboard = props => {
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(clipboard$1.machine(context), {
     context
@@ -843,6 +865,12 @@ const ColorPickerFormatTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
+const ColorPickerHiddenInput = props => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps$1(() => colorPicker().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
 const ColorPickerLabel = props => {
   const api = useColorPickerContext();
   const mergedProps = mergeProps$1(() => api().labelProps, props);
@@ -866,11 +894,11 @@ const ColorPickerPositioner = props => {
 const useColorPicker = props => {
   const [local, rest] = splitProps(props, ['value']);
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1(() => ({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined,
     value: local.value ? colorPicker$1.parse(local.value) : undefined
   }), rest);
@@ -880,7 +908,6 @@ const useColorPicker = props => {
   return createMemo(() => colorPicker$1.connect(state, send, normalizeProps));
 };
 
-var _tmpl$$b = /*#__PURE__*/template(`<input>`);
 const ColorPickerRoot = props => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
   const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ['closeOnSelect', 'disabled', 'format', 'id', 'ids', 'initialFocusEl', 'name', 'name', 'onFocusOutside', 'onFormatChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'onValueChangeEnd', 'open', 'positioning', 'readOnly', 'value']);
@@ -892,16 +919,12 @@ const ColorPickerRoot = props => {
   return createComponent(ColorPickerProvider, {
     value: api,
     get children() {
-      return [createComponent(PresenceProvider, {
+      return createComponent(PresenceProvider, {
         value: apiPresence,
         get children() {
           return createComponent(ark.div, mergedProps);
         }
-      }), (() => {
-        var _el$ = _tmpl$$b();
-        spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-        return _el$;
-      })()];
+      });
     }
   });
 };
@@ -1000,6 +1023,7 @@ var colorPicker = /*#__PURE__*/Object.freeze({
   EyeDropperTrigger: ColorPickerEyeDropperTrigger,
   FormatSelect: ColorPickerFormatSelect,
   FormatTrigger: ColorPickerFormatTrigger,
+  HiddenInput: ColorPickerHiddenInput,
   Label: ColorPickerLabel,
   Positioner: ColorPickerPositioner,
   Root: ColorPickerRoot,
@@ -1148,15 +1172,17 @@ const ComboboxPositioner = props => {
 
 const useCombobox = props => {
   const [collectionOptions, rest] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = () => combobox$1.collection(collectionOptions);
+  const collection = createMemo(() => combobox$1.collection(collectionOptions));
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined,
-    collection: collection()
+    get collection() {
+      return collection();
+    }
   }, rest);
   const [state, send] = useMachine(combobox$1.machine(context), {
     context
@@ -1256,14 +1282,14 @@ const DatePickerLabel = props => {
   return createComponent(ark.label, mergedProps);
 };
 
-var _tmpl$$a = /*#__PURE__*/template(`<option>`);
+var _tmpl$$5 = /*#__PURE__*/template(`<option>`);
 const DatePickerMonthSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().monthSelectProps, props);
   return createComponent(ark.select, mergeProps(mergedProps, {
     get children() {
       return api().getMonths().map(month => (() => {
-        var _el$ = _tmpl$$a();
+        var _el$ = _tmpl$$5();
         insert(_el$, () => month.label);
         effect(() => _el$.value = month.value);
         return _el$;
@@ -1324,12 +1350,12 @@ const DatePickerRangeText = props => {
 
 const useDatePicker = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const [localProps, restProps] = splitProps(props, ['value', 'focusedValue', 'min', 'max']);
   const context = mergeProps$1(() => ({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined,
     focusedValue: localProps.focusedValue ? datePicker$1.parse(localProps.focusedValue) : undefined,
     value: localProps.value ? datePicker$1.parse(localProps.value) : undefined,
@@ -1490,7 +1516,7 @@ const DatePickerViewTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
-var _tmpl$$9 = /*#__PURE__*/template(`<option>`);
+var _tmpl$$4 = /*#__PURE__*/template(`<option>`);
 const DatePickerYearSelect = props => {
   const api = useDatePickerContext();
   const mergedProps = mergeProps$1(() => api().yearSelectProps, props);
@@ -1500,7 +1526,7 @@ const DatePickerYearSelect = props => {
         from: 1_000,
         to: 4_000
       }).map(year => (() => {
-        var _el$ = _tmpl$$9();
+        var _el$ = _tmpl$$4();
         _el$.value = year;
         insert(_el$, year);
         return _el$;
@@ -1611,11 +1637,11 @@ const DialogPositioner = props => {
 
 const useDialog = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, props);
   const [state, send] = useMachine(dialog$1.machine(context), {
@@ -1729,11 +1755,11 @@ const EditablePreview = props => {
 
 const useEditable = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(editable$1.machine(context), {
     context
@@ -1780,15 +1806,10 @@ const [FileUploadProvider, useFileUploadContext] = createContext({
 
 const FileUploadContext = props => props.children(useFileUploadContext());
 
-var _tmpl$$8 = /*#__PURE__*/template(`<input>`);
 const FileUploadDropzone = props => {
   const fileUpload = useFileUploadContext();
   const mergedProps = mergeProps$1(() => fileUpload().dropzoneProps, props);
-  return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$$8();
-    spread(_el$, mergeProps(() => fileUpload().hiddenInputProps), false, false);
-    return _el$;
-  })()];
+  return createComponent(ark.div, mergedProps);
 };
 
 const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext({
@@ -1871,11 +1892,11 @@ const FileUploadLabel = props => {
 
 const useFileUpload = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(fileUpload$1.machine(context), {
     context
@@ -1901,10 +1922,17 @@ const FileUploadTrigger = props => {
   return createComponent(ark.button, mergedProps);
 };
 
+const FileUploadHiddenInput = props => {
+  const fileUpload = useFileUploadContext();
+  const mergedProps = mergeProps$1(() => fileUpload().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
 var fileUpload = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: FileUploadContext,
   Dropzone: FileUploadDropzone,
+  HiddenInput: FileUploadHiddenInput,
   Item: FileUploadItem,
   ItemDeleteTrigger: FileUploadItemDeleteTrigger,
   ItemGroup: FileUploadItemGroup,
@@ -1986,11 +2014,11 @@ const HoverCardPositioner = props => {
 
 const useHoverCard = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, props);
   const [state, send] = useMachine(hoverCard$1.machine(context), {
@@ -2228,11 +2256,11 @@ const MenuRadioItemGroup = props => {
 
 const useMenu = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, props);
   const [state, send, machine] = useMachine(menu$1.machine(context), {
@@ -2383,11 +2411,11 @@ const NumberInputLabel = props => {
 
 const useNumberInput = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(numberInput$1.machine(context), {
     context
@@ -2460,11 +2488,11 @@ const PaginationPrevTrigger = props => {
 
 const usePagination = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(pagination$1.machine(context), {
     context
@@ -2522,11 +2550,11 @@ const PinInputLabel = props => {
 
 const usePinInput = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(pinInput$1.machine(context), {
     context
@@ -2534,27 +2562,29 @@ const usePinInput = props => {
   return createMemo(() => pinInput$1.connect(state, send, normalizeProps));
 };
 
-var _tmpl$$7 = /*#__PURE__*/template(`<input>`);
 const PinInputRoot = props => {
   const [usePinInputProps, localProps] = createSplitProps()(props, ['autoFocus', 'blurOnComplete', 'disabled', 'form', 'id', 'ids', 'invalid', 'mask', 'name', 'onValueChange', 'onValueComplete', 'onValueInvalid', 'otp', 'pattern', 'placeholder', 'selectOnFocus', 'translations', 'type', 'value']);
-  const api = usePinInput(usePinInputProps);
-  const mergedProps = mergeProps$1(() => api().rootProps, localProps);
+  const pinInput = usePinInput(usePinInputProps);
+  const mergedProps = mergeProps$1(() => pinInput().rootProps, localProps);
   return createComponent(PinInputProvider, {
-    value: api,
+    value: pinInput,
     get children() {
-      return [createComponent(ark.div, mergedProps), (() => {
-        var _el$ = _tmpl$$7();
-        spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-        return _el$;
-      })()];
+      return createComponent(ark.div, mergedProps);
     }
   });
 };
 
+const PinInputHiddenInput = props => {
+  const pinInput = usePinInputContext();
+  const mergedProps = mergeProps$1(() => pinInput().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
 var pinInput = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: PinInputContext,
   Control: PinInputControl,
+  HiddenInput: PinInputHiddenInput,
   Input: PinInputInput,
   Label: PinInputLabel,
   Root: PinInputRoot
@@ -2633,11 +2663,11 @@ const PopoverPositioner = props => {
 
 const usePopover = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, props);
   const [state, send] = useMachine(popover$1.machine(context), {
@@ -2736,11 +2766,11 @@ const ProgressRange = props => {
 
 const useProgress = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(progress$1.machine(context), {
     context
@@ -2840,13 +2870,13 @@ const RadioGroupItem = props => {
 
 const RadioGroupItemContext = props => props.children(useRadioGroupItemContext());
 
-var _tmpl$$6 = /*#__PURE__*/template(`<input>`);
+var _tmpl$$3 = /*#__PURE__*/template(`<input>`);
 const RadioGroupItemControl = props => {
   const radioGroup = useRadioGroupContext();
   const itemProps = useRadioGroupItemPropsContext();
   const mergedProps = mergeProps$1(() => radioGroup().getItemControlProps(itemProps), props);
   return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$$6();
+    var _el$ = _tmpl$$3();
     spread(_el$, mergeProps(() => radioGroup().getItemHiddenInputProps(itemProps)), false, false);
     return _el$;
   })()];
@@ -2867,11 +2897,11 @@ const RadioGroupLabel = props => {
 
 const useRadioGroup = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(radio.machine(context), {
     context
@@ -2910,15 +2940,10 @@ const [RatingGroupProvider, useRatingGroupContext] = createContext({
 
 const RatingGroupContext = props => props.children(useRatingGroupContext());
 
-var _tmpl$$5 = /*#__PURE__*/template(`<input>`);
 const RatingGroupControl = props => {
-  const api = useRatingGroupContext();
-  const mergedProps = mergeProps$1(() => api().controlProps, props);
-  return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$$5();
-    spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-    return _el$;
-  })()];
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = mergeProps$1(() => ratingGroup().controlProps, props);
+  return createComponent(ark.div, mergedProps);
 };
 
 const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({
@@ -2949,11 +2974,11 @@ const RatingGroupLabel = props => {
 
 const useRatingGroup = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(rating.machine(context), {
     context
@@ -2973,10 +2998,17 @@ const RatingGroupRoot = props => {
   });
 };
 
+const RatingGroupHiddenInput = props => {
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = mergeProps$1(() => ratingGroup().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
 var ratingGroup = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: RatingGroupContext,
   Control: RatingGroupControl,
+  HiddenInput: RatingGroupHiddenInput,
   Item: RatingGroupItem,
   ItemContext: RatingGroupItemContext,
   Label: RatingGroupLabel,
@@ -3026,13 +3058,13 @@ const SegmentGroupItem = props => {
 
 const SegmentGroupItemContext = props => props.children(useSegmentGroupItemContext());
 
-var _tmpl$$4 = /*#__PURE__*/template(`<input>`);
+var _tmpl$$2 = /*#__PURE__*/template(`<input>`);
 const SegmentGroupItemControl = props => {
   const segmentGroup = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
   const mergedProps = mergeProps$1(() => segmentGroup().getItemControlProps(itemProps), segmentGroupAnatomy.build().itemControl.attrs, props);
   return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$$4();
+    var _el$ = _tmpl$$2();
     spread(_el$, mergeProps(() => segmentGroup().getItemHiddenInputProps(itemProps)), false, false);
     return _el$;
   })()];
@@ -3053,11 +3085,11 @@ const SegmentGroupLabel = props => {
 
 const useSegmentGroup = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(radio.machine(context), {
     context
@@ -3117,37 +3149,40 @@ const SelectContent = props => {
 
 const SelectContext = props => props.children(useSelectContext());
 
-var _tmpl$$3 = /*#__PURE__*/template(`<option value="">`),
-  _tmpl$2 = /*#__PURE__*/template(`<select>`),
-  _tmpl$3 = /*#__PURE__*/template(`<option>`);
 const SelectControl = props => {
+  const select = useSelectContext();
+  const mergedProps = mergeProps$1(() => select().controlProps, props);
+  return createComponent(ark.div, mergedProps);
+};
+
+var _tmpl$$1 = /*#__PURE__*/template(`<option value="">`),
+  _tmpl$2 = /*#__PURE__*/template(`<option>`);
+const SelectHiddenSelect = props => {
   const select = useSelectContext();
   const mergedProps = mergeProps$1(() => select().controlProps, props);
   const isValueEmpty = createMemo(() => select().value.length === 0);
-  return [createComponent(ark.div, mergedProps), (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, mergeProps(() => select().hiddenSelectProps), false, true);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isValueEmpty();
-      },
-      get children() {
-        return _tmpl$$3();
-      }
-    }), null);
-    insert(_el$, createComponent(Index, {
-      get each() {
-        return select().collection.toArray();
-      },
-      children: option => (() => {
-        var _el$3 = _tmpl$3();
-        insert(_el$3, () => option().label);
-        effect(() => _el$3.value = option().value);
-        return _el$3;
-      })()
-    }), null);
-    return _el$;
-  })()];
+  return createComponent(ark.select, mergeProps(mergedProps, {
+    get children() {
+      return [createComponent(Show, {
+        get when() {
+          return isValueEmpty();
+        },
+        get children() {
+          return _tmpl$$1();
+        }
+      }), createComponent(Index, {
+        get each() {
+          return select().collection.toArray();
+        },
+        children: option => (() => {
+          var _el$2 = _tmpl$2();
+          insert(_el$2, () => option().label);
+          effect(() => _el$2.value = option().value);
+          return _el$2;
+        })()
+      })];
+    }
+  }));
 };
 
 const SelectIndicator = props => {
@@ -3250,17 +3285,19 @@ const SelectPositioner = props => {
 };
 
 const useSelect = props => {
-  const [collectionOptions, rest] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = () => select$1.collection(collectionOptions);
+  const [collectionOptions, localProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
+  const collection = createMemo(() => select$1.collection(collectionOptions));
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
-    collection: collection(),
-    'open.controlled': props.open !== undefined
-  }, rest);
+    getRootNode: environment().getRootNode,
+    'open.controlled': props.open !== undefined,
+    get collection() {
+      return collection();
+    }
+  }, localProps);
   const [state, send] = useMachine(select$1.machine(context), {
     context
   });
@@ -3310,6 +3347,7 @@ var select = /*#__PURE__*/Object.freeze({
   Content: SelectContent,
   Context: SelectContext,
   Control: SelectControl,
+  HiddenSelect: SelectHiddenSelect,
   Indicator: SelectIndicator,
   Item: SelectItem,
   ItemContext: SelectItemContext,
@@ -3364,11 +3402,11 @@ const SliderRange = props => {
 
 const useSlider = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(slider$1.machine(context), {
     context
@@ -3448,11 +3486,11 @@ const SplitterResizeTrigger = props => {
 
 const useSplitter = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(splitter$1.machine(context), {
     context
@@ -3487,15 +3525,16 @@ const [SwitchProvider, useSwitchContext] = createContext({
 
 const SwitchContext = props => props.children(useSwitchContext());
 
-var _tmpl$$2 = /*#__PURE__*/template(`<input>`);
 const SwitchControl = props => {
   const api = useSwitchContext();
   const mergedProps = mergeProps$1(() => api().controlProps, props);
-  return [createComponent(ark.span, mergedProps), (() => {
-    var _el$ = _tmpl$$2();
-    spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-    return _el$;
-  })()];
+  return createComponent(ark.span, mergedProps);
+};
+
+const SwitchHiddenInput = props => {
+  const api = useSwitchContext();
+  const mergedProps = mergeProps$1(() => api().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
 };
 
 const SwitchLabel = props => {
@@ -3506,11 +3545,11 @@ const SwitchLabel = props => {
 
 const useSwitch = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(zagSwitch.machine(context), {
     context
@@ -3540,6 +3579,7 @@ var _switch = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Context: SwitchContext,
   Control: SwitchControl,
+  HiddenInput: SwitchHiddenInput,
   Label: SwitchLabel,
   Root: SwitchRoot,
   Thumb: SwitchThumb
@@ -3596,11 +3636,11 @@ const TabsContext = props => props.children(useTabsContext());
 
 const useTabs = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(tabs$1.machine(context), {
     context
@@ -3705,6 +3745,12 @@ const TagsInputItemInput = props => {
   return createComponent(ark.input, mergedProps);
 };
 
+const TagsInputHiddenInput = props => {
+  const tagsInput = useTagsInputContext();
+  const mergedProps = mergeProps$1(() => tagsInput().hiddenInputProps, props);
+  return createComponent(ark.input, mergedProps);
+};
+
 const TagsInputItemPreview = props => {
   const api = useTagsInputContext();
   const itemProps = useTagsInputItemPropsContext();
@@ -3727,11 +3773,11 @@ const TagsInputLabel = props => {
 
 const useTagsInput = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(tagsInput$1.machine(context), {
     context
@@ -3739,7 +3785,6 @@ const useTagsInput = props => {
   return createMemo(() => tagsInput$1.connect(state, send, normalizeProps));
 };
 
-var _tmpl$$1 = /*#__PURE__*/template(`<input>`);
 const TagsInputRoot = props => {
   const [useTagsInputProps, localProps] = createSplitProps()(props, ['addOnPaste', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'disabled', 'editable', 'form', 'id', 'ids', 'inputValue', 'invalid', 'max', 'maxLength', 'name', 'onFocusOutside', 'onHighlightChange', 'onInputValueChange', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueInvalid', 'readOnly', 'translations', 'validate', 'value']);
   const api = useTagsInput(useTagsInputProps);
@@ -3747,11 +3792,7 @@ const TagsInputRoot = props => {
   return createComponent(TagsInputProvider, {
     value: api,
     get children() {
-      return [createComponent(ark.div, mergedProps), (() => {
-        var _el$ = _tmpl$$1();
-        spread(_el$, mergeProps(() => api().hiddenInputProps), false, false);
-        return _el$;
-      })()];
+      return createComponent(ark.div, mergedProps);
     }
   });
 };
@@ -3761,6 +3802,7 @@ var tagsInput = /*#__PURE__*/Object.freeze({
   ClearTrigger: TagsInputClearTrigger,
   Context: TagsInputContext,
   Control: TagsInputControl,
+  HiddenInput: TagsInputHiddenInput,
   Input: TagsInputInput,
   Item: TagsInputItem,
   ItemContext: TagsInputItemContext,
@@ -3891,11 +3933,11 @@ const ToggleGroupItem = props => {
 
 const useToggleGroup = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(toggleGroup$1.machine(context), {
     context
@@ -3971,11 +4013,11 @@ const TooltipPositioner = props => {
 
 const useTooltip = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode,
+    getRootNode: environment().getRootNode,
     'open.controlled': props.open !== undefined
   }, props);
   const [state, send] = useMachine(tooltip$1.machine(context), {
@@ -4150,11 +4192,11 @@ const TreeViewLabel = props => {
 
 const useTreeView = props => {
   const locale = useLocaleContext();
-  const getRootNode = useEnvironmentContext();
+  const environment = useEnvironmentContext();
   const context = mergeProps$1({
     id: createUniqueId(),
     dir: locale().dir,
-    getRootNode
+    getRootNode: environment().getRootNode
   }, props);
   const [state, send] = useMachine(treeView$1.machine(context), {
     context
@@ -4203,5 +4245,5 @@ var treeView = /*#__PURE__*/Object.freeze({
   Tree: TreeViewTree
 });
 
-export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, format as Format, FormatByte, FormatNumber, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, pinInput as PinInput, PinInputContext, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, slider as Slider, SliderContext, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, _switch as Switch, SwitchContext, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useClipboardContext, useCollapsibleContext, useColorPickerContext, useComboboxContext, useComboboxItemContext, useDatePickerContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useLocaleContext, useMenuContext, useMenuItemContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToastContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, useTreeViewItemContext };
+export { accordion as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, avatar as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, carousel as Carousel, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, checkbox as Checkbox, CheckboxContext, CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, clipboard as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger, collapsible as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleTrigger, colorPicker as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, combobox as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, datePicker as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, dialog as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, editable as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, Environment, fileUpload as FileUpload, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, format as Format, FormatByte, FormatNumber, hoverCard as HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, LocaleProvider, menu as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, numberInput as NumberInput, NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, pagination as Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, pinInput as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, popover as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, Presence, PresenceProvider, progress as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, radioGroup as RadioGroup, RadioGroupContext, RadioGroupIndicator, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, ratingGroup as RatingGroup, RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, segmentGroup as SegmentGroup, SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, select as Select, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, slider as Slider, SliderContext, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, splitter as Splitter, SplitterContext, SplitterPanel, SplitterResizeTrigger, SplitterRoot, _switch as Switch, SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchThumb, TabContent, TabIndicator, TabList, TabTrigger, tabs as Tabs, TabsContext, TabsRoot, tagsInput as TagsInput, TagsInputClearTrigger, TagsInputContext, TagsInputControl, TagsInputHiddenInput, TagsInputInput, TagsInputItem, TagsInputItemContext, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, toast as Toast, ToastActionTrigger, ToastCloseTrigger, ToastContext, ToastDescription, ToastRoot, ToastTitle, Toaster, toggleGroup as ToggleGroup, ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, tooltip as Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipTrigger, treeView as TreeView, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, ark, createToaster, splitPresenceProps, useAccordionContext, useAccordionItemContext, useAvatarContext, useCarouselContext, useCheckboxContext, useClipboardContext, useCollapsibleContext, useColorPickerContext, useComboboxContext, useComboboxItemContext, useDatePickerContext, useDialogContext, useEditableContext, useEnvironmentContext, useFileUploadContext, useHoverCardContext, useLocaleContext, useMenuContext, useMenuItemContext, useNumberInputContext, usePaginationContext, usePinInputContext, usePopoverContext, usePresence, usePresenceContext, useProgressContext, useRadioGroupContext, useRadioGroupItemContext, useRatingGroupContext, useRatingGroupItemContext, useSegmentGroupContext, useSegmentGroupItemContext, useSelectContext, useSelectItemContext, useSliderContext, useSplitterContext, useSwitchContext, useTabsContext, useTagsInputContext, useTagsInputItemContext, useToastContext, useToggleGroupContext, useTooltipContext, useTreeViewContext, useTreeViewItemContext };
 //# sourceMappingURL=index.js.map