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

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

@@ -1,167 +0,0 @@
-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 {
-  oe as useCollapsiblePanel
-};

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

@@ -1,6 +0,0 @@
-let e = /* @__PURE__ */ (function(n) {
-  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
-})({});
-export {
-  e as AccordionPanelCssVars
-};

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

@@ -1,44 +0,0 @@
-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-ui284.js

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

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

@@ -1,187 +0,0 @@
-import * as E from "react";
-import * as Rt from "react-dom";
-import { useStableCallback as Mt } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as C } from "./als-react-ts-ui267.js";
-import { isWebKit as Tt } from "./als-react-ts-ui351.js";
-import { useTimeout as tt } from "./als-react-ts-ui297.js";
-import { useScrollAreaRootContext as Nt } from "./als-react-ts-ui536.js";
-import { ScrollAreaViewportContext as Vt } from "./als-react-ts-ui542.js";
-import { useRenderElement as Wt } from "./als-react-ts-ui226.js";
-import { useDirection as Ct } from "./als-react-ts-ui270.js";
-import { getOffset as O } from "./als-react-ts-ui539.js";
-import { MIN_THUMB_SIZE as rt } from "./als-react-ts-ui538.js";
-import { clamp as a } from "./als-react-ts-ui523.js";
-import { styleDisableScrollbar as Pt } from "./als-react-ts-ui415.js";
-import { onVisible as Lt } from "./als-react-ts-ui543.js";
-import { scrollAreaStateAttributesMapping as It } from "./als-react-ts-ui541.js";
-import { ScrollAreaViewportCssVars as d } from "./als-react-ts-ui544.js";
-import { jsx as Dt } from "react/jsx-runtime";
-let et = !1;
-function Ft() {
-  et || // When `inherits: false`, specifying `inherit` on child elements doesn't work
-  // in Safari. To let CSS features work correctly, this optimization must be skipped.
-  Tt || (typeof CSS < "u" && "registerProperty" in CSS && [d.scrollAreaOverflowXStart, d.scrollAreaOverflowXEnd, d.scrollAreaOverflowYStart, d.scrollAreaOverflowYEnd].forEach((P) => {
-    try {
-      CSS.registerProperty({
-        name: P,
-        syntax: "<length>",
-        inherits: !1,
-        initialValue: "0px"
-      });
-    } catch {
-    }
-  }), et = !0);
-}
-const $t = /* @__PURE__ */ E.forwardRef(function(L, ot) {
-  const {
-    render: _t,
-    className: kt,
-    ...nt
-  } = L, {
-    viewportRef: e,
-    scrollbarYRef: st,
-    scrollbarXRef: lt,
-    thumbYRef: ct,
-    thumbXRef: it,
-    cornerRef: at,
-    setCornerSize: I,
-    setThumbSize: ft,
-    rootId: D,
-    setHiddenState: dt,
-    hiddenState: l,
-    handleScroll: mt,
-    setHovering: F,
-    setOverflowEdges: ut,
-    overflowEdges: m,
-    overflowEdgeThreshold: g
-  } = Nt(), X = Ct(), Y = E.useRef(!0), ht = tt(), A = tt();
-  function pt() {
-    const r = e.current, c = st.current, f = lt.current, R = ct.current, M = it.current, Et = at.current;
-    if (!r)
-      return;
-    const h = r.scrollHeight, p = r.scrollWidth, S = r.clientHeight, b = r.clientWidth, $ = r.scrollTop, T = r.scrollLeft;
-    if (h === 0 || p === 0)
-      return;
-    const s = S >= h, i = b >= p, gt = b / p, vt = S / h, x = Math.max(0, p - b), v = Math.max(0, h - S);
-    let H = 0, _ = 0;
-    i || (X === "rtl" ? H = a(-T, 0, x) : H = a(T, 0, x), _ = x - H);
-    const k = s ? 0 : a($, 0, v), Ht = s ? 0 : v - k, yt = i ? 0 : b, Ot = s ? 0 : S, z = O(f, "padding", "x"), K = O(c, "padding", "y"), U = O(M, "margin", "x"), j = O(R, "margin", "y"), q = yt - z - U, B = Ot - K - j, Xt = f ? Math.min(f.offsetWidth, q) : q, Yt = c ? Math.min(c.offsetHeight, B) : B, N = Math.max(rt, Xt * gt), V = Math.max(rt, Yt * vt);
-    if (ft((t) => t.height === V && t.width === N ? t : {
-      width: N,
-      height: V
-    }), c && R) {
-      const t = c.offsetHeight - V - K - j, o = h - S, y = o === 0 ? 0 : $ / o, W = Math.min(t, Math.max(0, y * t));
-      R.style.transform = `translate3d(0,${W}px,0)`;
-    }
-    if (f && M) {
-      const t = f.offsetWidth - N - z - U, o = p - b, y = o === 0 ? 0 : T / o, W = X === "rtl" ? a(y * t, -t, 0) : a(y * t, 0, t);
-      M.style.transform = `translate3d(${W}px,0,0)`;
-    }
-    const Z = a(H, 0, x), G = a(_, 0, x), J = a(k, 0, v), Q = a(Ht, 0, v), At = [[d.scrollAreaOverflowXStart, Z], [d.scrollAreaOverflowXEnd, G], [d.scrollAreaOverflowYStart, J], [d.scrollAreaOverflowYEnd, Q]];
-    for (const [t, o] of At)
-      r.style.setProperty(t, `${o}px`);
-    if (Et) {
-      if (i || s)
-        I({
-          width: 0,
-          height: 0
-        });
-      else if (!i && !s) {
-        const t = c?.offsetWidth || 0, o = f?.offsetHeight || 0;
-        I({
-          width: t,
-          height: o
-        });
-      }
-    }
-    dt((t) => {
-      const o = s || i;
-      return t.scrollbarYHidden === s && t.scrollbarXHidden === i && t.cornerHidden === o ? t : {
-        scrollbarYHidden: s,
-        scrollbarXHidden: i,
-        cornerHidden: o
-      };
-    });
-    const w = {
-      xStart: !i && Z > g.xStart,
-      xEnd: !i && G > g.xEnd,
-      yStart: !s && J > g.yStart,
-      yEnd: !s && Q > g.yEnd
-    };
-    ut((t) => t.xStart === w.xStart && t.xEnd === w.xEnd && t.yStart === w.yStart && t.yEnd === w.yEnd ? t : w);
-  }
-  const n = Mt(() => {
-    Rt.flushSync(pt);
-  });
-  C(() => e.current ? (Ft(), Lt(e.current, n)) : void 0, [n, e]), C(() => {
-    queueMicrotask(n);
-  }, [n, l, X]), C(() => {
-    e.current?.matches(":hover") && F(!0);
-  }, [e, F]), E.useEffect(() => {
-    const r = e.current;
-    if (typeof ResizeObserver > "u" || !r)
-      return;
-    const c = new ResizeObserver(n);
-    return c.observe(r), A.start(0, () => {
-      Promise.all(r.getAnimations({
-        subtree: !0
-      }).map((f) => f.finished)).then(n).catch(() => {
-      });
-    }), () => {
-      c.disconnect(), A.clear();
-    };
-  }, [n, e, A]);
-  function u() {
-    Y.current = !1;
-  }
-  const St = {
-    role: "presentation",
-    ...D && {
-      "data-id": `${D}-viewport`
-    },
-    // https://accessibilityinsights.io/info-examples/web/scrollable-region-focusable/
-    ...(!l.scrollbarXHidden || !l.scrollbarYHidden) && {
-      tabIndex: 0
-    },
-    className: Pt.className,
-    style: {
-      overflow: "scroll"
-    },
-    onScroll() {
-      e.current && (n(), Y.current || mt({
-        x: e.current.scrollLeft,
-        y: e.current.scrollTop
-      }), ht.start(100, () => {
-        Y.current = !0;
-      }));
-    },
-    onWheel: u,
-    onTouchMove: u,
-    onPointerMove: u,
-    onPointerEnter: u,
-    onKeyDown: u
-  }, bt = E.useMemo(() => ({
-    hasOverflowX: !l.scrollbarXHidden,
-    hasOverflowY: !l.scrollbarYHidden,
-    overflowXStart: m.xStart,
-    overflowXEnd: m.xEnd,
-    overflowYStart: m.yStart,
-    overflowYEnd: m.yEnd,
-    cornerHidden: l.cornerHidden
-  }), [l.scrollbarXHidden, l.scrollbarYHidden, l.cornerHidden, m]), xt = Wt("div", L, {
-    ref: [ot, e],
-    state: bt,
-    props: [St, nt],
-    stateAttributesMapping: It
-  }), wt = E.useMemo(() => ({
-    computeThumbPosition: n
-  }), [n]);
-  return /* @__PURE__ */ Dt(Vt.Provider, {
-    value: wt,
-    children: xt
-  });
-});
-process.env.NODE_ENV !== "production" && ($t.displayName = "ScrollAreaViewport");
-export {
-  $t as ScrollAreaViewport
-};

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

@@ -1,39 +0,0 @@
-import * as n from "react";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
-import { useScrollAreaViewportContext as l } from "./als-react-ts-ui542.js";
-import { useRenderElement as p } from "./als-react-ts-ui226.js";
-import { useScrollAreaRootContext as f } from "./als-react-ts-ui536.js";
-import { scrollAreaStateAttributesMapping as m } from "./als-react-ts-ui541.js";
-const u = /* @__PURE__ */ n.forwardRef(function(t, s) {
-  const {
-    render: A,
-    className: R,
-    ...i
-  } = t, e = n.useRef(null), {
-    computeThumbPosition: r
-  } = l(), {
-    viewportState: c
-  } = f();
-  return a(() => {
-    if (typeof ResizeObserver > "u")
-      return;
-    const o = new ResizeObserver(r);
-    return e.current && o.observe(e.current), () => {
-      o.disconnect();
-    };
-  }, [r]), p("div", t, {
-    ref: [s, e],
-    state: c,
-    stateAttributesMapping: m,
-    props: [{
-      role: "presentation",
-      style: {
-        minWidth: "fit-content"
-      }
-    }, i]
-  });
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "ScrollAreaContent");
-export {
-  u as ScrollAreaContent
-};