@ark-ui/solid 4.10.2 → 5.0.0

package/dist/chunk/{LCESUDZB.js → WRLQ7Y6E.js}

@@ -1,27 +1,19 @@
-import { splitRenderStrategyProps } from './L7OSYHVR.js';
+import { splitRenderStrategyProps } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { useMachine, normalizeProps, mergeProps } from '@zag-js/solid';
 import { createSignal, createMemo, createEffect, Show } from 'solid-js';
 import * as presence from '@zag-js/presence';
 
 // src/components/presence/split-presence-props.ts
-var splitPresenceProps = (props) => createSplitProps()(props, [
-  "immediate",
-  "lazyMount",
-  "onExitComplete",
-  "present",
-  "unmountOnExit"
-]);
+var splitPresenceProps = (props) => createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
 var usePresence = (props) => {
   const [renderStrategyProps, context] = splitRenderStrategyProps(props);
   const [wasEverPresent, setWasEverPresent] = createSignal(false);
-  const [state, send] = useMachine(presence.machine(context), {
-    context
-  });
-  const api = createMemo(() => presence.connect(state, send, normalizeProps));
+  const service = useMachine(presence.machine, props);
+  const api = createMemo(() => presence.connect(service, normalizeProps));
   createEffect(() => {
     const present = api().present;
     if (present) setWasEverPresent(true);

package/dist/chunk/{34MDPAG6.js → WT3OTYHP.js}

@@ -1,16 +1,15 @@
-import { useControllableState } from './BSPFGETO.js';
-import { useFieldContext } from './X3BMEEJH.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, runIfFn } 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 * as checkbox from '@zag-js/checkbox';
 import { anatomy } from '@zag-js/checkbox';
-import { createMemo, createUniqueId } from 'solid-js';
+import { createMemo, createUniqueId, createSignal, untrack } from 'solid-js';
 
 // src/components/checkbox/use-checkbox-context.ts
 var [CheckboxProvider, useCheckboxContext] = createContext({
@@ -26,6 +25,24 @@ var CheckboxControl = (props) => {
   return createComponent(ark.div, mergedProps);
 };
 var checkboxAnatomy = anatomy.extendWith("group");
+function useControllableState(props) {
+  const [uncontrolledValue, setUncontrolledValue] = createSignal(runIfFn(props.defaultValue));
+  const controlled = createMemo(() => props.value?.() !== void 0);
+  const currentValue = createMemo(() => controlled() ? props.value?.() : uncontrolledValue());
+  const setValue = (next) => {
+    untrack(() => {
+      const nextValue = runIfFn(next, currentValue());
+      if (controlled()) {
+        return props.onChange?.(nextValue);
+      }
+      setUncontrolledValue(nextValue);
+      return props.onChange?.(nextValue);
+    });
+  };
+  return [currentValue, setValue];
+}
+
+// src/components/checkbox/use-checkbox-group.ts
 function useCheckboxGroup(props = {}) {
   const interactive = createMemo(() => !(props.disabled || props.readOnly));
   const [value, setValue] = useControllableState({
@@ -128,11 +145,11 @@ var useCheckbox = (ownProps = {}) => {
   const props = createMemo(() => {
     return mergeProps(ownProps, checkboxGroup?.().getItemProps({ value: ownProps.value }) ?? {});
   }, [ownProps, checkboxGroup]);
+  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,
@@ -144,11 +161,10 @@ var useCheckbox = (ownProps = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props().defaultChecked,
     ...props()
   }));
-  const [state, send] = useMachine(checkbox.machine(context()), { context });
-  return createMemo(() => checkbox.connect(state, send, normalizeProps));
+  const service = useMachine(checkbox.machine, machineProps);
+  return createMemo(() => checkbox.connect(service, normalizeProps));
 };
 
 // src/components/checkbox/checkbox-root.tsx

package/dist/chunk/{IOTZAUDA.jsx → WUTUKX4C.jsx}

@@ -1,6 +1,6 @@
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";

package/dist/chunk/{DU4TY3XA.jsx → WZ7FNJXM.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./XHA6B6L2.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";
@@ -82,11 +82,7 @@ var [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext({
 
 // src/components/tags-input/tags-input-item.tsx
 var TagsInputItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, [
-    "disabled",
-    "index",
-    "value"
-  ]);
+  const [itemProps, localProps] = createSplitProps()(props, ["disabled", "index", "value"]);
   const api = useTagsInputContext();
   const mergedProps = mergeProps5(() => api().getItemProps(itemProps), localProps);
   const itemState = createMemo(() => api().getItemState(itemProps));
@@ -152,11 +148,11 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tagsInput from "@zag-js/tags-input";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
 var useTagsInput = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -168,11 +164,10 @@ 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 createMemo2(() => tagsInput.connect(state, send, normalizeProps));
+  const service = useMachine(tagsInput.machine, machineProps);
+  return createMemo2(() => tagsInput.connect(service, normalizeProps));
 };
 
 // src/components/tags-input/tags-input-root.tsx
@@ -182,8 +177,9 @@ var TagsInputRoot = (props) => {
     "allowOverflow",
     "autoFocus",
     "blurBehavior",
-    "delimiter",
+    "defaultInputValue",
     "defaultValue",
+    "delimiter",
     "disabled",
     "editable",
     "form",

package/dist/chunk/X34KVQNW.js

@@ -1,5 +1,5 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { createComponent, spread, insert, template } from 'solid-js/web';
+import { createComponent, template, spread, insert } from 'solid-js/web';
 import { createMemo, For, Show } from 'solid-js';
 import { highlightWord } from '@zag-js/highlight-word';
 

package/dist/chunk/{P7I44WC4.jsx → XHA6B6L2.jsx}

@@ -1,6 +1,9 @@
 import {
   useFieldsetContext
-} from "./RZBYC7DR.jsx";
+} from "./SBLZHOW2.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,7 +12,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -75,14 +78,7 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 
 // src/components/field/use-field.ts
 import { ariaAttr, dataAttr, getWindow } from "@zag-js/dom-query";
-import {
-  createEffect,
-  createMemo,
-  createSignal,
-  createUniqueId,
-  mergeProps as mergeProps6,
-  onCleanup
-} from "solid-js";
+import { createMemo, createSignal, createUniqueId, mergeProps as mergeProps6, onCleanup, onMount } from "solid-js";
 
 // src/components/field/field.anatomy.ts
 import { createAnatomy } from "@zag-js/anatomy";
@@ -108,13 +104,13 @@ 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(() => {
-    const rootNode = rootRef;
+  onMount(() => {
+    const rootNode = rootRef();
     if (!rootNode) return;
     const win = getWindow(rootNode);
     const doc = win.document;
@@ -143,11 +139,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),
@@ -184,7 +183,7 @@ var useField = (props) => {
     ...parts.requiredIndicator.attrs
   });
   return createMemo(() => ({
-    ariaDescribedby: labelIds.join(" "),
+    ariaDescribedby: labelIds().join(" "),
     ids: {
       control: id,
       label: labelId,
@@ -192,7 +191,7 @@ var useField = (props) => {
       helperText: helperTextId
     },
     refs: {
-      rootRef
+      rootRef: setRootRef
     },
     disabled: fieldProps.disabled,
     invalid: fieldProps.invalid,
@@ -222,7 +221,7 @@ var FieldRoot = (props) => {
   const field = useField(useFieldProps);
   const mergedProps = mergeProps7(() => field().getRootProps(), localProps);
   return <FieldProvider value={field}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(field().refs.rootRef, props.ref)} />
     </FieldProvider>;
 };
 
@@ -247,7 +246,7 @@ var FieldSelect = (props) => {
 // src/components/field/field-textarea.tsx
 import { autoresizeTextarea } from "@zag-js/auto-resize";
 import { mergeProps as mergeProps10 } from "@zag-js/solid";
-import { createEffect as createEffect2 } from "solid-js";
+import { createEffect } from "solid-js";
 var FieldTextarea = (props) => {
   const field = useFieldContext();
   let textareaRef;
@@ -257,7 +256,7 @@ var FieldTextarea = (props) => {
     () => ({ style: { resize: autoresize ? "none" : void 0 } }),
     textareaProps
   );
-  createEffect2(() => {
+  createEffect(() => {
     if (!autoresize) return;
     const cleanup = autoresizeTextarea(textareaRef);
     return cleanup;

package/dist/chunk/{TOVWS5LG.jsx → XNZ7GOP4.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./XHA6B6L2.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";
@@ -24,12 +24,10 @@ import {
 import { mergeProps } from "@zag-js/solid";
 
 // src/components/signature-pad/use-signature-pad-context.ts
-var [SignaturePadProvider, useSignaturePadContext] = createContext(
-  {
-    hookName: "useSignaturePadContext",
-    providerName: "<SignaturePadProvider />"
-  }
-);
+var [SignaturePadProvider, useSignaturePadContext] = createContext({
+  hookName: "useSignaturePadContext",
+  providerName: "<SignaturePadProvider />"
+});
 
 // src/components/signature-pad/signature-pad-clear-trigger.tsx
 var SignaturePadClearTrigger = (props) => {
@@ -62,10 +60,7 @@ import { mergeProps as mergeProps4 } from "@zag-js/solid";
 var SignaturePadHiddenInput = (props) => {
   const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
   const signaturePad2 = useSignaturePadContext();
-  const mergedProps = mergeProps4(
-    () => signaturePad2().getHiddenInputProps(hiddenInputProps),
-    localProps
-  );
+  const mergedProps = mergeProps4(() => signaturePad2().getHiddenInputProps(hiddenInputProps), localProps);
   const field = useFieldContext();
   return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
 };
@@ -86,11 +81,11 @@ import * as signaturePad from "@zag-js/signature-pad";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 var useSignaturePad = (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,
@@ -103,8 +98,8 @@ var useSignaturePad = (props = {}) => {
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(signaturePad.machine(context()), { context });
-  return createMemo(() => signaturePad.connect(state, send, normalizeProps));
+  const service = useMachine(signaturePad.machine, machineProps);
+  return createMemo(() => signaturePad.connect(service, normalizeProps));
 };
 
 // src/components/signature-pad/signature-pad-root.tsx
@@ -132,9 +127,7 @@ var SignaturePadRoot = (props) => {
 // src/components/signature-pad/signature-pad-root-provider.tsx
 import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var SignaturePadRootProvider = (props) => {
-  const [{ value: signaturePad2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: signaturePad2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps7(() => signaturePad2().getRootProps(), localProps);
   return <SignaturePadProvider value={signaturePad2}>
       <ark.div {...mergedProps} />
@@ -149,9 +142,7 @@ var SignaturePadSegment = (props) => {
   const mergedProps = mergeProps8(() => signaturePad2().getSegmentProps(), props);
   return <ark.svg {...mergedProps}>
       <title>Signature</title>
-      <For each={signaturePad2().paths}>
-        {(path) => <path {...signaturePad2().getSegmentPathProps({ path })} />}
-      </For>
+      <For each={signaturePad2().paths}>{(path) => <path {...signaturePad2().getSegmentPathProps({ path })} />}</For>
       <Show when={signaturePad2().currentPath}>
         {
     /* @ts-expect-error */

package/dist/chunk/{MYMGOYXH.js → XR4WJDUT.js}

@@ -1,6 +1,6 @@
-import { useLocaleContext } from './HPDOBQ3V.js';
+import { useLocaleContext } from './QEMQBM6W.js';
 import { __export } from './ESLJRKWD.js';
-import { formatBytes, formatNumber } from '@zag-js/i18n-utils';
+import { formatNumber, formatBytes } from '@zag-js/i18n-utils';
 import { splitProps, createMemo } from 'solid-js';
 
 var FormatByte = (props) => {

package/dist/chunk/{SJSLQDBZ.jsx → YE6V66JY.jsx}

@@ -1,12 +1,12 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./B7LE23PE.jsx";
+} from "./H5QZC4VW.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,13 +15,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";
@@ -80,10 +80,7 @@ var AccordionItemContent = (props) => {
   const itemProps = useAccordionItemPropsContext();
   const itemContentProps = createMemo2(() => {
     const contentProps = accordion2().getItemContentProps(itemProps);
-    const [, ownProps] = splitVisibilityProps(contentProps, [
-      "hidden",
-      "data-state"
-    ]);
+    const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
     return ownProps;
   });
   const mergedProps = mergeProps2(() => itemContentProps(), props);
@@ -125,17 +122,14 @@ var useAccordion = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo3(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     dir: locale().dir,
-    value: props.defaultValue,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(accordion.machine(context()), {
-    context
-  });
-  return createMemo3(() => accordion.connect(state, send, normalizeProps));
+  const service = useMachine(accordion.machine, machineProps);
+  return createMemo3(() => accordion.connect(service, normalizeProps));
 };
 
 // src/components/accordion/accordion-root.tsx
@@ -166,9 +160,7 @@ var AccordionRoot = (props) => {
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var AccordionRootProvider = (props) => {
   const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
-  const [{ value: accordion2 }, localProps] = createSplitProps()(accordionProps, [
-    "value"
-  ]);
+  const [{ value: accordion2 }, localProps] = createSplitProps()(accordionProps, ["value"]);
   const mergedProps = mergeProps6(() => accordion2().getRootProps(), localProps);
   return <AccordionProvider value={accordion2}>
       <RenderStrategyProvider value={renderStrategyProps}>

package/dist/chunk/{W43X4SNE.js → YS6KIHEB.js}

@@ -1,8 +1,8 @@
 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 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -32,14 +32,14 @@ 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

package/dist/chunk/{QZYE5W7T.jsx → ZOMTU4P2.jsx}

@@ -3,12 +3,12 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -17,13 +17,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";
@@ -39,14 +39,10 @@ var [TourProvider, useTourContext] = createContext({
 
 // src/components/tour/tour-action-trigger.tsx
 var TourActionTrigger = (props) => {
-  const [actionTriggerProps, localProps] = createSplitProps()(props, [
-    "action"
-  ]);
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
   const tour2 = useTourContext();
   const mergedProps = mergeProps(() => tour2().getActionTriggerProps(actionTriggerProps), localProps);
-  return <ark.button {...mergedProps}>
-      {mergedProps.children || actionTriggerProps.action.label}
-    </ark.button>;
+  return <ark.button {...mergedProps}>{mergedProps.children || actionTriggerProps.action.label}</ark.button>;
 };
 
 // src/components/tour/tour-actions.tsx
@@ -165,9 +161,7 @@ import { mergeProps as mergeProps11 } from "@zag-js/solid";
 var TourRoot = (props) => {
   const [presenceProps, rootProps] = splitPresenceProps(props);
   const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const presence = usePresence(
-    mergeProps11(presenceProps, () => ({ present: rootProps.tour().open }))
-  );
+  const presence = usePresence(mergeProps11(presenceProps, () => ({ present: rootProps.tour().open })));
   return <TourProvider value={rootProps.tour}>
       <RenderStrategyProvider value={renderStrategyProps}>
         <PresenceProvider value={presence}>{rootProps.children}</PresenceProvider>
@@ -208,16 +202,14 @@ var useTour = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(tour.machine(context()), {
-    context
-  });
-  return createMemo(() => tour.connect(state, send, normalizeProps));
+  const service = useMachine(tour.machine, machineProps);
+  return createMemo(() => tour.connect(service, normalizeProps));
 };
 
 // src/components/tour/tour.ts

package/dist/components/accordion/index.d.ts

@@ -5,15 +5,10 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
-interface UseAccordionProps extends Optional<Omit<accordion$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the accordion when it is first rendered.
-     * Use when you do not need to control the state of the color picker.
-     */
-    defaultValue?: accordion$1.Context['value'];
+interface UseAccordionProps extends Optional<Omit<accordion$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAccordionReturn extends Accessor<accordion$1.Api<PropTypes>> {
 }

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/34OZO53S.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/DVI7TRLG.js';

package/dist/components/accordion/index.jsx

@@ -12,16 +12,15 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/SJSLQDBZ.jsx";
-import "../../chunk/B7LE23PE.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/YE6V66JY.jsx";
+import "../../chunk/H5QZC4VW.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   accordion_exports as Accordion,