@tedi-design-system/react 19.0.0-rc.13 → 19.0.0-rc.15

package/src/tedi/components/overlays/overlay/overlay.es.js

@@ -1,8 +1,8 @@
 import { jsx as K } from "react/jsx-runtime";
 import { useFloating as N, useInteractions as Q, useHover as X, safePolygon as Y, useClick as Z, useFocus as _, useRole as $, useDismiss as D } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import { useState as ee, useRef as te, useMemo as E, useCallback as oe, useId as ne, createContext as re } from "react";
-import { OverlayContent as se } from "./overlay-content.es.js";
-import { OverlayTrigger as ae } from "./overlay-trigger.es.js";
+import { OverlayContent as ae } from "./overlay-content.es.js";
+import { OverlayTrigger as se } from "./overlay-trigger.es.js";
 import { useIsTouchDevice as le } from "../../../helpers/hooks/use-is-touch-device.es.js";
 import { useIsMounted as ce } from "../../../helpers/hooks/use-is-mounted.es.js";
 import { autoUpdate as H } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
@@ -39,10 +39,10 @@ const pe = 3, ge = re({
   const j = le(), {
     children: A,
     placement: G = "top",
-    openWith: n = j ? "click" : "hover",
+    openWith: o = j ? "click" : "hover",
     defaultOpen: S = !1,
     open: r,
-    onToggle: o,
+    onToggle: n,
     role: l = "tooltip",
     ariaHidden: c = !1,
     arrowDimensions: e,
@@ -52,12 +52,12 @@ const pe = 3, ge = re({
     dismissible: g,
     scrollLock: h,
     trackReferencePosition: q = !1
-  } = W, { order: m = ["reference", "content"], initialFocus: v, modal: f, ...y } = i ?? {}, O = v !== void 0 ? v : f ? 0 : void 0, [x, F] = ee(S), d = te(null), P = ce(), u = E(() => o && typeof r < "u" ? r : x, [o, r, x]), p = oe(
-    (a) => {
-      typeof r > "u" && F(a), o == null || o(a);
+  } = W, { order: m = ["reference", "content"], initialFocus: v, modal: f, ...y } = i ?? {}, O = v !== void 0 ? v : f ? 0 : void 0, [x, F] = ee(S), d = te(null), P = ce(), u = E(() => n && typeof r < "u" ? r : x, [n, r, x]), p = oe(
+    (s) => {
+      typeof r > "u" && F(s), n == null || n(s);
     },
-    [r, F, o]
-  ), { x: C, y: M, refs: s, strategy: R, context: t, middlewareData: w, placement: b } = N({
+    [r, F, n]
+  ), { x: C, y: M, refs: a, strategy: R, context: t, middlewareData: b, placement: k } = N({
     placement: G,
     open: u,
     onOpenChange: p,
@@ -70,50 +70,51 @@ const pe = 3, ge = re({
         padding: V
       })
     ],
-    whileElementsMounted: q ? (a, B, J) => H(a, B, J, { animationFrame: !0 }) : H
-  }), { getReferenceProps: k, getFloatingProps: I } = Q([
+    whileElementsMounted: q ? (s, B, J) => H(s, B, J, { animationFrame: !0 }) : H
+  }), { getReferenceProps: w, getFloatingProps: I } = Q([
     X(t, {
-      enabled: n === "hover",
+      enabled: o === "hover",
       handleClose: Y()
     }),
     Z(t, {
+      enabled: o === "click",
       toggle: g
     }),
     _(t, {
-      enabled: n === "hover"
+      enabled: o === "hover"
     }),
     $(t, { role: l, enabled: !c }),
     D(t, {
       enabled: g,
-      outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
+      outsidePressEvent: o === "click" ? "mousedown" : "pointerdown"
     })
   ]), T = ne(), z = E(
     () => ({
       open: u,
       onOpenChange: p,
       isMounted: P,
-      openWith: n,
+      openWith: o,
       focusManager: i ? {
         order: m,
         modal: f,
         initialFocus: O,
         ...y
       } : void 0,
-      reference: s.setReference,
-      floating: s.setFloating,
+      reference: a.setReference,
+      floating: a.setFloating,
       arrowRef: d,
       x: C,
       y: M,
       strategy: R,
-      getReferenceProps: k,
+      getReferenceProps: w,
       getFloatingProps: I,
       arrow: {
         width: e == null ? void 0 : e.width,
         height: e == null ? void 0 : e.height,
-        ...w.arrow
+        ...b.arrow
       },
       context: t,
-      placement: b,
+      placement: k,
       scrollLock: h,
       role: l,
       ariaHidden: c,
@@ -123,21 +124,21 @@ const pe = 3, ge = re({
       u,
       p,
       P,
-      n,
+      o,
       i,
-      s.setReference,
-      s.setFloating,
+      a.setReference,
+      a.setFloating,
       d,
       C,
       M,
       R,
-      k,
+      w,
       I,
       e == null ? void 0 : e.width,
       e == null ? void 0 : e.height,
-      w.arrow,
+      b.arrow,
       t,
-      b,
+      k,
       h,
       l,
       c,
@@ -150,8 +151,8 @@ const pe = 3, ge = re({
   );
   return /* @__PURE__ */ K(ge.Provider, { value: z, children: A });
 };
-L.Trigger = ae;
-L.Content = se;
+L.Trigger = se;
+L.Content = ae;
 export {
   L as Overlay,
   ge as OverlayContext,