@serendie/ui 3.2.0 → 3.2.1-dev.202604210459

package/dist/node_modules/@zag-js/toast/dist/toast.store.js

@@ -0,0 +1,134 @@
+import { compact as x } from "../../utils/dist/object.js";
+import { warn as D } from "../../utils/dist/warning.js";
+import { runIfFn as d, uuid as P } from "../../utils/dist/functions.js";
+var k = (i, n) => ({ ...n, ...x(i) }), I = {
+  error: [1, 2],
+  warning: [3, 6],
+  loading: [4, 5],
+  success: [5, 7],
+  info: [6, 8]
+}, T = "info", h = (i, n) => {
+  const [a, t] = I[i ?? T];
+  return n ? a : t;
+}, A = (i) => i.sort((n, a) => {
+  const t = n.priority ?? h(n.type, !!n.action), p = a.priority ?? h(a.type, !!a.action);
+  return t - p;
+});
+function W(i = {}) {
+  const n = k(i, {
+    placement: "bottom",
+    overlap: !1,
+    max: 24,
+    gap: 16,
+    offsets: "1rem",
+    hotkey: ["altKey", "KeyT"],
+    removeDelay: 200,
+    pauseOnPageIdle: !0
+  });
+  let a = [], t = [], p = /* @__PURE__ */ new Set(), m = [];
+  const b = (e) => (a.push(e), () => {
+    const r = a.indexOf(e);
+    a.splice(r, 1);
+  }), c = (e) => (a.forEach((r) => r(e)), e), E = (e) => {
+    if (t.length >= n.max) {
+      m.push(e);
+      return;
+    }
+    c(e), t.unshift(e);
+  }, w = () => {
+    for (m = A(m); m.length > 0 && t.length < n.max; ) {
+      const e = m.shift();
+      e && (c(e), t.unshift(e));
+    }
+  }, u = (e) => {
+    const r = e.id ?? `toast:${P()}`, f = t.find((s) => s.id === r);
+    if (p.has(r) && p.delete(r), f)
+      t = t.map((s) => s.id === r ? c({ ...s, ...e, id: r }) : s);
+    else {
+      const s = {
+        id: r,
+        duration: n.duration,
+        removeDelay: n.removeDelay,
+        type: T,
+        ...e,
+        stacked: !n.overlap,
+        gap: n.gap
+      }, y = s.priority ?? h(s.type, !!s.action);
+      E({ ...s, priority: y });
+    }
+    return r;
+  }, v = (e) => (p.add(e), e ? (a.forEach((r) => r({ id: e, dismiss: !0 })), t = t.filter((r) => r.id !== e), w()) : (t.forEach((r) => {
+    a.forEach((f) => f({ id: r.id, dismiss: !0 }));
+  }), t = [], m = []), e);
+  return {
+    attrs: n,
+    subscribe: b,
+    create: u,
+    update: (e, r) => u({ id: e, ...r }),
+    remove: v,
+    dismiss: (e) => {
+      e != null ? t = t.map((r) => r.id === e ? c({ ...r, message: "DISMISS" }) : r) : t = t.map((r) => c({ ...r, message: "DISMISS" }));
+    },
+    error: (e) => u({ ...e, type: "error" }),
+    success: (e) => u({ ...e, type: "success" }),
+    info: (e) => u({ ...e, type: "info" }),
+    warning: (e) => u({ ...e, type: "warning" }),
+    loading: (e) => u({ ...e, type: "loading" }),
+    getVisibleToasts: () => t.filter((e) => !p.has(e.id)),
+    getCount: () => t.length,
+    promise: (e, r, f = {}) => {
+      if (!r || !r.loading) {
+        D("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
+        return;
+      }
+      const s = u({
+        ...f,
+        ...r.loading,
+        promise: e,
+        type: "loading"
+      });
+      let y = !0, g;
+      const S = d(e).then(async (o) => {
+        if (g = ["resolve", o], O(o) && !o.ok) {
+          y = !1;
+          const l = d(r.error, `HTTP Error! status: ${o.status}`);
+          u({ ...f, ...l, id: s, type: "error" });
+        } else if (r.success !== void 0) {
+          y = !1;
+          const l = d(r.success, o);
+          u({ ...f, ...l, id: s, type: l.type ?? "success" });
+        }
+      }).catch(async (o) => {
+        if (g = ["reject", o], r.error !== void 0) {
+          y = !1;
+          const l = d(r.error, o);
+          u({ ...f, ...l, id: s, type: "error" });
+        }
+      }).finally(() => {
+        var o;
+        y && v(s), (o = r.finally) == null || o.call(r);
+      });
+      return { id: s, unwrap: () => new Promise(
+        (o, l) => S.then(() => g[0] === "reject" ? l(g[1]) : o(g[1])).catch(l)
+      ) };
+    },
+    pause: (e) => {
+      e != null ? t = t.map((r) => r.id === e ? c({ ...r, message: "PAUSE" }) : r) : t = t.map((r) => c({ ...r, message: "PAUSE" }));
+    },
+    resume: (e) => {
+      e != null ? t = t.map((r) => r.id === e ? c({ ...r, message: "RESUME" }) : r) : t = t.map((r) => c({ ...r, message: "RESUME" }));
+    },
+    isVisible: (e) => !p.has(e) && !!t.find((r) => r.id === e),
+    isDismissed: (e) => p.has(e),
+    expand: () => {
+      t = t.map((e) => c({ ...e, stacked: !0 }));
+    },
+    collapse: () => {
+      t = t.map((e) => c({ ...e, stacked: !1 }));
+    }
+  };
+}
+var O = (i) => i && typeof i == "object" && "ok" in i && typeof i.ok == "boolean" && "status" in i && typeof i.status == "number";
+export {
+  W as createToastStore
+};

package/dist/node_modules/@zag-js/toast/dist/toast.utils.js

@@ -0,0 +1,122 @@
+import { MAX_Z_INDEX as $ } from "../../dom-query/dist/shared.js";
+var x = {
+  info: 5e3,
+  error: 5e3,
+  success: 2e3,
+  loading: 1 / 0,
+  warning: 5e3,
+  DEFAULT: 5e3
+};
+function A(t, e) {
+  return t ?? x[e] ?? x.DEFAULT;
+}
+var T = (t) => typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t;
+function D(t, e) {
+  var g;
+  const { prop: o, computed: f, context: i } = t, { offsets: l, gap: u } = o("store").attrs, d = i.get("heights"), n = T(l), h = o("dir") === "rtl", c = e.replace("-start", h ? "-right" : "-left").replace("-end", h ? "-left" : "-right"), v = c.includes("right"), m = c.includes("left"), s = {
+    position: "fixed",
+    pointerEvents: f("count") > 0 ? void 0 : "none",
+    display: "flex",
+    flexDirection: "column",
+    "--gap": `${u}px`,
+    "--first-height": `${((g = d[0]) == null ? void 0 : g.height) || 0}px`,
+    "--viewport-offset-left": n.left,
+    "--viewport-offset-right": n.right,
+    "--viewport-offset-top": n.top,
+    "--viewport-offset-bottom": n.bottom,
+    zIndex: $
+  };
+  let p = "center";
+  if (v && (p = "flex-end"), m && (p = "flex-start"), s.alignItems = p, c.includes("top")) {
+    const r = n.top;
+    s.top = `max(env(safe-area-inset-top, 0px), ${r})`;
+  }
+  if (c.includes("bottom")) {
+    const r = n.bottom;
+    s.bottom = `max(env(safe-area-inset-bottom, 0px), ${r})`;
+  }
+  if (!c.includes("left")) {
+    const r = n.right;
+    s.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${r})`;
+  }
+  if (!c.includes("right")) {
+    const r = n.left;
+    s.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${r})`;
+  }
+  return s;
+}
+function S(t, e) {
+  const { prop: o, context: f, computed: i } = t, l = o("parent"), u = l.computed("placement"), { gap: d } = l.prop("store").attrs, [n] = u.split("-"), h = f.get("mounted"), c = f.get("remainingTime"), v = i("height"), m = i("frontmost"), s = !m, p = !o("stacked"), g = o("stacked"), b = o("type") === "loading" ? Number.MAX_SAFE_INTEGER : c, E = i("heightIndex") * d + i("heightBefore"), y = {
+    position: "absolute",
+    pointerEvents: "auto",
+    "--opacity": "0",
+    "--remove-delay": `${o("removeDelay")}ms`,
+    "--duration": `${b}ms`,
+    "--initial-height": `${v}px`,
+    "--offset": `${E}px`,
+    "--index": o("index"),
+    "--z-index": i("zIndex"),
+    "--lift-amount": "calc(var(--lift) * var(--gap))",
+    "--y": "100%",
+    "--x": "0"
+  }, a = (I) => Object.assign(y, I);
+  return n === "top" ? a({
+    top: "0",
+    "--sign": "-1",
+    "--y": "-100%",
+    "--lift": "1"
+  }) : n === "bottom" && a({
+    bottom: "0",
+    "--sign": "1",
+    "--y": "100%",
+    "--lift": "-1"
+  }), h && (a({
+    "--y": "0",
+    "--opacity": "1"
+  }), g && a({
+    "--y": "calc(var(--lift) * var(--offset))",
+    "--height": "var(--initial-height)"
+  })), e || a({
+    "--opacity": "0",
+    pointerEvents: "none"
+  }), s && p && (a({
+    "--base-scale": "var(--index) * 0.05 + 1",
+    "--y": "calc(var(--lift-amount) * var(--index))",
+    "--scale": "calc(-1 * var(--base-scale))",
+    "--height": "var(--first-height)"
+  }), e || a({
+    "--y": "calc(var(--sign) * 40%)"
+  })), s && g && !e && a({
+    "--y": "calc(var(--lift) * var(--offset) + var(--lift) * -100%)"
+  }), m && !e && a({
+    "--y": "calc(var(--lift) * -100%)"
+  }), y;
+}
+function G(t, e) {
+  const { computed: o } = t, f = {
+    position: "absolute",
+    inset: "0",
+    scale: "1 2",
+    pointerEvents: e ? "none" : "auto"
+  }, i = (l) => Object.assign(f, l);
+  return o("frontmost") && !e && i({
+    height: "calc(var(--initial-height) + 80%)"
+  }), f;
+}
+function O() {
+  return {
+    position: "absolute",
+    left: "0",
+    height: "calc(var(--gap) + 2px)",
+    bottom: "100%",
+    width: "100%"
+  };
+}
+export {
+  x as defaultTimeouts,
+  O as getGhostAfterStyle,
+  G as getGhostBeforeStyle,
+  D as getGroupPlacementStyle,
+  S as getPlacementStyle,
+  A as getToastDuration
+};

package/dist/node_modules/@zag-js/tooltip/dist/tooltip.anatomy.js

@@ -0,0 +1,6 @@
+import { createAnatomy as r } from "../../anatomy/dist/create-anatomy.js";
+var t = r("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content"), a = t.build();
+export {
+  t as anatomy,
+  a as parts
+};

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

@@ -0,0 +1,120 @@
+import { isLeftClick as V } from "../../dom-query/dist/event.js";
+import { dataAttr as P } from "../../dom-query/dist/shared.js";
+import { isFocusVisible as A } from "../../focus-visible/dist/index.js";
+import { getPlacementStyles as C } from "../../popper/dist/get-styles.js";
+import { parts as p } from "./tooltip.anatomy.js";
+import { getContentId as I, getPositionerId as S, getArrowId as k, getTriggerId as L } from "./tooltip.dom.js";
+import { store as g } from "./tooltip.store.js";
+function j(b, u) {
+  const { state: y, context: m, send: r, scope: d, prop: n, event: D } = b, f = n("id"), w = !!n("aria-label"), o = y.matches("open", "closing"), h = m.get("triggerValue"), T = I(d), a = n("disabled"), v = C({
+    ...n("positioning"),
+    placement: m.get("currentPlacement")
+  });
+  return {
+    open: o,
+    setOpen(i) {
+      y.matches("open", "closing") !== i && r({ type: i ? "open" : "close" });
+    },
+    triggerValue: h,
+    setTriggerValue(i) {
+      r({ type: "triggerValue.set", value: i ?? void 0 });
+    },
+    reposition(i = {}) {
+      r({ type: "positioning.set", options: i });
+    },
+    getTriggerProps(i = {}) {
+      const { value: e } = i, l = e == null ? !1 : h === e, c = L(d, e);
+      return u.button({
+        ...p.trigger.attrs,
+        id: c,
+        "data-ownedby": d.id,
+        "data-value": e,
+        "data-current": P(l),
+        dir: n("dir"),
+        "data-expanded": P(o),
+        "data-state": o ? "open" : "closed",
+        "aria-describedby": o ? T : void 0,
+        onClick(t) {
+          if (t.defaultPrevented || a || !n("closeOnClick")) return;
+          const s = o && e != null && !l;
+          r({ type: s ? "triggerValue.set" : "close", src: "trigger.click", value: e, triggerId: c });
+        },
+        onFocus(t) {
+          if (t.defaultPrevented || a || !A()) return;
+          const s = o && e != null && !l;
+          r({ type: s ? "triggerValue.set" : "open", src: "trigger.focus", value: e, triggerId: c });
+        },
+        onBlur(t) {
+          if (t.defaultPrevented || a || f !== g.get("id")) return;
+          const s = t.relatedTarget ?? d.getDoc().activeElement;
+          (s == null ? void 0 : s.closest(`[data-ownedby="${d.id}"]`)) != null || r({ type: "close", src: "trigger.blur", value: e, triggerId: c });
+        },
+        onPointerDown(t) {
+          t.defaultPrevented || a || V(t) && n("closeOnPointerDown") && f === g.get("id") && r({ type: "close", src: "trigger.pointerdown", value: e, triggerId: c });
+        },
+        onPointerMove(t) {
+          if (t.defaultPrevented || a || t.pointerType === "touch") return;
+          const s = o && e != null && !l;
+          r({ type: s ? "triggerValue.set" : "pointer.move", value: e, triggerId: c });
+        },
+        onPointerOver(t) {
+          t.defaultPrevented || a || t.pointerType !== "touch" && r({ type: "pointer.move", value: e, triggerId: c });
+        },
+        onPointerLeave() {
+          a || r({ type: "pointer.leave" });
+        },
+        onPointerCancel() {
+          a || r({ type: "pointer.leave" });
+        }
+      });
+    },
+    getArrowProps() {
+      return u.element({
+        id: k(d),
+        ...p.arrow.attrs,
+        dir: n("dir"),
+        style: v.arrow
+      });
+    },
+    getArrowTipProps() {
+      return u.element({
+        ...p.arrowTip.attrs,
+        dir: n("dir"),
+        style: v.arrowTip
+      });
+    },
+    getPositionerProps() {
+      return u.element({
+        id: S(d),
+        ...p.positioner.attrs,
+        dir: n("dir"),
+        style: v.floating
+      });
+    },
+    getContentProps() {
+      const i = g.get("id") === f, e = g.get("prevId") === f, l = g.get("instant") && (o && i || e);
+      return u.element({
+        ...p.content.attrs,
+        dir: n("dir"),
+        hidden: !o,
+        "data-state": o ? "open" : "closed",
+        "data-instant": P(l),
+        role: w ? void 0 : "tooltip",
+        id: w ? void 0 : T,
+        "data-placement": m.get("currentPlacement"),
+        onPointerEnter() {
+          r({ type: "content.pointer.move" });
+        },
+        onPointerLeave() {
+          r({ type: "content.pointer.leave" });
+        },
+        style: {
+          pointerEvents: n("interactive") ? "auto" : "none"
+        }
+      });
+    }
+  };
+}
+export {
+  j as connect
+};

package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js

@@ -0,0 +1,25 @@
+import { isFunction as g } from "../../utils/dist/guard.js";
+import { queryAll as d } from "../../dom-query/dist/query.js";
+var e = (t, r) => {
+  var o;
+  const i = (o = t.ids) == null ? void 0 : o.trigger;
+  return i != null ? g(i) ? i(r) : i : r ? `tooltip:${t.id}:trigger:${r}` : `tooltip:${t.id}:trigger`;
+}, $ = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.content) ?? `tooltip:${t.id}:content`;
+}, p = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.arrow) ?? `tooltip:${t.id}:arrow`;
+}, n = (t) => {
+  var r;
+  return ((r = t.ids) == null ? void 0 : r.positioner) ?? `tooltip:${t.id}:popper`;
+}, m = (t) => t.getById(n(t)), a = (t) => d(t.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${t.id}"]`), u = (t, r) => r == null ? a(t)[0] : t.getById(e(t, r));
+export {
+  u as getActiveTriggerEl,
+  p as getArrowId,
+  $ as getContentId,
+  m as getPositionerEl,
+  n as getPositionerId,
+  a as getTriggerEls,
+  e as getTriggerId
+};