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

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

@@ -1,65 +1,23 @@
-import * as i from "react";
-import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui332.js";
-import { ReactStore as p } from "./als-react-ts-ui333.js";
-import { PopupTriggerMap as g } from "./als-react-ts-ui334.js";
-import { createSelector as n } from "./als-react-ts-ui335.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);
+const n = 500, t = 500, i = {
+  style: {
+    transition: "none"
   }
-  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
-  };
-}
+}, I = "data-base-ui-click-trigger", o = {
+  fallbackAxisSide: "none"
+}, s = {
+  fallbackAxisSide: "end"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
 export {
-  C as DialogStore
+  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-ui244.js

@@ -1,40 +1,83 @@
-import { TransitionStatusDataAttributes as p } from "./als-react-ts-ui245.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;
-  }
-};
+import * as g from "react";
+import { useStableCallback as a } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as o } from "./als-react-ts-ui267.js";
+import { useTransitionStatus as f } from "./als-react-ts-ui342.js";
+import { useOpenChangeComplete as m } from "./als-react-ts-ui236.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 {
-  r as CommonPopupDataAttributes,
-  e as CommonTriggerDataAttributes,
-  o as popupStateMapping,
-  a as pressableTriggerOpenStateMapping,
-  i as triggerOpenStateMapping
+  C as useImplicitActiveTrigger,
+  S as useOpenStateTransitions,
+  x as useTriggerDataForwarding,
+  d as useTriggerRegistration
 };

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

@@ -1,16 +1,66 @@
-let n = /* @__PURE__ */ (function(t) {
-  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
-})({});
-const e = {
-  [n.startingStyle]: ""
-}, i = {
-  [n.endingStyle]: ""
-}, r = {
-  transitionStatus(t) {
-    return t === "starting" ? e : t === "ending" ? i : null;
-  }
-};
+import * as O from "react";
+import { useAnimationFrame as P } from "./als-react-ts-ui346.js";
+import { useTimeout as b } from "./als-react-ts-ui297.js";
+import { createChangeEventDetails as v } from "./als-react-ts-ui229.js";
+import { isTypeableElement as I } from "./als-react-ts-ui312.js";
+import { EMPTY_OBJECT as x } from "./als-react-ts-ui304.js";
+import { isMouseLikePointerType as R } from "./als-react-ts-ui280.js";
+import { triggerPress as k } from "./als-react-ts-ui231.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 {
-  n as TransitionStatusDataAttributes,
-  r as transitionStatusMapping
+  L as useClick
 };

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

@@ -1,35 +1,48 @@
-import { EMPTY_OBJECT as r } from "./als-react-ts-ui303.js";
-function u(e, t, n, a) {
-  let o = !1, l = !1;
-  const s = a ?? r;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      o = !0;
-    },
-    allowPropagation() {
-      l = !0;
-    },
-    get isCanceled() {
-      return o;
-    },
-    get isPropagationAllowed() {
-      return l;
-    },
-    trigger: n,
-    ...s
-  };
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./als-react-ts-ui379.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 d(e, t, n) {
-  const a = n ?? r;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...a
-  };
+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 {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
+  k as useInteractions
 };

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

@@ -1,91 +1,7 @@
-import * as i from "react";
-import { isHTMLElement as K } from "./als-react-ts-ui339.js";
-import { useStableCallback as d } from "./als-react-ts-ui192.js";
-import { error as m } from "./als-react-ts-ui340.js";
-import { useIsoLayoutEffect as N } from "./als-react-ts-ui193.js";
-import { useCompositeRootContext as O } from "./als-react-ts-ui341.js";
-import { useFocusableWhenDisabled as T } from "./als-react-ts-ui342.js";
-import { mergeProps as U, makeEventPreventable as b } from "./als-react-ts-ui304.js";
-function F(a = {}) {
-  const {
-    disabled: o = !1,
-    focusableWhenDisabled: h,
-    tabIndex: D = 0,
-    native: n = !0
-  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
-    const t = r.current;
-    return !!(t?.tagName === "A" && t?.href);
-  }), {
-    props: s
-  } = T({
-    focusableWhenDisabled: h,
-    disabled: o,
-    composite: u,
-    tabIndex: D,
-    isNativeButton: n
-  });
-  process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    if (!r.current)
-      return;
-    const t = r.current.tagName === "BUTTON";
-    n ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
-  }, [n]);
-  const l = i.useCallback(() => {
-    const t = r.current;
-    I(t) && u && o && s.disabled === void 0 && t.disabled && (t.disabled = !1);
-  }, [o, s.disabled, u]);
-  N(l, [l]);
-  const y = i.useCallback((t = {}) => {
-    const {
-      onClick: c,
-      onMouseDown: k,
-      onKeyUp: E,
-      onKeyDown: g,
-      onPointerDown: B,
-      ...C
-    } = t;
-    return U({
-      type: n ? "button" : void 0,
-      onClick(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        c?.(e);
-      },
-      onMouseDown(e) {
-        o || k?.(e);
-      },
-      onKeyDown(e) {
-        if (o || (b(e), g?.(e)), e.baseUIHandlerPrevented)
-          return;
-        const P = e.target === e.currentTarget && !n && !f() && !o, p = e.key === "Enter", x = e.key === " ";
-        P && ((x || p) && e.preventDefault(), p && c?.(e));
-      },
-      onKeyUp(e) {
-        o || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !n && !o && e.key === " " && c?.(e);
-      },
-      onPointerDown(e) {
-        if (o) {
-          e.preventDefault();
-          return;
-        }
-        B?.(e);
-      }
-    }, n ? void 0 : {
-      role: "button"
-    }, s, C);
-  }, [o, s, n, f]), w = d((t) => {
-    r.current = t, l();
-  });
-  return {
-    getButtonProps: y,
-    buttonRef: w
-  };
-}
-function I(a) {
-  return K(a) && a.tagName === "BUTTON";
-}
+import { CommonPopupDataAttributes as d } from "./als-react-ts-ui227.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 {
-  F as useButton
+  y as DialogViewportDataAttributes
 };

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

@@ -1,28 +1,42 @@
-const s = "none", e = "trigger-press", t = "trigger-hover", n = "trigger-focus", o = "outside-press", r = "item-press", c = "close-press", i = "link-press", p = "clear-press", a = "track-press", g = "input-change", u = "input-clear", l = "input-blur", d = "input-paste", P = "focus-out", b = "escape-key", k = "list-navigation", v = "keyboard", m = "pointer", w = "drag", y = "scrub", f = "cancel-open", h = "sibling-open", O = "imperative-action", z = "window-resize";
+const r = "_trigger_r1z8h_6", _ = "_positioner_r1z8h_40", t = "_popup_r1z8h_45", o = "_arrow_r1z8h_96", p = "_arrowFill_r1z8h_121", e = "_arrowOuterStroke_r1z8h_125", i = "_arrowInnerStroke_r1z8h_129", n = "_image_r1z8h_134", s = "_title_r1z8h_155", c = "_description_r1z8h_176", h = "_content_r1z8h_198", a = {
+  trigger: r,
+  positioner: _,
+  popup: t,
+  "popup--default": "_popup--default_r1z8h_66",
+  "popup--compact": "_popup--compact_r1z8h_70",
+  "popup--rich": "_popup--rich_r1z8h_75",
+  "popup--sm": "_popup--sm_r1z8h_83",
+  "popup--md": "_popup--md_r1z8h_87",
+  "popup--lg": "_popup--lg_r1z8h_91",
+  arrow: o,
+  arrowFill: p,
+  arrowOuterStroke: e,
+  arrowInnerStroke: i,
+  image: n,
+  "image--sm": "_image--sm_r1z8h_142",
+  "image--md": "_image--md_r1z8h_146",
+  "image--lg": "_image--lg_r1z8h_150",
+  title: s,
+  "title--sm": "_title--sm_r1z8h_163",
+  "title--md": "_title--md_r1z8h_167",
+  "title--lg": "_title--lg_r1z8h_171",
+  description: c,
+  "description--sm": "_description--sm_r1z8h_185",
+  "description--md": "_description--md_r1z8h_189",
+  "description--lg": "_description--lg_r1z8h_193",
+  content: h
+};
 export {
-  f as cancelOpen,
-  p as clearPress,
-  c as closePress,
-  w as drag,
-  b as escapeKey,
-  P as focusOut,
-  O as imperativeAction,
-  l as inputBlur,
-  g as inputChange,
-  u as inputClear,
-  d as inputPaste,
-  r as itemPress,
-  v as keyboard,
-  i as linkPress,
-  k as listNavigation,
-  s as none,
-  o as outsidePress,
-  m as pointer,
-  y as scrub,
-  h as siblingOpen,
-  a as trackPress,
-  n as triggerFocus,
-  t as triggerHover,
-  e as triggerPress,
-  z as windowResize
+  o as arrow,
+  p as arrowFill,
+  i as arrowInnerStroke,
+  e as arrowOuterStroke,
+  h as content,
+  a as default,
+  c as description,
+  n as image,
+  t as popup,
+  _ as positioner,
+  s as title,
+  r as trigger
 };

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

@@ -1,7 +1,38 @@
-import { useId as r } from "./als-react-ts-ui325.js";
-function i(e) {
-  return r(e, "base-ui");
-}
+import * as t from "react";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui267.js";
+import { usePreviewCardRootContext as c } from "./als-react-ts-ui528.js";
+import { triggerOpenStateMapping as l } from "./als-react-ts-ui227.js";
+import { useRenderElement as d } from "./als-react-ts-ui226.js";
+const u = /* @__PURE__ */ t.forwardRef(function(e, o) {
+  const {
+    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
+    });
+  });
+  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 {
-  i as useBaseUiId
+  u as PreviewCardTrigger
 };

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

@@ -1,6 +1,83 @@
-let t = /* @__PURE__ */ (function(e) {
-  return e.nestedDialogs = "--nested-dialogs", e;
-})({});
+import * as r from "react";
+import { usePreviewCardRootContext as A } from "./als-react-ts-ui528.js";
+import { PreviewCardPositionerContext as E } from "./als-react-ts-ui532.js";
+import { useAnchorPositioning as N } from "./als-react-ts-ui391.js";
+import { popupStateMapping as b } from "./als-react-ts-ui227.js";
+import { usePreviewCardPortalContext as U } from "./als-react-ts-ui531.js";
+import { POPUP_COLLISION_AVOIDANCE as k } from "./als-react-ts-ui243.js";
+import { useRenderElement as H } from "./als-react-ts-ui226.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 {
-  t as DialogPopupCssVars
+  V as PreviewCardPositioner
 };