ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/ScrollShadowContainer-C4qXz8gc.js

@@ -1,849 +0,0 @@
-var Ee = Object.defineProperty, Ae = Object.defineProperties;
-var Te = Object.getOwnPropertyDescriptors;
-var B = Object.getOwnPropertySymbols;
-var oe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
-var re = (e, t, r) => t in e ? Ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, p = (e, t) => {
-  for (var r in t || (t = {}))
-    oe.call(t, r) && re(e, r, t[r]);
-  if (B)
-    for (var r of B(t))
-      ne.call(t, r) && re(e, r, t[r]);
-  return e;
-}, v = (e, t) => Ae(e, Te(t));
-var w = (e, t) => {
-  var r = {};
-  for (var n in e)
-    oe.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && B)
-    for (var n of B(e))
-      t.indexOf(n) < 0 && ne.call(e, n) && (r[n] = e[n]);
-  return r;
-};
-import { jsx as S, jsxs as X, Fragment as Ne } from "react/jsx-runtime";
-import * as c from "react";
-import { c as se } from "./index-CR-odn5-.js";
-import "react-dom";
-import { c as ae } from "./utils-2yE78m5l.js";
-function le(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function ue(...e) {
-  return (t) => {
-    let r = !1;
-    const n = e.map((o) => {
-      const l = le(o, t);
-      return !r && typeof l == "function" && (r = !0), l;
-    });
-    if (r)
-      return () => {
-        for (let o = 0; o < n.length; o++) {
-          const l = n[o];
-          typeof l == "function" ? l() : le(e[o], null);
-        }
-      };
-  };
-}
-function _(...e) {
-  return c.useCallback(ue(...e), e);
-}
-// @__NO_SIDE_EFFECTS__
-function xe(e) {
-  const t = /* @__PURE__ */ _e(e), r = c.forwardRef((n, o) => {
-    const u = n, { children: l } = u, s = w(u, ["children"]), a = c.Children.toArray(l), i = a.find(De);
-    if (i) {
-      const h = i.props.children, f = a.map((m) => m === i ? c.Children.count(h) > 1 ? c.Children.only(null) : c.isValidElement(h) ? h.props.children : null : m);
-      return /* @__PURE__ */ S(t, v(p({}, s), { ref: o, children: c.isValidElement(h) ? c.cloneElement(h, void 0, f) : null }));
-    }
-    return /* @__PURE__ */ S(t, v(p({}, s), { ref: o, children: l }));
-  });
-  return r.displayName = `${e}.Slot`, r;
-}
-// @__NO_SIDE_EFFECTS__
-function _e(e) {
-  const t = c.forwardRef((r, n) => {
-    const s = r, { children: o } = s, l = w(s, ["children"]);
-    if (c.isValidElement(o)) {
-      const a = Me(o), i = Oe(l, o.props);
-      return o.type !== c.Fragment && (i.ref = n ? ue(n, a) : a), c.cloneElement(o, i);
-    }
-    return c.Children.count(o) > 1 ? c.Children.only(null) : null;
-  });
-  return t.displayName = `${e}.SlotClone`, t;
-}
-var Le = Symbol("radix.slottable");
-function De(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Le;
-}
-function Oe(e, t) {
-  const r = p({}, t);
-  for (const n in t) {
-    const o = e[n], l = t[n];
-    /^on[A-Z]/.test(n) ? o && l ? r[n] = (...a) => {
-      l(...a), o(...a);
-    } : o && (r[n] = o) : n === "style" ? r[n] = p(p({}, o), l) : n === "className" && (r[n] = [o, l].filter(Boolean).join(" "));
-  }
-  return p(p({}, e), r);
-}
-function Me(e) {
-  var n, o;
-  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
-}
-var We = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], M = We.reduce((e, t) => {
-  const r = /* @__PURE__ */ xe(`Primitive.${t}`), n = c.forwardRef((o, l) => {
-    const u = o, { asChild: s } = u, a = w(u, ["asChild"]), i = s ? r : t;
-    return typeof window != "undefined" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(i, v(p({}, a), { ref: l }));
-  });
-  return n.displayName = `Primitive.${t}`, v(p({}, e), { [t]: n });
-}, {}), G = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-};
-function Ie(e, t) {
-  return c.useReducer((r, n) => {
-    const o = t[r][n];
-    return o != null ? o : r;
-  }, e);
-}
-var W = (e) => {
-  const { present: t, children: r } = e, n = ze(t), o = typeof r == "function" ? r({ present: n.isPresent }) : c.Children.only(r), l = _(n.ref, Ue(o));
-  return typeof r == "function" || n.isPresent ? c.cloneElement(o, { ref: l }) : null;
-};
-W.displayName = "Presence";
-function ze(e) {
-  const [t, r] = c.useState(), n = c.useRef({}), o = c.useRef(e), l = c.useRef("none"), s = e ? "mounted" : "unmounted", [a, i] = Ie(s, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return c.useEffect(() => {
-    const u = F(n.current);
-    l.current = a === "mounted" ? u : "none";
-  }, [a]), G(() => {
-    const u = n.current, h = o.current;
-    if (h !== e) {
-      const m = l.current, d = F(u);
-      e ? i("MOUNT") : d === "none" || (u == null ? void 0 : u.display) === "none" ? i("UNMOUNT") : i(h && m !== d ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
-    }
-  }, [e, i]), G(() => {
-    var u;
-    if (t) {
-      let h;
-      const f = (u = t.ownerDocument.defaultView) != null ? u : window, m = (b) => {
-        const P = F(n.current).includes(b.animationName);
-        if (b.target === t && P && (i("ANIMATION_END"), !o.current)) {
-          const y = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", h = f.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
-          });
-        }
-      }, d = (b) => {
-        b.target === t && (l.current = F(n.current));
-      };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
-        f.clearTimeout(h), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
-      };
-    } else
-      i("ANIMATION_END");
-  }, [t, i]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(a),
-    ref: c.useCallback((u) => {
-      u && (n.current = getComputedStyle(u)), r(u);
-    }, [])
-  };
-}
-function F(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-function Ue(e) {
-  var n, o;
-  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
-}
-function He(e, t = []) {
-  let r = [];
-  function n(l, s) {
-    const a = c.createContext(s), i = r.length;
-    r = [...r, s];
-    const u = (f) => {
-      var T;
-      const y = f, { scope: m, children: d } = y, b = w(y, ["scope", "children"]), C = ((T = m == null ? void 0 : m[e]) == null ? void 0 : T[i]) || a, P = c.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ S(C.Provider, { value: P, children: d });
-    };
-    u.displayName = l + "Provider";
-    function h(f, m) {
-      var C;
-      const d = ((C = m == null ? void 0 : m[e]) == null ? void 0 : C[i]) || a, b = c.useContext(d);
-      if (b) return b;
-      if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${l}\``);
-    }
-    return [u, h];
-  }
-  const o = () => {
-    const l = r.map((s) => c.createContext(s));
-    return function(a) {
-      const i = (a == null ? void 0 : a[e]) || l;
-      return c.useMemo(
-        () => ({ [`__scope${e}`]: v(p({}, a), { [e]: i }) }),
-        [a, i]
-      );
-    };
-  };
-  return o.scopeName = e, [n, Ve(o, ...t)];
-}
-function Ve(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const r = () => {
-    const n = e.map((o) => ({
-      useScope: o(),
-      scopeName: o.scopeName
-    }));
-    return function(l) {
-      const s = n.reduce((a, { useScope: i, scopeName: u }) => {
-        const f = i(l)[`__scope${u}`];
-        return p(p({}, a), f);
-      }, {});
-      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
-    };
-  };
-  return r.scopeName = t.scopeName, r;
-}
-function N(e) {
-  const t = c.useRef(e);
-  return c.useEffect(() => {
-    t.current = e;
-  }), c.useMemo(() => (...r) => {
-    var n;
-    return (n = t.current) == null ? void 0 : n.call(t, ...r);
-  }, []);
-}
-var Be = c.createContext(void 0);
-function Fe(e) {
-  const t = c.useContext(Be);
-  return e || t || "ltr";
-}
-function Xe(e, [t, r]) {
-  return Math.min(r, Math.max(t, e));
-}
-function x(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), r === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
-  };
-}
-function Ye(e, t) {
-  return c.useReducer((r, n) => {
-    const o = t[r][n];
-    return o != null ? o : r;
-  }, e);
-}
-var J = "ScrollArea", [de, ut] = He(J), [ke, R] = de(J), fe = c.forwardRef(
-  (e, t) => {
-    const E = e, {
-      __scopeScrollArea: r,
-      type: n = "hover",
-      dir: o,
-      scrollHideDelay: l = 600
-    } = E, s = w(E, [
-      "__scopeScrollArea",
-      "type",
-      "dir",
-      "scrollHideDelay"
-    ]), [a, i] = c.useState(null), [u, h] = c.useState(null), [f, m] = c.useState(null), [d, b] = c.useState(null), [C, P] = c.useState(null), [y, T] = c.useState(0), [Z, I] = c.useState(0), [z, O] = c.useState(!1), [U, H] = c.useState(!1), V = _(t, (L) => i(L)), g = Fe(o);
-    return /* @__PURE__ */ S(
-      ke,
-      {
-        scope: r,
-        type: n,
-        dir: g,
-        scrollHideDelay: l,
-        scrollArea: a,
-        viewport: u,
-        onViewportChange: h,
-        content: f,
-        onContentChange: m,
-        scrollbarX: d,
-        onScrollbarXChange: b,
-        scrollbarXEnabled: z,
-        onScrollbarXEnabledChange: O,
-        scrollbarY: C,
-        onScrollbarYChange: P,
-        scrollbarYEnabled: U,
-        onScrollbarYEnabledChange: H,
-        onCornerWidthChange: T,
-        onCornerHeightChange: I,
-        children: /* @__PURE__ */ S(
-          M.div,
-          v(p({
-            dir: g
-          }, s), {
-            ref: V,
-            style: p({
-              position: "relative",
-              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": y + "px",
-              "--radix-scroll-area-corner-height": Z + "px"
-            }, e.style)
-          })
-        )
-      }
-    );
-  }
-);
-fe.displayName = J;
-var he = "ScrollAreaViewport", me = c.forwardRef(
-  (e, t) => {
-    const u = e, { __scopeScrollArea: r, children: n, nonce: o } = u, l = w(u, ["__scopeScrollArea", "children", "nonce"]), s = R(he, r), a = c.useRef(null), i = _(t, a, s.onViewportChange);
-    return /* @__PURE__ */ X(Ne, { children: [
-      /* @__PURE__ */ S(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
-          },
-          nonce: o
-        }
-      ),
-      /* @__PURE__ */ S(
-        M.div,
-        v(p({
-          "data-radix-scroll-area-viewport": ""
-        }, l), {
-          ref: i,
-          style: p({
-            /**
-             * We don't support `visible` because the intention is to have at least one scrollbar
-             * if this component is used and `visible` will behave like `auto` in that case
-             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
-             *
-             * We don't handle `auto` because the intention is for the native implementation
-             * to be hidden if using this component. We just want to ensure the node is scrollable
-             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-             * the browser from having to work out whether to render native scrollbars or not,
-             * we tell it to with the intention of hiding them in CSS.
-             */
-            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden"
-          }, e.style),
-          children: /* @__PURE__ */ S("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
-        })
-      )
-    ] });
-  }
-);
-me.displayName = he;
-var A = "ScrollAreaScrollbar", K = c.forwardRef(
-  (e, t) => {
-    const i = e, { forceMount: r } = i, n = w(i, ["forceMount"]), o = R(A, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: s } = o, a = e.orientation === "horizontal";
-    return c.useEffect(() => (a ? l(!0) : s(!0), () => {
-      a ? l(!1) : s(!1);
-    }), [a, l, s]), o.type === "hover" ? /* @__PURE__ */ S($e, v(p({}, n), { ref: t, forceMount: r })) : o.type === "scroll" ? /* @__PURE__ */ S(je, v(p({}, n), { ref: t, forceMount: r })) : o.type === "auto" ? /* @__PURE__ */ S(pe, v(p({}, n), { ref: t, forceMount: r })) : o.type === "always" ? /* @__PURE__ */ S(Q, v(p({}, n), { ref: t })) : null;
-  }
-);
-K.displayName = A;
-var $e = c.forwardRef((e, t) => {
-  const a = e, { forceMount: r } = a, n = w(a, ["forceMount"]), o = R(A, e.__scopeScrollArea), [l, s] = c.useState(!1);
-  return c.useEffect(() => {
-    const i = o.scrollArea;
-    let u = 0;
-    if (i) {
-      const h = () => {
-        window.clearTimeout(u), s(!0);
-      }, f = () => {
-        u = window.setTimeout(() => s(!1), o.scrollHideDelay);
-      };
-      return i.addEventListener("pointerenter", h), i.addEventListener("pointerleave", f), () => {
-        window.clearTimeout(u), i.removeEventListener("pointerenter", h), i.removeEventListener("pointerleave", f);
-      };
-    }
-  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ S(W, { present: r || l, children: /* @__PURE__ */ S(
-    pe,
-    v(p({
-      "data-state": l ? "visible" : "hidden"
-    }, n), {
-      ref: t
-    })
-  ) });
-}), je = c.forwardRef((e, t) => {
-  const u = e, { forceMount: r } = u, n = w(u, ["forceMount"]), o = R(A, e.__scopeScrollArea), l = e.orientation === "horizontal", s = q(() => i("SCROLL_END"), 100), [a, i] = Ye("hidden", {
-    hidden: {
-      SCROLL: "scrolling"
-    },
-    scrolling: {
-      SCROLL_END: "idle",
-      POINTER_ENTER: "interacting"
-    },
-    interacting: {
-      SCROLL: "interacting",
-      POINTER_LEAVE: "idle"
-    },
-    idle: {
-      HIDE: "hidden",
-      SCROLL: "scrolling",
-      POINTER_ENTER: "interacting"
-    }
-  });
-  return c.useEffect(() => {
-    if (a === "idle") {
-      const h = window.setTimeout(() => i("HIDE"), o.scrollHideDelay);
-      return () => window.clearTimeout(h);
-    }
-  }, [a, o.scrollHideDelay, i]), c.useEffect(() => {
-    const h = o.viewport, f = l ? "scrollLeft" : "scrollTop";
-    if (h) {
-      let m = h[f];
-      const d = () => {
-        const b = h[f];
-        m !== b && (i("SCROLL"), s()), m = b;
-      };
-      return h.addEventListener("scroll", d), () => h.removeEventListener("scroll", d);
-    }
-  }, [o.viewport, l, i, s]), /* @__PURE__ */ S(W, { present: r || a !== "hidden", children: /* @__PURE__ */ S(
-    Q,
-    v(p({
-      "data-state": a === "hidden" ? "hidden" : "visible"
-    }, n), {
-      ref: t,
-      onPointerEnter: x(e.onPointerEnter, () => i("POINTER_ENTER")),
-      onPointerLeave: x(e.onPointerLeave, () => i("POINTER_LEAVE"))
-    })
-  ) });
-}), pe = c.forwardRef((e, t) => {
-  const r = R(A, e.__scopeScrollArea), u = e, { forceMount: n } = u, o = w(u, ["forceMount"]), [l, s] = c.useState(!1), a = e.orientation === "horizontal", i = q(() => {
-    if (r.viewport) {
-      const h = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      s(a ? h : f);
-    }
-  }, 10);
-  return D(r.viewport, i), D(r.content, i), /* @__PURE__ */ S(W, { present: n || l, children: /* @__PURE__ */ S(
-    Q,
-    v(p({
-      "data-state": l ? "visible" : "hidden"
-    }, o), {
-      ref: t
-    })
-  ) });
-}), Q = c.forwardRef((e, t) => {
-  const m = e, { orientation: r = "vertical" } = m, n = w(m, ["orientation"]), o = R(A, e.__scopeScrollArea), l = c.useRef(null), s = c.useRef(0), [a, i] = c.useState({
-    content: 0,
-    viewport: 0,
-    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = ge(a.viewport, a.content), h = v(p({}, n), {
-    sizes: a,
-    onSizesChange: i,
-    hasThumb: u > 0 && u < 1,
-    onThumbChange: (d) => l.current = d,
-    onThumbPointerUp: () => s.current = 0,
-    onThumbPointerDown: (d) => s.current = d
-  });
-  function f(d, b) {
-    return Qe(d, s.current, a, b);
-  }
-  return r === "horizontal" ? /* @__PURE__ */ S(
-    qe,
-    v(p({}, h), {
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && l.current) {
-          const d = o.viewport.scrollLeft, b = ce(d, a, o.dir);
-          l.current.style.transform = `translate3d(${b}px, 0, 0)`;
-        }
-      },
-      onWheelScroll: (d) => {
-        o.viewport && (o.viewport.scrollLeft = d);
-      },
-      onDragScroll: (d) => {
-        o.viewport && (o.viewport.scrollLeft = f(d, o.dir));
-      }
-    })
-  ) : r === "vertical" ? /* @__PURE__ */ S(
-    Ze,
-    v(p({}, h), {
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && l.current) {
-          const d = o.viewport.scrollTop, b = ce(d, a);
-          l.current.style.transform = `translate3d(0, ${b}px, 0)`;
-        }
-      },
-      onWheelScroll: (d) => {
-        o.viewport && (o.viewport.scrollTop = d);
-      },
-      onDragScroll: (d) => {
-        o.viewport && (o.viewport.scrollTop = f(d));
-      }
-    })
-  ) : null;
-}), qe = c.forwardRef((e, t) => {
-  const h = e, { sizes: r, onSizesChange: n } = h, o = w(h, ["sizes", "onSizesChange"]), l = R(A, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), u = _(t, i, l.onScrollbarXChange);
-  return c.useEffect(() => {
-    i.current && a(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ S(
-    be,
-    v(p({
-      "data-orientation": "horizontal"
-    }, o), {
-      ref: u,
-      sizes: r,
-      style: p({
-        bottom: 0,
-        left: l.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-        right: l.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": j(r) + "px"
-      }, e.style),
-      onThumbPointerDown: (f) => e.onThumbPointerDown(f.x),
-      onDragScroll: (f) => e.onDragScroll(f.x),
-      onWheelScroll: (f, m) => {
-        if (l.viewport) {
-          const d = l.viewport.scrollLeft + f.deltaX;
-          e.onWheelScroll(d), Pe(d, m) && f.preventDefault();
-        }
-      },
-      onResize: () => {
-        i.current && l.viewport && s && n({
-          content: l.viewport.scrollWidth,
-          viewport: l.viewport.offsetWidth,
-          scrollbar: {
-            size: i.current.clientWidth,
-            paddingStart: k(s.paddingLeft),
-            paddingEnd: k(s.paddingRight)
-          }
-        });
-      }
-    })
-  );
-}), Ze = c.forwardRef((e, t) => {
-  const h = e, { sizes: r, onSizesChange: n } = h, o = w(h, ["sizes", "onSizesChange"]), l = R(A, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), u = _(t, i, l.onScrollbarYChange);
-  return c.useEffect(() => {
-    i.current && a(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ S(
-    be,
-    v(p({
-      "data-orientation": "vertical"
-    }, o), {
-      ref: u,
-      sizes: r,
-      style: p({
-        top: 0,
-        right: l.dir === "ltr" ? 0 : void 0,
-        left: l.dir === "rtl" ? 0 : void 0,
-        bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": j(r) + "px"
-      }, e.style),
-      onThumbPointerDown: (f) => e.onThumbPointerDown(f.y),
-      onDragScroll: (f) => e.onDragScroll(f.y),
-      onWheelScroll: (f, m) => {
-        if (l.viewport) {
-          const d = l.viewport.scrollTop + f.deltaY;
-          e.onWheelScroll(d), Pe(d, m) && f.preventDefault();
-        }
-      },
-      onResize: () => {
-        i.current && l.viewport && s && n({
-          content: l.viewport.scrollHeight,
-          viewport: l.viewport.offsetHeight,
-          scrollbar: {
-            size: i.current.clientHeight,
-            paddingStart: k(s.paddingTop),
-            paddingEnd: k(s.paddingBottom)
-          }
-        });
-      }
-    })
-  );
-}), [Ge, Se] = de(A), be = c.forwardRef((e, t) => {
-  const V = e, {
-    __scopeScrollArea: r,
-    sizes: n,
-    hasThumb: o,
-    onThumbChange: l,
-    onThumbPointerUp: s,
-    onThumbPointerDown: a,
-    onThumbPositionChange: i,
-    onDragScroll: u,
-    onWheelScroll: h,
-    onResize: f
-  } = V, m = w(V, [
-    "__scopeScrollArea",
-    "sizes",
-    "hasThumb",
-    "onThumbChange",
-    "onThumbPointerUp",
-    "onThumbPointerDown",
-    "onThumbPositionChange",
-    "onDragScroll",
-    "onWheelScroll",
-    "onResize"
-  ]), d = R(A, r), [b, C] = c.useState(null), P = _(t, (g) => C(g)), y = c.useRef(null), T = c.useRef(""), Z = d.viewport, I = n.content - n.viewport, z = N(h), O = N(i), U = q(f, 10);
-  function H(g) {
-    if (y.current) {
-      const E = g.clientX - y.current.left, L = g.clientY - y.current.top;
-      u({ x: E, y: L });
-    }
-  }
-  return c.useEffect(() => {
-    const g = (E) => {
-      const L = E.target;
-      (b == null ? void 0 : b.contains(L)) && z(E, I);
-    };
-    return document.addEventListener("wheel", g, { passive: !1 }), () => document.removeEventListener("wheel", g, { passive: !1 });
-  }, [Z, b, I, z]), c.useEffect(O, [n, O]), D(b, U), D(d.content, U), /* @__PURE__ */ S(
-    Ge,
-    {
-      scope: r,
-      scrollbar: b,
-      hasThumb: o,
-      onThumbChange: N(l),
-      onThumbPointerUp: N(s),
-      onThumbPositionChange: O,
-      onThumbPointerDown: N(a),
-      children: /* @__PURE__ */ S(
-        M.div,
-        v(p({}, m), {
-          ref: P,
-          style: p({ position: "absolute" }, m.style),
-          onPointerDown: x(e.onPointerDown, (g) => {
-            g.button === 0 && (g.target.setPointerCapture(g.pointerId), y.current = b.getBoundingClientRect(), T.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", d.viewport && (d.viewport.style.scrollBehavior = "auto"), H(g));
-          }),
-          onPointerMove: x(e.onPointerMove, H),
-          onPointerUp: x(e.onPointerUp, (g) => {
-            const E = g.target;
-            E.hasPointerCapture(g.pointerId) && E.releasePointerCapture(g.pointerId), document.body.style.webkitUserSelect = T.current, d.viewport && (d.viewport.style.scrollBehavior = ""), y.current = null;
-          })
-        })
-      )
-    }
-  );
-}), Y = "ScrollAreaThumb", ve = c.forwardRef(
-  (e, t) => {
-    const l = e, { forceMount: r } = l, n = w(l, ["forceMount"]), o = Se(Y, e.__scopeScrollArea);
-    return /* @__PURE__ */ S(W, { present: r || o.hasThumb, children: /* @__PURE__ */ S(Je, p({ ref: t }, n)) });
-  }
-), Je = c.forwardRef(
-  (e, t) => {
-    const f = e, { __scopeScrollArea: r, style: n } = f, o = w(f, ["__scopeScrollArea", "style"]), l = R(Y, r), s = Se(Y, r), { onThumbPositionChange: a } = s, i = _(
-      t,
-      (m) => s.onThumbChange(m)
-    ), u = c.useRef(void 0), h = q(() => {
-      u.current && (u.current(), u.current = void 0);
-    }, 100);
-    return c.useEffect(() => {
-      const m = l.viewport;
-      if (m) {
-        const d = () => {
-          if (h(), !u.current) {
-            const b = et(m, a);
-            u.current = b, a();
-          }
-        };
-        return a(), m.addEventListener("scroll", d), () => m.removeEventListener("scroll", d);
-      }
-    }, [l.viewport, h, a]), /* @__PURE__ */ S(
-      M.div,
-      v(p({
-        "data-state": s.hasThumb ? "visible" : "hidden"
-      }, o), {
-        ref: i,
-        style: p({
-          width: "var(--radix-scroll-area-thumb-width)",
-          height: "var(--radix-scroll-area-thumb-height)"
-        }, n),
-        onPointerDownCapture: x(e.onPointerDownCapture, (m) => {
-          const b = m.target.getBoundingClientRect(), C = m.clientX - b.left, P = m.clientY - b.top;
-          s.onThumbPointerDown({ x: C, y: P });
-        }),
-        onPointerUp: x(e.onPointerUp, s.onThumbPointerUp)
-      })
-    );
-  }
-);
-ve.displayName = Y;
-var ee = "ScrollAreaCorner", we = c.forwardRef(
-  (e, t) => {
-    const r = R(ee, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && n ? /* @__PURE__ */ S(Ke, v(p({}, e), { ref: t })) : null;
-  }
-);
-we.displayName = ee;
-var Ke = c.forwardRef((e, t) => {
-  const h = e, { __scopeScrollArea: r } = h, n = w(h, ["__scopeScrollArea"]), o = R(ee, r), [l, s] = c.useState(0), [a, i] = c.useState(0), u = !!(l && a);
-  return D(o.scrollbarX, () => {
-    var m;
-    const f = ((m = o.scrollbarX) == null ? void 0 : m.offsetHeight) || 0;
-    o.onCornerHeightChange(f), i(f);
-  }), D(o.scrollbarY, () => {
-    var m;
-    const f = ((m = o.scrollbarY) == null ? void 0 : m.offsetWidth) || 0;
-    o.onCornerWidthChange(f), s(f);
-  }), u ? /* @__PURE__ */ S(
-    M.div,
-    v(p({}, n), {
-      ref: t,
-      style: p({
-        width: l,
-        height: a,
-        position: "absolute",
-        right: o.dir === "ltr" ? 0 : void 0,
-        left: o.dir === "rtl" ? 0 : void 0,
-        bottom: 0
-      }, e.style)
-    })
-  ) : null;
-});
-function k(e) {
-  return e ? parseInt(e, 10) : 0;
-}
-function ge(e, t) {
-  const r = e / t;
-  return isNaN(r) ? 0 : r;
-}
-function j(e) {
-  const t = ge(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * t;
-  return Math.max(n, 18);
-}
-function Qe(e, t, r, n = "ltr") {
-  const o = j(r), l = o / 2, s = t || l, a = o - s, i = r.scrollbar.paddingStart + s, u = r.scrollbar.size - r.scrollbar.paddingEnd - a, h = r.content - r.viewport, f = n === "ltr" ? [0, h] : [h * -1, 0];
-  return Ce([i, u], f)(e);
-}
-function ce(e, t, r = "ltr") {
-  const n = j(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, l = t.scrollbar.size - o, s = t.content - t.viewport, a = l - n, i = r === "ltr" ? [0, s] : [s * -1, 0], u = Xe(e, i);
-  return Ce([0, s], [0, a])(u);
-}
-function Ce(e, t) {
-  return (r) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const n = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + n * (r - e[0]);
-  };
-}
-function Pe(e, t) {
-  return e > 0 && e < t;
-}
-var et = (e, t = () => {
-}) => {
-  let r = { left: e.scrollLeft, top: e.scrollTop }, n = 0;
-  return function o() {
-    const l = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== l.left, a = r.top !== l.top;
-    (s || a) && t(), r = l, n = window.requestAnimationFrame(o);
-  }(), () => window.cancelAnimationFrame(n);
-};
-function q(e, t) {
-  const r = N(e), n = c.useRef(0);
-  return c.useEffect(() => () => window.clearTimeout(n.current), []), c.useCallback(() => {
-    window.clearTimeout(n.current), n.current = window.setTimeout(r, t);
-  }, [r, t]);
-}
-function D(e, t) {
-  const r = N(t);
-  G(() => {
-    let n = 0;
-    if (e) {
-      const o = new ResizeObserver(() => {
-        cancelAnimationFrame(n), n = window.requestAnimationFrame(r);
-      });
-      return o.observe(e), () => {
-        window.cancelAnimationFrame(n), o.unobserve(e);
-      };
-    }
-  }, [e, r]);
-}
-var te = fe, ye = me, Re = we;
-const tt = c.forwardRef((o, n) => {
-  var l = o, { className: e, children: t } = l, r = w(l, ["className", "children"]);
-  return /* @__PURE__ */ X(te, v(p({ ref: n, className: ae("relative overflow-hidden", e) }, r), { children: [
-    /* @__PURE__ */ S(ye, { className: "h-full w-full rounded-[inherit]", children: t }),
-    /* @__PURE__ */ S($, { orientation: "vertical" }),
-    /* @__PURE__ */ S($, { orientation: "horizontal" }),
-    /* @__PURE__ */ S(Re, {})
-  ] }));
-});
-tt.displayName = te.displayName;
-const $ = c.forwardRef((o, n) => {
-  var l = o, { className: e, orientation: t = "vertical" } = l, r = w(l, ["className", "orientation"]);
-  return /* @__PURE__ */ S(
-    K,
-    v(p({
-      ref: n,
-      orientation: t,
-      className: ae(
-        "flex touch-none select-none transition-colors",
-        t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[2px]",
-        t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[2px]",
-        e
-      )
-    }, r), {
-      children: /* @__PURE__ */ S(ve, { className: "relative flex-1 rounded-full bg-secondary-border" })
-    })
-  );
-});
-$.displayName = K.displayName;
-const rt = se({
-  base: "relative overflow-hidden",
-  slots: {
-    content: "h-full w-full"
-  }
-}), ie = se({
-  base: "pointer-events-none absolute left-0 right-0 z-10 h-[6px] from-primary-fg to-transparent opacity-[0.06]",
-  variants: {
-    position: {
-      top: "top-0 bg-gradient-to-b",
-      bottom: "bottom-0 bg-gradient-to-t"
-    }
-  }
-}), ot = c.forwardRef(
-  (a, s) => {
-    var i = a, { className: e, children: t, shadowTopClassName: r, shadowBottomClassName: n, wrapperClassName: o } = i, l = w(i, ["className", "children", "shadowTopClassName", "shadowBottomClassName", "wrapperClassName"]);
-    const [u, h] = c.useState(!1), [f, m] = c.useState(!1), d = c.useRef(null), b = rt();
-    c.useImperativeHandle(s, () => d.current);
-    const C = c.useCallback(() => {
-      if (!d.current) return;
-      const { scrollTop: P, scrollHeight: y, clientHeight: T } = d.current;
-      h(P > 0), m(P < y - T - 1);
-    }, []);
-    return c.useEffect(() => {
-      const P = d.current;
-      if (P)
-        return C(), P.addEventListener("scroll", C), () => P.removeEventListener("scroll", C);
-    }, [C]), /* @__PURE__ */ X("div", v(p({ className: b.base({ className: o }) }, l), { children: [
-      u && /* @__PURE__ */ S("div", { className: ie({ position: "top", className: r }) }),
-      /* @__PURE__ */ X(te, { ref: s, className: b.content({ className: e }), children: [
-        /* @__PURE__ */ S(ye, { ref: d, className: b.content(), onScroll: C, children: t }),
-        /* @__PURE__ */ S($, { orientation: "vertical" }),
-        /* @__PURE__ */ S(Re, {})
-      ] }),
-      f && /* @__PURE__ */ S("div", { className: ie({ position: "bottom", className: n }) })
-    ] }));
-  }
-);
-ot.displayName = "ScrollShadowContainer";
-export {
-  ot as S
-};
-//# sourceMappingURL=ScrollShadowContainer-C4qXz8gc.js.map