lizaui 8.0.4 → 8.0.6

package/dist/chunks/{scroll-area-zt_z9PRo.js → scroll-area-CsOiTMG3.js}

@@ -1,53 +1,49 @@
-import { c as ce, u as se, b as ae } from "./index-VJ2Qvmen.js";
-import { j as f } from "./jsx-runtime-Cl_4eDuT.js";
-import * as c from "react";
-import { c as ie, P as _, a as O, b as C, u as P, d as de } from "./textarea-BIy5pTb5.js";
-import { u as A } from "./index-Do-g2tEs.js";
+import { j as h } from "./jsx-runtime-Dk9ExdSX.js";
+import * as s from "react";
+import { c as se, P as L, a as O, b as C, u as P, d as ce } from "./textarea-COi5ngTN.js";
+import { u as A } from "./index-6UmdGTUS.js";
+import { u as ae, c as ie } from "./index-BD4EmzUR.js";
 import { c as F } from "./utils-B6yFEsav.js";
-const ue = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ne = ce("search", ue);
-function he(e, o) {
-  return c.useReducer((r, l) => o[r][l] ?? r, e);
+function de(e, o) {
+  return s.useReducer((r, l) => o[r][l] ?? r, e);
 }
-var U = "ScrollArea", [$, We] = ie(U), [fe, v] = $(U), q = c.forwardRef(
+var U = "ScrollArea", [$, De] = se(U), [ue, m] = $(U), q = s.forwardRef(
   (e, o) => {
     const {
       __scopeScrollArea: r,
       type: l = "hover",
       dir: t,
       scrollHideDelay: n = 600,
-      ...s
-    } = e, [a, i] = c.useState(null), [h, d] = c.useState(null), [b, u] = c.useState(null), [S, w] = c.useState(null), [T, Y] = c.useState(null), [x, L] = c.useState(0), [M, j] = c.useState(0), [D, y] = c.useState(!1), [N, W] = c.useState(!1), m = A(o, (R) => i(R)), p = se(t);
-    return /* @__PURE__ */ f.jsx(
-      fe,
+      ...c
+    } = e, [a, i] = s.useState(null), [f, d] = s.useState(null), [b, u] = s.useState(null), [S, w] = s.useState(null), [T, Y] = s.useState(null), [x, _] = s.useState(0), [M, D] = s.useState(0), [j, y] = s.useState(!1), [N, W] = s.useState(!1), v = A(o, (R) => i(R)), p = ae(t);
+    return /* @__PURE__ */ h.jsx(
+      ue,
       {
         scope: r,
         type: l,
         dir: p,
         scrollHideDelay: n,
         scrollArea: a,
-        viewport: h,
+        viewport: f,
         onViewportChange: d,
         content: b,
         onContentChange: u,
         scrollbarX: S,
         onScrollbarXChange: w,
-        scrollbarXEnabled: D,
+        scrollbarXEnabled: j,
         onScrollbarXEnabledChange: y,
         scrollbarY: T,
         onScrollbarYChange: Y,
         scrollbarYEnabled: N,
         onScrollbarYEnabledChange: W,
-        onCornerWidthChange: L,
-        onCornerHeightChange: j,
-        children: /* @__PURE__ */ f.jsx(
-          _.div,
+        onCornerWidthChange: _,
+        onCornerHeightChange: D,
+        children: /* @__PURE__ */ h.jsx(
+          L.div,
           {
             dir: p,
-            ...s,
-            ref: m,
+            ...c,
+            ref: v,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -62,11 +58,11 @@ var U = "ScrollArea", [$, We] = ie(U), [fe, v] = $(U), q = c.forwardRef(
   }
 );
 q.displayName = U;
-var G = "ScrollAreaViewport", J = c.forwardRef(
+var G = "ScrollAreaViewport", J = s.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, children: l, nonce: t, ...n } = e, s = v(G, r), a = c.useRef(null), i = A(o, a, s.onViewportChange);
-    return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-      /* @__PURE__ */ f.jsx(
+    const { __scopeScrollArea: r, children: l, nonce: t, ...n } = e, c = m(G, r), a = s.useRef(null), i = A(o, a, c.onViewportChange);
+    return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+      /* @__PURE__ */ h.jsx(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -75,8 +71,8 @@ var G = "ScrollAreaViewport", J = c.forwardRef(
           nonce: t
         }
       ),
-      /* @__PURE__ */ f.jsx(
-        _.div,
+      /* @__PURE__ */ h.jsx(
+        L.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...n,
@@ -93,42 +89,42 @@ var G = "ScrollAreaViewport", J = c.forwardRef(
              * 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",
+            overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
             ...e.style
           },
-          children: /* @__PURE__ */ f.jsx("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: l })
+          children: /* @__PURE__ */ h.jsx("div", { ref: c.onContentChange, style: { minWidth: "100%", display: "table" }, children: l })
         }
       )
     ] });
   }
 );
 J.displayName = G;
-var g = "ScrollAreaScrollbar", K = c.forwardRef(
+var g = "ScrollAreaScrollbar", K = s.forwardRef(
   (e, o) => {
-    const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = t, a = e.orientation === "horizontal";
-    return c.useEffect(() => (a ? n(!0) : s(!0), () => {
-      a ? n(!1) : s(!1);
-    }), [a, n, s]), t.type === "hover" ? /* @__PURE__ */ f.jsx(be, { ...l, ref: o, forceMount: r }) : t.type === "scroll" ? /* @__PURE__ */ f.jsx(Se, { ...l, ref: o, forceMount: r }) : t.type === "auto" ? /* @__PURE__ */ f.jsx(Q, { ...l, ref: o, forceMount: r }) : t.type === "always" ? /* @__PURE__ */ f.jsx(k, { ...l, ref: o }) : null;
+    const { forceMount: r, ...l } = e, t = m(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: c } = t, a = e.orientation === "horizontal";
+    return s.useEffect(() => (a ? n(!0) : c(!0), () => {
+      a ? n(!1) : c(!1);
+    }), [a, n, c]), t.type === "hover" ? /* @__PURE__ */ h.jsx(fe, { ...l, ref: o, forceMount: r }) : t.type === "scroll" ? /* @__PURE__ */ h.jsx(he, { ...l, ref: o, forceMount: r }) : t.type === "auto" ? /* @__PURE__ */ h.jsx(Q, { ...l, ref: o, forceMount: r }) : t.type === "always" ? /* @__PURE__ */ h.jsx(V, { ...l, ref: o }) : null;
   }
 );
 K.displayName = g;
-var be = c.forwardRef((e, o) => {
-  const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), [n, s] = c.useState(!1);
-  return c.useEffect(() => {
+var fe = s.forwardRef((e, o) => {
+  const { forceMount: r, ...l } = e, t = m(g, e.__scopeScrollArea), [n, c] = s.useState(!1);
+  return s.useEffect(() => {
     const a = t.scrollArea;
     let i = 0;
     if (a) {
-      const h = () => {
-        window.clearTimeout(i), s(!0);
+      const f = () => {
+        window.clearTimeout(i), c(!0);
       }, d = () => {
-        i = window.setTimeout(() => s(!1), t.scrollHideDelay);
+        i = window.setTimeout(() => c(!1), t.scrollHideDelay);
       };
-      return a.addEventListener("pointerenter", h), a.addEventListener("pointerleave", d), () => {
-        window.clearTimeout(i), a.removeEventListener("pointerenter", h), a.removeEventListener("pointerleave", d);
+      return a.addEventListener("pointerenter", f), a.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(i), a.removeEventListener("pointerenter", f), a.removeEventListener("pointerleave", d);
       };
     }
-  }, [t.scrollArea, t.scrollHideDelay]), /* @__PURE__ */ f.jsx(O, { present: r || n, children: /* @__PURE__ */ f.jsx(
+  }, [t.scrollArea, t.scrollHideDelay]), /* @__PURE__ */ h.jsx(O, { present: r || n, children: /* @__PURE__ */ h.jsx(
     Q,
     {
       "data-state": n ? "visible" : "hidden",
@@ -136,8 +132,8 @@ var be = c.forwardRef((e, o) => {
       ref: o
     }
   ) });
-}), Se = c.forwardRef((e, o) => {
-  const { forceMount: r, ...l } = e, t = v(g, e.__scopeScrollArea), n = e.orientation === "horizontal", s = X(() => i("SCROLL_END"), 100), [a, i] = he("hidden", {
+}), he = s.forwardRef((e, o) => {
+  const { forceMount: r, ...l } = e, t = m(g, e.__scopeScrollArea), n = e.orientation === "horizontal", c = X(() => i("SCROLL_END"), 100), [a, i] = de("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -155,23 +151,23 @@ var be = c.forwardRef((e, o) => {
       POINTER_ENTER: "interacting"
     }
   });
-  return c.useEffect(() => {
+  return s.useEffect(() => {
     if (a === "idle") {
-      const h = window.setTimeout(() => i("HIDE"), t.scrollHideDelay);
-      return () => window.clearTimeout(h);
+      const f = window.setTimeout(() => i("HIDE"), t.scrollHideDelay);
+      return () => window.clearTimeout(f);
     }
-  }, [a, t.scrollHideDelay, i]), c.useEffect(() => {
-    const h = t.viewport, d = n ? "scrollLeft" : "scrollTop";
-    if (h) {
-      let b = h[d];
+  }, [a, t.scrollHideDelay, i]), s.useEffect(() => {
+    const f = t.viewport, d = n ? "scrollLeft" : "scrollTop";
+    if (f) {
+      let b = f[d];
       const u = () => {
-        const S = h[d];
-        b !== S && (i("SCROLL"), s()), b = S;
+        const S = f[d];
+        b !== S && (i("SCROLL"), c()), b = S;
       };
-      return h.addEventListener("scroll", u), () => h.removeEventListener("scroll", u);
+      return f.addEventListener("scroll", u), () => f.removeEventListener("scroll", u);
     }
-  }, [t.viewport, n, i, s]), /* @__PURE__ */ f.jsx(O, { present: r || a !== "hidden", children: /* @__PURE__ */ f.jsx(
-    k,
+  }, [t.viewport, n, i, c]), /* @__PURE__ */ h.jsx(O, { present: r || a !== "hidden", children: /* @__PURE__ */ h.jsx(
+    V,
     {
       "data-state": a === "hidden" ? "hidden" : "visible",
       ...l,
@@ -180,46 +176,46 @@ var be = c.forwardRef((e, o) => {
       onPointerLeave: C(e.onPointerLeave, () => i("POINTER_LEAVE"))
     }
   ) });
-}), Q = c.forwardRef((e, o) => {
-  const r = v(g, e.__scopeScrollArea), { forceMount: l, ...t } = e, [n, s] = c.useState(!1), a = e.orientation === "horizontal", i = X(() => {
+}), Q = s.forwardRef((e, o) => {
+  const r = m(g, e.__scopeScrollArea), { forceMount: l, ...t } = e, [n, c] = s.useState(!1), a = e.orientation === "horizontal", i = X(() => {
     if (r.viewport) {
-      const h = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      s(a ? h : d);
+      const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
+      c(a ? f : d);
     }
   }, 10);
-  return E(r.viewport, i), E(r.content, i), /* @__PURE__ */ f.jsx(O, { present: l || n, children: /* @__PURE__ */ f.jsx(
-    k,
+  return E(r.viewport, i), E(r.content, i), /* @__PURE__ */ h.jsx(O, { present: l || n, children: /* @__PURE__ */ h.jsx(
+    V,
     {
       "data-state": n ? "visible" : "hidden",
       ...t,
       ref: o
     }
   ) });
-}), k = c.forwardRef((e, o) => {
-  const { orientation: r = "vertical", ...l } = e, t = v(g, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [a, i] = c.useState({
+}), V = s.forwardRef((e, o) => {
+  const { orientation: r = "vertical", ...l } = e, t = m(g, e.__scopeScrollArea), n = s.useRef(null), c = s.useRef(0), [a, i] = s.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), h = te(a.viewport, a.content), d = {
+  }), f = te(a.viewport, a.content), d = {
     ...l,
     sizes: a,
     onSizesChange: i,
-    hasThumb: h > 0 && h < 1,
+    hasThumb: f > 0 && f < 1,
     onThumbChange: (u) => n.current = u,
-    onThumbPointerUp: () => s.current = 0,
-    onThumbPointerDown: (u) => s.current = u
+    onThumbPointerUp: () => c.current = 0,
+    onThumbPointerDown: (u) => c.current = u
   };
   function b(u, S) {
-    return xe(u, s.current, a, S);
+    return we(u, c.current, a, S);
   }
-  return r === "horizontal" ? /* @__PURE__ */ f.jsx(
-    me,
+  return r === "horizontal" ? /* @__PURE__ */ h.jsx(
+    be,
     {
       ...d,
       ref: o,
       onThumbPositionChange: () => {
         if (t.viewport && n.current) {
-          const u = t.viewport.scrollLeft, S = B(u, a, t.dir);
+          const u = t.viewport.scrollLeft, S = k(u, a, t.dir);
           n.current.style.transform = `translate3d(${S}px, 0, 0)`;
         }
       },
@@ -230,14 +226,14 @@ var be = c.forwardRef((e, o) => {
         t.viewport && (t.viewport.scrollLeft = b(u, t.dir));
       }
     }
-  ) : r === "vertical" ? /* @__PURE__ */ f.jsx(
-    ve,
+  ) : r === "vertical" ? /* @__PURE__ */ h.jsx(
+    Se,
     {
       ...d,
       ref: o,
       onThumbPositionChange: () => {
         if (t.viewport && n.current) {
-          const u = t.viewport.scrollTop, S = B(u, a);
+          const u = t.viewport.scrollTop, S = k(u, a);
           n.current.style.transform = `translate3d(0, ${S}px, 0)`;
         }
       },
@@ -249,16 +245,16 @@ var be = c.forwardRef((e, o) => {
       }
     }
   ) : null;
-}), me = c.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: l, ...t } = e, n = v(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), h = A(o, i, n.onScrollbarXChange);
-  return c.useEffect(() => {
+}), be = s.forwardRef((e, o) => {
+  const { sizes: r, onSizesChange: l, ...t } = e, n = m(g, e.__scopeScrollArea), [c, a] = s.useState(), i = s.useRef(null), f = A(o, i, n.onScrollbarXChange);
+  return s.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ f.jsx(
+  }, [i]), /* @__PURE__ */ h.jsx(
     ee,
     {
       "data-orientation": "horizontal",
       ...t,
-      ref: h,
+      ref: f,
       sizes: r,
       style: {
         bottom: 0,
@@ -276,28 +272,28 @@ var be = c.forwardRef((e, o) => {
         }
       },
       onResize: () => {
-        i.current && n.viewport && s && l({
+        i.current && n.viewport && c && l({
           content: n.viewport.scrollWidth,
           viewport: n.viewport.offsetWidth,
           scrollbar: {
             size: i.current.clientWidth,
-            paddingStart: z(s.paddingLeft),
-            paddingEnd: z(s.paddingRight)
+            paddingStart: z(c.paddingLeft),
+            paddingEnd: z(c.paddingRight)
           }
         });
       }
     }
   );
-}), ve = c.forwardRef((e, o) => {
-  const { sizes: r, onSizesChange: l, ...t } = e, n = v(g, e.__scopeScrollArea), [s, a] = c.useState(), i = c.useRef(null), h = A(o, i, n.onScrollbarYChange);
-  return c.useEffect(() => {
+}), Se = s.forwardRef((e, o) => {
+  const { sizes: r, onSizesChange: l, ...t } = e, n = m(g, e.__scopeScrollArea), [c, a] = s.useState(), i = s.useRef(null), f = A(o, i, n.onScrollbarYChange);
+  return s.useEffect(() => {
     i.current && a(getComputedStyle(i.current));
-  }, [i]), /* @__PURE__ */ f.jsx(
+  }, [i]), /* @__PURE__ */ h.jsx(
     ee,
     {
       "data-orientation": "vertical",
       ...t,
-      ref: h,
+      ref: f,
       sizes: r,
       style: {
         top: 0,
@@ -316,100 +312,100 @@ var be = c.forwardRef((e, o) => {
         }
       },
       onResize: () => {
-        i.current && n.viewport && s && l({
+        i.current && n.viewport && c && l({
           content: n.viewport.scrollHeight,
           viewport: n.viewport.offsetHeight,
           scrollbar: {
             size: i.current.clientHeight,
-            paddingStart: z(s.paddingTop),
-            paddingEnd: z(s.paddingBottom)
+            paddingStart: z(c.paddingTop),
+            paddingEnd: z(c.paddingBottom)
           }
         });
       }
     }
   );
-}), [pe, Z] = $(g), ee = c.forwardRef((e, o) => {
+}), [ve, Z] = $(g), ee = s.forwardRef((e, o) => {
   const {
     __scopeScrollArea: r,
     sizes: l,
     hasThumb: t,
     onThumbChange: n,
-    onThumbPointerUp: s,
+    onThumbPointerUp: c,
     onThumbPointerDown: a,
     onThumbPositionChange: i,
-    onDragScroll: h,
+    onDragScroll: f,
     onWheelScroll: d,
     onResize: b,
     ...u
-  } = e, S = v(g, r), [w, T] = c.useState(null), Y = A(o, (m) => T(m)), x = c.useRef(null), L = c.useRef(""), M = S.viewport, j = l.content - l.viewport, D = P(d), y = P(i), N = X(b, 10);
-  function W(m) {
+  } = e, S = m(g, r), [w, T] = s.useState(null), Y = A(o, (v) => T(v)), x = s.useRef(null), _ = s.useRef(""), M = S.viewport, D = l.content - l.viewport, j = P(d), y = P(i), N = X(b, 10);
+  function W(v) {
     if (x.current) {
-      const p = m.clientX - x.current.left, R = m.clientY - x.current.top;
-      h({ x: p, y: R });
+      const p = v.clientX - x.current.left, R = v.clientY - x.current.top;
+      f({ x: p, y: R });
     }
   }
-  return c.useEffect(() => {
-    const m = (p) => {
+  return s.useEffect(() => {
+    const v = (p) => {
       const R = p.target;
-      w?.contains(R) && D(p, j);
+      w?.contains(R) && j(p, D);
     };
-    return document.addEventListener("wheel", m, { passive: !1 }), () => document.removeEventListener("wheel", m, { passive: !1 });
-  }, [M, w, j, D]), c.useEffect(y, [l, y]), E(w, N), E(S.content, N), /* @__PURE__ */ f.jsx(
-    pe,
+    return document.addEventListener("wheel", v, { passive: !1 }), () => document.removeEventListener("wheel", v, { passive: !1 });
+  }, [M, w, D, j]), s.useEffect(y, [l, y]), E(w, N), E(S.content, N), /* @__PURE__ */ h.jsx(
+    ve,
     {
       scope: r,
       scrollbar: w,
       hasThumb: t,
       onThumbChange: P(n),
-      onThumbPointerUp: P(s),
+      onThumbPointerUp: P(c),
       onThumbPositionChange: y,
       onThumbPointerDown: P(a),
-      children: /* @__PURE__ */ f.jsx(
-        _.div,
+      children: /* @__PURE__ */ h.jsx(
+        L.div,
         {
           ...u,
           ref: Y,
           style: { position: "absolute", ...u.style },
-          onPointerDown: C(e.onPointerDown, (m) => {
-            m.button === 0 && (m.target.setPointerCapture(m.pointerId), x.current = w.getBoundingClientRect(), L.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), W(m));
+          onPointerDown: C(e.onPointerDown, (v) => {
+            v.button === 0 && (v.target.setPointerCapture(v.pointerId), x.current = w.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), W(v));
           }),
           onPointerMove: C(e.onPointerMove, W),
-          onPointerUp: C(e.onPointerUp, (m) => {
-            const p = m.target;
-            p.hasPointerCapture(m.pointerId) && p.releasePointerCapture(m.pointerId), document.body.style.webkitUserSelect = L.current, S.viewport && (S.viewport.style.scrollBehavior = ""), x.current = null;
+          onPointerUp: C(e.onPointerUp, (v) => {
+            const p = v.target;
+            p.hasPointerCapture(v.pointerId) && p.releasePointerCapture(v.pointerId), document.body.style.webkitUserSelect = _.current, S.viewport && (S.viewport.style.scrollBehavior = ""), x.current = null;
           })
         }
       )
     }
   );
-}), H = "ScrollAreaThumb", re = c.forwardRef(
+}), H = "ScrollAreaThumb", re = s.forwardRef(
   (e, o) => {
     const { forceMount: r, ...l } = e, t = Z(H, e.__scopeScrollArea);
-    return /* @__PURE__ */ f.jsx(O, { present: r || t.hasThumb, children: /* @__PURE__ */ f.jsx(we, { ref: o, ...l }) });
+    return /* @__PURE__ */ h.jsx(O, { present: r || t.hasThumb, children: /* @__PURE__ */ h.jsx(me, { ref: o, ...l }) });
   }
-), we = c.forwardRef(
+), me = s.forwardRef(
   (e, o) => {
-    const { __scopeScrollArea: r, style: l, ...t } = e, n = v(H, r), s = Z(H, r), { onThumbPositionChange: a } = s, i = A(
+    const { __scopeScrollArea: r, style: l, ...t } = e, n = m(H, r), c = Z(H, r), { onThumbPositionChange: a } = c, i = A(
       o,
-      (b) => s.onThumbChange(b)
-    ), h = c.useRef(void 0), d = X(() => {
-      h.current && (h.current(), h.current = void 0);
+      (b) => c.onThumbChange(b)
+    ), f = s.useRef(void 0), d = X(() => {
+      f.current && (f.current(), f.current = void 0);
     }, 100);
-    return c.useEffect(() => {
+    return s.useEffect(() => {
       const b = n.viewport;
       if (b) {
         const u = () => {
-          if (d(), !h.current) {
-            const S = Pe(b, a);
-            h.current = S, a();
+          if (d(), !f.current) {
+            const S = ge(b, a);
+            f.current = S, a();
           }
         };
         return a(), b.addEventListener("scroll", u), () => b.removeEventListener("scroll", u);
       }
-    }, [n.viewport, d, a]), /* @__PURE__ */ f.jsx(
-      _.div,
+    }, [n.viewport, d, a]), /* @__PURE__ */ h.jsx(
+      L.div,
       {
-        "data-state": s.hasThumb ? "visible" : "hidden",
+        "data-state": c.hasThumb ? "visible" : "hidden",
         ...t,
         ref: i,
         style: {
@@ -419,31 +415,31 @@ var be = c.forwardRef((e, o) => {
         },
         onPointerDownCapture: C(e.onPointerDownCapture, (b) => {
           const S = b.target.getBoundingClientRect(), w = b.clientX - S.left, T = b.clientY - S.top;
-          s.onThumbPointerDown({ x: w, y: T });
+          c.onThumbPointerDown({ x: w, y: T });
         }),
-        onPointerUp: C(e.onPointerUp, s.onThumbPointerUp)
+        onPointerUp: C(e.onPointerUp, c.onThumbPointerUp)
       }
     );
   }
 );
 re.displayName = H;
-var V = "ScrollAreaCorner", oe = c.forwardRef(
+var B = "ScrollAreaCorner", oe = s.forwardRef(
   (e, o) => {
-    const r = v(V, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && l ? /* @__PURE__ */ f.jsx(ge, { ...e, ref: o }) : null;
+    const r = m(B, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
+    return r.type !== "scroll" && l ? /* @__PURE__ */ h.jsx(pe, { ...e, ref: o }) : null;
   }
 );
-oe.displayName = V;
-var ge = c.forwardRef((e, o) => {
-  const { __scopeScrollArea: r, ...l } = e, t = v(V, r), [n, s] = c.useState(0), [a, i] = c.useState(0), h = !!(n && a);
+oe.displayName = B;
+var pe = s.forwardRef((e, o) => {
+  const { __scopeScrollArea: r, ...l } = e, t = m(B, r), [n, c] = s.useState(0), [a, i] = s.useState(0), f = !!(n && a);
   return E(t.scrollbarX, () => {
     const d = t.scrollbarX?.offsetHeight || 0;
     t.onCornerHeightChange(d), i(d);
   }), E(t.scrollbarY, () => {
     const d = t.scrollbarY?.offsetWidth || 0;
-    t.onCornerWidthChange(d), s(d);
-  }), h ? /* @__PURE__ */ f.jsx(
-    _.div,
+    t.onCornerWidthChange(d), c(d);
+  }), f ? /* @__PURE__ */ h.jsx(
+    L.div,
     {
       ...l,
       ref: o,
@@ -470,13 +466,13 @@ function I(e) {
   const o = te(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, l = (e.scrollbar.size - r) * o;
   return Math.max(l, 18);
 }
-function xe(e, o, r, l = "ltr") {
-  const t = I(r), n = t / 2, s = o || n, a = t - s, i = r.scrollbar.paddingStart + s, h = r.scrollbar.size - r.scrollbar.paddingEnd - a, d = r.content - r.viewport, b = l === "ltr" ? [0, d] : [d * -1, 0];
-  return ne([i, h], b)(e);
+function we(e, o, r, l = "ltr") {
+  const t = I(r), n = t / 2, c = o || n, a = t - c, i = r.scrollbar.paddingStart + c, f = r.scrollbar.size - r.scrollbar.paddingEnd - a, d = r.content - r.viewport, b = l === "ltr" ? [0, d] : [d * -1, 0];
+  return ne([i, f], b)(e);
 }
-function B(e, o, r = "ltr") {
-  const l = I(o), t = o.scrollbar.paddingStart + o.scrollbar.paddingEnd, n = o.scrollbar.size - t, s = o.content - o.viewport, a = n - l, i = r === "ltr" ? [0, s] : [s * -1, 0], h = ae(e, i);
-  return ne([0, s], [0, a])(h);
+function k(e, o, r = "ltr") {
+  const l = I(o), t = o.scrollbar.paddingStart + o.scrollbar.paddingEnd, n = o.scrollbar.size - t, c = o.content - o.viewport, a = n - l, i = r === "ltr" ? [0, c] : [c * -1, 0], f = ie(e, i);
+  return ne([0, c], [0, a])(f);
 }
 function ne(e, o) {
   return (r) => {
@@ -488,23 +484,23 @@ function ne(e, o) {
 function le(e, o) {
   return e > 0 && e < o;
 }
-var Pe = (e, o = () => {
+var ge = (e, o = () => {
 }) => {
   let r = { left: e.scrollLeft, top: e.scrollTop }, l = 0;
   return (function t() {
-    const n = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== n.left, a = r.top !== n.top;
-    (s || a) && o(), r = n, l = window.requestAnimationFrame(t);
+    const n = { left: e.scrollLeft, top: e.scrollTop }, c = r.left !== n.left, a = r.top !== n.top;
+    (c || a) && o(), r = n, l = window.requestAnimationFrame(t);
   })(), () => window.cancelAnimationFrame(l);
 };
 function X(e, o) {
-  const r = P(e), l = c.useRef(0);
-  return c.useEffect(() => () => window.clearTimeout(l.current), []), c.useCallback(() => {
+  const r = P(e), l = s.useRef(0);
+  return s.useEffect(() => () => window.clearTimeout(l.current), []), s.useCallback(() => {
     window.clearTimeout(l.current), l.current = window.setTimeout(r, o);
   }, [r, o]);
 }
 function E(e, o) {
   const r = P(o);
-  de(() => {
+  ce(() => {
     let l = 0;
     if (e) {
       const t = new ResizeObserver(() => {
@@ -516,23 +512,23 @@ function E(e, o) {
     }
   }, [e, r]);
 }
-var Ce = q, Re = J, Ee = oe;
-function He({ className: e, children: o, ...r }) {
-  return /* @__PURE__ */ f.jsxs(Ce, { "data-slot": "scroll-area", className: F("relative", e), ...r, children: [
-    /* @__PURE__ */ f.jsx(
-      Re,
+var xe = q, Pe = J, Ce = oe;
+function je({ className: e, children: o, ...r }) {
+  return /* @__PURE__ */ h.jsxs(xe, { "data-slot": "scroll-area", className: F("relative", e), ...r, children: [
+    /* @__PURE__ */ h.jsx(
+      Pe,
       {
         "data-slot": "scroll-area-viewport",
         className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
         children: o
       }
     ),
-    /* @__PURE__ */ f.jsx(Ae, {}),
-    /* @__PURE__ */ f.jsx(Ee, {})
+    /* @__PURE__ */ h.jsx(Re, {}),
+    /* @__PURE__ */ h.jsx(Ce, {})
   ] });
 }
-function Ae({ className: e, orientation: o = "vertical", ...r }) {
-  return /* @__PURE__ */ f.jsx(
+function Re({ className: e, orientation: o = "vertical", ...r }) {
+  return /* @__PURE__ */ h.jsx(
     K,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -544,13 +540,12 @@ function Ae({ className: e, orientation: o = "vertical", ...r }) {
         e
       ),
       ...r,
-      children: /* @__PURE__ */ f.jsx(re, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" })
+      children: /* @__PURE__ */ h.jsx(re, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" })
     }
   );
 }
 export {
-  Ne as S,
-  He as a,
-  Ae as b
+  je as S,
+  Re as a
 };
-//# sourceMappingURL=scroll-area-zt_z9PRo.js.map
+//# sourceMappingURL=scroll-area-CsOiTMG3.js.map