@ark-ui/solid 4.10.2 → 5.1.0

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

@@ -1,12 +1,12 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./B7LE23PE.jsx";
+} from "./WNIFZKTJ.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";
@@ -80,10 +83,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);
@@ -121,21 +121,18 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as accordion from "@zag-js/accordion";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo3, createUniqueId } from "solid-js";
-var useAccordion = (props = {}) => {
+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
+    ...runIfFn(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 +163,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/{5O4RWSWO.jsx → D2Z5BEON.jsx}

@@ -1,9 +1,9 @@
+import {
+  createContext
+} from "./TVCIHLER.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
-import {
-  createContext
-} from "./NMGUCD2L.jsx";
 
 // src/providers/environment/environment-provider.tsx
 import { getDocument, getWindow } from "@zag-js/dom-query";

package/dist/chunk/{CPMYIT5J.jsx → D6BC5RCX.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./A4744EEE.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,13 +12,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";
@@ -85,20 +88,18 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as hoverCard from "@zag-js/hover-card";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useHoverCard = (props = {}) => {
+var useHoverCard = (props) => {
   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
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(hoverCard.machine(context()), { context });
-  return createMemo(() => hoverCard.connect(state, send, normalizeProps));
+  const service = useMachine(hoverCard.machine, machineProps);
+  return createMemo(() => hoverCard.connect(service, normalizeProps));
 };
 
 // src/components/hover-card/hover-card-root.tsx
@@ -109,7 +110,10 @@ var HoverCardRoot = (props) => {
     "defaultOpen",
     "id",
     "ids",
+    "onFocusOutside",
+    "onInteractOutside",
     "onOpenChange",
+    "onPointerDownOutside",
     "open",
     "openDelay",
     "positioning"
@@ -125,9 +129,7 @@ var HoverCardRoot = (props) => {
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var HoverCardRootProvider = (props) => {
   const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-  const presence = usePresence(
-    mergeProps6(presenceProps, () => ({ present: hoverCardProps.value().open }))
-  );
+  const presence = usePresence(mergeProps6(presenceProps, () => ({ present: hoverCardProps.value().open })));
   return <HoverCardProvider value={hoverCardProps.value}>
       <PresenceProvider value={presence}>{hoverCardProps.children}</PresenceProvider>
     </HoverCardProvider>;

package/dist/chunk/{6MXKM4GA.js → E4A5DGUC.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';
@@ -45,12 +46,12 @@ var PinInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var usePinInput = (props = {}) => {
+var usePinInput = (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,
@@ -62,16 +63,15 @@ var usePinInput = (props = {}) => {
     invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(pinInput.machine(context()), { context });
-  return createMemo(() => pinInput.connect(state, send, normalizeProps));
+  const service = useMachine(pinInput.machine, machineProps);
+  return createMemo(() => pinInput.connect(service, normalizeProps));
 };
 
 // src/components/pin-input/pin-input-root.tsx
 var PinInputRoot = (props) => {
-  const [usePinInputProps, localProps] = createSplitProps()(props, ["autoFocus", "blurOnComplete", "defaultValue", "disabled", "form", "id", "ids", "invalid", "mask", "name", "onValueChange", "onValueComplete", "onValueInvalid", "otp", "pattern", "placeholder", "readOnly", "required", "selectOnFocus", "translations", "type", "value"]);
+  const [usePinInputProps, localProps] = createSplitProps()(props, ["autoFocus", "blurOnComplete", "count", "defaultValue", "disabled", "form", "id", "ids", "invalid", "mask", "name", "onValueChange", "onValueComplete", "onValueInvalid", "otp", "pattern", "placeholder", "readOnly", "required", "selectOnFocus", "translations", "type", "value"]);
   const pinInput2 = usePinInput(usePinInputProps);
   const mergedProps = mergeProps(() => pinInput2().getRootProps(), localProps);
   return createComponent(PinInputProvider, {

package/dist/chunk/{2J42A7KM.js → E5BXBABH.js}

@@ -1,6 +1,6 @@
 import { composeRefs } from './XN6EERRM.js';
-import { EnvironmentProvider } from './QODB3C3M.js';
-import { createComponent, use, spread, insert, Portal, template } from 'solid-js/web';
+import { EnvironmentProvider } from './YMMMHJJS.js';
+import { createComponent, template, use, spread, insert, Portal } from 'solid-js/web';
 import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
 
 var FrameContent = (props) => {

package/dist/chunk/{U7SPBSDD.jsx → EEG3DZXG.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";
@@ -42,21 +45,18 @@ import { mergeProps as mergeProps2 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as toggleGroup from "@zag-js/toggle-group";
 import { createMemo, createUniqueId } from "solid-js";
-var useToggleGroup = (props = {}) => {
+var useToggleGroup = (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(toggleGroup.machine(context()), {
-    context
-  });
-  return createMemo(() => toggleGroup.connect(state, send, normalizeProps));
+  const service = useMachine(toggleGroup.machine, machineProps);
+  return createMemo(() => toggleGroup.connect(service, normalizeProps));
 };
 
 // src/components/toggle-group/toggle-group-root.tsx
@@ -83,9 +83,7 @@ var ToggleGroupRoot = (props) => {
 // src/components/toggle-group/toggle-group-root-provider.tsx
 import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var ToggleGroupRootProvider = (props) => {
-  const [{ value: toggleGroup2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: toggleGroup2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps3(() => toggleGroup2().getRootProps(), localProps);
   return <ToggleGroupProvider value={toggleGroup2}>
       <ark.div {...mergedProps} />

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

@@ -1,9 +1,10 @@
-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';
 export { parseTime } from '@internationalized/date';
 import { createComponent } from 'solid-js/web';
@@ -98,21 +99,19 @@ var TimePickerPositioner = (props) => {
     }
   });
 };
-var useTimePicker = (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,
-    ...props
+    locale: locale().locale,
+    ...runIfFn(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/{5CYHETDY.js → EWPKE75H.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';
@@ -55,21 +56,21 @@ var ClipboardLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useClipboard = (props = {}) => {
-  const environment = useEnvironmentContext();
+var useClipboard = (props) => {
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
     id,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(clipboard.machine(context()), { context });
-  return createMemo(() => clipboard.connect(state, send, normalizeProps));
+  const service = useMachine(clipboard.machine, machineProps);
+  return createMemo(() => clipboard.connect(service, normalizeProps));
 };
 
 // src/components/clipboard/clipboard-root.tsx
 var ClipboardRoot = (props) => {
-  const [useClipboardProps, localProps] = createSplitProps()(props, ["id", "ids", "onStatusChange", "timeout", "value"]);
+  const [useClipboardProps, localProps] = createSplitProps()(props, ["defaultValue", "id", "ids", "onStatusChange", "onValueChange", "timeout", "value"]);
   const api = useClipboard(useClipboardProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(ClipboardProvider, {

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

@@ -1,10 +1,11 @@
-import { usePresence, PresenceProvider } from './LCESUDZB.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { usePresence, PresenceProvider } from './OY4ARTMM.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -61,19 +62,18 @@ var TabTrigger = (props) => {
 
 // src/components/tabs/tabs-context.tsx
 var TabsContext = (props) => props.children(useTabsContext());
-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/{CIPYIXIW.js → F7JP3DGZ.js}

@@ -1,10 +1,11 @@
-import { usePresence, usePresenceContext, splitPresenceProps, PresenceProvider } from './LCESUDZB.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
+import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } 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 './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';
@@ -188,20 +189,18 @@ var TourTitle = (props) => {
     }
   }));
 };
-var useTour = (props = {}) => {
+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
+    ...runIfFn(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/chunk/{PRMWTLUY.jsx → FUS6GOJL.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./UCYPIMZC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,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";
@@ -61,12 +64,12 @@ import { mergeProps as mergeProps4 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as zagSwitch from "@zag-js/switch";
 import { createMemo, createUniqueId } from "solid-js";
-var useSwitch = (props = {}) => {
+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,
@@ -78,11 +81,10 @@ var useSwitch = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props.defaultChecked,
-    ...props
+    ...runIfFn(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

package/dist/chunk/{ASCGEGA5.jsx → GCDTOEZN.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./UCYPIMZC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,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";
@@ -123,10 +126,7 @@ var FileUploadItemPreviewImage = (props) => {
     const cleanup = fileUpload2().createFileUrl(itemProps.file, (url2) => setUrl(url2));
     onCleanup(cleanup);
   });
-  const mergedProps = mergeProps9(
-    () => fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }),
-    props
-  );
+  const mergedProps = mergeProps9(() => fileUpload2().getItemPreviewImageProps({ ...itemProps, url: url() }), props);
   return <Show when={url()}>
       <ark.img {...mergedProps} />
     </Show>;
@@ -156,12 +156,12 @@ import { mergeProps as mergeProps12 } from "@zag-js/solid";
 import * as fileUpload from "@zag-js/file-upload";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useFileUpload = (props = {}) => {
+var useFileUpload = (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,
@@ -169,13 +169,14 @@ var useFileUpload = (props = {}) => {
     },
     dir: locale().dir,
     disabled: field?.().disabled,
+    locale: locale().locale,
     required: field?.().required,
     invalid: field?.().invalid,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(fileUpload.machine(context()), { context });
-  return createMemo(() => fileUpload.connect(state, send, normalizeProps));
+  const service = useMachine(fileUpload.machine, machineProps);
+  return createMemo(() => fileUpload.connect(service, normalizeProps));
 };
 
 // src/components/file-upload/file-upload-root.tsx
@@ -212,9 +213,7 @@ var FileUploadRoot = (props) => {
 // src/components/file-upload/file-upload-root-provider.tsx
 import { mergeProps as mergeProps13 } from "@zag-js/solid";
 var FileUploadRootProvider = (props) => {
-  const [{ value: fileUpload2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: fileUpload2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps13(() => fileUpload2().getRootProps(), localProps);
   return <FileUploadProvider value={fileUpload2}>
       <ark.div {...mergedProps} />

package/dist/chunk/{G2WIACWP.js → GJSXT6PD.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';
@@ -39,12 +40,12 @@ var SwitchLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.span, mergedProps);
 };
-var useSwitch = (props = {}) => {
+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 +57,10 @@ var useSwitch = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props.defaultChecked,
-    ...props
+    ...runIfFn(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