@serendie/ui 3.2.0 → 3.2.1-dev.202604210459

package/dist/node_modules/@zag-js/popper/dist/middleware.js

@@ -0,0 +1,57 @@
+var a = (r) => ({ variable: r, reference: `var(${r})` }), y = {
+  arrowSize: a("--arrow-size"),
+  arrowSizeHalf: a("--arrow-size-half"),
+  arrowBg: a("--arrow-background"),
+  transformOrigin: a("--transform-origin"),
+  arrowOffset: a("--arrow-offset")
+}, Y = (r) => r === "top" || r === "bottom" ? "y" : "x";
+function j(r, t) {
+  return {
+    name: "transformOrigin",
+    fn(o) {
+      var O, $, w, v;
+      const { elements: s, middlewareData: e, placement: i, rects: p, y: b } = o, g = i.split("-")[0], A = Y(g), z = ((O = e.arrow) == null ? void 0 : O.x) || 0, H = (($ = e.arrow) == null ? void 0 : $.y) || 0, M = (t == null ? void 0 : t.clientWidth) || 0, l = (t == null ? void 0 : t.clientHeight) || 0, c = z + M / 2, m = H + l / 2, S = Math.abs(((w = e.shift) == null ? void 0 : w.y) || 0), T = p.reference.height / 2, x = l / 2, f = ((v = r.offset) == null ? void 0 : v.mainAxis) ?? r.gutter, n = typeof f == "number" ? f + x : f ?? x, V = S > n, h = {
+        top: `${c}px calc(100% + ${n}px)`,
+        bottom: `${c}px ${-n}px`,
+        left: `calc(100% + ${n}px) ${m}px`,
+        right: `${-n}px ${m}px`
+      }[g], d = `${c}px ${p.reference.y + T - b}px`, u = !!r.overlap && A === "y" && V;
+      return s.floating.style.setProperty(
+        y.transformOrigin.variable,
+        u ? d : h
+      ), {
+        data: {
+          transformOrigin: u ? d : h
+        }
+      };
+    }
+  };
+}
+var B = {
+  name: "rects",
+  fn({ rects: r }) {
+    return {
+      data: r
+    };
+  }
+}, W = (r) => {
+  if (r)
+    return {
+      name: "shiftArrow",
+      fn({ placement: t, middlewareData: o }) {
+        if (!o.arrow) return {};
+        const { x: s, y: e } = o.arrow, i = t.split("-")[0];
+        return Object.assign(r.style, {
+          left: s != null ? `${s}px` : "",
+          top: e != null ? `${e}px` : "",
+          [i]: `calc(100% + ${y.arrowOffset.reference})`
+        }), {};
+      }
+    };
+};
+export {
+  j as createTransformOriginMiddleware,
+  y as cssVars,
+  B as rectMiddleware,
+  W as shiftArrowMiddleware
+};

package/dist/node_modules/@zag-js/popper/dist/placement.js

@@ -0,0 +1,11 @@
+function i(t) {
+  const [n, e] = t.split("-");
+  return { side: n, align: e, hasAlign: e != null };
+}
+function l(t) {
+  return t.split("-")[0];
+}
+export {
+  i as getPlacementDetails,
+  l as getPlacementSide
+};

package/dist/node_modules/@zag-js/presence/dist/presence.connect.js

@@ -0,0 +1,16 @@
+function i(n, c) {
+  const { state: o, send: t, context: s } = n, u = o.matches("mounted", "unmountSuspended");
+  return {
+    skip: !s.get("initial"),
+    present: u,
+    setNode(e) {
+      e && t({ type: "NODE.SET", node: e });
+    },
+    unmount() {
+      t({ type: "UNMOUNT" });
+    }
+  };
+}
+export {
+  i as connect
+};

package/dist/node_modules/@zag-js/presence/dist/{index.js → presence.machine.js}

@@ -1,20 +1,10 @@
-import { setStyle as N, nextTick as d, raf as p, getComputedStyle as g, getEventTarget as E } from "../../dom-query/dist/index.js";
-import { createMachine as v } from "../../core/dist/index.js";
-import { createProps as y } from "../../types/dist/index.js";
-function S(e, t) {
-  const { state: i, send: n, context: s } = e, a = i.matches("mounted", "unmountSuspended");
-  return {
-    skip: !s.get("initial"),
-    present: a,
-    setNode(r) {
-      r && n({ type: "NODE.SET", node: r });
-    },
-    unmount() {
-      n({ type: "UNMOUNT" });
-    }
-  };
-}
-var O = v({
+import { createMachine as E } from "../../core/dist/create-machine.js";
+import { setStyle as v } from "../../dom-query/dist/set.js";
+import { nextTick as f, raf as p } from "../../dom-query/dist/raf.js";
+import { getComputedStyle as y } from "../../dom-query/dist/computed-style.js";
+import { getWindow as U } from "../../dom-query/dist/node.js";
+import { getEventTarget as g } from "../../dom-query/dist/event.js";
+var C = E({
   props({ props: e }) {
     return { ...e, present: !!e.present };
   },
@@ -38,7 +28,7 @@ var O = v({
       }))
     };
   },
-  exit: ["clearInitial", "cleanupNode"],
+  exit: ["cleanupNode"],
   watch({ track: e, prop: t, send: i }) {
     e([() => t("present")], () => {
       i({ type: "PRESENCE.CHANGED" });
@@ -93,35 +83,37 @@ var O = v({
           e.set("initial", !0);
         });
       },
-      clearInitial: ({ context: e }) => {
-        e.set("initial", !1);
-      },
-      invokeOnExitComplete: ({ prop: e }) => {
-        var t;
-        (t = e("onExitComplete")) == null || t();
+      invokeOnExitComplete: ({ prop: e, refs: t }) => {
+        var a;
+        (a = e("onExitComplete")) == null || a();
+        const i = t.get("node");
+        if (!i) return;
+        const r = U(i), n = new r.CustomEvent("exitcomplete", { bubbles: !1 });
+        i.dispatchEvent(n);
       },
       setupNode: ({ refs: e, event: t }) => {
-        e.get("node") !== t.node && (e.set("node", t.node), e.set("styles", g(t.node)));
+        e.get("node") !== t.node && (e.set("node", t.node), e.set("styles", y(t.node)));
       },
       cleanupNode: ({ refs: e }) => {
         e.set("node", null), e.set("styles", null);
       },
-      syncPresence: ({ context: e, refs: t, send: i, prop: n }) => {
-        const s = n("present");
-        if (s)
+      syncPresence: ({ context: e, refs: t, send: i, prop: r }) => {
+        const n = r("present");
+        if (n)
           return i({ type: "MOUNT", src: "presence.changed" });
         const a = t.get("node");
-        if (!s && (a == null ? void 0 : a.ownerDocument.visibilityState) === "hidden")
+        if (!n && (a == null ? void 0 : a.ownerDocument.visibilityState) === "hidden")
           return i({ type: "UNMOUNT", src: "visibilitychange" });
         p(() => {
-          var o, m;
-          const r = u(t.get("styles"));
-          e.set("unmountAnimationName", r), r === "none" || r === e.get("prevAnimationName") || ((o = t.get("styles")) == null ? void 0 : o.display) === "none" || ((m = t.get("styles")) == null ? void 0 : m.animationDuration) === "0s" ? i({ type: "UNMOUNT", src: "presence.changed" }) : i({ type: "UNMOUNT.SUSPEND" });
+          var m, u;
+          if (r("present")) return;
+          const s = c(t.get("styles"));
+          e.set("unmountAnimationName", s), s === "none" || s === e.get("prevAnimationName") || ((m = t.get("styles")) == null ? void 0 : m.display) === "none" || ((u = t.get("styles")) == null ? void 0 : u.animationDuration) === "0s" ? i({ type: "UNMOUNT", src: "presence.changed" }) : i({ type: "UNMOUNT.SUSPEND" });
         });
       },
       setPrevAnimationName: ({ context: e, refs: t }) => {
         p(() => {
-          e.set("prevAnimationName", u(t.get("styles")));
+          e.set("prevAnimationName", c(t.get("styles")));
         });
       },
       clearPrevAnimationName: ({ context: e }) => {
@@ -129,30 +121,30 @@ var O = v({
       }
     },
     effects: {
-      trackAnimationEvents: ({ context: e, refs: t, send: i }) => {
+      trackAnimationEvents: ({ context: e, refs: t, send: i, prop: r }) => {
         const n = t.get("node");
         if (!n) return;
-        const s = (o) => {
-          var l, c;
-          (((c = (l = o.composedPath) == null ? void 0 : l.call(o)) == null ? void 0 : c[0]) ?? o.target) === n && e.set("prevAnimationName", u(t.get("styles")));
-        }, a = (o) => {
-          const m = u(t.get("styles"));
-          E(o) === n && m === e.get("unmountAnimationName") && i({ type: "UNMOUNT", src: "animationend" });
+        const a = (o) => {
+          var N, d;
+          (((d = (N = o.composedPath) == null ? void 0 : N.call(o)) == null ? void 0 : d[0]) ?? o.target) === n && e.set("prevAnimationName", c(t.get("styles")));
+        }, s = (o) => {
+          const l = c(t.get("styles"));
+          g(o) === n && l === e.get("unmountAnimationName") && !r("present") && i({ type: "UNMOUNT", src: "animationend" });
+        }, m = (o) => {
+          g(o) === n && !r("present") && i({ type: "UNMOUNT", src: "animationcancel" });
         };
-        n.addEventListener("animationstart", s), n.addEventListener("animationcancel", a), n.addEventListener("animationend", a);
-        const r = N(n, { animationFillMode: "forwards" });
+        n.addEventListener("animationstart", a), n.addEventListener("animationcancel", m), n.addEventListener("animationend", s);
+        const u = v(n, { animationFillMode: "forwards" });
         return () => {
-          n.removeEventListener("animationstart", s), n.removeEventListener("animationcancel", a), n.removeEventListener("animationend", a), d(() => r());
+          n.removeEventListener("animationstart", a), n.removeEventListener("animationcancel", m), n.removeEventListener("animationend", s), f(() => u());
         };
       }
     }
   }
 });
-function u(e) {
+function c(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-y()(["onExitComplete", "present", "immediate"]);
 export {
-  S as connect,
-  O as machine
+  C as machine
 };

package/dist/node_modules/@zag-js/radio-group/dist/radio-group.anatomy.js

@@ -0,0 +1,13 @@
+import { createAnatomy as t } from "../../anatomy/dist/create-anatomy.js";
+var r = t("radio-group").parts(
+  "root",
+  "label",
+  "item",
+  "itemText",
+  "itemControl",
+  "indicator"
+), a = r.build();
+export {
+  r as anatomy,
+  a as parts
+};

package/dist/node_modules/@zag-js/radio-group/dist/radio-group.connect.js

@@ -0,0 +1,197 @@
+import { getEventTarget as V, isLeftClick as p } from "../../dom-query/dist/event.js";
+import { isSafari as C } from "../../dom-query/dist/platform.js";
+import { dataAttr as r } from "../../dom-query/dist/shared.js";
+import { visuallyHiddenStyle as P } from "../../dom-query/dist/visually-hidden.js";
+import { isFocusVisible as k } from "../../focus-visible/dist/index.js";
+import { parts as s } from "./radio-group.anatomy.js";
+import { getIndicatorId as D, getItemLabelId as I, getItemHiddenInputId as E, getRootId as h, getItemControlId as _, getItemHiddenInputEl as A, getItemId as q, getLabelId as T, getFirstEnabledAndCheckedInputEl as w, getFirstEnabledInputEl as L } from "./radio-group.dom.js";
+import { toPx as m } from "../../utils/dist/number.js";
+function M(l, u) {
+  const { context: o, send: d, computed: S, prop: i, scope: n } = l, v = S("isDisabled"), g = i("invalid"), f = i("readOnly");
+  function c(e) {
+    return {
+      value: e.value,
+      invalid: !!e.invalid || !!g,
+      disabled: !!e.disabled || v,
+      checked: o.get("value") === e.value,
+      focused: o.get("focusedValue") === e.value,
+      focusVisible: o.get("focusVisibleValue") === e.value,
+      hovered: o.get("hoveredValue") === e.value,
+      active: o.get("activeValue") === e.value
+    };
+  }
+  function b(e) {
+    const t = c(e);
+    return {
+      "data-focus": r(t.focused),
+      "data-focus-visible": r(t.focusVisible),
+      "data-disabled": r(t.disabled),
+      "data-readonly": r(f),
+      "data-state": t.checked ? "checked" : "unchecked",
+      "data-hover": r(t.hovered),
+      "data-invalid": r(t.invalid),
+      "data-orientation": i("orientation"),
+      "data-ssr": r(o.get("ssr"))
+    };
+  }
+  const y = () => {
+    const e = w(n) ?? L(n);
+    e == null || e.focus();
+  };
+  return {
+    focus: y,
+    value: o.get("value"),
+    setValue(e) {
+      d({ type: "SET_VALUE", value: e, isTrusted: !1 });
+    },
+    clearValue() {
+      d({ type: "SET_VALUE", value: null, isTrusted: !1 });
+    },
+    getRootProps() {
+      return u.element({
+        ...s.root.attrs,
+        role: "radiogroup",
+        id: h(n),
+        "aria-labelledby": T(n),
+        "aria-required": i("required") || void 0,
+        "aria-disabled": v || void 0,
+        "aria-readonly": f || void 0,
+        "data-orientation": i("orientation"),
+        "data-disabled": r(v),
+        "data-invalid": r(g),
+        "data-required": r(i("required")),
+        "aria-orientation": i("orientation"),
+        dir: i("dir"),
+        style: {
+          position: "relative"
+        }
+      });
+    },
+    getLabelProps() {
+      return u.element({
+        ...s.label.attrs,
+        dir: i("dir"),
+        "data-orientation": i("orientation"),
+        "data-disabled": r(v),
+        "data-invalid": r(g),
+        "data-required": r(i("required")),
+        id: T(n),
+        onClick: y
+      });
+    },
+    getItemState: c,
+    getItemProps(e) {
+      const t = c(e);
+      return u.label({
+        ...s.item.attrs,
+        dir: i("dir"),
+        id: q(n, e.value),
+        htmlFor: E(n, e.value),
+        ...b(e),
+        onPointerMove() {
+          t.disabled || t.hovered || d({ type: "SET_HOVERED", value: e.value, hovered: !0 });
+        },
+        onPointerLeave() {
+          t.disabled || d({ type: "SET_HOVERED", value: null });
+        },
+        onPointerDown(a) {
+          t.disabled || p(a) && (t.focused && a.pointerType === "mouse" && a.preventDefault(), d({ type: "SET_ACTIVE", value: e.value, active: !0 }));
+        },
+        onPointerUp() {
+          t.disabled || d({ type: "SET_ACTIVE", value: null });
+        },
+        onClick() {
+          var a;
+          !t.disabled && C() && ((a = A(n, e.value)) == null || a.focus());
+        }
+      });
+    },
+    getItemTextProps(e) {
+      return u.element({
+        ...s.itemText.attrs,
+        dir: i("dir"),
+        id: I(n, e.value),
+        ...b(e)
+      });
+    },
+    getItemControlProps(e) {
+      const t = c(e);
+      return u.element({
+        ...s.itemControl.attrs,
+        dir: i("dir"),
+        id: _(n, e.value),
+        "data-active": r(t.active),
+        "aria-hidden": !0,
+        ...b(e)
+      });
+    },
+    getItemHiddenInputProps(e) {
+      const t = c(e);
+      return u.input({
+        "data-ownedby": h(n),
+        id: E(n, e.value),
+        type: "radio",
+        name: i("name") || i("id"),
+        form: i("form"),
+        value: e.value,
+        required: i("required"),
+        "aria-labelledby": I(n, e.value),
+        "aria-invalid": t.invalid || void 0,
+        onClick(a) {
+          if (f) {
+            a.preventDefault();
+            return;
+          }
+          a.currentTarget.checked && d({ type: "SET_VALUE", value: e.value, isTrusted: !0 });
+        },
+        onBlur() {
+          d({ type: "SET_FOCUSED", value: null, focused: !1, focusVisible: !1 });
+        },
+        onFocus() {
+          const a = k();
+          d({ type: "SET_FOCUSED", value: e.value, focused: !0, focusVisible: a });
+        },
+        onKeyDown(a) {
+          a.defaultPrevented || a.key === " " && d({ type: "SET_ACTIVE", value: e.value, active: !0 });
+        },
+        onKeyUp(a) {
+          a.defaultPrevented || a.key === " " && d({ type: "SET_ACTIVE", value: null });
+        },
+        disabled: t.disabled || f,
+        defaultChecked: t.checked,
+        style: P
+      });
+    },
+    getIndicatorProps() {
+      const e = o.get("indicatorRect"), t = o.get("animateIndicator");
+      return u.element({
+        id: D(n),
+        ...s.indicator.attrs,
+        dir: i("dir"),
+        hidden: o.get("value") == null || O(e),
+        "data-disabled": r(v),
+        "data-orientation": i("orientation"),
+        onTransitionEnd(a) {
+          V(a) === a.currentTarget && d({ type: "INDICATOR_TRANSITION_END" });
+        },
+        style: {
+          "--transition-property": "left, top, width, height",
+          "--left": m(e == null ? void 0 : e.x),
+          "--top": m(e == null ? void 0 : e.y),
+          "--width": m(e == null ? void 0 : e.width),
+          "--height": m(e == null ? void 0 : e.height),
+          position: "absolute",
+          willChange: t ? "var(--transition-property)" : "auto",
+          transitionProperty: t ? "var(--transition-property)" : "none",
+          transitionDuration: t ? "var(--transition-duration, 150ms)" : "0ms",
+          transitionTimingFunction: "var(--transition-timing-function)",
+          [i("orientation") === "horizontal" ? "left" : "top"]: i("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
+        }
+      });
+    }
+  };
+}
+var O = (l) => l == null || l.width === 0 && l.height === 0 && l.x === 0 && l.y === 0;
+export {
+  M as connect
+};

package/dist/node_modules/@zag-js/radio-group/dist/radio-group.dom.js

@@ -0,0 +1,57 @@
+import { queryAll as a } from "../../dom-query/dist/query.js";
+var e = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.root) ?? `radio-group:${d.id}`;
+}, s = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.label) ?? `radio-group:${d.id}:label`;
+}, n = (d, t) => {
+  var r, i;
+  return ((i = (r = d.ids) == null ? void 0 : r.item) == null ? void 0 : i.call(r, t)) ?? `radio-group:${d.id}:radio:${t}`;
+}, g = (d, t) => {
+  var r, i;
+  return ((i = (r = d.ids) == null ? void 0 : r.itemHiddenInput) == null ? void 0 : i.call(r, t)) ?? `radio-group:${d.id}:radio:input:${t}`;
+}, u = (d, t) => {
+  var r, i;
+  return ((i = (r = d.ids) == null ? void 0 : r.itemControl) == null ? void 0 : i.call(r, t)) ?? `radio-group:${d.id}:radio:control:${t}`;
+}, f = (d, t) => {
+  var r, i;
+  return ((i = (r = d.ids) == null ? void 0 : r.itemLabel) == null ? void 0 : i.call(r, t)) ?? `radio-group:${d.id}:radio:label:${t}`;
+}, I = (d) => {
+  var t;
+  return ((t = d.ids) == null ? void 0 : t.indicator) ?? `radio-group:${d.id}:indicator`;
+}, o = (d) => d.getById(e(d)), b = (d, t) => d.getById(g(d, t)), $ = (d) => d.getById(I(d)), m = (d) => {
+  var t;
+  return (t = o(d)) == null ? void 0 : t.querySelector("input:not(:disabled)");
+}, v = (d) => {
+  var t;
+  return (t = o(d)) == null ? void 0 : t.querySelector("input:not(:disabled):checked");
+}, y = (d) => {
+  const r = `input[type=radio][data-ownedby='${CSS.escape(e(d))}']:not([disabled])`;
+  return a(o(d), r);
+}, E = (d, t) => {
+  if (t)
+    return d.getById(n(d, t));
+}, h = (d) => ({
+  x: (d == null ? void 0 : d.offsetLeft) ?? 0,
+  y: (d == null ? void 0 : d.offsetTop) ?? 0,
+  width: (d == null ? void 0 : d.offsetWidth) ?? 0,
+  height: (d == null ? void 0 : d.offsetHeight) ?? 0
+});
+export {
+  v as getFirstEnabledAndCheckedInputEl,
+  m as getFirstEnabledInputEl,
+  $ as getIndicatorEl,
+  I as getIndicatorId,
+  y as getInputEls,
+  u as getItemControlId,
+  b as getItemHiddenInputEl,
+  g as getItemHiddenInputId,
+  n as getItemId,
+  f as getItemLabelId,
+  s as getLabelId,
+  h as getOffsetRect,
+  E as getRadioEl,
+  o as getRootEl,
+  e as getRootId
+};

package/dist/node_modules/@zag-js/radio-group/dist/radio-group.machine.js

@@ -0,0 +1,179 @@
+import { trackFocusVisible as c } from "../../focus-visible/dist/index.js";
+import { getInputEls as r, getIndicatorEl as o, getRadioEl as d, getRootEl as v, getOffsetRect as V } from "./radio-group.dom.js";
+import { createMachine as f, createGuards as m } from "../../core/dist/create-machine.js";
+import { dispatchInputCheckedEvent as g, trackFormControl as E } from "../../dom-query/dist/form.js";
+import { resizeObserverBorderBox as p } from "../../dom-query/dist/resize-observer.js";
+var { not: I } = m(), S = f({
+  props({ props: e }) {
+    return {
+      orientation: "vertical",
+      ...e
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        onChange(l) {
+          var a;
+          (a = e("onValueChange")) == null || a({ value: l });
+        }
+      })),
+      activeValue: t(() => ({
+        defaultValue: null
+      })),
+      focusedValue: t(() => ({
+        defaultValue: null
+      })),
+      focusVisibleValue: t(() => ({
+        defaultValue: null
+      })),
+      hoveredValue: t(() => ({
+        defaultValue: null
+      })),
+      indicatorRect: t(() => ({
+        defaultValue: null
+      })),
+      animateIndicator: t(() => ({
+        defaultValue: !1
+      })),
+      fieldsetDisabled: t(() => ({
+        defaultValue: !1
+      })),
+      ssr: t(() => ({
+        defaultValue: !0
+      }))
+    };
+  },
+  refs() {
+    return {
+      indicatorCleanup: null,
+      focusVisibleValue: null,
+      prevValue: null
+    };
+  },
+  computed: {
+    isDisabled: ({ prop: e, context: t }) => !!e("disabled") || t.get("fieldsetDisabled")
+  },
+  entry: ["syncPrevValue", "syncIndicatorRect", "syncSsr"],
+  exit: ["cleanupObserver"],
+  effects: ["trackFormControlState", "trackFocusVisible"],
+  watch({ track: e, action: t, context: l }) {
+    e([() => l.get("value")], () => {
+      t(["syncIndicatorAnimation", "syncIndicatorRect", "syncInputElements"]);
+    });
+  },
+  on: {
+    SET_VALUE: [
+      {
+        guard: I("isTrusted"),
+        actions: ["setValue", "dispatchChangeEvent"]
+      },
+      {
+        actions: ["setValue"]
+      }
+    ],
+    SET_HOVERED: {
+      actions: ["setHovered"]
+    },
+    SET_ACTIVE: {
+      actions: ["setActive"]
+    },
+    SET_FOCUSED: {
+      actions: ["setFocused"]
+    },
+    INDICATOR_TRANSITION_END: {
+      actions: ["clearIndicatorAnimation"]
+    }
+  },
+  states: {
+    idle: {}
+  },
+  implementations: {
+    guards: {
+      isTrusted: ({ event: e }) => !!e.isTrusted
+    },
+    effects: {
+      trackFormControlState({ context: e, scope: t }) {
+        return E(v(t), {
+          onFieldsetDisabledChange(l) {
+            e.set("fieldsetDisabled", l);
+          },
+          onFormReset() {
+            e.set("value", e.initial("value"));
+          }
+        });
+      },
+      trackFocusVisible({ scope: e }) {
+        var t;
+        return c({ root: (t = e.getRootNode) == null ? void 0 : t.call(e) });
+      }
+    },
+    actions: {
+      setValue({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      setHovered({ context: e, event: t }) {
+        e.set("hoveredValue", t.value);
+      },
+      setActive({ context: e, event: t }) {
+        e.set("activeValue", t.value);
+      },
+      setFocused({ context: e, event: t }) {
+        e.set("focusedValue", t.value);
+        const l = t.value != null && t.focusVisible ? t.value : null;
+        e.set("focusVisibleValue", l);
+      },
+      syncPrevValue({ context: e, refs: t }) {
+        t.set("prevValue", e.get("value"));
+      },
+      syncIndicatorAnimation({ context: e, refs: t }) {
+        const l = t.get("prevValue"), a = e.get("value"), s = l != null && a != null && l !== a;
+        e.set("animateIndicator", s), t.set("prevValue", a);
+      },
+      clearIndicatorAnimation({ context: e }) {
+        e.set("animateIndicator", !1);
+      },
+      syncInputElements({ context: e, scope: t }) {
+        r(t).forEach((a) => {
+          a.checked = a.value === e.get("value");
+        });
+      },
+      cleanupObserver({ refs: e }) {
+        var t;
+        (t = e.get("indicatorCleanup")) == null || t();
+      },
+      syncSsr({ context: e }) {
+        e.set("ssr", !1);
+      },
+      syncIndicatorRect({ context: e, scope: t, refs: l }) {
+        var n;
+        if ((n = l.get("indicatorCleanup")) == null || n(), !o(t)) return;
+        const a = e.get("value"), s = d(t, a);
+        if (a == null || !s) {
+          e.set("indicatorRect", null);
+          return;
+        }
+        const u = () => {
+          e.set("indicatorRect", V(s));
+        };
+        u();
+        const i = p.observe(s, u);
+        l.set("indicatorCleanup", i);
+      },
+      dispatchChangeEvent({ context: e, scope: t }) {
+        r(t).forEach((a) => {
+          const s = a.value === e.get("value");
+          s !== a.checked && g(a, { checked: s });
+        });
+      }
+    }
+  }
+});
+export {
+  S as machine
+};