laif-ds 0.1.73 → 0.1.75

package/dist/node_modules/@radix-ui/react-portal/dist/index.js

@@ -1,17 +1,16 @@
 "use client";
-import * as r from "react";
-import m from "react-dom";
-import { Primitive as c } from "../../react-primitive/dist/index.js";
-import { useLayoutEffect as u } from "../../react-use-layout-effect/dist/index.js";
-import { jsx as l } from "react/jsx-runtime";
-var p = "Portal", d = r.forwardRef((e, a) => {
-  var o;
-  const { container: i, ...n } = e, [s, f] = r.useState(!1);
-  u(() => f(!0), []);
-  const t = i || s && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
-  return t ? m.createPortal(/* @__PURE__ */ l(c.div, { ...n, ref: a }), t) : null;
+import * as o from "react";
+import f from "react-dom";
+import { Primitive as m } from "../../react-primitive/dist/index.js";
+import { useLayoutEffect as c } from "../../react-use-layout-effect/dist/index.js";
+import { jsx as u } from "react/jsx-runtime";
+var l = "Portal", p = o.forwardRef((r, e) => {
+  const { container: a, ...i } = r, [n, s] = o.useState(!1);
+  c(() => s(!0), []);
+  const t = a || n && globalThis?.document?.body;
+  return t ? f.createPortal(/* @__PURE__ */ u(m.div, { ...i, ref: e }), t) : null;
 });
-d.displayName = p;
+p.displayName = l;
 export {
-  d as Portal
+  p as Portal
 };

package/dist/node_modules/@radix-ui/react-presence/dist/index.js

@@ -1,17 +1,17 @@
 "use client";
-import * as a from "react";
-import { useComposedRefs as E } from "../../react-compose-refs/dist/index.js";
+import * as i from "react";
+import { useComposedRefs as O } from "../../react-compose-refs/dist/index.js";
 import { useLayoutEffect as A } from "../../react-use-layout-effect/dist/index.js";
-function T(n, e) {
-  return a.useReducer((r, t) => e[r][t] ?? r, n);
+function E(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
 }
-var R = (n) => {
-  const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
-  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
+var T = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = O(r.ref, v(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
 };
-R.displayName = "Presence";
-function v(n) {
-  const [e, r] = a.useState(), t = a.useRef(null), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
+T.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -24,28 +24,28 @@ function v(n) {
       MOUNT: "mounted"
     }
   });
-  return a.useEffect(() => {
-    const o = l(t.current);
+  return i.useEffect(() => {
+    const o = l(r.current);
     c.current = N === "mounted" ? o : "none";
   }, [N]), A(() => {
-    const o = t.current, m = i.current;
+    const o = r.current, m = a.current;
     if (m !== n) {
       const f = c.current, u = l(o);
-      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
     }
   }, [n, s]), A(() => {
     if (e) {
       let o;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(u.animationName);
-        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
-          const O = e.style.animationFillMode;
+        const g = l(r.current).includes(u.animationName);
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const y = e.style.animationFillMode;
           e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
-            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = y);
           });
         }
       }, f = (u) => {
-        u.target === e && (c.current = l(t.current));
+        u.target === e && (c.current = l(r.current));
       };
       return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
         m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
@@ -54,19 +54,18 @@ function v(n) {
       s("ANIMATION_END");
   }, [e, s]), {
     isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: a.useCallback((o) => {
-      t.current = o ? getComputedStyle(o) : null, r(o);
+    ref: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
     }, [])
   };
 }
 function l(n) {
-  return (n == null ? void 0 : n.animationName) || "none";
+  return n?.animationName || "none";
 }
-function P(n) {
-  var t, i;
-  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
 }
 export {
-  R as Presence
+  T as Presence
 };

package/dist/node_modules/@radix-ui/react-radio-group/dist/index.js

@@ -1,57 +1,57 @@
 "use client";
-import * as i from "react";
+import * as n from "react";
 import { composeEventHandlers as I } from "../../primitive/dist/index.js";
 import { useComposedRefs as E } from "../../react-compose-refs/dist/index.js";
 import { createContextScope as w } from "../../react-context/dist/index.js";
-import { Primitive as b } from "../../react-primitive/dist/index.js";
+import { Primitive as C } from "../../react-primitive/dist/index.js";
 import { createRovingFocusGroupScope as P, Root as B, Item as q } from "../../react-roving-focus/dist/index.js";
 import { useControllableState as K } from "../../react-use-controllable-state/dist/index.js";
 import { useDirection as T } from "../../react-direction/dist/index.js";
 import { useSize as U } from "../../react-use-size/dist/index.js";
 import { usePrevious as V } from "../../react-use-previous/dist/index.js";
 import { Presence as j } from "../../react-presence/dist/index.js";
-import { jsx as p, jsxs as z } from "react/jsx-runtime";
-var _ = "Radio", [H, G] = w(_), [W, X] = H(_), S = i.forwardRef(
-  (a, d) => {
+import { jsx as u, jsxs as z } from "react/jsx-runtime";
+var _ = "Radio", [H, k] = w(_), [W, X] = H(_), G = n.forwardRef(
+  (t, d) => {
     const {
       __scopeRadio: o,
-      name: s,
+      name: i,
       checked: e = !1,
       required: r,
-      disabled: n,
-      value: f = "on",
-      onCheck: c,
+      disabled: a,
+      value: l = "on",
+      onCheck: f,
       form: m,
       ...R
-    } = a, [l, v] = i.useState(null), t = E(d, (y) => v(y)), u = i.useRef(!1), h = l ? m || !!l.closest("form") : !0;
-    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: n, children: [
-      /* @__PURE__ */ p(
-        b.button,
+    } = t, [p, v] = n.useState(null), s = E(d, (y) => v(y)), c = n.useRef(!1), h = p ? m || !!p.closest("form") : !0;
+    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: a, children: [
+      /* @__PURE__ */ u(
+        C.button,
         {
           type: "button",
           role: "radio",
           "aria-checked": e,
           "data-state": N(e),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
-          value: f,
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: l,
           ...R,
-          ref: t,
-          onClick: I(a.onClick, (y) => {
-            e || c == null || c(), h && (u.current = y.isPropagationStopped(), u.current || y.stopPropagation());
+          ref: s,
+          onClick: I(t.onClick, (y) => {
+            e || f?.(), h && (c.current = y.isPropagationStopped(), c.current || y.stopPropagation());
           })
         }
       ),
-      h && /* @__PURE__ */ p(
+      h && /* @__PURE__ */ u(
         A,
         {
-          control: l,
-          bubbles: !u.current,
-          name: s,
-          value: f,
+          control: p,
+          bubbles: !c.current,
+          name: i,
+          value: l,
           checked: e,
           required: r,
-          disabled: n,
+          disabled: a,
           form: m,
           style: { transform: "translateX(-100%)" }
         }
@@ -59,12 +59,12 @@ var _ = "Radio", [H, G] = w(_), [W, X] = H(_), S = i.forwardRef(
     ] });
   }
 );
-S.displayName = _;
-var g = "RadioIndicator", k = i.forwardRef(
-  (a, d) => {
-    const { __scopeRadio: o, forceMount: s, ...e } = a, r = X(g, o);
-    return /* @__PURE__ */ p(j, { present: s || r.checked, children: /* @__PURE__ */ p(
-      b.span,
+G.displayName = _;
+var S = "RadioIndicator", g = n.forwardRef(
+  (t, d) => {
+    const { __scopeRadio: o, forceMount: i, ...e } = t, r = X(S, o);
+    return /* @__PURE__ */ u(j, { present: i || r.checked, children: /* @__PURE__ */ u(
+      C.span,
       {
         "data-state": N(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
@@ -74,36 +74,36 @@ var g = "RadioIndicator", k = i.forwardRef(
     ) });
   }
 );
-k.displayName = g;
-var Y = "RadioBubbleInput", A = i.forwardRef(
+g.displayName = S;
+var Y = "RadioBubbleInput", A = n.forwardRef(
   ({
-    __scopeRadio: a,
+    __scopeRadio: t,
     control: d,
     checked: o,
-    bubbles: s = !0,
+    bubbles: i = !0,
     ...e
   }, r) => {
-    const n = i.useRef(null), f = E(n, r), c = V(o), m = U(d);
-    return i.useEffect(() => {
-      const R = n.current;
+    const a = n.useRef(null), l = E(a, r), f = V(o), m = U(d);
+    return n.useEffect(() => {
+      const R = a.current;
       if (!R) return;
-      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
-        l,
+      const p = window.HTMLInputElement.prototype, s = Object.getOwnPropertyDescriptor(
+        p,
         "checked"
       ).set;
-      if (c !== o && t) {
-        const u = new Event("click", { bubbles: s });
-        t.call(R, o), R.dispatchEvent(u);
+      if (f !== o && s) {
+        const c = new Event("click", { bubbles: i });
+        s.call(R, o), R.dispatchEvent(c);
       }
-    }, [c, o, s]), /* @__PURE__ */ p(
-      b.input,
+    }, [f, o, i]), /* @__PURE__ */ u(
+      C.input,
       {
         type: "radio",
         "aria-hidden": !0,
         defaultChecked: o,
         ...e,
         tabIndex: -1,
-        ref: f,
+        ref: l,
         style: {
           ...e.style,
           ...m,
@@ -117,57 +117,57 @@ var Y = "RadioBubbleInput", A = i.forwardRef(
   }
 );
 A.displayName = Y;
-function N(a) {
-  return a ? "checked" : "unchecked";
+function N(t) {
+  return t ? "checked" : "unchecked";
 }
-var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], C = "RadioGroup", [Q, le] = w(C, [
+var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], b = "RadioGroup", [Q, le] = w(b, [
   P,
-  G
-]), x = P(), D = G(), [Z, $] = Q(C), M = i.forwardRef(
-  (a, d) => {
+  k
+]), x = P(), D = k(), [Z, $] = Q(b), M = n.forwardRef(
+  (t, d) => {
     const {
       __scopeRadioGroup: o,
-      name: s,
+      name: i,
       defaultValue: e,
       value: r,
-      required: n = !1,
-      disabled: f = !1,
-      orientation: c,
+      required: a = !1,
+      disabled: l = !1,
+      orientation: f,
       dir: m,
       loop: R = !0,
-      onValueChange: l,
+      onValueChange: p,
       ...v
-    } = a, t = x(o), u = T(m), [h, y] = K({
+    } = t, s = x(o), c = T(m), [h, y] = K({
       prop: r,
       defaultProp: e ?? null,
-      onChange: l,
-      caller: C
+      onChange: p,
+      caller: b
     });
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ u(
       Z,
       {
         scope: o,
-        name: s,
-        required: n,
-        disabled: f,
+        name: i,
+        required: a,
+        disabled: l,
         value: h,
         onValueChange: y,
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ u(
           B,
           {
             asChild: !0,
-            ...t,
-            orientation: c,
-            dir: u,
+            ...s,
+            orientation: f,
+            dir: c,
             loop: R,
-            children: /* @__PURE__ */ p(
-              b.div,
+            children: /* @__PURE__ */ u(
+              C.div,
               {
                 role: "radiogroup",
-                "aria-required": n,
-                "aria-orientation": c,
-                "data-disabled": f ? "" : void 0,
-                dir: u,
+                "aria-required": a,
+                "aria-orientation": f,
+                "data-disabled": l ? "" : void 0,
+                dir: c,
                 ...v,
                 ref: d
               }
@@ -178,41 +178,40 @@ var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], C = "RadioGroup", [
     );
   }
 );
-M.displayName = C;
-var O = "RadioGroupItem", F = i.forwardRef(
-  (a, d) => {
-    const { __scopeRadioGroup: o, disabled: s, ...e } = a, r = $(O, o), n = r.disabled || s, f = x(o), c = D(o), m = i.useRef(null), R = E(d, m), l = r.value === e.value, v = i.useRef(!1);
-    return i.useEffect(() => {
-      const t = (h) => {
+M.displayName = b;
+var O = "RadioGroupItem", F = n.forwardRef(
+  (t, d) => {
+    const { __scopeRadioGroup: o, disabled: i, ...e } = t, r = $(O, o), a = r.disabled || i, l = x(o), f = D(o), m = n.useRef(null), R = E(d, m), p = r.value === e.value, v = n.useRef(!1);
+    return n.useEffect(() => {
+      const s = (h) => {
         J.includes(h.key) && (v.current = !0);
-      }, u = () => v.current = !1;
-      return document.addEventListener("keydown", t), document.addEventListener("keyup", u), () => {
-        document.removeEventListener("keydown", t), document.removeEventListener("keyup", u);
+      }, c = () => v.current = !1;
+      return document.addEventListener("keydown", s), document.addEventListener("keyup", c), () => {
+        document.removeEventListener("keydown", s), document.removeEventListener("keyup", c);
       };
-    }, []), /* @__PURE__ */ p(
+    }, []), /* @__PURE__ */ u(
       q,
       {
         asChild: !0,
-        ...f,
-        focusable: !n,
-        active: l,
-        children: /* @__PURE__ */ p(
-          S,
+        ...l,
+        focusable: !a,
+        active: p,
+        children: /* @__PURE__ */ u(
+          G,
           {
-            disabled: n,
+            disabled: a,
             required: r.required,
-            checked: l,
-            ...c,
+            checked: p,
+            ...f,
             ...e,
             name: r.name,
             ref: R,
             onCheck: () => r.onValueChange(e.value),
-            onKeyDown: I((t) => {
-              t.key === "Enter" && t.preventDefault();
+            onKeyDown: I((s) => {
+              s.key === "Enter" && s.preventDefault();
             }),
             onFocus: I(e.onFocus, () => {
-              var t;
-              v.current && ((t = m.current) == null || t.click());
+              v.current && m.current?.click();
             })
           }
         )
@@ -221,10 +220,10 @@ var O = "RadioGroupItem", F = i.forwardRef(
   }
 );
 F.displayName = O;
-var ee = "RadioGroupIndicator", L = i.forwardRef(
-  (a, d) => {
-    const { __scopeRadioGroup: o, ...s } = a, e = D(o);
-    return /* @__PURE__ */ p(k, { ...e, ...s, ref: d });
+var ee = "RadioGroupIndicator", L = n.forwardRef(
+  (t, d) => {
+    const { __scopeRadioGroup: o, ...i } = t, e = D(o);
+    return /* @__PURE__ */ u(g, { ...e, ...i, ref: d });
   }
 );
 L.displayName = ee;

package/dist/node_modules/@radix-ui/react-scroll-area/dist/index.js

@@ -13,7 +13,7 @@ import { jsx as b, jsxs as ie, Fragment as se } from "react/jsx-runtime";
 function ae(e, t) {
   return c.useReducer((r, l) => t[r][l] ?? r, e);
 }
-var V = "ScrollArea", [j, He] = te(V), [de, v] = j(V), q = c.forwardRef(
+var V = "ScrollArea", [j, He] = te(V), [de, p] = j(V), q = c.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -21,13 +21,13 @@ var V = "ScrollArea", [j, He] = te(V), [de, v] = j(V), q = c.forwardRef(
       dir: o,
       scrollHideDelay: n = 600,
       ...i
-    } = e, [s, a] = c.useState(null), [f, d] = c.useState(null), [h, u] = c.useState(null), [S, p] = c.useState(null), [y, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [W, x] = c.useState(!1), [H, z] = c.useState(!1), m = A(t, (E) => a(E)), w = ne(o);
+    } = e, [s, a] = c.useState(null), [f, d] = c.useState(null), [h, u] = c.useState(null), [S, w] = c.useState(null), [y, M] = c.useState(null), [P, _] = c.useState(0), [U, D] = c.useState(0), [W, x] = c.useState(!1), [H, z] = c.useState(!1), m = A(t, (E) => a(E)), v = ne(o);
     return /* @__PURE__ */ b(
       de,
       {
         scope: r,
         type: l,
-        dir: w,
+        dir: v,
         scrollHideDelay: n,
         scrollArea: s,
         viewport: f,
@@ -35,7 +35,7 @@ var V = "ScrollArea", [j, He] = te(V), [de, v] = j(V), q = c.forwardRef(
         content: h,
         onContentChange: u,
         scrollbarX: S,
-        onScrollbarXChange: p,
+        onScrollbarXChange: w,
         scrollbarXEnabled: W,
         onScrollbarXEnabledChange: x,
         scrollbarY: y,
@@ -47,7 +47,7 @@ var V = "ScrollArea", [j, He] = te(V), [de, v] = j(V), q = c.forwardRef(
         children: /* @__PURE__ */ b(
           L.div,
           {
-            dir: w,
+            dir: v,
             ...i,
             ref: m,
             style: {
@@ -66,7 +66,7 @@ var V = "ScrollArea", [j, He] = te(V), [de, v] = j(V), q = c.forwardRef(
 q.displayName = V;
 var $ = "ScrollAreaViewport", G = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: l, nonce: o, ...n } = e, i = v($, r), s = c.useRef(null), a = A(t, s, i.onViewportChange);
+    const { __scopeScrollArea: r, children: l, nonce: o, ...n } = e, i = p($, r), s = c.useRef(null), a = A(t, s, i.onViewportChange);
     return /* @__PURE__ */ ie(se, { children: [
       /* @__PURE__ */ b(
         "style",
@@ -108,7 +108,7 @@ var $ = "ScrollAreaViewport", G = c.forwardRef(
 G.displayName = $;
 var g = "ScrollAreaScrollbar", ue = c.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = o, s = e.orientation === "horizontal";
+    const { forceMount: r, ...l } = e, o = p(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = o, s = e.orientation === "horizontal";
     return c.useEffect(() => (s ? n(!0) : i(!0), () => {
       s ? n(!1) : i(!1);
     }), [s, n, i]), o.type === "hover" ? /* @__PURE__ */ b(fe, { ...l, ref: t, forceMount: r }) : o.type === "scroll" ? /* @__PURE__ */ b(he, { ...l, ref: t, forceMount: r }) : o.type === "auto" ? /* @__PURE__ */ b(J, { ...l, ref: t, forceMount: r }) : o.type === "always" ? /* @__PURE__ */ b(k, { ...l, ref: t }) : null;
@@ -116,7 +116,7 @@ var g = "ScrollAreaScrollbar", ue = c.forwardRef(
 );
 ue.displayName = g;
 var fe = c.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), [n, i] = c.useState(!1);
+  const { forceMount: r, ...l } = e, o = p(g, e.__scopeScrollArea), [n, i] = c.useState(!1);
   return c.useEffect(() => {
     const s = o.scrollArea;
     let a = 0;
@@ -139,7 +139,7 @@ var fe = c.forwardRef((e, t) => {
     }
   ) });
 }), he = c.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), n = e.orientation === "horizontal", i = Y(() => a("SCROLL_END"), 100), [s, a] = ae("hidden", {
+  const { forceMount: r, ...l } = e, o = p(g, e.__scopeScrollArea), n = e.orientation === "horizontal", i = Y(() => a("SCROLL_END"), 100), [s, a] = ae("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -183,7 +183,7 @@ var fe = c.forwardRef((e, t) => {
     }
   ) });
 }), J = c.forwardRef((e, t) => {
-  const r = v(g, e.__scopeScrollArea), { forceMount: l, ...o } = e, [n, i] = c.useState(!1), s = e.orientation === "horizontal", a = Y(() => {
+  const r = p(g, e.__scopeScrollArea), { forceMount: l, ...o } = e, [n, i] = c.useState(!1), s = e.orientation === "horizontal", a = Y(() => {
     if (r.viewport) {
       const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
       i(s ? f : d);
@@ -198,7 +198,7 @@ var fe = c.forwardRef((e, t) => {
     }
   ) });
 }), k = c.forwardRef((e, t) => {
-  const { orientation: r = "vertical", ...l } = e, o = v(g, e.__scopeScrollArea), n = c.useRef(null), i = c.useRef(0), [s, a] = c.useState({
+  const { orientation: r = "vertical", ...l } = e, o = p(g, e.__scopeScrollArea), n = c.useRef(null), i = c.useRef(0), [s, a] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -252,7 +252,7 @@ var fe = c.forwardRef((e, t) => {
     }
   ) : null;
 }), be = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...o } = e, n = v(g, e.__scopeScrollArea), [i, s] = c.useState(), a = c.useRef(null), f = A(t, a, n.onScrollbarXChange);
+  const { sizes: r, onSizesChange: l, ...o } = e, n = p(g, e.__scopeScrollArea), [i, s] = c.useState(), a = c.useRef(null), f = A(t, a, n.onScrollbarXChange);
   return c.useEffect(() => {
     a.current && s(getComputedStyle(a.current));
   }, [a]), /* @__PURE__ */ b(
@@ -291,7 +291,7 @@ var fe = c.forwardRef((e, t) => {
     }
   );
 }), Se = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...o } = e, n = v(g, e.__scopeScrollArea), [i, s] = c.useState(), a = c.useRef(null), f = A(t, a, n.onScrollbarYChange);
+  const { sizes: r, onSizesChange: l, ...o } = e, n = p(g, e.__scopeScrollArea), [i, s] = c.useState(), a = c.useRef(null), f = A(t, a, n.onScrollbarYChange);
   return c.useEffect(() => {
     a.current && s(getComputedStyle(a.current));
   }, [a]), /* @__PURE__ */ b(
@@ -343,24 +343,24 @@ var fe = c.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: h,
     ...u
-  } = e, S = v(g, r), [p, y] = c.useState(null), M = A(t, (m) => y(m)), P = c.useRef(null), _ = c.useRef(""), U = S.viewport, D = l.content - l.viewport, W = C(d), x = C(a), H = Y(h, 10);
+  } = e, S = p(g, r), [w, y] = c.useState(null), M = A(t, (m) => y(m)), P = c.useRef(null), _ = c.useRef(""), U = S.viewport, D = l.content - l.viewport, W = C(d), x = C(a), H = Y(h, 10);
   function z(m) {
     if (P.current) {
-      const w = m.clientX - P.current.left, E = m.clientY - P.current.top;
-      f({ x: w, y: E });
+      const v = m.clientX - P.current.left, E = m.clientY - P.current.top;
+      f({ x: v, y: E });
     }
   }
   return c.useEffect(() => {
-    const m = (w) => {
-      const E = w.target;
-      (p == null ? void 0 : p.contains(E)) && W(w, D);
+    const m = (v) => {
+      const E = v.target;
+      w?.contains(E) && W(v, D);
     };
     return document.addEventListener("wheel", m, { passive: !1 }), () => document.removeEventListener("wheel", m, { passive: !1 });
-  }, [U, p, D, W]), c.useEffect(x, [l, x]), T(p, H), T(S.content, H), /* @__PURE__ */ b(
+  }, [U, w, D, W]), c.useEffect(x, [l, x]), T(w, H), T(S.content, H), /* @__PURE__ */ b(
     me,
     {
       scope: r,
-      scrollbar: p,
+      scrollbar: w,
       hasThumb: o,
       onThumbChange: C(n),
       onThumbPointerUp: C(i),
@@ -373,12 +373,12 @@ var fe = c.forwardRef((e, t) => {
           ref: M,
           style: { position: "absolute", ...u.style },
           onPointerDown: R(e.onPointerDown, (m) => {
-            m.button === 0 && (m.target.setPointerCapture(m.pointerId), P.current = p.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), z(m));
+            m.button === 0 && (m.target.setPointerCapture(m.pointerId), P.current = w.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), z(m));
           }),
           onPointerMove: R(e.onPointerMove, z),
           onPointerUp: R(e.onPointerUp, (m) => {
-            const w = m.target;
-            w.hasPointerCapture(m.pointerId) && w.releasePointerCapture(m.pointerId), document.body.style.webkitUserSelect = _.current, S.viewport && (S.viewport.style.scrollBehavior = ""), P.current = null;
+            const v = m.target;
+            v.hasPointerCapture(m.pointerId) && v.releasePointerCapture(m.pointerId), document.body.style.webkitUserSelect = _.current, S.viewport && (S.viewport.style.scrollBehavior = ""), P.current = null;
           })
         }
       )
@@ -391,7 +391,7 @@ var fe = c.forwardRef((e, t) => {
   }
 ), ve = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: l, ...o } = e, n = v(N, r), i = K(N, r), { onThumbPositionChange: s } = i, a = A(
+    const { __scopeScrollArea: r, style: l, ...o } = e, n = p(N, r), i = K(N, r), { onThumbPositionChange: s } = i, a = A(
       t,
       (h) => i.onThumbChange(h)
     ), f = c.useRef(void 0), d = Y(() => {
@@ -420,8 +420,8 @@ var fe = c.forwardRef((e, t) => {
           ...l
         },
         onPointerDownCapture: R(e.onPointerDownCapture, (h) => {
-          const S = h.target.getBoundingClientRect(), p = h.clientX - S.left, y = h.clientY - S.top;
-          i.onThumbPointerDown({ x: p, y });
+          const S = h.target.getBoundingClientRect(), w = h.clientX - S.left, y = h.clientY - S.top;
+          i.onThumbPointerDown({ x: w, y });
         }),
         onPointerUp: R(e.onPointerUp, i.onThumbPointerUp)
       }
@@ -431,20 +431,18 @@ var fe = c.forwardRef((e, t) => {
 pe.displayName = N;
 var B = "ScrollAreaCorner", Z = c.forwardRef(
   (e, t) => {
-    const r = v(B, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
+    const r = p(B, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && l ? /* @__PURE__ */ b(we, { ...e, ref: t }) : null;
   }
 );
 Z.displayName = B;
 var we = c.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...l } = e, o = v(B, r), [n, i] = c.useState(0), [s, a] = c.useState(0), f = !!(n && s);
+  const { __scopeScrollArea: r, ...l } = e, o = p(B, r), [n, i] = c.useState(0), [s, a] = c.useState(0), f = !!(n && s);
   return T(o.scrollbarX, () => {
-    var h;
-    const d = ((h = o.scrollbarX) == null ? void 0 : h.offsetHeight) || 0;
+    const d = o.scrollbarX?.offsetHeight || 0;
     o.onCornerHeightChange(d), a(d);
   }), T(o.scrollbarY, () => {
-    var h;
-    const d = ((h = o.scrollbarY) == null ? void 0 : h.offsetWidth) || 0;
+    const d = o.scrollbarY?.offsetWidth || 0;
     o.onCornerWidthChange(d), i(d);
   }), f ? /* @__PURE__ */ b(
     L.div,