@alexgorbatchev/shadcn 0.0.0-stage → 0.0.16

package/dist/components/message-scroller/index.js

@@ -0,0 +1,600 @@
+import {
+  S,
+  d,
+  f
+} from "../../chunk-z1fy613d.js";
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "../../chunk-73rkr9ct.js";
+
+// node_modules/@shadcn/react/dist/message-scroller/index.js
+import * as f2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+var _e = 8;
+var Be = 64;
+var Fe = 0;
+var J = 0.5;
+var je = 180;
+var Ge = new Set(["ArrowDown", "ArrowUp", "End", "Home", "PageDown", "PageUp", " "]);
+var ge = { start: false, end: false };
+var vt = [];
+var Q = { currentAnchorId: null, visibleMessageIds: vt };
+function Ne({ content: e, scrollEdgeThreshold: t, spacer: r, viewport: n }) {
+  if (!n || !e)
+    return ge;
+  let l = Re({ content: e, spacer: r, viewport: n });
+  return { start: n.scrollTop > t, end: l - n.scrollTop - n.clientHeight > t };
+}
+function Ue({ content: e, scrollMargin: t, scrollPreviousItemPeek: r, spacer: n, viewport: l, visibleMessageIds: c }) {
+  if (!e || !l)
+    return Q;
+  let S = l.getBoundingClientRect(), o = S.top + t + r, b = typeof IntersectionObserver > "u", v = [], m = null;
+  for (let L of ee(e, n)) {
+    let R = L.dataset.messageId;
+    if (!R)
+      continue;
+    let E = L.dataset.scrollAnchor === "true", h = E || b ? L.getBoundingClientRect() : null;
+    (b && h ? h.bottom > o && h.top < S.bottom : c.has(R)) && v.push(R), E && h && h.top <= o + J && (m = R);
+  }
+  return v.length === 0 && m === null ? Q : { currentAnchorId: m, visibleMessageIds: v };
+}
+function ee(e, t) {
+  return Array.from(e.children).filter((r) => r instanceof HTMLElement && r !== t);
+}
+function Ye(e, t) {
+  for (let r = t;r < e.length; r++) {
+    let n = e[r];
+    if (n?.dataset.scrollAnchor === "true")
+      return n;
+  }
+  return null;
+}
+function ze(e, t) {
+  for (let r of e)
+    if (r.dataset.scrollAnchor === "true" && !t.has(r))
+      return r;
+  return null;
+}
+function qe(e, t) {
+  let r = 0;
+  for (let n = t;n < e.length; n++)
+    if (e[n]?.dataset.scrollAnchor === "true" && (r += 1, r > 1))
+      return true;
+  return false;
+}
+function Ke(e) {
+  for (let t = e.length - 1;t >= 0; t--) {
+    let r = e[t];
+    if (r?.dataset.scrollAnchor === "true")
+      return r;
+  }
+  return null;
+}
+function We({ content: e, spacer: t, viewport: r }) {
+  let n = r.getBoundingClientRect();
+  for (let l of ee(e, t)) {
+    if (!l.dataset.messageId)
+      continue;
+    let c = l.getBoundingClientRect();
+    if (c.bottom > n.top && c.top < n.bottom)
+      return l;
+  }
+  return null;
+}
+function $e({ align: e, element: t, scrollMargin: r, spacer: n, viewport: l }) {
+  let c = me(t, l), S = t.getBoundingClientRect().height, o = ht(n);
+  if (e === "center") {
+    let b = Math.max(0, l.clientHeight - o.start - o.end);
+    return c - o.start - (b - S) / 2 - r;
+  }
+  if (e === "end")
+    return c - l.clientHeight + S + o.end + r;
+  if (e === "nearest") {
+    let b = c + S, v = l.scrollTop + o.start, m = l.scrollTop + l.clientHeight - o.end;
+    return c >= v && b <= m ? l.scrollTop : c < v ? c - o.start - r : b - l.clientHeight + o.end + r;
+  }
+  return c - o.start - r;
+}
+function layoutBlockTop(e) {
+  let t = e.offsetTop;
+  for (let r = e.offsetParent;r; r = r.offsetParent)
+    t += r.offsetTop + r.clientTop;
+  return t;
+}
+function me(e, t) {
+  let r = layoutBlockTop(e) - layoutBlockTop(t);
+  for (let n = e.parentElement;n && n !== t; n = n.parentElement)
+    r -= n.scrollTop;
+  return r;
+}
+function te(e, t) {
+  return me(e, t) - t.scrollTop;
+}
+function Je({ content: e, scrollTop: t, spacer: r, viewport: n }) {
+  let l = Re({ content: e, spacer: r, viewport: n });
+  return t + n.clientHeight - l;
+}
+function Re({ content: e, spacer: t, viewport: r }) {
+  let n = ee(e, t), l = Xe(e), c = r.getBoundingClientRect(), S = r.scrollTop, o = l.start + l.end;
+  for (let b of n) {
+    let v = b.getBoundingClientRect();
+    o = Math.max(o, v.bottom - c.top + S + l.end);
+  }
+  return o;
+}
+function Qe(e) {
+  return Math.max(0, e.scrollHeight - e.clientHeight);
+}
+function Xe(e) {
+  let t = window.getComputedStyle(e);
+  return { end: pe(t.paddingBlockEnd || t.paddingBottom), start: pe(t.paddingBlockStart || t.paddingTop) };
+}
+function ht(e) {
+  let t = e?.parentElement;
+  return t ? Xe(t) : { end: 0, start: 0 };
+}
+function Ze(e) {
+  if (!e)
+    return 0;
+  let t = window.getComputedStyle(e), r = t.rowGap === "normal" ? t.gap : t.rowGap;
+  return pe(r);
+}
+function pe(e) {
+  if (!e)
+    return 0;
+  let t = Number.parseFloat(e);
+  return Number.isFinite(t) ? t : 0;
+}
+function et(e, t) {
+  let r = e, n = new Set;
+  return { getSnapshot: () => r, hasListeners: () => n.size > 0, setSnapshot: (l) => {
+    t(r, l) || (r = l, n.forEach((c) => c()));
+  }, subscribe: (l, c, S) => {
+    let o = n.size === 0;
+    return n.add(l), o && c?.(), () => {
+      n.delete(l), n.size === 0 && S?.();
+    };
+  } };
+}
+function de(e, t) {
+  return et(e, t);
+}
+function tt() {
+  return et(Q, Lt);
+}
+function rt(e, t) {
+  return e.start === t.start && e.end === t.end;
+}
+function Lt(e, t) {
+  return e.currentAnchorId !== t.currentAnchorId || e.visibleMessageIds.length !== t.visibleMessageIds.length ? false : e.visibleMessageIds.every((r, n) => r === t.visibleMessageIds[n]);
+}
+function nt({ autoScroll: e, defaultScrollPosition: t, scrollEdgeThreshold: r, scrollMargin: n, scrollPreviousItemPeek: l }) {
+  let c = f2.useRef(e), S = f2.useRef(false), o = f2.useRef(null), b = f2.useRef(false), v = f2.useRef(r), m = f2.useRef(0), L = f2.useRef(null), R = f2.useRef(0), E = f2.useRef(e ? "following-bottom" : "free-scrolling"), h = f2.useRef(new Map), I = f2.useRef(null), u = f2.useRef(null), k = f2.useRef(null), j = f2.useRef(l), _ = f2.useRef(true), Y = f2.useRef(null), x = f2.useRef(n), V = f2.useRef(null), P = f2.useRef(0), G = f2.useRef(0), A = f2.useRef(null), le = f2.useRef(null), z = f2.useRef(null), B = f2.useRef(null), i = f2.useRef(null), d = f2.useRef(null), T = f2.useRef(null), w = f2.useRef(null), C = f2.useRef(null), y = f2.useRef(new Set), F = f2.useRef(new WeakSet);
+  return z.current === null && (z.current = de(t === "end" || t === "last-anchor", (q, X) => q === X)), B.current === null && (B.current = de(ge, rt)), C.current === null && (C.current = tt()), c.current = e, v.current = r, x.current = n, j.current = l, { autoScrollRef: c, autoscrollingRef: S, autoscrollingTimeoutRef: i, streamingTurnRef: k, contentRef: o, defaultScrollPositionAppliedRef: b, firstItemRef: L, itemCountRef: m, lastScrollTopRef: R, messageElementsRef: h, modeRef: E, pendingScrollFrameRef: V, pendingScrollToMessageRef: I, prependRestoreRef: u, preserveScrollOnPrependRef: _, pendingDefaultScrollStore: z.current, rootRef: Y, scrollEdgeThresholdRef: v, scrollMarginRef: x, scrollPreviousItemPeekRef: j, spacerGapRef: P, spacerHeightRef: G, spacerRef: A, stateFrameRef: le, stateStore: B.current, viewportRef: d, visibilityFrameRef: T, visibilityObserverRef: w, visibilityStore: C.current, visibleMessageIdsRef: y, handledScrollAnchorsRef: F };
+}
+function Me(e) {
+  e.pendingDefaultScrollStore.setSnapshot(false);
+}
+function re(e) {
+  e.defaultScrollPositionAppliedRef.current = true, Me(e);
+}
+function lt({ refs: e, commitScrollState: t, scheduleStateCommit: r, scheduleVisibilitySync: n }) {
+  let { streamingTurnRef: l, autoScrollRef: c, autoscrollingRef: S, autoscrollingTimeoutRef: o, contentRef: b, itemCountRef: v, messageElementsRef: m, modeRef: L, pendingScrollToMessageRef: R, prependRestoreRef: E, scrollMarginRef: h, scrollPreviousItemPeekRef: I, spacerGapRef: u, spacerHeightRef: k, spacerRef: j, viewportRef: _ } = e, Y = f2.useCallback((i) => {
+    o.current !== null && (window.clearTimeout(o.current), o.current = null), S.current !== i && (S.current = i, t()), i && (o.current = window.setTimeout(() => {
+      o.current = null, S.current = false, t();
+    }, je));
+  }, [t]), x = f2.useCallback((i) => {
+    let d = j.current;
+    if (!d)
+      return;
+    let T = Math.max(0, Math.ceil(i));
+    k.current !== T && (k.current = T, d.hidden = T === 0, d.style.height = `${T}px`, d.style.marginTop = T > 0 ? `${-u.current}px` : "");
+  }, []), V = f2.useCallback((i, { behavior: d = "auto", autoscrolling: T = false } = {}) => {
+    let w = _.current;
+    if (!w)
+      return;
+    let C = Math.max(0, i);
+    if (Math.abs(w.scrollTop - C) <= J) {
+      w.scrollTop = C, t();
+      return;
+    }
+    T && Y(true), w.scrollTo({ top: C, behavior: d }), r();
+  }, [t, r, Y]), P = f2.useCallback(({ behavior: i = "auto" } = {}) => _.current ? (x(0), l.current = null, L.current = "free-scrolling", V(0, { behavior: i }), n(), true) : false, [n, V, x]), G = f2.useCallback(({ behavior: i = "auto" } = {}) => {
+    let d = _.current;
+    return d ? (x(0), l.current = null, L.current = c.current ? "following-bottom" : "free-scrolling", V(Qe(d), { autoscrolling: true, behavior: i }), n(), true) : false;
+  }, [n, V, x]), A = f2.useCallback((i, { align: d = "start", behavior: T = "auto", scrollMargin: w = h.current } = {}, { keepPreviousPeek: C = false } = {}) => {
+    let y = b.current, F = _.current;
+    if (!y || !F || !y.contains(i))
+      return false;
+    let q = $e({ align: d, element: i, scrollMargin: C ? w + I.current : w, spacer: j.current, viewport: F }), X = Je({ content: y, scrollTop: q, spacer: j.current, viewport: F });
+    return x(X), E.current = { element: i, viewportTop: te(i, F) }, L.current = C ? "anchored-to-message" : "settling-jump", l.current = C ? i : null, V(q, { behavior: T }), n(), true;
+  }, [n, V, x]), le = f2.useCallback(() => {
+    let i = l.current;
+    return !i || !i.isConnected || L.current !== "anchored-to-message" ? false : A(i, { align: "start" }, { keepPreviousPeek: true });
+  }, [A]), z = f2.useCallback((i, d) => {
+    let T = m.current.get(i);
+    return T ? (re(e), A(T, d) ? (R.current = null, true) : (R.current = { messageId: i, options: d }, true)) : v.current === 0 ? (R.current = { messageId: i, options: d }, re(e), true) : false;
+  }, [A]);
+  return { flushPendingScrollToMessage: f2.useCallback(() => {
+    let i = R.current;
+    if (!i)
+      return false;
+    let d = m.current.get(i.messageId);
+    return !d || !A(d, i.options) ? false : (R.current = null, re(e), true);
+  }, [A]), reanchorToAnchoredMessage: le, scrollToElement: A, scrollToEnd: G, scrollToMessage: z, scrollToStart: P };
+}
+function ot(e, t) {
+  return f2.useCallback((r) => {
+    e.current = r, r && t();
+  }, [e, t]);
+}
+function st({ autoScroll: e = false, defaultScrollPosition: t = "end", scrollEdgeThreshold: r = _e, scrollPreviousItemPeek: n = Be, scrollMargin: l = Fe }) {
+  let c = nt({ autoScroll: e, defaultScrollPosition: t, scrollEdgeThreshold: r, scrollMargin: l, scrollPreviousItemPeek: n }), { streamingTurnRef: S, autoScrollRef: o, autoscrollingRef: b, autoscrollingTimeoutRef: v, contentRef: m, defaultScrollPositionAppliedRef: L, firstItemRef: R, itemCountRef: E, lastScrollTopRef: h, messageElementsRef: I, modeRef: u, pendingScrollFrameRef: k, pendingScrollToMessageRef: j, prependRestoreRef: _, preserveScrollOnPrependRef: Y, pendingDefaultScrollStore: x, rootRef: V, scrollEdgeThresholdRef: P, scrollMarginRef: G, scrollPreviousItemPeekRef: A, spacerGapRef: le, spacerHeightRef: z, spacerRef: B, stateFrameRef: i, stateStore: d, viewportRef: T, visibilityFrameRef: w, visibilityObserverRef: C, visibilityStore: y, visibleMessageIdsRef: F, handledScrollAnchorsRef: q } = c, X = f2.useRef(t);
+  X.current !== t && (X.current = t, L.current = false);
+  let ce = f2.useCallback((s) => {
+    let a = V.current, M = T.current, H = [s.start && "start", s.end && "end"].filter(Boolean).join(" "), fe = b.current;
+    for (let W of [a, M])
+      W && (H ? W.setAttribute("data-scrollable", H) : W.removeAttribute("data-scrollable"), W.toggleAttribute("data-autoscrolling", fe));
+  }, []), be = f2.useCallback((s) => {
+    let a = T.current?.scrollTop ?? 0, M = a < h.current - J;
+    h.current = a, o.current && !s.end && u.current !== "settling-jump" && u.current !== "anchored-to-message" ? u.current = "following-bottom" : u.current === "following-bottom" && s.end && M && !b.current && (u.current = "free-scrolling");
+  }, []), N = f2.useCallback(() => {
+    let s = Ne({ content: m.current, scrollEdgeThreshold: P.current, spacer: B.current, viewport: T.current });
+    be(s);
+    let a = u.current === "following-bottom" ? { ...s, end: false } : s;
+    ce(a), d.setSnapshot(a);
+  }, [be, d, ce]), oe = f2.useCallback(() => {
+    i.current === null && (i.current = window.requestAnimationFrame(() => {
+      i.current = null, N();
+    }));
+  }, [N]), O = f2.useCallback(() => {
+    y.hasListeners() && w.current === null && (w.current = window.requestAnimationFrame(() => {
+      w.current = null, y.hasListeners() && y.setSnapshot(Ue({ content: m.current, scrollMargin: G.current, scrollPreviousItemPeek: A.current, spacer: B.current, viewport: T.current, visibleMessageIds: F.current }));
+    }));
+  }, [y]), { flushPendingScrollToMessage: ae, reanchorToAnchoredMessage: Te, scrollToElement: se, scrollToEnd: D, scrollToMessage: Ee, scrollToStart: ie } = lt({ refs: c, commitScrollState: N, scheduleStateCommit: oe, scheduleVisibilitySync: O }), ve = f2.useCallback(() => {
+    let s = _.current, a = T.current;
+    if (!s || !a || !s.element.isConnected)
+      return false;
+    let H = te(s.element, a) - s.viewportTop;
+    return Math.abs(H) <= J ? false : (a.scrollTop += H, s.viewportTop = te(s.element, a), oe(), O(), true);
+  }, [oe, O]), Z = f2.useCallback(() => {
+    let s = m.current, a = T.current;
+    if (!s || !a) {
+      _.current = null;
+      return;
+    }
+    let M = We({ content: s, spacer: B.current, viewport: a });
+    _.current = M ? { element: M, viewportTop: te(M, a) } : null;
+  }, []), he = f2.useCallback(() => {
+    k.current === null && (k.current = window.requestAnimationFrame(() => {
+      k.current = null, ae() && Z();
+    }));
+  }, [Z, ae]), ue = f2.useCallback(() => {
+    if (!t || L.current || E.current === 0)
+      return false;
+    let s = false;
+    if (t === "last-anchor") {
+      let a = m.current, M = T.current, H = a && M ? Ke(ee(a, B.current)) : null;
+      if (!a || !M || !H)
+        s = D({ behavior: "auto" });
+      else {
+        let fe = me(H, M);
+        s = Re({ content: a, spacer: B.current, viewport: M }) - fe <= M.clientHeight ? D({ behavior: "auto" }) : se(H, { align: "start" }, { keepPreviousPeek: true });
+      }
+    } else
+      s = t === "end" ? D({ behavior: "auto" }) : ie({ behavior: "auto" });
+    return s ? (re(c), true) : false;
+  }, [t, se, D, ie]), Le = f2.useCallback(() => {
+    let s = m.current;
+    if (!s)
+      return;
+    let a = ee(s, B.current), M = E.current, H = R.current;
+    E.current = a.length, R.current = a[0] ?? null, (() => {
+      if (ae())
+        return;
+      if (M === 0) {
+        if (ue() || a.length > 0 && o.current && D({ behavior: "auto" }))
+          return;
+        N(), O();
+        return;
+      }
+      let W = H ? a.indexOf(H) : -1;
+      if (Y.current && W > 0) {
+        ve();
+        return;
+      }
+      if (a.length > M) {
+        let $ = Ye(a, M);
+        if ($) {
+          if (o.current && u.current === "following-bottom" && qe(a, M)) {
+            D({ behavior: "auto" });
+            return;
+          }
+          se($, { align: "start" }, { keepPreviousPeek: true }), q.current.add($);
+          return;
+        }
+      }
+      if (a.length === M) {
+        let $ = ze(a, q.current);
+        if ($) {
+          se($, { align: "start" }, { keepPreviousPeek: true }), q.current.add($);
+          return;
+        }
+      }
+      u.current === "following-bottom" && o.current ? D({ behavior: "auto" }) : (N(), O());
+    })(), Z();
+  }, [ue, Z, N, ae, ve, O, se, D]), Ce = f2.useCallback(() => {
+    if (u.current === "following-bottom" && o.current) {
+      D({ behavior: "auto" });
+      return;
+    }
+    let s = z.current;
+    if (Te()) {
+      o.current && s > 0 && z.current === 0 && D({ behavior: "auto" });
+      return;
+    }
+    oe(), O();
+  }, [Te, oe, O, D]), Pe = f2.useCallback(() => {
+    let s = T.current;
+    if (!(!s || !y.hasListeners())) {
+      if (typeof IntersectionObserver > "u") {
+        O();
+        return;
+      }
+      C.current || (C.current = new IntersectionObserver((a) => {
+        for (let M of a) {
+          let H = M.target.dataset.messageId;
+          H && (M.isIntersecting ? F.current.add(H) : F.current.delete(H));
+        }
+        O();
+      }, { root: s, rootMargin: `${-(G.current + A.current)}px 0px 0px 0px`, threshold: [0, 0.01, 0.5, 1] })), I.current.forEach((a) => {
+        C.current?.observe(a);
+      }), O();
+    }
+  }, [O, y]), we = f2.useCallback(() => {
+    w.current !== null && (window.cancelAnimationFrame(w.current), w.current = null), C.current?.disconnect(), C.current = null, F.current.clear(), y.setSnapshot(Q);
+  }, [y]), bt = f2.useCallback((s, a, M) => {
+    if (a) {
+      I.current.set(s, a), C.current?.observe(a), O(), j.current?.messageId === s && he();
+      return;
+    }
+    M && I.current.get(s) === M && (I.current.delete(s), F.current.delete(s), C.current?.unobserve(M), O());
+  }, [he, O]), Oe = f2.useCallback(() => {
+    (u.current === "following-bottom" || u.current === "anchored-to-message" || u.current === "settling-jump") && (S.current = null, u.current = "free-scrolling");
+  }, []), ye = f2.useCallback(() => ce(d.getSnapshot()), [d, ce]), He = ot(V, ye), Ie = ot(T, ye), Ae = f2.useCallback((s) => {
+    m.current = s;
+  }, []), De = f2.useCallback((s) => {
+    B.current = s, le.current = Ze(s?.parentElement ?? null);
+  }, []), xe = f2.useCallback(() => {
+    N(), O(), Z();
+  }, [Z, N, O]), Tt = f2.useMemo(() => ({ handleContentChange: Le, handleResize: Ce, observeVisibility: Pe, pendingDefaultScrollStore: x, preserveScrollOnPrependRef: Y, scrollToEnd: D, scrollToMessage: Ee, scrollToStart: ie, setContentElement: Ae, setRootElement: He, setSpacerElement: De, setViewportElement: Ie, stateStore: d, syncAfterScroll: xe, unobserveVisibility: we, userScrollIntent: Oe, viewportRef: T, visibilityStore: y }), [Le, Ce, Pe, x, D, Ee, ie, Ae, He, De, Ie, d, xe, we, Oe, y]);
+  return f2.useLayoutEffect(() => {
+    ue() || E.current === 0 && Me(c);
+  }, [ue]), f2.useEffect(() => () => {
+    i.current !== null && (window.cancelAnimationFrame(i.current), i.current = null), w.current !== null && (window.cancelAnimationFrame(w.current), w.current = null), v.current !== null && (window.clearTimeout(v.current), v.current = null), k.current !== null && (window.cancelAnimationFrame(k.current), k.current = null), C.current?.disconnect(), C.current = null;
+  }, []), f2.useLayoutEffect(() => {
+    if (e && u.current === "following-bottom" && E.current > 0) {
+      D({ behavior: "auto" });
+      return;
+    }
+    N();
+  }, [e, N, D]), { context: Tt, registerMessage: bt };
+}
+function at(e) {
+  let t = f2.useRef(e);
+  return t.current = e, t;
+}
+var it = f2.createContext(null);
+var ut = f2.createContext(null);
+function K() {
+  let e = f2.useContext(it);
+  if (!e)
+    throw new Error("useMessageScroller must be used within a MessageScroller.");
+  return e;
+}
+function Ct() {
+  let e = f2.useContext(ut);
+  if (!e)
+    throw new Error("MessageScrollerItem must be used within a MessageScroller.");
+  return e;
+}
+function Pt() {
+  let { scrollToEnd: e, scrollToMessage: t, scrollToStart: r } = K();
+  return f2.useMemo(() => ({ scrollToEnd: e, scrollToMessage: t, scrollToStart: r }), [e, t, r]);
+}
+function wt() {
+  let { stateStore: e } = K();
+  return f2.useSyncExternalStore(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+function Ot() {
+  let { observeVisibility: e, unobserveVisibility: t, visibilityStore: r } = K(), n = f2.useCallback((l) => r.subscribe(l, e, t), [e, t, r]);
+  return f2.useSyncExternalStore(n, r.getSnapshot, r.getSnapshot);
+}
+function ft({ autoScroll: e = false, children: t, defaultScrollPosition: r = "end", scrollEdgeThreshold: n, scrollPreviousItemPeek: l, scrollMargin: c }) {
+  let { context: S, registerMessage: o } = st({ autoScroll: e, defaultScrollPosition: r, scrollEdgeThreshold: n, scrollPreviousItemPeek: l, scrollMargin: c });
+  return jsx(it.Provider, { value: S, children: jsx(ut.Provider, { value: o, children: t }) });
+}
+function St() {
+  let { pendingDefaultScrollStore: e } = K();
+  return f2.useSyncExternalStore(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+function gt({ children: e, ref: o, ...t }) {
+  let { setRootElement: r } = K(), n = St(), l = f2.useMemo(() => f(r, o), [r, o]);
+  return jsx("div", { ref: l, ...t, ...n ? { "data-pending-scroll": "" } : null, children: e });
+}
+function Rt({ "aria-label": e, children: t, onKeyDown: r, onPointerDown: d, onScroll: n, onTouchMove: l, onWheel: c$1, preserveScrollOnPrepend: S = true, ref: o, role: b, tabIndex: v, ...m }) {
+  let { handleResize: L, preserveScrollOnPrependRef: R, setViewportElement: E, syncAfterScroll: h, userScrollIntent: I, viewportRef: u } = K(), k = St();
+  R.current = S;
+  let j = f2.useCallback((P) => {
+    E(P), f(o)?.(P);
+  }, [o, E]);
+  function _(P) {
+    h(), n?.(P);
+  }
+  function Y(P) {
+    I(), c$1?.(P);
+  }
+  function x(P) {
+    I(), l?.(P);
+  }
+  function V(P) {
+    Ge.has(P.key) && I(), r?.(P);
+  }
+  function W(P) {
+    I(), d?.(P);
+  }
+  return f2.useEffect(() => {
+    let P = u.current;
+    if (!P || typeof ResizeObserver > "u")
+      return;
+    let G = 0, A = new ResizeObserver(() => {
+      window.cancelAnimationFrame(G), G = window.requestAnimationFrame(L);
+    });
+    return A.observe(P), () => {
+      window.cancelAnimationFrame(G), A.disconnect();
+    };
+  }, [L, u]), jsx("div", { ref: j, role: b ?? "region", "aria-label": e ?? "Messages", tabIndex: v ?? 0, onKeyDown: V, onPointerDown: W, onScroll: _, onTouchMove: x, onWheel: Y, ...m, ...k ? { "data-pending-scroll": "" } : null, children: t });
+}
+function pt({ "aria-relevant": e, children: t, ref: r, role: n, spacerClassName: l, ...c$1 }) {
+  let { handleContentChange: S, handleResize: o, setContentElement: b, setSpacerElement: v } = K(), m = f2.useRef(null), L = f2.useCallback((R) => {
+    m.current = R, b(R), f(r)?.(R);
+  }, [r, b]);
+  return f2.useLayoutEffect(() => {
+    let R = m.current;
+    if (!R || (S(), typeof MutationObserver > "u"))
+      return;
+    let E = new MutationObserver(() => {
+      S();
+    });
+    return E.observe(R, { childList: true }), () => E.disconnect();
+  }, [S]), f2.useEffect(() => {
+    let R = m.current;
+    if (!R || typeof ResizeObserver > "u")
+      return;
+    let E = 0, h = new ResizeObserver(() => {
+      window.cancelAnimationFrame(E), E = window.requestAnimationFrame(o);
+    });
+    return h.observe(R), () => {
+      window.cancelAnimationFrame(E), h.disconnect();
+    };
+  }, [o]), jsxs("div", { ref: L, role: n ?? "log", "aria-relevant": e ?? "additions", ...c$1, children: [t, jsx("div", { ref: v, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: l })] });
+}
+function mt({ messageId: e, ref: t, scrollAnchor: r = false, ...n }) {
+  let l = Ct(), c$1 = f2.useRef(null), S = f2.useCallback((o) => {
+    let b = c$1.current;
+    c$1.current = o, e && l(e, o, b), f(t)?.(o);
+  }, [e, t, l]);
+  return jsx("div", { ref: S, "data-message-id": e, "data-scroll-anchor": r ? "true" : "false", ...n });
+}
+function dt({ behavior: e = "smooth", children: t, direction: r = "end", onClick: n, render: l, tabIndex: c, type: S2 = "button", ...o }) {
+  let { scrollToEnd: b$1, scrollToStart: v, stateStore: m } = K(), L = at(n), R = f2.useCallback((u) => m.subscribe(u), [m]), E = f2.useCallback(() => {
+    let u = m.getSnapshot();
+    return r === "start" ? u.start : u.end;
+  }, [r, m]), h = f2.useSyncExternalStore(R, E, E), I = f2.useCallback((u) => {
+    h && (L.current?.(u), u.defaultPrevented || (u.currentTarget.blur(), r === "start" ? v({ behavior: e }) : b$1({ behavior: e })));
+  }, [e, r, h, L, b$1, v]);
+  return S({ defaultTagName: "button", props: d({ type: S2, inert: !h, tabIndex: h ? c : -1, children: t ?? jsxs("span", { children: ["Scroll to ", r] }), onClick: I }, o), render: l, state: { active: h, direction: r }, stateAttributesMapping: { active: (u) => ({ "data-active": u ? "true" : "false" }) } });
+}
+var er = { Provider: ft, Root: gt, Viewport: Rt, Content: pt, Item: mt, Button: dt };
+
+// src/components/message-scroller/MessageScroller.tsx
+import { ArrowDownIcon } from "lucide-react";
+import { useMediaQuery } from "usehooks-ts";
+import { jsx as jsx2, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+function MessageScrollerProvider(props) {
+  return /* @__PURE__ */ jsx2(er.Provider, {
+    ...props
+  });
+}
+function MessageScroller({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(er.Root, {
+    "data-slot": "message-scroller",
+    "data-density": density,
+    className: cn2("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
+    ...props
+  });
+}
+function MessageScrollerViewport({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(er.Viewport, {
+    "data-slot": "message-scroller-viewport",
+    "data-density": density,
+    className: cn2("size-full min-h-0 min-w-0 scroll-fade-b [scrollbar-width:thin] [scrollbar-gutter:stable] overflow-y-auto overscroll-contain contain-content data-autoscrolling:[scrollbar-color:transparent_transparent] data-pending-scroll:invisible", className),
+    ...props
+  });
+}
+function MessageScrollerContent({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(er.Content, {
+    "data-slot": "message-scroller-content",
+    "data-density": density,
+    className: cn2("flex h-max min-h-full flex-col gap-6", className),
+    ...props
+  });
+}
+function MessageScrollerItem({
+  density,
+  className,
+  scrollAnchor = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(er.Item, {
+    "data-slot": "message-scroller-item",
+    "data-density": density,
+    scrollAnchor,
+    className: cn2("min-w-0 shrink-0", className),
+    ...props
+  });
+}
+function MessageScrollerButton({
+  density,
+  direction = "end",
+  behavior,
+  className,
+  children,
+  render,
+  variant = "secondary",
+  size = "icon-sm",
+  ...props
+}) {
+  const isReducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+  return /* @__PURE__ */ jsx2(er.Button, {
+    "data-slot": "message-scroller-button",
+    "data-density": density,
+    "data-variant": variant,
+    "data-size": size,
+    direction,
+    behavior: isReducedMotion ? "instant" : behavior,
+    className: cn2("absolute left-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-opacity duration-120 motion-reduce:transition-none hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:opacity-0 data-[active=true]:opacity-100 data-[direction=end]:bottom-4 data-[direction=start]:top-4 data-[direction=start]:[&_svg]:rotate-180", className),
+    render: render ?? /* @__PURE__ */ jsx2(Button2, {
+      density,
+      variant,
+      size
+    }),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxs2(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx2(ArrowDownIcon, {
+          "aria-hidden": "true"
+        }),
+        /* @__PURE__ */ jsx2("span", {
+          className: "sr-only",
+          children: direction === "end" ? "Scroll to end" : "Scroll to start"
+        })
+      ]
+    })
+  });
+}
+export {
+  MessageScroller,
+  MessageScrollerButton,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerProvider,
+  MessageScrollerViewport,
+  Pt as useMessageScroller,
+  wt as useMessageScrollerScrollable,
+  Ot as useMessageScrollerVisibility
+};

package/dist/components/persian-calendar/PersianCalendar.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps, ReactElement } from "react";
+import type { CalendarProps } from "../calendar/types.js";
+import { DayPicker } from "@daypicker/persian";
+type PersianCalendarProps = ComponentProps<typeof DayPicker> & Pick<CalendarProps, "density" | "buttonVariant">;
+declare function PersianCalendar({ density, className, classNames, showOutsideDays, captionLayout, buttonVariant, components, ...props }: PersianCalendarProps): ReactElement;
+export { PersianCalendar };

package/dist/components/persian-calendar/index.d.ts

@@ -0,0 +1 @@
+export { PersianCalendar } from "./PersianCalendar.js";

package/dist/components/persian-calendar/index.js

@@ -0,0 +1,36 @@
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+import"../../chunk-73rkr9ct.js";
+import {
+  getCalendarClassNames,
+  CalendarDayButton2
+} from "../../chunk-ttyqqw3y.js";
+
+// src/components/persian-calendar/PersianCalendar.tsx
+import { DayPicker } from "@daypicker/persian";
+import { jsx } from "react/jsx-runtime";
+function PersianCalendar({
+  density,
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  components,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DayPicker, {
+    "data-density": density,
+    "data-slot": "calendar",
+    showOutsideDays,
+    captionLayout,
+    className: cn2("group/calendar bg-background p-panel [--cell-size:var(--ag-control-h)]", className),
+    classNames: getCalendarClassNames({ buttonVariant, classNames }),
+    components: { DayButton: CalendarDayButton2, ...components },
+    ...props
+  });
+}
+export {
+  PersianCalendar
+};

package/dist/components/questionnaire/Questionnaire.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentProps, ReactElement } from "react";
+import type { IDensityProps } from "../../density/types.js";
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
+import { type Button } from "../Button.js";
+declare function Questionnaire({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Root> & IDensityProps): ReactElement;
+declare function QuestionnaireProgress({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Progress> & IDensityProps): ReactElement;
+declare function QuestionnaireItem({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Item> & IDensityProps): ReactElement;
+declare function QuestionnaireTitle({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Title> & IDensityProps): ReactElement;
+declare function QuestionnaireDescription({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Description> & IDensityProps): ReactElement;
+declare function QuestionnaireChoices({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Choices> & IDensityProps): ReactElement;
+declare function QuestionnaireChoice({ children, density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Choice> & IDensityProps): ReactElement;
+declare function QuestionnaireChoiceDescription({ density, className, ...props }: ComponentProps<"span"> & IDensityProps): ReactElement;
+declare function QuestionnaireInput({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Input> & IDensityProps): ReactElement;
+declare function QuestionnaireError({ density, className, ...props }: ComponentProps<typeof QuestionnairePrimitive.Error> & IDensityProps): ReactElement;
+declare function QuestionnaireActions({ density, className, ...props }: ComponentProps<"div"> & IDensityProps): ReactElement;
+declare function QuestionnairePrevious({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
+declare function QuestionnaireSkip({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
+declare function QuestionnaireNext({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
+declare function QuestionnaireSubmit({ children, density, className, size, variant, ...props }: ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<ComponentProps<typeof Button>, "size" | "variant"> & IDensityProps): ReactElement;
+export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };

package/dist/components/questionnaire/index.d.ts

@@ -0,0 +1,2 @@
+export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, } from "./Questionnaire.js";
+export type { QuestionnaireChoiceDefinition, QuestionnaireInputType, QuestionnaireItemDefinition, QuestionnaireItemStatus, QuestionnaireShortcutMode, } from "@shadcn/react/questionnaire";