@serendie/ui 0.1.12 → 0.1.13

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

@@ -0,0 +1,249 @@
+import { autoUpdate as M, arrow as S, offset as A, flip as R, shift as I, limitShift as B, size as D, computePosition as T } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
+import { raf as W, isHTMLElement as H, getWindow as V } from "../../dom-query/dist/index.js";
+import { noop as k, isNull as C, runIfFn as L, compact as N } from "../../utils/dist/index.js";
+function w(t = 0, e = 0, r = 0, i = 0) {
+  if (typeof DOMRect == "function")
+    return new DOMRect(t, e, r, i);
+  const n = {
+    x: t,
+    y: e,
+    width: r,
+    height: i,
+    top: e,
+    right: t + r,
+    bottom: e + i,
+    left: t
+  };
+  return { ...n, toJSON: () => n };
+}
+function j(t) {
+  if (!t) return w();
+  const { x: e, y: r, width: i, height: n } = t;
+  return w(e, r, i, n);
+}
+function U(t, e) {
+  return {
+    contextElement: H(t) ? t : void 0,
+    getBoundingClientRect: () => {
+      const r = t, i = e == null ? void 0 : e(r);
+      return i || !r ? j(i) : r.getBoundingClientRect();
+    }
+  };
+}
+var d = (t) => ({ variable: t, reference: `var(${t})` }), c = {
+  arrowSize: d("--arrow-size"),
+  arrowSizeHalf: d("--arrow-size-half"),
+  arrowBg: d("--arrow-background"),
+  transformOrigin: d("--transform-origin"),
+  arrowOffset: d("--arrow-offset")
+}, _ = (t) => ({
+  top: "bottom center",
+  "top-start": t ? `${t.x}px bottom` : "left bottom",
+  "top-end": t ? `${t.x}px bottom` : "right bottom",
+  bottom: "top center",
+  "bottom-start": t ? `${t.x}px top` : "top left",
+  "bottom-end": t ? `${t.x}px top` : "top right",
+  left: "right center",
+  "left-start": t ? `right ${t.y}px` : "right top",
+  "left-end": t ? `right ${t.y}px` : "right bottom",
+  right: "left center",
+  "right-start": t ? `left ${t.y}px` : "left top",
+  "right-end": t ? `left ${t.y}px` : "left bottom"
+}), q = {
+  name: "transformOrigin",
+  fn({ placement: t, elements: e, middlewareData: r }) {
+    const { arrow: i } = r, n = _(i)[t], { floating: o } = e;
+    return o.style.setProperty(c.transformOrigin.variable, n), {
+      data: { transformOrigin: n }
+    };
+  }
+}, G = {
+  name: "rects",
+  fn({ rects: t }) {
+    return {
+      data: t
+    };
+  }
+}, J = (t) => {
+  if (t)
+    return {
+      name: "shiftArrow",
+      fn({ placement: e, middlewareData: r }) {
+        if (!r.arrow) return {};
+        const { x: i, y: n } = r.arrow, o = e.split("-")[0];
+        return Object.assign(t.style, {
+          left: i != null ? `${i}px` : "",
+          top: n != null ? `${n}px` : "",
+          [o]: `calc(100% + ${c.arrowOffset.reference})`
+        }), {};
+      }
+    };
+};
+function Y(t) {
+  const [e, r] = t.split("-");
+  return { side: e, align: r, hasAlign: r != null };
+}
+function at(t) {
+  return t.split("-")[0];
+}
+var E = {
+  strategy: "absolute",
+  placement: "bottom",
+  listeners: !0,
+  gutter: 8,
+  flip: !0,
+  slide: !0,
+  overlap: !1,
+  sameWidth: !1,
+  fitViewport: !1,
+  overflowPadding: 8,
+  arrowPadding: 4
+};
+function v(t, e) {
+  const r = t.devicePixelRatio || 1;
+  return Math.round(e * r) / r;
+}
+function b(t) {
+  return L(t.boundary);
+}
+function K(t, e) {
+  if (t)
+    return S({
+      element: t,
+      padding: e.arrowPadding
+    });
+}
+function Q(t, e) {
+  if (!C(e.offset ?? e.gutter))
+    return A(({ placement: r }) => {
+      var l, a;
+      const i = ((t == null ? void 0 : t.clientHeight) || 0) / 2, n = ((l = e.offset) == null ? void 0 : l.mainAxis) ?? e.gutter, o = typeof n == "number" ? n + i : n ?? i, { hasAlign: f } = Y(r), s = f ? void 0 : e.shift, u = ((a = e.offset) == null ? void 0 : a.crossAxis) ?? s;
+      return N({
+        crossAxis: u,
+        mainAxis: o,
+        alignmentAxis: e.shift
+      });
+    });
+}
+function X(t) {
+  if (t.flip)
+    return R({
+      boundary: b(t),
+      padding: t.overflowPadding,
+      fallbackPlacements: t.flip === !0 ? void 0 : t.flip
+    });
+}
+function Z(t) {
+  if (!(!t.slide && !t.overlap))
+    return I({
+      boundary: b(t),
+      mainAxis: t.slide,
+      crossAxis: t.overlap,
+      padding: t.overflowPadding,
+      limiter: B()
+    });
+}
+function F(t) {
+  return D({
+    padding: t.overflowPadding,
+    apply({ elements: e, rects: r, availableHeight: i, availableWidth: n }) {
+      const o = e.floating, f = Math.round(r.reference.width);
+      n = Math.floor(n), i = Math.floor(i), o.style.setProperty("--reference-width", `${f}px`), o.style.setProperty("--available-width", `${n}px`), o.style.setProperty("--available-height", `${i}px`);
+    }
+  });
+}
+function tt(t) {
+  return t ? t === !0 ? { ancestorResize: !0, ancestorScroll: !0, elementResize: !0, layoutShift: !0 } : t : {};
+}
+function et(t, e, r = {}) {
+  const i = U(t, r.getAnchorRect);
+  if (!e || !i) return;
+  const n = Object.assign({}, E, r), o = e.querySelector("[data-part=arrow]"), f = [
+    Q(o, n),
+    X(n),
+    Z(n),
+    K(o, n),
+    J(o),
+    q,
+    F(n),
+    G
+  ], { placement: s, strategy: u, onComplete: l, onPositioned: a } = n, h = async () => {
+    if (!i || !e) return;
+    const g = await T(i, e, {
+      placement: s,
+      middleware: f,
+      strategy: u
+    });
+    l == null || l(g), a == null || a({ placed: !0 });
+    const m = V(e), O = v(m, g.x), P = v(m, g.y);
+    e.style.setProperty("--x", `${O}px`), e.style.setProperty("--y", `${P}px`);
+    const y = e.firstElementChild;
+    if (y) {
+      const $ = m.getComputedStyle(y).zIndex;
+      e.style.setProperty("--z-index", $);
+    }
+  }, x = async () => {
+    r.updatePosition ? (await r.updatePosition({ updatePosition: h }), a == null || a({ placed: !0 })) : await h();
+  }, z = tt(n.listeners), p = n.listeners ? M(i, e, x, z) : k;
+  return x(), () => {
+    p == null || p(), a == null || a({ placed: !1 });
+  };
+}
+function st(t, e, r = {}) {
+  const { defer: i, ...n } = r, o = i ? W : (s) => s(), f = [];
+  return f.push(
+    o(() => {
+      const s = typeof t == "function" ? t() : t, u = typeof e == "function" ? e() : e;
+      f.push(et(s, u, n));
+    })
+  ), () => {
+    f.forEach((s) => s == null ? void 0 : s());
+  };
+}
+var rt = {
+  bottom: "rotate(45deg)",
+  left: "rotate(135deg)",
+  top: "rotate(225deg)",
+  right: "rotate(315deg)"
+};
+function ft(t = {}) {
+  const { placement: e, sameWidth: r, fitViewport: i, strategy: n = "absolute" } = t;
+  return {
+    arrow: {
+      position: "absolute",
+      width: c.arrowSize.reference,
+      height: c.arrowSize.reference,
+      [c.arrowSizeHalf.variable]: `calc(${c.arrowSize.reference} / 2)`,
+      [c.arrowOffset.variable]: `calc(${c.arrowSizeHalf.reference} * -1)`
+    },
+    arrowTip: {
+      // @ts-expect-error - Fix this
+      transform: e ? rt[e.split("-")[0]] : void 0,
+      background: c.arrowBg.reference,
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      zIndex: "inherit"
+    },
+    floating: {
+      position: n,
+      isolation: "isolate",
+      minWidth: r ? void 0 : "max-content",
+      width: r ? "var(--reference-width)" : void 0,
+      maxWidth: i ? "var(--available-width)" : void 0,
+      maxHeight: i ? "var(--available-height)" : void 0,
+      top: "0px",
+      left: "0px",
+      // move off-screen if placement is not defined
+      transform: e ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
+      zIndex: "var(--z-index)"
+    }
+  };
+}
+export {
+  st as getPlacement,
+  at as getPlacementSide,
+  ft as getPlacementStyles
+};

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

@@ -0,0 +1,141 @@
+import { createMachine as N } from "../../core/dist/index.js";
+import { createProps as c } from "../../types/dist/index.js";
+import { ref as u } from "../../store/dist/index.js";
+function E(a, e, t) {
+  const i = a.matches("mounted", "unmountSuspended");
+  return {
+    skip: !a.context.initial && i,
+    present: i,
+    setNode(n) {
+      n && e({ type: "NODE.SET", node: n });
+    },
+    unmount() {
+      e({ type: "UNMOUNT" });
+    }
+  };
+}
+function r(a) {
+  return (a == null ? void 0 : a.animationName) || "none";
+}
+function A(a) {
+  return N(
+    {
+      initial: a.present ? "mounted" : "unmounted",
+      context: {
+        node: null,
+        styles: null,
+        unmountAnimationName: null,
+        prevAnimationName: null,
+        present: !1,
+        initial: !1,
+        ...a
+      },
+      exit: ["clearInitial"],
+      watch: {
+        present: ["setInitial", "syncPresence"]
+      },
+      on: {
+        "NODE.SET": {
+          actions: ["setNode", "setStyles"]
+        }
+      },
+      states: {
+        mounted: {
+          on: {
+            UNMOUNT: {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            },
+            "UNMOUNT.SUSPEND": "unmountSuspended"
+          }
+        },
+        unmountSuspended: {
+          activities: ["trackAnimationEvents"],
+          on: {
+            MOUNT: {
+              target: "mounted",
+              actions: ["setPrevAnimationName"]
+            },
+            "ANIMATION.END": {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            },
+            UNMOUNT: {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            }
+          }
+        },
+        unmounted: {
+          entry: ["clearPrevAnimationName"],
+          on: {
+            MOUNT: {
+              target: "mounted",
+              actions: ["setPrevAnimationName"]
+            }
+          }
+        }
+      }
+    },
+    {
+      actions: {
+        setInitial(e) {
+          e.initial = !0;
+        },
+        clearInitial(e) {
+          e.initial = !1;
+        },
+        invokeOnExitComplete(e) {
+          var t;
+          (t = e.onExitComplete) == null || t.call(e);
+        },
+        setNode(e, t) {
+          e.node = u(t.node);
+        },
+        setStyles(e, t) {
+          const i = t.node.ownerDocument.defaultView || window;
+          e.styles = u(i.getComputedStyle(t.node));
+        },
+        syncPresence(e, t, { send: i }) {
+          if (e.present) {
+            i({ type: "MOUNT", src: "presence.changed" });
+            return;
+          }
+          const n = r(e.styles);
+          (e.immediate ? queueMicrotask : requestAnimationFrame)(() => {
+            var o, m;
+            e.unmountAnimationName = n, n === "none" || n === e.prevAnimationName || ((o = e.styles) == null ? void 0 : o.display) === "none" || ((m = e.styles) == null ? void 0 : m.animationDuration) === "0s" ? i({ type: "UNMOUNT", src: "presence.changed" }) : i({ type: "UNMOUNT.SUSPEND" });
+          });
+        },
+        setPrevAnimationName(e) {
+          (e.immediate ? queueMicrotask : requestAnimationFrame)(() => {
+            e.prevAnimationName = r(e.styles);
+          });
+        },
+        clearPrevAnimationName(e) {
+          e.prevAnimationName = null;
+        }
+      },
+      activities: {
+        trackAnimationEvents(e, t, { send: i }) {
+          const n = e.node;
+          if (!n) return;
+          const s = (m) => {
+            m.target === n && (e.prevAnimationName = r(e.styles));
+          }, o = (m) => {
+            const l = r(e.styles);
+            m.target === n && l === e.unmountAnimationName && i({ type: "UNMOUNT", src: "animationend" });
+          };
+          return n.addEventListener("animationstart", s), n.addEventListener("animationcancel", o), n.addEventListener("animationend", o), () => {
+            n.removeEventListener("animationstart", s), n.removeEventListener("animationcancel", o), n.removeEventListener("animationend", o);
+          };
+        }
+      }
+    }
+  );
+}
+c()(["onExitComplete", "present", "immediate"]);
+export {
+  E as connect,
+  A as machine
+};