@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{ZC6KWJ4T.jsx → SBKJA5N2.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";
@@ -38,11 +38,7 @@ var SplitterPanel = (props) => {
 // src/components/splitter/splitter-resize-trigger.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var SplitterResizeTrigger = (props) => {
-  const [resizeTriggerProps, restProps] = createSplitProps()(props, [
-    "disabled",
-    "id",
-    "step"
-  ]);
+  const [resizeTriggerProps, restProps] = createSplitProps()(props, ["disabled", "id", "step"]);
   const api = useSplitterContext();
   const mergedProps = mergeProps2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
   return <ark.button {...mergedProps} />;
@@ -59,15 +55,14 @@ var useSplitter = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    size: props.defaultSize,
     ...props
   }));
-  const [state, send] = useMachine(splitter.machine(context()), { context });
-  return createMemo(() => splitter.connect(state, send, normalizeProps));
+  const service = useMachine(splitter.machine, machineProps);
+  return createMemo(() => splitter.connect(service, normalizeProps));
 };
 
 // src/components/splitter/splitter-root.tsx

package/dist/chunk/{RZBYC7DR.jsx → SBLZHOW2.jsx}

@@ -6,7 +6,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -57,12 +57,7 @@ import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } fro
 
 // src/components/fieldset/fieldset.anatomy.ts
 import { createAnatomy } from "@zag-js/anatomy";
-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
@@ -128,11 +123,7 @@ var dataAttr = (condition) => condition ? "" : void 0;
 
 // src/components/fieldset/fieldset-root.tsx
 var FieldsetRoot = (props) => {
-  const [useFieldsetProps, localProps] = createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
   const mergedProps = mergeProps4(() => fieldset().getRootProps(), localProps);
   return <FieldsetProvider value={fieldset}>

package/dist/chunk/SDD2HKR3.js

@@ -0,0 +1,71 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { createContext } from './TROPIN4C.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { Show, createMemo } from 'solid-js';
+import * as toggle from '@zag-js/toggle';
+import { createAnatomy } from '@zag-js/anatomy';
+
+// src/components/toggle/toggle.ts
+var toggle_exports = {};
+__export(toggle_exports, {
+  Context: () => ToggleContext,
+  Indicator: () => ToggleIndicator,
+  Root: () => ToggleRoot,
+  toggleAnatomy: () => toggleAnatomy
+});
+
+// src/components/toggle/use-toggle-context.ts
+var [ToggleProvider, useToggleContext] = createContext({
+  hookName: "useToggleContext",
+  providerName: "<ToggleProvider />"
+});
+
+// src/components/toggle/toggle-context.tsx
+var ToggleContext = (props) => props.children(useToggleContext());
+var ToggleIndicator = (props) => {
+  const {
+    children,
+    fallback,
+    ...restProps
+  } = props;
+  const toggle2 = useToggleContext();
+  const mergedProps = mergeProps(() => toggle2().getIndicatorProps(), restProps);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return toggle2().pressed;
+        },
+        fallback,
+        children
+      });
+    }
+  }));
+};
+function useToggle(props) {
+  const service = useMachine(toggle.machine, props);
+  return createMemo(() => toggle.connect(service, normalizeProps));
+}
+
+// src/components/toggle/toggle-root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+var ToggleRoot = (props) => {
+  const [useToggleProps, localProps] = createSplitProps()(props, ["pressed", "defaultPressed", "disabled", "onPressedChange"]);
+  const toggle2 = useToggle(useToggleProps);
+  const mergedProps = mergeProps(() => toggle2().getRootProps(), localProps);
+  return createComponent(ToggleProvider, {
+    value: toggle2,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergedProps, false, false);
+      return _el$;
+    }
+  });
+};
+var toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+
+export { ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, toggle_exports, useToggle, useToggleContext };

package/dist/chunk/{WIVXL7HJ.jsx → SL2ZPLSH.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";
@@ -86,19 +86,17 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
 import { createMemo, createUniqueId } from "solid-js";
 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
   }));
-  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 +130,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/{XTV6ZFAA.js → SRPSYZUL.js}

@@ -1,9 +1,9 @@
-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 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -54,7 +54,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,
@@ -67,11 +67,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

package/dist/chunk/{DOPROT6M.jsx → SWZSXMPJ.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";
@@ -76,26 +76,28 @@ import * as progress from "@zag-js/progress";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 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
   }));
-  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/{BY62F4IV.jsx → TEZHN26Z.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";
@@ -48,9 +48,7 @@ var SliderDraggingIndicator = (props) => {
   const slider2 = useSliderContext();
   const thumbProps = useSliderThumbPropsContext();
   const mergedProps = mergeProps2(() => slider2().getDraggingIndicatorProps(thumbProps), props);
-  return <ark.span {...mergedProps}>
-      {props.children || slider2().getThumbValue(thumbProps.index)}
-    </ark.span>;
+  return <ark.span {...mergedProps}>{props.children || slider2().getThumbValue(thumbProps.index)}</ark.span>;
 };
 
 // src/components/slider/slider-hidden-input.tsx
@@ -103,18 +101,17 @@ import * as slider from "@zag-js/slider";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 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/{5EVN6V64.js → TMTD3AUG.js}

@@ -1,16 +1,16 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './WRLQ7Y6E.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 * as datePicker from '@zag-js/date-picker';
 import { anatomy } from '@zag-js/date-picker';
 export { parse } from '@zag-js/date-picker';
-import { createComponent, mergeProps as mergeProps$1, insert, effect, template } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1, template, insert, effect } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, Index, createUniqueId, createMemo } from 'solid-js';
+import { Index, createMemo, createUniqueId, Show } from 'solid-js';
 
 // src/components/date-picker/use-date-picker-context.ts
 var [DatePickerProvider, useDatePickerContext] = createContext({
@@ -127,27 +127,24 @@ var DatePickerRangeText = (props) => {
   }));
 };
 var useDatePicker = (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,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
-    view: props.defaultView,
     ...props
   }));
-  const [state, send] = useMachine(datePicker.machine(context()), { context });
-  return createMemo(() => datePicker.connect(state, send, normalizeProps));
+  const service = useMachine(datePicker.machine, machineProps);
+  return createMemo(() => datePicker.connect(service, normalizeProps));
 };
 
 // src/components/date-picker/date-picker-root.tsx
 var DatePickerRoot = (props) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{I5UG2QUO.js → TROPIN4C.js}

@@ -5,13 +5,7 @@ function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
 }
 function createContext(options = {}) {
-  const {
-    strict = true,
-    hookName = "useContext",
-    providerName = "Provider",
-    errorMessage,
-    defaultValue
-  } = options;
+  const { strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
   const Context = createContext$1(defaultValue);
   function useContext$1() {
     const context = useContext(Context);

package/dist/chunk/{NMGUCD2L.jsx → TVCIHLER.jsx}

@@ -1,19 +1,10 @@
 // src/utils/create-context.ts
-import {
-  createContext as createSolidContext,
-  useContext as useSolidContext
-} from "solid-js";
+import { createContext as createSolidContext, useContext as useSolidContext } from "solid-js";
 function getErrorMessage(hook, provider) {
   return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
 }
 function createContext(options = {}) {
-  const {
-    strict = true,
-    hookName = "useContext",
-    providerName = "Provider",
-    errorMessage,
-    defaultValue
-  } = options;
+  const { strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
   const Context = createSolidContext(defaultValue);
   function useContext() {
     const context = useSolidContext(Context);

package/dist/chunk/{5CYHETDY.js → UIAQFG6P.js}

@@ -1,7 +1,7 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.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';
@@ -56,20 +56,20 @@ var ClipboardLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 var useClipboard = (props = {}) => {
-  const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
     id,
     getRootNode: environment().getRootNode,
     ...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/{2NEVBQW4.jsx → USV2CYTP.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";
@@ -71,11 +71,11 @@ import * as pinInput from "@zag-js/pin-input";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 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,
@@ -87,11 +87,10 @@ var usePinInput = (props = {}) => {
     invalid: field?.().invalid,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...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
@@ -99,6 +98,7 @@ var PinInputRoot = (props) => {
   const [usePinInputProps, localProps] = createSplitProps()(props, [
     "autoFocus",
     "blurOnComplete",
+    "count",
     "defaultValue",
     "disabled",
     "form",

package/dist/chunk/{GXWVYON6.js → V2YBSJKS.js}

@@ -1,9 +1,9 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './WRLQ7Y6E.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';
@@ -58,19 +58,17 @@ var TooltipPositioner = (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
   }));
-  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