@serendie/ui 3.5.1-dev.202605201240 → 3.5.1-dev.202606160617

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

@@ -1,40 +1,41 @@
-import { getEventTarget as V, getEventKey as D, getNativeEvent as q } from "../../dom-query/dist/event.js";
-import { isInternalChangeEvent as B } from "../../dom-query/dist/form.js";
-import { isValidTabEvent as Y } from "../../dom-query/dist/initial-focus.js";
-import { contains as j, isEditableElement as J } from "../../dom-query/dist/node.js";
-import { dataAttr as i, ariaAttr as $ } from "../../dom-query/dist/shared.js";
-import { getByTypeahead as k } from "../../dom-query/dist/typeahead.js";
-import { visuallyHiddenStyle as Q } from "../../dom-query/dist/visually-hidden.js";
-import { getPlacementStyles as X } from "../../popper/dist/get-styles.js";
+import { getEventTarget as D, getEventKey as k, getNativeEvent as B } from "../../dom-query/dist/event.js";
+import { isInternalChangeEvent as Y } from "../../dom-query/dist/form.js";
+import { isValidTabEvent as j } from "../../dom-query/dist/initial-focus.js";
+import { contains as J, isEditableElement as $ } from "../../dom-query/dist/node.js";
+import { dataAttr as i, ariaAttr as Q } from "../../dom-query/dist/shared.js";
+import { getByTypeahead as H } from "../../dom-query/dist/typeahead.js";
+import { visuallyHiddenStyle as X } from "../../dom-query/dist/visually-hidden.js";
+import { getPlacementStyles as Z } from "../../popper/dist/get-styles.js";
+import { getPlacementSide as z } from "../../popper/dist/placement.js";
 import { parts as o } from "./select.anatomy.js";
-import { getItemId as H, getTriggerId as x, getLabelId as v, getContentId as M, getPositionerId as Z, getTriggerEl as S, getHiddenSelectId as w, getClearTriggerId as z, getItemGroupLabelId as U, getItemGroupId as ee, getControlId as te, getRootId as re } from "./select.dom.js";
-import { ensure as ae } from "../../utils/dist/warning.js";
-function ye(m, n) {
-  const { context: c, prop: a, scope: d, state: R, computed: E, send: r } = m, _ = a("translations"), s = a("disabled") || c.get("fieldsetDisabled"), p = !!a("invalid"), L = !!a("required"), f = !!a("readOnly"), T = a("composite"), h = a("collection"), y = R.hasTag("open"), A = R.matches("focused"), I = c.get("highlightedValue"), K = c.get("highlightedItem"), W = E("selectedItems"), P = c.get("currentPlacement"), O = E("isTypingAhead"), G = E("isInteractive"), C = I ? H(d, I) : void 0;
-  function b(e) {
-    const t = h.getItemDisabled(e.item), l = h.getItemValue(e.item);
-    return ae(l, () => `[zag-js] No value found for item ${JSON.stringify(e.item)}`), {
-      value: l,
+import { getItemId as x, getTriggerId as M, getLabelId as R, getContentId as w, getPositionerId as ee, getTriggerEl as S, getHiddenSelectId as U, getClearTriggerId as te, getItemGroupLabelId as _, getItemGroupId as re, getControlId as ae, getRootId as ie } from "./select.dom.js";
+import { ensure as de } from "../../utils/dist/warning.js";
+function fe(m, l) {
+  const { context: c, prop: a, scope: d, state: P, computed: E, send: r } = m, K = a("translations"), s = a("disabled") || c.get("fieldsetDisabled"), p = !!a("invalid"), L = !!a("required"), h = !!a("readOnly"), T = a("composite"), b = a("collection"), y = P.hasTag("open"), A = P.matches("focused"), I = c.get("highlightedValue"), W = c.get("highlightedItem"), F = E("selectedItems"), f = c.get("currentPlacement"), O = f ? z(f) : void 0, N = E("isTypingAhead"), G = E("isInteractive"), C = I ? x(d, I) : void 0;
+  function v(e) {
+    const t = b.getItemDisabled(e.item), n = b.getItemValue(e.item);
+    return de(n, () => `[zag-js] No value found for item ${JSON.stringify(e.item)}`), {
+      value: n,
       disabled: !!(s || t),
-      highlighted: I === l,
-      selected: c.get("value").includes(l)
+      highlighted: I === n,
+      selected: c.get("value").includes(n)
     };
   }
-  const F = X({
+  const q = Z({
     ...a("positioning"),
-    placement: P
+    placement: f
   });
   return {
     open: y,
     focused: A,
     empty: c.get("value").length === 0,
-    highlightedItem: K,
+    highlightedItem: W,
     highlightedValue: I,
-    selectedItems: W,
+    selectedItems: F,
     hasSelectedItems: E("hasSelectedItems"),
     value: c.get("value"),
     valueAsString: E("valueAsString"),
-    collection: h,
+    collection: b,
     multiple: !!a("multiple"),
     disabled: !!s,
     reposition(e = {}) {
@@ -45,7 +46,7 @@ function ye(m, n) {
       (e = S(d)) == null || e.focus({ preventScroll: !0 });
     },
     setOpen(e) {
-      R.hasTag("open") !== e && r({ type: e ? "OPEN" : "CLOSE" });
+      P.hasTag("open") !== e && r({ type: e ? "OPEN" : "CLOSE" });
     },
     selectValue(e) {
       r({ type: "ITEM.SELECT", value: e });
@@ -54,7 +55,7 @@ function ye(m, n) {
       r({ type: "VALUE.SET", value: e });
     },
     selectAll() {
-      r({ type: "VALUE.SET", value: h.getValues() });
+      r({ type: "VALUE.SET", value: b.getValues() });
     },
     setHighlightValue(e) {
       r({ type: "HIGHLIGHTED_VALUE.SET", value: e });
@@ -65,26 +66,26 @@ function ye(m, n) {
     clearValue(e) {
       r(e ? { type: "ITEM.CLEAR", value: e } : { type: "VALUE.CLEAR" });
     },
-    getItemState: b,
+    getItemState: v,
     getRootProps() {
-      return n.element({
+      return l.element({
         ...o.root.attrs,
         dir: a("dir"),
-        id: re(d),
+        id: ie(d),
         "data-invalid": i(p),
-        "data-readonly": i(f)
+        "data-readonly": i(h)
       });
     },
     getLabelProps() {
-      return n.label({
+      return l.label({
         dir: a("dir"),
-        id: v(d),
+        id: R(d),
         ...o.label.attrs,
         "data-disabled": i(s),
         "data-invalid": i(p),
-        "data-readonly": i(f),
+        "data-readonly": i(h),
         "data-required": i(L),
-        htmlFor: w(d),
+        htmlFor: U(d),
         onClick(e) {
           var t;
           e.defaultPrevented || s || (t = S(d)) == null || t.focus({ preventScroll: !0 });
@@ -92,10 +93,10 @@ function ye(m, n) {
       });
     },
     getControlProps() {
-      return n.element({
+      return l.element({
         ...o.control.attrs,
         dir: a("dir"),
-        id: te(d),
+        id: ae(d),
         "data-state": y ? "open" : "closed",
         "data-focus": i(A),
         "data-disabled": i(s),
@@ -103,7 +104,7 @@ function ye(m, n) {
       });
     },
     getValueTextProps() {
-      return n.element({
+      return l.element({
         ...o.valueText.attrs,
         dir: a("dir"),
         "data-disabled": i(s),
@@ -112,24 +113,25 @@ function ye(m, n) {
       });
     },
     getTriggerProps() {
-      return n.button({
-        id: x(d),
+      return l.button({
+        id: M(d),
         disabled: s,
         dir: a("dir"),
         type: "button",
         role: "combobox",
-        "aria-controls": M(d),
+        "aria-controls": w(d),
         "aria-expanded": y,
         "aria-haspopup": "listbox",
         "data-state": y ? "open" : "closed",
         "aria-invalid": p,
         "aria-required": L,
-        "aria-labelledby": v(d),
+        "aria-labelledby": R(d),
         ...o.trigger.attrs,
         "data-disabled": i(s),
         "data-invalid": i(p),
-        "data-readonly": i(f),
-        "data-placement": P,
+        "data-readonly": i(h),
+        "data-placement": f,
+        "data-side": O,
         "data-placeholder-shown": i(!E("hasSelectedItems")),
         onClick(e) {
           G && (e.defaultPrevented || r({ type: "TRIGGER.CLICK" }));
@@ -142,7 +144,7 @@ function ye(m, n) {
         },
         onKeyDown(e) {
           if (e.defaultPrevented || !G) return;
-          const l = {
+          const n = {
             ArrowUp() {
               r({ type: "TRIGGER.ARROW_UP" });
             },
@@ -165,35 +167,35 @@ function ye(m, n) {
               r({ type: "TRIGGER.ENTER" });
             },
             Space(u) {
-              r(O ? { type: "TRIGGER.TYPEAHEAD", key: u.key } : { type: "TRIGGER.ENTER" });
+              r(N ? { type: "TRIGGER.TYPEAHEAD", key: u.key } : { type: "TRIGGER.ENTER" });
             }
-          }[D(e, {
+          }[k(e, {
             dir: a("dir"),
             orientation: "vertical"
           })];
-          if (l) {
-            l(e), e.preventDefault();
+          if (n) {
+            n(e), e.preventDefault();
             return;
           }
-          k.isValidEvent(e) && (r({ type: "TRIGGER.TYPEAHEAD", key: e.key }), e.preventDefault());
+          H.isValidEvent(e) && (r({ type: "TRIGGER.TYPEAHEAD", key: e.key }), e.preventDefault());
         }
       });
     },
     getIndicatorProps() {
-      return n.element({
+      return l.element({
         ...o.indicator.attrs,
         dir: a("dir"),
         "aria-hidden": !0,
         "data-state": y ? "open" : "closed",
         "data-disabled": i(s),
         "data-invalid": i(p),
-        "data-readonly": i(f)
+        "data-readonly": i(h)
       });
     },
     getItemProps(e) {
-      const t = b(e);
-      return n.element({
-        id: H(d, t.value),
+      const t = v(e);
+      return l.element({
+        id: x(d, t.value),
         role: "option",
         ...o.item.attrs,
         dir: a("dir"),
@@ -202,22 +204,22 @@ function ye(m, n) {
         "data-state": t.selected ? "checked" : "unchecked",
         "data-highlighted": i(t.highlighted),
         "data-disabled": i(t.disabled),
-        "aria-disabled": $(t.disabled),
-        onPointerMove(l) {
-          t.disabled || l.pointerType !== "mouse" || t.value !== I && r({ type: "ITEM.POINTER_MOVE", value: t.value });
+        "aria-disabled": Q(t.disabled),
+        onPointerMove(n) {
+          t.disabled || n.pointerType !== "mouse" || t.value !== I && r({ type: "ITEM.POINTER_MOVE", value: t.value });
         },
-        onClick(l) {
-          l.defaultPrevented || t.disabled || r({ type: "ITEM.CLICK", src: "pointerup", value: t.value });
+        onClick(n) {
+          n.defaultPrevented || t.disabled || r({ type: "ITEM.CLICK", src: "pointerup", value: t.value });
         },
-        onPointerLeave(l) {
+        onPointerLeave(n) {
           var g;
-          t.disabled || e.persistFocus || l.pointerType !== "mouse" || !((g = m.event.previous()) != null && g.type.includes("POINTER")) || r({ type: "ITEM.POINTER_LEAVE" });
+          t.disabled || e.persistFocus || n.pointerType !== "mouse" || !((g = m.event.previous()) != null && g.type.includes("POINTER")) || r({ type: "ITEM.POINTER_LEAVE" });
         }
       });
     },
     getItemTextProps(e) {
-      const t = b(e);
-      return n.element({
+      const t = v(e);
+      return l.element({
         ...o.itemText.attrs,
         "data-state": t.selected ? "checked" : "unchecked",
         "data-disabled": i(t.disabled),
@@ -225,8 +227,8 @@ function ye(m, n) {
       });
     },
     getItemIndicatorProps(e) {
-      const t = b(e);
-      return n.element({
+      const t = v(e);
+      return l.element({
         "aria-hidden": !0,
         ...o.itemIndicator.attrs,
         "data-state": t.selected ? "checked" : "unchecked",
@@ -235,30 +237,30 @@ function ye(m, n) {
     },
     getItemGroupLabelProps(e) {
       const { htmlFor: t } = e;
-      return n.element({
+      return l.element({
         ...o.itemGroupLabel.attrs,
-        id: U(d, t),
+        id: _(d, t),
         dir: a("dir"),
         role: "presentation"
       });
     },
     getItemGroupProps(e) {
       const { id: t } = e;
-      return n.element({
+      return l.element({
         ...o.itemGroup.attrs,
         "data-disabled": i(s),
-        id: ee(d, t),
-        "aria-labelledby": U(d, t),
+        id: re(d, t),
+        "aria-labelledby": _(d, t),
         role: "group",
         dir: a("dir")
       });
     },
     getClearTriggerProps() {
-      return n.button({
+      return l.button({
         ...o.clearTrigger.attrs,
-        id: z(d),
+        id: te(d),
         type: "button",
-        "aria-label": _.clearTriggerLabel,
+        "aria-label": K.clearTriggerLabel,
         "data-invalid": i(p),
         disabled: s,
         hidden: !E("hasSelectedItems"),
@@ -269,58 +271,59 @@ function ye(m, n) {
       });
     },
     getHiddenSelectProps() {
-      const e = c.get("value"), t = a("multiple") ? e : e == null ? void 0 : e[0], l = (u) => {
-        const g = q(u);
-        B(g) || r({ type: "VALUE.SET", value: ie(u.currentTarget) });
+      const e = c.get("value"), t = a("multiple") ? e : e == null ? void 0 : e[0], n = (u) => {
+        const g = B(u);
+        Y(g) || r({ type: "VALUE.SET", value: ne(u.currentTarget) });
       };
-      return n.select({
+      return l.select({
         name: a("name"),
         form: a("form"),
         disabled: s,
         multiple: a("multiple"),
         required: a("required"),
         "aria-hidden": !0,
-        id: w(d),
+        id: U(d),
         defaultValue: t,
-        style: Q,
+        style: X,
         tabIndex: -1,
         autoComplete: a("autoComplete"),
-        onChange: l,
-        onInput: l,
+        onChange: n,
+        onInput: n,
         // Some browser extensions will focus the hidden select.
         // Let's forward the focus to the trigger.
         onFocus() {
           var u;
           (u = S(d)) == null || u.focus({ preventScroll: !0 });
         },
-        "aria-labelledby": v(d)
+        "aria-labelledby": R(d)
       });
     },
     getPositionerProps() {
-      return n.element({
+      return l.element({
         ...o.positioner.attrs,
         dir: a("dir"),
-        id: Z(d),
-        style: F.floating
+        id: ee(d),
+        style: q.floating
       });
     },
     getContentProps() {
-      return n.element({
+      return l.element({
         hidden: !y,
         dir: a("dir"),
-        id: M(d),
+        id: w(d),
         role: T ? "listbox" : "dialog",
         ...o.content.attrs,
         "data-state": y ? "open" : "closed",
-        "data-placement": P,
+        "data-placement": f,
+        "data-side": O,
         "data-activedescendant": C,
         "aria-activedescendant": T ? C : void 0,
         "aria-multiselectable": a("multiple") && T ? !0 : void 0,
-        "aria-labelledby": v(d),
+        "aria-labelledby": R(d),
         tabIndex: 0,
         onKeyDown(e) {
-          if (!G || !j(e.currentTarget, V(e))) return;
-          if (e.key === "Tab" && !Y(e)) {
+          if (!G || !J(e.currentTarget, D(e))) return;
+          if (e.key === "Tab" && !j(e)) {
             e.preventDefault();
             return;
           }
@@ -341,32 +344,32 @@ function ye(m, n) {
               r({ type: "ITEM.CLICK", src: "keydown.enter" });
             },
             Space(g) {
-              var N;
-              O ? r({ type: "CONTENT.TYPEAHEAD", key: g.key }) : (N = t.Enter) == null || N.call(t, g);
+              var V;
+              N ? r({ type: "CONTENT.TYPEAHEAD", key: g.key }) : (V = t.Enter) == null || V.call(t, g);
             }
-          }, l = t[D(e)];
-          if (l) {
-            l(e), e.preventDefault();
+          }, n = t[k(e)];
+          if (n) {
+            n(e), e.preventDefault();
             return;
           }
-          const u = V(e);
-          J(u) || k.isValidEvent(e) && (r({ type: "CONTENT.TYPEAHEAD", key: e.key }), e.preventDefault());
+          const u = D(e);
+          $(u) || H.isValidEvent(e) && (r({ type: "CONTENT.TYPEAHEAD", key: e.key }), e.preventDefault());
         }
       });
     },
     getListProps() {
-      return n.element({
+      return l.element({
         ...o.list.attrs,
         tabIndex: 0,
         role: T ? void 0 : "listbox",
-        "aria-labelledby": x(d),
+        "aria-labelledby": M(d),
         "aria-activedescendant": T ? void 0 : C,
         "aria-multiselectable": !T && a("multiple") ? !0 : void 0
       });
     }
   };
 }
-var ie = (m) => m.multiple ? Array.from(m.selectedOptions, (n) => n.value) : m.value ? [m.value] : [];
+var ne = (m) => m.multiple ? Array.from(m.selectedOptions, (l) => l.value) : m.value ? [m.value] : [];
 export {
-  ye as connect
+  fe as connect
 };

package/dist/node_modules/@zag-js/select/dist/select.machine.js

@@ -12,7 +12,7 @@ import { observeAttributes as b } from "../../dom-query/dist/mutation-observer.j
 import { trackDismissableElement as w } from "../../dismissable/dist/dismissable-layer.js";
 import { getByTypeahead as W } from "../../dom-query/dist/typeahead.js";
 import { isEqual as _ } from "../../utils/dist/equal.js";
-import { scrollIntoView as U } from "../../dom-query/dist/overflow.js";
+import { scrollIntoView as U } from "../../dom-query/dist/scroll.js";
 var { and: r, not: c, or: K } = M(), ne = y({
   props({ props: e }) {
     return {

package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js

@@ -1,13 +1,13 @@
-import { getTriggerEl as n, getIndicatorEl as d, getElements as g, getRectByValue as V, getContentEl as T, getPrevTriggerEl as m, getNextTriggerEl as F, getLastTriggerEl as I, getFirstTriggerEl as b, getOffsetRect as E } from "./tabs.dom.js";
-import { isAnchorElement as A } from "../../dom-query/dist/node.js";
-import { callAll as R } from "../../utils/dist/functions.js";
-import { resizeObserverBorderBox as C } from "../../dom-query/dist/resize-observer.js";
+import { getTriggerEl as n, getIndicatorEl as f, getElements as T, getListEl as m, getRectByValue as b, getContentEl as F, getPrevTriggerEl as I, getNextTriggerEl as E, getLastTriggerEl as A, getFirstTriggerEl as R, getOffsetRect as C } from "./tabs.dom.js";
+import { isAnchorElement as y } from "../../dom-query/dist/node.js";
+import { callAll as O } from "../../utils/dist/functions.js";
+import { resizeObserverBorderBox as v } from "../../dom-query/dist/resize-observer.js";
 import { raf as c } from "../../dom-query/dist/raf.js";
-import { getFocusables as y } from "../../dom-query/dist/tabbable.js";
-import { clickIfLink as O } from "../../dom-query/dist/navigate.js";
-import { setup as p } from "../../core/dist/create-machine.js";
-import { isEqual as N } from "../../utils/dist/equal.js";
-var { createMachine: _ } = p(), z = _({
+import { getFocusables as p } from "../../dom-query/dist/tabbable.js";
+import { clickIfLink as N } from "../../dom-query/dist/navigate.js";
+import { setup as _ } from "../../core/dist/create-machine.js";
+import { isEqual as h } from "../../utils/dist/equal.js";
+var { createMachine: L } = _(), W = L({
   props({ props: e }) {
     return {
       dir: "ltr",
@@ -16,7 +16,7 @@ var { createMachine: _ } = p(), z = _({
       loopFocus: !0,
       composite: !0,
       navigate(t) {
-        O(t.node);
+        N(t.node);
       },
       defaultValue: null,
       ...e
@@ -30,17 +30,17 @@ var { createMachine: _ } = p(), z = _({
       value: t(() => ({
         defaultValue: e("defaultValue"),
         value: e("value"),
-        onChange(s) {
-          var a;
-          (a = e("onValueChange")) == null || a({ value: s });
+        onChange(a) {
+          var s;
+          (s = e("onValueChange")) == null || s({ value: a });
         }
       })),
       focusedValue: t(() => ({
         defaultValue: e("value") || e("defaultValue"),
         sync: !0,
-        onChange(s) {
-          var a;
-          (a = e("onFocusChange")) == null || a({ focusedValue: s });
+        onChange(a) {
+          var s;
+          (s = e("onFocusChange")) == null || s({ focusedValue: a });
         }
       })),
       ssr: t(() => ({ defaultValue: !0 })),
@@ -58,11 +58,11 @@ var { createMachine: _ } = p(), z = _({
       prevValue: null
     };
   },
-  watch({ context: e, prop: t, track: s, action: a }) {
-    s([() => e.get("value")], () => {
-      a(["syncIndicatorAnimation", "syncIndicatorRect", "syncTabIndex", "navigateIfNeeded"]);
-    }), s([() => t("dir"), () => t("orientation")], () => {
-      a(["syncIndicatorRect"]);
+  watch({ context: e, prop: t, track: a, action: s }) {
+    a([() => e.get("value")], () => {
+      s(["syncIndicatorAnimation", "syncIndicatorRect", "syncTabIndex", "navigateIfNeeded"]);
+    }), a([() => t("dir"), () => t("orientation")], () => {
+      s(["syncIndicatorRect"]);
     });
   },
   on: {
@@ -155,23 +155,23 @@ var { createMachine: _ } = p(), z = _({
     actions: {
       selectFocusedTab({ context: e, prop: t }) {
         c(() => {
-          const s = e.get("focusedValue");
-          if (!s) return;
-          const l = t("deselectable") && e.get("value") === s ? null : s;
+          const a = e.get("focusedValue");
+          if (!a) return;
+          const l = t("deselectable") && e.get("value") === a ? null : a;
           e.set("value", l);
         });
       },
-      setFocusedValue({ context: e, event: t, flush: s }) {
-        t.value != null && s(() => {
+      setFocusedValue({ context: e, event: t, flush: a }) {
+        t.value != null && a(() => {
           e.set("focusedValue", t.value);
         });
       },
       clearFocusedValue({ context: e }) {
         e.set("focusedValue", null);
       },
-      setValue({ context: e, event: t, prop: s }) {
-        const a = s("deselectable") && e.get("value") === e.get("focusedValue");
-        e.set("value", a ? null : t.value);
+      setValue({ context: e, event: t, prop: a }) {
+        const s = a("deselectable") && e.get("value") === e.get("focusedValue");
+        e.set("value", s ? null : t.value);
       },
       clearValue({ context: e }) {
         e.set("value", null);
@@ -179,19 +179,19 @@ var { createMachine: _ } = p(), z = _({
       focusFirstTab({ scope: e }) {
         c(() => {
           var t;
-          (t = b(e)) == null || t.focus();
+          (t = R(e)) == null || t.focus();
         });
       },
       focusLastTab({ scope: e }) {
         c(() => {
           var t;
-          (t = I(e)) == null || t.focus();
+          (t = A(e)) == null || t.focus();
         });
       },
-      focusNextTab({ context: e, prop: t, scope: s, event: a }) {
-        const l = a.value ?? e.get("focusedValue");
+      focusNextTab({ context: e, prop: t, scope: a, event: s }) {
+        const l = s.value ?? e.get("focusedValue");
         if (!l) return;
-        const u = F(s, {
+        const u = E(a, {
           value: l,
           loopFocus: t("loopFocus")
         });
@@ -199,10 +199,10 @@ var { createMachine: _ } = p(), z = _({
           t("composite") ? u == null || u.focus() : (u == null ? void 0 : u.dataset.value) != null && e.set("focusedValue", u.dataset.value);
         });
       },
-      focusPrevTab({ context: e, prop: t, scope: s, event: a }) {
-        const l = a.value ?? e.get("focusedValue");
+      focusPrevTab({ context: e, prop: t, scope: a, event: s }) {
+        const l = s.value ?? e.get("focusedValue");
         if (!l) return;
-        const u = m(s, {
+        const u = I(a, {
           value: l,
           loopFocus: t("loopFocus")
         });
@@ -212,20 +212,20 @@ var { createMachine: _ } = p(), z = _({
       },
       syncTabIndex({ context: e, scope: t }) {
         c(() => {
-          const s = e.get("value");
-          if (!s) return;
-          const a = T(t, s);
+          const a = e.get("value");
           if (!a) return;
-          y(a).length > 0 ? a.removeAttribute("tabindex") : a.setAttribute("tabindex", "0");
+          const s = F(t, a);
+          if (!s) return;
+          p(s).length > 0 ? s.removeAttribute("tabindex") : s.setAttribute("tabindex", "0");
         });
       },
       cleanupObserver({ refs: e }) {
         const t = e.get("indicatorCleanup");
         t && t();
       },
-      setIndicatorRect({ context: e, event: t, scope: s }) {
-        const a = t.id ?? e.get("value");
-        !d(s) || !a || !n(s, a) || e.set("indicatorRect", V(s, a));
+      setIndicatorRect({ context: e, event: t, scope: a }) {
+        const s = t.id ?? e.get("value");
+        !f(a) || !s || !n(a, s) || e.set("indicatorRect", b(a, s));
       },
       syncSsr({ context: e }) {
         e.set("ssr", !1);
@@ -234,35 +234,38 @@ var { createMachine: _ } = p(), z = _({
         t.set("prevValue", e.get("value"));
       },
       syncIndicatorAnimation({ context: e, refs: t }) {
-        const s = t.get("prevValue"), a = e.get("value"), l = s != null && a != null && s !== a;
-        e.set("animateIndicator", l), t.set("prevValue", a);
+        const a = t.get("prevValue"), s = e.get("value"), l = a != null && s != null && a !== s;
+        e.set("animateIndicator", l), t.set("prevValue", s);
       },
       clearIndicatorAnimation({ context: e }) {
         e.set("animateIndicator", !1);
       },
-      syncIndicatorRect({ context: e, refs: t, scope: s }) {
-        const a = t.get("indicatorCleanup");
-        if (a && a(), !d(s)) return;
+      syncIndicatorRect({ context: e, refs: t, scope: a }) {
+        const s = t.get("indicatorCleanup");
+        if (s && s(), !f(a)) return;
         const u = () => {
-          const o = n(s, e.get("value"));
+          const o = n(a, e.get("value"));
           if (!o) return;
-          const i = E(o);
-          e.set("indicatorRect", (r) => N(r, i) ? r : i);
+          const r = C(o);
+          e.set("indicatorRect", (d) => h(d, r) ? d : r);
         };
         u();
-        const f = g(s), v = R(...f.map((o) => C.observe(o, u)));
-        t.set("indicatorCleanup", v);
+        const g = T(a), i = m(a), V = O(
+          ...g.map((o) => v.observe(o, u)),
+          ...i ? [v.observe(i, u)] : []
+        );
+        t.set("indicatorCleanup", V);
       },
-      navigateIfNeeded({ context: e, prop: t, scope: s }) {
+      navigateIfNeeded({ context: e, prop: t, scope: a }) {
         var u;
-        const a = e.get("value");
-        if (!a) return;
-        const l = n(s, a);
-        A(l) && ((u = t("navigate")) == null || u({ value: a, node: l, href: l.href }));
+        const s = e.get("value");
+        if (!s) return;
+        const l = n(a, s);
+        y(l) && ((u = t("navigate")) == null || u({ value: s, node: l, href: l.href }));
       }
     }
   }
 });
 export {
-  z as machine
+  W as machine
 };