@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{2W32Z6JZ.js → DBAO7VQW.js}

@@ -1,10 +1,10 @@
-import { usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { usePresence, PresenceProvider } from './WRLQ7Y6E.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.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 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -62,18 +62,17 @@ var TabTrigger = (props) => {
 // src/components/tabs/tabs-context.tsx
 var TabsContext = (props) => props.children(useTabsContext());
 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
   }));
-  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/{5SRZ3YYC.js → DEA5DIWS.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, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -69,18 +69,17 @@ var SliderRange = (props) => {
   return createComponent(ark.div, mergedProps);
 };
 var useSlider = (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
   }));
-  const [state, send] = useMachine(slider.machine(context()), { context });
-  return createMemo(() => slider.connect(state, send, normalizeProps));
+  const service = useMachine(slider.machine, machineProps);
+  return createMemo(() => slider.connect(service, normalizeProps));
 };
 
 // src/components/slider/slider-root.tsx

package/dist/chunk/{SUVE6C6L.jsx → DH5DKFFF.jsx}

@@ -1,12 +1,12 @@
 import {
   useFieldContext
-} from "./MSHQY44G.jsx";
+} from "./XHA6B6L2.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.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";
@@ -83,12 +83,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 +136,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 +192,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 +210,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
   }));
-  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 +225,8 @@ var ComboboxRoot = (props) => {
     "closeOnSelect",
     "collection",
     "composite",
+    "defaultHighlightedValue",
+    "defaultInputValue",
     "defaultOpen",
     "defaultValue",
     "disabled",
@@ -292,10 +277,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/{TMUQ6SLE.jsx → DS2MX7YY.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./MSHQY44G.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,7 +82,7 @@ var useNumberInput = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -95,11 +95,10 @@ var useNumberInput = (props = {}) => {
     dir: locale().dir,
     locale: locale().locale,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(numberInput.machine(context()), { context });
-  return createMemo(() => numberInput.connect(state, send, normalizeProps));
+  const service = useMachine(numberInput.machine, machineProps);
+  return createMemo(() => numberInput.connect(service, normalizeProps));
 };
 
 // src/components/number-input/number-input-root.tsx
@@ -142,9 +141,7 @@ var NumberInputRoot = (props) => {
 // src/components/number-input/number-input-root-provider.tsx
 import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var NumberInputRootProvider = (props) => {
-  const [{ value: numberInput2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: numberInput2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps7(() => numberInput2().getRootProps(), localProps);
   return <NumberInputProvider value={numberInput2}>
       <ark.div {...mergedProps} />

package/dist/chunk/{34OZO53S.js → DVI7TRLG.js}

@@ -1,14 +1,14 @@
-import { collapsible_exports, useCollapsibleContext } from './3HMZSTYX.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { useCollapsibleContext, collapsible_exports } from './PL4PGQFF.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.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, splitProps, createUniqueId } from 'solid-js';
+import { splitProps, createMemo, createUniqueId } from 'solid-js';
 import * as accordion from '@zag-js/accordion';
 export { anatomy } from '@zag-js/accordion';
 
@@ -95,17 +95,14 @@ var useAccordion = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
-    value: props.defaultValue,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(accordion.machine(context()), {
-    context
-  });
-  return createMemo(() => accordion.connect(state, send, normalizeProps));
+  const service = useMachine(accordion.machine, machineProps);
+  return createMemo(() => accordion.connect(service, normalizeProps));
 };
 
 // src/components/accordion/accordion-root.tsx

package/dist/chunk/{AWO62YTJ.js → E2TLJMGI.js}

@@ -1,23 +1,21 @@
-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, spread, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import * as signaturePad from '@zag-js/signature-pad';
 export { anatomy } from '@zag-js/signature-pad';
-import { createUniqueId, createMemo, For, Show } from 'solid-js';
+import { For, Show, createUniqueId, createMemo } from 'solid-js';
 
 // 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) => {
@@ -55,11 +53,11 @@ var SignaturePadLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 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,
@@ -72,8 +70,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
@@ -101,7 +99,7 @@ var SignaturePadRootProvider = (props) => {
   });
 };
 var _tmpl$ = /* @__PURE__ */ template(`<title>Signature`);
-var _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true);
+var _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false);
 var SignaturePadSegment = (props) => {
   const signaturePad2 = useSignaturePadContext();
   const mergedProps = mergeProps(() => signaturePad2().getSegmentProps(), props);

package/dist/chunk/{H4RSHLA7.jsx → EH5LPBSV.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";
@@ -118,19 +118,17 @@ import * as popover from "@zag-js/popover";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 var usePopover = (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,
     ...props
   }));
-  const [state, send] = useMachine(popover.machine(context()), { context });
-  return createMemo(() => popover.connect(state, send, normalizeProps));
+  const service = useMachine(popover.machine, machineProps);
+  return createMemo(() => popover.connect(service, normalizeProps));
 };
 
 // src/components/popover/popover-root.tsx
@@ -166,9 +164,7 @@ var PopoverRoot = (props) => {
 import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var PopoverRootProvider = (props) => {
   const [presenceProps, popoverProps] = splitPresenceProps(props);
-  const presence = usePresence(
-    mergeProps10(presenceProps, () => ({ present: popoverProps.value().open }))
-  );
+  const presence = usePresence(mergeProps10(presenceProps, () => ({ present: popoverProps.value().open })));
   return <PopoverProvider value={popoverProps.value}>
       <PresenceProvider value={presence}>{popoverProps.children}</PresenceProvider>
     </PopoverProvider>;

package/dist/chunk/{F3QPTRGW.jsx → EIGYBOW2.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";
@@ -155,9 +155,7 @@ var [MenuItemGroupProvider, useMenuItemGroupContext] = createContext({
 
 // src/components/menu/menu-item-group.tsx
 var MenuItemGroup = (props) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
-    "id"
-  ]);
+  const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id"]);
   const itemGroupProps = mergeProps8({ id: createUniqueId() }, optionalItemGroupProps);
   const menu2 = useMenuContext();
   const mergedProps = mergeProps8(() => menu2().getItemGroupProps(itemGroupProps), localProps);
@@ -171,10 +169,7 @@ import { mergeProps as mergeProps9 } from "@zag-js/solid";
 var MenuItemGroupLabel = (props) => {
   const context = useMenuContext();
   const itemGroupContext = useMenuItemGroupContext();
-  const mergedProps = mergeProps9(
-    context().getItemGroupLabelProps({ htmlFor: itemGroupContext.id }),
-    props
-  );
+  const mergedProps = mergeProps9(context().getItemGroupLabelProps({ htmlFor: itemGroupContext.id }), props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -238,10 +233,11 @@ var MenuRadioItem = (props) => {
 import { mergeProps as mergeProps14 } from "@zag-js/solid";
 import { createUniqueId as createUniqueId2 } from "solid-js";
 var MenuRadioItemGroup = (props) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps()(
-    props,
-    ["id", "onValueChange", "value"]
-  );
+  const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
+    "id",
+    "onValueChange",
+    "value"
+  ]);
   const context = useMenuContext();
   const itemGroupProps = mergeProps14({ id: createUniqueId2() }, optionalItemGroupProps);
   const mergedProps = mergeProps14(() => context().getItemGroupProps(itemGroupProps), localProps);
@@ -252,29 +248,27 @@ var MenuRadioItemGroup = (props) => {
 
 // src/components/menu/menu-root.tsx
 import { mergeProps as mergeProps15 } from "@zag-js/solid";
-import { createEffect } from "solid-js";
+import { onMount } from "solid-js";
 
 // src/components/menu/use-menu.ts
 import * as menu from "@zag-js/menu";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo4, createUniqueId as createUniqueId3 } from "solid-js";
 var useMenu = (props = {}) => {
+  const id = createUniqueId3();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId3();
-  const context = createMemo4(() => ({
+  const machineProps = createMemo4(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   }));
-  const [state, send, machine2] = useMachine(menu.machine(context()), { context });
-  const api = createMemo4(() => menu.connect(state, send, normalizeProps));
+  const service = useMachine(menu.machine, machineProps);
+  const api = createMemo4(() => menu.connect(service, normalizeProps));
   return {
     api,
-    machine: machine2
+    service
   };
 };
 
@@ -300,11 +294,13 @@ var MenuRoot = (props) => {
     "aria-label",
     "closeOnSelect",
     "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "highlightedValue",
     "id",
     "ids",
     "loopFocus",
+    "navigate",
     "onEscapeKeyDown",
     "onFocusOutside",
     "onHighlightChange",
@@ -313,7 +309,6 @@ var MenuRoot = (props) => {
     "onPointerDownOutside",
     "onSelect",
     "open",
-    "navigate",
     "positioning",
     "typeahead"
   ]);
@@ -321,14 +316,14 @@ var MenuRoot = (props) => {
   const parentMachine = useMenuMachineContext();
   const menu2 = useMenu(useMenuProps);
   const presenceApi = usePresence(mergeProps15(presenceProps, () => ({ present: menu2.api().open })));
-  createEffect(() => {
+  onMount(() => {
     if (!parentMachine) return;
-    parentApi?.().setChild(menu2.machine);
+    parentApi?.().setChild(menu2.service);
     menu2.api().setParent(parentMachine);
   });
   const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu2.api());
   return <MenuTriggerItemProvider value={triggerItemContext}>
-      <MenuMachineProvider value={menu2.machine}>
+      <MenuMachineProvider value={menu2.service}>
         <MenuProvider value={menu2.api}>
           <PresenceProvider value={presenceApi}>{localProps.children}</PresenceProvider>
         </MenuProvider>
@@ -338,22 +333,20 @@ var MenuRoot = (props) => {
 
 // src/components/menu/menu-root-provider.tsx
 import { mergeProps as mergeProps16 } from "@zag-js/solid";
-import { createEffect as createEffect2 } from "solid-js";
+import { createEffect } from "solid-js";
 var MenuRootProvider = (props) => {
   const parentApi = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const [presenceProps, menuProps] = splitPresenceProps(props);
-  const presenceApi = usePresence(
-    mergeProps16(presenceProps, () => ({ present: menuProps.value.api().open }))
-  );
-  createEffect2(() => {
+  const presenceApi = usePresence(mergeProps16(presenceProps, () => ({ present: menuProps.value.api().open })));
+  createEffect(() => {
     if (!parentMachine) return;
-    parentApi?.().setChild(menuProps.value.machine);
+    parentApi?.().setChild(menuProps.value.service);
     menuProps.value.api().setParent(parentMachine);
   });
   const triggerItemContext = () => parentApi?.().getTriggerItemProps(menuProps.value.api());
   return <MenuTriggerItemProvider value={triggerItemContext}>
-      <MenuMachineProvider value={menuProps.value.machine}>
+      <MenuMachineProvider value={menuProps.value.service}>
         <MenuProvider value={menuProps.value.api}>
           <PresenceProvider value={presenceApi}>{menuProps.children}</PresenceProvider>
         </MenuProvider>

package/dist/chunk/{HU7FZMJI.jsx → ENXUS2WG.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";
@@ -35,10 +35,7 @@ var QrCodeDownloadTrigger = (props) => {
     "quality"
   ]);
   const qrCode2 = useQrCodeContext();
-  const mergedProps = mergeProps(
-    () => qrCode2().getDownloadTriggerProps(downloadTriggerProps),
-    localProps
-  );
+  const mergedProps = mergeProps(() => qrCode2().getDownloadTriggerProps(downloadTriggerProps), localProps);
   return <ark.button {...mergedProps} />;
 };
 
@@ -74,20 +71,17 @@ import * as qrCode from "@zag-js/qr-code";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 var useQrCode = (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
   }));
-  const [state, send] = useMachine(qrCode.machine(context()), {
-    context
-  });
-  return createMemo(() => qrCode.connect(state, send, normalizeProps));
+  const service = useMachine(qrCode.machine, machineProps);
+  return createMemo(() => qrCode.connect(service, normalizeProps));
 };
 
 // src/components/qr-code/qr-code-root.tsx
@@ -98,6 +92,7 @@ var QrCodeRoot = (props) => {
     "id",
     "ids",
     "onValueChange",
+    "pixelSize",
     "value"
   ]);
   const api = useQrCode(useQrCodeProps);