@orioncactuscorp/ui 1.14.0 → 1.15.0

package/dist/components/FloatingWindow/FloatingWindow.js

@@ -7,12 +7,13 @@ import { mergeRefs as Ee } from "../../utils/mergeRefs.js";
 import _e from "../BackgroundIconButton/BackgroundIconButton.js";
 import H from "../Modal/Modal.module.scss.js";
 import { resolveModalInitialFocus as et } from "../Modal/initialFocus.js";
-import { useModalBodyScrollState as tt, ModalBodyFrame as ot, ModalSurfaceFrame as nt, resolveModalFooterBackground as rt, ModalFooterFrame as it, ModalHeaderFrame as at, ModalNavigationSectionFrame as dt, mergeModalClassName as st } from "../internal/ModalPresentation.js";
-import { useFloatingWindowContentContext as q, useFloatingWindowRootContext as Le, FloatingWindowContentContext as ct, useFloatingWindowManagerContext as lt, FloatingWindowRootContext as ut } from "./contexts.js";
-import { constrainFloatingWindowPosition as gt, getFloatingWindowBoundaryRect as Re, resolveCenteredFloatingWindowPosition as Ce, resolveAnchoredFloatingWindowPosition as ft, getFloatingWindowRect as wt } from "./geometry.js";
+import { useModalBodyScrollState as tt, ModalBodyFrame as ot, ModalSurfaceFrame as nt, resolveModalFooterBackground as rt, ModalFooterFrame as it, ModalHeaderFrame as at, ModalNavigationSectionFrame as dt, mergeModalClassName as ct } from "../internal/ModalPresentation.js";
+import { OverlayPortalProvider as st } from "../internal/OverlayPortalContext.js";
+import { useFloatingWindowContentContext as q, useFloatingWindowRootContext as Le, FloatingWindowContentContext as lt, useFloatingWindowManagerContext as ut, FloatingWindowRootContext as gt } from "./contexts.js";
+import { constrainFloatingWindowPosition as ft, getFloatingWindowBoundaryRect as Re, resolveCenteredFloatingWindowPosition as Ce, resolveAnchoredFloatingWindowPosition as mt, getFloatingWindowRect as wt } from "./geometry.js";
 import z from "./FloatingWindow.module.scss.js";
-import { FloatingWindowManager as mt } from "./FloatingWindowManager.js";
-const pt = {
+import { FloatingWindowManager as pt } from "./FloatingWindowManager.js";
+const vt = {
   topLeft: { side: "top", alignment: "start" },
   top: { side: "top", alignment: "center" },
   topRight: { side: "top", alignment: "end" },
@@ -25,15 +26,15 @@ const pt = {
   leftTop: { side: "left", alignment: "start" },
   left: { side: "left", alignment: "center" },
   leftBottom: { side: "left", alignment: "end" }
-}, vt = {
+}, ht = {
   small: H.small,
   medium: H.medium,
   large: H.large
-}, $ = st;
+}, $ = ct;
 function Se(e, o) {
   return e?.x === o.x && e.y === o.y;
 }
-function ht(e) {
+function Ft(e) {
   return e instanceof Element && !!e.closest(
     'button, a, input, select, textarea, [contenteditable="true"], [data-oc-window-no-drag]'
   );
@@ -44,32 +45,32 @@ function Me(e) {
 function Te(e, o) {
   return e ? typeof e == "function" ? e() : "current" in e ? e.current : e : o;
 }
-function Ft(e, o) {
+function bt(e, o) {
   return e.x === o.x && e.y === o.y && e.width === o.width && e.height === o.height;
 }
-function bt(e, o) {
+function yt(e, o) {
   if (typeof IntersectionObserver > "u") return;
-  let c = null, n;
+  let s = null, n;
   const r = () => {
-    n !== void 0 && window.clearTimeout(n), c?.disconnect(), c = null;
-  }, a = (m = !1, h = 1) => {
+    n !== void 0 && window.clearTimeout(n), s?.disconnect(), s = null;
+  }, a = (w = !1, h = 1) => {
     r();
     const g = e.getBoundingClientRect(), u = e.ownerDocument.documentElement;
-    if (m && o(), !g.width || !g.height) return;
+    if (w && o(), !g.width || !g.height) return;
     const p = Math.floor(g.top), F = Math.floor(
       u.clientWidth - (g.left + g.width)
-    ), w = Math.floor(
+    ), m = Math.floor(
       u.clientHeight - (g.top + g.height)
     ), b = Math.floor(g.left);
     let C = !0;
-    c = new IntersectionObserver(
+    s = new IntersectionObserver(
       (x) => {
-        const E = x[0]?.intersectionRatio ?? 0, y = !Ft(
+        const E = x[0]?.intersectionRatio ?? 0, W = !bt(
           g,
           e.getBoundingClientRect()
         );
-        if (y || E !== h) {
-          if (!C || y) {
+        if (W || E !== h) {
+          if (!C || W) {
             a(!0);
             return;
           }
@@ -78,61 +79,61 @@ function bt(e, o) {
         C = !1;
       },
       {
-        rootMargin: `${-p}px ${-F}px ${-w}px ${-b}px`,
+        rootMargin: `${-p}px ${-F}px ${-m}px ${-b}px`,
         threshold: Math.max(0, Math.min(1, h)) || 1
       }
-    ), c.observe(e);
+    ), s.observe(e);
   };
   return a(), r;
 }
 function Ie({
   children: e,
   modal: o = !1,
-  defaultBackdrop: c,
+  defaultBackdrop: s,
   presentation: n,
   disablePointerDismissal: r = o !== !0,
   windowId: a,
-  onActivate: m,
+  onActivate: w,
   onOpenChange: h,
   ...g
 }) {
-  const u = lt(), [p, F] = R(null);
+  const u = ut(), [p, F] = R(null);
   if (u && !a)
     throw new Error(
       "FloatingWindowRoot requires windowId inside FloatingWindowManager."
     );
-  const w = u !== null && u.activeWindowId !== void 0 && u.activeWindowId !== a, b = w && o !== !1 ? !1 : o, C = w ? !0 : r, x = X(
+  const m = u !== null && u.activeWindowId !== void 0 && u.activeWindowId !== a, b = m && o !== !1 ? !1 : o, C = m ? !0 : r, x = X(
     () => ({
-      defaultBackdrop: c,
+      defaultBackdrop: s,
       manager: u,
       modal: o,
-      onActivate: m,
+      onActivate: w,
       presentation: n,
       setTriggerNode: F,
       triggerNode: p,
       windowId: a
     }),
     [
-      c,
+      s,
       u,
       o,
-      m,
+      w,
       n,
       p,
       a
     ]
   ), E = L(
-    (y, v) => {
+    (W, v) => {
       const Y = v && typeof v == "object" && "reason" in v ? v.reason : void 0;
-      if (!y && (Y === "escape-key" || Y === "outside-press") && u && a && u.activeWindowId !== a) {
+      if (!W && (Y === "escape-key" || Y === "outside-press") && u && a && u.activeWindowId !== a) {
         v && typeof v == "object" && "cancel" in v && typeof v.cancel == "function" && v.cancel();
         return;
       }
-      h?.(y, v);
+      h?.(W, v);
     },
     [u, h, a]
   );
-  return /* @__PURE__ */ l(ut.Provider, { value: x, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(gt.Provider, { value: x, children: /* @__PURE__ */ l(
     T.Root,
     {
       ...g,
@@ -153,7 +154,7 @@ function xe(e) {
     }
   );
 }
-function yt({
+function Wt({
   modal: e = !0,
   ...o
 }) {
@@ -167,48 +168,48 @@ function yt({
     }
   );
 }
-function Wt({
+function Nt({
   children: e,
   className: o = "",
-  render: c,
+  render: s,
   nativeButton: n,
   ref: r
 }) {
-  const a = Le("FloatingWindowTrigger"), m = X(
+  const a = Le("FloatingWindowTrigger"), w = X(
     () => Ee(a.setTriggerNode, r),
     [r, a.setTriggerNode]
   );
   return /* @__PURE__ */ l(
     T.Trigger,
     {
-      ref: m,
-      className: c ? void 0 : $(z.trigger, o),
-      render: c,
+      ref: w,
+      className: s ? void 0 : $(z.trigger, o),
+      render: s,
       nativeButton: n,
       "data-oc-component": "floating-window-trigger",
       children: e
     }
   );
 }
-function Nt({
+function Rt({
   children: e,
   className: o = "",
-  style: c,
+  style: s,
   position: n,
   defaultPosition: r,
   placement: a,
-  side: m = "bottom",
+  side: w = "bottom",
   alignment: h = "center",
   sideOffset: g = 12,
   alignOffset: u = 0,
   anchor: p,
   onPositionChange: F,
-  onPositionCommit: w,
+  onPositionCommit: m,
   collisionBoundary: b = "viewport",
   collisionPadding: C = 16,
   collisionAvoidance: x,
   dragHandleVisibility: E = 48,
-  draggable: y = !0,
+  draggable: W = !0,
   backdrop: v = "auto",
   size: Y = "medium",
   resize: ne = "content",
@@ -217,19 +218,19 @@ function Nt({
   stackLevel: Ae = 0,
   ...K
 }) {
-  const s = Le("FloatingWindowContent"), I = A(null), re = A(null), ie = A(!1), [Q, ae] = R(null), [de, ze] = R(null), [Z, He] = R({
+  const c = Le("FloatingWindowContent"), I = A(null), re = A(null), ie = A(!1), [Q, ae] = R(null), [de, ze] = R(null), [Z, He] = R({
     canScroll: !1,
     scrolledFromTop: !1,
     scrolledToBottom: !0
-  }), P = A(null), se = n !== void 0 || r !== void 0, _ = A(se), U = A(null), [W, $e] = R(
+  }), P = A(null), ce = n !== void 0 || r !== void 0, _ = A(ce), U = A(null), [y, $e] = R(
     null
-  ), [ce, le] = R(r ?? null), [ee, ue] = R(se), [qe, G] = R(!1), [je, Oe] = R(m), [Ve, Xe] = R(h), Ye = s.windowId ? s.manager?.stackLevels.get(s.windowId) : void 0, te = s.manager?.registerWindow, ge = Ye ?? Ae, j = s.manager ? s.manager.activeWindowId === s.windowId : void 0, fe = a ? pt[a] : void 0, we = fe?.side ?? m, me = fe?.alignment ?? h, pe = X(
+  ), [se, le] = R(r ?? null), [ee, ue] = R(ce), [qe, G] = R(!1), [je, Oe] = R(w), [Ve, Xe] = R(h), Ye = c.windowId ? c.manager?.stackLevels.get(c.windowId) : void 0, te = c.manager?.registerWindow, ge = Ye ?? Ae, j = c.manager ? c.manager.activeWindowId === c.windowId : void 0, fe = a ? vt[a] : void 0, me = fe?.side ?? w, we = fe?.alignment ?? h, pe = X(
     () => ({
       side: x?.side ?? "flip",
       alignment: x?.alignment ?? "shift"
     }),
     [x?.alignment, x?.side]
-  ), ve = v === "auto" ? s.defaultBackdrop : v, Ue = L(
+  ), ve = v === "auto" ? c.defaultBackdrop : v, Ue = L(
     (t) => {
       const d = I.current !== null;
       if (I.current = t, $e(t), !t) {
@@ -247,7 +248,7 @@ function Nt({
       const d = I.current;
       if (!d) return t;
       const i = d.getBoundingClientRect();
-      return gt({
+      return ft({
         boundary: Re(b),
         dragHandleHeight: E,
         padding: C,
@@ -267,13 +268,13 @@ function Nt({
       const i = B(t);
       return k(i), n === void 0 && le(
         (f) => Se(f, i) ? f : i
-      ), d && w?.(i), i;
+      ), d && m?.(i), i;
     },
-    [B, k, w, n]
+    [B, k, m, n]
   ), J = L(() => {
-    const t = W ?? I.current;
+    const t = y ?? I.current;
     if (!t) return;
-    const d = t.getBoundingClientRect(), i = { width: d.width, height: d.height }, f = Re(b), S = n ?? ce;
+    const d = t.getBoundingClientRect(), i = { width: d.width, height: d.height }, f = Re(b), S = n ?? se;
     if (_.current || S) {
       O(
         S ?? P.current ?? Ce({
@@ -284,7 +285,7 @@ function Nt({
       ), G(!0);
       return;
     }
-    const D = Te(p, s.triggerNode);
+    const D = Te(p, c.triggerNode);
     if (!D) {
       k(
         B(
@@ -296,15 +297,15 @@ function Nt({
       ), G(!0);
       return;
     }
-    const M = ft({
+    const M = mt({
       alignOffset: u,
-      alignment: me,
+      alignment: we,
       anchor: wt(D),
       boundary: f,
       collisionAvoidance: pe,
       direction: window.getComputedStyle(D).direction === "rtl" ? "rtl" : "ltr",
       padding: C,
-      side: we,
+      side: me,
       sideOffset: g,
       size: i
     });
@@ -320,24 +321,24 @@ function Nt({
     C,
     O,
     B,
-    ce,
+    se,
     k,
     n,
-    me,
     we,
+    me,
     pe,
-    s.triggerNode,
+    c.triggerNode,
     g,
-    W
+    y
   ]);
   Ne(() => {
     J();
   }, [J]), oe(() => {
     const t = I.current;
     if (!t) return;
-    const d = Te(p, s.triggerNode), i = () => J(), f = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(i);
+    const d = Te(p, c.triggerNode), i = () => J(), f = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(i);
     f?.observe(t), d && f?.observe(d), b !== "viewport" && f?.observe(b);
-    const S = d && !ee && n === void 0 && r === void 0 ? bt(d, i) : void 0;
+    const S = d && !ee && n === void 0 && r === void 0 ? yt(d, i) : void 0;
     return window.addEventListener("resize", i), window.addEventListener("scroll", i, !0), window.visualViewport?.addEventListener("resize", i), window.visualViewport?.addEventListener("scroll", i), () => {
       S?.(), f?.disconnect(), window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0), window.visualViewport?.removeEventListener("resize", i), window.visualViewport?.removeEventListener("scroll", i);
     };
@@ -348,27 +349,27 @@ function Nt({
     ee,
     J,
     n,
-    s.triggerNode
+    c.triggerNode
   ]), oe(
     () => () => {
       U.current?.();
     },
     []
   ), Ne(() => {
-    if (!(!W || !te || !s.windowId))
-      return te(s.windowId, s.modal);
-  }, [te, s.modal, s.windowId, W]), oe(() => {
+    if (!(!y || !te || !c.windowId))
+      return te(c.windowId, c.modal);
+  }, [te, c.modal, c.windowId, y]), oe(() => {
     const t = j === !0 && !ie.current;
-    if (ie.current = j === !0, !t || s.modal === !1 || !W) return;
+    if (ie.current = j === !0, !t || c.modal === !1 || !y) return;
     const d = window.requestAnimationFrame(() => {
-      const i = re.current, f = i && W.contains(i) ? i : Q ?? W;
-      W.contains(document.activeElement) || f.focus({ preventScroll: !0 });
+      const i = re.current, f = i && y.contains(i) ? i : Q ?? y;
+      y.contains(document.activeElement) || f.focus({ preventScroll: !0 });
     });
     return () => window.cancelAnimationFrame(d);
-  }, [j, s.modal, Q, W]);
+  }, [j, c.modal, Q, y]);
   const Fe = L(
     (t) => {
-      if (!y || !t.isPrimary || t.button !== 0 || ht(t.target))
+      if (!W || !t.isPrimary || t.button !== 0 || Ft(t.target))
         return;
       const d = I.current;
       if (!d) return;
@@ -394,32 +395,32 @@ function Nt({
     [
       O,
       B,
-      y,
+      W,
       k
     ]
   ), Ge = X(
     () => ({
       bodyNode: de,
-      draggable: y,
+      draggable: W,
       scrollState: Z,
       setBodyNode: ze,
       setScrollState: He,
       setTitleNode: ae,
       startDrag: Fe
     }),
-    [de, y, Z, ae, Fe]
+    [de, W, Z, ae, Fe]
   ), Je = et({
-    contentNode: W,
+    contentNode: y,
     initialFocus: De,
-    modal: s.modal,
+    modal: c.modal,
     titleNode: Q
   }), be = {
     "--oc-floating-window-stack-offset": ge * 2
   }, Ke = {
-    ...c,
+    ...s,
     "--oc-floating-window-stack-offset": ge * 2
   }, ye = () => {
-    s.windowId && s.manager?.activateWindow(s.windowId), s.onActivate?.(s.windowId);
+    c.windowId && c.manager?.activateWindow(c.windowId), c.onActivate?.(c.windowId);
   };
   return /* @__PURE__ */ Qe(T.Portal, { container: Be, children: [
     ve === "visible" ? /* @__PURE__ */ l(
@@ -437,7 +438,7 @@ function Nt({
         className: z.positioner,
         "data-oc-component": "floating-window-positioner",
         style: be,
-        children: /* @__PURE__ */ l(ct.Provider, { value: Ge, children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ l(lt.Provider, { value: Ge, children: /* @__PURE__ */ l(
           T.Popup,
           {
             ...K,
@@ -450,8 +451,8 @@ function Nt({
             "data-oc-part": "window",
             "data-oc-positioned": qe ? "true" : "false",
             "data-oc-window-positioning": ee || n !== void 0 || r !== void 0 ? "free" : "anchored",
-            "data-oc-window-presentation": s.presentation,
-            "data-oc-window-modality": s.modal === !0 ? "modal" : s.modal === "trap-focus" ? "trap-focus" : "modeless",
+            "data-oc-window-presentation": c.presentation,
+            "data-oc-window-modality": c.modal === !0 ? "modal" : c.modal === "trap-focus" ? "trap-focus" : "modeless",
             "data-oc-window-active": j === void 0 ? void 0 : j ? "true" : "false",
             onFocusCapture: (t) => {
               K.onFocusCapture?.(t);
@@ -462,13 +463,13 @@ function Nt({
               K.onPointerDownCapture?.(t), !t.defaultPrevented && Me(t.target) && ye();
             },
             style: Ke,
-            children: /* @__PURE__ */ l(
+            children: /* @__PURE__ */ l(st, { container: y, children: /* @__PURE__ */ l(
               "div",
               {
                 className: $(
                   H.surfaceMotion,
                   z.presentationMotion,
-                  vt[Y]
+                  ht[Y]
                 ),
                 "data-oc-modal-backdrop": ve,
                 "data-oc-modal-placement": "popup",
@@ -485,17 +486,17 @@ function Nt({
                   }
                 )
               }
-            )
+            ) })
           }
         ) })
       }
     )
   ] });
 }
-function Rt({
+function Ct({
   children: e,
   className: o = "",
-  onPointerDown: c,
+  onPointerDown: s,
   ...n
 }) {
   const r = q("FloatingWindowDragHandle");
@@ -507,20 +508,20 @@ function Rt({
       "data-oc-part": "drag-handle",
       "data-oc-draggable": r.draggable ? "true" : "false",
       onPointerDown: (a) => {
-        c?.(a), a.defaultPrevented || r.startDrag(a);
+        s?.(a), a.defaultPrevented || r.startDrag(a);
       },
       children: e
     }
   );
 }
-function Ct({
+function St({
   title: e,
   leadingContent: o,
-  trailingContent: c,
+  trailingContent: s,
   closeButton: n = !0,
   closeLabel: r = "닫기",
   draggable: a = !0,
-  children: m,
+  children: w,
   className: h = "",
   onPointerDown: g,
   ref: u,
@@ -538,38 +539,38 @@ function Ct({
       leadingContent: o,
       sticky: F.scrollState.scrolledFromTop,
       titleContent: e ? /* @__PURE__ */ l(Pe, { children: e }) : void 0,
-      trailingContent: c,
-      onPointerDown: (w) => {
-        g?.(w), !w.defaultPrevented && a && F.startDrag(w);
+      trailingContent: s,
+      onPointerDown: (m) => {
+        g?.(m), !m.defaultPrevented && a && F.startDrag(m);
       },
-      children: m
+      children: w
     }
   );
 }
-function St({
+function Mt({
   handle: e = !0,
   ...o
 }) {
-  const c = q(
+  const s = q(
     "FloatingWindowNavigationSection"
   );
   return /* @__PURE__ */ l(
     dt,
     {
       ...o,
-      canRenderHandle: e && c.draggable,
-      handleProps: { onPointerDown: c.startDrag }
+      canRenderHandle: e && s.draggable,
+      handleProps: { onPointerDown: s.startDrag }
     }
   );
 }
-function Mt({
+function Tt({
   children: e,
   className: o = "",
-  layout: c = "content",
+  layout: s = "content",
   containerClassName: n = "",
   containerProps: r,
   ref: a,
-  ...m
+  ...w
 }) {
   const { bodyNode: h, setBodyNode: g, setScrollState: u } = q("FloatingWindowBody"), { setBodyRef: p, updateScrollState: F } = tt({
     bodyNode: h,
@@ -582,27 +583,27 @@ function Mt({
       bodyContainerProps: {
         ...r,
         ref: p,
-        onScroll: (w) => {
-          r?.onScroll?.(w), F(w.currentTarget);
+        onScroll: (m) => {
+          r?.onScroll?.(m), F(m.currentTarget);
         }
       },
-      bodyContentProps: { ...m, ref: a, className: n },
-      layout: c,
+      bodyContentProps: { ...w, ref: a, className: n },
+      layout: s,
       scrollAreaProps: { className: o },
       children: e
     }
   );
 }
-function Tt({
+function xt({
   children: e,
   className: o = "",
-  background: c = "auto",
+  background: s = "auto",
   ...n
 }) {
   const { scrollState: r } = q(
     "FloatingWindowFooter"
   ), a = rt(
-    c,
+    s,
     r
   );
   return /* @__PURE__ */ l(
@@ -618,7 +619,7 @@ function Tt({
 function Pe({
   className: e = "",
   ref: o,
-  ...c
+  ...s
 }) {
   const n = q("FloatingWindowTitle"), r = X(
     () => Ee(n.setTitleNode, o),
@@ -627,20 +628,20 @@ function Pe({
   return /* @__PURE__ */ l(
     T.Title,
     {
-      ...c,
+      ...s,
       ref: r,
       className: $(H.initialFocusTitle, e),
       tabIndex: -1
     }
   );
 }
-function xt(e) {
+function Et(e) {
   return /* @__PURE__ */ l(T.Description, { ...e });
 }
 function ke(e) {
   if (e.render !== void 0)
     return /* @__PURE__ */ l(T.Close, { ...e });
-  const { className: o = "", label: c = "닫기", size: n = 24, ...r } = e;
+  const { className: o = "", label: s = "닫기", size: n = 24, ...r } = e;
   return /* @__PURE__ */ l(
     T.Close,
     {
@@ -649,7 +650,7 @@ function ke(e) {
         {
           ...r,
           className: $(H.close, o),
-          "aria-label": r["aria-label"] ?? c,
+          "aria-label": r["aria-label"] ?? s,
           "data-oc-component": "modal-close",
           "data-oc-part": "close",
           size: n,
@@ -659,34 +660,34 @@ function ke(e) {
     }
   );
 }
-const Ot = Object.assign(xe, {
-  Manager: mt,
+const Xt = Object.assign(xe, {
+  Manager: pt,
   Root: xe,
-  ModalRoot: yt,
-  Trigger: Wt,
-  Content: Nt,
-  DragHandle: Rt,
-  Header: Ct,
-  NavigationSection: St,
-  Body: Mt,
-  Footer: Tt,
+  ModalRoot: Wt,
+  Trigger: Nt,
+  Content: Rt,
+  DragHandle: Ct,
+  Header: St,
+  NavigationSection: Mt,
+  Body: Tt,
+  Footer: xt,
   Title: Pe,
-  Description: xt,
+  Description: Et,
   Close: ke
 });
 export {
-  Mt as FloatingWindowBody,
+  Tt as FloatingWindowBody,
   ke as FloatingWindowClose,
-  Nt as FloatingWindowContent,
-  xt as FloatingWindowDescription,
-  Rt as FloatingWindowDragHandle,
-  Tt as FloatingWindowFooter,
-  Ct as FloatingWindowHeader,
-  mt as FloatingWindowManager,
-  St as FloatingWindowNavigationSection,
+  Rt as FloatingWindowContent,
+  Et as FloatingWindowDescription,
+  Ct as FloatingWindowDragHandle,
+  xt as FloatingWindowFooter,
+  St as FloatingWindowHeader,
+  pt as FloatingWindowManager,
+  Mt as FloatingWindowNavigationSection,
   xe as FloatingWindowRoot,
   Pe as FloatingWindowTitle,
-  Wt as FloatingWindowTrigger,
-  yt as ModalWindowRoot,
-  Ot as default
+  Nt as FloatingWindowTrigger,
+  Wt as ModalWindowRoot,
+  Xt as default
 };