@ark-ui/solid 4.10.2 → 5.1.0

package/README.md

@@ -6,9 +6,8 @@
 
 # Welcome to Ark UI
 
-Ark UI is a headless, open-source UI library with over 45+ components designed for building
-reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering
-dedciated packages for each supported framework.
+Ark UI is a headless, open-source UI library with over 45+ components designed for building reusable, scalable Design
+Systems. It supports a wide range of JavaScript frameworks, offering dedciated packages for each supported framework.
 
 ## Supported Frameworks
 
@@ -101,8 +100,7 @@ export const MySlider = () => {
 
 ## Documentation
 
-For more detailed documentation and examples, please visit the
-[official documentation](https://ark-ui.com/).
+For more detailed documentation and examples, please visit the [official documentation](https://ark-ui.com/).
 
 ## Roadmap
 
@@ -111,10 +109,9 @@ You can request, vote for, and check upcoming features on our [roadmap](https://
 ## Contribution
 
 We welcome contributions to Ark UI. Please read our
-[contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more
-information on how to contribute.
+[contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more information on how to
+contribute.
 
 ## License
 
-This project is licensed under the terms of the
-[MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).
+This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).

package/dist/chunk/{ATMUKDFF.js → 26K66CRD.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';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -57,26 +58,24 @@ var HoverCardPositioner = (props) => {
     }
   });
 };
-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
 var HoverCardRoot = (props) => {
   const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ["closeDelay", "defaultOpen", "id", "ids", "onOpenChange", "open", "openDelay", "positioning"]);
+  const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, ["closeDelay", "defaultOpen", "id", "ids", "onFocusOutside", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "open", "openDelay", "positioning"]);
   const api = useHoverCard(useHoverCardProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{U3XJZI3X.jsx → 2LZKFXR5.jsx}

@@ -1,11 +1,11 @@
 import {
   collapsible_exports
-} from "./B7LE23PE.jsx";
+} from "./WNIFZKTJ.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -14,13 +14,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";
@@ -66,10 +69,7 @@ var TreeViewBranchContent = (props) => {
   const nodeProps = useTreeViewNodePropsContext();
   const branchContentProps = createMemo2(() => {
     const contentProps = treeView2().getBranchContentProps(nodeProps);
-    const [, ownProps] = splitVisibilityProps(contentProps, [
-      "hidden",
-      "data-state"
-    ]);
+    const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
     return ownProps;
   });
   const mergedProps = mergeProps2(() => branchContentProps(), props);
@@ -160,12 +160,10 @@ var TreeViewLabel = (props) => {
 };
 
 // src/components/tree-view/use-tree-view-node-context.ts
-var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext(
-  {
-    hookName: "useTreeViewNodeContext",
-    providerName: "<TreeViewNodeProvider />"
-  }
-);
+var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext({
+  hookName: "useTreeViewNodeContext",
+  providerName: "<TreeViewNodeProvider />"
+});
 
 // src/components/tree-view/tree-view-node-context.ts
 var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
@@ -184,19 +182,17 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as treeView from "@zag-js/tree-view";
 import { createMemo as createMemo3, createUniqueId } from "solid-js";
 var useTreeView = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo3(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    selectedValue: props.defaultSelectedValue,
-    expandedValue: props.defaultExpandedValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(treeView.machine(context()), { context });
-  return createMemo3(() => treeView.connect(state, send, normalizeProps));
+  const service = useMachine(treeView.machine, machineProps);
+  return createMemo3(() => treeView.connect(service, normalizeProps));
 };
 
 // src/components/tree-view/tree-view-root.tsx
@@ -231,10 +227,7 @@ var TreeViewRoot = (props) => {
 import { mergeProps as mergeProps13 } from "@zag-js/solid";
 var TreeViewRootProvider = (props) => {
   const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
-  const [{ value: treeView2 }, localProps] = createSplitProps()(
-    treeViewProps,
-    ["value"]
-  );
+  const [{ value: treeView2 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
   const mergedProps = mergeProps13(() => treeView2().getRootProps(), localProps);
   return <TreeViewProvider value={treeView2}>
       <RenderStrategyProvider value={renderStrategyProps}>

package/dist/chunk/{H4RSHLA7.jsx → 3FYZXSQZ.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";
@@ -117,20 +120,18 @@ import { mergeProps as mergeProps9 } from "@zag-js/solid";
 import * as popover from "@zag-js/popover";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var usePopover = (props = {}) => {
+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
+    ...runIfFn(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 +167,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/{MQDN267C.jsx → 3VO34CGN.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";
@@ -95,12 +98,12 @@ import { mergeProps as mergeProps8 } from "@zag-js/solid";
 import * as editable from "@zag-js/editable";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useEditable = (props = {}) => {
+var useEditable = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -112,13 +115,10 @@ var useEditable = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    edit: props.defaultEdit,
-    value: props.defaultValue,
-    "edit.controlled": props.edit !== void 0,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(editable.machine(context()), { context });
-  return createMemo(() => editable.connect(state, send, normalizeProps));
+  const service = useMachine(editable.machine, machineProps);
+  return createMemo(() => editable.connect(service, normalizeProps));
 };
 
 // src/components/editable/editable-root.tsx

package/dist/chunk/{YV5BACLX.js → 46YZVE6D.js}

@@ -1,8 +1,9 @@
 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,24 +46,24 @@ var ProgressRange = (props) => {
   const mergedProps = mergeProps(() => api().getRangeProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-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", "id", "ids", "max", "min", "onValueChange", "orientation", "translations", "value"]);
+  const [progressProps, localProps] = createSplitProps()(props, ["defaultValue", "formatOptions", "id", "ids", "locale", "max", "min", "onValueChange", "orientation", "translations", "value"]);
   const api = useProgress(progressProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(ProgressProvider, {

package/dist/chunk/{MBQQASZE.js → 4QFED3VE.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';
@@ -109,12 +110,12 @@ var TagsInputLabel = (props) => {
   const mergedProps = mergeProps(() => api().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useTagsInput = (props = {}) => {
+var useTagsInput = (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,
@@ -126,16 +127,15 @@ var useTagsInput = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(tagsInput.machine(context()), { context });
-  return createMemo(() => tagsInput.connect(state, send, normalizeProps));
+  const service = useMachine(tagsInput.machine, machineProps);
+  return createMemo(() => tagsInput.connect(service, normalizeProps));
 };
 
 // src/components/tags-input/tags-input-root.tsx
 var TagsInputRoot = (props) => {
-  const [useTagsInputProps, localProps] = createSplitProps()(props, ["addOnPaste", "allowOverflow", "autoFocus", "blurBehavior", "delimiter", "defaultValue", "disabled", "editable", "form", "id", "ids", "inputValue", "invalid", "max", "maxLength", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueChange", "onValueInvalid", "readOnly", "required", "translations", "validate", "value"]);
+  const [useTagsInputProps, localProps] = createSplitProps()(props, ["addOnPaste", "allowOverflow", "autoFocus", "blurBehavior", "defaultInputValue", "defaultValue", "delimiter", "disabled", "editable", "form", "id", "ids", "inputValue", "invalid", "max", "maxLength", "name", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onPointerDownOutside", "onValueChange", "onValueInvalid", "readOnly", "required", "translations", "validate", "value"]);
   const api = useTagsInput(useTagsInputProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(TagsInputProvider, {

package/dist/chunk/{SWUA2VFC.js → 4UD3WT4B.js}

@@ -1,8 +1,9 @@
 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';
@@ -24,21 +25,18 @@ var ToggleGroupItem = (props) => {
   const mergedProps = mergeProps(() => api().getItemProps(toggleProps), restProps);
   return createComponent(ark.button, mergedProps);
 };
-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

package/dist/chunk/{IQJBNZOX.jsx → 5T73FAJY.jsx}

@@ -6,10 +6,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -69,24 +72,26 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 import * as clipboard from "@zag-js/clipboard";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-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, [
+    "defaultValue",
     "id",
     "ids",
     "onStatusChange",
+    "onValueChange",
     "timeout",
     "value"
   ]);

package/dist/chunk/{IZC6PKGT.jsx → 65SQKHCI.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";
@@ -107,20 +110,18 @@ import { mergeProps as mergeProps6 } from "@zag-js/solid";
 import * as dialog from "@zag-js/dialog";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
-var useDialog = (props = {}) => {
+var useDialog = (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(dialog.machine(context()), { context });
-  return createMemo(() => dialog.connect(state, send, normalizeProps));
+  const service = useMachine(dialog.machine, machineProps);
+  return createMemo(() => dialog.connect(service, normalizeProps));
 };
 
 // src/components/dialog/dialog-root.tsx
@@ -163,9 +164,7 @@ import { mergeProps as mergeProps7 } from "@zag-js/solid";
 var DialogRootProvider = (props) => {
   const [presenceProps, dialogProps] = splitPresenceProps(props);
   const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const apiPresence = usePresence(
-    mergeProps7(presenceProps, () => ({ present: dialogProps.value().open }))
-  );
+  const apiPresence = usePresence(mergeProps7(presenceProps, () => ({ present: dialogProps.value().open })));
   return <DialogProvider value={dialogProps.value}>
       <RenderStrategyProvider value={renderStrategyProps}>
         <PresenceProvider value={apiPresence}>{dialogProps.children}</PresenceProvider>