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

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

@@ -1,187 +1,9 @@
-import * as E from "react";
-import * as Rt from "react-dom";
-import { useStableCallback as Mt } from "./als-react-ts-ui192.js";
-import { useIsoLayoutEffect as C } from "./als-react-ts-ui193.js";
-import { isWebKit as Tt } from "./als-react-ts-ui371.js";
-import { useTimeout as tt } from "./als-react-ts-ui195.js";
-import { useScrollAreaRootContext as Nt } from "./als-react-ts-ui539.js";
-import { ScrollAreaViewportContext as Vt } from "./als-react-ts-ui545.js";
-import { useRenderElement as Wt } from "./als-react-ts-ui189.js";
-import { useDirection as Ct } from "./als-react-ts-ui285.js";
-import { getOffset as O } from "./als-react-ts-ui542.js";
-import { MIN_THUMB_SIZE as rt } from "./als-react-ts-ui541.js";
-import { clamp as a } from "./als-react-ts-ui519.js";
-import { styleDisableScrollbar as Pt } from "./als-react-ts-ui415.js";
-import { onVisible as Lt } from "./als-react-ts-ui546.js";
-import { scrollAreaStateAttributesMapping as It } from "./als-react-ts-ui544.js";
-import { ScrollAreaViewportCssVars as d } from "./als-react-ts-ui547.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);
+import * as c from "react";
+const e = {};
+function f(r, n) {
+  const t = c.useRef(e);
+  return t.current === e && (t.current = r(n)), t;
 }
-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
+  f as useRefWithInit
 };

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

@@ -1,39 +1,89 @@
-import * as n from "react";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui193.js";
-import { useScrollAreaViewportContext as l } from "./als-react-ts-ui545.js";
-import { useRenderElement as p } from "./als-react-ts-ui189.js";
-import { useScrollAreaRootContext as f } from "./als-react-ts-ui539.js";
-import { scrollAreaStateAttributesMapping as m } from "./als-react-ts-ui544.js";
-const u = /* @__PURE__ */ n.forwardRef(function(t, s) {
+import * as s from "react";
+import { useStableCallback as y } from "./als-react-ts-ui223.js";
+import { useScrollLock as I } from "./als-react-ts-ui325.js";
+import { useOpenInteractionType as A } from "./als-react-ts-ui326.js";
+import { createChangeEventDetails as M } from "./als-react-ts-ui273.js";
+import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./als-react-ts-ui288.js";
+import { useSyncedFloatingRootContext as U } from "./als-react-ts-ui327.js";
+import { useRole as w } from "./als-react-ts-ui328.js";
+import { useDismiss as H } from "./als-react-ts-ui329.js";
+import { useInteractions as K } from "./als-react-ts-ui290.js";
+import { imperativeAction as L } from "./als-react-ts-ui275.js";
+import { getTarget as V, contains as j } from "./als-react-ts-ui330.js";
+function ee(R) {
   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"
+    store: e,
+    parentContext: o,
+    actionsRef: x
+  } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
+    openMethod: k,
+    triggerProps: r,
+    reset: S
+  } = A(n);
+  B(e);
+  const {
+    forceUnmount: m
+  } = F(n, e, () => {
+    S();
+  }), f = y((t) => {
+    const a = M(t);
+    return a.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, a;
+  }), g = s.useCallback(() => {
+    e.setOpen(!1, f(L));
+  }, [e, f]);
+  s.useImperativeHandle(x, () => ({
+    unmount: m,
+    close: g
+  }), [m, g]);
+  const u = U({
+    popupStore: e,
+    onOpenChange: e.setOpen,
+    treatPopupAsFloatingElement: !0,
+    noEmit: !0
+  }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
+    outsidePressEvent() {
+      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
+        mouse: c === "trap-focus" ? "sloppy" : "intentional",
+        touch: "sloppy"
+      };
+    },
+    outsidePress(t) {
+      if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
+        return !1;
+      const a = V(t);
+      if (C && !P) {
+        const p = a;
+        return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
       }
-    }, i]
+      return !1;
+    },
+    escapeKey: C
+  });
+  I(n && c === !0, l);
+  const {
+    getReferenceProps: D,
+    getFloatingProps: O,
+    getTriggerProps: b
+  } = K([N, T]);
+  e.useContextCallback("onNestedDialogOpen", (t) => {
+    d(t + 1);
+  }), e.useContextCallback("onNestedDialogClose", () => {
+    d(0);
+  }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
+    o?.onNestedDialogClose && n && o.onNestedDialogClose();
+  }), [n, o, i]);
+  const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
+  e.useSyncedValues({
+    openMethod: k,
+    activeTriggerProps: h,
+    inactiveTriggerProps: v,
+    popupProps: E,
+    floatingRootContext: u,
+    nestedOpenDialogCount: i
   });
-});
-process.env.NODE_ENV !== "production" && (u.displayName = "ScrollAreaContent");
+}
 export {
-  u as ScrollAreaContent
+  ee as useDialogRoot
 };

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

@@ -1,126 +1,14 @@
-import * as h from "react";
-import { useScrollAreaRootContext as I } from "./als-react-ts-ui539.js";
-import { ScrollAreaScrollbarContext as N } from "./als-react-ts-ui548.js";
-import { useRenderElement as V } from "./als-react-ts-ui189.js";
-import { getOffset as m } from "./als-react-ts-ui542.js";
-import { ScrollAreaRootCssVars as x } from "./als-react-ts-ui540.js";
-import { ScrollAreaScrollbarCssVars as W } from "./als-react-ts-ui549.js";
-import { useDirection as U } from "./als-react-ts-ui285.js";
-import { scrollAreaStateAttributesMapping as B } from "./als-react-ts-ui544.js";
-import { jsx as j } from "react/jsx-runtime";
-const K = /* @__PURE__ */ h.forwardRef(function(R, C) {
-  const {
-    render: q,
-    className: F,
-    orientation: t = "vertical",
-    keepMounted: O = !1,
-    ...T
-  } = R, {
-    hovering: Y,
-    scrollingX: H,
-    scrollingY: X,
-    hiddenState: a,
-    overflowEdges: f,
-    scrollbarYRef: c,
-    scrollbarXRef: i,
-    viewportRef: o,
-    thumbYRef: p,
-    thumbXRef: b,
-    handlePointerDown: L,
-    handlePointerUp: y,
-    rootId: A,
-    thumbSize: E
-  } = I(), k = h.useMemo(() => ({
-    hovering: Y,
-    scrolling: {
-      horizontal: H,
-      vertical: X
-    }[t],
-    orientation: t,
-    hasOverflowX: !a.scrollbarXHidden,
-    hasOverflowY: !a.scrollbarYHidden,
-    overflowXStart: f.xStart,
-    overflowXEnd: f.xEnd,
-    overflowYStart: f.yStart,
-    overflowYEnd: f.yEnd,
-    cornerHidden: a.cornerHidden
-  }), [Y, H, X, t, a, f]), D = U();
-  h.useEffect(() => {
-    const r = o.current, l = t === "vertical" ? c.current : i.current;
-    if (!l)
-      return;
-    function n(e) {
-      if (!(!r || !l || e.ctrlKey)) {
-        if (e.preventDefault(), t === "vertical") {
-          if (r.scrollTop === 0 && e.deltaY < 0)
-            return;
-        } else if (r.scrollLeft === 0 && e.deltaX < 0)
-          return;
-        if (t === "vertical") {
-          if (r.scrollTop === r.scrollHeight - r.clientHeight && e.deltaY > 0)
-            return;
-        } else if (r.scrollLeft === r.scrollWidth - r.clientWidth && e.deltaX > 0)
-          return;
-        t === "vertical" ? r.scrollTop += e.deltaY : r.scrollLeft += e.deltaX;
-      }
-    }
-    return l.addEventListener("wheel", n, {
-      passive: !1
-    }), () => {
-      l.removeEventListener("wheel", n);
-    };
-  }, [t, i, c, o]);
-  const M = {
-    ...A && {
-      "data-id": `${A}-scrollbar`
-    },
-    onPointerDown(r) {
-      if (r.button === 0 && r.currentTarget === r.target && o.current) {
-        if (p.current && c.current && t === "vertical") {
-          const l = m(p.current, "margin", "y"), n = m(c.current, "padding", "y"), e = p.current.offsetHeight, g = c.current.getBoundingClientRect(), S = r.clientY - g.top - e / 2 - n + l / 2, u = o.current.scrollHeight, d = o.current.clientHeight, v = c.current.offsetHeight - e - n - l, s = S / v * (u - d);
-          o.current.scrollTop = s;
-        }
-        if (b.current && i.current && t === "horizontal") {
-          const l = m(b.current, "margin", "x"), n = m(i.current, "padding", "x"), e = b.current.offsetWidth, g = i.current.getBoundingClientRect(), S = r.clientX - g.left - e / 2 - n + l / 2, u = o.current.scrollWidth, d = o.current.clientWidth, v = i.current.offsetWidth - e - n - l, w = S / v;
-          let s;
-          D === "rtl" ? (s = (1 - w) * (u - d), o.current.scrollLeft <= 0 && (s = -s)) : s = w * (u - d), o.current.scrollLeft = s;
-        }
-        L(r);
-      }
-    },
-    onPointerUp: y,
-    style: {
-      position: "absolute",
-      touchAction: "none",
-      WebkitUserSelect: "none",
-      userSelect: "none",
-      ...t === "vertical" && {
-        top: 0,
-        bottom: `var(${x.scrollAreaCornerHeight})`,
-        insetInlineEnd: 0,
-        [W.scrollAreaThumbHeight]: `${E.height}px`
-      },
-      ...t === "horizontal" && {
-        insetInlineStart: 0,
-        insetInlineEnd: `var(${x.scrollAreaCornerWidth})`,
-        bottom: 0,
-        [W.scrollAreaThumbWidth]: `${E.width}px`
-      }
-    }
-  }, P = V("div", R, {
-    ref: [C, t === "vertical" ? c : i],
-    state: k,
-    props: [M, T],
-    stateAttributesMapping: B
-  }), $ = h.useMemo(() => ({
-    orientation: t
-  }), [t]), z = t === "vertical" ? a.scrollbarYHidden : a.scrollbarXHidden;
-  return O || !z ? /* @__PURE__ */ j(N.Provider, {
-    value: $,
-    children: P
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (K.displayName = "ScrollAreaScrollbar");
+import i from "./als-react-ts-ui286.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
+function s(n) {
+  const o = t.useContext(e);
+  if (n === !1 && o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
+  return o;
+}
 export {
-  K as ScrollAreaScrollbar
+  e as DialogRootContext,
+  s as useDialogRootContext
 };

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

@@ -1,47 +1,65 @@
-import * as o from "react";
-import { useScrollAreaRootContext as d } from "./als-react-ts-ui539.js";
-import { useScrollAreaScrollbarContext as S } from "./als-react-ts-ui548.js";
-import { ScrollAreaScrollbarCssVars as t } from "./als-react-ts-ui549.js";
-import { useRenderElement as b } from "./als-react-ts-ui189.js";
-const v = /* @__PURE__ */ o.forwardRef(function(r, l) {
-  const {
-    render: P,
-    className: R,
-    ...n
-  } = r, {
-    thumbYRef: a,
-    thumbXRef: i,
-    handlePointerDown: s,
-    handlePointerMove: c,
-    handlePointerUp: m,
-    setScrollingX: h,
-    setScrollingY: f
-  } = d(), {
-    orientation: e
-  } = S(), u = o.useMemo(() => ({
-    orientation: e
-  }), [e]);
-  return b("div", r, {
-    ref: [l, e === "vertical" ? a : i],
-    state: u,
-    props: [{
-      onPointerDown: s,
-      onPointerMove: c,
-      onPointerUp(p) {
-        e === "vertical" && f(!1), e === "horizontal" && h(!1), m(p);
-      },
-      style: {
-        ...e === "vertical" && {
-          height: `var(${t.scrollAreaThumbHeight})`
-        },
-        ...e === "horizontal" && {
-          width: `var(${t.scrollAreaThumbWidth})`
-        }
-      }
-    }, n]
-  });
-});
-process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaThumb");
+import * as i from "react";
+import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui331.js";
+import { ReactStore as p } from "./als-react-ts-ui332.js";
+import { PopupTriggerMap as g } from "./als-react-ts-ui333.js";
+import { createSelector as n } from "./als-react-ts-ui334.js";
+const m = {
+  ...d,
+  modal: n((e) => e.modal),
+  nested: n((e) => e.nested),
+  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
+  disablePointerDismissal: n((e) => e.disablePointerDismissal),
+  openMethod: n((e) => e.openMethod),
+  descriptionElementId: n((e) => e.descriptionElementId),
+  titleElementId: n((e) => e.titleElementId),
+  viewportElement: n((e) => e.viewportElement),
+  role: n((e) => e.role)
+};
+class C extends p {
+  constructor(o) {
+    super(c(o), {
+      popupRef: /* @__PURE__ */ i.createRef(),
+      backdropRef: /* @__PURE__ */ i.createRef(),
+      internalBackdropRef: /* @__PURE__ */ i.createRef(),
+      triggerElements: new g(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0
+    }, m);
+  }
+  setOpen = (o, t) => {
+    if (t.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
+      return;
+    const s = {
+      open: o,
+      nativeEvent: t.event,
+      reason: t.reason,
+      nested: this.state.nested
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", s);
+    const r = {
+      open: o
+    }, l = t.trigger?.id ?? null;
+    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
+  };
+}
+function c(e = {}) {
+  return {
+    ...a(),
+    modal: !0,
+    disablePointerDismissal: !1,
+    popupElement: null,
+    viewportElement: null,
+    descriptionElementId: void 0,
+    titleElementId: void 0,
+    openMethod: null,
+    nested: !1,
+    nestedOpenDialogCount: 0,
+    role: "dialog",
+    ...e
+  };
+}
 export {
-  v as ScrollAreaThumb
+  C as DialogStore
 };

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

@@ -1,30 +1,40 @@
-import * as s from "react";
-import { useScrollAreaRootContext as c } from "./als-react-ts-ui539.js";
-import { useRenderElement as a } from "./als-react-ts-ui189.js";
-const d = /* @__PURE__ */ s.forwardRef(function(e, o) {
-  const {
-    render: f,
-    className: p,
-    ...t
-  } = e, {
-    cornerRef: n,
-    cornerSize: r,
-    hiddenState: i
-  } = c(), l = a("div", e, {
-    ref: [o, n],
-    props: [{
-      style: {
-        position: "absolute",
-        bottom: 0,
-        insetInlineEnd: 0,
-        width: r.width,
-        height: r.height
-      }
-    }, t]
-  });
-  return i.cornerHidden ? null : l;
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
+import { TransitionStatusDataAttributes as p } from "./als-react-ts-ui272.js";
+let r = (function(n) {
+  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
+})({}), e = /* @__PURE__ */ (function(n) {
+  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
+})({});
+const t = {
+  [e.popupOpen]: ""
+}, d = {
+  [e.popupOpen]: "",
+  [e.pressed]: ""
+}, O = {
+  [r.open]: ""
+}, l = {
+  [r.closed]: ""
+}, s = {
+  [r.anchorHidden]: ""
+}, i = {
+  open(n) {
+    return n ? t : null;
+  }
+}, a = {
+  open(n) {
+    return n ? d : null;
+  }
+}, o = {
+  open(n) {
+    return n ? O : l;
+  },
+  anchorHidden(n) {
+    return n ? s : null;
+  }
+};
 export {
-  d as ScrollAreaCorner
+  r as CommonPopupDataAttributes,
+  e as CommonTriggerDataAttributes,
+  o as popupStateMapping,
+  a as pressableTriggerOpenStateMapping,
+  i as triggerOpenStateMapping
 };