@serendie/ui 2.1.3 → 2.2.0

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

@@ -1,95 +1,94 @@
-import { createAnatomy as S } from "../../anatomy/dist/index.js";
-import { dataAttr as u, visuallyHiddenStyle as k, isSafari as R, isLeftClick as D, dispatchInputCheckedEvent as F, trackElementRect as A, trackFormControl as $, queryAll as P } from "../../dom-query/dist/index.js";
-import { isFocusVisible as _, trackFocusVisible as w } from "../../focus-visible/dist/index.js";
-import { createMachine as O, createGuards as H } from "../../core/dist/index.js";
-import { isString as L } from "../../utils/dist/index.js";
-import { createProps as b } from "../../types/dist/index.js";
-var U = S("radio-group").parts(
+import { createAnatomy as k } from "../../anatomy/dist/index.js";
+import { dataAttr as u, visuallyHiddenStyle as R, isSafari as D, isLeftClick as F, dispatchInputCheckedEvent as A, trackElementRect as $, trackFormControl as P, queryAll as _ } from "../../dom-query/dist/index.js";
+import { isFocusVisible as w, trackFocusVisible as O } from "../../focus-visible/dist/index.js";
+import { createMachine as H, createGuards as L } from "../../core/dist/index.js";
+import { isString as U } from "../../utils/dist/index.js";
+import { createProps as T } from "../../types/dist/index.js";
+var B = k("radio-group").parts(
   "root",
   "label",
   "item",
   "itemText",
   "itemControl",
   "indicator"
-), v = U.build(), g = (e) => {
+), c = B.build(), m = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.root) ?? `radio-group:${e.id}`;
 }, I = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.label) ?? `radio-group:${e.id}:label`;
-}, T = (e, t) => {
+}, C = (e, t) => {
   var i, r;
   return ((r = (i = e.ids) == null ? void 0 : i.item) == null ? void 0 : r.call(i, t)) ?? `radio-group:${e.id}:radio:${t}`;
-}, p = (e, t) => {
+}, y = (e, t) => {
   var i, r;
   return ((r = (i = e.ids) == null ? void 0 : i.itemHiddenInput) == null ? void 0 : r.call(i, t)) ?? `radio-group:${e.id}:radio:input:${t}`;
-}, B = (e, t) => {
+}, q = (e, t) => {
   var i, r;
   return ((r = (i = e.ids) == null ? void 0 : i.itemControl) == null ? void 0 : r.call(i, t)) ?? `radio-group:${e.id}:radio:control:${t}`;
-}, q = (e, t) => {
+}, K = (e, t) => {
   var i, r;
   return ((r = (i = e.ids) == null ? void 0 : i.itemLabel) == null ? void 0 : r.call(i, t)) ?? `radio-group:${e.id}:radio:label:${t}`;
-}, C = (e) => {
+}, S = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.indicator) ?? `radio-group:${e.id}:indicator`;
-}, m = (e) => e.getById(g(e)), K = (e, t) => e.getById(p(e, t)), M = (e) => e.getById(C(e)), N = (e) => {
+}, h = (e) => e.getById(m(e)), M = (e, t) => e.getById(y(e, t)), N = (e) => e.getById(S(e)), G = (e) => {
   var t;
-  return (t = m(e)) == null ? void 0 : t.querySelector("input:not(:disabled)");
-}, G = (e) => {
+  return (t = h(e)) == null ? void 0 : t.querySelector("input:not(:disabled)");
+}, W = (e) => {
   var t;
-  return (t = m(e)) == null ? void 0 : t.querySelector("input:not(:disabled):checked");
-}, V = (e) => {
-  const i = `input[type=radio][data-ownedby='${CSS.escape(g(e))}']:not([disabled])`;
-  return P(m(e), i);
-}, W = (e, t) => {
+  return (t = h(e)) == null ? void 0 : t.querySelector("input:not(:disabled):checked");
+}, b = (e) => {
+  const i = `input[type=radio][data-ownedby='${CSS.escape(m(e))}']:not([disabled])`;
+  return _(h(e), i);
+}, j = (e, t) => {
   if (t)
-    return e.getById(T(e, t));
-}, j = (e) => ({
+    return e.getById(C(e, t));
+}, J = (e) => ({
   left: (e == null ? void 0 : e.offsetLeft) ?? 0,
   top: (e == null ? void 0 : e.offsetTop) ?? 0,
   width: (e == null ? void 0 : e.offsetWidth) ?? 0,
   height: (e == null ? void 0 : e.offsetHeight) ?? 0
-}), J = (e) => ({
+}), Q = (e) => ({
   width: `${e.width}px`,
   height: `${e.height}px`,
   left: `${e.left}px`,
   top: `${e.top}px`
 });
-function te(e, t) {
-  const { context: i, send: r, computed: c, prop: o, scope: l } = e, s = c("isDisabled"), y = o("readOnly");
+function ae(e, t) {
+  const { context: i, send: r, computed: s, prop: n, scope: l, refs: v } = e, g = s("isDisabled"), E = n("readOnly");
   function f(a) {
-    const n = i.get("focusedValue") === a.value, d = n && _();
     return {
       value: a.value,
       invalid: !!a.invalid,
-      disabled: !!a.disabled || s,
+      disabled: !!a.disabled || g,
       checked: i.get("value") === a.value,
-      focused: n,
-      focusVisible: d,
+      focused: i.get("focusedValue") === a.value,
+      focusVisible: v.get("focusVisibleValue") === a.value,
       hovered: i.get("hoveredValue") === a.value,
       active: i.get("activeValue") === a.value
     };
   }
-  function h(a) {
-    const n = f(a);
+  function p(a) {
+    const o = f(a);
     return {
-      "data-focus": u(n.focused),
-      "data-focus-visible": u(n.focusVisible),
-      "data-disabled": u(n.disabled),
-      "data-readonly": u(y),
-      "data-state": n.checked ? "checked" : "unchecked",
-      "data-hover": u(n.hovered),
-      "data-invalid": u(n.invalid),
-      "data-orientation": o("orientation"),
+      "data-focus": u(o.focused),
+      "data-focus-visible": u(o.focusVisible),
+      "data-disabled": u(o.disabled),
+      "data-readonly": u(E),
+      "data-state": o.checked ? "checked" : "unchecked",
+      "data-hover": u(o.hovered),
+      "data-invalid": u(o.invalid),
+      "data-orientation": n("orientation"),
       "data-ssr": u(i.get("ssr"))
     };
   }
-  const E = () => {
-    const a = G(l) ?? N(l);
+  const V = () => {
+    const a = W(l) ?? G(l);
     a == null || a.focus();
   };
   return {
-    focus: E,
+    focus: V,
     value: i.get("value"),
     setValue(a) {
       r({ type: "SET_VALUE", value: a, isTrusted: !1 });
@@ -99,14 +98,14 @@ function te(e, t) {
     },
     getRootProps() {
       return t.element({
-        ...v.root.attrs,
+        ...c.root.attrs,
         role: "radiogroup",
-        id: g(l),
+        id: m(l),
         "aria-labelledby": I(l),
-        "data-orientation": o("orientation"),
-        "data-disabled": u(s),
-        "aria-orientation": o("orientation"),
-        dir: o("dir"),
+        "data-orientation": n("orientation"),
+        "data-disabled": u(g),
+        "aria-orientation": n("orientation"),
+        dir: n("dir"),
         style: {
           position: "relative"
         }
@@ -114,71 +113,71 @@ function te(e, t) {
     },
     getLabelProps() {
       return t.element({
-        ...v.label.attrs,
-        dir: o("dir"),
-        "data-orientation": o("orientation"),
-        "data-disabled": u(s),
+        ...c.label.attrs,
+        dir: n("dir"),
+        "data-orientation": n("orientation"),
+        "data-disabled": u(g),
         id: I(l),
-        onClick: E
+        onClick: V
       });
     },
     getItemState: f,
     getItemProps(a) {
-      const n = f(a);
+      const o = f(a);
       return t.label({
-        ...v.item.attrs,
-        dir: o("dir"),
-        id: T(l, a.value),
-        htmlFor: p(l, a.value),
-        ...h(a),
+        ...c.item.attrs,
+        dir: n("dir"),
+        id: C(l, a.value),
+        htmlFor: y(l, a.value),
+        ...p(a),
         onPointerMove() {
-          n.disabled || n.hovered || r({ type: "SET_HOVERED", value: a.value, hovered: !0 });
+          o.disabled || o.hovered || r({ type: "SET_HOVERED", value: a.value, hovered: !0 });
         },
         onPointerLeave() {
-          n.disabled || r({ type: "SET_HOVERED", value: null });
+          o.disabled || r({ type: "SET_HOVERED", value: null });
         },
         onPointerDown(d) {
-          n.disabled || D(d) && (n.focused && d.pointerType === "mouse" && d.preventDefault(), r({ type: "SET_ACTIVE", value: a.value, active: !0 }));
+          o.disabled || F(d) && (o.focused && d.pointerType === "mouse" && d.preventDefault(), r({ type: "SET_ACTIVE", value: a.value, active: !0 }));
         },
         onPointerUp() {
-          n.disabled || r({ type: "SET_ACTIVE", value: null });
+          o.disabled || r({ type: "SET_ACTIVE", value: null });
         },
         onClick() {
           var d;
-          !n.disabled && R() && ((d = K(l, a.value)) == null || d.focus());
+          !o.disabled && D() && ((d = M(l, a.value)) == null || d.focus());
         }
       });
     },
     getItemTextProps(a) {
       return t.element({
-        ...v.itemText.attrs,
-        dir: o("dir"),
-        id: q(l, a.value),
-        ...h(a)
+        ...c.itemText.attrs,
+        dir: n("dir"),
+        id: K(l, a.value),
+        ...p(a)
       });
     },
     getItemControlProps(a) {
-      const n = f(a);
+      const o = f(a);
       return t.element({
-        ...v.itemControl.attrs,
-        dir: o("dir"),
-        id: B(l, a.value),
-        "data-active": u(n.active),
+        ...c.itemControl.attrs,
+        dir: n("dir"),
+        id: q(l, a.value),
+        "data-active": u(o.active),
         "aria-hidden": !0,
-        ...h(a)
+        ...p(a)
       });
     },
     getItemHiddenInputProps(a) {
-      const n = f(a);
+      const o = f(a);
       return t.input({
-        "data-ownedby": g(l),
-        id: p(l, a.value),
+        "data-ownedby": m(l),
+        id: y(l, a.value),
         type: "radio",
-        name: o("name") || o("id"),
-        form: o("form"),
+        name: n("name") || n("id"),
+        form: n("form"),
         value: a.value,
         onClick(d) {
-          if (y) {
+          if (E) {
             d.preventDefault();
             return;
           }
@@ -188,7 +187,8 @@ function te(e, t) {
           r({ type: "SET_FOCUSED", value: null, focused: !1 });
         },
         onFocus() {
-          r({ type: "SET_FOCUSED", value: a.value, focused: !0 });
+          const d = w();
+          r({ type: "SET_FOCUSED", value: a.value, focused: !0, focusVisible: d });
         },
         onKeyDown(d) {
           d.defaultPrevented || d.key === " " && r({ type: "SET_ACTIVE", value: a.value, active: !0 });
@@ -196,20 +196,20 @@ function te(e, t) {
         onKeyUp(d) {
           d.defaultPrevented || d.key === " " && r({ type: "SET_ACTIVE", value: null });
         },
-        disabled: n.disabled,
-        defaultChecked: n.checked,
-        style: k
+        disabled: o.disabled,
+        defaultChecked: o.checked,
+        style: R
       });
     },
     getIndicatorProps() {
       const a = i.get("indicatorRect");
       return t.element({
-        id: C(l),
-        ...v.indicator.attrs,
-        dir: o("dir"),
+        id: S(l),
+        ...c.indicator.attrs,
+        dir: n("dir"),
         hidden: i.get("value") == null,
-        "data-disabled": u(s),
-        "data-orientation": o("orientation"),
+        "data-disabled": u(g),
+        "data-orientation": n("orientation"),
         style: {
           "--transition-property": "left, top, width, height",
           "--left": a == null ? void 0 : a.left,
@@ -221,13 +221,13 @@ function te(e, t) {
           transitionProperty: "var(--transition-property)",
           transitionDuration: i.get("canIndicatorTransition") ? "var(--transition-duration, 150ms)" : "0ms",
           transitionTimingFunction: "var(--transition-timing-function)",
-          [o("orientation") === "horizontal" ? "left" : "top"]: o("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
+          [n("orientation") === "horizontal" ? "left" : "top"]: n("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
         }
       });
     }
   };
 }
-var { not: Q } = H(), ae = O({
+var { not: X } = L(), ie = H({
   props({ props: e }) {
     return {
       orientation: "vertical",
@@ -272,7 +272,8 @@ var { not: Q } = H(), ae = O({
   },
   refs() {
     return {
-      indicatorCleanup: null
+      indicatorCleanup: null,
+      focusVisibleValue: null
     };
   },
   computed: {
@@ -289,7 +290,7 @@ var { not: Q } = H(), ae = O({
   on: {
     SET_VALUE: [
       {
-        guard: Q("isTrusted"),
+        guard: X("isTrusted"),
         actions: ["setValue", "dispatchChangeEvent"]
       },
       {
@@ -315,7 +316,7 @@ var { not: Q } = H(), ae = O({
     },
     effects: {
       trackFormControlState({ context: e, scope: t }) {
-        return $(m(t), {
+        return P(h(t), {
           onFieldsetDisabledChange(i) {
             e.set("fieldsetDisabled", i);
           },
@@ -326,7 +327,7 @@ var { not: Q } = H(), ae = O({
       },
       trackFocusVisible({ scope: e }) {
         var t;
-        return w({ root: (t = e.getRootNode) == null ? void 0 : t.call(e) });
+        return O({ root: (t = e.getRootNode) == null ? void 0 : t.call(e) });
       }
     },
     actions: {
@@ -339,16 +340,16 @@ var { not: Q } = H(), ae = O({
       setActive({ context: e, event: t }) {
         e.set("activeValue", t.value);
       },
-      setFocused({ context: e, event: t }) {
-        e.set("focusedValue", t.value);
+      setFocused({ context: e, event: t, refs: i }) {
+        e.set("focusedValue", t.value), i.set("focusVisibleValue", t.focusVisible ? t.value : null);
       },
       syncInputElements({ context: e, scope: t }) {
-        V(t).forEach((r) => {
+        b(t).forEach((r) => {
           r.checked = r.value === e.get("value");
         });
       },
       setIndicatorTransition({ context: e }) {
-        e.set("canIndicatorTransition", L(e.get("value")));
+        e.set("canIndicatorTransition", U(e.get("value")));
       },
       cleanupObserver({ refs: e }) {
         var t;
@@ -359,32 +360,32 @@ var { not: Q } = H(), ae = O({
       },
       syncIndicatorRect({ context: e, scope: t, refs: i }) {
         var l;
-        if ((l = i.get("indicatorCleanup")) == null || l(), !M(t)) return;
-        const r = e.get("value"), c = W(t, r);
-        if (r == null || !c) {
+        if ((l = i.get("indicatorCleanup")) == null || l(), !N(t)) return;
+        const r = e.get("value"), s = j(t, r);
+        if (r == null || !s) {
           e.set("canIndicatorTransition", !1), e.set("indicatorRect", {});
           return;
         }
-        const o = A([c], {
-          measure(s) {
-            return j(s);
+        const n = $([s], {
+          measure(v) {
+            return J(v);
           },
-          onEntry({ rects: s }) {
-            e.set("indicatorRect", J(s[0]));
+          onEntry({ rects: v }) {
+            e.set("indicatorRect", Q(v[0]));
           }
         });
-        i.set("indicatorCleanup", o);
+        i.set("indicatorCleanup", n);
       },
       dispatchChangeEvent({ context: e, scope: t }) {
-        V(t).forEach((r) => {
-          const c = r.value === e.get("value");
-          c !== r.checked && F(r, { checked: c });
+        b(t).forEach((r) => {
+          const s = r.value === e.get("value");
+          s !== r.checked && A(r, { checked: s });
         });
       }
     }
   }
 });
-b()([
+T()([
   "dir",
   "disabled",
   "form",
@@ -398,9 +399,9 @@ b()([
   "value",
   "defaultValue"
 ]);
-b()(["value", "disabled", "invalid"]);
+T()(["value", "disabled", "invalid"]);
 export {
-  U as anatomy,
-  te as connect,
-  ae as machine
+  B as anatomy,
+  ae as connect,
+  ie as machine
 };