@serendie/ui 0.1.16 → 0.2.0

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

@@ -1,7 +1,7 @@
-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) {
+import { autoUpdate as S, offset as A, flip as D, shift as R, arrow as W, size as I, hide as B, computePosition as H, limitShift as T } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
+import { raf as V, isHTMLElement as k, getWindow as C } from "../../dom-query/dist/index.js";
+import { noop as L, isNull as N, runIfFn as j, compact as U } from "../../utils/dist/index.js";
+function v(t = 0, e = 0, r = 0, i = 0) {
   if (typeof DOMRect == "function")
     return new DOMRect(t, e, r, i);
   const n = {
@@ -16,27 +16,27 @@ function w(t = 0, e = 0, r = 0, i = 0) {
   };
   return { ...n, toJSON: () => n };
 }
-function j(t) {
-  if (!t) return w();
+function _(t) {
+  if (!t) return v();
   const { x: e, y: r, width: i, height: n } = t;
-  return w(e, r, i, n);
+  return v(e, r, i, n);
 }
-function U(t, e) {
+function q(t, e) {
   return {
-    contextElement: H(t) ? t : void 0,
+    contextElement: k(t) ? t : void 0,
     getBoundingClientRect: () => {
       const r = t, i = e == null ? void 0 : e(r);
-      return i || !r ? j(i) : r.getBoundingClientRect();
+      return i || !r ? _(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) => ({
+var u = (t) => ({ variable: t, reference: `var(${t})` }), c = {
+  arrowSize: u("--arrow-size"),
+  arrowSizeHalf: u("--arrow-size-half"),
+  arrowBg: u("--arrow-background"),
+  transformOrigin: u("--transform-origin"),
+  arrowOffset: u("--arrow-offset")
+}, G = (t) => ({
   top: "bottom center",
   "top-start": t ? `${t.x}px bottom` : "left bottom",
   "top-end": t ? `${t.x}px bottom` : "right bottom",
@@ -49,22 +49,22 @@ var d = (t) => ({ variable: t, reference: `var(${t})` }), c = {
   right: "left center",
   "right-start": t ? `left ${t.y}px` : "left top",
   "right-end": t ? `left ${t.y}px` : "left bottom"
-}), q = {
+}), J = {
   name: "transformOrigin",
   fn({ placement: t, elements: e, middlewareData: r }) {
-    const { arrow: i } = r, n = _(i)[t], { floating: o } = e;
+    const { arrow: i } = r, n = G(i)[t], { floating: o } = e;
     return o.style.setProperty(c.transformOrigin.variable, n), {
       data: { transformOrigin: n }
     };
   }
-}, G = {
+}, Y = {
   name: "rects",
   fn({ rects: t }) {
     return {
       data: t
     };
   }
-}, J = (t) => {
+}, E = (t) => {
   if (t)
     return {
       name: "shiftArrow",
@@ -79,14 +79,14 @@ var d = (t) => ({ variable: t, reference: `var(${t})` }), c = {
       }
     };
 };
-function Y(t) {
+function K(t) {
   const [e, r] = t.split("-");
   return { side: e, align: r, hasAlign: r != null };
 }
-function at(t) {
+function ct(t) {
   return t.split("-")[0];
 }
-var E = {
+var Q = {
   strategy: "absolute",
   placement: "bottom",
   listeners: !0,
@@ -99,52 +99,52 @@ var E = {
   overflowPadding: 8,
   arrowPadding: 4
 };
-function v(t, e) {
+function b(t, e) {
   const r = t.devicePixelRatio || 1;
   return Math.round(e * r) / r;
 }
-function b(t) {
-  return L(t.boundary);
+function P(t) {
+  return j(t.boundary);
 }
-function K(t, e) {
+function X(t, e) {
   if (t)
-    return S({
+    return W({
       element: t,
       padding: e.arrowPadding
     });
 }
-function Q(t, e) {
-  if (!C(e.offset ?? e.gutter))
+function Z(t, e) {
+  if (!N(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,
+      var d, a;
+      const i = ((t == null ? void 0 : t.clientHeight) || 0) / 2, n = ((d = e.offset) == null ? void 0 : d.mainAxis) ?? e.gutter, o = typeof n == "number" ? n + i : n ?? i, { hasAlign: f } = K(r), s = f ? void 0 : e.shift, l = ((a = e.offset) == null ? void 0 : a.crossAxis) ?? s;
+      return U({
+        crossAxis: l,
         mainAxis: o,
         alignmentAxis: e.shift
       });
     });
 }
-function X(t) {
+function F(t) {
   if (t.flip)
-    return R({
-      boundary: b(t),
+    return D({
+      boundary: P(t),
       padding: t.overflowPadding,
       fallbackPlacements: t.flip === !0 ? void 0 : t.flip
     });
 }
-function Z(t) {
+function tt(t) {
   if (!(!t.slide && !t.overlap))
-    return I({
-      boundary: b(t),
+    return R({
+      boundary: P(t),
       mainAxis: t.slide,
       crossAxis: t.overlap,
       padding: t.overflowPadding,
-      limiter: B()
+      limiter: T()
     });
 }
-function F(t) {
-  return D({
+function et(t) {
+  return I({
     padding: t.overflowPadding,
     apply({ elements: e, rects: r, availableHeight: i, availableWidth: n }) {
       const o = e.floating, f = Math.round(r.reference.width);
@@ -152,61 +152,68 @@ function F(t) {
     }
   });
 }
-function tt(t) {
+function rt(t) {
+  var e;
+  if (t.hideWhenDetached)
+    return B({ strategy: "referenceHidden", boundary: ((e = t.boundary) == null ? void 0 : e.call(t)) ?? "clippingAncestors" });
+}
+function nt(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);
+function it(t, e, r = {}) {
+  const i = q(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,
+  const n = Object.assign({}, Q, r), o = e.querySelector("[data-part=arrow]"), f = [
+    Z(o, n),
     F(n),
-    G
-  ], { placement: s, strategy: u, onComplete: l, onPositioned: a } = n, h = async () => {
+    tt(n),
+    X(o, n),
+    E(o),
+    J,
+    et(n),
+    rt(n),
+    Y
+  ], { placement: s, strategy: l, onComplete: d, onPositioned: a } = n, m = async () => {
+    var w;
     if (!i || !e) return;
-    const g = await T(i, e, {
+    const p = await H(i, e, {
       placement: s,
       middleware: f,
-      strategy: u
+      strategy: l
     });
-    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;
+    d == null || d(p), a == null || a({ placed: !0 });
+    const h = C(e), M = b(h, p.x), O = b(h, p.y);
+    e.style.setProperty("--x", `${M}px`), e.style.setProperty("--y", `${O}px`), n.hideWhenDetached && ((w = p.middlewareData.hide) != null && w.referenceHidden) && e.style.setProperty("visibility", "hidden");
+    const x = e.firstElementChild;
+    if (x) {
+      const $ = h.getComputedStyle(x).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 });
+  }, y = async () => {
+    r.updatePosition ? (await r.updatePosition({ updatePosition: m }), a == null || a({ placed: !0 })) : await m();
+  }, z = nt(n.listeners), g = n.listeners ? S(i, e, y, z) : L;
+  return y(), () => {
+    g == null || g(), a == null || a({ placed: !1 });
   };
 }
-function st(t, e, r = {}) {
-  const { defer: i, ...n } = r, o = i ? W : (s) => s(), f = [];
+function dt(t, e, r = {}) {
+  const { defer: i, ...n } = r, o = i ? V : (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));
+      const s = typeof t == "function" ? t() : t, l = typeof e == "function" ? e() : e;
+      f.push(it(s, l, n));
     })
   ), () => {
     f.forEach((s) => s == null ? void 0 : s());
   };
 }
-var rt = {
+var ot = {
   bottom: "rotate(45deg)",
   left: "rotate(135deg)",
   top: "rotate(225deg)",
   right: "rotate(315deg)"
 };
-function ft(t = {}) {
+function lt(t = {}) {
   const { placement: e, sameWidth: r, fitViewport: i, strategy: n = "absolute" } = t;
   return {
     arrow: {
@@ -218,7 +225,7 @@ function ft(t = {}) {
     },
     arrowTip: {
       // @ts-expect-error - Fix this
-      transform: e ? rt[e.split("-")[0]] : void 0,
+      transform: e ? ot[e.split("-")[0]] : void 0,
       background: c.arrowBg.reference,
       top: "0",
       left: "0",
@@ -243,7 +250,7 @@ function ft(t = {}) {
   };
 }
 export {
-  st as getPlacement,
-  at as getPlacementSide,
-  ft as getPlacementStyles
+  dt as getPlacement,
+  ct as getPlacementSide,
+  lt as getPlacementStyles
 };