@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{NDY7YFV2.js → EUXWRO3A.js}

@@ -1,14 +1,14 @@
-import { useFieldContext } from './632HFNZF.js';
+import { useFieldContext } from './KMFRZGLF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createMemo, createUniqueId } from 'solid-js';
-import * as rating from '@zag-js/rating-group';
+import * as ratingGroup from '@zag-js/rating-group';
 export { anatomy } from '@zag-js/rating-group';
 
 // src/components/rating-group/use-rating-group-context.ts
@@ -20,13 +20,13 @@ var [RatingGroupProvider, useRatingGroupContext] = createContext({
 // src/components/rating-group/rating-group-context.tsx
 var RatingGroupContext = (props) => props.children(useRatingGroupContext());
 var RatingGroupControl = (props) => {
-  const ratingGroup = useRatingGroupContext();
-  const mergedProps = mergeProps(() => ratingGroup().getControlProps(), props);
+  const ratingGroup2 = useRatingGroupContext();
+  const mergedProps = mergeProps(() => ratingGroup2().getControlProps(), props);
   return createComponent(ark.div, mergedProps);
 };
 var RatingGroupHiddenInput = (props) => {
-  const ratingGroup = useRatingGroupContext();
-  const mergedProps = mergeProps(() => ratingGroup().getHiddenInputProps(), props);
+  const ratingGroup2 = useRatingGroupContext();
+  const mergedProps = mergeProps(() => ratingGroup2().getHiddenInputProps(), props);
   const field = useFieldContext();
   return createComponent(ark.input, mergeProps$1({
     get ["aria-describedby"]() {
@@ -63,11 +63,11 @@ var RatingGroupLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 var useRatingGroup = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -78,11 +78,10 @@ var useRatingGroup = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(rating.machine(context()), { context });
-  return createMemo(() => rating.connect(state, send, normalizeProps));
+  const service = useMachine(ratingGroup.machine, machineProps);
+  return createMemo(() => ratingGroup.connect(service, normalizeProps));
 };
 
 // src/components/rating-group/rating-group-root.tsx
@@ -99,11 +98,11 @@ var RatingGroupRoot = (props) => {
 };
 var RatingGroupRootProvider = (props) => {
   const [{
-    value: ratingGroup
+    value: ratingGroup2
   }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps(() => ratingGroup().getRootProps(), localProps);
+  const mergedProps = mergeProps(() => ratingGroup2().getRootProps(), localProps);
   return createComponent(RatingGroupProvider, {
-    value: ratingGroup,
+    value: ratingGroup2,
     get children() {
       return createComponent(ark.div, mergedProps);
     }

package/dist/chunk/{K54W24N6.jsx → FHWNUAQM.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,13 +12,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -138,20 +138,18 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as timePicker from "@zag-js/time-picker";
 import { createMemo, createUniqueId } from "solid-js";
 var useTimePicker = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
+    locale: locale().locale,
     ...props
   }));
-  const [state, send] = useMachine(timePicker.machine(context()), { context });
-  return createMemo(() => timePicker.connect(state, send, normalizeProps));
+  const service = useMachine(timePicker.machine, machineProps);
+  return createMemo(() => timePicker.connect(service, normalizeProps));
 };
 
 // src/components/time-picker/time-picker-root.tsx
@@ -193,10 +191,7 @@ var TimePickerRoot = (props) => {
 import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var TimePickerRootProvider = (props) => {
   const [presenceProps, timePickerProps] = splitPresenceProps(props);
-  const [{ value: timePicker2 }, localProps] = createSplitProps()(
-    timePickerProps,
-    ["value"]
-  );
+  const [{ value: timePicker2 }, localProps] = createSplitProps()(timePickerProps, ["value"]);
   const apiPresence = usePresence(mergeProps10(presenceProps, () => ({ present: timePicker2().open })));
   const mergedProps = mergeProps10(() => timePicker2().getRootProps(), localProps);
   return <TimePickerProvider value={timePicker2}>

package/dist/chunk/{MJNR43Q5.js → FX6TOMB3.js}

@@ -1,14 +1,14 @@
-import { useFieldContext } from './632HFNZF.js';
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { useFieldContext } from './KMFRZGLF.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './WRLQ7Y6E.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent, mergeProps as mergeProps$1, effect, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, template, insert, effect } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, createMemo, Index, createUniqueId, splitProps, createEffect } from 'solid-js';
+import { Show, createUniqueId, createMemo, Index } from 'solid-js';
 import * as select from '@zag-js/select';
 export { anatomy } from '@zag-js/select';
 
@@ -45,7 +45,7 @@ var SelectControl = (props) => {
   const mergedProps = mergeProps(() => select2().getControlProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var _tmpl$ = /* @__PURE__ */ template(`<option value="">`);
+var _tmpl$ = /* @__PURE__ */ template(`<option value>`);
 var _tmpl$2 = /* @__PURE__ */ template(`<option>`);
 var SelectHiddenSelect = (props) => {
   const select2 = useSelectContext();
@@ -71,6 +71,7 @@ var SelectHiddenSelect = (props) => {
         },
         children: (item) => (() => {
           var _el$2 = _tmpl$2();
+          insert(_el$2, () => select2().collection.stringifyItem(item()));
           effect(() => _el$2.disabled = select2().collection.getItemDisabled(item()));
           effect(() => _el$2.value = select2().collection.getItemValue(item()) ?? "");
           return _el$2;
@@ -184,11 +185,11 @@ var SelectPositioner = (props) => {
   });
 };
 var useSelect = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const initialContext = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -200,28 +201,16 @@ var useSelect = (props) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    value: props.defaultValue,
-    "open.controlled": props.open !== void 0,
     ...props
   }));
-  const context = createMemo(() => {
-    const [, restProps] = splitProps(initialContext(), ["collection"]);
-    return restProps;
-  });
-  const [state, send, service] = useMachine(select.machine(initialContext()), {
-    context
-  });
-  createEffect(() => {
-    service.setContext({ collection: props.collection });
-  });
-  return createMemo(() => select.connect(state, send, normalizeProps));
+  const service = useMachine(select.machine, machineProps);
+  return createMemo(() => select.connect(service, normalizeProps));
 };
 
 // src/components/select/select-root.tsx
 var SelectRoot = (props) => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
-  const [useSelectProps, localProps] = createSplitProps()(selectProps, ["closeOnSelect", "composite", "collection", "defaultOpen", "defaultValue", "deselectable", "disabled", "form", "highlightedValue", "id", "ids", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "positioning", "readOnly", "required", "scrollToIndexFn", "value"]);
+  const [useSelectProps, localProps] = createSplitProps()(selectProps, ["closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultOpen", "defaultValue", "deselectable", "disabled", "form", "highlightedValue", "id", "ids", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "positioning", "readOnly", "required", "scrollToIndexFn", "value"]);
   const select2 = useSelect(useSelectProps);
   const presenceApi = usePresence(mergeProps(() => ({
     present: select2().open

package/dist/chunk/{DUYGPLFV.js → GUQTNAZU.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './632HFNZF.js';
+import { useFieldContext } from './KMFRZGLF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -110,11 +110,11 @@ var TagsInputLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 var useTagsInput = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -126,16 +126,15 @@ var useTagsInput = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(tagsInput.machine(context()), { context });
-  return createMemo(() => tagsInput.connect(state, send, normalizeProps));
+  const service = useMachine(tagsInput.machine, machineProps);
+  return createMemo(() => tagsInput.connect(service, normalizeProps));
 };
 
 // src/components/tags-input/tags-input-root.tsx
 var TagsInputRoot = (props) => {
-  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", "required", "translations", "validate", "value"]);
+  const [useTagsInputProps, localProps] = createSplitProps()(props, ["addOnPaste", "allowOverflow", "autoFocus", "blurBehavior", "defaultInputValue", "defaultValue", "delimiter", "disabled", "editable", "form", "id", "ids", "inputValue", "invalid", "max", "maxLength", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueChange", "onValueInvalid", "readOnly", "required", "translations", "validate", "value"]);
   const api = useTagsInput(useTagsInputProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(TagsInputProvider, {

package/dist/chunk/{B7LE23PE.jsx → H5QZC4VW.jsx}

@@ -1,6 +1,6 @@
 import {
   splitRenderStrategyProps
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -50,25 +50,23 @@ import * as collapsible from "@zag-js/collapsible";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
 var useCollapsible = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...collapsibleProps
   }));
-  const [state, send] = useMachine(collapsible.machine(context()), { context });
+  const service = useMachine(collapsible.machine, machineProps);
   const [wasVisible, setWasVisible] = createSignal(false);
   createEffect(() => {
     const isPresent = api().visible;
     if (isPresent) setWasVisible(true);
   });
-  const api = createMemo(() => collapsible.connect(state, send, normalizeProps));
+  const api = createMemo(() => collapsible.connect(service, normalizeProps));
   return createMemo(() => ({
     ...api(),
     unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()
@@ -98,9 +96,7 @@ var CollapsibleRoot = (props) => {
 // src/components/collapsible/collapsible-root-provider.tsx
 import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var CollapsibleRootProvider = (props) => {
-  const [{ value: collapsible2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: collapsible2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps3(() => collapsible2().getRootProps(), localProps);
   return <CollapsibleProvider value={collapsible2}>
       <ark.div {...mergedProps} />

package/dist/chunk/{NK4T7LIZ.jsx → H7SWP54F.jsx}

@@ -6,13 +6,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -53,23 +53,19 @@ var useAvatar = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(avatar.machine(context()), { context });
-  return createMemo(() => avatar.connect(state, send, normalizeProps));
+  const service = useMachine(avatar.machine, machineProps);
+  return createMemo(() => avatar.connect(service, normalizeProps));
 };
 
 // src/components/avatar/avatar-root.tsx
 var AvatarRoot = (props) => {
-  const [useAvatarProps, localProps] = createSplitProps()(props, [
-    "id",
-    "ids",
-    "onStatusChange"
-  ]);
+  const [useAvatarProps, localProps] = createSplitProps()(props, ["id", "ids", "onStatusChange"]);
   const context = useAvatar(useAvatarProps);
   const mergedProps = mergeProps3(() => context().getRootProps(), localProps);
   return <AvatarProvider value={context}>

package/dist/chunk/{M2FICVVI.js → HQEG6EKY.js}

@@ -1,9 +1,9 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './WRLQ7Y6E.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 export { parseTime } from '@internationalized/date';
 import { createComponent } from 'solid-js/web';
@@ -99,20 +99,18 @@ var TimePickerPositioner = (props) => {
   });
 };
 var useTimePicker = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
+    locale: locale().locale,
     ...props
   }));
-  const [state, send] = useMachine(timePicker.machine(context()), { context });
-  return createMemo(() => timePicker.connect(state, send, normalizeProps));
+  const service = useMachine(timePicker.machine, machineProps);
+  return createMemo(() => timePicker.connect(service, normalizeProps));
 };
 
 // src/components/time-picker/time-picker-root.tsx

package/dist/chunk/{U3XJZI3X.jsx → I4VF53LH.jsx}

@@ -1,11 +1,11 @@
 import {
   collapsible_exports
-} from "./B7LE23PE.jsx";
+} from "./H5QZC4VW.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -14,13 +14,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -66,10 +66,7 @@ var TreeViewBranchContent = (props) => {
   const nodeProps = useTreeViewNodePropsContext();
   const branchContentProps = createMemo2(() => {
     const contentProps = treeView2().getBranchContentProps(nodeProps);
-    const [, ownProps] = splitVisibilityProps(contentProps, [
-      "hidden",
-      "data-state"
-    ]);
+    const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
     return ownProps;
   });
   const mergedProps = mergeProps2(() => branchContentProps(), props);
@@ -160,12 +157,10 @@ var TreeViewLabel = (props) => {
 };
 
 // src/components/tree-view/use-tree-view-node-context.ts
-var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext(
-  {
-    hookName: "useTreeViewNodeContext",
-    providerName: "<TreeViewNodeProvider />"
-  }
-);
+var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext({
+  hookName: "useTreeViewNodeContext",
+  providerName: "<TreeViewNodeProvider />"
+});
 
 // src/components/tree-view/tree-view-node-context.ts
 var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
@@ -184,19 +179,17 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as treeView from "@zag-js/tree-view";
 import { createMemo as createMemo3, createUniqueId } from "solid-js";
 var useTreeView = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo3(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    selectedValue: props.defaultSelectedValue,
-    expandedValue: props.defaultExpandedValue,
     ...props
   }));
-  const [state, send] = useMachine(treeView.machine(context()), { context });
-  return createMemo3(() => treeView.connect(state, send, normalizeProps));
+  const service = useMachine(treeView.machine, machineProps);
+  return createMemo3(() => treeView.connect(service, normalizeProps));
 };
 
 // src/components/tree-view/tree-view-root.tsx
@@ -231,10 +224,7 @@ var TreeViewRoot = (props) => {
 import { mergeProps as mergeProps13 } from "@zag-js/solid";
 var TreeViewRootProvider = (props) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
-  const [{ value: treeView2 }, localProps] = createSplitProps()(
-    treeViewProps,
-    ["value"]
-  );
+  const [{ value: treeView2 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
   const mergedProps = mergeProps13(() => treeView2().getRootProps(), localProps);
   return <TreeViewProvider value={treeView2}>
       <RenderStrategyProvider value={renderStrategyProps}>

package/dist/chunk/{FDN5MSFM.js → JOWPVE6E.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './632HFNZF.js';
+import { useFieldContext } from './KMFRZGLF.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -40,11 +40,11 @@ var SwitchLabel = (props) => {
   return createComponent(ark.span, mergedProps);
 };
 var useSwitch = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -56,11 +56,10 @@ var useSwitch = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props.defaultChecked,
     ...props
   }));
-  const [state, send] = useMachine(zagSwitch.machine(context()), { context });
-  return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
+  const service = useMachine(zagSwitch.machine, machineProps);
+  return createMemo(() => zagSwitch.connect(service, normalizeProps));
 };
 
 // src/components/switch/switch-root.tsx