@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/use-list-reflow-C7O4Uqnl.js

@@ -0,0 +1,133 @@
+import { useState as F, useRef as x, useEffect as A, useCallback as h } from "react";
+import { u as L } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as E } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function b({
+  durationMs: y = 200,
+  delayMs: p = 0,
+  reduceMotion: v
+} = {}) {
+  const u = L(), s = v ?? u, a = s ? 0 : p, o = s ? 0 : y, S = a + o, [R, n] = F(
+    () => /* @__PURE__ */ new Set()
+  ), r = x(/* @__PURE__ */ new Map());
+  A(
+    () => () => {
+      r.current.forEach((e) => window.clearTimeout(e)), r.current.clear();
+    },
+    []
+  );
+  const d = h(
+    (e, t) => {
+      if (S === 0) {
+        t();
+        return;
+      }
+      if (r.current.has(e)) return;
+      const c = () => {
+        n((f) => {
+          const l = new Set(f);
+          return l.add(e), l;
+        });
+        const m = window.setTimeout(() => {
+          r.current.delete(e), n((f) => {
+            if (!f.has(e)) return f;
+            const l = new Set(f);
+            return l.delete(e), l;
+          }), t();
+        }, o);
+        r.current.set(e, m);
+      };
+      if (a === 0) {
+        c();
+        return;
+      }
+      r.current.set(e, window.setTimeout(c, a));
+    },
+    [S, a, o]
+  ), w = h((e) => {
+    const t = r.current.get(e);
+    t !== void 0 && (window.clearTimeout(t), r.current.delete(e)), n((c) => {
+      if (!c.has(e)) return c;
+      const m = new Set(c);
+      return m.delete(e), m;
+    });
+  }, []);
+  return { isLeaving: h((e) => R.has(e), [R]), leave: d, cancel: w, durationMs: S };
+}
+const q = [
+  "ds:[transform:translateY(var(--reflow-dy,0px))]",
+  "ds:transition-transform ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)]",
+  "ds:data-[reflow-snap]:transition-none",
+  "ds:motion-reduce:transition-none"
+].join(" ");
+function g(y) {
+  const p = Array.from(
+    y.querySelectorAll("[data-reflow-id]")
+  ), v = /* @__PURE__ */ new Map();
+  for (const u of p) {
+    const s = u.dataset.reflowId;
+    s && v.set(s, u.getBoundingClientRect().top);
+  }
+  return { rows: p, tops: v };
+}
+function C({
+  key: y,
+  durationMs: p = 200,
+  reduceMotion: v
+}) {
+  const u = x(null), s = x(null), a = x(null), o = x(null), S = L(), R = v ?? S;
+  return E(() => {
+    var i;
+    const n = u.current;
+    if (n === a.current || (a.current = n, (i = o.current) == null || i.call(o), o.current = null, s.current = n ? g(n).tops : null, !n)) return;
+    let r = 0;
+    const d = (e) => {
+      const t = e.target;
+      !t || typeof t.contains != "function" || !t.contains(n) || r || (r = window.requestAnimationFrame(() => {
+        r = 0, u.current === n && (s.current = g(n).tops);
+      }));
+    }, w = n.ownerDocument;
+    w.addEventListener("scroll", d, { capture: !0, passive: !0 }), o.current = () => {
+      w.removeEventListener("scroll", d, { capture: !0 }), r && window.cancelAnimationFrame(r);
+    };
+  }), A(
+    () => () => {
+      var n;
+      (n = o.current) == null || n.call(o), o.current = null, a.current = null;
+    },
+    []
+  ), E(() => {
+    const n = u.current;
+    if (!n) {
+      s.current = null;
+      return;
+    }
+    const { rows: r, tops: d } = g(n), w = s.current;
+    if (s.current = d, !w || R) return;
+    const i = [];
+    for (const t of r) {
+      const c = t.dataset.reflowId;
+      if (!c) continue;
+      const m = w.get(c), f = d.get(c);
+      if (m === void 0 || f === void 0) continue;
+      const l = m - f;
+      Math.abs(l) < 1 || (t.dataset.reflowSnap = "", t.style.setProperty("--reflow-dy", `${l}px`), i.push(t));
+    }
+    if (i.length === 0) return;
+    const e = window.requestAnimationFrame(() => {
+      for (const t of i)
+        delete t.dataset.reflowSnap, t.style.setProperty("--reflow-dy", "0px");
+    });
+    return () => {
+      window.cancelAnimationFrame(e);
+      for (const t of i)
+        delete t.dataset.reflowSnap, t.style.removeProperty("--reflow-dy");
+    };
+  }, [y, R, p]), { containerRef: u };
+}
+export {
+  q as R,
+  C as a,
+  b as u
+};
+//# sourceMappingURL=use-list-reflow-C7O4Uqnl.js.map

package/dist/_chunks/use-priority-overflow-Cdmb5EiR.js

@@ -0,0 +1,108 @@
+import { useState as p, useCallback as P, useRef as z } from "react";
+import { u as K } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+function V(u) {
+  const {
+    containerWidth: o,
+    fullWidths: s,
+    fullRowWidth: l,
+    iconWidths: a,
+    iconRowWidth: g,
+    triggerWidth: d,
+    pinned: j = [],
+    movable: v = []
+  } = u, c = s.length, n = Array.from({ length: c }, () => !0);
+  if (c === 0 || o <= 0)
+    return { stage: "full", visible: n, overflowing: !1 };
+  if (l <= o + 1)
+    return { stage: "full", visible: n, overflowing: !1 };
+  const w = a !== void 0 && a.length === c;
+  if (w && (g ?? 1 / 0) <= o + 1)
+    return { stage: "icons", visible: n, overflowing: !1 };
+  const W = w ? "icons" : "full", R = w ? a : s, x = w ? g ?? l : l, A = R.reduce((e, f) => e + f, 0), C = c > 1 ? (x - A) / (c - 1) : 0, i = R.map((e, f) => j[f] === !0), m = (e) => e === 0 ? d : R.reduce((f, I, L) => i[L] ? f + I : f, 0) + d + e * C;
+  let r = i.filter(Boolean).length, y = !1;
+  for (let e = c - 1; e >= 0 && r > 0 && m(r) > o + 1; e -= 1)
+    !i[e] || v[e] !== !0 || (i[e] = !1, r -= 1, y = !0);
+  for (let e = 0; e < c && !y; e += 1)
+    if (!i[e] && (i[e] = !0, r += 1, m(r) > o + 1)) {
+      i[e] = !1, r -= 1;
+      break;
+    }
+  return { stage: W, visible: i, overflowing: i.some((e) => !e) };
+}
+const E = (u, o) => u.stage === o.stage && u.overflowing === o.overflowing && u.visible.length === o.visible.length && u.visible.every((s, l) => s === o.visible[l]);
+function D(u) {
+  const { enabled: o, count: s, twoStage: l = !1, pinned: a, movable: g } = u, [d, j] = p(null), [v, c] = p(null), [n, w] = p(null), [W, R] = p(null), x = P(
+    (t) => j(t),
+    []
+  ), A = P(
+    (t) => c(t),
+    []
+  ), C = P(
+    (t) => w(t),
+    []
+  ), i = P(
+    (t) => R(t),
+    []
+  ), m = P(
+    () => ({
+      stage: "full",
+      visible: Array.from({ length: s }, () => !0),
+      overflowing: !1
+    }),
+    [s]
+  ), [r, y] = p(m), e = a ? a.map((t) => t ? 1 : 0).join("") : "", f = z(a);
+  f.current = a;
+  const I = g ? g.map((t) => t ? 1 : 0).join("") : "", L = z(g);
+  return L.current = g, K(() => {
+    if (!o) {
+      y((h) => {
+        const b = m();
+        return E(h, b) ? h : b;
+      });
+      return;
+    }
+    if (!d || !v || !W) return;
+    const t = (h) => Array.from(h.children, (b) => b.offsetWidth), O = () => {
+      const h = t(v);
+      if (h.length !== s) return;
+      const b = V({
+        containerWidth: d.clientWidth,
+        fullWidths: h,
+        fullRowWidth: v.scrollWidth,
+        iconWidths: l && n ? t(n) : void 0,
+        iconRowWidth: l && n ? n.scrollWidth : void 0,
+        triggerWidth: W.offsetWidth,
+        pinned: f.current,
+        movable: L.current
+      });
+      y((k) => E(k, b) ? k : b);
+    };
+    if (O(), typeof ResizeObserver > "u") return;
+    const S = new ResizeObserver(O);
+    return S.observe(d), S.observe(v), n && S.observe(n), () => S.disconnect();
+  }, [
+    o,
+    s,
+    l,
+    e,
+    I,
+    d,
+    v,
+    n,
+    W,
+    m
+  ]), {
+    containerRef: x,
+    fullRowRef: A,
+    iconRowRef: C,
+    triggerProbeRef: i,
+    stage: r.stage,
+    visible: r.visible,
+    overflowing: r.overflowing
+  };
+}
+export {
+  V as c,
+  D as u
+};
+//# sourceMappingURL=use-priority-overflow-Cdmb5EiR.js.map