@als-tp/als-react-ts-ui 0.4.0 → 0.5.0

package/dist/als-react-ts-ui264.js

@@ -1,285 +1,7 @@
-import * as m from "react";
-import { isHTMLElement as ye } from "./als-react-ts-ui221.js";
-import { useValueAsRef as G } from "./als-react-ts-ui225.js";
-import { useStableCallback as ae } from "./als-react-ts-ui160.js";
-import { useIsoLayoutEffect as A } from "./als-react-ts-ui161.js";
-import { useFloatingParentNodeId as Ve, useFloatingTree as Le } from "./als-react-ts-ui286.js";
-import { createChangeEventDetails as X } from "./als-react-ts-ui167.js";
-import { enqueueFocus as ze } from "./als-react-ts-ui300.js";
-import { ARROW_DOWN as ee, ARROW_LEFT as W, ARROW_RIGHT as _, ARROW_UP as Pe } from "./als-react-ts-ui310.js";
-import { isIndexOutOfListBounds as be, getMinListIndex as fe, getMaxListIndex as Me, createGridCellMap as Ge, isListIndexDisabled as de, getGridNavigatedIndex as We, getGridCellIndexOfCorner as _e, getGridCellIndices as qe, findNonDisabledListIndex as Y } from "./als-react-ts-ui311.js";
-import { getFloatingFocusElement as He, isTypeableCombobox as $e, activeElement as Ce, getDocument as Be, contains as Te, getTarget as Ue } from "./als-react-ts-ui241.js";
-import { stopEvent as S, isVirtualClick as je, isVirtualPointerEvent as Je } from "./als-react-ts-ui180.js";
-import { listNavigation as me, focusOut as Qe } from "./als-react-ts-ui168.js";
-const Xe = "Escape";
-function te(o, p, c) {
-  switch (o) {
-    case "vertical":
-      return p;
-    case "horizontal":
-      return c;
-    default:
-      return p || c;
-  }
-}
-function Z(o, p) {
-  return te(p, o === Pe || o === ee, o === W || o === _);
-}
-function pe(o, p, c) {
-  return te(p, o === ee, c ? o === W : o === _) || o === "Enter" || o === " " || o === "";
-}
-function Ye(o, p, c) {
-  return te(p, c ? o === W : o === _, o === ee);
-}
-function Ze(o, p, c, s) {
-  const g = c ? o === _ : o === W, x = o === Pe;
-  return p === "both" || p === "horizontal" && s && s > 1 ? o === Xe : te(p, g, x);
-}
-function dt(o, p) {
-  const c = "rootStore" in o ? o.rootStore : o, s = c.useState("open"), g = c.useState("floatingElement"), x = c.useState("domReferenceElement"), ge = c.context.dataRef, {
-    listRef: n,
-    activeIndex: y,
-    onNavigate: Se = () => {
-    },
-    enabled: O = !0,
-    selectedIndex: N = null,
-    allowEscape: re = !1,
-    loopFocus: q = !1,
-    nested: b = !1,
-    rtl: E = !1,
-    virtual: f = !1,
-    focusItemOnOpen: M = "auto",
-    focusItemOnHover: ne = !0,
-    openOnArrowKeyDown: oe = !0,
-    disabledIndices: R = void 0,
-    orientation: d = "vertical",
-    parentOrientation: Ie,
-    cols: v = 1,
-    scrollItemIntoView: ve = !0,
-    itemSizes: Fe,
-    dense: Ae = !1,
-    id: Re,
-    externalTree: Ne
-  } = p;
-  process.env.NODE_ENV !== "production" && (re && (q || console.warn("`useListNavigation` looping must be enabled to allow escaping."), f || console.warn("`useListNavigation` must be virtual to allow escaping.")), d === "vertical" && v > 1 && console.warn("In grid list navigation mode (`cols` > 1), the `orientation` should", 'be either "horizontal" or "both".'));
-  const ke = He(g), k = G(ke), H = Ve(), C = Le(Ne);
-  A(() => {
-    ge.current.orientation = d;
-  }, [ge, d]);
-  const ie = $e(x), T = m.useRef(M), r = m.useRef(N ?? -1), P = m.useRef(null), F = m.useRef(!0), l = ae((e) => {
-    Se(r.current === -1 ? null : r.current, e);
-  }), he = m.useRef(l), D = m.useRef(!!g), xe = m.useRef(s), h = m.useRef(!1), $ = m.useRef(!1), ce = G(R), B = G(s), De = G(ve), K = G(N), ue = ae(() => {
-    function e(a) {
-      f ? C?.events.emit("virtualfocus", a) : ze(a, {
-        sync: h.current,
-        preventScroll: !0
-      });
-    }
-    const i = n.current[r.current], t = $.current;
-    i && e(i), (h.current ? (a) => a() : requestAnimationFrame)(() => {
-      const a = n.current[r.current] || i;
-      if (!a)
-        return;
-      i || e(a);
-      const I = De.current;
-      I && // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      se && (t || !F.current) && a.scrollIntoView?.(typeof I == "boolean" ? {
-        block: "nearest",
-        inline: "nearest"
-      } : I);
-    });
-  });
-  A(() => {
-    O && (s && g ? (r.current = N ?? -1, T.current && N != null && ($.current = !0, l())) : D.current && (r.current = -1, he.current()));
-  }, [O, s, g, N, l]), A(() => {
-    if (O) {
-      if (!s) {
-        h.current = !1;
-        return;
-      }
-      if (g)
-        if (y == null) {
-          if (h.current = !1, K.current != null)
-            return;
-          if (D.current && (r.current = -1, ue()), (!xe.current || !D.current) && T.current && (P.current != null || T.current === !0 && P.current == null)) {
-            let e = 0;
-            const i = () => {
-              n.current[0] == null ? (e < 2 && (e ? requestAnimationFrame : queueMicrotask)(i), e += 1) : (r.current = P.current == null || pe(P.current, d, E) || b ? fe(n) : Me(n), P.current = null, l());
-            };
-            i();
-          }
-        } else be(n, y) || (r.current = y, ue(), $.current = !1);
-    }
-  }, [O, s, g, y, K, b, n, d, E, l, ue, ce]), A(() => {
-    if (!O || g || !C || f || !D.current)
-      return;
-    const e = C.nodesRef.current, i = e.find((a) => a.id === H)?.context?.elements.floating, t = Ce(Be(g)), u = e.some((a) => a.context && Te(a.context.elements.floating, t));
-    i && !u && F.current && i.focus({
-      preventScroll: !0
-    });
-  }, [O, g, C, H, f]), A(() => {
-    he.current = l, xe.current = s, D.current = !!g;
-  }), A(() => {
-    s || (P.current = null, T.current = M);
-  }, [s, M]);
-  const Ee = y != null, se = m.useMemo(() => {
-    function e(t) {
-      if (!B.current)
-        return;
-      const u = n.current.indexOf(t.currentTarget);
-      u !== -1 && r.current !== u && (r.current = u, l(t));
-    }
-    return {
-      onFocus(t) {
-        h.current = !0, e(t);
-      },
-      onClick: ({
-        currentTarget: t
-      }) => t.focus({
-        preventScroll: !0
-      }),
-      // Safari
-      onMouseMove(t) {
-        h.current = !0, $.current = !1, ne && e(t);
-      },
-      onPointerLeave(t) {
-        if (!B.current || !F.current || t.pointerType === "touch")
-          return;
-        h.current = !0;
-        const u = t.relatedTarget;
-        !ne || n.current.includes(u) || (r.current = -1, l(t), f || k.current?.focus({
-          preventScroll: !0
-        }));
-      }
-    };
-  }, [B, k, ne, n, l, f]), U = m.useCallback(() => Ie ?? C?.nodesRef.current.find((e) => e.id === H)?.context?.dataRef?.current.orientation, [H, C, Ie]), V = ae((e) => {
-    if (F.current = !1, h.current = !0, e.which === 229 || !B.current && e.currentTarget === k.current)
-      return;
-    if (b && Ze(e.key, d, E, v)) {
-      Z(e.key, U()) || S(e), c.setOpen(!1, X(me, e.nativeEvent)), ye(x) && (f ? C?.events.emit("virtualfocus", x) : x.focus());
-      return;
-    }
-    const i = r.current, t = fe(n, R), u = Me(n, R);
-    if (ie || (e.key === "Home" && (S(e), r.current = t, l(e)), e.key === "End" && (S(e), r.current = u, l(e))), v > 1) {
-      const a = Fe || Array.from({
-        length: n.current.length
-      }, () => ({
-        width: 1,
-        height: 1
-      })), I = Ge(a, v, Ae), L = I.findIndex((w) => w != null && !de(n, w, R)), le = I.reduce((w, z, Ke) => z != null && !de(n, z, R) ? Ke : w, -1), Q = I[We({
-        current: I.map((w) => w != null ? n.current[w] : null)
-      }, {
-        event: e,
-        orientation: d,
-        loopFocus: q,
-        rtl: E,
-        cols: v,
-        // treat undefined (empty grid spaces) as disabled indices so we
-        // don't end up in them
-        disabledIndices: qe([...(typeof R != "function" ? R : null) || n.current.map((w, z) => de(n, z, R) ? z : void 0), void 0], I),
-        minIndex: L,
-        maxIndex: le,
-        prevIndex: _e(
-          r.current > u ? t : r.current,
-          a,
-          I,
-          v,
-          // use a corner matching the edge closest to the direction
-          // we're moving in so we don't end up in the same item. Prefer
-          // top/left over bottom/right.
-          // eslint-disable-next-line no-nested-ternary
-          e.key === ee ? "bl" : e.key === (E ? W : _) ? "tr" : "tl"
-        ),
-        stopEvent: !0
-      })];
-      if (Q != null && (r.current = Q, l(e)), d === "both")
-        return;
-    }
-    if (Z(e.key, d)) {
-      if (S(e), s && !f && Ce(e.currentTarget.ownerDocument) === e.currentTarget) {
-        r.current = pe(e.key, d, E) ? t : u, l(e);
-        return;
-      }
-      pe(e.key, d, E) ? q ? i >= u ? re && i !== n.current.length ? r.current = -1 : (h.current = !1, r.current = t) : r.current = Y(n, {
-        startingIndex: i,
-        disabledIndices: R
-      }) : r.current = Math.min(u, Y(n, {
-        startingIndex: i,
-        disabledIndices: R
-      })) : q ? i <= t ? re && i !== -1 ? r.current = n.current.length : (h.current = !1, r.current = u) : r.current = Y(n, {
-        startingIndex: i,
-        decrement: !0,
-        disabledIndices: R
-      }) : r.current = Math.max(t, Y(n, {
-        startingIndex: i,
-        decrement: !0,
-        disabledIndices: R
-      })), be(n, r.current) && (r.current = -1), l(e);
-    }
-  }), j = m.useMemo(() => f && s && Ee && {
-    "aria-activedescendant": `${Re}-${y}`
-  }, [f, s, Ee, Re, y]), Oe = m.useMemo(() => ({
-    "aria-orientation": d === "both" ? void 0 : d,
-    ...ie ? {} : j,
-    onKeyDown(e) {
-      if (e.key === "Tab" && e.shiftKey && s && !f) {
-        const i = Ue(e.nativeEvent);
-        if (i && !Te(k.current, i))
-          return;
-        S(e), c.setOpen(!1, X(Qe, e.nativeEvent)), ye(x) && x.focus();
-        return;
-      }
-      V(e);
-    },
-    onPointerMove() {
-      F.current = !0;
-    }
-  }), [j, V, k, d, ie, c, s, f, x]), J = m.useMemo(() => {
-    function e(t) {
-      M === "auto" && je(t.nativeEvent) && (T.current = !f);
-    }
-    function i(t) {
-      T.current = M, M === "auto" && Je(t.nativeEvent) && (T.current = !0);
-    }
-    return {
-      onKeyDown(t) {
-        const u = c.select("open");
-        F.current = !1;
-        const a = t.key.startsWith("Arrow"), I = Ye(t.key, U(), E), L = Z(t.key, d), le = (b ? I : L) || t.key === "Enter" || t.key.trim() === "";
-        if (f && u)
-          return V(t);
-        if (!(!u && !oe && a)) {
-          if (le) {
-            const Q = Z(t.key, U());
-            P.current = b && Q ? null : t.key;
-          }
-          if (b) {
-            I && (S(t), u ? (r.current = fe(n, ce.current), l(t)) : c.setOpen(!0, X(me, t.nativeEvent, t.currentTarget)));
-            return;
-          }
-          L && (K.current != null && (r.current = K.current), S(t), !u && oe ? c.setOpen(!0, X(me, t.nativeEvent, t.currentTarget)) : V(t), u && l(t));
-        }
-      },
-      onFocus(t) {
-        c.select("open") && !f && (r.current = -1, l(t));
-      },
-      onPointerDown: i,
-      onPointerEnter: i,
-      onMouseDown: e,
-      onClick: e
-    };
-  }, [V, ce, M, n, b, l, c, oe, d, U, E, K, f]), we = m.useMemo(() => ({
-    ...j,
-    ...J
-  }), [j, J]);
-  return m.useMemo(() => O ? {
-    reference: we,
-    floating: Oe,
-    item: se,
-    trigger: J
-  } : {}, [O, we, Oe, J, se]);
-}
+import { CommonPopupDataAttributes as d } from "./als-react-ts-ui244.js";
+let y = (function(n) {
+  return n[n.open = d.open] = "open", n[n.closed = d.closed] = "closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
+})({});
 export {
-  Xe as ESCAPE,
-  dt as useListNavigation
+  y as DialogViewportDataAttributes
 };

package/dist/als-react-ts-ui265.js

@@ -1,56 +1,44 @@
-import * as o from "react";
-import { useStableCallback as S } from "./als-react-ts-ui160.js";
-import { useIsoLayoutEffect as T } from "./als-react-ts-ui161.js";
-import { useTimeout as D } from "./als-react-ts-ui229.js";
-import { EMPTY_ARRAY as U } from "./als-react-ts-ui212.js";
-import { stopEvent as O } from "./als-react-ts-ui180.js";
-function H(l, b) {
-  const g = "rootStore" in l ? l.rootStore : l, c = g.useState("open"), u = g.context.dataRef, {
-    listRef: E,
-    activeIndex: p,
-    onMatch: A,
-    onTypingChange: R,
-    enabled: h = !0,
-    findMatch: L = null,
-    resetMs: F = 750,
-    ignoreKeys: P = U,
-    selectedIndex: y = null
-  } = b, m = D(), r = o.useRef(""), i = o.useRef(y ?? p ?? -1), f = o.useRef(null);
-  T(() => {
-    c && (m.clear(), f.current = null, r.current = "");
-  }, [c, m]), T(() => {
-    c && r.current === "" && (i.current = y ?? p ?? -1);
-  }, [c, y, p]);
-  const n = S((e) => {
-    e ? u.current.typing || (u.current.typing = e, R?.(e)) : u.current.typing && (u.current.typing = e, R?.(e));
-  }), a = S((e) => {
-    function C(s, x, I) {
-      const K = L ? L(x, I) : x.find((Y) => Y?.toLocaleLowerCase().indexOf(I.toLocaleLowerCase()) === 0);
-      return K ? s.indexOf(K) : -1;
-    }
-    const t = E.current;
-    if (r.current.length > 0 && r.current[0] !== " " && (C(t, t, r.current) === -1 ? n(!1) : e.key === " " && O(e)), t == null || P.includes(e.key) || // Character key.
-    e.key.length !== 1 || // Modifier key.
-    e.ctrlKey || e.metaKey || e.altKey)
-      return;
-    c && e.key !== " " && (O(e), n(!0)), t.every((s) => s ? s[0]?.toLocaleLowerCase() !== s[1]?.toLocaleLowerCase() : !0) && r.current === e.key && (r.current = "", i.current = f.current), r.current += e.key, m.start(F, () => {
-      r.current = "", i.current = f.current, n(!1);
-    });
-    const w = i.current, d = C(t, [...t.slice((w || 0) + 1), ...t.slice(0, (w || 0) + 1)], r.current);
-    d !== -1 ? (A?.(d), f.current = d) : e.key !== " " && (r.current = "", n(!1));
-  }), k = o.useMemo(() => ({
-    onKeyDown: a
-  }), [a]), M = o.useMemo(() => ({
-    onKeyDown: a,
-    onKeyUp(e) {
-      e.key === " " && n(!1);
-    }
-  }), [a, n]);
-  return o.useMemo(() => h ? {
-    reference: k,
-    floating: M
-  } : {}, [h, k, M]);
-}
+const o = "_root_169v1_9", _ = "_viewport_169v1_54", t = "_fadeOverlay_169v1_82", r = "_content_169v1_119", e = "_scrollbar_169v1_145", l = "_thumb_169v1_213", v = "_corner_169v1_256", d = {
+  root: o,
+  "root--sm": "_root--sm_169v1_19",
+  "root--md": "_root--md_169v1_23",
+  "root--lg": "_root--lg_169v1_27",
+  "root--full": "_root--full_169v1_31",
+  "root--default": "_root--default_169v1_37",
+  "root--subtle": "_root--subtle_169v1_41",
+  "root--bordered": "_root--bordered_169v1_46",
+  viewport: _,
+  "viewport--default": "_viewport--default_169v1_67",
+  "viewport--subtle": "_viewport--subtle_169v1_71",
+  "viewport--bordered": "_viewport--bordered_169v1_75",
+  fadeOverlay: t,
+  "fadeOverlay--top": "_fadeOverlay--top_169v1_92",
+  "fadeOverlay--bottom": "_fadeOverlay--bottom_169v1_104",
+  content: r,
+  "content--sm": "_content--sm_169v1_126",
+  "content--md": "_content--md_169v1_130",
+  "content--lg": "_content--lg_169v1_134",
+  "content--full": "_content--full_169v1_138",
+  scrollbar: e,
+  "scrollbar--default": "_scrollbar--default_169v1_198",
+  "scrollbar--subtle": "_scrollbar--subtle_169v1_202",
+  "scrollbar--bordered": "_scrollbar--bordered_169v1_206",
+  thumb: l,
+  "thumb--default": "_thumb--default_169v1_229",
+  "thumb--subtle": "_thumb--subtle_169v1_237",
+  "thumb--bordered": "_thumb--bordered_169v1_245",
+  corner: v,
+  "corner--default": "_corner--default_169v1_260",
+  "corner--subtle": "_corner--subtle_169v1_261",
+  "corner--bordered": "_corner--bordered_169v1_262"
+};
 export {
-  H as useTypeahead
+  r as content,
+  v as corner,
+  d as default,
+  t as fadeOverlay,
+  o as root,
+  e as scrollbar,
+  l as thumb,
+  _ as viewport
 };

package/dist/als-react-ts-ui266.js

@@ -1,82 +1,160 @@
-class e {
-  /**
-   * The current state of the store.
-   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.
-   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).
-   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.
-   *
-   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.
-   */
-  // Internal state to handle recursive `setState()` calls
-  constructor(t) {
-    this.state = t, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
-  }
-  /**
-   * Registers a listener that will be called whenever the store's state changes.
-   *
-   * @param fn The listener function to be called on state changes.
-   * @returns A function to unsubscribe the listener.
-   */
-  subscribe = (t) => (this.listeners.add(t), () => {
-    this.listeners.delete(t);
-  });
-  /**
-   * Returns the current state of the store.
-   */
-  getSnapshot = () => this.state;
-  /**
-   * Updates the entire store's state and notifies all registered listeners.
-   *
-   * @param newState The new state to set for the store.
-   */
-  setState(t) {
-    if (this.state === t)
+import * as t from "react";
+import { useStableCallback as b } from "./als-react-ts-ui192.js";
+import { useTimeout as q } from "./als-react-ts-ui195.js";
+import { ScrollAreaRootContext as mt } from "./als-react-ts-ui539.js";
+import { useRenderElement as ht } from "./als-react-ts-ui189.js";
+import { ScrollAreaRootCssVars as J } from "./als-react-ts-ui540.js";
+import { SCROLL_TIMEOUT as E } from "./als-react-ts-ui541.js";
+import { getOffset as x } from "./als-react-ts-ui542.js";
+import { ScrollAreaScrollbarDataAttributes as pt } from "./als-react-ts-ui543.js";
+import { styleDisableScrollbar as St } from "./als-react-ts-ui415.js";
+import { useBaseUiId as Rt } from "./als-react-ts-ui249.js";
+import { scrollAreaStateAttributesMapping as gt } from "./als-react-ts-ui544.js";
+import { jsxs as bt } from "react/jsx-runtime";
+import { contains as Et } from "./als-react-ts-ui331.js";
+const K = {
+  width: 0,
+  height: 0
+}, xt = {
+  xStart: !1,
+  xEnd: !1,
+  yStart: !1,
+  yEnd: !1
+}, vt = /* @__PURE__ */ t.forwardRef(function(l, Q) {
+  const {
+    render: Tt,
+    className: wt,
+    overflowEdgeThreshold: tt,
+    ...et
+  } = l, [A, S] = t.useState(!1), [M, u] = t.useState(!1), [C, f] = t.useState(!1), [R, rt] = t.useState(K), [P, ot] = t.useState(K), [D, L] = t.useState(!1), [a, nt] = t.useState(xt), W = Rt(), g = t.useRef(null), r = t.useRef(null), m = t.useRef(null), h = t.useRef(null), o = t.useRef(null), n = t.useRef(null), z = t.useRef(null), v = t.useRef(!1), I = t.useRef(0), U = t.useRef(0), _ = t.useRef(0), N = t.useRef(0), i = t.useRef("vertical"), V = q(), F = q(), y = t.useRef({
+    x: 0,
+    y: 0
+  }), [s, st] = t.useState({
+    scrollbarYHidden: !1,
+    scrollbarXHidden: !1,
+    cornerHidden: !1
+  }), $ = yt(tt), j = b((e) => {
+    const d = e.x - y.current.x, p = e.y - y.current.y;
+    y.current = e, p !== 0 && (f(!0), V.start(E, () => {
+      f(!1);
+    })), d !== 0 && (u(!0), F.start(E, () => {
+      u(!1);
+    }));
+  }), k = b((e) => {
+    e.button === 0 && (v.current = !0, I.current = e.clientY, U.current = e.clientX, i.current = e.currentTarget.getAttribute(pt.orientation), r.current && (_.current = r.current.scrollTop, N.current = r.current.scrollLeft), o.current && i.current === "vertical" && o.current.setPointerCapture(e.pointerId), n.current && i.current === "horizontal" && n.current.setPointerCapture(e.pointerId));
+  }), B = b((e) => {
+    if (!v.current)
       return;
-    this.state = t, this.updateTick += 1;
-    const s = this.updateTick;
-    for (const i of this.listeners) {
-      if (s !== this.updateTick)
-        return;
-      i(t);
-    }
-  }
-  /**
-   * Merges the provided changes into the current state and notifies listeners if there are changes.
-   *
-   * @param changes An object containing the changes to apply to the current state.
-   */
-  update(t) {
-    for (const s in t)
-      if (!Object.is(this.state[s], t[s])) {
-        e.prototype.setState.call(this, {
-          ...this.state,
-          ...t
+    const d = e.clientY - I.current, p = e.clientX - U.current;
+    if (r.current) {
+      const it = r.current.scrollHeight, ut = r.current.clientHeight, ft = r.current.scrollWidth, dt = r.current.clientWidth;
+      if (o.current && m.current && i.current === "vertical") {
+        const w = x(m.current, "padding", "y"), H = x(o.current, "margin", "y"), X = o.current.offsetHeight, Y = m.current.offsetHeight - X - w - H, O = d / Y;
+        r.current.scrollTop = _.current + O * (it - ut), e.preventDefault(), f(!0), V.start(E, () => {
+          f(!1);
         });
-        return;
       }
+      if (n.current && h.current && i.current === "horizontal") {
+        const w = x(h.current, "padding", "x"), H = x(n.current, "margin", "x"), X = n.current.offsetWidth, Y = h.current.offsetWidth - X - w - H, O = p / Y;
+        r.current.scrollLeft = N.current + O * (ft - dt), e.preventDefault(), u(!0), F.start(E, () => {
+          u(!1);
+        });
+      }
+    }
+  }), G = b((e) => {
+    v.current = !1, o.current && i.current === "vertical" && o.current.releasePointerCapture(e.pointerId), n.current && i.current === "horizontal" && n.current.releasePointerCapture(e.pointerId);
+  });
+  function Z(e) {
+    const d = e.pointerType === "touch";
+    if (L(d), !d) {
+      const p = Et(g.current, e.target);
+      S(p);
+    }
   }
-  /**
-   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.
-   *
-   * @param key The key in the store's state to update.
-   * @param value The new value to set for the specified key.
-   */
-  set(t, s) {
-    Object.is(this.state[t], s) || e.prototype.setState.call(this, {
-      ...this.state,
-      [t]: s
-    });
-  }
-  /**
-   * Gives the state a new reference and updates all registered listeners.
-   */
-  notifyAll() {
-    const t = {
-      ...this.state
+  const T = t.useMemo(() => ({
+    hasOverflowX: !s.scrollbarXHidden,
+    hasOverflowY: !s.scrollbarYHidden,
+    overflowXStart: a.xStart,
+    overflowXEnd: a.xEnd,
+    overflowYStart: a.yStart,
+    overflowYEnd: a.yEnd,
+    cornerHidden: s.cornerHidden
+  }), [s.scrollbarXHidden, s.scrollbarYHidden, s.cornerHidden, a]), ct = {
+    role: "presentation",
+    onPointerEnter: Z,
+    onPointerMove: Z,
+    onPointerDown({
+      pointerType: e
+    }) {
+      L(e === "touch");
+    },
+    onPointerLeave() {
+      S(!1);
+    },
+    style: {
+      position: "relative",
+      [J.scrollAreaCornerHeight]: `${R.height}px`,
+      [J.scrollAreaCornerWidth]: `${R.width}px`
+    }
+  }, lt = ht("div", l, {
+    state: T,
+    ref: [Q, g],
+    props: [ct, et],
+    stateAttributesMapping: gt
+  }), at = t.useMemo(() => ({
+    handlePointerDown: k,
+    handlePointerMove: B,
+    handlePointerUp: G,
+    handleScroll: j,
+    cornerSize: R,
+    setCornerSize: rt,
+    thumbSize: P,
+    setThumbSize: ot,
+    touchModality: D,
+    cornerRef: z,
+    scrollingX: M,
+    setScrollingX: u,
+    scrollingY: C,
+    setScrollingY: f,
+    hovering: A,
+    setHovering: S,
+    viewportRef: r,
+    rootRef: g,
+    scrollbarYRef: m,
+    scrollbarXRef: h,
+    thumbYRef: o,
+    thumbXRef: n,
+    rootId: W,
+    hiddenState: s,
+    setHiddenState: st,
+    overflowEdges: a,
+    setOverflowEdges: nt,
+    viewportState: T,
+    overflowEdgeThreshold: $
+  }), [k, B, G, j, R, P, D, z, M, u, C, f, A, S, r, g, m, h, o, n, W, s, a, T, $]);
+  return /* @__PURE__ */ bt(mt.Provider, {
+    value: at,
+    children: [St.element, lt]
+  });
+});
+process.env.NODE_ENV !== "production" && (vt.displayName = "ScrollAreaRoot");
+function yt(c) {
+  if (typeof c == "number") {
+    const l = Math.max(0, c);
+    return {
+      xStart: l,
+      xEnd: l,
+      yStart: l,
+      yEnd: l
     };
-    e.prototype.setState.call(this, t);
   }
+  return {
+    xStart: Math.max(0, c?.xStart || 0),
+    xEnd: Math.max(0, c?.xEnd || 0),
+    yStart: Math.max(0, c?.yStart || 0),
+    yEnd: Math.max(0, c?.yEnd || 0)
+  };
 }
 export {
-  e as Store
+  vt as ScrollAreaRoot
 };