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

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-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 { createContext as createContext$1, useContext, splitProps, Show, createSignal, createMemo, createUniqueId, createEffect, children, Index, For } from 'solid-js';
+import { createComponent, Dynamic, mergeProps, memo, 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';
@@ -8,14 +8,14 @@ import { carouselAnatomy, colorPickerAnatomy, datePickerAnatomy, segmentGroupAna
 import * as carousel$1 from '@zag-js/carousel';
 import * as checkbox$1 from '@zag-js/checkbox';
 import * as clipboard$1 from '@zag-js/clipboard';
-import * as presence from '@zag-js/presence';
 import * as colorPicker$1 from '@zag-js/color-picker';
+import * as presence from '@zag-js/presence';
 import * as combobox$1 from '@zag-js/combobox';
 import * as datePicker$1 from '@zag-js/date-picker';
 import * as dialog$1 from '@zag-js/dialog';
 import * as editable$1 from '@zag-js/editable';
 import * as fileUpload$1 from '@zag-js/file-upload';
-import { trackLocale, isRTL, formatBytes, formatNumber } from '@zag-js/i18n-utils';
+import { isRTL, formatBytes, formatNumber } from '@zag-js/i18n-utils';
 import * as hoverCard$1 from '@zag-js/hover-card';
 import * as menu$1 from '@zag-js/menu';
 import * as numberInput$1 from '@zag-js/number-input';
@@ -79,27 +79,22 @@ const splitRenderStrategyProps = props => createSplitProps()(props, ['lazyMount'
 
 const withAsProp = Component => {
   const ArkComponent = props => {
-    const [localProps, otherProps] = splitProps(props, ['asChild']);
+    const [localProps, parentProps] = splitProps(props, ['asChild']);
     if (localProps.asChild) {
-      if (typeof otherProps.children !== 'function') {
-        throw new Error('Children must be a function');
-      }
-
-      // @ts-expect-error TODO improve
-      const fn = userProps => {
-        const [, restProps] = splitProps(otherProps, ['children', 'ref']);
+      // @ts-expect-error
+      const propsFn = userProps => {
+        const [, restProps] = splitProps(parentProps, ['ref']);
         return {
-          ref: otherProps.ref,
+          ref: parentProps.ref,
           ...mergeProps$1(restProps, userProps)
         };
       };
-      return memo(() => otherProps.children(fn));
+      return localProps.asChild(propsFn);
     }
-
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    // @ts-expect-error
     return createComponent(Dynamic, mergeProps({
       component: Component
-    }, otherProps));
+    }, parentProps));
   };
   return ArkComponent;
 };
@@ -143,7 +138,7 @@ 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({
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   hookName: 'useEnvironmentContext',
   providerName: '<EnvironmentProvider />',
   strict: false,
@@ -155,7 +150,7 @@ const [EnvironmentProvider, useEnvironmentContext] = createContext({
 });
 
 var _tmpl$$6 = /*#__PURE__*/template(`<span hidden>`);
-const Environment = props => {
+const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
   const environment = createMemo(() => ({
@@ -163,7 +158,7 @@ const Environment = props => {
     getDocument: () => getDocument(getRootNode()),
     getWindow: () => getWindow(getRootNode())
   }));
-  return createComponent(EnvironmentProvider, {
+  return createComponent(EnvironmentContextProvider, {
     value: environment,
     get children() {
       return [memo(() => props.children), createComponent(Show, {
@@ -191,27 +186,14 @@ 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 environment = useEnvironmentContext();
-  createEffect(() => {
-    const cleanup = trackLocale({
-      locale: localeProps.locale,
-      getRootNode: environment().getRootNode,
-      onLocaleChange(locale) {
-        setLocale(locale.locale);
-      }
-    });
-    onCleanup(cleanup);
-  });
   const context = createMemo(() => ({
-    locale: locale(),
-    dir: isRTL(locale()) ? 'rtl' : 'ltr'
+    locale: props.locale,
+    dir: isRTL(props.locale) ? 'rtl' : 'ltr'
   }));
   return createComponent(LocaleContextProvider, {
     value: context,
     get children() {
-      return restProps.children;
+      return props.children;
     }
   });
 };
@@ -220,13 +202,16 @@ const useCollapsible = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, collapsibleProps);
-  const [state, send] = useMachine(collapsible$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...collapsibleProps
+  }));
+  const [state, send] = useMachine(collapsible$1.machine(context()), {
     context
   });
   const [wasVisible, setWasVisible] = createSignal(false);
@@ -242,7 +227,7 @@ const useCollapsible = props => {
 };
 
 const CollapsibleRoot = props => {
-  const [useCollapsibleProps, localProps] = createSplitProps()(props, ['disabled', 'id', 'ids', 'lazyMount', 'onExitComplete', 'onOpenChange', 'open', 'unmountOnExit']);
+  const [useCollapsibleProps, localProps] = createSplitProps()(props, ['defaultOpen', 'disabled', 'id', 'ids', 'lazyMount', 'onExitComplete', 'onOpenChange', 'open', 'unmountOnExit']);
   const api = useCollapsible(useCollapsibleProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(CollapsibleProvider, {
@@ -306,12 +291,13 @@ const AccordionItem = props => {
   });
 };
 
+const splitVisibilityProps = createSplitProps();
 const AccordionItemContent = props => {
   const accordion = useAccordionContext();
   const itemProps = useAccordionItemPropsContext();
   const itemContentProps = createMemo(() => {
-    const ownProps = accordion().getItemContentProps(itemProps);
-    ownProps.hidden = undefined;
+    const contentProps = accordion().getItemContentProps(itemProps);
+    const [, ownProps] = splitVisibilityProps(contentProps, ['hidden', 'data-state']);
     return ownProps;
   });
   const mergedProps = mergeProps$1(itemContentProps, props);
@@ -337,14 +323,17 @@ const AccordionItemTrigger = props => {
 };
 
 const useAccordion = props => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$2({
-    id: createUniqueId(),
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(accordion$1.machine(context), {
+    value: props.defaultValue,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(accordion$1.machine(context()), {
     context
   });
   return createMemo(() => accordion$1.connect(state, send, normalizeProps));
@@ -352,7 +341,7 @@ const useAccordion = props => {
 
 const AccordionRoot = props => {
   const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
-  const [useAccordionProps, localProps] = createSplitProps()(accordionProps, ['collapsible', 'disabled', 'id', 'ids', 'multiple', 'onFocusChange', 'onValueChange', 'orientation', 'value']);
+  const [useAccordionProps, localProps] = createSplitProps()(accordionProps, ['collapsible', 'defaultValue', 'disabled', 'id', 'ids', 'multiple', 'onFocusChange', 'onValueChange', 'orientation', 'value']);
   const api = useAccordion(useAccordionProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(AccordionProvider, {
@@ -401,12 +390,14 @@ const AvatarImage = props => {
 const useAvatar = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(avatar$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(avatar$1.machine(context()), {
     context
   });
   return createMemo(() => avatar$1.connect(state, send, normalizeProps));
@@ -485,19 +476,22 @@ const CarouselPrevTrigger = props => {
 const useCarousel = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(carousel$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    index: props.defaultIndex,
+    ...props
+  }));
+  const [state, send] = useMachine(carousel$1.machine(context()), {
     context
   });
   return createMemo(() => carousel$1.connect(state, send, normalizeProps));
 };
 
 const CarouselRoot = props => {
-  const [useCarouselProps, localProps] = createSplitProps()(props, ['align', 'id', 'ids', 'index', 'loop', 'onIndexChange', 'orientation', 'slidesPerView', 'spacing']);
+  const [useCarouselProps, localProps] = createSplitProps()(props, ['align', 'defaultIndex', 'id', 'ids', 'index', 'loop', 'onIndexChange', 'orientation', 'slidesPerView', 'spacing']);
   const api = useCarousel(useCarouselProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(CarouselProvider, {
@@ -567,19 +561,22 @@ const CheckboxLabel = props => {
 const useCheckbox = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(checkbox$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    checked: props.defaultChecked,
+    ...props
+  }));
+  const [state, send] = useMachine(checkbox$1.machine(context()), {
     context
   });
   return createMemo(() => checkbox$1.connect(state, send, normalizeProps));
 };
 
 const CheckboxRoot = props => {
-  const [useCheckboxProps, labelprops] = createSplitProps()(props, ['checked', 'disabled', 'form', 'id', 'ids', 'invalid', 'name', 'onCheckedChange', 'readOnly', 'required', 'value']);
+  const [useCheckboxProps, labelprops] = createSplitProps()(props, ['checked', 'defaultChecked', 'disabled', 'form', 'id', 'ids', 'invalid', 'name', 'onCheckedChange', 'readOnly', 'required', 'value']);
   const checkbox = useCheckbox(useCheckboxProps);
   const mergedProps = mergeProps$1(() => checkbox().rootProps, labelprops);
   return createComponent(CheckboxProvider, {
@@ -619,7 +616,6 @@ const ClipboardIndicator = props => {
   const mergedProps = mergeProps$1(api().getIndicatorProps({
     copied: api().copied
   }), localProps);
-  // @ts-expect-error TODO fix
   const getChildren = children(() => localProps.children);
   return createComponent(ark.div, mergeProps(mergedProps, {
     get children() {
@@ -652,11 +648,13 @@ const ClipboardLabel = props => {
 
 const useClipboard = props => {
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(clipboard$1.machine(context), {
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(clipboard$1.machine(context()), {
     context
   });
   return createMemo(() => clipboard$1.connect(state, send, normalizeProps));
@@ -892,17 +890,19 @@ const ColorPickerPositioner = props => {
 };
 
 const useColorPicker = props => {
-  const [local, rest] = splitProps(props, ['value']);
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1(() => ({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
     'open.controlled': props.open !== undefined,
-    value: local.value ? colorPicker$1.parse(local.value) : undefined
-  }), rest);
-  const [state, send] = useMachine(colorPicker$1.machine(context), {
+    ...props,
+    value: props.value ? colorPicker$1.parse(props.value) : props.defaultValue ? colorPicker$1.parse(props.defaultValue) : undefined
+  }));
+  const [state, send] = useMachine(colorPicker$1.machine(context()), {
     context
   });
   return createMemo(() => colorPicker$1.connect(state, send, normalizeProps));
@@ -910,7 +910,7 @@ const useColorPicker = props => {
 
 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']);
+  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ['closeOnSelect', 'defaultOpen', 'defaultValue', 'disabled', 'format', 'id', 'ids', 'initialFocusEl', 'name', 'name', 'onFocusOutside', 'onFormatChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'onValueChangeEnd', 'open', 'positioning', 'readOnly', 'value']);
   const api = useColorPicker(useColorPickerProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1171,20 +1171,22 @@ const ComboboxPositioner = props => {
 };
 
 const useCombobox = props => {
-  const [collectionOptions, rest] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = createMemo(() => combobox$1.collection(collectionOptions));
+  const [collectionOptions, comboboxProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
+  const collection = () => combobox$1.collection(collectionOptions);
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
+    value: props.defaultValue,
     'open.controlled': props.open !== undefined,
-    get collection() {
-      return collection();
-    }
-  }, rest);
-  const [state, send] = useMachine(combobox$1.machine(context), {
+    ...comboboxProps
+  }));
+  const [state, send] = useMachine(combobox$1.machine(context()), {
     context
   });
   return createMemo(() => combobox$1.connect(state, send, normalizeProps));
@@ -1192,7 +1194,7 @@ const useCombobox = props => {
 
 const ComboboxRoot = props => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ['allowCustomValue', 'autoFocus', 'closeOnSelect', 'disabled', 'dismissable', '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', 'popup', 'positioning', 'readOnly', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
+  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', 'scrollToIndexFn', 'selectionBehavior', 'translations', 'value']);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1212,8 +1214,9 @@ const ComboboxRoot = props => {
 };
 
 const ComboboxTrigger = props => {
+  const [triggerProps, localProps] = createSplitProps()(props, ['focusable']);
   const combobox = useComboboxContext();
-  const mergedProps = mergeProps$1(() => combobox().triggerProps, props);
+  const mergedProps = mergeProps$1(() => combobox().getTriggerProps(triggerProps), localProps);
   return createComponent(ark.button, mergedProps);
 };
 
@@ -1351,18 +1354,20 @@ const DatePickerRangeText = props => {
 const useDatePicker = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const [localProps, restProps] = splitProps(props, ['value', 'focusedValue', 'min', 'max']);
-  const context = mergeProps$1(() => ({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     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,
-    max: localProps.max ? datePicker$1.parse(localProps.max) : undefined,
-    min: localProps.min ? datePicker$1.parse(localProps.min) : undefined
-  }), restProps);
-  const [state, send] = useMachine(datePicker$1.machine(context), {
+    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
+  }));
+  const [state, send] = useMachine(datePicker$1.machine(context()), {
     context
   });
   return createMemo(() => datePicker$1.connect(state, send, normalizeProps));
@@ -1370,7 +1375,7 @@ const useDatePicker = props => {
 
 const DatePickerRoot = props => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ['closeOnSelect', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'id', 'ids', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'min', 'modal', 'name', 'numOfMonths', 'onFocusChange', 'onOpenChange', 'onValueChange', 'onViewChange', 'open', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'translations', 'value', 'view']);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ['closeOnSelect', 'defaultOpen', 'defaultValue', 'disabled', 'fixedWeeks', 'focusedValue', 'format', 'id', 'ids', 'isDateUnavailable', 'isDateUnavailable', 'locale', 'max', 'min', 'modal', 'name', 'numOfMonths', 'onFocusChange', 'onOpenChange', 'onValueChange', 'onViewChange', 'open', 'positioning', 'readOnly', 'selectionMode', 'startOfWeek', 'timeZone', 'translations', 'value', 'view']);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1638,13 +1643,16 @@ const DialogPositioner = props => {
 const useDialog = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, props);
-  const [state, send] = useMachine(dialog$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props
+  }));
+  const [state, send] = useMachine(dialog$1.machine(context()), {
     context
   });
   return createMemo(() => dialog$1.connect(state, send, normalizeProps));
@@ -1653,7 +1661,7 @@ const useDialog = props => {
 const DialogRoot = props => {
   const [presenceProps, dialogProps] = splitPresenceProps(props);
   const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const [useDialogProps, localProps] = createSplitProps()(dialogProps, ['aria-label', 'closeOnEscape', 'closeOnInteractOutside', 'finalFocusEl', 'id', 'ids', 'initialFocusEl', 'modal', 'onEscapeKeyDown', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'open', 'preventScroll', 'restoreFocus', 'role', 'trapFocus']);
+  const [useDialogProps, localProps] = createSplitProps()(dialogProps, ['aria-label', 'closeOnEscape', 'closeOnInteractOutside', 'defaultOpen', 'finalFocusEl', 'id', 'ids', 'initialFocusEl', 'modal', 'onEscapeKeyDown', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'open', 'persistentElements', 'preventScroll', 'restoreFocus', 'role', 'trapFocus']);
   const api = useDialog(useDialogProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -1756,19 +1764,22 @@ const EditablePreview = props => {
 const useEditable = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(editable$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(editable$1.machine(context()), {
     context
   });
   return createMemo(() => editable$1.connect(state, send, normalizeProps));
 };
 
 const EditableRoot = props => {
-  const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEdit', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
+  const [useEditableProps, localProps] = createSplitProps()(props, ['activationMode', 'autoResize', 'defaultValue', 'disabled', 'finalFocusEl', 'form', 'id', 'ids', 'invalid', 'maxLength', 'name', 'onEdit', 'onFocusOutside', 'onInteractOutside', 'onPointerDownOutside', 'onValueChange', 'onValueCommit', 'onValueRevert', 'placeholder', 'readOnly', 'selectOnFocus', 'startWithEditView', 'submitMode', 'translations', 'value']);
   const api = useEditable(useEditableProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(EditableProvider, {
@@ -1893,12 +1904,14 @@ const FileUploadLabel = props => {
 const useFileUpload = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(fileUpload$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(fileUpload$1.machine(context()), {
     context
   });
   return createMemo(() => fileUpload$1.connect(state, send, normalizeProps));
@@ -2015,13 +2028,16 @@ const HoverCardPositioner = props => {
 const useHoverCard = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, props);
-  const [state, send] = useMachine(hoverCard$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props
+  }));
+  const [state, send] = useMachine(hoverCard$1.machine(context()), {
     context
   });
   return createMemo(() => hoverCard$1.connect(state, send, normalizeProps));
@@ -2029,7 +2045,7 @@ const useHoverCard = props => {
 
 const HoverCardRoot = props => {
   const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ['closeDelay', 'id', 'ids', 'onOpenChange', 'open', 'openDelay', 'positioning']);
+  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ['closeDelay', 'defaultOpen', 'id', 'ids', 'onOpenChange', 'open', 'openDelay', 'positioning']);
   const api = useHoverCard(useHoverCardProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -2257,13 +2273,16 @@ const MenuRadioItemGroup = props => {
 const useMenu = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, props);
-  const [state, send, machine] = useMachine(menu$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props
+  }));
+  const [state, send, machine] = useMachine(menu$1.machine(context()), {
     context
   });
   const api = createMemo(() => menu$1.connect(state, send, normalizeProps));
@@ -2287,7 +2306,7 @@ const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext({
 
 const MenuRoot = props => {
   const [presenceProps, menuProps] = splitPresenceProps(props);
-  const [useMenuProps, localProps] = createSplitProps()(menuProps, ['anchorPoint', 'aria-label', 'closeOnSelect', 'highlightedValue', 'id', 'ids', 'loopFocus', 'onEscapeKeyDown', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onSelect', 'open', 'positioning', 'typeahead']);
+  const [useMenuProps, localProps] = createSplitProps()(menuProps, ['anchorPoint', 'aria-label', 'closeOnSelect', 'composite', 'defaultOpen', 'highlightedValue', 'id', 'ids', 'loopFocus', 'onEscapeKeyDown', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onSelect', 'open', 'positioning', 'typeahead']);
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const menu = useMenu(useMenuProps);
@@ -2412,19 +2431,22 @@ const NumberInputLabel = props => {
 const useNumberInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(numberInput$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(numberInput$1.machine(context()), {
     context
   });
   return createMemo(() => numberInput$1.connect(state, send, normalizeProps));
 };
 
 const NumberInputRoot = props => {
-  const [useNumberInputProps, localProps] = createSplitProps()(props, ['allowMouseWheel', 'allowOverflow', 'clampValueOnBlur', 'disabled', 'focusInputOnChange', 'form', 'formatOptions', 'id', 'ids', 'inputMode', 'invalid', 'locale', 'max', 'min', 'name', 'onFocusChange', 'onValueChange', 'onValueInvalid', 'pattern', 'readOnly', 'spinOnPress', 'step', 'translations', 'value']);
+  const [useNumberInputProps, localProps] = createSplitProps()(props, ['allowMouseWheel', 'allowOverflow', 'clampValueOnBlur', 'defaultValue', 'disabled', 'focusInputOnChange', 'form', 'formatOptions', 'id', 'ids', 'inputMode', 'invalid', 'locale', 'max', 'min', 'name', 'onFocusChange', 'onValueChange', 'onValueInvalid', 'pattern', 'readOnly', 'spinOnPress', 'step', 'translations', 'value']);
   const api = useNumberInput(useNumberInputProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(NumberInputProvider, {
@@ -2489,19 +2511,22 @@ const PaginationPrevTrigger = props => {
 const usePagination = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(pagination$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    page: props.defaultPage,
+    ...props
+  }));
+  const [state, send] = useMachine(pagination$1.machine(context()), {
     context
   });
   return createMemo(() => pagination$1.connect(state, send, normalizeProps));
 };
 
 const PaginationRoot = props => {
-  const [usePaginationProps, localProps] = createSplitProps()(props, ['count', 'id', 'ids', 'onPageChange', 'page', 'pageSize', 'siblingCount', 'translations', 'type']);
+  const [usePaginationProps, localProps] = createSplitProps()(props, ['count', 'defaultPage', 'id', 'ids', 'onPageChange', 'page', 'pageSize', 'siblingCount', 'translations', 'type']);
   const api = usePagination(usePaginationProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(PaginationProvider, {
@@ -2551,19 +2576,22 @@ const PinInputLabel = props => {
 const usePinInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(pinInput$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(pinInput$1.machine(context()), {
     context
   });
   return createMemo(() => pinInput$1.connect(state, send, normalizeProps));
 };
 
 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 [usePinInputProps, localProps] = createSplitProps()(props, ['autoFocus', 'blurOnComplete', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'invalid', 'mask', 'name', 'onValueChange', 'onValueComplete', 'onValueInvalid', 'otp', 'pattern', 'placeholder', 'selectOnFocus', 'translations', 'type', 'value']);
   const pinInput = usePinInput(usePinInputProps);
   const mergedProps = mergeProps$1(() => pinInput().rootProps, localProps);
   return createComponent(PinInputProvider, {
@@ -2664,13 +2692,16 @@ const PopoverPositioner = props => {
 const usePopover = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, props);
-  const [state, send] = useMachine(popover$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props
+  }));
+  const [state, send] = useMachine(popover$1.machine(context()), {
     context
   });
   return createMemo(() => popover$1.connect(state, send, normalizeProps));
@@ -2678,7 +2709,7 @@ const usePopover = props => {
 
 const PopoverRoot = props => {
   const [presenceProps, popoverProps] = splitPresenceProps(props);
-  const [usePopoverProps, localProps] = createSplitProps()(popoverProps, ['autoFocus', 'closeOnEsc', 'closeOnInteractOutside', 'id', 'ids', 'initialFocusEl', 'modal', 'onEscapeKeyDown', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'open', 'portalled', 'positioning']);
+  const [usePopoverProps, localProps] = createSplitProps()(popoverProps, ['autoFocus', 'closeOnEscape', 'closeOnInteractOutside', 'defaultOpen', 'id', 'ids', 'initialFocusEl', 'modal', 'onEscapeKeyDown', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'open', 'persistentElements', 'portalled', 'positioning']);
   const api = usePopover(usePopoverProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -2767,12 +2798,14 @@ const ProgressRange = props => {
 const useProgress = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(progress$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(progress$1.machine(context()), {
     context
   });
   return createMemo(() => progress$1.connect(state, send, normalizeProps));
@@ -2898,19 +2931,22 @@ const RadioGroupLabel = props => {
 const useRadioGroup = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(radio.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(radio.machine(context()), {
     context
   });
   return createMemo(() => radio.connect(state, send, normalizeProps));
 };
 
 const RadioGroupRoot = props => {
-  const [useRadioGroupProps, localProps] = createSplitProps()(props, ['disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
+  const [useRadioGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
   const radioGroup = useRadioGroup(useRadioGroupProps);
   const mergedProps = mergeProps$1(() => radioGroup().rootProps, localProps);
   return createComponent(RadioGroupProvider, {
@@ -2975,19 +3011,22 @@ const RatingGroupLabel = props => {
 const useRatingGroup = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(rating.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(rating.machine(context()), {
     context
   });
   return createMemo(() => rating.connect(state, send, normalizeProps));
 };
 
 const RatingGroupRoot = props => {
-  const [useRatingProps, localProps] = createSplitProps()(props, ['allowHalf', 'autoFocus', 'count', 'disabled', 'form', 'id', 'ids', 'name', 'onHoverChange', 'onValueChange', 'readOnly', 'translations', 'value']);
+  const [useRatingProps, localProps] = createSplitProps()(props, ['allowHalf', 'autoFocus', 'count', 'defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onHoverChange', 'onValueChange', 'readOnly', 'translations', 'value']);
   const api = useRatingGroup(useRatingProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(RatingGroupProvider, {
@@ -3086,19 +3125,22 @@ const SegmentGroupLabel = props => {
 const useSegmentGroup = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(radio.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(radio.machine(context()), {
     context
   });
   return createMemo(() => radio.connect(state, send, normalizeProps));
 };
 
 const SegmentGroupRoot = props => {
-  const [useSegmentGroupProps, localProps] = createSplitProps()(props, ['disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
+  const [useSegmentGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'disabled', 'form', 'id', 'ids', 'name', 'onValueChange', 'orientation', 'readOnly', 'value']);
   const segmentGroup = useSegmentGroup(useSegmentGroupProps);
   const mergedProps = mergeProps$1(() => segmentGroup().rootProps, segmentGroupAnatomy.build().root.attrs, localProps);
   return createComponent(SegmentGroupProvider, {
@@ -3202,7 +3244,7 @@ const [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({
 });
 
 const SelectItem = props => {
-  const [itemProps, localProps] = createSplitProps()(props, ['item']);
+  const [itemProps, localProps] = createSplitProps()(props, ['item', 'persistFocus']);
   const select = useSelectContext();
   const mergedProps = mergeProps$1(() => select().getItemProps(itemProps), localProps);
   const itemState = createMemo(() => select().getItemState(itemProps));
@@ -3285,20 +3327,22 @@ const SelectPositioner = props => {
 };
 
 const useSelect = props => {
-  const [collectionOptions, localProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
-  const collection = createMemo(() => select$1.collection(collectionOptions));
+  const [collectionOptions, selectProps] = createSplitProps()(props, ['isItemDisabled', 'itemToValue', 'itemToString', 'items']);
+  const collection = () => select$1.collection(collectionOptions);
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    collection: collection(),
     dir: locale().dir,
     getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
+    value: props.defaultValue,
     'open.controlled': props.open !== undefined,
-    get collection() {
-      return collection();
-    }
-  }, localProps);
-  const [state, send] = useMachine(select$1.machine(context), {
+    ...selectProps
+  }));
+  const [state, send] = useMachine(select$1.machine(context()), {
     context
   });
   return createMemo(() => select$1.connect(state, send, normalizeProps));
@@ -3306,7 +3350,7 @@ const useSelect = props => {
 
 const SelectRoot = props => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
-  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'scrollToIndexFn', 'value']);
+  const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'scrollToIndexFn', 'value']);
   const select = useSelect(useSelectProps);
   const presenceApi = usePresence(mergeProps$1(() => ({
     present: select().open
@@ -3403,19 +3447,22 @@ const SliderRange = props => {
 const useSlider = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(slider$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(slider$1.machine(context()), {
     context
   });
   return createMemo(() => slider$1.connect(state, send, normalizeProps));
 };
 
 const SliderRoot = props => {
-  const [useSliderProps, localProps] = createSplitProps()(props, ['aria-label', 'aria-labelledby', 'disabled', 'form', 'getAriaValueText', 'id', 'ids', 'invalid', 'max', 'min', 'minStepsBetweenThumbs', 'name', 'onFocusChange', 'onValueChange', 'onValueChangeEnd', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'thumbAlignment', 'thumbSize', 'value']);
+  const [useSliderProps, localProps] = createSplitProps()(props, ['aria-label', 'aria-labelledby', 'defaultValue', 'disabled', 'form', 'getAriaValueText', 'id', 'ids', 'invalid', 'max', 'min', 'minStepsBetweenThumbs', 'name', 'onFocusChange', 'onValueChange', 'onValueChangeEnd', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'thumbAlignment', 'thumbSize', 'value']);
   const api = useSlider(useSliderProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(SliderProvider, {
@@ -3487,19 +3534,22 @@ const SplitterResizeTrigger = props => {
 const useSplitter = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(splitter$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    size: props.defaultSize,
+    ...props
+  }));
+  const [state, send] = useMachine(splitter$1.machine(context()), {
     context
   });
   return createMemo(() => splitter$1.connect(state, send, normalizeProps));
 };
 
 const SplitterRoot = props => {
-  const [useSplitterProps, localProps] = createSplitProps()(props, ['id', 'ids', 'onSizeChange', 'onSizeChangeEnd', 'orientation', 'size']);
+  const [useSplitterProps, localProps] = createSplitProps()(props, ['defaultSize', 'id', 'ids', 'onSizeChange', 'onSizeChangeEnd', 'orientation', 'size']);
   const api = useSplitter(useSplitterProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(SplitterProvider, {
@@ -3546,19 +3596,22 @@ const SwitchLabel = props => {
 const useSwitch = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(zagSwitch.machine(context), {
+    getRootNode: environment().getRootNode,
+    checked: props.defaultChecked,
+    ...props
+  }));
+  const [state, send] = useMachine(zagSwitch.machine(context()), {
     context
   });
   return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
 };
 
 const SwitchRoot = props => {
-  const [switchProps, localProps] = createSplitProps()(props, ['checked', 'disabled', 'form', 'id', 'ids', 'invalid', 'label', 'name', 'onCheckedChange', 'readOnly', 'required', 'value']);
+  const [switchProps, localProps] = createSplitProps()(props, ['checked', 'defaultChecked', 'disabled', 'form', 'id', 'ids', 'invalid', 'label', 'name', 'onCheckedChange', 'readOnly', 'required', 'value']);
   const api = useSwitch(switchProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(SwitchProvider, {
@@ -3637,12 +3690,15 @@ const TabsContext = props => props.children(useTabsContext());
 const useTabs = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(tabs$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(tabs$1.machine(context()), {
     context
   });
   return createMemo(() => tabs$1.connect(state, send, normalizeProps));
@@ -3650,7 +3706,7 @@ const useTabs = props => {
 
 const TabsRoot = props => {
   const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
-  const [useTabsProps, restProps] = createSplitProps()(tabsProps, ['activationMode', 'id', 'ids', 'loopFocus', 'onFocusChange', 'onValueChange', 'orientation', 'translations', 'value']);
+  const [useTabsProps, restProps] = createSplitProps()(tabsProps, ['activationMode', 'composite', 'defaultValue', 'id', 'ids', 'loopFocus', 'onFocusChange', 'onValueChange', 'orientation', 'translations', 'value']);
   const api = useTabs(useTabsProps);
   const mergedProps = mergeProps$1(() => api().rootProps, restProps);
   return createComponent(TabsProvider, {
@@ -3774,19 +3830,22 @@ const TagsInputLabel = props => {
 const useTagsInput = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(tagsInput$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(tagsInput$1.machine(context()), {
     context
   });
   return createMemo(() => tagsInput$1.connect(state, send, normalizeProps));
 };
 
 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 [useTagsInputProps, localProps] = createSplitProps()(props, ['addOnPaste', 'allowOverflow', 'autoFocus', 'blurBehavior', 'delimiter', 'defaultValue', '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);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(TagsInputProvider, {
@@ -3934,19 +3993,22 @@ const ToggleGroupItem = props => {
 const useToggleGroup = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(toggleGroup$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(toggleGroup$1.machine(context()), {
     context
   });
   return createMemo(() => toggleGroup$1.connect(state, send, normalizeProps));
 };
 
 const ToggleGroupRoot = props => {
-  const [useToggleGroupProps, restProps] = createSplitProps()(props, ['disabled', 'id', 'ids', 'loopFocus', 'multiple', 'onValueChange', 'orientation', 'rovingFocus', 'value']);
+  const [useToggleGroupProps, restProps] = createSplitProps()(props, ['defaultValue', 'disabled', 'id', 'ids', 'loopFocus', 'multiple', 'onValueChange', 'orientation', 'rovingFocus', 'value']);
   const api = useToggleGroup(useToggleGroupProps);
   const mergedProps = mergeProps$1(() => api().rootProps, restProps);
   return createComponent(ToggleGroupProvider, {
@@ -4014,13 +4076,16 @@ const TooltipPositioner = props => {
 const useTooltip = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    'open.controlled': props.open !== undefined
-  }, props);
-  const [state, send] = useMachine(tooltip$1.machine(context), {
+    open: props.defaultOpen,
+    'open.controlled': props.open !== undefined,
+    ...props
+  }));
+  const [state, send] = useMachine(tooltip$1.machine(context()), {
     context
   });
   return createMemo(() => tooltip$1.connect(state, send, normalizeProps));
@@ -4028,7 +4093,7 @@ const useTooltip = props => {
 
 const TooltipRoot = props => {
   const [presenceProps, tooltipProps] = splitPresenceProps(props);
-  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnEsc', 'closeOnPointerDown', 'disabled', 'id', 'ids', 'interactive', 'onOpenChange', 'open', 'openDelay', 'positioning']);
+  const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, ['aria-label', 'closeDelay', 'closeOnEscape', 'closeOnPointerDown', 'defaultOpen', 'disabled', 'id', 'ids', 'interactive', 'onOpenChange', 'open', 'openDelay', 'positioning']);
   const api = useTooltip(useTooltipProps);
   const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({
     present: api().open
@@ -4193,19 +4258,23 @@ const TreeViewLabel = props => {
 const useTreeView = props => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = mergeProps$1({
-    id: createUniqueId(),
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
     dir: locale().dir,
-    getRootNode: environment().getRootNode
-  }, props);
-  const [state, send] = useMachine(treeView$1.machine(context), {
+    getRootNode: environment().getRootNode,
+    selectedValue: props.defaultSelectedValue,
+    expandedValue: props.defaultExpandedValue,
+    ...props
+  }));
+  const [state, send] = useMachine(treeView$1.machine(context()), {
     context
   });
   return createMemo(() => treeView$1.connect(state, send, normalizeProps));
 };
 
 const TreeViewRoot = props => {
-  const [useTreeViewProps, localProps] = createSplitProps()(props, ['expandedValue', 'focusedValue', 'id', 'ids', 'onExpandedChange', 'onFocusChange', 'onSelectionChange', 'openOnClick', 'selectedValue', 'selectionMode', 'typeahead']);
+  const [useTreeViewProps, localProps] = createSplitProps()(props, ['defaultExpandedValue', 'defaultSelectedValue', 'expandedValue', 'expandOnClick', 'focusedValue', 'id', 'ids', 'onExpandedChange', 'onFocusChange', 'onSelectionChange', 'selectedValue', 'selectionMode', 'typeahead']);
   const api = useTreeView(useTreeViewProps);
   const mergedProps = mergeProps$1(() => api().rootProps, localProps);
   return createComponent(TreeViewProvider, {
@@ -4245,5 +4314,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, 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 };
+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, EnvironmentProvider, 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