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

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

@@ -0,0 +1,127 @@
+import * as t from "react";
+import * as h from "react-dom";
+import { isNode as M } from "./als-react-ts-ui339.js";
+import { useId as D } from "./als-react-ts-ui325.js";
+import { useIsoLayoutEffect as V } from "./als-react-ts-ui193.js";
+import { FocusGuard as S } from "./als-react-ts-ui358.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
+import { createAttribute as G } from "./als-react-ts-ui376.js";
+import { useRenderElement as _ } from "./als-react-ts-ui189.js";
+import { ownerVisuallyHidden as j } from "./als-react-ts-ui260.js";
+import { jsxs as T, jsx as P } from "react/jsx-runtime";
+import { enableFocusInside as I, isOutsideEvent as g, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./als-react-ts-ui361.js";
+import { EMPTY_OBJECT as H } from "./als-react-ts-ui303.js";
+import { focusOut as J } from "./als-react-ts-ui248.js";
+const F = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (F.displayName = "PortalContext");
+const Y = () => t.useContext(F), k = G("portal");
+function z(N = {}) {
+  const {
+    ref: f,
+    container: s,
+    componentProps: b = H,
+    elementProps: E,
+    elementState: x
+  } = N, d = D(), m = Y()?.portalNode, [e, c] = t.useState(null), [p, u] = t.useState(null), n = t.useRef(null);
+  V(() => {
+    if (s === null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    if (d == null)
+      return;
+    const a = (s && (M(s) ? s : s.current)) ?? m ?? document.body;
+    if (a == null) {
+      n.current && (n.current = null, u(null), c(null));
+      return;
+    }
+    n.current !== a && (n.current = a, u(null), c(a));
+  }, [s, m, d]);
+  const i = _("div", b, {
+    ref: [f, u],
+    state: x,
+    props: [{
+      id: d,
+      [k]: ""
+    }, E]
+  });
+  return {
+    portalNode: p,
+    portalSubtree: e && i ? /* @__PURE__ */ h.createPortal(i, e) : null
+  };
+}
+const K = /* @__PURE__ */ t.forwardRef(function(f, s) {
+  const {
+    children: b,
+    container: E,
+    className: x,
+    render: d,
+    renderGuards: R,
+    ...m
+  } = f, {
+    portalNode: e,
+    portalSubtree: c
+  } = z({
+    container: E,
+    ref: s,
+    componentProps: f,
+    elementProps: m
+  }), p = t.useRef(null), u = t.useRef(null), n = t.useRef(null), i = t.useRef(null), [o, a] = t.useState(null), C = o?.modal, O = o?.open, v = typeof R == "boolean" ? R : !!o && !o.modal && o.open && !!e;
+  t.useEffect(() => {
+    if (!e || C)
+      return;
+    function r(l) {
+      e && g(l) && (l.type === "focusin" ? I : B)(e);
+    }
+    return e.addEventListener("focusin", r, !0), e.addEventListener("focusout", r, !0), () => {
+      e.removeEventListener("focusin", r, !0), e.removeEventListener("focusout", r, !0);
+    };
+  }, [e, C]), t.useEffect(() => {
+    !e || O || I(e);
+  }, [O, e]);
+  const L = t.useMemo(() => ({
+    beforeOutsideRef: p,
+    afterOutsideRef: u,
+    beforeInsideRef: n,
+    afterInsideRef: i,
+    portalNode: e,
+    setFocusManagerState: a
+  }), [e]);
+  return /* @__PURE__ */ T(t.Fragment, {
+    children: [c, /* @__PURE__ */ T(F.Provider, {
+      value: L,
+      children: [v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: p,
+        onFocus: (r) => {
+          if (g(r, e))
+            n.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            q(l)?.focus();
+          }
+        }
+      }), v && e && /* @__PURE__ */ P("span", {
+        "aria-owns": e.id,
+        style: j
+      }), e && /* @__PURE__ */ h.createPortal(b, e), v && e && /* @__PURE__ */ P(S, {
+        "data-type": "outside",
+        ref: u,
+        onFocus: (r) => {
+          if (g(r, e))
+            i.current?.focus();
+          else {
+            const l = o ? o.domReference : null;
+            A(l)?.focus(), o?.closeOnFocusOut && o?.onOpenChange(!1, w(J, r.nativeEvent));
+          }
+        }
+      })]
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
+export {
+  K as FloatingPortal,
+  z as useFloatingPortalNode,
+  Y as usePortalContext
+};

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

@@ -0,0 +1,7 @@
+function o(r, ...a) {
+  const e = new URL(`https://base-ui.com/production-error/${r}`);
+  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
+}
+export {
+  o as default
+};

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

@@ -0,0 +1,14 @@
+import { ALSRadioIndicator as o, ALSRadioItem as t, ALSRadioRoot as i, ALSRadioGroupRoot as R } from "./als-react-ts-ui92.js";
+const d = {
+  /** Complete RadioGroup with options array - simplest usage */
+  Group: R,
+  /** Base RadioGroup for custom composition */
+  Root: i,
+  /** Individual radio item with label and description */
+  Item: t,
+  /** Visual indicator inside the radio button */
+  Indicator: o
+};
+export {
+  d as ALSRadio
+};

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

@@ -0,0 +1,23 @@
+const n = 500, t = 500, i = {
+  style: {
+    transition: "none"
+  }
+}, I = "data-base-ui-click-trigger", o = {
+  fallbackAxisSide: "none"
+}, s = {
+  fallbackAxisSide: "end"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
+export {
+  I as CLICK_TRIGGER_IDENTIFIER,
+  i as DISABLED_TRANSITIONS_STYLE,
+  o as DROPDOWN_COLLISION_AVOIDANCE,
+  t as PATIENT_CLICK_THRESHOLD,
+  s as POPUP_COLLISION_AVOIDANCE,
+  n as TYPEAHEAD_RESET_MS,
+  e as ownerVisuallyHidden
+};

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

@@ -0,0 +1,83 @@
+import * as g from "react";
+import { useStableCallback as a } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as o } from "./als-react-ts-ui193.js";
+import { useTransitionStatus as f } from "./als-react-ts-ui344.js";
+import { useOpenChangeComplete as m } from "./als-react-ts-ui253.js";
+function d(n, t) {
+  const e = g.useRef(null);
+  return g.useCallback((r) => {
+    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
+      return e.current = n, t.context.triggerElements.add(n, r), () => {
+        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
+      };
+  }, [t, n]);
+}
+function x(n, t, e, r) {
+  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
+    const s = l(u);
+    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: n,
+      activeTriggerElement: u,
+      ...r
+    }), s;
+  });
+  return o(() => {
+    i && e.update({
+      activeTriggerElement: t,
+      ...r
+    });
+  }, [i, e, t, ...Object.values(r)]), {
+    registerTrigger: c,
+    isMountedByThisTrigger: i
+  };
+}
+function C(n) {
+  const t = n.useState("open");
+  o(() => {
+    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
+      const e = n.context.triggerElements.entries().next();
+      if (!e.done) {
+        const [r, i] = e.value;
+        n.update({
+          activeTriggerId: r,
+          activeTriggerElement: i
+        });
+      }
+    }
+  }, [t, n]);
+}
+function S(n, t, e) {
+  const {
+    mounted: r,
+    setMounted: i,
+    transitionStatus: l
+  } = f(n);
+  t.useSyncedValues({
+    mounted: r,
+    transitionStatus: l
+  });
+  const c = a(() => {
+    i(!1), t.update({
+      activeTriggerId: null,
+      activeTriggerElement: null,
+      mounted: !1
+    }), e?.(), t.context.onOpenChangeComplete?.(!1);
+  }), u = t.useState("preventUnmountingOnClose");
+  return m({
+    enabled: !u,
+    open: n,
+    ref: t.context.popupRef,
+    onComplete() {
+      n || c();
+    }
+  }), {
+    forceUnmount: c,
+    transitionStatus: l
+  };
+}
+export {
+  C as useImplicitActiveTrigger,
+  S as useOpenStateTransitions,
+  x as useTriggerDataForwarding,
+  d as useTriggerRegistration
+};

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

@@ -0,0 +1,66 @@
+import * as O from "react";
+import { useAnimationFrame as P } from "./als-react-ts-ui346.js";
+import { useTimeout as b } from "./als-react-ts-ui195.js";
+import { createChangeEventDetails as v } from "./als-react-ts-ui246.js";
+import { isTypeableElement as I } from "./als-react-ts-ui331.js";
+import { EMPTY_OBJECT as x } from "./als-react-ts-ui303.js";
+import { isMouseLikePointerType as R } from "./als-react-ts-ui295.js";
+import { triggerPress as k } from "./als-react-ts-ui248.js";
+function L(d, M = {}) {
+  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
+    enabled: h = !0,
+    event: a = "click",
+    toggle: g = !0,
+    ignoreMouse: y = !1,
+    stickIfOpen: E = !0,
+    touchOpenDelay: n = 0
+  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
+    onPointerDown(t) {
+      i.current = t.pointerType;
+    },
+    onMouseDown(t) {
+      const o = i.current, r = t.nativeEvent, u = e.select("open");
+      if (t.button !== 0 || a === "click" || R(o, !0) && y)
+        return;
+      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
+      if (I(r.target)) {
+        const p = v(k, r, r.target);
+        c && o === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, p);
+        }) : e.setOpen(c, p);
+        return;
+      }
+      const D = t.currentTarget;
+      w.request(() => {
+        const p = v(k, r, D);
+        c && o === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, p);
+        }) : e.setOpen(c, p);
+      });
+    },
+    onClick(t) {
+      if (a === "mousedown-only")
+        return;
+      const o = i.current;
+      if (a === "mousedown" && o) {
+        i.current = void 0;
+        return;
+      }
+      if (R(o, !0) && y)
+        return;
+      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
+      l && o === "touch" && n > 0 ? m.start(n, () => {
+        e.setOpen(!0, c);
+      }) : e.setOpen(l, c);
+    },
+    onKeyDown() {
+      i.current = void 0;
+    }
+  }), [T, a, y, e, E, g, w, m, n]);
+  return O.useMemo(() => h ? {
+    reference: C
+  } : x, [h, C]);
+}
+export {
+  L as useClick
+};

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

@@ -0,0 +1,48 @@
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./als-react-ts-ui390.js";
+function k(e = []) {
+  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
+    (n) => u(n, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    a
+  ), c = l.useCallback(
+    (n) => u(n, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    g
+  ), i = l.useCallback(
+    (n) => u(n, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    f
+  ), r = l.useCallback(
+    (n) => u(n, e, "trigger"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+  return l.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: c,
+    getItemProps: i,
+    getTriggerProps: r
+  }), [o, c, i, r]);
+}
+function u(e, a, g) {
+  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
+  g === "floating" && (o.tabIndex = -1, o[C] = "");
+  for (const c in e)
+    t && e && (c === s || c === E) || (o[c] = e[c]);
+  for (let c = 0; c < a.length; c += 1) {
+    let i;
+    const r = a[c]?.[g];
+    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
+  }
+  return m(o, e, t, f), o;
+}
+function m(e, a, g, f) {
+  for (const t in a) {
+    const o = a[t];
+    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
+  }
+}
+export {
+  k as useInteractions
+};

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

@@ -0,0 +1,7 @@
+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 {
+  y as DialogViewportDataAttributes
+};

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

@@ -0,0 +1,44 @@
+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 {
+  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

@@ -0,0 +1,160 @@
+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;
+    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 {
+  vt as ScrollAreaRoot
+};