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

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

@@ -1,44 +1,55 @@
-const a = typeof navigator < "u", o = s(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
-  // iPads can claim to be MacIntel
-  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
-), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r);
-a && n.toLowerCase().startsWith("mac") && navigator.maxTouchPoints;
-const l = r.includes("jsdom/");
-function s() {
-  if (!a)
-    return {
-      platform: "",
-      maxTouchPoints: -1
-    };
-  const t = navigator.userAgentData;
-  return t?.platform ? {
-    platform: t.platform,
-    maxTouchPoints: navigator.maxTouchPoints
-  } : {
-    platform: navigator.platform ?? "",
-    maxTouchPoints: navigator.maxTouchPoints ?? -1
-  };
-}
-function u() {
-  if (!a)
-    return "";
-  const t = navigator.userAgentData;
-  return t && Array.isArray(t.brands) ? t.brands.map(({
-    brand: i,
-    version: e
-  }) => `${i}/${e}`).join(" ") : navigator.userAgent;
-}
-function f() {
-  if (!a)
-    return "";
-  const t = navigator.userAgentData;
-  return t?.platform ? t.platform : navigator.platform ?? "";
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui267.js";
+import { useCompositeListContext as F } from "./als-react-ts-ui343.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
+  const {
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
 }
 export {
-  d as isAndroid,
-  p as isFirefox,
-  m as isIOS,
-  l as isJSDOM,
-  g as isSafari,
-  c as isWebKit
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

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

@@ -1,7 +1,14 @@
-function o(t) {
-  const i = t.currentTarget.getBoundingClientRect();
-  return i.top + 1 <= t.clientY && t.clientY <= i.bottom - 1 && i.left + 1 <= t.clientX && t.clientX <= i.right - 1;
+import n from "./als-react-ts-ui242.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "AccordionItemContext");
+function c() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : n(9));
+  return o;
 }
 export {
-  o as isMouseWithinBounds
+  e as AccordionItemContext,
+  c as useAccordionItemContext
 };

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

@@ -1,12 +1,14 @@
-import { jsx as l } from "react/jsx-runtime";
-const e = "base-ui-disable-scrollbar", r = {
-  className: e,
-  element: /* @__PURE__ */ l("style", {
-    href: e,
-    precedence: "base-ui:low",
-    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
-  })
+import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui279.js";
+import { transitionStatusMapping as r } from "./als-react-ts-ui228.js";
+import { AccordionItemDataAttributes as n } from "./als-react-ts-ui344.js";
+const a = {
+  ...i,
+  index: (t) => Number.isInteger(t) ? {
+    [n.index]: String(t)
+  } : null,
+  ...r,
+  value: () => null
 };
 export {
-  r as styleDisableScrollbar
+  a as accordionStateAttributesMapping
 };

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

@@ -1,10 +1,6 @@
-import * as o from "react";
-const t = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "ToolbarRootContext");
-function r(e) {
-  return o.useContext(t);
+function i(t) {
+  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
 }
 export {
-  t as ToolbarRootContext,
-  r as useToolbarRootContext
+  i as isElementDisabled
 };

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

@@ -1,8 +1,21 @@
-import { DISABLED_TRANSITIONS_STYLE as r } from "./als-react-ts-ui198.js";
-import { EMPTY_OBJECT as o } from "./als-react-ts-ui212.js";
-function T(t) {
-  return t === "starting" ? r : o;
-}
+import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui347.js";
+import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui349.js";
+const r = {
+  [e.open]: ""
+}, p = {
+  [e.closed]: ""
+}, a = {
+  open(t) {
+    return t ? {
+      [n.panelOpen]: ""
+    } : null;
+  }
+}, i = {
+  open(t) {
+    return t ? r : p;
+  }
+};
 export {
-  T as getDisabledMountTransitionStyles
+  i as collapsibleOpenStateMapping,
+  a as triggerOpenStateMapping
 };

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

@@ -1,14 +1,25 @@
-import n from "./als-react-ts-ui197.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectItemContext");
-function s() {
-  const e = t.useContext(o);
-  if (!e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : n(57));
-  return e;
+import { isAndroid as r, isJSDOM as o } from "./als-react-ts-ui351.js";
+function n(i) {
+  i.preventDefault(), i.stopPropagation();
+}
+function p(i) {
+  return "nativeEvent" in i;
+}
+function e(i) {
+  return i.mozInputSource === 0 && i.isTrusted ? !0 : r && i.pointerType ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !i.pointerType;
+}
+function c(i) {
+  return o ? !1 : !r && i.width === 0 && i.height === 0 || r && i.width === 1 && i.height === 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  i.width < 1 && i.height < 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "touch";
+}
+function f(i, u) {
+  const t = ["mouse", "pen"];
+  return u || t.push("", void 0), t.includes(i);
 }
 export {
-  o as SelectItemContext,
-  s as useSelectItemContext
+  f as isMouseLikePointerType,
+  p as isReactEvent,
+  e as isVirtualClick,
+  c as isVirtualPointerEvent,
+  n as stopEvent
 };

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

@@ -1,14 +1,167 @@
-import r from "./als-react-ts-ui197.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
-function s() {
-  const e = t.useContext(o);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : r(56));
-  return e;
+import * as f from "react";
+import { useIsoLayoutEffect as g } from "./als-react-ts-ui267.js";
+import { useStableCallback as B } from "./als-react-ts-ui266.js";
+import { useMergedRefs as k } from "./als-react-ts-ui272.js";
+import { useOnMount as z } from "./als-react-ts-ui345.js";
+import { useAnimationFrame as V, AnimationFrame as s } from "./als-react-ts-ui346.js";
+import { warn as U } from "./als-react-ts-ui268.js";
+import { createChangeEventDetails as _ } from "./als-react-ts-ui229.js";
+import { CollapsiblePanelDataAttributes as v } from "./als-react-ts-ui347.js";
+import { AccordionRootDataAttributes as G } from "./als-react-ts-ui348.js";
+import { none as J } from "./als-react-ts-ui231.js";
+function oe(H) {
+  const {
+    abortControllerRef: r,
+    animationTypeRef: i,
+    externalRef: W,
+    height: x,
+    hiddenUntilFound: d,
+    keepMounted: w,
+    id: O,
+    mounted: R,
+    onOpenChange: D,
+    open: l,
+    panelRef: a,
+    runOnceAnimationsFinish: h,
+    setDimensions: c,
+    setMounted: m,
+    setOpen: E,
+    setVisible: A,
+    transitionDimensionRef: C,
+    visible: P,
+    width: I
+  } = H, p = f.useRef(!1), M = f.useRef(null), F = f.useRef(l), S = f.useRef(l), N = V(), y = f.useMemo(() => i.current === "css-animation" ? !P : !l && !R, [l, R, P, i]), L = B((e) => {
+    if (!e)
+      return;
+    if (i.current == null || C.current == null) {
+      const t = getComputedStyle(e), u = t.animationName !== "none" && t.animationName !== "", b = t.transitionDuration !== "0s" && t.transitionDuration !== "";
+      u && b ? process.env.NODE_ENV !== "production" && U("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(G.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? C.current = "width" : C.current = "height";
+    }
+    if (i.current !== "css-transition")
+      return;
+    (x === void 0 || I === void 0) && (c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), S.current && e.style.setProperty("transition-duration", "0s"));
+    let o = -1, n = -1;
+    return o = s.request(() => {
+      S.current = !1, n = s.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    }), () => {
+      s.cancel(o), s.cancel(n);
+    };
+  }), j = k(W, a, L);
+  return g(() => {
+    if (i.current !== "css-transition")
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let o = -1;
+    if (r.current != null && (r.current.abort(), r.current = null), l) {
+      const n = {
+        "justify-content": e.style.justifyContent,
+        "align-items": e.style.alignItems,
+        "align-content": e.style.alignContent,
+        "justify-items": e.style.justifyItems
+      };
+      Object.keys(n).forEach((t) => {
+        e.style.setProperty(t, "initial", "important");
+      }), !S.current && !w && e.setAttribute(v.startingStyle, ""), c({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      }), o = s.request(() => {
+        Object.entries(n).forEach(([t, u]) => {
+          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
+        });
+      });
+    } else {
+      if (e.scrollHeight === 0 && e.scrollWidth === 0)
+        return;
+      c({
+        height: e.scrollHeight,
+        width: e.scrollWidth
+      });
+      const n = new AbortController();
+      r.current = n;
+      const t = n.signal;
+      let u = null;
+      const b = v.endingStyle;
+      return u = new MutationObserver((T) => {
+        T.some((q) => q.type === "attributes" && q.attributeName === b) && (u?.disconnect(), u = null, h(() => {
+          c({
+            height: 0,
+            width: 0
+          }), e.style.removeProperty("content-visibility"), m(!1), r.current === n && (r.current = null);
+        }, t));
+      }), u.observe(e, {
+        attributes: !0,
+        attributeFilter: [b]
+      }), () => {
+        u?.disconnect(), N.cancel(), r.current === n && (n.abort(), r.current = null);
+      };
+    }
+    return () => {
+      s.cancel(o);
+    };
+  }, [r, i, N, d, w, R, l, a, h, c, m]), g(() => {
+    if (i.current !== "css-animation")
+      return;
+    const e = a.current;
+    e && (M.current = e.style.animationName || M.current, e.style.setProperty("animation-name", "none"), c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), !F.current && !p.current && e.style.removeProperty("animation-name"), l ? (r.current != null && (r.current.abort(), r.current = null), m(!0), A(!0)) : (r.current = new AbortController(), h(() => {
+      m(!1), A(!1), r.current = null;
+    }, r.current.signal)));
+  }, [r, i, l, a, h, c, m, A, P]), z(() => {
+    const e = s.request(() => {
+      F.current = !1;
+    });
+    return () => s.cancel(e);
+  }), g(() => {
+    if (!d)
+      return;
+    const e = a.current;
+    if (!e)
+      return;
+    let o = -1, n = -1;
+    return l && p.current && (e.style.transitionDuration = "0s", c({
+      height: e.scrollHeight,
+      width: e.scrollWidth
+    }), o = s.request(() => {
+      p.current = !1, n = s.request(() => {
+        setTimeout(() => {
+          e.style.removeProperty("transition-duration");
+        });
+      });
+    })), () => {
+      s.cancel(o), s.cancel(n);
+    };
+  }, [d, l, a, c]), g(() => {
+    const e = a.current;
+    e && d && y && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(v.startingStyle, ""));
+  }, [d, y, i, a]), f.useEffect(function() {
+    const o = a.current;
+    if (!o)
+      return;
+    function n(t) {
+      p.current = !0, E(!0), D(!0, _(J, t));
+    }
+    return o.addEventListener("beforematch", n), () => {
+      o.removeEventListener("beforematch", n);
+    };
+  }, [D, a, E]), f.useMemo(() => ({
+    props: {
+      hidden: y,
+      id: O,
+      ref: j
+    }
+  }), [y, O, j]);
 }
 export {
-  o as SelectGroupContext,
-  s as useSelectGroupContext
+  oe as useCollapsiblePanel
 };

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

@@ -1,7 +1,6 @@
-import * as t from "react";
-const a = {
-  ...t
-};
+let e = /* @__PURE__ */ (function(n) {
+  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
+})({});
 export {
-  a as SafeReact
+  e as AccordionPanelCssVars
 };

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

@@ -1,6 +1,44 @@
-function n(r) {
-  return r == null ? r : "current" in r ? r.current : r;
-}
+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 {
-  n as resolveRef
+  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-ui284.js

@@ -1,14 +1,160 @@
-import n from "./als-react-ts-ui197.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "PopoverRootContext");
-function p(r) {
-  const o = e.useContext(t);
-  if (o === void 0 && !r)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : n(47));
-  return o;
+import * as t from "react";
+import { useStableCallback as b } from "./als-react-ts-ui266.js";
+import { useTimeout as q } from "./als-react-ts-ui297.js";
+import { ScrollAreaRootContext as mt } from "./als-react-ts-ui536.js";
+import { useRenderElement as ht } from "./als-react-ts-ui226.js";
+import { ScrollAreaRootCssVars as J } from "./als-react-ts-ui537.js";
+import { SCROLL_TIMEOUT as E } from "./als-react-ts-ui538.js";
+import { getOffset as x } from "./als-react-ts-ui539.js";
+import { ScrollAreaScrollbarDataAttributes as pt } from "./als-react-ts-ui540.js";
+import { styleDisableScrollbar as St } from "./als-react-ts-ui415.js";
+import { useBaseUiId as Rt } from "./als-react-ts-ui232.js";
+import { scrollAreaStateAttributesMapping as gt } from "./als-react-ts-ui541.js";
+import { jsxs as bt } from "react/jsx-runtime";
+import { contains as Et } from "./als-react-ts-ui312.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;
+    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);
+        });
+      }
+      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);
+    }
+  }
+  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
+    };
+  }
+  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 {
-  t as PopoverRootContext,
-  p as usePopoverRootContext
+  vt as ScrollAreaRoot
 };