@serendie/ui 0.1.12 → 0.1.13

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

@@ -0,0 +1,404 @@
+import { createAnatomy as p } from "../../anatomy/dist/index.js";
+import { createScope as m, queryAll as E, dataAttr as c, visuallyHiddenStyle as h, nextTick as y } from "../../dom-query/dist/index.js";
+import { createMachine as b, guards as T } from "../../core/dist/index.js";
+import { trackElementRect as R } from "../../element-rect/dist/index.js";
+import { trackFormControl as C, dispatchInputCheckedEvent as S } from "../../form-utils/dist/index.js";
+import { compact as V, isString as k, isEqual as A } from "../../utils/dist/index.js";
+import { createProps as f } from "../../types/dist/index.js";
+var D = p("radio-group").parts(
+  "root",
+  "label",
+  "item",
+  "itemText",
+  "itemControl",
+  "indicator"
+), v = D.build(), o = m({
+  getRootId: (e) => {
+    var i;
+    return ((i = e.ids) == null ? void 0 : i.root) ?? `radio-group:${e.id}`;
+  },
+  getLabelId: (e) => {
+    var i;
+    return ((i = e.ids) == null ? void 0 : i.label) ?? `radio-group:${e.id}:label`;
+  },
+  getItemId: (e, i) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.item) == null ? void 0 : a.call(t, i)) ?? `radio-group:${e.id}:radio:${i}`;
+  },
+  getItemHiddenInputId: (e, i) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.itemHiddenInput) == null ? void 0 : a.call(t, i)) ?? `radio-group:${e.id}:radio:input:${i}`;
+  },
+  getItemControlId: (e, i) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.itemControl) == null ? void 0 : a.call(t, i)) ?? `radio-group:${e.id}:radio:control:${i}`;
+  },
+  getItemLabelId: (e, i) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.itemLabel) == null ? void 0 : a.call(t, i)) ?? `radio-group:${e.id}:radio:label:${i}`;
+  },
+  getIndicatorId: (e) => {
+    var i;
+    return ((i = e.ids) == null ? void 0 : i.indicator) ?? `radio-group:${e.id}:indicator`;
+  },
+  getRootEl: (e) => o.getById(e, o.getRootId(e)),
+  getItemHiddenInputEl: (e, i) => o.getById(e, o.getItemHiddenInputId(e, i)),
+  getIndicatorEl: (e) => o.getById(e, o.getIndicatorId(e)),
+  getFirstEnabledInputEl: (e) => {
+    var i;
+    return (i = o.getRootEl(e)) == null ? void 0 : i.querySelector("input:not(:disabled)");
+  },
+  getFirstEnabledAndCheckedInputEl: (e) => {
+    var i;
+    return (i = o.getRootEl(e)) == null ? void 0 : i.querySelector("input:not(:disabled):checked");
+  },
+  getInputEls: (e) => {
+    const t = `input[type=radio][data-ownedby='${CSS.escape(o.getRootId(e))}']:not([disabled])`;
+    return E(o.getRootEl(e), t);
+  },
+  getActiveRadioEl: (e) => {
+    if (e.value)
+      return o.getById(e, o.getItemId(e, e.value));
+  },
+  getOffsetRect: (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
+  }),
+  getRectById: (e, i) => {
+    const t = o.getById(e, o.getItemId(e, i));
+    if (t)
+      return o.resolveRect(o.getOffsetRect(t));
+  },
+  resolveRect: (e) => ({
+    width: `${e.width}px`,
+    height: `${e.height}px`,
+    left: `${e.left}px`,
+    top: `${e.top}px`
+  })
+});
+function B(e, i, t) {
+  const a = e.context.isDisabled, d = e.context.readOnly;
+  function u(n) {
+    return {
+      invalid: !!n.invalid,
+      disabled: !!n.disabled || a,
+      checked: e.context.value === n.value,
+      focused: e.context.focusedValue === n.value,
+      hovered: e.context.hoveredValue === n.value,
+      active: e.context.activeValue === n.value
+    };
+  }
+  function s(n) {
+    const r = u(n);
+    return {
+      "data-focus": c(r.focused),
+      "data-disabled": c(r.disabled),
+      "data-readonly": c(d),
+      "data-state": r.checked ? "checked" : "unchecked",
+      "data-hover": c(r.hovered),
+      "data-invalid": c(r.invalid),
+      "data-orientation": e.context.orientation,
+      "data-ssr": c(e.context.ssr)
+    };
+  }
+  const g = () => {
+    const n = o.getFirstEnabledAndCheckedInputEl(e.context);
+    if (n) {
+      n.focus();
+      return;
+    }
+    const r = o.getFirstEnabledInputEl(e.context);
+    r == null || r.focus();
+  };
+  return {
+    focus: g,
+    value: e.context.value,
+    setValue(n) {
+      i({ type: "SET_VALUE", value: n, isTrusted: !1 });
+    },
+    clearValue() {
+      i({ type: "SET_VALUE", value: null, isTrusted: !1 });
+    },
+    getRootProps() {
+      return t.element({
+        ...v.root.attrs,
+        role: "radiogroup",
+        id: o.getRootId(e.context),
+        "aria-labelledby": o.getLabelId(e.context),
+        "data-orientation": e.context.orientation,
+        "data-disabled": c(a),
+        "aria-orientation": e.context.orientation,
+        dir: e.context.dir,
+        style: {
+          position: "relative"
+        }
+      });
+    },
+    getLabelProps() {
+      return t.element({
+        ...v.label.attrs,
+        dir: e.context.dir,
+        "data-orientation": e.context.orientation,
+        "data-disabled": c(a),
+        id: o.getLabelId(e.context),
+        onClick: g
+      });
+    },
+    getItemState: u,
+    getItemProps(n) {
+      const r = u(n);
+      return t.label({
+        ...v.item.attrs,
+        dir: e.context.dir,
+        id: o.getItemId(e.context, n.value),
+        htmlFor: o.getItemHiddenInputId(e.context, n.value),
+        ...s(n),
+        onPointerMove() {
+          r.disabled || r.hovered || i({ type: "SET_HOVERED", value: n.value, hovered: !0 });
+        },
+        onPointerLeave() {
+          r.disabled || i({ type: "SET_HOVERED", value: null });
+        },
+        onPointerDown(l) {
+          r.disabled || (r.focused && l.pointerType === "mouse" && l.preventDefault(), i({ type: "SET_ACTIVE", value: n.value, active: !0 }));
+        },
+        onPointerUp() {
+          r.disabled || i({ type: "SET_ACTIVE", value: null });
+        }
+      });
+    },
+    getItemTextProps(n) {
+      return t.element({
+        ...v.itemText.attrs,
+        dir: e.context.dir,
+        id: o.getItemLabelId(e.context, n.value),
+        ...s(n)
+      });
+    },
+    getItemControlProps(n) {
+      const r = u(n);
+      return t.element({
+        ...v.itemControl.attrs,
+        dir: e.context.dir,
+        id: o.getItemControlId(e.context, n.value),
+        "data-active": c(r.active),
+        "aria-hidden": !0,
+        ...s(n)
+      });
+    },
+    getItemHiddenInputProps(n) {
+      const r = u(n);
+      return t.input({
+        "data-ownedby": o.getRootId(e.context),
+        id: o.getItemHiddenInputId(e.context, n.value),
+        type: "radio",
+        name: e.context.name || e.context.id,
+        form: e.context.form,
+        value: n.value,
+        onClick(l) {
+          if (d) {
+            l.preventDefault();
+            return;
+          }
+          l.currentTarget.checked && i({ type: "SET_VALUE", value: n.value, isTrusted: !0 });
+        },
+        onBlur() {
+          i({ type: "SET_FOCUSED", value: null });
+        },
+        onFocus() {
+          i({ type: "SET_FOCUSED", value: n.value, focused: !0 });
+        },
+        onKeyDown(l) {
+          l.defaultPrevented || l.key === " " && i({ type: "SET_ACTIVE", value: n.value, active: !0 });
+        },
+        onKeyUp(l) {
+          l.defaultPrevented || l.key === " " && i({ type: "SET_ACTIVE", value: null });
+        },
+        disabled: r.disabled,
+        defaultChecked: r.checked,
+        style: h
+      });
+    },
+    getIndicatorProps() {
+      var n, r, l, I;
+      return t.element({
+        id: o.getIndicatorId(e.context),
+        ...v.indicator.attrs,
+        dir: e.context.dir,
+        hidden: e.context.value == null,
+        "data-disabled": c(a),
+        "data-orientation": e.context.orientation,
+        style: {
+          "--transition-property": "left, top, width, height",
+          "--left": (n = e.context.indicatorRect) == null ? void 0 : n.left,
+          "--top": (r = e.context.indicatorRect) == null ? void 0 : r.top,
+          "--width": (l = e.context.indicatorRect) == null ? void 0 : l.width,
+          "--height": (I = e.context.indicatorRect) == null ? void 0 : I.height,
+          position: "absolute",
+          willChange: "var(--transition-property)",
+          transitionProperty: "var(--transition-property)",
+          transitionDuration: e.context.canIndicatorTransition ? "var(--transition-duration, 150ms)" : "0ms",
+          transitionTimingFunction: "var(--transition-timing-function)",
+          [e.context.orientation === "horizontal" ? "left" : "top"]: e.context.orientation === "horizontal" ? "var(--left)" : "var(--top)"
+        }
+      });
+    }
+  };
+}
+var { not: _ } = T;
+function q(e) {
+  const i = V(e);
+  return b(
+    {
+      id: "radio",
+      initial: "idle",
+      context: {
+        value: null,
+        activeValue: null,
+        focusedValue: null,
+        hoveredValue: null,
+        disabled: !1,
+        orientation: "vertical",
+        ...i,
+        indicatorRect: {},
+        canIndicatorTransition: !1,
+        fieldsetDisabled: !1,
+        ssr: !0
+      },
+      computed: {
+        isDisabled: (t) => !!t.disabled || t.fieldsetDisabled
+      },
+      entry: ["syncIndicatorRect", "syncSsr"],
+      exit: ["cleanupObserver"],
+      activities: ["trackFormControlState"],
+      watch: {
+        value: ["setIndicatorTransition", "syncIndicatorRect", "syncInputElements"]
+      },
+      on: {
+        SET_VALUE: [
+          {
+            guard: _("isTrusted"),
+            actions: ["setValue", "dispatchChangeEvent"]
+          },
+          {
+            actions: ["setValue"]
+          }
+        ],
+        SET_HOVERED: {
+          actions: "setHovered"
+        },
+        SET_ACTIVE: {
+          actions: "setActive"
+        },
+        SET_FOCUSED: {
+          actions: "setFocused"
+        }
+      },
+      states: {
+        idle: {}
+      }
+    },
+    {
+      guards: {
+        isTrusted: (t, a) => !!a.isTrusted
+      },
+      activities: {
+        trackFormControlState(t, a, { send: d, initialContext: u }) {
+          return C(o.getRootEl(t), {
+            onFieldsetDisabledChange(s) {
+              t.fieldsetDisabled = s;
+            },
+            onFormReset() {
+              d({ type: "SET_VALUE", value: u.value });
+            }
+          });
+        }
+      },
+      actions: {
+        setValue(t, a) {
+          $.value(t, a.value);
+        },
+        setHovered(t, a) {
+          t.hoveredValue = a.value;
+        },
+        setActive(t, a) {
+          t.activeValue = a.value;
+        },
+        setFocused(t, a) {
+          t.focusedValue = a.value;
+        },
+        syncInputElements(t) {
+          o.getInputEls(t).forEach((d) => {
+            d.checked = d.value === t.value;
+          });
+        },
+        setIndicatorTransition(t) {
+          t.canIndicatorTransition = k(t.value);
+        },
+        cleanupObserver(t) {
+          var a;
+          (a = t.indicatorCleanup) == null || a.call(t);
+        },
+        syncSsr(t) {
+          t.ssr = !1;
+        },
+        syncIndicatorRect(t) {
+          var u;
+          if ((u = t.indicatorCleanup) == null || u.call(t), !o.getIndicatorEl(t)) return;
+          const a = t.value, d = o.getActiveRadioEl(t);
+          if (a == null || !d) {
+            t.indicatorRect = {};
+            return;
+          }
+          t.indicatorCleanup = R(d, {
+            getRect(s) {
+              return o.getOffsetRect(s);
+            },
+            onChange(s) {
+              t.indicatorRect = o.resolveRect(s), y(() => {
+                t.canIndicatorTransition = !1;
+              });
+            }
+          });
+        },
+        dispatchChangeEvent(t) {
+          o.getInputEls(t).forEach((d) => {
+            const u = d.value === t.value;
+            u !== d.checked && S(d, { checked: u });
+          });
+        }
+      }
+    }
+  );
+}
+var F = {
+  change: (e) => {
+    var i;
+    e.value != null && ((i = e.onValueChange) == null || i.call(e, { value: e.value }));
+  }
+}, $ = {
+  value: (e, i) => {
+    A(e.value, i) || (e.value = i, F.change(e));
+  }
+};
+f()([
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "name",
+  "onValueChange",
+  "orientation",
+  "readOnly",
+  "value"
+]);
+f()(["value", "disabled", "invalid"]);
+export {
+  D as anatomy,
+  B as connect,
+  q as machine
+};

package/dist/node_modules/@zag-js/react/dist/index.js

@@ -0,0 +1,113 @@
+import { createNormalizer as C } from "../../types/dist/index.js";
+import A, { useRef as f, useSyncExternalStore as O, useCallback as _, useMemo as E, useEffect as i, useLayoutEffect as M } from "react";
+import "react-dom";
+import "react/jsx-runtime";
+import { makeGlobal as j, subscribe as w, snapshot as S } from "../../store/dist/index.js";
+import { isChanged as R, createProxy as W } from "../../../proxy-compare/dist/index.js";
+var X = C((t) => t), g = (t) => (t == null ? void 0 : t.constructor.name) === "Array", z = (t, e) => {
+  if (t.length !== e.length) return !1;
+  for (let r = 0; r < t.length; r++)
+    if (!y(t[r], e[r])) return !1;
+  return !0;
+}, y = (t, e) => {
+  if (Object.is(t, e)) return !0;
+  if (t == null && e != null || t != null && e == null) return !1;
+  if (typeof (t == null ? void 0 : t.isEqual) == "function" && typeof (e == null ? void 0 : e.isEqual) == "function")
+    return t.isEqual(e);
+  if (typeof t == "function" && typeof e == "function")
+    return t.toString() === e.toString();
+  if (g(t) && g(e))
+    return z(Array.from(t), Array.from(e));
+  if (typeof t != "object" || typeof e != "object") return !1;
+  const r = Object.keys(e ?? /* @__PURE__ */ Object.create(null)), o = r.length;
+  for (let n = 0; n < o; n++)
+    if (!Reflect.has(t, r[n])) return !1;
+  for (let n = 0; n < o; n++) {
+    const s = r[n];
+    if (!y(t[s], e[s])) return !1;
+  }
+  return !0;
+}, K = () => process.env.NODE_ENV !== "production";
+function k(t) {
+  if (!L(t) || t === void 0)
+    return t;
+  const e = Reflect.ownKeys(t).filter((o) => typeof o == "string"), r = {};
+  for (const o of e) {
+    const n = t[o];
+    n !== void 0 && (r[o] = k(n));
+  }
+  return r;
+}
+var L = (t) => t && typeof t == "object" && t.constructor === Object;
+function N(t, e) {
+  const r = f(!1), o = f(!1);
+  i(() => {
+    if (r.current && o.current)
+      return t();
+    o.current = !0;
+  }, e), i(() => (r.current = !0, () => {
+    r.current = !1;
+  }), []);
+}
+var { use: x } = A, P = j("__zag__targetCache", () => /* @__PURE__ */ new WeakMap());
+function q(t, e) {
+  const { actions: r, context: o, sync: n } = e ?? {}, s = f(), c = f(), d = O(
+    _((u) => w(t.state, u, n), [n]),
+    () => {
+      const u = S(t.state, x);
+      try {
+        if (s.current && c.current && !R(s.current, u, c.current, /* @__PURE__ */ new WeakMap()))
+          return s.current;
+      } catch {
+      }
+      return u;
+    },
+    () => S(t.state, x)
+  );
+  t.setOptions({ actions: r });
+  const l = E(() => k(o ?? {}), [o]);
+  N(() => {
+    const u = Object.entries(l), p = t.contextSnapshot ?? {};
+    u.map(([a, m]) => ({
+      key: a,
+      curr: m,
+      prev: p[a],
+      equal: y(p[a], m)
+    })).every(({ equal: a }) => a) || t.setContext(l);
+  }, [l]);
+  const h = /* @__PURE__ */ new WeakMap();
+  i(() => {
+    s.current = d, c.current = h;
+  });
+  const v = E(() => /* @__PURE__ */ new WeakMap(), []);
+  return W(d, h, v, P);
+}
+function Y(t) {
+  return [q(t), t.send];
+}
+function D(t) {
+  const e = f();
+  return e.current || (e.current = { v: t() }), e.current.v;
+}
+var I = typeof document < "u" ? M : i;
+function G(t, e) {
+  const { state: r, context: o } = e ?? {}, n = D(() => {
+    const c = typeof t == "function" ? t() : t;
+    return o && c.setContext(o), c._created(), c;
+  }), s = f();
+  return I(() => {
+    const c = r ?? s.current;
+    return n.start(c), () => {
+      K() && (s.current = n.getHydrationState()), n.stop();
+    };
+  }, []), n;
+}
+function Z(t, e) {
+  const r = G(t, e);
+  return [q(r, e), r.send, r];
+}
+export {
+  X as normalizeProps,
+  Y as useActor,
+  Z as useMachine
+};

package/dist/node_modules/@zag-js/rect-utils/dist/index.js

@@ -0,0 +1,46 @@
+var s = (t, o) => ({ x: t, y: o });
+function h(t) {
+  const { x: o, y: r, width: n, height: e } = t, c = o + n / 2, i = r + e / 2;
+  return {
+    x: o,
+    y: r,
+    width: n,
+    height: e,
+    minX: o,
+    minY: r,
+    maxX: o + n,
+    maxY: r + e,
+    midX: c,
+    midY: i,
+    center: s(c, i)
+  };
+}
+function u(t) {
+  const o = s(t.minX, t.minY), r = s(t.maxX, t.minY), n = s(t.maxX, t.maxY), e = s(t.minX, t.maxY);
+  return { top: o, right: r, bottom: n, left: e };
+}
+function l(t, o) {
+  const r = h(t), { top: n, right: e, left: c, bottom: i } = u(r), [m] = o.split("-");
+  return {
+    top: [c, n, e, i],
+    right: [n, e, i, c],
+    bottom: [n, c, i, e],
+    left: [e, n, c, i]
+  }[m];
+}
+function X(t, o) {
+  const { x: r, y: n } = o;
+  let e = !1;
+  for (let c = 0, i = t.length - 1; c < t.length; i = c++) {
+    const m = t[c].x, x = t[c].y, f = t[i].x, a = t[i].y;
+    x > n != a > n && r < (f - m) * (n - x) / (a - x) + m && (e = !e);
+  }
+  return e;
+}
+export {
+  s as createPoint,
+  h as createRect,
+  l as getElementPolygon,
+  u as getRectCorners,
+  X as isPointInPolygon
+};

package/dist/node_modules/@zag-js/remove-scroll/dist/index.js

@@ -0,0 +1,47 @@
+import { isIos as x } from "../../dom-query/dist/index.js";
+var d = "data-zag-scroll-lock";
+function u(t, o) {
+  if (!t) return;
+  const e = t.style.cssText;
+  return Object.assign(t.style, o), () => {
+    t.style.cssText = e;
+  };
+}
+function P(t, o, e) {
+  if (!t) return;
+  const r = t.style.getPropertyValue(o);
+  return t.style.setProperty(o, e), () => {
+    r ? t.style.setProperty(o, r) : t.style.removeProperty(o);
+  };
+}
+function L(t) {
+  const o = t.getBoundingClientRect().left;
+  return Math.round(o) + t.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function A(t) {
+  const o = t ?? document, e = o.defaultView ?? window, { documentElement: r, body: c } = o;
+  if (c.hasAttribute(d)) return;
+  c.setAttribute(d, "");
+  const l = e.innerWidth - r.clientWidth, p = () => P(r, "--scrollbar-width", `${l}px`), f = L(r), y = () => u(c, {
+    overflow: "hidden",
+    [f]: `${l}px`
+  }), h = () => {
+    const { scrollX: s, scrollY: a, visualViewport: n } = e, b = (n == null ? void 0 : n.offsetLeft) ?? 0, S = (n == null ? void 0 : n.offsetTop) ?? 0, i = u(c, {
+      position: "fixed",
+      overflow: "hidden",
+      top: `${-(a - Math.floor(S))}px`,
+      left: `${-(s - Math.floor(b))}px`,
+      right: "0",
+      [f]: `${l}px`
+    });
+    return () => {
+      i == null || i(), e.scrollTo({ left: s, top: a, behavior: "instant" });
+    };
+  }, g = [p(), x() ? h() : y()];
+  return () => {
+    g.forEach((s) => s == null ? void 0 : s()), c.removeAttribute(d);
+  };
+}
+export {
+  A as preventBodyScroll
+};