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

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

@@ -1,294 +1,38 @@
-import * as b from "react";
-import { tabbable as Oe, isTabbable as we, focusable as Be } from "./als-react-ts-ui358.js";
-import { isHTMLElement as q, getNodeName as Ke, getWindow as He, getComputedStyle as _e } from "./als-react-ts-ui320.js";
-import { useMergedRefs as Re } from "./als-react-ts-ui272.js";
-import { useValueAsRef as K } from "./als-react-ts-ui318.js";
-import { useStableCallback as H } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as _ } from "./als-react-ts-ui267.js";
-import { visuallyHidden as Ue } from "./als-react-ts-ui359.js";
-import { useTimeout as ve } from "./als-react-ts-ui297.js";
-import { useAnimationFrame as We } from "./als-react-ts-ui346.js";
-import { FocusGuard as ye } from "./als-react-ts-ui360.js";
-import { createChangeEventDetails as $e } from "./als-react-ts-ui229.js";
-import { createAttribute as Te } from "./als-react-ts-ui361.js";
-import { enqueueFocus as Z } from "./als-react-ts-ui362.js";
-import { markOthers as ze } from "./als-react-ts-ui363.js";
-import { usePortalContext as Je } from "./als-react-ts-ui241.js";
-import { useFloatingTree as Qe } from "./als-react-ts-ui364.js";
-import { CLICK_TRIGGER_IDENTIFIER as Xe } from "./als-react-ts-ui243.js";
-import { resolveRef as S } from "./als-react-ts-ui365.js";
-import { jsxs as Ye, jsx as Fe } from "react/jsx-runtime";
-import { isTypeableCombobox as xe, getFloatingFocusElement as he, getDocument as I, activeElement as V, contains as E, getTarget as ee } from "./als-react-ts-ui312.js";
-import { getTabbableOptions as ne, isOutsideEvent as Ie, getNextTabbable as Ze, getPreviousTabbable as et } from "./als-react-ts-ui366.js";
-import { getNodeAncestors as ke, getNodeChildren as Ce } from "./als-react-ts-ui367.js";
-import { isVirtualClick as tt, isVirtualPointerEvent as nt, stopEvent as rt } from "./als-react-ts-ui280.js";
-import { triggerHover as ot, outsidePress as st, focusOut as ut } from "./als-react-ts-ui231.js";
-function it(e, m) {
-  const h = He(e.target);
-  return e instanceof h.KeyboardEvent ? "keyboard" : e instanceof h.FocusEvent ? m || "keyboard" : "pointerType" in e ? e.pointerType || "keyboard" : "touches" in e ? "touch" : e instanceof h.MouseEvent ? m || (e.detail === 0 ? "keyboard" : "mouse") : "";
-}
-const Le = 20;
-let k = [];
-function re() {
-  k = k.filter((e) => e.isConnected);
-}
-function ct(e) {
-  re(), e && Ke(e) !== "body" && (k.push(e), k.length > Le && (k = k.slice(-Le)));
-}
-function te() {
-  return re(), k[k.length - 1];
-}
-function ft(e) {
-  if (!e)
-    return null;
-  const m = ne();
-  return we(e, m) ? e : Oe(e, m)[0] || e;
-}
-function at(e) {
-  return !e || !e.isConnected ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : _e(e).display !== "none";
-}
-function Ae(e, m) {
-  if (!m.current.includes("floating") && !e.getAttribute("role")?.includes("dialog"))
-    return;
-  const h = ne(), U = Be(e, h).filter((D) => {
-    const P = D.getAttribute("data-tabindex") || "";
-    return we(D, h) || D.hasAttribute("data-tabindex") && !P.startsWith("-");
-  }), N = e.getAttribute("tabindex");
-  m.current.includes("floating") || U.length === 0 ? N !== "0" && e.setAttribute("tabindex", "0") : (N !== "-1" || e.hasAttribute("data-tabindex") && e.getAttribute("data-tabindex") !== "-1") && (e.setAttribute("tabindex", "-1"), e.setAttribute("data-tabindex", "-1"));
-}
-function Pt(e) {
+import * as t from "react";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui224.js";
+import { usePreviewCardRootContext as c } from "./als-react-ts-ui544.js";
+import { triggerOpenStateMapping as l } from "./als-react-ts-ui271.js";
+import { useRenderElement as d } from "./als-react-ts-ui220.js";
+const u = /* @__PURE__ */ t.forwardRef(function(e, o) {
   const {
-    context: m,
-    children: h,
-    disabled: i = !1,
-    order: U = ["content"],
-    initialFocus: N = !0,
-    returnFocus: D = !0,
-    restoreFocus: P = !1,
-    modal: p = !0,
-    closeOnFocusOut: M = !0,
-    openInteractionType: Se = "",
-    getInsideElements: Ne = () => [],
-    nextFocusableElement: W,
-    previousFocusableElement: $,
-    beforeContentFocusGuardRef: De,
-    externalTree: Pe
-  } = e, F = "rootStore" in m ? m.rootStore : m, R = F.useState("open"), c = F.useState("domReferenceElement"), f = F.useState("floatingElement"), {
-    events: z,
-    dataRef: C
-  } = F.context, O = H(() => C.current.floatingContext?.nodeId), oe = H(Ne), se = N === !1, x = xe(c) && se, L = K(U), ue = K(N), j = K(D), ie = K(Se), v = Qe(Pe), a = Je(), Me = b.useRef(null), Ge = b.useRef(null), y = b.useRef(!1), J = b.useRef(!1), ce = b.useRef(-1), fe = b.useRef(""), Q = b.useRef(""), ae = ve(), le = ve(), de = We(), X = a != null, r = he(f), A = H((n = r) => n ? Oe(n, ne()) : []), G = H((n) => {
-    const o = A(n);
-    return L.current.map(() => o).filter(Boolean).flat();
-  });
-  b.useEffect(() => {
-    if (i || !p)
-      return;
-    function n(l) {
-      l.key === "Tab" && E(r, V(I(r))) && A().length === 0 && !x && rt(l);
-    }
-    const o = I(r);
-    return o.addEventListener("keydown", n), () => {
-      o.removeEventListener("keydown", n);
-    };
-  }, [i, c, r, p, L, x, A, G]), b.useEffect(() => {
-    if (i || !f)
-      return;
-    function n(o) {
-      const l = ee(o), d = A().indexOf(l);
-      d !== -1 && (ce.current = d);
-    }
-    return f.addEventListener("focusin", n), () => {
-      f.removeEventListener("focusin", n);
-    };
-  }, [i, f, A]), b.useEffect(() => {
-    if (i || !R)
-      return;
-    const n = I(r);
-    function o(u) {
-      Q.current = u.pointerType || "keyboard";
-    }
-    function l() {
-      Q.current = "keyboard";
-    }
-    return n.addEventListener("pointerdown", o, !0), n.addEventListener("keydown", l, !0), () => {
-      n.removeEventListener("pointerdown", o, !0), n.removeEventListener("keydown", l, !0);
-    };
-  }, [i, f, c, r, R]), b.useEffect(() => {
-    if (i || !M)
-      return;
-    function n() {
-      J.current = !0, le.start(0, () => {
-        J.current = !1;
-      });
-    }
-    function o(t) {
-      const s = t.relatedTarget, w = t.currentTarget, g = ee(t);
-      queueMicrotask(() => {
-        const B = O(), ge = F.context.triggerElements, je = !(E(c, s) || E(f, s) || E(s, f) || E(a?.portalNode, s) || s != null && ge.hasElement(s) || ge.hasMatchingElement((T) => E(T, s)) || s?.hasAttribute(Te("focus-guard")) || v && (Ce(v.nodesRef.current, B).find((T) => E(T.context?.elements.floating, s) || E(T.context?.elements.domReference, s)) || ke(v.nodesRef.current, B).find((T) => [T.context?.elements.floating, he(T.context?.elements.floating)].includes(s) || T.context?.elements.domReference === s)));
-        if (w === c && r && Ae(r, L), P && w !== c && !at(g) && V(I(r)) === I(r).body) {
-          if (q(r) && (r.focus(), P === "popup")) {
-            de.request(() => {
-              r.focus();
-            });
-            return;
-          }
-          const T = ce.current, Y = A(), Ee = Y[T] || Y[Y.length - 1] || r;
-          q(Ee) && Ee.focus();
-        }
-        if (C.current.insideReactTree) {
-          C.current.insideReactTree = !1;
-          return;
-        }
-        (x || !p) && s && je && // Fix React 18 Strict Mode returnFocus due to double rendering.
-        // For an "untrapped" typeable combobox (input role=combobox with
-        // initialFocus=false), re-opening the popup and tabbing out should still close it even
-        // when the previously focused element (e.g. the next tabbable outside the popup) is
-        // focused again. Otherwise, the popup remains open on the second Tab sequence:
-        // click input -> Tab (closes) -> click input -> Tab.
-        // Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
-        (x || s !== te()) && (y.current = !0, F.setOpen(!1, $e(ut, t)));
-      });
-    }
-    function l() {
-      C.current.insideReactTree = !0, ae.start(0, () => {
-        C.current.insideReactTree = !1;
-      });
-    }
-    const u = q(c) ? c : null, d = [];
-    if (!(!f && !u))
-      return u && (u.addEventListener("focusout", o), u.addEventListener("pointerdown", n), d.push(() => {
-        u.removeEventListener("focusout", o), u.removeEventListener("pointerdown", n);
-      })), f && (f.addEventListener("focusout", o), a && (f.addEventListener("focusout", l, !0), d.push(() => {
-        f.removeEventListener("focusout", l, !0);
-      })), d.push(() => {
-        f.removeEventListener("focusout", o);
-      })), () => {
-        d.forEach((t) => {
-          t();
-        });
-      };
-  }, [i, c, f, r, p, v, a, F, M, P, A, x, O, L, C, ae, le, de]);
-  const be = b.useRef(null), me = b.useRef(null), qe = Re(be, De, a?.beforeInsideRef), Ve = Re(me, a?.afterInsideRef);
-  b.useEffect(() => {
-    if (i || !f || !R)
-      return;
-    const n = Array.from(a?.portalNode?.querySelectorAll(`[${Te("portal")}]`) || []), l = (v ? ke(v.nodesRef.current, O()) : []).find((t) => xe(t.context?.elements.domReference || null))?.context?.elements.domReference, u = [f, l, ...n, ...oe(), Me.current, Ge.current, be.current, me.current, a?.beforeOutsideRef.current, a?.afterOutsideRef.current, S($), S(W), x ? c : null].filter((t) => t != null), d = ze(u, p || x);
-    return () => {
-      d();
-    };
-  }, [R, i, c, f, p, L, a, x, v, O, oe, W, $]), _(() => {
-    if (!R || i || !q(r))
-      return;
-    const n = I(r), o = V(n);
-    queueMicrotask(() => {
-      const l = G(r), u = ue.current, d = typeof u == "function" ? u(ie.current || "") : u;
-      if (d === void 0 || d === !1)
-        return;
-      let t;
-      d === !0 || d === null ? t = l[0] || r : t = S(d), t = t || l[0] || r, !E(r, o) && Z(t, {
-        preventScroll: t === r
-      });
-    });
-  }, [i, R, r, se, G, ue, ie]), _(() => {
-    if (i || !r)
-      return;
-    const n = I(r), o = V(n);
-    ct(o);
-    function l(t) {
-      if (t.open || (fe.current = it(t.nativeEvent, Q.current)), t.reason === ot && t.nativeEvent.type === "mouseleave" && (y.current = !0), t.reason === st)
-        if (t.nested)
-          y.current = !1;
-        else if (tt(t.nativeEvent) || nt(t.nativeEvent))
-          y.current = !1;
-        else {
-          let s = !1;
-          document.createElement("div").focus({
-            get preventScroll() {
-              return s = !0, !1;
-            }
-          }), s ? y.current = !1 : y.current = !0;
-        }
-    }
-    z.on("openchange", l);
-    const u = n.createElement("span");
-    u.setAttribute("tabindex", "-1"), u.setAttribute("aria-hidden", "true"), Object.assign(u.style, Ue), X && c && c.insertAdjacentElement("afterend", u);
-    function d() {
-      const t = j.current;
-      let s = typeof t == "function" ? t(fe.current) : t;
-      if (s === void 0 || s === !1)
-        return null;
-      if (s === null && (s = !0), typeof s == "boolean") {
-        const g = c || te();
-        return g && g.isConnected ? g : u;
-      }
-      const w = c || te() || u;
-      return S(s) || w;
-    }
-    return () => {
-      z.off("openchange", l);
-      const t = V(n), s = E(f, t) || v && Ce(v.nodesRef.current, O(), !1).some((g) => E(g.context?.elements.floating, t)), w = d();
-      queueMicrotask(() => {
-        const g = ft(w), B = typeof j.current != "boolean";
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        j.current && !y.current && q(g) && // If the focus moved somewhere else after mount, avoid returning focus
-        // since it likely entered a different element which should be
-        // respected: https://github.com/floating-ui/floating-ui/issues/2607
-        (!(!B && g !== t && t !== n.body) || s) && g.focus({
-          preventScroll: !0
-        }), u.remove();
-      });
-    };
-  }, [i, f, r, j, C, z, v, X, c, O]), b.useEffect(() => {
-    queueMicrotask(() => {
-      y.current = !1;
+    render: v,
+    className: y,
+    delay: s,
+    closeDelay: i,
+    ...a
+  } = e, {
+    open: r,
+    triggerProps: n,
+    setTriggerElement: m,
+    writeDelayRefs: p
+  } = c();
+  f(() => {
+    p({
+      delay: s,
+      closeDelay: i
     });
-  }, [i]), b.useEffect(() => {
-    if (i || !R)
-      return;
-    function n(l) {
-      ee(l)?.closest(`[${Xe}]`) && (J.current = !0);
-    }
-    const o = I(r);
-    return o.addEventListener("pointerdown", n, !0), () => {
-      o.removeEventListener("pointerdown", n, !0);
-    };
-  }, [i, R, r]), _(() => {
-    if (!i && a)
-      return a.setFocusManagerState({
-        modal: p,
-        closeOnFocusOut: M,
-        open: R,
-        onOpenChange: F.setOpen,
-        domReference: c
-      }), () => {
-        a.setFocusManagerState(null);
-      };
-  }, [i, a, p, R, F, M, c]), _(() => {
-    if (!(i || !r))
-      return Ae(r, L), () => {
-        queueMicrotask(re);
-      };
-  }, [i, r, L]);
-  const pe = !i && (p ? !x : !0) && (X || p);
-  return /* @__PURE__ */ Ye(b.Fragment, {
-    children: [pe && /* @__PURE__ */ Fe(ye, {
-      "data-type": "inside",
-      ref: qe,
-      onFocus: (n) => {
-        if (p) {
-          const o = G();
-          Z(o[o.length - 1]);
-        } else a?.portalNode && (y.current = !1, Ie(n, a.portalNode) ? Ze(c)?.focus() : S($ ?? a.beforeOutsideRef)?.focus());
-      }
-    }), h, pe && /* @__PURE__ */ Fe(ye, {
-      "data-type": "inside",
-      ref: Ve,
-      onFocus: (n) => {
-        p ? Z(G()[0]) : a?.portalNode && (M && (y.current = !0), Ie(n, a.portalNode) ? et(c)?.focus() : S(W ?? a.afterOutsideRef)?.focus());
-      }
-    })]
   });
-}
+  const g = t.useMemo(() => ({
+    open: r
+  }), [r]);
+  return d("a", e, {
+    ref: [m, o],
+    state: g,
+    props: [n, a],
+    stateAttributesMapping: l
+  });
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "PreviewCardTrigger");
 export {
-  Pt as FloatingFocusManager
+  u as PreviewCardTrigger
 };

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

@@ -1,7 +1,83 @@
-import { isReactVersionAtLeast as r } from "./als-react-ts-ui317.js";
-function n(e) {
-  return r(19) ? e : e ? "true" : void 0;
-}
+import * as r from "react";
+import { usePreviewCardRootContext as A } from "./als-react-ts-ui544.js";
+import { PreviewCardPositionerContext as E } from "./als-react-ts-ui548.js";
+import { useAnchorPositioning as N } from "./als-react-ts-ui360.js";
+import { popupStateMapping as b } from "./als-react-ts-ui271.js";
+import { usePreviewCardPortalContext as U } from "./als-react-ts-ui547.js";
+import { POPUP_COLLISION_AVOIDANCE as k } from "./als-react-ts-ui287.js";
+import { useRenderElement as H } from "./als-react-ts-ui220.js";
+import { jsx as I } from "react/jsx-runtime";
+const V = /* @__PURE__ */ r.forwardRef(function(i, s) {
+  const {
+    render: D,
+    className: L,
+    anchor: a,
+    positionMethod: d = "absolute",
+    side: l = "bottom",
+    align: c = "center",
+    sideOffset: p = 0,
+    alignOffset: m = 0,
+    collisionBoundary: f = "clipping-ancestors",
+    collisionPadding: u = 5,
+    arrowPadding: P = 5,
+    sticky: g = !1,
+    disableAnchorTracking: w = !1,
+    collisionAvoidance: v = k,
+    ...C
+  } = i, {
+    open: o,
+    mounted: t,
+    floatingRootContext: h,
+    setPositionerElement: y
+  } = A(), R = U(), e = N({
+    anchor: a,
+    floatingRootContext: h,
+    positionMethod: d,
+    mounted: t,
+    side: l,
+    sideOffset: p,
+    align: c,
+    alignOffset: m,
+    arrowPadding: P,
+    collisionBoundary: f,
+    collisionPadding: u,
+    sticky: g,
+    disableAnchorTracking: w,
+    keepMounted: R,
+    collisionAvoidance: v
+  }), S = r.useMemo(() => {
+    const n = {};
+    return o || (n.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !t,
+      style: {
+        ...e.positionerStyles,
+        ...n
+      }
+    };
+  }, [o, t, e.positionerStyles]), x = r.useMemo(() => ({
+    open: o,
+    side: e.side,
+    align: e.align,
+    anchorHidden: e.anchorHidden
+  }), [o, e.side, e.align, e.anchorHidden]), M = r.useMemo(() => ({
+    side: e.side,
+    align: e.align,
+    arrowRef: e.arrowRef,
+    arrowUncentered: e.arrowUncentered,
+    arrowStyles: e.arrowStyles
+  }), [e.side, e.align, e.arrowRef, e.arrowUncentered, e.arrowStyles]), O = H("div", i, {
+    state: x,
+    ref: [y, s],
+    props: [S, C],
+    stateAttributesMapping: b
+  });
+  return /* @__PURE__ */ I(E.Provider, {
+    value: M,
+    children: O
+  });
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "PreviewCardPositioner");
 export {
-  n as inertValue
+  V as PreviewCardPositioner
 };

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

@@ -1,41 +1,50 @@
 import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-const c = /* @__PURE__ */ i.forwardRef(function(r, n) {
+import { usePreviewCardRootContext as d } from "./als-react-ts-ui544.js";
+import { usePreviewCardPositionerContext as l } from "./als-react-ts-ui548.js";
+import { popupStateMapping as C } from "./als-react-ts-ui271.js";
+import { transitionStatusMapping as c } from "./als-react-ts-ui272.js";
+import { useOpenChangeComplete as P } from "./als-react-ts-ui280.js";
+import { useRenderElement as g } from "./als-react-ts-ui220.js";
+import { getDisabledMountTransitionStyles as v } from "./als-react-ts-ui362.js";
+const w = {
+  ...C,
+  ...c
+}, M = /* @__PURE__ */ i.forwardRef(function(o, s) {
   const {
-    cutout: e,
-    ...p
-  } = r;
-  let o;
-  if (e) {
-    const t = e?.getBoundingClientRect();
-    o = `polygon(
-      0% 0%,
-      100% 0%,
-      100% 100%,
-      0% 100%,
-      0% 0%,
-      ${t.left}px ${t.top}px,
-      ${t.left}px ${t.bottom}px,
-      ${t.right}px ${t.bottom}px,
-      ${t.right}px ${t.top}px,
-      ${t.left}px ${t.top}px
-    )`;
-  }
-  return /* @__PURE__ */ a("div", {
-    ref: n,
-    role: "presentation",
-    "data-base-ui-inert": "",
-    ...p,
-    style: {
-      position: "fixed",
-      inset: 0,
-      userSelect: "none",
-      WebkitUserSelect: "none",
-      clipPath: o
+    className: N,
+    render: S,
+    ...a
+  } = o, {
+    open: e,
+    transitionStatus: t,
+    popupRef: r,
+    onOpenChangeComplete: m,
+    popupProps: u
+  } = d(), {
+    side: p,
+    align: n
+  } = l();
+  P({
+    open: e,
+    ref: r,
+    onComplete() {
+      e && m?.(!0);
     }
   });
+  const f = i.useMemo(() => ({
+    open: e,
+    side: p,
+    align: n,
+    transitionStatus: t
+  }), [e, p, n, t]);
+  return g("div", o, {
+    ref: [r, s],
+    state: f,
+    props: [u, v(t), a],
+    stateAttributesMapping: w
+  });
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "InternalBackdrop");
+process.env.NODE_ENV !== "production" && (M.displayName = "PreviewCardPopup");
 export {
-  c as InternalBackdrop
+  M as PreviewCardPopup
 };

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

@@ -1,127 +1,38 @@
-import * as t from "react";
-import * as h from "react-dom";
-import { isNode as M } from "./als-react-ts-ui320.js";
-import { useId as D } from "./als-react-ts-ui306.js";
-import { useIsoLayoutEffect as V } from "./als-react-ts-ui267.js";
-import { FocusGuard as S } from "./als-react-ts-ui360.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui229.js";
-import { createAttribute as G } from "./als-react-ts-ui361.js";
-import { useRenderElement as _ } from "./als-react-ts-ui226.js";
-import { ownerVisuallyHidden as j } from "./als-react-ts-ui243.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-ui366.js";
-import { EMPTY_OBJECT as H } from "./als-react-ts-ui304.js";
-import { focusOut as J } from "./als-react-ts-ui231.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 = {}) {
+import * as i from "react";
+import { usePreviewCardPositionerContext as c } from "./als-react-ts-ui548.js";
+import { usePreviewCardRootContext as w } from "./als-react-ts-ui544.js";
+import { popupStateMapping as f } from "./als-react-ts-ui271.js";
+import { useRenderElement as u } from "./als-react-ts-ui220.js";
+const l = /* @__PURE__ */ i.forwardRef(function(e, s) {
   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,
+    render: C,
+    className: P,
+    ...a
+  } = e, {
+    open: r
+  } = w(), {
+    arrowRef: p,
+    side: t,
+    align: o,
+    arrowUncentered: n,
+    arrowStyles: d
+  } = c(), m = i.useMemo(() => ({
+    open: r,
+    side: t,
+    align: o,
+    uncentered: n
+  }), [r, t, o, n]);
+  return u("div", e, {
+    state: m,
+    ref: [p, s],
     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));
-          }
-        }
-      })]
-    })]
+      style: d,
+      "aria-hidden": !0
+    }, a],
+    stateAttributesMapping: f
   });
 });
-process.env.NODE_ENV !== "production" && (K.displayName = "FloatingPortal");
+process.env.NODE_ENV !== "production" && (l.displayName = "PreviewCardArrow");
 export {
-  K as FloatingPortal,
-  z as useFloatingPortalNode,
-  Y as usePortalContext
+  l as PreviewCardArrow
 };