@ark-ui/solid 4.10.2 → 5.1.0

package/dist/chunk/{PSLLOEMD.js → VLQWCBZM.js}

@@ -1,14 +1,15 @@
-import { useFieldContext } from './X3BMEEJH.js';
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.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';
-import { Show, createMemo, createUniqueId, splitProps, createEffect } from 'solid-js';
+import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as combobox from '@zag-js/combobox';
 export { anatomy } from '@zag-js/combobox';
 
@@ -57,12 +58,10 @@ var ComboboxInput = (props) => {
 };
 
 // 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({
@@ -161,7 +160,7 @@ var useCombobox = (props) => {
   const environment = useEnvironmentContext();
   const id = createUniqueId();
   const field = useFieldContext();
-  const initialContext = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -173,28 +172,16 @@ 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 = createMemo(() => {
-    const [, restProps] = splitProps(initialContext(), ["collection"]);
-    return restProps;
-  });
-  const [state, send, service] = useMachine(combobox.machine(initialContext()), {
-    context
-  });
-  createEffect(() => {
-    service.setContext({ collection: props.collection });
-  });
-  return createMemo(() => combobox.connect(state, send, normalizeProps));
+  const service = useMachine(combobox.machine, machineProps);
+  return createMemo(() => combobox.connect(service, normalizeProps));
 };
 
 // src/components/combobox/combobox-root.tsx
 var ComboboxRoot = (props) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "navigate", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultInputValue", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "navigate", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{3WGLTS6O.js → VNK2NPTS.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';
@@ -49,12 +50,12 @@ var NumberInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useNumberInput = (props = {}) => {
+var useNumberInput = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -67,11 +68,10 @@ var useNumberInput = (props = {}) => {
     dir: locale().dir,
     locale: locale().locale,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(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

package/dist/chunk/{WIVXL7HJ.jsx → WDXH3NHK.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 { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
 import { createMemo, createUniqueId } from "solid-js";
-var useTooltip = (props = {}) => {
+var useTooltip = (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
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(tooltip.machine(context()), { context });
-  return createMemo(() => tooltip.connect(state, send, normalizeProps));
+  const service = useMachine(tooltip.machine, machineProps);
+  return createMemo(() => tooltip.connect(service, normalizeProps));
 };
 
 // src/components/tooltip/tooltip-root.tsx
@@ -132,9 +133,7 @@ var TooltipRoot = (props) => {
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var TooltipRootProvider = (props) => {
   const [presenceProps, tooltipProps] = splitPresenceProps(props);
-  const presence = usePresence(
-    mergeProps6(presenceProps, () => ({ present: tooltipProps.value().open }))
-  );
+  const presence = usePresence(mergeProps6(presenceProps, () => ({ present: tooltipProps.value().open })));
   return <TooltipProvider value={tooltipProps.value}>
       <PresenceProvider value={presence}>{tooltipProps.children}</PresenceProvider>
     </TooltipProvider>;

package/dist/chunk/{QQUR4MWN.js → WGFUGTWA.js}

@@ -1,23 +1,22 @@
-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, 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) => {
@@ -54,12 +53,12 @@ var SignaturePadLabel = (props) => {
   const mergedProps = mergeProps(() => signaturePad2().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useSignaturePad = (props = {}) => {
+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,
@@ -70,10 +69,10 @@ var useSignaturePad = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(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 +100,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/{B7LE23PE.jsx → WNIFZKTJ.jsx}

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

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

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

package/dist/chunk/{XUVXUPEH.js → XN3MSM3M.js}

@@ -1,10 +1,11 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, createUniqueId, createSignal, createEffect, createMemo } from 'solid-js';
+import { Show, mergeProps as mergeProps$1, createUniqueId, createSignal, createEffect, createMemo } from 'solid-js';
 import { createAnatomy } from '@zag-js/anatomy';
 
 // src/components/fieldset/use-fieldset-context.ts
@@ -38,19 +39,14 @@ var FieldsetLegend = (props) => {
   const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
   return createComponent(ark.legend, mergedProps);
 };
-var fieldsetAnatomy = createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+var fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 var parts = fieldsetAnatomy.build();
 
 // src/components/fieldset/use-fieldset.ts
 var useFieldset = (props) => {
-  const { disabled = false, invalid = false } = props;
+  const mergedProps = mergeProps$1({ disabled: false, invalid: false }, runIfFn(props));
   let rootRef;
-  const id = props.id ?? createUniqueId();
+  const id = mergedProps.id ?? createUniqueId();
   const errorTextId = `fieldset::${id}::error-text`;
   const helperTextId = `fieldset::${id}::helper-text`;
   const [hasErrorText, setHasErrorText] = createSignal(false);
@@ -59,19 +55,19 @@ var useFieldset = (props) => {
     return;
   });
   const labelIds = [];
-  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasErrorText() && mergedProps.invalid) labelIds.push(errorTextId);
   if (hasHelperText()) labelIds.push(helperTextId);
   const getRootProps = () => ({
     ...parts.root.attrs,
-    disabled,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid),
+    disabled: mergedProps.disabled,
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid),
     "aria-describedby": labelIds.join(" ") || void 0
   });
   const getLegendProps = () => ({
     ...parts.legend.attrs,
-    "data-disabled": dataAttr(disabled),
-    "data-invalid": dataAttr(invalid)
+    "data-disabled": dataAttr(mergedProps.disabled),
+    "data-invalid": dataAttr(mergedProps.invalid)
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
@@ -86,8 +82,8 @@ var useFieldset = (props) => {
     refs: {
       rootRef
     },
-    disabled,
-    invalid,
+    disabled: mergedProps.disabled,
+    invalid: mergedProps.invalid,
     getRootProps,
     getLegendProps,
     getHelperTextProps,

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/{DOPROT6M.jsx → XZZ6TULR.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";
@@ -75,27 +78,29 @@ import { mergeProps as mergeProps6 } from "@zag-js/solid";
 import * as progress from "@zag-js/progress";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useProgress = (props = {}) => {
+var useProgress = (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,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(progress.machine(context()), { context });
-  return createMemo(() => progress.connect(state, send, normalizeProps));
+  const service = useMachine(progress.machine, machineProps);
+  return createMemo(() => progress.connect(service, normalizeProps));
 };
 
 // src/components/progress/progress-root.tsx
 var ProgressRoot = (props) => {
   const [progressProps, localProps] = createSplitProps()(props, [
     "defaultValue",
+    "formatOptions",
     "id",
     "ids",
+    "locale",
     "max",
     "min",
     "onValueChange",

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

@@ -3,12 +3,12 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./A4744EEE.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -17,13 +17,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";
@@ -39,14 +42,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 +164,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>
@@ -204,20 +201,18 @@ var TourTitle = (props) => {
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tour from "@zag-js/tour";
 import { createMemo, createUniqueId } from "solid-js";
-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/{MRQ2UYM4.jsx → YIVTZ7BP.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";
@@ -71,15 +74,14 @@ var usePagination = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    page: props.defaultPage,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(pagination.machine(context()), { context });
-  return createMemo(() => pagination.connect(state, send, normalizeProps));
+  const service = useMachine(pagination.machine, machineProps);
+  return createMemo(() => pagination.connect(service, normalizeProps));
 };
 
 // src/components/pagination/pagination-root.tsx
@@ -87,6 +89,7 @@ var PaginationRoot = (props) => {
   const [usePaginationProps, localProps] = createSplitProps()(props, [
     "count",
     "defaultPage",
+    "defaultPageSize",
     "id",
     "ids",
     "onPageChange",
@@ -107,9 +110,7 @@ var PaginationRoot = (props) => {
 // src/components/pagination/pagination-root-provider.tsx
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var PaginationRootProvider = (props) => {
-  const [{ value: pagination2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: pagination2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps6(() => pagination2().getRootProps(), localProps);
   return <PaginationProvider value={pagination2}>
       <ark.nav {...mergedProps} />

package/dist/chunk/{QODB3C3M.js → YMMMHJJS.js}

@@ -1,7 +1,7 @@
+import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
-import { createContext } from './I5UG2QUO.js';
-import { createComponent, memo, use, template } from 'solid-js/web';
-import { getDocument, getWindow } from '@zag-js/dom-query';
+import { createComponent, memo, template, use } from 'solid-js/web';
+import { getWindow, getDocument } from '@zag-js/dom-query';
 import { createSignal, createMemo, Show } from 'solid-js';
 
 // src/providers/environment/use-environment-context.ts