@senitix/ui 0.4.0 → 0.4.1

package/dist/{scroll-area-DQeqDp3Y.js → scroll-area-A3jGu-Ta.js}

@@ -1,17 +1,17 @@
-import { c as te } from "./createLucideIcon-BbeNo6vq.js";
+import { c as te } from "./createLucideIcon-BC8wu-bu.js";
 import { jsx as m, jsxs as re, Fragment as Se } from "react/jsx-runtime";
-import * as s from "react";
-import { a as we, c as z } from "./index-CwJPJKOE.js";
+import * as i from "react";
+import { a as we, c as U } from "./index-DtaLkIY8.js";
 import * as ye from "react-dom";
 function ht(e, t) {
-  const r = s.createContext(t), o = (l) => {
-    const { children: i, ...c } = l, a = s.useMemo(() => c, Object.values(c));
-    return /* @__PURE__ */ m(r.Provider, { value: a, children: i });
+  const r = i.createContext(t), o = (l) => {
+    const { children: c, ...s } = l, a = i.useMemo(() => s, Object.values(s));
+    return /* @__PURE__ */ m(r.Provider, { value: a, children: c });
   };
   o.displayName = e + "Provider";
   function n(l) {
-    const i = s.useContext(r);
-    if (i) return i;
+    const c = i.useContext(r);
+    if (c) return c;
     if (t !== void 0) return t;
     throw new Error(`\`${l}\` must be used within \`${e}\``);
   }
@@ -19,29 +19,31 @@ function ht(e, t) {
 }
 function Ce(e, t = []) {
   let r = [];
-  function o(l, i) {
-    const c = s.createContext(i), a = r.length;
-    r = [...r, i];
-    const u = (h) => {
-      const { scope: f, children: p, ...v } = h, g = f?.[e]?.[a] || c, w = s.useMemo(() => v, Object.values(v));
+  function o(l, c) {
+    const s = i.createContext(c), a = r.length;
+    r = [...r, c];
+    const u = (f) => {
+      var C;
+      const { scope: h, children: p, ...v } = f, g = ((C = h == null ? void 0 : h[e]) == null ? void 0 : C[a]) || s, w = i.useMemo(() => v, Object.values(v));
       return /* @__PURE__ */ m(g.Provider, { value: w, children: p });
     };
     u.displayName = l + "Provider";
-    function d(h, f) {
-      const p = f?.[e]?.[a] || c, v = s.useContext(p);
+    function d(f, h) {
+      var g;
+      const p = ((g = h == null ? void 0 : h[e]) == null ? void 0 : g[a]) || s, v = i.useContext(p);
       if (v) return v;
-      if (i !== void 0) return i;
-      throw new Error(`\`${h}\` must be used within \`${l}\``);
+      if (c !== void 0) return c;
+      throw new Error(`\`${f}\` must be used within \`${l}\``);
     }
     return [u, d];
   }
   const n = () => {
-    const l = r.map((i) => s.createContext(i));
-    return function(c) {
-      const a = c?.[e] || l;
-      return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
-        [c, a]
+    const l = r.map((c) => i.createContext(c));
+    return function(s) {
+      const a = (s == null ? void 0 : s[e]) || l;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...s, [e]: a } }),
+        [s, a]
       );
     };
   };
@@ -56,11 +58,11 @@ function Pe(...e) {
       scopeName: n.scopeName
     }));
     return function(l) {
-      const i = o.reduce((c, { useScope: a, scopeName: u }) => {
-        const h = a(l)[`__scope${u}`];
-        return { ...c, ...h };
+      const c = o.reduce((s, { useScope: a, scopeName: u }) => {
+        const f = a(l)[`__scope${u}`];
+        return { ...s, ...f };
       }, {});
-      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
     };
   };
   return r.scopeName = t.scopeName, r;
@@ -87,58 +89,59 @@ function Y(...e) {
   };
 }
 function R(...e) {
-  return s.useCallback(Y(...e), e);
+  return i.useCallback(Y(...e), e);
 }
-function x(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function E(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(n) {
-    if (e?.(n), r === !1 || !n.defaultPrevented)
-      return t?.(n);
+    if (e == null || e(n), r === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
   };
 }
-var X = globalThis?.document ? s.useLayoutEffect : () => {
+var X = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
 };
 // @__NO_SIDE_EFFECTS__
-function Ee(e) {
-  const t = /* @__PURE__ */ xe(e), r = s.forwardRef((o, n) => {
-    const { children: l, ...i } = o, c = s.Children.toArray(l), a = c.find(Ae);
+function xe(e) {
+  const t = /* @__PURE__ */ Ee(e), r = i.forwardRef((o, n) => {
+    const { children: l, ...c } = o, s = i.Children.toArray(l), a = s.find(Ae);
     if (a) {
-      const u = a.props.children, d = c.map((h) => h === a ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : h);
-      return /* @__PURE__ */ m(t, { ...i, ref: n, children: s.isValidElement(u) ? s.cloneElement(u, void 0, d) : null });
+      const u = a.props.children, d = s.map((f) => f === a ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ m(t, { ...c, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, d) : null });
     }
-    return /* @__PURE__ */ m(t, { ...i, ref: n, children: l });
+    return /* @__PURE__ */ m(t, { ...c, ref: n, children: l });
   });
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function xe(e) {
-  const t = s.forwardRef((r, o) => {
+function Ee(e) {
+  const t = i.forwardRef((r, o) => {
     const { children: n, ...l } = r;
-    if (s.isValidElement(n)) {
-      const i = Ne(n), c = Te(l, n.props);
-      return n.type !== s.Fragment && (c.ref = o ? Y(o, i) : i), s.cloneElement(n, c);
+    if (i.isValidElement(n)) {
+      const c = Ne(n), s = Te(l, n.props);
+      return n.type !== i.Fragment && (s.ref = o ? Y(o, c) : c), i.cloneElement(n, s);
     }
-    return s.Children.count(n) > 1 ? s.Children.only(null) : null;
+    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Re = /* @__PURE__ */ Symbol("radix.slottable");
+var Re = Symbol("radix.slottable");
 function Ae(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Re;
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Re;
 }
 function Te(e, t) {
   const r = { ...t };
   for (const o in t) {
     const n = e[o], l = t[o];
-    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...c) => {
-      const a = l(...c);
-      return n(...c), a;
+    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...s) => {
+      const a = l(...s);
+      return n(...s), a;
     } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...l } : o === "className" && (r[o] = [n, l].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
 function Ne(e) {
-  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var _e = [
   "a",
@@ -159,9 +162,9 @@ var _e = [
   "svg",
   "ul"
 ], _ = _e.reduce((e, t) => {
-  const r = /* @__PURE__ */ Ee(`Primitive.${t}`), o = s.forwardRef((n, l) => {
-    const { asChild: i, ...c } = n, a = i ? r : t;
-    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(a, { ...c, ref: l });
+  const r = /* @__PURE__ */ xe(`Primitive.${t}`), o = i.forwardRef((n, l) => {
+    const { asChild: c, ...s } = n, a = c ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(a, { ...s, ref: l });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
@@ -169,15 +172,15 @@ function mt(e, t) {
   e && ye.flushSync(() => e.dispatchEvent(t));
 }
 function Le(e, t) {
-  return s.useReducer((r, o) => t[r][o] ?? r, e);
+  return i.useReducer((r, o) => t[r][o] ?? r, e);
 }
 var L = (e) => {
-  const { present: t, children: r } = e, o = Oe(t), n = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), l = R(o.ref, De(n));
-  return typeof r == "function" || o.isPresent ? s.cloneElement(n, { ref: l }) : null;
+  const { present: t, children: r } = e, o = Oe(t), n = typeof r == "function" ? r({ present: o.isPresent }) : i.Children.only(r), l = R(o.ref, De(n));
+  return typeof r == "function" || o.isPresent ? i.cloneElement(n, { ref: l }) : null;
 };
 L.displayName = "Presence";
 function Oe(e) {
-  const [t, r] = s.useState(), o = s.useRef(null), n = s.useRef(e), l = s.useRef("none"), i = e ? "mounted" : "unmounted", [c, a] = Le(i, {
+  const [t, r] = i.useState(), o = i.useRef(null), n = i.useRef(e), l = i.useRef("none"), c = e ? "mounted" : "unmounted", [s, a] = Le(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -190,19 +193,19 @@ function Oe(e) {
       MOUNT: "mounted"
     }
   });
-  return s.useEffect(() => {
+  return i.useEffect(() => {
     const u = V(o.current);
-    l.current = c === "mounted" ? u : "none";
-  }, [c]), X(() => {
+    l.current = s === "mounted" ? u : "none";
+  }, [s]), X(() => {
     const u = o.current, d = n.current;
     if (d !== e) {
-      const f = l.current, p = V(u);
-      e ? a("MOUNT") : p === "none" || u?.display === "none" ? a("UNMOUNT") : a(d && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+      const h = l.current, p = V(u);
+      e ? a("MOUNT") : p === "none" || (u == null ? void 0 : u.display) === "none" ? a("UNMOUNT") : a(d && h !== p ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
     }
   }, [e, a]), X(() => {
     if (t) {
       let u;
-      const d = t.ownerDocument.defaultView ?? window, h = (p) => {
+      const d = t.ownerDocument.defaultView ?? window, f = (p) => {
         const g = V(o.current).includes(CSS.escape(p.animationName));
         if (p.target === t && g && (a("ANIMATION_END"), !n.current)) {
           const w = t.style.animationFillMode;
@@ -210,74 +213,90 @@ function Oe(e) {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = w);
           });
         }
-      }, f = (p) => {
+      }, h = (p) => {
         p.target === t && (l.current = V(o.current));
       };
-      return t.addEventListener("animationstart", f), t.addEventListener("animationcancel", h), t.addEventListener("animationend", h), () => {
-        d.clearTimeout(u), t.removeEventListener("animationstart", f), t.removeEventListener("animationcancel", h), t.removeEventListener("animationend", h);
+      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(u), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       a("ANIMATION_END");
   }, [t, a]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(c),
-    ref: s.useCallback((u) => {
+    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    ref: i.useCallback((u) => {
       o.current = u ? getComputedStyle(u) : null, r(u);
     }, [])
   };
 }
 function V(e) {
-  return e?.animationName || "none";
+  return (e == null ? void 0 : e.animationName) || "none";
 }
 function De(e) {
-  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var Me = s.createContext(void 0);
+var Me = i.createContext(void 0);
 function We(e) {
-  const t = s.useContext(Me);
+  const t = i.useContext(Me);
   return e || t || "ltr";
 }
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
 const pt = te("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
 const vt = te("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]), J = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Q = we, ne = (e, t) => (r) => {
   var o;
-  if (t?.variants == null) return Q(e, r?.class, r?.className);
-  const { variants: n, defaultVariants: l } = t, i = Object.keys(n).map((u) => {
-    const d = r?.[u], h = l?.[u];
+  if ((t == null ? void 0 : t.variants) == null) return Q(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: n, defaultVariants: l } = t, c = Object.keys(n).map((u) => {
+    const d = r == null ? void 0 : r[u], f = l == null ? void 0 : l[u];
     if (d === null) return null;
-    const f = J(d) || J(h);
-    return n[u][f];
-  }), c = r && Object.entries(r).reduce((u, d) => {
-    let [h, f] = d;
-    return f === void 0 || (u[h] = f), u;
+    const h = J(d) || J(f);
+    return n[u][h];
+  }), s = r && Object.entries(r).reduce((u, d) => {
+    let [f, h] = d;
+    return h === void 0 || (u[f] = h), u;
   }, {}), a = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((u, d) => {
-    let { class: h, className: f, ...p } = d;
+    let { class: f, className: h, ...p } = d;
     return Object.entries(p).every((v) => {
       let [g, w] = v;
       return Array.isArray(w) ? w.includes({
         ...l,
-        ...c
+        ...s
       }[g]) : {
         ...l,
-        ...c
+        ...s
       }[g] === w;
     }) ? [
       ...u,
-      h,
-      f
+      f,
+      h
     ] : u;
   }, []);
-  return Q(e, i, a, r?.class, r?.className);
+  return Q(e, c, a, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
 };
-function E(e) {
-  const t = s.useRef(e);
-  return s.useEffect(() => {
+function x(e) {
+  const t = i.useRef(e);
+  return i.useEffect(() => {
     t.current = e;
-  }), s.useMemo(() => (...r) => t.current?.(...r), []);
+  }), i.useMemo(() => (...r) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
+  }, []);
 }
-var Ie = /* @__PURE__ */ Symbol.for("react.lazy"), H = s[" use ".trim().toString()];
+var Ie = Symbol.for("react.lazy"), $ = i[" use ".trim().toString()];
 function Ve(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
@@ -285,50 +304,51 @@ function oe(e) {
   return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Ie && "_payload" in e && Ve(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function He(e) {
-  const t = /* @__PURE__ */ $e(e), r = s.forwardRef((o, n) => {
-    let { children: l, ...i } = o;
-    oe(l) && typeof H == "function" && (l = H(l._payload));
-    const c = s.Children.toArray(l), a = c.find(Ue);
+function $e(e) {
+  const t = /* @__PURE__ */ ke(e), r = i.forwardRef((o, n) => {
+    let { children: l, ...c } = o;
+    oe(l) && typeof $ == "function" && (l = $(l._payload));
+    const s = i.Children.toArray(l), a = s.find(He);
     if (a) {
-      const u = a.props.children, d = c.map((h) => h === a ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : h);
-      return /* @__PURE__ */ m(t, { ...i, ref: n, children: s.isValidElement(u) ? s.cloneElement(u, void 0, d) : null });
+      const u = a.props.children, d = s.map((f) => f === a ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ m(t, { ...c, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, d) : null });
     }
-    return /* @__PURE__ */ m(t, { ...i, ref: n, children: l });
+    return /* @__PURE__ */ m(t, { ...c, ref: n, children: l });
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var ke = /* @__PURE__ */ He("Slot");
+var ze = /* @__PURE__ */ $e("Slot");
 // @__NO_SIDE_EFFECTS__
-function $e(e) {
-  const t = s.forwardRef((r, o) => {
+function ke(e) {
+  const t = i.forwardRef((r, o) => {
     let { children: n, ...l } = r;
-    if (oe(n) && typeof H == "function" && (n = H(n._payload)), s.isValidElement(n)) {
-      const i = Fe(n), c = Be(l, n.props);
-      return n.type !== s.Fragment && (c.ref = o ? Y(o, i) : i), s.cloneElement(n, c);
+    if (oe(n) && typeof $ == "function" && (n = $(n._payload)), i.isValidElement(n)) {
+      const c = Fe(n), s = Be(l, n.props);
+      return n.type !== i.Fragment && (s.ref = o ? Y(o, c) : c), i.cloneElement(n, s);
     }
-    return s.Children.count(n) > 1 ? s.Children.only(null) : null;
+    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var ze = /* @__PURE__ */ Symbol("radix.slottable");
-function Ue(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ze;
+var Ue = Symbol("radix.slottable");
+function He(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ue;
 }
 function Be(e, t) {
   const r = { ...t };
   for (const o in t) {
     const n = e[o], l = t[o];
-    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...c) => {
-      const a = l(...c);
-      return n(...c), a;
+    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...s) => {
+      const a = l(...s);
+      return n(...s), a;
     } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...l } : o === "className" && (r[o] = [n, l].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
 function Fe(e) {
-  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 const Xe = ne(
   "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98]",
@@ -356,8 +376,8 @@ const Xe = ne(
       size: "default"
     }
   }
-), Ye = s.forwardRef(
-  ({ className: e, variant: t, size: r, asChild: o = !1, ...n }, l) => /* @__PURE__ */ m(o ? ke : "button", { className: z(Xe({ variant: t, size: r, className: e })), ref: l, ...n })
+), Ye = i.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: o = !1, ...n }, l) => /* @__PURE__ */ m(o ? ze : "button", { className: U(Xe({ variant: t, size: r, className: e })), ref: l, ...n })
 );
 Ye.displayName = "Button";
 const je = ne(
@@ -380,23 +400,23 @@ const je = ne(
   }
 );
 function bt({ className: e, variant: t, ...r }) {
-  return /* @__PURE__ */ m("div", { className: z(je({ variant: t }), e), ...r });
+  return /* @__PURE__ */ m("div", { className: U(je({ variant: t }), e), ...r });
 }
 function qe(e, [t, r]) {
   return Math.min(r, Math.max(t, e));
 }
 function Ze(e, t) {
-  return s.useReducer((r, o) => t[r][o] ?? r, e);
+  return i.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var j = "ScrollArea", [le] = Ce(j), [Ke, S] = le(j), se = s.forwardRef(
+var j = "ScrollArea", [le] = Ce(j), [Ke, S] = le(j), ie = i.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
       type: o = "hover",
       dir: n,
       scrollHideDelay: l = 600,
-      ...i
-    } = e, [c, a] = s.useState(null), [u, d] = s.useState(null), [h, f] = s.useState(null), [p, v] = s.useState(null), [g, w] = s.useState(null), [P, O] = s.useState(0), [F, D] = s.useState(0), [M, N] = s.useState(!1), [W, I] = s.useState(!1), b = R(t, (A) => a(A)), y = We(n);
+      ...c
+    } = e, [s, a] = i.useState(null), [u, d] = i.useState(null), [f, h] = i.useState(null), [p, v] = i.useState(null), [g, w] = i.useState(null), [C, O] = i.useState(0), [F, D] = i.useState(0), [M, N] = i.useState(!1), [W, I] = i.useState(!1), b = R(t, (A) => a(A)), y = We(n);
     return /* @__PURE__ */ m(
       Ke,
       {
@@ -404,11 +424,11 @@ var j = "ScrollArea", [le] = Ce(j), [Ke, S] = le(j), se = s.forwardRef(
         type: o,
         dir: y,
         scrollHideDelay: l,
-        scrollArea: c,
+        scrollArea: s,
         viewport: u,
         onViewportChange: d,
-        content: h,
-        onContentChange: f,
+        content: f,
+        onContentChange: h,
         scrollbarX: p,
         onScrollbarXChange: v,
         scrollbarXEnabled: M,
@@ -423,12 +443,12 @@ var j = "ScrollArea", [le] = Ce(j), [Ke, S] = le(j), se = s.forwardRef(
           _.div,
           {
             dir: y,
-            ...i,
+            ...c,
             ref: b,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": P + "px",
+              "--radix-scroll-area-corner-width": C + "px",
               "--radix-scroll-area-corner-height": F + "px",
               ...e.style
             }
@@ -438,10 +458,10 @@ var j = "ScrollArea", [le] = Ce(j), [Ke, S] = le(j), se = s.forwardRef(
     );
   }
 );
-se.displayName = j;
-var ie = "ScrollAreaViewport", ce = s.forwardRef(
+ie.displayName = j;
+var se = "ScrollAreaViewport", ce = i.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: n, ...l } = e, i = S(ie, r), c = s.useRef(null), a = R(t, c, i.onViewportChange);
+    const { __scopeScrollArea: r, children: o, nonce: n, ...l } = e, c = S(se, r), s = i.useRef(null), a = R(t, s, c.onViewportChange);
     return /* @__PURE__ */ re(Se, { children: [
       /* @__PURE__ */ m(
         "style",
@@ -470,39 +490,39 @@ var ie = "ScrollAreaViewport", ce = s.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: i.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: i.scrollbarYEnabled ? "scroll" : "hidden",
+            overflowX: c.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: c.scrollbarYEnabled ? "scroll" : "hidden",
             ...e.style
           },
-          children: /* @__PURE__ */ m("div", { ref: i.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
+          children: /* @__PURE__ */ m("div", { ref: c.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
         }
       )
     ] });
   }
 );
-ce.displayName = ie;
-var C = "ScrollAreaScrollbar", q = s.forwardRef(
+ce.displayName = se;
+var P = "ScrollAreaScrollbar", q = i.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, n = S(C, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: i } = n, c = e.orientation === "horizontal";
-    return s.useEffect(() => (c ? l(!0) : i(!0), () => {
-      c ? l(!1) : i(!1);
-    }), [c, l, i]), n.type === "hover" ? /* @__PURE__ */ m(Ge, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ m(Je, { ...o, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ m(ae, { ...o, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ m(Z, { ...o, ref: t }) : null;
+    const { forceMount: r, ...o } = e, n = S(P, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: c } = n, s = e.orientation === "horizontal";
+    return i.useEffect(() => (s ? l(!0) : c(!0), () => {
+      s ? l(!1) : c(!1);
+    }), [s, l, c]), n.type === "hover" ? /* @__PURE__ */ m(Ge, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ m(Je, { ...o, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ m(ae, { ...o, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ m(Z, { ...o, ref: t }) : null;
   }
 );
-q.displayName = C;
-var Ge = s.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, n = S(C, e.__scopeScrollArea), [l, i] = s.useState(!1);
-  return s.useEffect(() => {
-    const c = n.scrollArea;
+q.displayName = P;
+var Ge = i.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, n = S(P, e.__scopeScrollArea), [l, c] = i.useState(!1);
+  return i.useEffect(() => {
+    const s = n.scrollArea;
     let a = 0;
-    if (c) {
+    if (s) {
       const u = () => {
-        window.clearTimeout(a), i(!0);
+        window.clearTimeout(a), c(!0);
       }, d = () => {
-        a = window.setTimeout(() => i(!1), n.scrollHideDelay);
+        a = window.setTimeout(() => c(!1), n.scrollHideDelay);
       };
-      return c.addEventListener("pointerenter", u), c.addEventListener("pointerleave", d), () => {
-        window.clearTimeout(a), c.removeEventListener("pointerenter", u), c.removeEventListener("pointerleave", d);
+      return s.addEventListener("pointerenter", u), s.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(a), s.removeEventListener("pointerenter", u), s.removeEventListener("pointerleave", d);
       };
     }
   }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ m(L, { present: r || l, children: /* @__PURE__ */ m(
@@ -513,8 +533,8 @@ var Ge = s.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Je = s.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, n = S(C, e.__scopeScrollArea), l = e.orientation === "horizontal", i = B(() => a("SCROLL_END"), 100), [c, a] = Ze("hidden", {
+}), Je = i.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, n = S(P, e.__scopeScrollArea), l = e.orientation === "horizontal", c = B(() => a("SCROLL_END"), 100), [s, a] = Ze("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -532,36 +552,36 @@ var Ge = s.forwardRef((e, t) => {
       POINTER_ENTER: "interacting"
     }
   });
-  return s.useEffect(() => {
-    if (c === "idle") {
+  return i.useEffect(() => {
+    if (s === "idle") {
       const u = window.setTimeout(() => a("HIDE"), n.scrollHideDelay);
       return () => window.clearTimeout(u);
     }
-  }, [c, n.scrollHideDelay, a]), s.useEffect(() => {
+  }, [s, n.scrollHideDelay, a]), i.useEffect(() => {
     const u = n.viewport, d = l ? "scrollLeft" : "scrollTop";
     if (u) {
-      let h = u[d];
-      const f = () => {
+      let f = u[d];
+      const h = () => {
         const p = u[d];
-        h !== p && (a("SCROLL"), i()), h = p;
+        f !== p && (a("SCROLL"), c()), f = p;
       };
-      return u.addEventListener("scroll", f), () => u.removeEventListener("scroll", f);
+      return u.addEventListener("scroll", h), () => u.removeEventListener("scroll", h);
     }
-  }, [n.viewport, l, a, i]), /* @__PURE__ */ m(L, { present: r || c !== "hidden", children: /* @__PURE__ */ m(
+  }, [n.viewport, l, a, c]), /* @__PURE__ */ m(L, { present: r || s !== "hidden", children: /* @__PURE__ */ m(
     Z,
     {
-      "data-state": c === "hidden" ? "hidden" : "visible",
+      "data-state": s === "hidden" ? "hidden" : "visible",
       ...o,
       ref: t,
-      onPointerEnter: x(e.onPointerEnter, () => a("POINTER_ENTER")),
-      onPointerLeave: x(e.onPointerLeave, () => a("POINTER_LEAVE"))
+      onPointerEnter: E(e.onPointerEnter, () => a("POINTER_ENTER")),
+      onPointerLeave: E(e.onPointerLeave, () => a("POINTER_LEAVE"))
     }
   ) });
-}), ae = s.forwardRef((e, t) => {
-  const r = S(C, e.__scopeScrollArea), { forceMount: o, ...n } = e, [l, i] = s.useState(!1), c = e.orientation === "horizontal", a = B(() => {
+}), ae = i.forwardRef((e, t) => {
+  const r = S(P, e.__scopeScrollArea), { forceMount: o, ...n } = e, [l, c] = i.useState(!1), s = e.orientation === "horizontal", a = B(() => {
     if (r.viewport) {
       const u = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      i(c ? u : d);
+      c(s ? u : d);
     }
   }, 10);
   return T(r.viewport, a), T(r.content, a), /* @__PURE__ */ m(L, { present: o || l, children: /* @__PURE__ */ m(
@@ -572,22 +592,22 @@ var Ge = s.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Z = s.forwardRef((e, t) => {
-  const { orientation: r = "vertical", ...o } = e, n = S(C, e.__scopeScrollArea), l = s.useRef(null), i = s.useRef(0), [c, a] = s.useState({
+}), Z = i.forwardRef((e, t) => {
+  const { orientation: r = "vertical", ...o } = e, n = S(P, e.__scopeScrollArea), l = i.useRef(null), c = i.useRef(0), [s, a] = i.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = me(c.viewport, c.content), d = {
+  }), u = me(s.viewport, s.content), d = {
     ...o,
-    sizes: c,
+    sizes: s,
     onSizesChange: a,
     hasThumb: u > 0 && u < 1,
-    onThumbChange: (f) => l.current = f,
-    onThumbPointerUp: () => i.current = 0,
-    onThumbPointerDown: (f) => i.current = f
+    onThumbChange: (h) => l.current = h,
+    onThumbPointerUp: () => c.current = 0,
+    onThumbPointerDown: (h) => c.current = h
   };
-  function h(f, p) {
-    return ot(f, i.current, c, p);
+  function f(h, p) {
+    return ot(h, c.current, s, p);
   }
   return r === "horizontal" ? /* @__PURE__ */ m(
     Qe,
@@ -596,15 +616,15 @@ var Ge = s.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && l.current) {
-          const f = n.viewport.scrollLeft, p = ee(f, c, n.dir);
+          const h = n.viewport.scrollLeft, p = ee(h, s, n.dir);
           l.current.style.transform = `translate3d(${p}px, 0, 0)`;
         }
       },
-      onWheelScroll: (f) => {
-        n.viewport && (n.viewport.scrollLeft = f);
+      onWheelScroll: (h) => {
+        n.viewport && (n.viewport.scrollLeft = h);
       },
-      onDragScroll: (f) => {
-        n.viewport && (n.viewport.scrollLeft = h(f, n.dir));
+      onDragScroll: (h) => {
+        n.viewport && (n.viewport.scrollLeft = f(h, n.dir));
       }
     }
   ) : r === "vertical" ? /* @__PURE__ */ m(
@@ -614,22 +634,22 @@ var Ge = s.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && l.current) {
-          const f = n.viewport.scrollTop, p = ee(f, c);
+          const h = n.viewport.scrollTop, p = ee(h, s);
           l.current.style.transform = `translate3d(0, ${p}px, 0)`;
         }
       },
-      onWheelScroll: (f) => {
-        n.viewport && (n.viewport.scrollTop = f);
+      onWheelScroll: (h) => {
+        n.viewport && (n.viewport.scrollTop = h);
       },
-      onDragScroll: (f) => {
-        n.viewport && (n.viewport.scrollTop = h(f));
+      onDragScroll: (h) => {
+        n.viewport && (n.viewport.scrollTop = f(h));
       }
     }
   ) : null;
-}), Qe = s.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...n } = e, l = S(C, e.__scopeScrollArea), [i, c] = s.useState(), a = s.useRef(null), u = R(t, a, l.onScrollbarXChange);
-  return s.useEffect(() => {
-    a.current && c(getComputedStyle(a.current));
+}), Qe = i.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...n } = e, l = S(P, e.__scopeScrollArea), [c, s] = i.useState(), a = i.useRef(null), u = R(t, a, l.onScrollbarXChange);
+  return i.useEffect(() => {
+    a.current && s(getComputedStyle(a.current));
   }, [a]), /* @__PURE__ */ m(
     de,
     {
@@ -641,34 +661,34 @@ var Ge = s.forwardRef((e, t) => {
         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": U(r) + "px",
+        "--radix-scroll-area-thumb-width": H(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
       onDragScroll: (d) => e.onDragScroll(d.x),
-      onWheelScroll: (d, h) => {
+      onWheelScroll: (d, f) => {
         if (l.viewport) {
-          const f = l.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(f), ve(f, h) && d.preventDefault();
+          const h = l.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(h), ve(h, f) && d.preventDefault();
         }
       },
       onResize: () => {
-        a.current && l.viewport && i && o({
+        a.current && l.viewport && c && o({
           content: l.viewport.scrollWidth,
           viewport: l.viewport.offsetWidth,
           scrollbar: {
             size: a.current.clientWidth,
-            paddingStart: $(i.paddingLeft),
-            paddingEnd: $(i.paddingRight)
+            paddingStart: k(c.paddingLeft),
+            paddingEnd: k(c.paddingRight)
           }
         });
       }
     }
   );
-}), et = s.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...n } = e, l = S(C, e.__scopeScrollArea), [i, c] = s.useState(), a = s.useRef(null), u = R(t, a, l.onScrollbarYChange);
-  return s.useEffect(() => {
-    a.current && c(getComputedStyle(a.current));
+}), et = i.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...n } = e, l = S(P, e.__scopeScrollArea), [c, s] = i.useState(), a = i.useRef(null), u = R(t, a, l.onScrollbarYChange);
+  return i.useEffect(() => {
+    a.current && s(getComputedStyle(a.current));
   }, [a]), /* @__PURE__ */ m(
     de,
     {
@@ -681,112 +701,112 @@ var Ge = s.forwardRef((e, t) => {
         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": U(r) + "px",
+        "--radix-scroll-area-thumb-height": H(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
       onDragScroll: (d) => e.onDragScroll(d.y),
-      onWheelScroll: (d, h) => {
+      onWheelScroll: (d, f) => {
         if (l.viewport) {
-          const f = l.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(f), ve(f, h) && d.preventDefault();
+          const h = l.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(h), ve(h, f) && d.preventDefault();
         }
       },
       onResize: () => {
-        a.current && l.viewport && i && o({
+        a.current && l.viewport && c && o({
           content: l.viewport.scrollHeight,
           viewport: l.viewport.offsetHeight,
           scrollbar: {
             size: a.current.clientHeight,
-            paddingStart: $(i.paddingTop),
-            paddingEnd: $(i.paddingBottom)
+            paddingStart: k(c.paddingTop),
+            paddingEnd: k(c.paddingBottom)
           }
         });
       }
     }
   );
-}), [tt, ue] = le(C), de = s.forwardRef((e, t) => {
+}), [tt, ue] = le(P), de = i.forwardRef((e, t) => {
   const {
     __scopeScrollArea: r,
     sizes: o,
     hasThumb: n,
     onThumbChange: l,
-    onThumbPointerUp: i,
-    onThumbPointerDown: c,
+    onThumbPointerUp: c,
+    onThumbPointerDown: s,
     onThumbPositionChange: a,
     onDragScroll: u,
     onWheelScroll: d,
-    onResize: h,
-    ...f
-  } = e, p = S(C, r), [v, g] = s.useState(null), w = R(t, (b) => g(b)), P = s.useRef(null), O = s.useRef(""), F = p.viewport, D = o.content - o.viewport, M = E(d), N = E(a), W = B(h, 10);
+    onResize: f,
+    ...h
+  } = e, p = S(P, r), [v, g] = i.useState(null), w = R(t, (b) => g(b)), C = i.useRef(null), O = i.useRef(""), F = p.viewport, D = o.content - o.viewport, M = x(d), N = x(a), W = B(f, 10);
   function I(b) {
-    if (P.current) {
-      const y = b.clientX - P.current.left, A = b.clientY - P.current.top;
+    if (C.current) {
+      const y = b.clientX - C.current.left, A = b.clientY - C.current.top;
       u({ x: y, y: A });
     }
   }
-  return s.useEffect(() => {
+  return i.useEffect(() => {
     const b = (y) => {
       const A = y.target;
-      v?.contains(A) && M(y, D);
+      (v == null ? void 0 : v.contains(A)) && M(y, D);
     };
     return document.addEventListener("wheel", b, { passive: !1 }), () => document.removeEventListener("wheel", b, { passive: !1 });
-  }, [F, v, D, M]), s.useEffect(N, [o, N]), T(v, W), T(p.content, W), /* @__PURE__ */ m(
+  }, [F, v, D, M]), i.useEffect(N, [o, N]), T(v, W), T(p.content, W), /* @__PURE__ */ m(
     tt,
     {
       scope: r,
       scrollbar: v,
       hasThumb: n,
-      onThumbChange: E(l),
-      onThumbPointerUp: E(i),
+      onThumbChange: x(l),
+      onThumbPointerUp: x(c),
       onThumbPositionChange: N,
-      onThumbPointerDown: E(c),
+      onThumbPointerDown: x(s),
       children: /* @__PURE__ */ m(
         _.div,
         {
-          ...f,
+          ...h,
           ref: w,
-          style: { position: "absolute", ...f.style },
-          onPointerDown: x(e.onPointerDown, (b) => {
-            b.button === 0 && (b.target.setPointerCapture(b.pointerId), P.current = v.getBoundingClientRect(), O.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), I(b));
+          style: { position: "absolute", ...h.style },
+          onPointerDown: E(e.onPointerDown, (b) => {
+            b.button === 0 && (b.target.setPointerCapture(b.pointerId), C.current = v.getBoundingClientRect(), O.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), I(b));
           }),
-          onPointerMove: x(e.onPointerMove, I),
-          onPointerUp: x(e.onPointerUp, (b) => {
+          onPointerMove: E(e.onPointerMove, I),
+          onPointerUp: E(e.onPointerUp, (b) => {
             const y = b.target;
-            y.hasPointerCapture(b.pointerId) && y.releasePointerCapture(b.pointerId), document.body.style.webkitUserSelect = O.current, p.viewport && (p.viewport.style.scrollBehavior = ""), P.current = null;
+            y.hasPointerCapture(b.pointerId) && y.releasePointerCapture(b.pointerId), document.body.style.webkitUserSelect = O.current, p.viewport && (p.viewport.style.scrollBehavior = ""), C.current = null;
           })
         }
       )
     }
   );
-}), k = "ScrollAreaThumb", fe = s.forwardRef(
+}), z = "ScrollAreaThumb", fe = i.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, n = ue(k, e.__scopeScrollArea);
+    const { forceMount: r, ...o } = e, n = ue(z, e.__scopeScrollArea);
     return /* @__PURE__ */ m(L, { present: r || n.hasThumb, children: /* @__PURE__ */ m(rt, { ref: t, ...o }) });
   }
-), rt = s.forwardRef(
+), rt = i.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...n } = e, l = S(k, r), i = ue(k, r), { onThumbPositionChange: c } = i, a = R(
+    const { __scopeScrollArea: r, style: o, ...n } = e, l = S(z, r), c = ue(z, r), { onThumbPositionChange: s } = c, a = R(
       t,
-      (h) => i.onThumbChange(h)
-    ), u = s.useRef(void 0), d = B(() => {
+      (f) => c.onThumbChange(f)
+    ), u = i.useRef(void 0), d = B(() => {
       u.current && (u.current(), u.current = void 0);
     }, 100);
-    return s.useEffect(() => {
-      const h = l.viewport;
-      if (h) {
-        const f = () => {
+    return i.useEffect(() => {
+      const f = l.viewport;
+      if (f) {
+        const h = () => {
           if (d(), !u.current) {
-            const p = lt(h, c);
-            u.current = p, c();
+            const p = lt(f, s);
+            u.current = p, s();
           }
         };
-        return c(), h.addEventListener("scroll", f), () => h.removeEventListener("scroll", f);
+        return s(), f.addEventListener("scroll", h), () => f.removeEventListener("scroll", h);
       }
-    }, [l.viewport, d, c]), /* @__PURE__ */ m(
+    }, [l.viewport, d, s]), /* @__PURE__ */ m(
       _.div,
       {
-        "data-state": i.hasThumb ? "visible" : "hidden",
+        "data-state": c.hasThumb ? "visible" : "hidden",
         ...n,
         ref: a,
         style: {
@@ -794,31 +814,33 @@ var Ge = s.forwardRef((e, t) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...o
         },
-        onPointerDownCapture: x(e.onPointerDownCapture, (h) => {
-          const p = h.target.getBoundingClientRect(), v = h.clientX - p.left, g = h.clientY - p.top;
-          i.onThumbPointerDown({ x: v, y: g });
+        onPointerDownCapture: E(e.onPointerDownCapture, (f) => {
+          const p = f.target.getBoundingClientRect(), v = f.clientX - p.left, g = f.clientY - p.top;
+          c.onThumbPointerDown({ x: v, y: g });
         }),
-        onPointerUp: x(e.onPointerUp, i.onThumbPointerUp)
+        onPointerUp: E(e.onPointerUp, c.onThumbPointerUp)
       }
     );
   }
 );
-fe.displayName = k;
-var K = "ScrollAreaCorner", he = s.forwardRef(
+fe.displayName = z;
+var K = "ScrollAreaCorner", he = i.forwardRef(
   (e, t) => {
     const r = S(K, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && o ? /* @__PURE__ */ m(nt, { ...e, ref: t }) : null;
   }
 );
 he.displayName = K;
-var nt = s.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...o } = e, n = S(K, r), [l, i] = s.useState(0), [c, a] = s.useState(0), u = !!(l && c);
+var nt = i.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, ...o } = e, n = S(K, r), [l, c] = i.useState(0), [s, a] = i.useState(0), u = !!(l && s);
   return T(n.scrollbarX, () => {
-    const d = n.scrollbarX?.offsetHeight || 0;
+    var f;
+    const d = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
     n.onCornerHeightChange(d), a(d);
   }), T(n.scrollbarY, () => {
-    const d = n.scrollbarY?.offsetWidth || 0;
-    n.onCornerWidthChange(d), i(d);
+    var f;
+    const d = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    n.onCornerWidthChange(d), c(d);
   }), u ? /* @__PURE__ */ m(
     _.div,
     {
@@ -826,7 +848,7 @@ var nt = s.forwardRef((e, t) => {
       ref: t,
       style: {
         width: l,
-        height: c,
+        height: s,
         position: "absolute",
         right: n.dir === "ltr" ? 0 : void 0,
         left: n.dir === "rtl" ? 0 : void 0,
@@ -836,24 +858,24 @@ var nt = s.forwardRef((e, t) => {
     }
   ) : null;
 });
-function $(e) {
+function k(e) {
   return e ? parseInt(e, 10) : 0;
 }
 function me(e, t) {
   const r = e / t;
   return isNaN(r) ? 0 : r;
 }
-function U(e) {
+function H(e) {
   const t = me(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
   return Math.max(o, 18);
 }
 function ot(e, t, r, o = "ltr") {
-  const n = U(r), l = n / 2, i = t || l, c = n - i, a = r.scrollbar.paddingStart + i, u = r.scrollbar.size - r.scrollbar.paddingEnd - c, d = r.content - r.viewport, h = o === "ltr" ? [0, d] : [d * -1, 0];
-  return pe([a, u], h)(e);
+  const n = H(r), l = n / 2, c = t || l, s = n - c, a = r.scrollbar.paddingStart + c, u = r.scrollbar.size - r.scrollbar.paddingEnd - s, d = r.content - r.viewport, f = o === "ltr" ? [0, d] : [d * -1, 0];
+  return pe([a, u], f)(e);
 }
 function ee(e, t, r = "ltr") {
-  const o = U(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, l = t.scrollbar.size - n, i = t.content - t.viewport, c = l - o, a = r === "ltr" ? [0, i] : [i * -1, 0], u = qe(e, a);
-  return pe([0, i], [0, c])(u);
+  const o = H(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, l = t.scrollbar.size - n, c = t.content - t.viewport, s = l - o, a = r === "ltr" ? [0, c] : [c * -1, 0], u = qe(e, a);
+  return pe([0, c], [0, s])(u);
 }
 function pe(e, t) {
   return (r) => {
@@ -868,19 +890,19 @@ function ve(e, t) {
 var lt = (e, t = () => {
 }) => {
   let r = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
-  return (function n() {
-    const l = { left: e.scrollLeft, top: e.scrollTop }, i = r.left !== l.left, c = r.top !== l.top;
-    (i || c) && t(), r = l, o = window.requestAnimationFrame(n);
-  })(), () => window.cancelAnimationFrame(o);
+  return function n() {
+    const l = { left: e.scrollLeft, top: e.scrollTop }, c = r.left !== l.left, s = r.top !== l.top;
+    (c || s) && t(), r = l, o = window.requestAnimationFrame(n);
+  }(), () => window.cancelAnimationFrame(o);
 };
 function B(e, t) {
-  const r = E(e), o = s.useRef(0);
-  return s.useEffect(() => () => window.clearTimeout(o.current), []), s.useCallback(() => {
+  const r = x(e), o = i.useRef(0);
+  return i.useEffect(() => () => window.clearTimeout(o.current), []), i.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
   }, [r, t]);
 }
 function T(e, t) {
-  const r = E(t);
+  const r = x(t);
   X(() => {
     let o = 0;
     if (e) {
@@ -893,27 +915,27 @@ function T(e, t) {
     }
   }, [e, r]);
 }
-var be = se, st = ce, it = he;
-const ct = s.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ re(
+var be = ie, it = ce, st = he;
+const ct = i.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ re(
   be,
   {
     ref: o,
-    className: z("relative overflow-hidden", e),
+    className: U("relative overflow-hidden", e),
     ...r,
     children: [
-      /* @__PURE__ */ m(st, { className: "h-full w-full rounded-[inherit]", children: t }),
+      /* @__PURE__ */ m(it, { className: "h-full w-full rounded-[inherit]", children: t }),
       /* @__PURE__ */ m(ge, {}),
-      /* @__PURE__ */ m(it, {})
+      /* @__PURE__ */ m(st, {})
     ]
   }
 ));
 ct.displayName = be.displayName;
-const ge = s.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ m(
+const ge = i.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ m(
   q,
   {
     ref: o,
     orientation: t,
-    className: z(
+    className: U(
       "flex touch-none select-none transition-colors",
       t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
@@ -939,14 +961,14 @@ export {
   Ce as g,
   R as h,
   X as i,
-  x as j,
-  E as k,
+  E as j,
+  x as k,
   qe as l,
   L as m,
   ht as n,
-  He as o,
-  ke as p,
+  $e as o,
+  ze as p,
   mt as q,
   We as u
 };
-//# sourceMappingURL=scroll-area-DQeqDp3Y.js.map
+//# sourceMappingURL=scroll-area-A3jGu-Ta.js.map