@ark-ui/solid 4.10.2 → 5.0.0

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/{3WGLTS6O.js → SRPSYZUL.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './X3BMEEJH.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/{7PKUSZKY.jsx → USV2CYTP.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.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

package/dist/chunk/{WQQVH7YG.jsx → VLUE7XIS.jsx}

@@ -1,20 +1,23 @@
 import {
   ark
 } from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./BPYAMTER.jsx";
+import {
+  useLocaleContext
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
 
 // src/components/toast/create-toaster.tsx
-import { normalizeProps } from "@zag-js/solid";
 import * as toast from "@zag-js/toast";
 var createToaster = (props) => {
-  const machine = toast.group.machine({ id: "1", ...props });
-  const api = toast.group.connect(machine, machine.send, normalizeProps);
-  return { ...api, machine };
+  return toast.createStore(props);
 };
 
 // src/components/toast/toast-action-trigger.tsx
@@ -76,27 +79,39 @@ var ToastTitle = (props) => {
 import { anatomy } from "@zag-js/toast";
 
 // src/components/toast/toaster.tsx
-import { mergeProps as mergeProps6, normalizeProps as normalizeProps2, useActor, useMachine } from "@zag-js/solid";
+import { Key, mergeProps as mergeProps6, normalizeProps, useMachine } from "@zag-js/solid";
 import * as toast2 from "@zag-js/toast";
-import { For, createMemo, splitProps } from "solid-js";
+import { createMemo, createUniqueId, splitProps } from "solid-js";
 var Toaster = (props) => {
   const [toasterProps, localProps] = splitProps(props, ["toaster", "children"]);
-  const [state, send] = useMachine(toasterProps.toaster.machine);
-  const placement = state.context.placement;
-  const api = createMemo(() => toast2.group.connect(state, send, normalizeProps2));
-  const toasts = createMemo(() => api().getToastsByPlacement(placement));
-  const mergedProps = mergeProps6(api().getGroupProps({ placement }), localProps);
+  const locale = useLocaleContext();
+  const env = useEnvironmentContext();
+  const service = useMachine(toast2.group.machine, () => ({
+    store: toasterProps.toaster,
+    id: createUniqueId(),
+    dir: locale()?.dir,
+    getRootNode: () => env()?.getDocument()
+  }));
+  const api = createMemo(() => toast2.group.connect(service, normalizeProps));
+  const toasts = createMemo(() => api().getToasts());
+  const mergedProps = mergeProps6(api().getGroupProps(), localProps);
   return <ark.div {...mergedProps}>
-      <For each={toasts()}>
-        {(toast3) => <ToastActor value={toast3}>{(ctx) => toasterProps.children(ctx)}</ToastActor>}
-      </For>
+      <Key each={toasts()} by="id">
+        {(toast3, index) => <ToastActor value={toast3} index={index} parent={service}>
+            {(ctx) => toasterProps.children(ctx)}
+          </ToastActor>}
+      </Key>
     </ark.div>;
 };
 var ToastActor = (props) => {
-  const [state, send] = useActor(props.value);
-  const api = createMemo(() => toast2.connect(state, send, normalizeProps2));
-  const ctx = createMemo(() => state.context);
-  return <ToastProvider value={api}>{props.children(ctx)}</ToastProvider>;
+  const localProps = createMemo(() => ({
+    ...props.value(),
+    parent: props.parent,
+    index: props.index
+  }));
+  const service = useMachine(toast2.machine, localProps);
+  const api = createMemo(() => toast2.connect(service, normalizeProps));
+  return <ToastProvider value={api}>{props.children(props.value)}</ToastProvider>;
 };
 
 // src/components/toast/toast.ts

package/dist/chunk/{TC2QHQ47.jsx → WPEIDU6T.jsx}

@@ -6,24 +6,22 @@ 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";
 
 // src/components/segment-group/use-segment-group-context.ts
-var [SegmentGroupProvider, useSegmentGroupContext] = createContext(
-  {
-    hookName: "useSegmentGroupContext",
-    providerName: "<SegmentGroupProvider />"
-  }
-);
+var [SegmentGroupProvider, useSegmentGroupContext] = createContext({
+  hookName: "useSegmentGroupContext",
+  providerName: "<SegmentGroupProvider />"
+});
 
 // src/components/segment-group/segment-group-context.tsx
 var SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
@@ -39,11 +37,7 @@ var parts = segmentGroupAnatomy.build();
 // src/components/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
-  const mergedProps = mergeProps(
-    () => segmentGroup2().getIndicatorProps(),
-    parts.indicator.attrs,
-    props
-  );
+  const mergedProps = mergeProps(() => segmentGroup2().getIndicatorProps(), parts.indicator.attrs, props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -65,17 +59,9 @@ var [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createCon
 
 // src/components/segment-group/segment-group-item.tsx
 var SegmentGroupItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
+  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled", "invalid"]);
   const segmentGroup2 = useSegmentGroupContext();
-  const mergedProps = mergeProps2(
-    () => segmentGroup2().getItemProps(itemProps),
-    parts.item.attrs,
-    localProps
-  );
+  const mergedProps = mergeProps2(() => segmentGroup2().getItemProps(itemProps), parts.item.attrs, localProps);
   const itemState = createMemo(() => segmentGroup2().getItemState(itemProps));
   return <SegmentGroupItemPropsProvider value={itemProps}>
       <SegmentGroupItemProvider value={itemState}>
@@ -92,11 +78,7 @@ import { mergeProps as mergeProps3 } from "@zag-js/solid";
 var SegmentGroupItemControl = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps3(
-    () => segmentGroup2().getItemControlProps(itemProps),
-    parts.itemControl.attrs,
-    props
-  );
+  const mergedProps = mergeProps3(() => segmentGroup2().getItemControlProps(itemProps), parts.itemControl.attrs, props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -114,11 +96,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var SegmentGroupItemText = (props) => {
   const segmentGroup2 = useSegmentGroupContext();
   const itemProps = useSegmentGroupItemPropsContext();
-  const mergedProps = mergeProps5(
-    () => segmentGroup2().getItemTextProps(itemProps),
-    parts.itemText.attrs,
-    props
-  );
+  const mergedProps = mergeProps5(() => segmentGroup2().getItemTextProps(itemProps), parts.itemText.attrs, props);
   return <ark.span {...mergedProps} />;
 };
 
@@ -138,18 +116,17 @@ import * as segmentGroup from "@zag-js/radio-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
 var useSegmentGroup = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(segmentGroup.machine(context()), { context });
-  return createMemo2(() => segmentGroup.connect(state, send, normalizeProps));
+  const service = useMachine(segmentGroup.machine, machineProps);
+  return createMemo2(() => segmentGroup.connect(service, normalizeProps));
 };
 
 // src/components/segment-group/segment-group-root.tsx
@@ -176,9 +153,7 @@ var SegmentGroupRoot = (props) => {
 // src/components/segment-group/segment-group-root-provider.tsx
 import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var SegmentGroupRootProvider = (props) => {
-  const [{ value: segmentGroup2 }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
+  const [{ value: segmentGroup2 }, localProps] = createSplitProps()(props, ["value"]);
   const mergedProps = mergeProps8(() => segmentGroup2().getRootProps(), parts.root.attrs, localProps);
   return <SegmentGroupProvider value={segmentGroup2}>
       <ark.div {...mergedProps} />