@serendie/ui 3.2.0 → 3.2.1

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

@@ -1,407 +0,0 @@
-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"
-), 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`;
-}, 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}`;
-}, 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}`;
-}, 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}`;
-}, 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}`;
-}, S = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.indicator) ?? `radio-group:${e.id}:indicator`;
-}, 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 = h(e)) == null ? void 0 : t.querySelector("input:not(:disabled)");
-}, W = (e) => {
-  var 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(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
-}), Q = (e) => ({
-  width: `${e.width}px`,
-  height: `${e.height}px`,
-  left: `${e.left}px`,
-  top: `${e.top}px`
-});
-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) {
-    return {
-      value: a.value,
-      invalid: !!a.invalid,
-      disabled: !!a.disabled || g,
-      checked: i.get("value") === a.value,
-      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 p(a) {
-    const o = f(a);
-    return {
-      "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 V = () => {
-    const a = W(l) ?? G(l);
-    a == null || a.focus();
-  };
-  return {
-    focus: V,
-    value: i.get("value"),
-    setValue(a) {
-      r({ type: "SET_VALUE", value: a, isTrusted: !1 });
-    },
-    clearValue() {
-      r({ type: "SET_VALUE", value: null, isTrusted: !1 });
-    },
-    getRootProps() {
-      return t.element({
-        ...c.root.attrs,
-        role: "radiogroup",
-        id: m(l),
-        "aria-labelledby": I(l),
-        "data-orientation": n("orientation"),
-        "data-disabled": u(g),
-        "aria-orientation": n("orientation"),
-        dir: n("dir"),
-        style: {
-          position: "relative"
-        }
-      });
-    },
-    getLabelProps() {
-      return t.element({
-        ...c.label.attrs,
-        dir: n("dir"),
-        "data-orientation": n("orientation"),
-        "data-disabled": u(g),
-        id: I(l),
-        onClick: V
-      });
-    },
-    getItemState: f,
-    getItemProps(a) {
-      const o = f(a);
-      return t.label({
-        ...c.item.attrs,
-        dir: n("dir"),
-        id: C(l, a.value),
-        htmlFor: y(l, a.value),
-        ...p(a),
-        onPointerMove() {
-          o.disabled || o.hovered || r({ type: "SET_HOVERED", value: a.value, hovered: !0 });
-        },
-        onPointerLeave() {
-          o.disabled || r({ type: "SET_HOVERED", value: null });
-        },
-        onPointerDown(d) {
-          o.disabled || F(d) && (o.focused && d.pointerType === "mouse" && d.preventDefault(), r({ type: "SET_ACTIVE", value: a.value, active: !0 }));
-        },
-        onPointerUp() {
-          o.disabled || r({ type: "SET_ACTIVE", value: null });
-        },
-        onClick() {
-          var d;
-          !o.disabled && D() && ((d = M(l, a.value)) == null || d.focus());
-        }
-      });
-    },
-    getItemTextProps(a) {
-      return t.element({
-        ...c.itemText.attrs,
-        dir: n("dir"),
-        id: K(l, a.value),
-        ...p(a)
-      });
-    },
-    getItemControlProps(a) {
-      const o = f(a);
-      return t.element({
-        ...c.itemControl.attrs,
-        dir: n("dir"),
-        id: q(l, a.value),
-        "data-active": u(o.active),
-        "aria-hidden": !0,
-        ...p(a)
-      });
-    },
-    getItemHiddenInputProps(a) {
-      const o = f(a);
-      return t.input({
-        "data-ownedby": m(l),
-        id: y(l, a.value),
-        type: "radio",
-        name: n("name") || n("id"),
-        form: n("form"),
-        value: a.value,
-        onClick(d) {
-          if (E) {
-            d.preventDefault();
-            return;
-          }
-          d.currentTarget.checked && r({ type: "SET_VALUE", value: a.value, isTrusted: !0 });
-        },
-        onBlur() {
-          r({ type: "SET_FOCUSED", value: null, focused: !1 });
-        },
-        onFocus() {
-          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 });
-        },
-        onKeyUp(d) {
-          d.defaultPrevented || d.key === " " && r({ type: "SET_ACTIVE", value: null });
-        },
-        disabled: o.disabled,
-        defaultChecked: o.checked,
-        style: R
-      });
-    },
-    getIndicatorProps() {
-      const a = i.get("indicatorRect");
-      return t.element({
-        id: S(l),
-        ...c.indicator.attrs,
-        dir: n("dir"),
-        hidden: i.get("value") == null,
-        "data-disabled": u(g),
-        "data-orientation": n("orientation"),
-        style: {
-          "--transition-property": "left, top, width, height",
-          "--left": a == null ? void 0 : a.left,
-          "--top": a == null ? void 0 : a.top,
-          "--width": a == null ? void 0 : a.width,
-          "--height": a == null ? void 0 : a.height,
-          position: "absolute",
-          willChange: "var(--transition-property)",
-          transitionProperty: "var(--transition-property)",
-          transitionDuration: i.get("canIndicatorTransition") ? "var(--transition-duration, 150ms)" : "0ms",
-          transitionTimingFunction: "var(--transition-timing-function)",
-          [n("orientation") === "horizontal" ? "left" : "top"]: n("orientation") === "horizontal" ? "var(--left)" : "var(--top)"
-        }
-      });
-    }
-  };
-}
-var { not: X } = L(), ie = H({
-  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(i) {
-          var r;
-          (r = e("onValueChange")) == null || r({ value: i });
-        }
-      })),
-      activeValue: t(() => ({
-        defaultValue: null
-      })),
-      focusedValue: t(() => ({
-        defaultValue: null
-      })),
-      hoveredValue: t(() => ({
-        defaultValue: null
-      })),
-      indicatorRect: t(() => ({
-        defaultValue: {}
-      })),
-      canIndicatorTransition: t(() => ({
-        defaultValue: !1
-      })),
-      fieldsetDisabled: t(() => ({
-        defaultValue: !1
-      })),
-      ssr: t(() => ({
-        defaultValue: !0
-      }))
-    };
-  },
-  refs() {
-    return {
-      indicatorCleanup: null,
-      focusVisibleValue: null
-    };
-  },
-  computed: {
-    isDisabled: ({ prop: e, context: t }) => !!e("disabled") || t.get("fieldsetDisabled")
-  },
-  entry: ["syncIndicatorRect", "syncSsr"],
-  exit: ["cleanupObserver"],
-  effects: ["trackFormControlState", "trackFocusVisible"],
-  watch({ track: e, action: t, context: i }) {
-    e([() => i.get("value")], () => {
-      t(["setIndicatorTransition", "syncIndicatorRect", "syncInputElements"]);
-    });
-  },
-  on: {
-    SET_VALUE: [
-      {
-        guard: X("isTrusted"),
-        actions: ["setValue", "dispatchChangeEvent"]
-      },
-      {
-        actions: ["setValue"]
-      }
-    ],
-    SET_HOVERED: {
-      actions: ["setHovered"]
-    },
-    SET_ACTIVE: {
-      actions: ["setActive"]
-    },
-    SET_FOCUSED: {
-      actions: ["setFocused"]
-    }
-  },
-  states: {
-    idle: {}
-  },
-  implementations: {
-    guards: {
-      isTrusted: ({ event: e }) => !!e.isTrusted
-    },
-    effects: {
-      trackFormControlState({ context: e, scope: t }) {
-        return P(h(t), {
-          onFieldsetDisabledChange(i) {
-            e.set("fieldsetDisabled", i);
-          },
-          onFormReset() {
-            e.set("value", e.initial("value"));
-          }
-        });
-      },
-      trackFocusVisible({ scope: e }) {
-        var t;
-        return O({ 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, refs: i }) {
-        e.set("focusedValue", t.value), i.set("focusVisibleValue", t.focusVisible ? t.value : null);
-      },
-      syncInputElements({ context: e, scope: t }) {
-        b(t).forEach((r) => {
-          r.checked = r.value === e.get("value");
-        });
-      },
-      setIndicatorTransition({ context: e }) {
-        e.set("canIndicatorTransition", U(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: i }) {
-        var l;
-        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 n = $([s], {
-          measure(v) {
-            return J(v);
-          },
-          onEntry({ rects: v }) {
-            e.set("indicatorRect", Q(v[0]));
-          }
-        });
-        i.set("indicatorCleanup", n);
-      },
-      dispatchChangeEvent({ context: e, scope: t }) {
-        b(t).forEach((r) => {
-          const s = r.value === e.get("value");
-          s !== r.checked && A(r, { checked: s });
-        });
-      }
-    }
-  }
-});
-T()([
-  "dir",
-  "disabled",
-  "form",
-  "getRootNode",
-  "id",
-  "ids",
-  "name",
-  "onValueChange",
-  "orientation",
-  "readOnly",
-  "value",
-  "defaultValue"
-]);
-T()(["value", "disabled", "invalid"]);
-export {
-  B as anatomy,
-  ae as connect,
-  ie as machine
-};

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

@@ -1,269 +0,0 @@
-import { createScope as Y, MachineStatus as V, INIT_STATE as L } from "../../core/dist/index.js";
-import { mergeProps as bt } from "../../core/dist/index.js";
-import { compact as Z, ensure as h, identity as tt, isFunction as j, warn as H, toArray as et, isString as rt } from "../../utils/dist/index.js";
-import { useMemo as nt, useRef as d, useLayoutEffect as ut, useEffect as w, useState as K } from "react";
-import { flushSync as O } from "react-dom";
-import { createNormalizer as ot } from "../../types/dist/index.js";
-import "react/jsx-runtime";
-var U = typeof globalThis.document < "u" ? ut : w;
-function $(t) {
-  const o = t().value ?? t().defaultValue, s = t().isEqual ?? Object.is, [l] = K(o), [S, b] = K(l), z = t().value !== void 0, y = d(S);
-  y.current = z ? t().value : S;
-  const R = d(y.current);
-  U(() => {
-    R.current = y.current;
-  }, [S, t().value]);
-  const E = (g) => {
-    var M, m;
-    const i = R.current, f = j(g) ? g(i) : g;
-    t().debug && console.log(`[bindable > ${t().debug}] setValue`, { next: f, prev: i }), z || b(f), s(f, i) || (m = (M = t()).onChange) == null || m.call(M, f, i);
-  };
-  function C() {
-    return z ? t().value : S;
-  }
-  return {
-    initial: l,
-    ref: y,
-    get: C,
-    set(g) {
-      (t().sync ? O : tt)(() => E(g));
-    },
-    invoke(g, i) {
-      var f, M;
-      (M = (f = t()).onChange) == null || M.call(f, g, i);
-    },
-    hash(g) {
-      var i, f;
-      return ((f = (i = t()).hash) == null ? void 0 : f.call(i, g)) ?? String(g);
-    }
-  };
-}
-$.cleanup = (t) => {
-  w(() => t, []);
-};
-$.ref = (t) => {
-  const o = d(t);
-  return {
-    get: () => o.current,
-    set: (s) => {
-      o.current = s;
-    }
-  };
-};
-function ct(t) {
-  const o = d(t);
-  return {
-    get(s) {
-      return o.current[s];
-    },
-    set(s, l) {
-      o.current[s] = l;
-    }
-  };
-}
-var st = (t, o) => {
-  const s = d(!1), l = d(!1);
-  w(() => {
-    if (s.current && l.current) return o();
-    l.current = !0;
-  }, [...(t ?? []).map((S) => typeof S == "function" ? S() : S)]), w(() => (s.current = !0, () => {
-    s.current = !1;
-  }), []);
-};
-function vt(t, o = {}) {
-  var P, _, D, G;
-  const s = nt(() => {
-    const { id: r, ids: e, getRootNode: n } = o;
-    return Y({ id: r, ids: e, getRootNode: n });
-  }, [o]), l = (...r) => {
-    t.debug && console.log(...r);
-  }, S = ((P = t.props) == null ? void 0 : P.call(t, { props: Z(o), scope: s })) ?? o, b = it(S), z = (_ = t.context) == null ? void 0 : _.call(t, {
-    prop: b,
-    bindable: $,
-    scope: s,
-    flush: Q,
-    getContext() {
-      return R;
-    },
-    getComputed() {
-      return k;
-    },
-    getRefs() {
-      return m;
-    },
-    getEvent() {
-      return f();
-    }
-  }), y = W(z), R = {
-    get(r) {
-      var e;
-      return (e = y.current) == null ? void 0 : e[r].ref.current;
-    },
-    set(r, e) {
-      var n;
-      (n = y.current) == null || n[r].set(e);
-    },
-    initial(r) {
-      var e;
-      return (e = y.current) == null ? void 0 : e[r].initial;
-    },
-    hash(r) {
-      var n, u;
-      const e = (n = y.current) == null ? void 0 : n[r].get();
-      return (u = y.current) == null ? void 0 : u[r].hash(e);
-    }
-  }, E = d(/* @__PURE__ */ new Map()), C = d(null), g = d(null), i = d({ type: "" }), f = () => ({
-    ...i.current,
-    current() {
-      return i.current;
-    },
-    previous() {
-      return g.current;
-    }
-  }), M = () => ({
-    ...p,
-    matches(...r) {
-      return r.includes(p.ref.current);
-    },
-    hasTag(r) {
-      var e, n;
-      return !!((n = (e = t.states[p.ref.current]) == null ? void 0 : e.tags) != null && n.includes(r));
-    }
-  }), m = ct(((D = t.refs) == null ? void 0 : D.call(t, { prop: b, context: R })) ?? {}), N = () => ({
-    state: M(),
-    context: R,
-    event: f(),
-    prop: b,
-    send: B,
-    action: q,
-    guard: A,
-    track: st,
-    refs: m,
-    computed: k,
-    flush: Q,
-    scope: s,
-    choose: I
-  }), q = (r) => {
-    const e = j(r) ? r(N()) : r;
-    if (!e) return;
-    const n = e.map((u) => {
-      var a, x;
-      const c = (x = (a = t.implementations) == null ? void 0 : a.actions) == null ? void 0 : x[u];
-      return c || H(`[zag-js] No implementation found for action "${JSON.stringify(u)}"`), c;
-    });
-    for (const u of n)
-      u == null || u(N());
-  }, A = (r) => {
-    var e, n;
-    return j(r) ? r(N()) : (n = (e = t.implementations) == null ? void 0 : e.guards) == null ? void 0 : n[r](N());
-  }, F = (r) => {
-    const e = j(r) ? r(N()) : r;
-    if (!e) return;
-    const n = e.map((c) => {
-      var x, v;
-      const a = (v = (x = t.implementations) == null ? void 0 : x.effects) == null ? void 0 : v[c];
-      return a || H(`[zag-js] No implementation found for effect "${JSON.stringify(c)}"`), a;
-    }), u = [];
-    for (const c of n) {
-      const a = c == null ? void 0 : c(N());
-      a && u.push(a);
-    }
-    return () => u.forEach((c) => c == null ? void 0 : c());
-  }, I = (r) => et(r).find((e) => {
-    let n = !e.guard;
-    return rt(e.guard) ? n = !!A(e.guard) : j(e.guard) && (n = e.guard(N())), n;
-  }), k = (r) => {
-    h(t.computed, () => "[zag-js] No computed object found on machine");
-    const e = t.computed[r];
-    return e({
-      context: R,
-      event: f(),
-      prop: b,
-      refs: m,
-      scope: s,
-      computed: k
-    });
-  }, p = $(() => ({
-    defaultValue: t.initialState({ prop: b }),
-    onChange(r, e) {
-      var u, c, a, x;
-      if (e) {
-        const v = E.current.get(e);
-        v == null || v(), E.current.delete(e);
-      }
-      e && q((u = t.states[e]) == null ? void 0 : u.exit), q((c = C.current) == null ? void 0 : c.actions);
-      const n = F((a = t.states[r]) == null ? void 0 : a.effects);
-      if (n && E.current.set(r, n), e === L) {
-        q(t.entry);
-        const v = F(t.effects);
-        v && E.current.set(L, v);
-      }
-      q((x = t.states[r]) == null ? void 0 : x.entry);
-    }
-  })), J = d(void 0), T = d(V.NotStarted);
-  U(() => {
-    queueMicrotask(() => {
-      const n = T.current === V.Started;
-      T.current = V.Started, l(n ? "rehydrating..." : "initializing...");
-      const u = J.current ?? p.initial;
-      p.invoke(u, n ? p.get() : L);
-    });
-    const r = E.current, e = p.ref.current;
-    return () => {
-      l("unmounting..."), J.current = e, T.current = V.Stopped, r.forEach((n) => n == null ? void 0 : n()), E.current = /* @__PURE__ */ new Map(), C.current = null, queueMicrotask(() => {
-        q(t.exit);
-      });
-    };
-  }, []);
-  const X = () => "ref" in p ? p.ref.current : p.get(), B = (r) => {
-    queueMicrotask(() => {
-      var x, v;
-      if (T.current !== V.Started) return;
-      g.current = i.current, i.current = r;
-      let e = X();
-      const n = (
-        // @ts-ignore
-        ((x = t.states[e].on) == null ? void 0 : x[r.type]) ?? // @ts-ignore
-        ((v = t.on) == null ? void 0 : v[r.type])
-      ), u = I(n);
-      if (!u) return;
-      C.current = u;
-      const c = u.target ?? e;
-      l("transition", r.type, u.target || e, `(${u.actions})`);
-      const a = c !== e;
-      a ? O(() => p.set(c)) : u.reenter && !a ? p.invoke(e, e) : q(u.actions ?? []);
-    });
-  };
-  return (G = t.watch) == null || G.call(t, N()), {
-    state: M(),
-    send: B,
-    context: R,
-    prop: b,
-    scope: s,
-    refs: m,
-    computed: k,
-    event: f(),
-    getStatus: () => T.current
-  };
-}
-function W(t) {
-  const o = d(t);
-  return o.current = t, o;
-}
-function it(t) {
-  const o = W(t);
-  return function(l) {
-    return o.current[l];
-  };
-}
-function Q(t) {
-  queueMicrotask(() => {
-    O(() => t());
-  });
-}
-var St = ot((t) => t);
-export {
-  bt as mergeProps,
-  St as normalizeProps,
-  vt as useMachine
-};