@ark-ui/solid 4.10.2 → 5.1.0

package/dist/chunk/{WQQVH7YG.jsx → KBHIJYMD.jsx}

@@ -1,20 +1,23 @@
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
+import {
+  useLocaleContext
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
 
 // src/components/toast/create-toaster.tsx
-import { normalizeProps } from "@zag-js/solid";
 import * as toast from "@zag-js/toast";
 var createToaster = (props) => {
-  const machine = toast.group.machine({ id: "1", ...props });
-  const api = toast.group.connect(machine, machine.send, normalizeProps);
-  return { ...api, machine };
+  return toast.createStore(props);
 };
 
 // src/components/toast/toast-action-trigger.tsx
@@ -76,27 +79,39 @@ var ToastTitle = (props) => {
 import { anatomy } from "@zag-js/toast";
 
 // src/components/toast/toaster.tsx
-import { mergeProps as mergeProps6, normalizeProps as normalizeProps2, useActor, useMachine } from "@zag-js/solid";
+import { Key, mergeProps as mergeProps6, normalizeProps, useMachine } from "@zag-js/solid";
 import * as toast2 from "@zag-js/toast";
-import { For, createMemo, splitProps } from "solid-js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
 var Toaster = (props) => {
   const [toasterProps, localProps] = splitProps(props, ["toaster", "children"]);
-  const [state, send] = useMachine(toasterProps.toaster.machine);
-  const placement = state.context.placement;
-  const api = createMemo(() => toast2.group.connect(state, send, normalizeProps2));
-  const toasts = createMemo(() => api().getToastsByPlacement(placement));
-  const mergedProps = mergeProps6(api().getGroupProps({ placement }), localProps);
+  const locale = useLocaleContext();
+  const env = useEnvironmentContext();
+  const service = useMachine(toast2.group.machine, () => ({
+    store: toasterProps.toaster,
+    id: createUniqueId(),
+    dir: locale()?.dir,
+    getRootNode: () => env()?.getDocument()
+  }));
+  const api = createMemo(() => toast2.group.connect(service, normalizeProps));
+  const toasts = createMemo(() => api().getToasts());
+  const mergedProps = mergeProps6(api().getGroupProps(), localProps);
   return <ark.div {...mergedProps}>
-      <For each={toasts()}>
-        {(toast3) => <ToastActor value={toast3}>{(ctx) => toasterProps.children(ctx)}</ToastActor>}
-      </For>
+      <Key each={toasts()} by="id">
+        {(toast3, index) => <ToastActor value={toast3} index={index} parent={service}>
+            {(ctx) => toasterProps.children(ctx)}
+          </ToastActor>}
+      </Key>
     </ark.div>;
 };
 var ToastActor = (props) => {
-  const [state, send] = useActor(props.value);
-  const api = createMemo(() => toast2.connect(state, send, normalizeProps2));
-  const ctx = createMemo(() => state.context);
-  return <ToastProvider value={api}>{props.children(ctx)}</ToastProvider>;
+  const localProps = createMemo(() => ({
+    ...props.value(),
+    parent: props.parent,
+    index: props.index
+  }));
+  const service = useMachine(toast2.machine, localProps);
+  const api = createMemo(() => toast2.connect(service, normalizeProps));
+  return <ToastProvider value={api}>{props.children(props.value)}</ToastProvider>;
 };
 
 // src/components/toast/toast.ts

package/dist/chunk/{MMS6MJ72.js → KFJJXGK6.js}

@@ -1,9 +1,10 @@
-import { useFieldContext } from './X3BMEEJH.js';
+import { useFieldContext } from './KVVYU5Z3.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -61,12 +62,12 @@ var EditablePreview = (props) => {
   const mergedProps = mergeProps(() => api().getPreviewProps(), props);
   return createComponent(ark.span, mergedProps);
 };
-var useEditable = (props = {}) => {
+var useEditable = (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,13 +79,10 @@ var useEditable = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    edit: props.defaultEdit,
-    value: props.defaultValue,
-    "edit.controlled": props.edit !== void 0,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(editable.machine(context()), { context });
-  return createMemo(() => editable.connect(state, send, normalizeProps));
+  const service = useMachine(editable.machine, machineProps);
+  return createMemo(() => editable.connect(service, normalizeProps));
 };
 
 // src/components/editable/editable-root.tsx

package/dist/chunk/{X3BMEEJH.js → KVVYU5Z3.js}

@@ -1,12 +1,13 @@
-import { useFieldsetContext } from './XUVXUPEH.js';
+import { useFieldsetContext } from './XN3MSM3M.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, createEffect, mergeProps as mergeProps$2, createSignal, createUniqueId, createMemo } from 'solid-js';
-import { dataAttr, ariaAttr } from '@zag-js/dom-query';
+import { createEffect, Show, mergeProps as mergeProps$2, createSignal, createUniqueId, onMount, onCleanup, createMemo } from 'solid-js';
+import { getWindow, dataAttr, ariaAttr } from '@zag-js/dom-query';
 import { createAnatomy } from '@zag-js/anatomy';
 import { autoresizeTextarea } from '@zag-js/auto-resize';
 
@@ -87,13 +88,24 @@ var useField = (props) => {
   const [hasErrorText, setHasErrorText] = createSignal(false);
   const [hasHelperText, setHasHelperText] = createSignal(false);
   const id = fieldProps.id ?? createUniqueId();
-  let rootRef;
+  const [rootRef, setRootRef] = createSignal(void 0);
   const rootId = fieldProps.ids?.control ?? `field::${id}`;
   const errorTextId = fieldProps.ids?.errorText ?? `field::${id}::error-text`;
   const helperTextId = fieldProps.ids?.helperText ?? `field::${id}::helper-text`;
   const labelId = fieldProps.ids?.label ?? `field::${id}::label`;
-  createEffect(() => {
-    return;
+  onMount(() => {
+    const rootNode = rootRef();
+    if (!rootNode) return;
+    const win = getWindow(rootNode);
+    const doc = win.document;
+    const checkTextElements = () => {
+      setHasErrorText(!!doc.getElementById(errorTextId));
+      setHasHelperText(!!doc.getElementById(helperTextId));
+    };
+    checkTextElements();
+    const observer = new win.MutationObserver(checkTextElements);
+    observer.observe(rootNode, { childList: true, subtree: true });
+    onCleanup(() => observer.disconnect());
   });
   const getRootProps = () => ({
     ...parts.root.attrs,
@@ -111,11 +123,14 @@ var useField = (props) => {
     "data-readonly": dataAttr(fieldProps.readOnly),
     htmlFor: id
   });
-  const labelIds = [];
-  if (hasErrorText() && fieldProps.invalid) labelIds.push(errorTextId);
-  if (hasHelperText()) labelIds.push(helperTextId);
+  const labelIds = createMemo(() => {
+    const ids = [];
+    if (hasErrorText() && fieldProps.invalid) ids.push(errorTextId);
+    if (hasHelperText()) ids.push(helperTextId);
+    return ids;
+  });
   const getControlProps = () => ({
-    "aria-describedby": labelIds.join(" ") || void 0,
+    "aria-describedby": labelIds().join(" ") || void 0,
     "aria-invalid": ariaAttr(fieldProps.invalid),
     "data-invalid": dataAttr(fieldProps.invalid),
     "data-required": dataAttr(fieldProps.required),
@@ -152,7 +167,7 @@ var useField = (props) => {
     ...parts.requiredIndicator.attrs
   });
   return createMemo(() => ({
-    ariaDescribedby: labelIds.join(" "),
+    ariaDescribedby: labelIds().join(" "),
     ids: {
       control: id,
       label: labelId,
@@ -160,7 +175,7 @@ var useField = (props) => {
       helperText: helperTextId
     },
     refs: {
-      rootRef
+      rootRef: setRootRef
     },
     disabled: fieldProps.disabled,
     invalid: fieldProps.invalid,
@@ -185,7 +200,12 @@ var FieldRoot = (props) => {
   return createComponent(FieldProvider, {
     value: field,
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(field().refs.rootRef, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{T4NRAKVA.jsx → KZCXBFHA.jsx}

@@ -1,12 +1,12 @@
 import {
   PresenceProvider,
   usePresence
-} from "./E72NMPSK.jsx";
+} from "./A4744EEE.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,13 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -94,19 +97,18 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
 import { createMemo, createUniqueId } from "solid-js";
-var useTabs = (props = {}) => {
+var useTabs = (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,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(tabs.machine(context()), { context });
-  return createMemo(() => tabs.connect(state, send, normalizeProps));
+  const service = useMachine(tabs.machine, machineProps);
+  return createMemo(() => tabs.connect(service, normalizeProps));
 };
 
 // src/components/tabs/tabs-root.tsx

package/dist/chunk/{5EVN6V64.js → LK5627GR.js}

@@ -1,16 +1,17 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import * as datePicker from '@zag-js/date-picker';
 import { anatomy } from '@zag-js/date-picker';
 export { parse } from '@zag-js/date-picker';
-import { createComponent, mergeProps as mergeProps$1, insert, 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, Index, createUniqueId, createMemo } from 'solid-js';
+import { Index, createMemo, createUniqueId, Show } from 'solid-js';
 
 // src/components/date-picker/use-date-picker-context.ts
 var [DatePickerProvider, useDatePickerContext] = createContext({
@@ -126,28 +127,25 @@ var DatePickerRangeText = (props) => {
     }
   }));
 };
-var useDatePicker = (props = {}) => {
+var useDatePicker = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
+    locale: locale().locale,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
-    view: props.defaultView,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(datePicker.machine(context()), { context });
-  return createMemo(() => datePicker.connect(state, send, normalizeProps));
+  const service = useMachine(datePicker.machine, machineProps);
+  return createMemo(() => datePicker.connect(service, normalizeProps));
 };
 
 // src/components/date-picker/date-picker-root.tsx
 var DatePickerRoot = (props) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{5JS7LFUQ.js → LTZUX6NG.js}

@@ -1,7 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -17,8 +18,9 @@ var [TimerProvider, useTimerContext] = createContext({
 
 // src/components/timer/timer-action-trigger.tsx
 var TimerActionTrigger = (props) => {
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
   const timer2 = useTimerContext();
-  const mergedProps = mergeProps(() => timer2().getActionTriggerProps(props), props);
+  const mergedProps = mergeProps(() => timer2().getActionTriggerProps(actionTriggerProps), localProps);
   return createComponent(ark.button, mergedProps);
 };
 var TimerArea = (props) => {
@@ -44,16 +46,16 @@ var TimerItem = (props) => {
     }
   }));
 };
-var useTimer = (props = {}) => {
-  const env = useEnvironmentContext();
+var useTimer = (props) => {
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
     id,
-    getRootNode: env().getRootNode,
-    ...props
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(timer.machine(context()), { context });
-  return createMemo(() => timer.connect(state, send, normalizeProps));
+  const service = useMachine(timer.machine, machineProps);
+  return createMemo(() => timer.connect(service, normalizeProps));
 };
 
 // src/components/timer/timer-root.tsx

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

@@ -6,13 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -49,27 +52,23 @@ import { mergeProps as mergeProps3 } from "@zag-js/solid";
 import * as avatar from "@zag-js/avatar";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useAvatar = (props = {}) => {
+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
+    ...runIfFn(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/{ZC6KWJ4T.jsx → MDJAL2LV.jsx}

@@ -6,13 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -38,11 +41,7 @@ var SplitterPanel = (props) => {
 // src/components/splitter/splitter-resize-trigger.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var SplitterResizeTrigger = (props) => {
-  const [resizeTriggerProps, restProps] = createSplitProps()(props, [
-    "disabled",
-    "id",
-    "step"
-  ]);
+  const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id", "step"]);
   const api = useSplitterContext();
   const mergedProps = mergeProps2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
   return <ark.button {...mergedProps} />;
@@ -55,19 +54,18 @@ import { mergeProps as mergeProps3 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as splitter from "@zag-js/splitter";
 import { createMemo, createUniqueId } from "solid-js";
-var useSplitter = (props = {}) => {
+var useSplitter = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    size: props.defaultSize,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(splitter.machine(context()), { context });
-  return createMemo(() => splitter.connect(state, send, normalizeProps));
+  const service = useMachine(splitter.machine, machineProps);
+  return createMemo(() => splitter.connect(service, normalizeProps));
 };
 
 // src/components/splitter/splitter-root.tsx

package/dist/chunk/{CCA5XJM6.jsx → MERJALY6.jsx}

@@ -1,12 +1,12 @@
+import {
+  useFieldContext
+} from "./UCYPIMZC.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
-import {
-  useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./A4744EEE.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,13 +15,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -83,12 +86,10 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import { createMemo } from "solid-js";
 
 // src/components/combobox/use-combobox-item-context.ts
-var [ComboboxItemProvider, useComboboxItemContext] = createContext(
-  {
-    hookName: "useComboboxItemContext",
-    providerName: "<ComboboxItemProvider />"
-  }
-);
+var [ComboboxItemProvider, useComboboxItemContext] = createContext({
+  hookName: "useComboboxItemContext",
+  providerName: "<ComboboxItemProvider />"
+});
 
 // src/components/combobox/use-combobox-item-props-context.ts
 var [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext({
@@ -138,10 +139,7 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var ComboboxItemGroupLabel = (props) => {
   const combobox2 = useComboboxContext();
   const itemGroupProps = useComboboxItemGroupPropsContext();
-  const mergedProps = mergeProps7(
-    () => combobox2().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }),
-    props
-  );
+  const mergedProps = mergeProps7(() => combobox2().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -197,13 +195,13 @@ import { mergeProps as mergeProps13 } from "@zag-js/solid";
 // src/components/combobox/use-combobox.ts
 import * as combobox from "@zag-js/combobox";
 import { normalizeProps, useMachine } from "@zag-js/solid";
-import { createEffect, createMemo as createMemo2, createUniqueId as createUniqueId2, splitProps } from "solid-js";
+import { createMemo as createMemo2, createUniqueId as createUniqueId2 } from "solid-js";
 var useCombobox = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId2();
   const field = useFieldContext();
-  const initialContext = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -215,22 +213,10 @@ var useCombobox = (props) => {
     invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    value: props.defaultValue,
-    "open.controlled": props.open !== void 0,
-    ...props
+    ...runIfFn(props)
   }));
-  const context = createMemo2(() => {
-    const [, restProps] = splitProps(initialContext(), ["collection"]);
-    return restProps;
-  });
-  const [state, send, service] = useMachine(combobox.machine(initialContext()), {
-    context
-  });
-  createEffect(() => {
-    service.setContext({ collection: props.collection });
-  });
-  return createMemo2(() => combobox.connect(state, send, normalizeProps));
+  const service = useMachine(combobox.machine, machineProps);
+  return createMemo2(() => combobox.connect(service, normalizeProps));
 };
 
 // src/components/combobox/combobox-root.tsx
@@ -242,6 +228,8 @@ var ComboboxRoot = (props) => {
     "closeOnSelect",
     "collection",
     "composite",
+    "defaultHighlightedValue",
+    "defaultInputValue",
     "defaultOpen",
     "defaultValue",
     "disabled",
@@ -292,10 +280,7 @@ var ComboboxRoot = (props) => {
 import { mergeProps as mergeProps14 } from "@zag-js/solid";
 var ComboboxRootProvider = (props) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [{ value: combobox2 }, localProps] = createSplitProps()(
-    comboboxProps,
-    ["value"]
-  );
+  const [{ value: combobox2 }, localProps] = createSplitProps()(comboboxProps, ["value"]);
   const apiPresence = usePresence(mergeProps14(presenceProps, () => ({ present: combobox2().open })));
   const mergedProps = mergeProps14(() => combobox2().getRootProps(), localProps);
   return <ComboboxProvider value={combobox2}>

package/dist/chunk/MOG4V2NQ.jsx

@@ -0,0 +1,15 @@
+// src/components/collection.ts
+import {
+  ListCollection,
+  TreeCollection,
+  filePathToTree
+} from "@zag-js/collection";
+var createListCollection = (options) => new ListCollection(options);
+var createTreeCollection = (options) => new TreeCollection(options);
+var createFileTreeCollection = (paths) => filePathToTree(paths);
+
+export {
+  createListCollection,
+  createTreeCollection,
+  createFileTreeCollection
+};