@orioncactuscorp/ui 1.17.0 → 1.18.0

package/dist/components/Modal/Modal.js

@@ -1,32 +1,36 @@
 'use client';
-import { jsx as l, jsxs as Oe } from "react/jsx-runtime";
-import { useRef as I, useState as u, useMemo as ee, useEffect as Z, useCallback as y, useLayoutEffect as Be } from "react";
+import { jsx as d, jsxs as Ge } from "react/jsx-runtime";
+import { useRef as j, useState as m, useMemo as Q, useEffect as L, useCallback as S, useLayoutEffect as De } from "react";
 import { Dialog as V } from "@base-ui-components/react/dialog";
-import mt from "@orioncactuscorp/icons/orioncactus/CloseThick";
-import pt from "../BackgroundIconButton/BackgroundIconButton.js";
-import { mergeRefs as Pe } from "../../utils/mergeRefs.js";
-import { useModalContext as te, ModalProvider as ft } from "./contexts.js";
-import { useControllableState as ht } from "./useControllableState.js";
-import { useModalContentBlockTransition as gt } from "./useModalContentBlockTransition.js";
-import { useBottomSheetIntrinsicHeight as bt } from "./useBottomSheetIntrinsicHeight.js";
-import { getMaxCssTimeMs as ke } from "./cssTime.js";
-import { useMeasuredElement as qe } from "./useMeasuredElement.js";
-import { useModalDrag as yt } from "./useModalDrag.js";
-import { useModalKeyboardAvoidance as kt } from "./useModalKeyboardAvoidance.js";
-import { useModalPlacement as vt } from "./useModalPlacement.js";
-import { useModalStackDepth as St } from "./useModalStackDepth.js";
-import { useModalViewportGeometry as Mt } from "./useModalViewportGeometry.js";
-import { getModalScrollState as Nt } from "./modalScrollArbitration.js";
-import { resolveModalInitialFocus as Ct } from "./initialFocus.js";
-import { useModalBodyScrollState as wt, ModalBodyFrame as Ht, ModalSurfaceFrame as Tt, resolveModalFooterBackground as xt, ModalFooterFrame as Rt, ModalHeaderFrame as Ft, ModalNavigationSectionFrame as Bt, mergeModalClassName as Pt } from "../internal/ModalPresentation.js";
-import { OverlayPortalProvider as Dt } from "../internal/OverlayPortalContext.js";
-import { resolveModalSnapMetrics as At, resolveModalPopupSnapPositions as Et } from "./snapPoints.js";
-import S from "./Modal.module.scss.js";
-const jt = /* @__PURE__ */ new Set([
+import ft from "@orioncactuscorp/icons/orioncactus/CloseThick";
+import ht from "../BackgroundIconButton/BackgroundIconButton.js";
+import gt from "../Interaction/Interaction.js";
+import { mergeRefs as Ae } from "../../utils/mergeRefs.js";
+import { useModalContext as le, ModalProvider as bt } from "./contexts.js";
+import { shouldScrollToTopOnHeaderClick as yt } from "./headerTapScroll.js";
+import { createScrollportScroller as St } from "./scrollportScroller.js";
+import { useControllableState as kt } from "./useControllableState.js";
+import { useModalContentBlockTransition as vt } from "./useModalContentBlockTransition.js";
+import { useBottomSheetIntrinsicHeight as Mt } from "./useBottomSheetIntrinsicHeight.js";
+import { getMaxCssTimeMs as Ne } from "./cssTime.js";
+import { useMeasuredElement as Ue } from "./useMeasuredElement.js";
+import { useModalDrag as Nt } from "./useModalDrag.js";
+import { KEYBOARD_INSET_SETTLED_PROPERTY as Ct } from "./useFieldReveal.js";
+import { useModalKeyboardAvoidance as Tt } from "./useModalKeyboardAvoidance.js";
+import { useModalPlacement as Ht } from "./useModalPlacement.js";
+import { useModalStackDepth as wt } from "./useModalStackDepth.js";
+import { useModalViewportGeometry as xt } from "./useModalViewportGeometry.js";
+import { getModalScrollState as Rt } from "./modalScrollArbitration.js";
+import { resolveModalInitialFocus as Bt } from "./initialFocus.js";
+import { useModalBodyScrollState as Ft, ModalBodyFrame as Pt, ModalSurfaceFrame as Dt, resolveModalFooterBackground as At, ModalFooterFrame as Et, ModalHeaderFrame as It, ModalNavigationSectionFrame as jt, mergeModalClassName as Lt } from "../internal/ModalPresentation.js";
+import { OverlayPortalProvider as Vt } from "../internal/OverlayPortalContext.js";
+import { resolveModalSnapMetrics as $t, resolveModalPopupSnapPositions as Kt } from "./snapPoints.js";
+import y from "./Modal.module.scss.js";
+const Ot = /* @__PURE__ */ new Set([
   "oc-modal-reject-shake",
   "oc-modal-reject-shake-replay"
-]), ve = Pt;
-function It(e) {
+]), Ce = Lt;
+function _t(e) {
   if (!e) return;
   const o = Object.entries(e).filter(
     ([r]) => r.startsWith("--")
@@ -34,56 +38,56 @@ function It(e) {
   if (o.length !== 0)
     return Object.fromEntries(o);
 }
-function Vt({
+function qt({
   contentTransition: e,
   placement: o,
   resize: r
 }) {
   return e !== "auto" || r !== "content" || o === "full" ? "none" : o === "bottom" ? "sheet" : "surface";
 }
-function _e(e, o) {
+function ze(e, o) {
   return e.resolvedBackdrop === o ? e : {
     resolvedBackdrop: o,
     exiting: o === "hidden" && e.resolvedBackdrop !== "hidden"
   };
 }
-function $t(e) {
-  const o = window.getComputedStyle(e), r = ke(o.animationDuration), a = ke(o.animationDelay);
+function Gt(e) {
+  const o = window.getComputedStyle(e), r = Ne(o.animationDuration), a = Ne(o.animationDelay);
   return r + a + 250;
 }
-function Lt(e) {
-  const o = window.getComputedStyle(e), r = ke(o.transitionDuration), a = ke(o.transitionDelay);
+function Ut(e) {
+  const o = window.getComputedStyle(e), r = Ne(o.transitionDuration), a = Ne(o.transitionDelay);
   return r + a + 250;
 }
-function Kt({
+function zt({
   defaultSnapPosition: e,
   node: o,
   snapPositions: r
 }) {
   if (!r?.length) return;
-  const a = Et({
+  const a = Kt({
     defaultSnapPosition: e,
     snapPositions: r,
     surfaceMotion: o
   });
   if (!a) return;
-  const c = a.defaultTarget;
+  const i = a.defaultTarget;
   o.style.setProperty(
     "--oc-modal-translate-x",
-    c.settledTranslate?.x ?? `${c.x}px`
+    i.settledTranslate?.x ?? `${i.x}px`
   ), o.style.setProperty(
     "--oc-modal-translate-y",
-    c.settledTranslate?.y ?? `${c.y}px`
+    i.settledTranslate?.y ?? `${i.y}px`
   );
 }
-function Ot(e) {
+function Wt(e) {
   if (e && typeof e == "object" && "reason" in e && typeof e.reason == "string")
     return e.reason;
 }
-function ye(e) {
+function Me(e) {
   e && typeof e == "object" && "cancel" in e && typeof e.cancel == "function" && e.cancel();
 }
-function qt(e, o) {
+function Yt(e, o) {
   switch (o) {
     case "drag-dismiss":
       return e?.drag ?? "auto";
@@ -101,13 +105,13 @@ function qt(e, o) {
       return e?.programmatic ?? "auto";
   }
 }
-function _t(e, o) {
+function Jt(e, o) {
   return o > 0 && (e === "drag-dismiss" || e === "backdrop-press" || e === "outside-press");
 }
-function Ge(e, o) {
+function We(e, o) {
   return o && (e === "backdrop-press" || e === "outside-press");
 }
-function Gt({
+function Qt({
   backdrop: e,
   canSnapPopup: o,
   placement: r,
@@ -115,8 +119,8 @@ function Gt({
 }) {
   return e !== "auto" ? e : r === "bottom" && a === "peeked" || o ? "hidden" : "visible";
 }
-function Ut(e) {
-  switch (Ot(e)) {
+function Xt(e) {
+  switch (Wt(e)) {
     case "close-press":
       return "close-button";
     case "outside-press":
@@ -131,160 +135,167 @@ function Ut(e) {
       return "programmatic";
   }
 }
-function Ue({
+function Ye({
   children: e,
   open: o,
   defaultOpen: r,
   modal: a = !0,
-  onOpenChange: c,
-  onOpenChangeComplete: g,
-  canCloseAttempt: b,
-  onCloseAttempt: h,
-  presentationState: m,
-  defaultPresentationState: x = "visible",
-  onPresentationStateChange: F,
-  disablePointerDismissal: M,
+  onOpenChange: i,
+  onOpenChangeComplete: h,
+  canCloseAttempt: g,
+  onCloseAttempt: f,
+  presentationState: p,
+  defaultPresentationState: R = "visible",
+  onPresentationStateChange: H,
+  disablePointerDismissal: w,
   navigationDepth: N = 0,
-  dismissBehavior: k
+  dismissBehavior: b
 }) {
-  const $ = o !== void 0, [L, oe] = u(
+  const $ = o !== void 0, [A, X] = m(
     r ?? !1
-  ), ne = $ ? o : L, [re, ae] = u("bottom"), [se, t] = u(!1), [W, ce] = u(!1), [K, i] = u(!1), [ie, Se] = u(!1), [z, de] = u(0), [B, Me] = u(0), [J, Ne] = u(null), [me, pe] = u(null), [Q, C] = u({
+  ), K = $ ? o : A, [O, _] = m("bottom"), [q, t] = m(!1), [x, de] = m(!1), [Z, he] = m(!1), [s, ge] = m(!1), [be, ue] = m(!1), [ee, E] = m(0), [ye, me] = m(0), [Se, Te] = m(null), te = Q(() => St(), []);
+  L(() => () => te.destroy(), [te]);
+  const [oe, k] = m(null), [v, G] = m({
     canScroll: !1,
     scrolledFromTop: !1,
     scrolledToBottom: !0
-  }), [p, R] = ht({
-    value: m,
-    defaultValue: x,
-    onChange: F
-  }), A = qe(), O = qe(), q = Math.max(0, N), v = y(
-    (n, f) => {
-      $ || oe(n), c?.(n, f);
+  }), [B, U] = kt({
+    value: p,
+    defaultValue: R,
+    onChange: H
+  }), z = Ue(), M = Ue(), l = Math.max(0, N), F = S(
+    (n, u) => {
+      $ || X(n), i?.(n, u);
     },
-    [c, $]
-  ), d = y(
-    (n = { reason: "programmatic" }) => b?.(n) !== !1,
-    [b]
-  ), w = y(
+    [i, $]
+  ), W = S(
+    (n = { reason: "programmatic" }) => g?.(n) !== !1,
+    [g]
+  ), C = S(
     (n = { reason: "programmatic" }) => {
-      de((f) => f + 1);
+      E((u) => u + 1);
     },
     []
-  ), le = y(() => {
-    Me((n) => n + 1);
-  }, []), P = y(
+  ), ne = S(() => {
+    me((n) => n + 1);
+  }, []), Y = S(
     (n = { reason: "programmatic" }) => {
-      if (Ge(n.reason, K))
+      if (We(n.reason, s))
         return !1;
-      const f = qt(k, n.reason);
-      return f === "allow" ? !0 : f === "block" ? !1 : !_t(n.reason, q);
+      const u = Yt(b, n.reason);
+      return u === "allow" ? !0 : u === "block" ? !1 : !Jt(n.reason, l);
     },
-    [K, k, q]
-  ), E = y(
-    (n = { reason: "programmatic" }, f = {}) => {
-      const { commit: G = !0, skipAttempt: H = !1 } = f;
-      return !H && Ge(n.reason, K) ? (ye(n.eventDetails), !1) : !H && !P(n) || !H && !d(n) || !H && h?.(n) === !1 ? (ye(n.eventDetails), w(n), !1) : (G && v(!1, n.eventDetails), !0);
+    [s, b, l]
+  ), P = S(
+    (n = { reason: "programmatic" }, u = {}) => {
+      const { commit: ae = !0, skipAttempt: ce = !1 } = u;
+      return !ce && We(n.reason, s) ? (Me(n.eventDetails), !1) : !ce && !Y(n) || !ce && !W(n) || !ce && f?.(n) === !1 ? (Me(n.eventDetails), C(n), !1) : (ae && F(!1, n.eventDetails), !0);
     },
     [
-      d,
-      K,
-      P,
-      v,
-      w,
-      h
+      W,
+      s,
+      Y,
+      F,
+      C,
+      f
     ]
-  ), fe = y(
-    (n, f) => {
-      if (n && p === "peeked" && R("visible"), !n) {
-        E({
-          reason: Ut(f),
-          eventDetails: f
+  ), I = S(
+    (n, u) => {
+      if (n && B === "peeked" && U("visible"), !n) {
+        P({
+          reason: Xt(u),
+          eventDetails: u
         });
         return;
       }
-      v(n, f);
+      F(n, u);
     },
-    [v, p, E, R]
-  ), _ = p === "visible" && !ie ? a : !1, j = M || re === "bottom" && (se || ie), he = ee(
+    [F, B, P, U]
+  ), re = B === "visible" && !be ? a : !1, pe = w || O === "bottom" && (q || be), ke = Q(
     () => ({
-      open: ne,
-      modal: _,
-      placement: re,
-      setPlacement: ae,
-      presentationState: p,
-      setPresentationState: R,
-      requestClose: E,
-      canDismissByBehavior: P,
-      canCloseAttempt: d,
-      closeAttemptFeedbackKey: z,
-      notifyCloseAttemptRejected: w,
-      disablePointerDismissal: M ?? !1,
-      setBackdropDismissalDisabled: i,
-      setBackgroundInteractive: Se,
-      canPeek: se,
+      open: K,
+      modal: re,
+      placement: O,
+      setPlacement: _,
+      presentationState: B,
+      setPresentationState: U,
+      requestClose: P,
+      canDismissByBehavior: Y,
+      canCloseAttempt: W,
+      closeAttemptFeedbackKey: ee,
+      notifyCloseAttemptRejected: C,
+      disablePointerDismissal: w ?? !1,
+      setBackdropDismissalDisabled: ge,
+      setBackgroundInteractive: ue,
+      canPeek: q,
       setCanPeek: t,
-      canRenderHandle: W,
-      setCanRenderHandle: ce,
-      popupSnapLayoutVersion: B,
-      notifyPopupSnapLayoutChange: le,
-      navigationDepth: q,
-      headerHeight: A.height,
-      footerHeight: O.height,
-      setHeaderNode: A.setNode,
-      titleNode: me,
-      setTitleNode: pe,
-      setFooterNode: O.setNode,
-      bodyNode: J,
-      setBodyNode: Ne,
-      scrollState: Q,
-      setScrollState: C
+      canRenderHandle: x,
+      setCanRenderHandle: de,
+      handleDraggable: Z,
+      setHandleDraggable: he,
+      popupSnapLayoutVersion: ye,
+      notifyPopupSnapLayoutChange: ne,
+      navigationDepth: l,
+      headerHeight: z.height,
+      footerHeight: M.height,
+      setHeaderNode: z.setNode,
+      titleNode: oe,
+      setTitleNode: k,
+      setFooterNode: M.setNode,
+      bodyNode: Se,
+      setBodyNode: Te,
+      bodyScroller: te,
+      scrollState: v,
+      setScrollState: G
     }),
     [
-      J,
-      se,
+      Se,
+      te,
+      q,
+      x,
+      Z,
+      Y,
       W,
+      ee,
+      M.height,
+      M.setNode,
+      z.height,
+      z.setNode,
+      re,
+      l,
+      C,
+      ne,
+      ye,
+      K,
+      O,
       P,
-      d,
-      z,
-      O.height,
-      O.setNode,
-      A.height,
-      A.setNode,
-      _,
-      q,
+      v,
       w,
-      le,
       B,
-      ne,
-      re,
-      E,
-      Q,
-      M,
-      p,
-      R,
-      pe,
-      me
+      U,
+      k,
+      oe
     ]
   );
-  return /* @__PURE__ */ l(ft, { value: he, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(bt, { value: ke, children: /* @__PURE__ */ d(
     V.Root,
     {
-      open: ne,
-      modal: _,
-      onOpenChange: fe,
-      onOpenChangeComplete: g,
-      disablePointerDismissal: j,
+      open: K,
+      modal: re,
+      onOpenChange: I,
+      onOpenChangeComplete: h,
+      disablePointerDismissal: pe,
       children: e
     }
   ) });
 }
-function Wt({
+function Zt({
   className: e = "",
   children: o,
   render: r,
   nativeButton: a
 }) {
-  return r ? /* @__PURE__ */ l(
+  return r ? /* @__PURE__ */ d(
     V.Trigger,
     {
       render: r,
@@ -292,291 +303,298 @@ function Wt({
       "data-oc-component": "modal-trigger",
       children: o
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ d(
     V.Trigger,
     {
-      className: ve(S.trigger, e),
+      className: Ce(y.trigger, e),
       nativeButton: a,
       "data-oc-component": "modal-trigger",
       children: o
     }
   );
 }
-function zt({
+function eo({
   className: e = "",
   children: o,
   variant: r = "adaptive",
   size: a = "medium",
-  resize: c = "content",
-  contentTransition: g = "auto",
-  backdrop: b = "auto",
-  backdropFrom: h,
-  drag: m = "content",
-  peekable: x = !1,
-  snapPoints: F,
-  defaultSnapPoint: M,
+  resize: i = "content",
+  contentTransition: h = "auto",
+  backdrop: g = "auto",
+  backdropFrom: f,
+  drag: p = "content",
+  peekable: R = !1,
+  snapPoints: H,
+  defaultSnapPoint: w,
   snapPositions: N,
-  defaultSnapPosition: k,
+  defaultSnapPosition: b,
   initialFocus: $,
-  peekHeight: L,
-  closeThreshold: oe,
-  scrollLockTimeout: ne,
-  container: re,
-  style: ae,
-  ...se
+  peekHeight: A,
+  closeThreshold: X,
+  scrollLockTimeout: K,
+  container: O,
+  style: _,
+  ...q
 }) {
-  const t = te("ModalContent"), { setCanPeek: W, setCanRenderHandle: ce, setPlacement: K } = t, i = vt(r), ie = I(null), Se = I(null), z = I(null), de = I(null), [B, Me] = u(null), [J, Ne] = u(
+  const t = le("ModalContent"), { setCanPeek: x, setCanRenderHandle: de, setHandleDraggable: Z, setPlacement: he } = t, s = Ht(r), ge = j(null), be = j(null), ue = j(null), ee = j(null), [E, ye] = m(null), [me, Se] = m(
     null
-  ), [me, pe] = u(null), Q = I(0), C = I(null), p = I(null), R = I(null), [A, O] = u(), q = m === "handle" || m === "content", v = i === "popup" && q && !!N?.length, d = Gt({
-    backdrop: b,
-    canSnapPopup: v,
-    placement: i,
+  ), [Te, te] = m(null), oe = j(0), k = j(null), v = j(null), G = j(null), [B, U] = m(), z = p === "handle" || p === "content", M = s === "popup" && z && !!N?.length, l = Qt({
+    backdrop: g,
+    canSnapPopup: M,
+    placement: s,
     presentationState: t.presentationState
-  }), [w, le] = u(() => ({
-    resolvedBackdrop: d,
+  }), [F, W] = m(() => ({
+    resolvedBackdrop: l,
     exiting: !1
-  })), P = ee(
-    () => _e(w, d),
-    [w, d]
-  ), E = P.exiting, fe = v && d === "hidden", _ = (i === "bottom" || v) && q, j = i === "bottom" && _ && x, he = j && L !== void 0 ? L : t.headerHeight > 0 ? t.headerHeight : void 0, n = i === "bottom" && c !== "fixed", f = Mt(t.open), G = kt({
+  })), C = Q(
+    () => ze(F, l),
+    [F, l]
+  ), ne = C.exiting, Y = M && l === "hidden", P = (s === "bottom" || M) && z, I = s === "bottom" && P && R, re = I && A !== void 0 ? A : t.headerHeight > 0 ? t.headerHeight : void 0, pe = s === "bottom" && i !== "fixed", ke = xt(t.open), n = Tt({
     bodyNode: t.bodyNode,
-    enabled: t.open && i === "bottom",
+    enabled: t.open && s === "bottom",
     footerHeight: t.footerHeight,
-    surfaceNode: B,
-    viewportGeometry: f,
-    viewportNode: me
-  }), H = i === "bottom" ? G.viewportGeometry : f, ge = H?.height ?? 0, ze = ee(() => {
-    if (!(!F?.length || ge <= 0))
-      return At({
-        snapPoints: F,
-        defaultSnapPoint: M,
-        backdropFrom: h,
-        viewportHeight: ge
+    scroller: t.bodyScroller,
+    surfaceNode: E,
+    viewportGeometry: ke,
+    viewportNode: Te
+  }), u = s === "bottom" ? n.viewportGeometry : ke, ae = u?.height ?? 0, ce = Q(() => {
+    if (!(!H?.length || ae <= 0))
+      return $t({
+        snapPoints: H,
+        defaultSnapPoint: w,
+        backdropFrom: f,
+        viewportHeight: ae
       });
-  }, [h, M, F, ge]), D = i === "bottom" ? ze : void 0, Je = St(t.open), Qe = t.bodyNode, { intrinsicSheetHeight: De, shouldDeferSettle: Xe } = bt({
-    enabled: n,
-    bodyNode: Qe,
-    surfaceMotionNode: B,
+  }, [f, w, H, ae]), D = s === "bottom" ? ce : void 0, Qe = wt(t.open), Xe = t.bodyNode, { intrinsicSheetHeight: Ee, shouldDeferSettle: Ze } = Mt({
+    enabled: pe,
+    bodyNode: Xe,
+    surfaceMotionNode: E,
     snapSheetHeight: D?.sheetHeight,
-    viewportHeight: ge,
-    discreteKey: t.navigationDepth
-  }), Ye = D !== void 0 && n, Ce = n && De > 0 ? De : void 0, X = D ? Ye && Ce !== void 0 ? Ce : D.sheetHeight : Ce, Ze = D && X !== void 0 ? Math.max(0, X - D.defaultHeight) : void 0, et = X !== void 0, we = Vt({
-    contentTransition: g,
-    placement: i,
-    resize: c
-  }), tt = we === "surface" ? "auto" : "none", ot = we === "sheet" ? "auto" : "none";
-  Z(() => {
-    K(i);
-  }, [i, K]), Z(() => {
-    t.open || (de.current = null);
-  }, [t.open]), Z(() => (W(j), () => W(!1)), [j, W]), Z(() => (ce(_), () => ce(!1)), [_, ce]);
-  const He = t.bodyNode, Ae = t.setScrollState, Ee = y(() => {
-    Ae(Nt(He));
-  }, [He, Ae]);
-  gt({
+    viewportHeight: ae,
+    discreteKey: t.navigationDepth,
+    // The sheet shell is frozen for the whole keyboard session, like the
+    // viewport height: the keyboard moves the internal scroll inset only.
+    frozen: n.shellHeld
+  }), et = D !== void 0 && pe, He = pe && Ee > 0 ? Ee : void 0, se = D ? et && He !== void 0 ? He : D.sheetHeight : He, tt = D && se !== void 0 ? Math.max(0, se - D.defaultHeight) : void 0, ot = se !== void 0, we = qt({
+    contentTransition: h,
+    placement: s,
+    resize: i
+  }), nt = we === "surface" ? "auto" : "none", rt = we === "sheet" ? "auto" : "none";
+  L(() => {
+    he(s);
+  }, [s, he]), L(() => {
+    t.open || (ee.current = null);
+  }, [t.open]), L(() => (x(I), () => x(!1)), [I, x]), L(() => (de(P), () => de(!1)), [P, de]);
+  const Ie = P;
+  L(() => (Z(Ie), () => Z(!1)), [Ie, Z]);
+  const xe = t.bodyNode, je = t.setScrollState, Le = S(() => {
+    je(Rt(xe));
+  }, [xe, je]);
+  vt({
     enabled: t.open && we === "surface",
-    node: J,
-    resizeHost: B,
-    bodyNode: He,
+    node: me,
+    resizeHost: E,
+    bodyNode: xe,
     // Depth navigation is the explicit discrete-swap signal: the view swap
     // and the depth change land in one commit, so the surface pins its
     // previous height before that frame paints.
     discreteKey: t.navigationDepth,
-    refreshScrollState: Ee
+    refreshScrollState: Le
   });
-  const je = D?.backdropFromHeight, [Ie, Ve] = u(!1), nt = y((s) => {
-    Ve(!s);
+  const Ve = D?.backdropFromHeight, [$e, Ke] = m(!1), at = S((c) => {
+    Ke(!c);
   }, []);
-  !t.open && Ie && Ve(!1);
-  const Te = je !== void 0 && Ie, { collapseBottomSheetToUndimmedSnap: xe, handlers: rt } = yt({
-    enabled: m !== !1 && !G.active,
-    drag: m,
+  !t.open && $e && Ke(!1);
+  const Re = Ve !== void 0 && $e, { collapseBottomSheetToUndimmedSnap: Be, handlers: ct } = Nt({
+    enabled: p !== !1 && !n.active,
+    drag: p,
     open: t.open,
-    placement: i,
-    surfaceMotionRef: ie,
-    surfaceMotionNode: B,
-    backdropRef: z,
+    placement: s,
+    surfaceMotionRef: ge,
+    surfaceMotionNode: E,
+    backdropRef: ue,
     bodyNode: t.bodyNode,
     snapHeights: D?.snapHeights,
-    sheetHeight: X,
-    backdropFromHeight: je,
-    onBackdropDimRestChange: nt,
-    peekHeight: j ? L : void 0,
-    peekFallback: j ? "header" : void 0,
+    sheetHeight: se,
+    backdropFromHeight: Ve,
+    onBackdropDimRestChange: at,
+    peekHeight: I ? A : void 0,
+    peekFallback: I ? "header" : void 0,
     presentationState: t.presentationState,
     setPresentationState: t.setPresentationState,
     requestClose: t.requestClose,
     canCloseAttempt: t.canCloseAttempt,
     dismissible: !t.disablePointerDismissal && t.canDismissByBehavior({ reason: "drag-dismiss" }),
-    backdropHidden: d === "hidden",
-    visibleTranslate: Ze,
-    shouldDeferBottomSettle: Xe,
-    refreshScrollState: Ee,
-    snapPositions: v ? N : void 0,
-    defaultSnapPosition: k,
-    closeThreshold: oe,
-    scrollLockTimeout: ne,
+    backdropHidden: l === "hidden",
+    visibleTranslate: tt,
+    shouldDeferBottomSettle: Ze,
+    refreshScrollState: Le,
+    snapPositions: M ? N : void 0,
+    defaultSnapPosition: b,
+    closeThreshold: X,
+    scrollLockTimeout: K,
     popupSnapLayoutVersion: t.popupSnapLayoutVersion
-  }), at = y(
-    (s) => {
-      ie.current = s, Me(s), s && t.open && v && de.current !== s && (Kt({
-        defaultSnapPosition: k,
-        node: s,
+  }), st = S(
+    (c) => {
+      ge.current = c, ye(c), c && t.open && M && ee.current !== c && (zt({
+        defaultSnapPosition: b,
+        node: c,
         snapPositions: N
-      }), de.current = s);
+      }), ee.current = c);
     },
-    [v, t.open, k, N]
-  ), st = y((s) => {
-    Se.current = s, Ne(s);
+    [M, t.open, b, N]
+  ), it = S((c) => {
+    be.current = c, Se(c);
   }, []);
-  Z(() => {
-    const s = t.closeAttemptFeedbackKey, T = () => {
-      O(void 0), p.current = null;
+  L(() => {
+    const c = t.closeAttemptFeedbackKey, T = () => {
+      U(void 0), v.current = null;
     };
-    if (s === 0) {
-      Q.current = s, T();
+    if (c === 0) {
+      oe.current = c, T();
       return;
     }
-    if (i !== "popup") {
+    if (s !== "popup") {
       T();
       return;
     }
-    if (Q.current === s) {
+    if (oe.current === c) {
       T();
       return;
     }
-    const U = J;
-    if (!U) return;
-    Q.current = s, C.current !== null && window.cancelAnimationFrame(C.current), p.current !== null && window.clearTimeout(p.current), T();
-    const be = (Ke) => {
-      Ke.target === U && jt.has(Ke.animationName) && (U.removeEventListener("animationend", be), p.current !== null && window.clearTimeout(p.current), T());
+    const J = me;
+    if (!J) return;
+    oe.current = c, k.current !== null && window.cancelAnimationFrame(k.current), v.current !== null && window.clearTimeout(v.current), T();
+    const ve = (qe) => {
+      qe.target === J && Ot.has(qe.animationName) && (J.removeEventListener("animationend", ve), v.current !== null && window.clearTimeout(v.current), T());
     };
-    return U.addEventListener("animationend", be), C.current = window.requestAnimationFrame(() => {
-      C.current = null, O(s), C.current = window.requestAnimationFrame(() => {
-        C.current = null, p.current = window.setTimeout(() => {
-          U.removeEventListener("animationend", be), T();
-        }, $t(U));
+    return J.addEventListener("animationend", ve), k.current = window.requestAnimationFrame(() => {
+      k.current = null, U(c), k.current = window.requestAnimationFrame(() => {
+        k.current = null, v.current = window.setTimeout(() => {
+          J.removeEventListener("animationend", ve), T();
+        }, Gt(J));
       });
     }), () => {
-      U.removeEventListener("animationend", be), C.current !== null && (window.cancelAnimationFrame(C.current), C.current = null), p.current !== null && (window.clearTimeout(p.current), p.current = null);
+      J.removeEventListener("animationend", ve), k.current !== null && (window.cancelAnimationFrame(k.current), k.current = null), v.current !== null && (window.clearTimeout(v.current), v.current = null);
     };
-  }, [t.closeAttemptFeedbackKey, i, J]);
-  const $e = It(ae), ct = {
-    ...$e,
+  }, [t.closeAttemptFeedbackKey, s, me]);
+  const Oe = _t(_), lt = {
+    ...Oe,
     ...t.headerHeight > 0 ? { "--oc-modal-header-height": `${t.headerHeight}px` } : {},
-    // The measured footer height feeds keyboard avoidance; as a CSS reserve it
-    // only reaches the body when no footer is mounted (the `.surface:has(>
-    // .footer)` calc wins otherwise), so it must drop back to 0 on unmount.
-    ...t.footerHeight > 0 ? { "--oc-modal-footer-height": `${t.footerHeight}px` } : {},
-    ...he !== void 0 ? { "--oc-modal-peek-height": `${he}px` } : {},
-    ...X !== void 0 ? { "--oc-modal-sheet-height": `${X}px` } : {}
+    // The measured footer height feeds keyboard avoidance, which hands it
+    // back held through a keyboard session; as a CSS reserve it only reaches
+    // the body when no footer is mounted (the `.surface:has(> .footer)` calc
+    // wins otherwise), so it must drop back to 0 on unmount.
+    ...n.footerHeight > 0 ? { "--oc-modal-footer-height": `${n.footerHeight}px` } : {},
+    ...re !== void 0 ? { "--oc-modal-peek-height": `${re}px` } : {},
+    ...se !== void 0 ? { "--oc-modal-sheet-height": `${se}px` } : {}
     // `--oc-modal-translate-y` and the inline `height` are owned imperatively
     // by the drag hook: content-size transitions pin the surface to a canvas
     // height and compensate the translate in the same frame. Rendering the
     // height here would commit the new size before that compensation runs and
     // make the sheet jump a frame early. The managed sizing CSS rule renders
     // the resting height from `--oc-modal-sheet-height`.
-  }, Le = {
+  }, _e = {
     // Each modal reserves one backdrop slot and one viewport slot.
-    "--oc-modal-stack-offset": Je * 2
-  }, it = {
-    ...Le,
-    "--_-modal-keyboard-inset": `${G.keyboardInset}px`,
-    "--_-modal-keyboard-inset-settled": `${G.settledKeyboardInset}px`,
-    ...H ? {
-      "--_-modal-viewport-height": `${H.height}px`,
-      "--_-modal-viewport-offset-left": `${H.offsetLeft}px`,
-      "--_-modal-viewport-offset-top": `${H.offsetTop}px`,
-      "--_-modal-viewport-width": `${H.width}px`
+    "--oc-modal-stack-offset": Qe * 2
+  }, dt = {
+    ..._e,
+    "--_-modal-keyboard-inset": `${n.keyboardInset}px`,
+    [Ct]: `${n.settledKeyboardInset}px`,
+    ...u ? {
+      "--_-modal-viewport-height": `${u.height}px`,
+      "--_-modal-viewport-offset-left": `${u.offsetLeft}px`,
+      "--_-modal-viewport-offset-top": `${u.offsetTop}px`,
+      "--_-modal-viewport-width": `${u.width}px`
     } : {}
-  }, dt = t.headerHeight > 0 ? {
-    ...ae,
+  }, ut = t.headerHeight > 0 ? {
+    ..._,
     "--oc-modal-header-height": `${t.headerHeight}px`
-  } : ae, lt = Ct({
-    contentNode: B,
+  } : _, mt = Bt({
+    contentNode: E,
     initialFocus: $,
     modal: t.modal,
     titleNode: t.titleNode
-  }), { setBackdropDismissalDisabled: Re, setBackgroundInteractive: Fe } = t, ut = d !== "hidden" || E;
-  Be(() => {
-    P !== w && le(P);
-  }, [w, P]);
-  const Y = y(() => {
-    R.current !== null && (window.clearTimeout(R.current), R.current = null);
-  }, []), ue = y(() => {
-    d === "hidden" && (Y(), le((s) => {
-      const T = _e(
-        s,
-        d
+  }), { setBackdropDismissalDisabled: Fe, setBackgroundInteractive: Pe } = t, pt = l !== "hidden" || ne;
+  De(() => {
+    C !== F && W(C);
+  }, [F, C]);
+  const ie = S(() => {
+    G.current !== null && (window.clearTimeout(G.current), G.current = null);
+  }, []), fe = S(() => {
+    l === "hidden" && (ie(), W((c) => {
+      const T = ze(
+        c,
+        l
       );
       return T.resolvedBackdrop !== "hidden" || !T.exiting ? T : {
         ...T,
         exiting: !1
       };
     }));
-  }, [Y, d]);
-  return Z(
+  }, [ie, l]);
+  return L(
     () => () => {
-      Y();
+      ie();
     },
-    [Y]
-  ), Be(() => {
-    if (!E || d !== "hidden") return;
-    const s = z.current;
-    if (!s) {
-      R.current = window.setTimeout(ue, 0);
+    [ie]
+  ), De(() => {
+    if (!ne || l !== "hidden") return;
+    const c = ue.current;
+    if (!c) {
+      G.current = window.setTimeout(fe, 0);
       return;
     }
-    Y(), R.current = window.setTimeout(
-      ue,
-      Lt(s)
+    ie(), G.current = window.setTimeout(
+      fe,
+      Ut(c)
     );
   }, [
-    Y,
-    ue,
-    E,
-    d
-  ]), Be(() => (Re(d === "hidden"), Fe(fe || Te), () => {
-    Re(!1), Fe(!1);
-  }), [
-    Te,
+    ie,
     fe,
-    d,
+    ne,
+    l
+  ]), De(() => (Fe(l === "hidden"), Pe(Y || Re), () => {
+    Fe(!1), Pe(!1);
+  }), [
     Re,
-    Fe
-  ]), /* @__PURE__ */ Oe(V.Portal, { container: re, children: [
-    ut ? /* @__PURE__ */ l(
+    Y,
+    l,
+    Fe,
+    Pe
+  ]), /* @__PURE__ */ Ge(V.Portal, { container: O, children: [
+    pt ? /* @__PURE__ */ d(
       V.Backdrop,
       {
-        ref: z,
-        className: S.backdrop,
+        ref: ue,
+        className: y.backdrop,
         "data-oc-part": "backdrop",
         "data-oc-component": "modal-backdrop",
-        "data-oc-modal-backdrop": d,
-        "data-oc-modal-backdrop-passthrough": Te ? "true" : void 0,
-        "data-oc-modal-placement": i,
+        "data-oc-modal-backdrop": l,
+        "data-oc-modal-backdrop-passthrough": Re ? "true" : void 0,
+        "data-oc-modal-placement": s,
         "data-oc-modal-presentation-state": t.presentationState,
-        style: Le,
-        onTransitionCancel: (s) => {
-          s.currentTarget === s.target && s.propertyName === "opacity" && ue();
+        style: _e,
+        onTransitionCancel: (c) => {
+          c.currentTarget === c.target && c.propertyName === "opacity" && fe();
         },
-        onTransitionEnd: (s) => {
-          s.currentTarget === s.target && s.propertyName === "opacity" && ue();
+        onTransitionEnd: (c) => {
+          c.currentTarget === c.target && c.propertyName === "opacity" && fe();
         },
         onClick: () => {
           if (t.disablePointerDismissal) {
-            if (xe()) return;
+            if (Be()) return;
             t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
           if (!t.canDismissByBehavior({ reason: "backdrop-press" })) {
-            if (xe()) return;
+            if (Be()) return;
             t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
-          if (i === "bottom" && j) {
+          if (s === "bottom" && I) {
             if (t.presentationState === "visible") {
-              if (xe()) return;
+              if (Be()) return;
               t.setPresentationState("peeked");
             }
             return;
@@ -585,68 +603,69 @@ function zt({
         }
       }
     ) : null,
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ d(
       V.Viewport,
       {
-        ref: pe,
-        className: S.viewport,
+        ref: te,
+        className: y.viewport,
         "data-oc-part": "viewport",
         "data-oc-component": "modal-viewport",
-        "data-oc-modal-placement": i,
-        "data-oc-modal-keyboard-avoiding": G.active ? "true" : void 0,
-        style: it,
-        children: /* @__PURE__ */ l(
+        "data-oc-modal-placement": s,
+        "data-oc-modal-keyboard-avoiding": n.active ? "true" : void 0,
+        "data-oc-modal-keyboard-closing": n.closing ? "true" : void 0,
+        style: dt,
+        children: /* @__PURE__ */ d(
           V.Popup,
           {
-            ...se,
-            ...rt,
-            ref: at,
-            initialFocus: lt,
-            className: ve(
-              S.surfaceMotion,
-              S[a],
+            ...q,
+            ...ct,
+            ref: st,
+            initialFocus: mt,
+            className: Ce(
+              y.surfaceMotion,
+              y[a],
               e,
-              A === void 0 ? void 0 : A % 2 === 0 ? S.feedbackEven : S.feedbackOdd
+              B === void 0 ? void 0 : B % 2 === 0 ? y.feedbackEven : y.feedbackOdd
             ),
             "data-oc-part": "surface-motion",
             "data-oc-component": "modal-content",
-            "data-oc-modal-backdrop": d,
+            "data-oc-modal-backdrop": l,
             "data-oc-variant": r,
             "data-oc-size": a,
-            "data-oc-resize": c,
-            "data-oc-modal-feedback": i === "popup" && A !== void 0 ? "reject" : void 0,
-            "data-oc-modal-placement": i,
-            "data-oc-modal-snapping": D || v ? "true" : void 0,
-            "data-oc-modal-sheet-sizing": et ? "managed" : void 0,
-            "data-oc-modal-sheet-transition": ot === "auto" ? "auto" : void 0,
-            style: ct,
-            children: /* @__PURE__ */ Oe(Dt, { container: B, children: [
-              i === "bottom" ? /* @__PURE__ */ l(
+            "data-oc-resize": i,
+            "data-oc-modal-feedback": s === "popup" && B !== void 0 ? "reject" : void 0,
+            "data-oc-modal-placement": s,
+            "data-oc-modal-snapping": D || M ? "true" : void 0,
+            "data-oc-modal-sheet-sizing": ot ? "managed" : void 0,
+            "data-oc-modal-sheet-transition": rt === "auto" ? "auto" : void 0,
+            style: lt,
+            children: /* @__PURE__ */ Ge(Vt, { container: E, children: [
+              s === "bottom" ? /* @__PURE__ */ d(
                 "div",
                 {
                   "aria-hidden": "true",
-                  className: ve(
-                    S.bottomFill,
-                    S[a],
+                  className: Ce(
+                    y.bottomFill,
+                    y[a],
                     e
                   ),
                   "data-oc-part": "bottom-fill",
                   "data-oc-component": "modal-bottom-fill",
                   "data-oc-size": a,
-                  style: $e
+                  style: Oe
                 }
               ) : null,
-              /* @__PURE__ */ l(
-                Tt,
+              /* @__PURE__ */ d(
+                Dt,
                 {
-                  ref: st,
+                  ref: it,
                   className: e,
-                  contentTransition: tt === "auto" ? "auto" : void 0,
-                  placement: i,
-                  resize: c,
+                  contentTransition: nt === "auto" ? "auto" : void 0,
+                  placement: s,
+                  resize: i,
                   scrollable: t.scrollState.canScroll,
                   size: a,
-                  style: dt,
+                  style: ut,
                   variant: r,
                   children: o
                 }
@@ -658,179 +677,203 @@ function zt({
     )
   ] });
 }
-function Jt({
+function to({
   className: e = "",
   title: o,
   children: r,
   leadingContent: a,
-  trailingContent: c,
-  bottomContent: g,
-  closeLabel: b = "닫기",
-  closeButton: h = !0,
-  handle: m = !0,
-  ref: x,
-  ...F
+  trailingContent: i,
+  bottomContent: h,
+  closeLabel: g = "닫기",
+  closeButton: f = !0,
+  handle: p = !0,
+  onClick: R,
+  ref: H,
+  ...w
 }) {
-  const M = te("ModalHeader"), { setHeaderNode: N, setTitleNode: k, scrollState: $ } = M, L = ee(
-    () => Pe(N, x),
-    [x, N]
-  ), oe = ee(
-    () => Pe(k),
-    [k]
+  const N = le("ModalHeader"), {
+    bodyNode: b,
+    bodyScroller: $,
+    setHeaderNode: A,
+    setTitleNode: X,
+    scrollState: K,
+    handleDraggable: O
+  } = N, _ = (x) => {
+    R?.(x), !(x.defaultPrevented || !b || !yt({
+      scrollTop: b.scrollTop,
+      target: x.target
+    })) && $.scrollTo(b, 0);
+  }, q = Q(
+    () => Ae(A, H),
+    [H, A]
+  ), t = Q(
+    () => Ae(X),
+    [X]
   );
-  return /* @__PURE__ */ l(
-    Ft,
+  return /* @__PURE__ */ d(
+    It,
     {
-      ...F,
-      ref: L,
-      bottomSlot: g,
+      ...w,
+      ref: q,
+      onClick: _,
+      bottomSlot: h,
       className: e,
-      closeContent: h ? /* @__PURE__ */ l(We, { label: b }) : null,
-      handleContent: m && M.canRenderHandle ? /* @__PURE__ */ l(
+      closeContent: f ? /* @__PURE__ */ d(Je, { label: g }) : null,
+      handleContent: p && N.canRenderHandle ? /* @__PURE__ */ d(
         "div",
         {
           "aria-hidden": "true",
-          className: S.handle,
-          "data-oc-part": "handle"
+          className: y.handleArea,
+          "data-oc-part": "handle-area",
+          "data-oc-draggable": O ? "true" : "false",
+          children: /* @__PURE__ */ d(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: y.handle,
+              "data-oc-part": "handle",
+              children: /* @__PURE__ */ d(gt, { variant: "light" })
+            }
+          )
         }
       ) : null,
       leadingContent: a,
-      sticky: $.scrolledFromTop,
-      titleContent: o ? /* @__PURE__ */ l(
+      sticky: K.scrolledFromTop,
+      titleContent: o ? /* @__PURE__ */ d(
         V.Title,
         {
-          ref: oe,
-          className: S.initialFocusTitle,
+          ref: t,
+          className: y.initialFocusTitle,
           tabIndex: -1,
           children: o
         }
       ) : void 0,
-      trailingContent: c,
+      trailingContent: i,
       children: r
     }
   );
 }
-function Qt({
+function oo({
   handle: e = !0,
   ...o
 }) {
-  const r = te("ModalNavigationSection"), {
+  const r = le("ModalNavigationSection"), {
     canRenderHandle: a,
-    notifyPopupSnapLayoutChange: c,
-    placement: g
+    notifyPopupSnapLayoutChange: i,
+    placement: h
   } = r;
-  return /* @__PURE__ */ l(
-    Bt,
+  return /* @__PURE__ */ d(
+    jt,
     {
       ...o,
       canRenderHandle: e && a,
       onPanelMotionStateChange: () => {
-        g === "popup" && c();
+        h === "popup" && i();
       }
     }
   );
 }
-function Xt({
+function no({
   className: e = "",
   children: o,
   layout: r = "content",
   containerClassName: a = "",
-  containerProps: c,
-  ref: g,
-  ...b
+  containerProps: i,
+  ref: h,
+  ...g
 }) {
-  const h = te("ModalBody"), { bodyNode: m, setBodyNode: x, setScrollState: F } = h, { setBodyRef: M, updateScrollState: N } = wt({
-    bodyNode: m,
-    bodyRef: g,
-    setBodyNode: x,
-    setScrollState: F
+  const f = le("ModalBody"), { bodyNode: p, setBodyNode: R, setScrollState: H } = f, { setBodyRef: w, updateScrollState: N } = Ft({
+    bodyNode: p,
+    bodyRef: h,
+    setBodyNode: R,
+    setScrollState: H
   });
-  return /* @__PURE__ */ l(
-    Ht,
+  return /* @__PURE__ */ d(
+    Pt,
     {
       bodyContainerProps: {
-        ref: M,
-        onScroll: (k) => {
-          c?.onScroll?.(k), N(k.currentTarget);
+        ref: w,
+        onScroll: (b) => {
+          i?.onScroll?.(b), N(b.currentTarget);
         }
       },
-      bodyContentProps: { ...c, className: a },
+      bodyContentProps: { ...i, className: a },
       layout: r,
-      scrollAreaProps: { ...b, className: e },
+      scrollAreaProps: { ...g, className: e },
       children: o
     }
   );
 }
-function Yt({
+function ro({
   className: e = "",
   children: o,
   background: r = "auto",
   ref: a,
-  ...c
+  ...i
 }) {
-  const g = te("ModalFooter"), { scrollState: b, setFooterNode: h } = g, m = ee(
-    () => Pe(h, a),
-    [a, h]
-  ), x = xt(
+  const h = le("ModalFooter"), { scrollState: g, setFooterNode: f } = h, p = Q(
+    () => Ae(f, a),
+    [a, f]
+  ), R = At(
     r,
-    b
+    g
   );
-  return /* @__PURE__ */ l(
-    Rt,
+  return /* @__PURE__ */ d(
+    Et,
     {
-      ...c,
-      ref: m,
-      backgroundActive: x,
+      ...i,
+      ref: p,
+      backgroundActive: R,
       className: e,
       children: o
     }
   );
 }
-function We({
+function Je({
   className: e = "",
-  children: o = /* @__PURE__ */ l(mt, {}),
+  children: o = /* @__PURE__ */ d(ft, {}),
   label: r = "닫기",
   size: a = 24,
-  disabled: c,
-  onClick: g,
-  ...b
+  disabled: i,
+  onClick: h,
+  ...g
 }) {
-  const h = te("ModalClose");
-  return /* @__PURE__ */ l(
-    pt,
+  const f = le("ModalClose");
+  return /* @__PURE__ */ d(
+    ht,
     {
-      ...b,
-      className: ve(S.close, e),
-      "aria-label": b["aria-label"] ?? r,
+      ...g,
+      className: Ce(y.close, e),
+      "aria-label": g["aria-label"] ?? r,
       "data-oc-part": "close",
       "data-oc-component": "modal-close",
-      disabled: c,
-      onClick: (m) => {
-        g?.(m), !m.defaultPrevented && !c && h.requestClose({ reason: "close-button" });
+      disabled: i,
+      onClick: (p) => {
+        h?.(p), !p.defaultPrevented && !i && f.requestClose({ reason: "close-button" });
       },
       size: a,
       children: o
     }
   );
 }
-const No = Object.assign(Ue, {
-  Root: Ue,
-  Trigger: Wt,
-  Content: zt,
-  Header: Jt,
-  NavigationSection: Qt,
-  Body: Xt,
-  Footer: Yt,
-  Close: We
+const Do = Object.assign(Ye, {
+  Root: Ye,
+  Trigger: Zt,
+  Content: eo,
+  Header: to,
+  NavigationSection: oo,
+  Body: no,
+  Footer: ro,
+  Close: Je
 });
 export {
-  Xt as ModalBody,
-  We as ModalClose,
-  zt as ModalContent,
-  Yt as ModalFooter,
-  Jt as ModalHeader,
-  Qt as ModalNavigationSection,
-  Ue as ModalRoot,
-  Wt as ModalTrigger,
-  No as default
+  no as ModalBody,
+  Je as ModalClose,
+  eo as ModalContent,
+  ro as ModalFooter,
+  to as ModalHeader,
+  oo as ModalNavigationSection,
+  Ye as ModalRoot,
+  Zt as ModalTrigger,
+  Do as default
 };