ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/ScrollShadowContainer-DSKr3_fV.js

@@ -1,690 +0,0 @@
-var Re = Object.defineProperty, Ee = Object.defineProperties;
-var Ae = Object.getOwnPropertyDescriptors;
-var Y = Object.getOwnPropertySymbols;
-var oe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
-var re = (e, t, r) => t in e ? Re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, S = (e, t) => {
-  for (var r in t || (t = {}))
-    oe.call(t, r) && re(e, r, t[r]);
-  if (Y)
-    for (var r of Y(t))
-      ne.call(t, r) && re(e, r, t[r]);
-  return e;
-}, v = (e, t) => Ee(e, Ae(t));
-var g = (e, t) => {
-  var r = {};
-  for (var n in e)
-    oe.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && Y)
-    for (var n of Y(e))
-      t.indexOf(n) < 0 && ne.call(e, n) && (r[n] = e[n]);
-  return r;
-};
-import { jsx as p, jsxs as k, Fragment as Te } from "react/jsx-runtime";
-import * as c from "react";
-import { c as ie } from "./index-CR-odn5-.js";
-import { P as M } from "./index-C6t9z3on.js";
-import { u as x, c as N, a as y } from "./index-BqriTm0o.js";
-import { u as J, c as ye } from "./index-DeUgDpdG.js";
-import { u as Ne } from "./index-ByaXH_ih.js";
-import { c as ae } from "./utils-DGzAmwok.js";
-function xe(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 = Le(t), o = typeof r == "function" ? r({ present: n.isPresent }) : c.Children.only(r), l = x(n.ref, _e(o));
-  return typeof r == "function" || n.isPresent ? c.cloneElement(o, { ref: l }) : null;
-};
-W.displayName = "Presence";
-function Le(e) {
-  const [t, r] = c.useState(), n = c.useRef({}), o = c.useRef(e), l = c.useRef("none"), a = e ? "mounted" : "unmounted", [u, i] = xe(a, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return c.useEffect(() => {
-    const s = F(n.current);
-    l.current = u === "mounted" ? s : "none";
-  }, [u]), J(() => {
-    const s = n.current, h = o.current;
-    if (h !== e) {
-      const m = l.current, d = F(s);
-      e ? i("MOUNT") : d === "none" || (s == null ? void 0 : s.display) === "none" ? i("UNMOUNT") : i(h && m !== d ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
-    }
-  }, [e, i]), J(() => {
-    var s;
-    if (t) {
-      let h;
-      const f = (s = t.ownerDocument.defaultView) != null ? s : window, m = (b) => {
-        const P = F(n.current).includes(b.animationName);
-        if (b.target === t && P && (i("ANIMATION_END"), !o.current)) {
-          const E = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", h = f.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = E);
-          });
-        }
-      }, 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(u),
-    ref: c.useCallback((s) => {
-      s && (n.current = getComputedStyle(s)), r(s);
-    }, [])
-  };
-}
-function F(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-function _e(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 De(e, [t, r]) {
-  return Math.min(r, Math.max(t, e));
-}
-function Oe(e, t) {
-  return c.useReducer((r, n) => {
-    const o = t[r][n];
-    return o != null ? o : r;
-  }, e);
-}
-var K = "ScrollArea", [se, rt] = ye(K), [Me, R] = se(K), de = c.forwardRef(
-  (e, t) => {
-    const A = e, {
-      __scopeScrollArea: r,
-      type: n = "hover",
-      dir: o,
-      scrollHideDelay: l = 600
-    } = A, a = g(A, [
-      "__scopeScrollArea",
-      "type",
-      "dir",
-      "scrollHideDelay"
-    ]), [u, i] = c.useState(null), [s, h] = c.useState(null), [f, m] = c.useState(null), [d, b] = c.useState(null), [C, P] = c.useState(null), [E, L] = c.useState(0), [G, I] = c.useState(0), [H, O] = c.useState(!1), [z, U] = c.useState(!1), X = x(t, (_) => i(_)), w = Ne(o);
-    return /* @__PURE__ */ p(
-      Me,
-      {
-        scope: r,
-        type: n,
-        dir: w,
-        scrollHideDelay: l,
-        scrollArea: u,
-        viewport: s,
-        onViewportChange: h,
-        content: f,
-        onContentChange: m,
-        scrollbarX: d,
-        onScrollbarXChange: b,
-        scrollbarXEnabled: H,
-        onScrollbarXEnabledChange: O,
-        scrollbarY: C,
-        onScrollbarYChange: P,
-        scrollbarYEnabled: z,
-        onScrollbarYEnabledChange: U,
-        onCornerWidthChange: L,
-        onCornerHeightChange: I,
-        children: /* @__PURE__ */ p(
-          M.div,
-          v(S({
-            dir: w
-          }, a), {
-            ref: X,
-            style: S({
-              position: "relative",
-              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": E + "px",
-              "--radix-scroll-area-corner-height": G + "px"
-            }, e.style)
-          })
-        )
-      }
-    );
-  }
-);
-de.displayName = K;
-var ue = "ScrollAreaViewport", fe = c.forwardRef(
-  (e, t) => {
-    const s = e, { __scopeScrollArea: r, children: n, nonce: o } = s, l = g(s, ["__scopeScrollArea", "children", "nonce"]), a = R(ue, r), u = c.useRef(null), i = x(t, u, a.onViewportChange);
-    return /* @__PURE__ */ k(Te, { children: [
-      /* @__PURE__ */ p(
-        "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__ */ p(
-        M.div,
-        v(S({
-          "data-radix-scroll-area-viewport": ""
-        }, l), {
-          ref: i,
-          style: S({
-            /**
-             * 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: a.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: a.scrollbarYEnabled ? "scroll" : "hidden"
-          }, e.style),
-          children: /* @__PURE__ */ p("div", { ref: a.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
-        })
-      )
-    ] });
-  }
-);
-fe.displayName = ue;
-var T = "ScrollAreaScrollbar", Q = c.forwardRef(
-  (e, t) => {
-    const i = e, { forceMount: r } = i, n = g(i, ["forceMount"]), o = R(T, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: a } = o, u = e.orientation === "horizontal";
-    return c.useEffect(() => (u ? l(!0) : a(!0), () => {
-      u ? l(!1) : a(!1);
-    }), [u, l, a]), o.type === "hover" ? /* @__PURE__ */ p(We, v(S({}, n), { ref: t, forceMount: r })) : o.type === "scroll" ? /* @__PURE__ */ p(Ie, v(S({}, n), { ref: t, forceMount: r })) : o.type === "auto" ? /* @__PURE__ */ p(he, v(S({}, n), { ref: t, forceMount: r })) : o.type === "always" ? /* @__PURE__ */ p(Z, v(S({}, n), { ref: t })) : null;
-  }
-);
-Q.displayName = T;
-var We = c.forwardRef((e, t) => {
-  const u = e, { forceMount: r } = u, n = g(u, ["forceMount"]), o = R(T, e.__scopeScrollArea), [l, a] = c.useState(!1);
-  return c.useEffect(() => {
-    const i = o.scrollArea;
-    let s = 0;
-    if (i) {
-      const h = () => {
-        window.clearTimeout(s), a(!0);
-      }, f = () => {
-        s = window.setTimeout(() => a(!1), o.scrollHideDelay);
-      };
-      return i.addEventListener("pointerenter", h), i.addEventListener("pointerleave", f), () => {
-        window.clearTimeout(s), i.removeEventListener("pointerenter", h), i.removeEventListener("pointerleave", f);
-      };
-    }
-  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ p(W, { present: r || l, children: /* @__PURE__ */ p(
-    he,
-    v(S({
-      "data-state": l ? "visible" : "hidden"
-    }, n), {
-      ref: t
-    })
-  ) });
-}), Ie = c.forwardRef((e, t) => {
-  const s = e, { forceMount: r } = s, n = g(s, ["forceMount"]), o = R(T, e.__scopeScrollArea), l = e.orientation === "horizontal", a = q(() => i("SCROLL_END"), 100), [u, i] = Oe("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 (u === "idle") {
-      const h = window.setTimeout(() => i("HIDE"), o.scrollHideDelay);
-      return () => window.clearTimeout(h);
-    }
-  }, [u, 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"), a()), m = b;
-      };
-      return h.addEventListener("scroll", d), () => h.removeEventListener("scroll", d);
-    }
-  }, [o.viewport, l, i, a]), /* @__PURE__ */ p(W, { present: r || u !== "hidden", children: /* @__PURE__ */ p(
-    Z,
-    v(S({
-      "data-state": u === "hidden" ? "hidden" : "visible"
-    }, n), {
-      ref: t,
-      onPointerEnter: N(e.onPointerEnter, () => i("POINTER_ENTER")),
-      onPointerLeave: N(e.onPointerLeave, () => i("POINTER_LEAVE"))
-    })
-  ) });
-}), he = c.forwardRef((e, t) => {
-  const r = R(T, e.__scopeScrollArea), s = e, { forceMount: n } = s, o = g(s, ["forceMount"]), [l, a] = c.useState(!1), u = e.orientation === "horizontal", i = q(() => {
-    if (r.viewport) {
-      const h = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      a(u ? h : f);
-    }
-  }, 10);
-  return D(r.viewport, i), D(r.content, i), /* @__PURE__ */ p(W, { present: n || l, children: /* @__PURE__ */ p(
-    Z,
-    v(S({
-      "data-state": l ? "visible" : "hidden"
-    }, o), {
-      ref: t
-    })
-  ) });
-}), Z = c.forwardRef((e, t) => {
-  const m = e, { orientation: r = "vertical" } = m, n = g(m, ["orientation"]), o = R(T, e.__scopeScrollArea), l = c.useRef(null), a = c.useRef(0), [u, i] = c.useState({
-    content: 0,
-    viewport: 0,
-    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), s = ve(u.viewport, u.content), h = v(S({}, n), {
-    sizes: u,
-    onSizesChange: i,
-    hasThumb: s > 0 && s < 1,
-    onThumbChange: (d) => l.current = d,
-    onThumbPointerUp: () => a.current = 0,
-    onThumbPointerDown: (d) => a.current = d
-  });
-  function f(d, b) {
-    return Fe(d, a.current, u, b);
-  }
-  return r === "horizontal" ? /* @__PURE__ */ p(
-    He,
-    v(S({}, h), {
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && l.current) {
-          const d = o.viewport.scrollLeft, b = le(d, u, 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__ */ p(
-    ze,
-    v(S({}, h), {
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && l.current) {
-          const d = o.viewport.scrollTop, b = le(d, u);
-          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;
-}), He = c.forwardRef((e, t) => {
-  const h = e, { sizes: r, onSizesChange: n } = h, o = g(h, ["sizes", "onSizesChange"]), l = R(T, e.__scopeScrollArea), [a, u] = c.useState(), i = c.useRef(null), s = x(t, i, l.onScrollbarXChange);
-  return c.useEffect(() => {
-    i.current && u(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ p(
-    pe,
-    v(S({
-      "data-orientation": "horizontal"
-    }, o), {
-      ref: s,
-      sizes: r,
-      style: S({
-        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": $(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), ge(d, m) && f.preventDefault();
-        }
-      },
-      onResize: () => {
-        i.current && l.viewport && a && n({
-          content: l.viewport.scrollWidth,
-          viewport: l.viewport.offsetWidth,
-          scrollbar: {
-            size: i.current.clientWidth,
-            paddingStart: V(a.paddingLeft),
-            paddingEnd: V(a.paddingRight)
-          }
-        });
-      }
-    })
-  );
-}), ze = c.forwardRef((e, t) => {
-  const h = e, { sizes: r, onSizesChange: n } = h, o = g(h, ["sizes", "onSizesChange"]), l = R(T, e.__scopeScrollArea), [a, u] = c.useState(), i = c.useRef(null), s = x(t, i, l.onScrollbarYChange);
-  return c.useEffect(() => {
-    i.current && u(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ p(
-    pe,
-    v(S({
-      "data-orientation": "vertical"
-    }, o), {
-      ref: s,
-      sizes: r,
-      style: S({
-        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": $(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), ge(d, m) && f.preventDefault();
-        }
-      },
-      onResize: () => {
-        i.current && l.viewport && a && n({
-          content: l.viewport.scrollHeight,
-          viewport: l.viewport.offsetHeight,
-          scrollbar: {
-            size: i.current.clientHeight,
-            paddingStart: V(a.paddingTop),
-            paddingEnd: V(a.paddingBottom)
-          }
-        });
-      }
-    })
-  );
-}), [Ue, me] = se(T), pe = c.forwardRef((e, t) => {
-  const X = e, {
-    __scopeScrollArea: r,
-    sizes: n,
-    hasThumb: o,
-    onThumbChange: l,
-    onThumbPointerUp: a,
-    onThumbPointerDown: u,
-    onThumbPositionChange: i,
-    onDragScroll: s,
-    onWheelScroll: h,
-    onResize: f
-  } = X, m = g(X, [
-    "__scopeScrollArea",
-    "sizes",
-    "hasThumb",
-    "onThumbChange",
-    "onThumbPointerUp",
-    "onThumbPointerDown",
-    "onThumbPositionChange",
-    "onDragScroll",
-    "onWheelScroll",
-    "onResize"
-  ]), d = R(T, r), [b, C] = c.useState(null), P = x(t, (w) => C(w)), E = c.useRef(null), L = c.useRef(""), G = d.viewport, I = n.content - n.viewport, H = y(h), O = y(i), z = q(f, 10);
-  function U(w) {
-    if (E.current) {
-      const A = w.clientX - E.current.left, _ = w.clientY - E.current.top;
-      s({ x: A, y: _ });
-    }
-  }
-  return c.useEffect(() => {
-    const w = (A) => {
-      const _ = A.target;
-      (b == null ? void 0 : b.contains(_)) && H(A, I);
-    };
-    return document.addEventListener("wheel", w, { passive: !1 }), () => document.removeEventListener("wheel", w, { passive: !1 });
-  }, [G, b, I, H]), c.useEffect(O, [n, O]), D(b, z), D(d.content, z), /* @__PURE__ */ p(
-    Ue,
-    {
-      scope: r,
-      scrollbar: b,
-      hasThumb: o,
-      onThumbChange: y(l),
-      onThumbPointerUp: y(a),
-      onThumbPositionChange: O,
-      onThumbPointerDown: y(u),
-      children: /* @__PURE__ */ p(
-        M.div,
-        v(S({}, m), {
-          ref: P,
-          style: S({ position: "absolute" }, m.style),
-          onPointerDown: N(e.onPointerDown, (w) => {
-            w.button === 0 && (w.target.setPointerCapture(w.pointerId), E.current = b.getBoundingClientRect(), L.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", d.viewport && (d.viewport.style.scrollBehavior = "auto"), U(w));
-          }),
-          onPointerMove: N(e.onPointerMove, U),
-          onPointerUp: N(e.onPointerUp, (w) => {
-            const A = w.target;
-            A.hasPointerCapture(w.pointerId) && A.releasePointerCapture(w.pointerId), document.body.style.webkitUserSelect = L.current, d.viewport && (d.viewport.style.scrollBehavior = ""), E.current = null;
-          })
-        })
-      )
-    }
-  );
-}), B = "ScrollAreaThumb", be = c.forwardRef(
-  (e, t) => {
-    const l = e, { forceMount: r } = l, n = g(l, ["forceMount"]), o = me(B, e.__scopeScrollArea);
-    return /* @__PURE__ */ p(W, { present: r || o.hasThumb, children: /* @__PURE__ */ p(Xe, S({ ref: t }, n)) });
-  }
-), Xe = c.forwardRef(
-  (e, t) => {
-    const f = e, { __scopeScrollArea: r, style: n } = f, o = g(f, ["__scopeScrollArea", "style"]), l = R(B, r), a = me(B, r), { onThumbPositionChange: u } = a, i = x(
-      t,
-      (m) => a.onThumbChange(m)
-    ), s = c.useRef(void 0), h = q(() => {
-      s.current && (s.current(), s.current = void 0);
-    }, 100);
-    return c.useEffect(() => {
-      const m = l.viewport;
-      if (m) {
-        const d = () => {
-          if (h(), !s.current) {
-            const b = ke(m, u);
-            s.current = b, u();
-          }
-        };
-        return u(), m.addEventListener("scroll", d), () => m.removeEventListener("scroll", d);
-      }
-    }, [l.viewport, h, u]), /* @__PURE__ */ p(
-      M.div,
-      v(S({
-        "data-state": a.hasThumb ? "visible" : "hidden"
-      }, o), {
-        ref: i,
-        style: S({
-          width: "var(--radix-scroll-area-thumb-width)",
-          height: "var(--radix-scroll-area-thumb-height)"
-        }, n),
-        onPointerDownCapture: N(e.onPointerDownCapture, (m) => {
-          const b = m.target.getBoundingClientRect(), C = m.clientX - b.left, P = m.clientY - b.top;
-          a.onThumbPointerDown({ x: C, y: P });
-        }),
-        onPointerUp: N(e.onPointerUp, a.onThumbPointerUp)
-      })
-    );
-  }
-);
-be.displayName = B;
-var ee = "ScrollAreaCorner", Se = c.forwardRef(
-  (e, t) => {
-    const r = R(ee, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && n ? /* @__PURE__ */ p(Ye, v(S({}, e), { ref: t })) : null;
-  }
-);
-Se.displayName = ee;
-var Ye = c.forwardRef((e, t) => {
-  const h = e, { __scopeScrollArea: r } = h, n = g(h, ["__scopeScrollArea"]), o = R(ee, r), [l, a] = c.useState(0), [u, i] = c.useState(0), s = !!(l && u);
-  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), a(f);
-  }), s ? /* @__PURE__ */ p(
-    M.div,
-    v(S({}, n), {
-      ref: t,
-      style: S({
-        width: l,
-        height: u,
-        position: "absolute",
-        right: o.dir === "ltr" ? 0 : void 0,
-        left: o.dir === "rtl" ? 0 : void 0,
-        bottom: 0
-      }, e.style)
-    })
-  ) : null;
-});
-function V(e) {
-  return e ? parseInt(e, 10) : 0;
-}
-function ve(e, t) {
-  const r = e / t;
-  return isNaN(r) ? 0 : r;
-}
-function $(e) {
-  const t = ve(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * t;
-  return Math.max(n, 18);
-}
-function Fe(e, t, r, n = "ltr") {
-  const o = $(r), l = o / 2, a = t || l, u = o - a, i = r.scrollbar.paddingStart + a, s = r.scrollbar.size - r.scrollbar.paddingEnd - u, h = r.content - r.viewport, f = n === "ltr" ? [0, h] : [h * -1, 0];
-  return we([i, s], f)(e);
-}
-function le(e, t, r = "ltr") {
-  const n = $(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, l = t.scrollbar.size - o, a = t.content - t.viewport, u = l - n, i = r === "ltr" ? [0, a] : [a * -1, 0], s = De(e, i);
-  return we([0, a], [0, u])(s);
-}
-function we(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 ge(e, t) {
-  return e > 0 && e < t;
-}
-var ke = (e, t = () => {
-}) => {
-  let r = { left: e.scrollLeft, top: e.scrollTop }, n = 0;
-  return function o() {
-    const l = { left: e.scrollLeft, top: e.scrollTop }, a = r.left !== l.left, u = r.top !== l.top;
-    (a || u) && t(), r = l, n = window.requestAnimationFrame(o);
-  }(), () => window.cancelAnimationFrame(n);
-};
-function q(e, t) {
-  const r = y(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 = y(t);
-  J(() => {
-    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 = de, Pe = fe, Ce = Se;
-const Be = c.forwardRef((o, n) => {
-  var l = o, { className: e, children: t } = l, r = g(l, ["className", "children"]);
-  return /* @__PURE__ */ k(te, v(S({ ref: n, className: ae("relative overflow-hidden", e) }, r), { children: [
-    /* @__PURE__ */ p(Pe, { className: "h-full w-full rounded-[inherit]", children: t }),
-    /* @__PURE__ */ p(j, { orientation: "vertical" }),
-    /* @__PURE__ */ p(j, { orientation: "horizontal" }),
-    /* @__PURE__ */ p(Ce, {})
-  ] }));
-});
-Be.displayName = te.displayName;
-const j = c.forwardRef((o, n) => {
-  var l = o, { className: e, orientation: t = "vertical" } = l, r = g(l, ["className", "orientation"]);
-  return /* @__PURE__ */ p(
-    Q,
-    v(S({
-      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__ */ p(be, { className: "relative flex-1 rounded-full bg-secondary-border" })
-    })
-  );
-});
-j.displayName = Q.displayName;
-const Ve = ie({
-  base: "relative overflow-hidden",
-  slots: {
-    content: "h-full w-full"
-  }
-}), ce = ie({
-  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"
-    }
-  }
-}), je = c.forwardRef(
-  (u, a) => {
-    var i = u, { className: e, children: t, shadowTopClassName: r, shadowBottomClassName: n, wrapperClassName: o } = i, l = g(i, ["className", "children", "shadowTopClassName", "shadowBottomClassName", "wrapperClassName"]);
-    const [s, h] = c.useState(!1), [f, m] = c.useState(!1), d = c.useRef(null), b = Ve();
-    c.useImperativeHandle(a, () => d.current);
-    const C = c.useCallback(() => {
-      if (!d.current) return;
-      const { scrollTop: P, scrollHeight: E, clientHeight: L } = d.current;
-      h(P > 0), m(P < E - L - 1);
-    }, []);
-    return c.useEffect(() => {
-      const P = d.current;
-      if (P)
-        return C(), P.addEventListener("scroll", C), () => P.removeEventListener("scroll", C);
-    }, [C]), /* @__PURE__ */ k("div", v(S({ className: b.base({ className: o }) }, l), { children: [
-      s && /* @__PURE__ */ p("div", { className: ce({ position: "top", className: r }) }),
-      /* @__PURE__ */ k(te, { ref: a, className: b.content({ className: e }), children: [
-        /* @__PURE__ */ p(Pe, { ref: d, className: b.content(), onScroll: C, children: t }),
-        /* @__PURE__ */ p(j, { orientation: "vertical" }),
-        /* @__PURE__ */ p(Ce, {})
-      ] }),
-      f && /* @__PURE__ */ p("div", { className: ce({ position: "bottom", className: n }) })
-    ] }));
-  }
-);
-je.displayName = "ScrollShadowContainer";
-export {
-  je as S
-};
-//# sourceMappingURL=ScrollShadowContainer-DSKr3_fV.js.map