@orioncactuscorp/ui 1.16.0 → 1.18.0

package/dist/components/Modal/Modal.js

@@ -1,106 +1,94 @@
 'use client';
-import { jsx as u, jsxs as _e } from "react/jsx-runtime";
-import { useRef as A, useState as l, useMemo as Y, useLayoutEffect as Me, useEffect as X, useCallback as v } from "react";
-import { Dialog as I } from "@base-ui-components/react/dialog";
-import ht from "@orioncactuscorp/icons/orioncactus/CloseThick";
-import gt from "../BackgroundIconButton/BackgroundIconButton.js";
-import { mergeRefs as De } from "../../utils/mergeRefs.js";
-import { useModalContext as Z, ModalProvider as bt } from "./contexts.js";
-import { useControllableState as vt } from "./useControllableState.js";
-import { useModalContentBlockTransition as yt } from "./useModalContentBlockTransition.js";
-import { useMeasuredElement as We } from "./useElementSize.js";
-import { useModalDrag as St } from "./useModalDrag.js";
-import { useModalKeyboardAvoidance as kt } from "./useModalKeyboardAvoidance.js";
-import { useModalPlacement as Mt } from "./useModalPlacement.js";
-import { useModalStackDepth as Ct } from "./useModalStackDepth.js";
-import { useModalViewportGeometry as Nt } from "./useModalViewportGeometry.js";
-import { resolveContentSizedBottomSheetHeight as wt } from "./bottomSheetGeometry.js";
-import { getModalScrollState as Ht } from "./modalScrollArbitration.js";
-import { resolveModalInitialFocus as xt } from "./initialFocus.js";
-import { useModalBodyScrollState as Tt, ModalBodyFrame as Rt, ModalSurfaceFrame as Ft, resolveModalFooterBackground as Bt, ModalFooterFrame as Pt, ModalHeaderFrame as At, ModalNavigationSectionFrame as Dt, mergeModalClassName as Et } from "../internal/ModalPresentation.js";
+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 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 jt, resolveModalPopupSnapPositions as It } from "./snapPoints.js";
-import N from "./Modal.module.scss.js";
-const $t = /* @__PURE__ */ new Set([
+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"
-]), Ne = Et;
-function Lt(e) {
+]), Ce = Lt;
+function _t(e) {
   if (!e) return;
-  const t = Object.entries(e).filter(
-    ([n]) => n.startsWith("--")
+  const o = Object.entries(e).filter(
+    ([r]) => r.startsWith("--")
   );
-  if (t.length !== 0)
-    return Object.fromEntries(t);
-}
-function Ot(e) {
-  const t = e.trim();
-  if (!t.endsWith("px")) return;
-  const n = Number.parseFloat(t);
-  return Number.isFinite(n) && n > 0 ? n : void 0;
-}
-function Kt(e) {
-  if (!(!e || typeof window > "u"))
-    return Ot(window.getComputedStyle(e).maxHeight);
+  if (o.length !== 0)
+    return Object.fromEntries(o);
 }
 function qt({
   contentTransition: e,
-  placement: t,
-  resize: n
+  placement: o,
+  resize: r
 }) {
-  return e !== "auto" || n !== "content" || t === "full" ? "none" : t === "bottom" ? "sheet" : "surface";
+  return e !== "auto" || r !== "content" || o === "full" ? "none" : o === "bottom" ? "sheet" : "surface";
 }
-function ze(e, t) {
-  return e.resolvedBackdrop === t ? e : {
-    resolvedBackdrop: t,
-    exiting: t === "hidden" && e.resolvedBackdrop !== "hidden"
+function ze(e, o) {
+  return e.resolvedBackdrop === o ? e : {
+    resolvedBackdrop: o,
+    exiting: o === "hidden" && e.resolvedBackdrop !== "hidden"
   };
 }
-function _t(e) {
-  const t = e.trim();
-  return t.endsWith("ms") ? Number.parseFloat(t) || 0 : t.endsWith("s") ? (Number.parseFloat(t) || 0) * 1e3 : 0;
-}
-function we(e) {
-  return e.split(",").reduce((t, n) => Math.max(t, _t(n)), 0);
+function Gt(e) {
+  const o = window.getComputedStyle(e), r = Ne(o.animationDuration), a = Ne(o.animationDelay);
+  return r + a + 250;
 }
-function Wt(e) {
-  const t = window.getComputedStyle(e), n = we(t.animationDuration), s = we(t.animationDelay);
-  return n + s + 250;
-}
-function zt(e) {
-  const t = window.getComputedStyle(e), n = we(t.transitionDuration), s = we(t.transitionDelay);
-  return n + s + 250;
+function Ut(e) {
+  const o = window.getComputedStyle(e), r = Ne(o.transitionDuration), a = Ne(o.transitionDelay);
+  return r + a + 250;
 }
-function Gt({
+function zt({
   defaultSnapPosition: e,
-  node: t,
-  snapPositions: n
+  node: o,
+  snapPositions: r
 }) {
-  if (!n?.length) return;
-  const s = It({
+  if (!r?.length) return;
+  const a = Kt({
     defaultSnapPosition: e,
-    snapPositions: n,
-    surfaceMotion: t
+    snapPositions: r,
+    surfaceMotion: o
   });
-  if (!s) return;
-  const c = s.defaultTarget;
-  t.style.setProperty(
+  if (!a) return;
+  const i = a.defaultTarget;
+  o.style.setProperty(
     "--oc-modal-translate-x",
-    c.settledTranslate?.x ?? `${c.x}px`
-  ), t.style.setProperty(
+    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 Ut(e) {
+function Wt(e) {
   if (e && typeof e == "object" && "reason" in e && typeof e.reason == "string")
     return e.reason;
 }
-function Ce(e) {
+function Me(e) {
   e && typeof e == "object" && "cancel" in e && typeof e.cancel == "function" && e.cancel();
 }
-function Jt(e, t) {
-  switch (t) {
+function Yt(e, o) {
+  switch (o) {
     case "drag-dismiss":
       return e?.drag ?? "auto";
     case "backdrop-press":
@@ -117,22 +105,22 @@ function Jt(e, t) {
       return e?.programmatic ?? "auto";
   }
 }
-function Qt(e, t) {
-  return t > 0 && (e === "drag-dismiss" || e === "backdrop-press" || e === "outside-press");
+function Jt(e, o) {
+  return o > 0 && (e === "drag-dismiss" || e === "backdrop-press" || e === "outside-press");
 }
-function Ge(e, t) {
-  return t && (e === "backdrop-press" || e === "outside-press");
+function We(e, o) {
+  return o && (e === "backdrop-press" || e === "outside-press");
 }
-function Xt({
+function Qt({
   backdrop: e,
-  canSnapPopup: t,
-  placement: n,
-  presentationState: s
+  canSnapPopup: o,
+  placement: r,
+  presentationState: a
 }) {
-  return e !== "auto" ? e : n === "bottom" && s === "peeked" || t ? "hidden" : "visible";
+  return e !== "auto" ? e : r === "bottom" && a === "peeked" || o ? "hidden" : "visible";
 }
-function Yt(e) {
-  switch (Ut(e)) {
+function Xt(e) {
+  switch (Wt(e)) {
     case "close-press":
       return "close-button";
     case "outside-press":
@@ -147,532 +135,539 @@ function Yt(e) {
       return "programmatic";
   }
 }
-function Ue({
+function Ye({
   children: e,
-  open: t,
-  defaultOpen: n,
-  modal: s = !0,
-  onOpenChange: c,
-  canCloseAttempt: h,
-  onCloseAttempt: y,
-  presentationState: S,
-  defaultPresentationState: p = "visible",
+  open: o,
+  defaultOpen: r,
+  modal: a = !0,
+  onOpenChange: i,
+  onOpenChangeComplete: h,
+  canCloseAttempt: g,
+  onCloseAttempt: f,
+  presentationState: p,
+  defaultPresentationState: R = "visible",
   onPresentationStateChange: H,
   disablePointerDismissal: w,
-  navigationDepth: B = 0,
-  dismissBehavior: M
+  navigationDepth: N = 0,
+  dismissBehavior: b
 }) {
-  const k = t !== void 0, [ee, $] = l(
-    n ?? !1
-  ), L = k ? t : ee, [te, He] = l("bottom"), [O, xe] = l(!1), [o, oe] = l(!1), [D, ue] = l(!1), [i, me] = l(!1), [pe, ne] = l(0), [W, E] = l(0), [fe, re] = l(null), [he, ge] = l(null), [be, ae] = l({
+  const $ = o !== void 0, [A, X] = m(
+    r ?? !1
+  ), 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
-  }), [f, g] = vt({
-    value: S,
-    defaultValue: p,
+  }), [B, U] = kt({
+    value: p,
+    defaultValue: R,
     onChange: H
-  }), x = We(), V = We(), se = Math.max(0, B), K = v(
-    (a, m) => {
-      k || $(a), c?.(a, m);
+  }), z = Ue(), M = Ue(), l = Math.max(0, N), F = S(
+    (n, u) => {
+      $ || X(n), i?.(n, u);
     },
-    [c, k]
-  ), C = v(
-    (a = { reason: "programmatic" }) => h?.(a) !== !1,
-    [h]
-  ), d = v(
-    (a = { reason: "programmatic" }) => {
-      ne((m) => m + 1);
+    [i, $]
+  ), W = S(
+    (n = { reason: "programmatic" }) => g?.(n) !== !1,
+    [g]
+  ), C = S(
+    (n = { reason: "programmatic" }) => {
+      E((u) => u + 1);
     },
     []
-  ), q = v(() => {
-    E((a) => a + 1);
-  }, []), _ = v(
-    (a = { reason: "programmatic" }) => {
-      if (Ge(a.reason, D))
+  ), ne = S(() => {
+    me((n) => n + 1);
+  }, []), Y = S(
+    (n = { reason: "programmatic" }) => {
+      if (We(n.reason, s))
         return !1;
-      const m = Jt(M, a.reason);
-      return m === "allow" ? !0 : m === "block" ? !1 : !Qt(a.reason, se);
+      const u = Yt(b, n.reason);
+      return u === "allow" ? !0 : u === "block" ? !1 : !Jt(n.reason, l);
     },
-    [D, M, se]
-  ), P = v(
-    (a = { reason: "programmatic" }, m = {}) => {
-      const { commit: ve = !0, skipAttempt: T = !1 } = m;
-      return !T && Ge(a.reason, D) ? (Ce(a.eventDetails), !1) : !T && !_(a) || !T && !C(a) || !T && y?.(a) === !1 ? (Ce(a.eventDetails), d(a), !1) : (ve && K(!1, a.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);
     },
     [
+      W,
+      s,
+      Y,
+      F,
       C,
-      D,
-      _,
-      K,
-      d,
-      y
+      f
     ]
-  ), ce = v(
-    (a, m) => {
-      if (a && f === "peeked" && g("visible"), !a) {
+  ), I = S(
+    (n, u) => {
+      if (n && B === "peeked" && U("visible"), !n) {
         P({
-          reason: Yt(m),
-          eventDetails: m
+          reason: Xt(u),
+          eventDetails: u
         });
         return;
       }
-      K(a, m);
+      F(n, u);
     },
-    [K, f, P, g]
-  ), z = f === "visible" && !i ? s : !1, ie = w || te === "bottom" && (O || i), j = Y(
+    [F, B, P, U]
+  ), re = B === "visible" && !be ? a : !1, pe = w || O === "bottom" && (q || be), ke = Q(
     () => ({
-      open: L,
-      modal: z,
-      placement: te,
-      setPlacement: He,
-      presentationState: f,
-      setPresentationState: g,
+      open: K,
+      modal: re,
+      placement: O,
+      setPlacement: _,
+      presentationState: B,
+      setPresentationState: U,
       requestClose: P,
-      canDismissByBehavior: _,
-      canCloseAttempt: C,
-      closeAttemptFeedbackKey: pe,
-      notifyCloseAttemptRejected: d,
+      canDismissByBehavior: Y,
+      canCloseAttempt: W,
+      closeAttemptFeedbackKey: ee,
+      notifyCloseAttemptRejected: C,
       disablePointerDismissal: w ?? !1,
-      setBackdropDismissalDisabled: ue,
-      setBackgroundInteractive: me,
-      canPeek: O,
-      setCanPeek: xe,
-      canRenderHandle: o,
-      setCanRenderHandle: oe,
-      popupSnapLayoutVersion: W,
-      notifyPopupSnapLayoutChange: q,
-      headerHeight: x.height,
-      footerHeight: V.height,
-      setHeaderNode: x.setNode,
-      titleNode: he,
-      setTitleNode: ge,
-      setFooterNode: V.setNode,
-      bodyNode: fe,
-      setBodyNode: re,
-      scrollState: be,
-      setScrollState: ae
+      setBackdropDismissalDisabled: ge,
+      setBackgroundInteractive: ue,
+      canPeek: q,
+      setCanPeek: t,
+      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
     }),
     [
-      fe,
-      O,
-      o,
-      _,
-      C,
-      pe,
-      V.height,
-      V.setNode,
-      x.height,
-      x.setNode,
-      z,
-      d,
+      Se,
+      te,
       q,
+      x,
+      Z,
+      Y,
       W,
-      L,
-      te,
+      ee,
+      M.height,
+      M.setNode,
+      z.height,
+      z.setNode,
+      re,
+      l,
+      C,
+      ne,
+      ye,
+      K,
+      O,
       P,
-      be,
+      v,
       w,
-      f,
-      g,
-      ge,
-      he
+      B,
+      U,
+      k,
+      oe
     ]
   );
-  return /* @__PURE__ */ u(bt, { value: j, children: /* @__PURE__ */ u(
-    I.Root,
+  return /* @__PURE__ */ d(bt, { value: ke, children: /* @__PURE__ */ d(
+    V.Root,
     {
-      open: L,
-      modal: z,
-      onOpenChange: ce,
-      disablePointerDismissal: ie,
+      open: K,
+      modal: re,
+      onOpenChange: I,
+      onOpenChangeComplete: h,
+      disablePointerDismissal: pe,
       children: e
     }
   ) });
 }
 function Zt({
   className: e = "",
-  children: t,
-  render: n,
-  nativeButton: s
+  children: o,
+  render: r,
+  nativeButton: a
 }) {
-  return n ? /* @__PURE__ */ u(
-    I.Trigger,
+  return r ? /* @__PURE__ */ d(
+    V.Trigger,
     {
-      render: n,
-      nativeButton: s,
+      render: r,
+      nativeButton: a,
       "data-oc-component": "modal-trigger",
-      children: t
+      children: o
     }
-  ) : /* @__PURE__ */ u(
-    I.Trigger,
+  ) : /* @__PURE__ */ d(
+    V.Trigger,
     {
-      className: Ne(N.trigger, e),
-      nativeButton: s,
+      className: Ce(y.trigger, e),
+      nativeButton: a,
       "data-oc-component": "modal-trigger",
-      children: t
+      children: o
     }
   );
 }
 function eo({
   className: e = "",
-  children: t,
-  variant: n = "adaptive",
-  size: s = "medium",
-  resize: c = "content",
+  children: o,
+  variant: r = "adaptive",
+  size: a = "medium",
+  resize: i = "content",
   contentTransition: h = "auto",
-  backdrop: y = "auto",
-  backdropFrom: S,
+  backdrop: g = "auto",
+  backdropFrom: f,
   drag: p = "content",
-  peekable: H = !1,
-  snapPoints: w,
-  defaultSnapPoint: B,
-  snapPositions: M,
-  defaultSnapPosition: k,
-  initialFocus: ee,
-  peekHeight: $,
-  closeThreshold: L,
-  scrollLockTimeout: te,
-  container: He,
-  style: O,
-  ...xe
+  peekable: R = !1,
+  snapPoints: H,
+  defaultSnapPoint: w,
+  snapPositions: N,
+  defaultSnapPosition: b,
+  initialFocus: $,
+  peekHeight: A,
+  closeThreshold: X,
+  scrollLockTimeout: K,
+  container: O,
+  style: _,
+  ...q
 }) {
-  const o = Z("ModalContent"), { setCanPeek: oe, setCanRenderHandle: D, setPlacement: ue } = o, i = Mt(n), me = A(null), pe = A(null), ne = A(null), W = A(null), [E, fe] = l(null), [re, he] = l(
+  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
-  ), [ge, be] = l(null), ae = A(0), f = A(null), g = A(null), x = A(null), [V, se] = l(), K = p === "handle" || p === "content", C = i === "popup" && K && !!M?.length, d = Xt({
-    backdrop: y,
-    canSnapPopup: C,
-    placement: i,
-    presentationState: o.presentationState
-  }), [q, _] = l(() => ({
-    resolvedBackdrop: d,
+  ), [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
+  }), [F, W] = m(() => ({
+    resolvedBackdrop: l,
     exiting: !1
-  })), P = Y(
-    () => ze(q, d),
-    [q, d]
-  ), ce = P.exiting, z = C && d === "hidden", ie = (i === "bottom" || C) && K, j = i === "bottom" && ie && H, a = j && $ !== void 0 ? $ : o.headerHeight > 0 ? o.headerHeight : void 0, m = i === "bottom" && c !== "fixed", ve = Nt(o.open), T = kt({
-    bodyNode: o.bodyNode,
-    enabled: o.open && i === "bottom",
-    footerHeight: o.footerHeight,
+  })), 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 && s === "bottom",
+    footerHeight: t.footerHeight,
+    scroller: t.bodyScroller,
     surfaceNode: E,
-    viewportGeometry: ve,
-    viewportNode: ge
-  }), G = i === "bottom" ? T.viewportGeometry : ve, ye = G?.height ?? 0, Qe = Y(() => {
-    if (!(!w?.length || ye <= 0))
-      return jt({
-        snapPoints: w,
-        defaultSnapPoint: B,
-        backdropFrom: S,
-        viewportHeight: ye
+    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
       });
-  }, [S, B, w, ye]), R = i === "bottom" ? Qe : void 0, Xe = Ct(o.open), [Se, Ye] = l(0), ke = A(!1), Ze = R !== void 0 && m, Te = m && Se > 0 ? Se : void 0, U = R ? Ze && Te !== void 0 ? Te : R.sheetHeight : Te, et = R && U !== void 0 ? Math.max(0, U - R.defaultHeight) : void 0, tt = U !== void 0, Re = qt({
+  }, [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: 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: i,
-    resize: c
-  }), ot = Re === "surface" ? "auto" : "none", nt = Re === "sheet" ? "auto" : "none", Ee = o.bodyNode;
-  yt({
-    enabled: o.open && Re === "surface",
-    node: re
-  }), Me(() => {
-    if (!m) {
-      ke.current = !1;
-      return;
-    }
-    const r = Ee?.firstElementChild;
-    if (!r) {
-      ke.current = !1;
-      return;
-    }
-    const b = () => {
-      const Q = r.getBoundingClientRect().height, le = wt({
-        contentHeight: Q,
-        maxHeight: Kt(E),
-        snapHeight: R?.sheetHeight
-      }), qe = Math.abs(Se - le) > 0.5;
-      ke.current = qe, qe && Ye(le);
-    };
-    if (b(), typeof ResizeObserver > "u") return;
-    const F = new ResizeObserver(b);
-    return F.observe(r), () => F.disconnect();
-  }, [
-    Ee,
-    m,
-    R?.sheetHeight,
-    Se,
-    ye,
-    E
-  ]), X(() => {
-    ue(i);
-  }, [i, ue]), X(() => {
-    o.open || (W.current = null);
-  }, [o.open]), X(() => (oe(j), () => oe(!1)), [j, oe]), X(() => (D(ie), () => D(!1)), [ie, D]);
-  const rt = v(
-    () => ke.current,
-    []
-  ), Ve = o.bodyNode, je = o.setScrollState, at = v(() => {
-    je(Ht(Ve));
-  }, [Ve, je]), Ie = R?.backdropFromHeight, [$e, Le] = l(!1), st = v((r) => {
-    Le(!r);
+    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: 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: Le
+  });
+  const Ve = D?.backdropFromHeight, [$e, Ke] = m(!1), at = S((c) => {
+    Ke(!c);
   }, []);
-  !o.open && $e && Le(!1);
-  const Fe = Ie !== void 0 && $e, { collapseBottomSheetToUndimmedSnap: Be, handlers: ct } = St({
-    enabled: p !== !1 && !T.active,
+  !t.open && $e && Ke(!1);
+  const Re = Ve !== void 0 && $e, { collapseBottomSheetToUndimmedSnap: Be, handlers: ct } = Nt({
+    enabled: p !== !1 && !n.active,
     drag: p,
-    open: o.open,
-    placement: i,
-    surfaceMotionRef: me,
+    open: t.open,
+    placement: s,
+    surfaceMotionRef: ge,
     surfaceMotionNode: E,
-    backdropRef: ne,
-    bodyNode: o.bodyNode,
-    snapHeights: R?.snapHeights,
-    sheetHeight: U,
-    backdropFromHeight: Ie,
-    onBackdropDimRestChange: st,
-    peekHeight: j ? $ : void 0,
-    peekFallback: j ? "header" : void 0,
-    presentationState: o.presentationState,
-    setPresentationState: o.setPresentationState,
-    requestClose: o.requestClose,
-    canCloseAttempt: o.canCloseAttempt,
-    dismissible: !o.disablePointerDismissal && o.canDismissByBehavior({ reason: "drag-dismiss" }),
-    backdropHidden: d === "hidden",
-    visibleTranslate: et,
-    shouldDeferBottomSettle: rt,
-    refreshScrollState: at,
-    snapPositions: C ? M : void 0,
-    defaultSnapPosition: k,
-    closeThreshold: L,
-    scrollLockTimeout: te,
-    popupSnapLayoutVersion: o.popupSnapLayoutVersion
-  }), it = v(
-    (r) => {
-      me.current = r, fe(r), r && o.open && C && W.current !== r && (Gt({
-        defaultSnapPosition: k,
-        node: r,
-        snapPositions: M
-      }), W.current = r);
+    backdropRef: ue,
+    bodyNode: t.bodyNode,
+    snapHeights: D?.snapHeights,
+    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: l === "hidden",
+    visibleTranslate: tt,
+    shouldDeferBottomSettle: Ze,
+    refreshScrollState: Le,
+    snapPositions: M ? N : void 0,
+    defaultSnapPosition: b,
+    closeThreshold: X,
+    scrollLockTimeout: K,
+    popupSnapLayoutVersion: t.popupSnapLayoutVersion
+  }), st = S(
+    (c) => {
+      ge.current = c, ye(c), c && t.open && M && ee.current !== c && (zt({
+        defaultSnapPosition: b,
+        node: c,
+        snapPositions: N
+      }), ee.current = c);
     },
-    [C, o.open, k, M]
-  ), dt = v((r) => {
-    pe.current = r, he(r);
+    [M, t.open, b, N]
+  ), it = S((c) => {
+    be.current = c, Se(c);
   }, []);
-  X(() => {
-    const r = o.closeAttemptFeedbackKey, b = () => {
-      se(void 0), g.current = null;
+  L(() => {
+    const c = t.closeAttemptFeedbackKey, T = () => {
+      U(void 0), v.current = null;
     };
-    if (r === 0) {
-      ae.current = r, b();
+    if (c === 0) {
+      oe.current = c, T();
       return;
     }
-    if (i !== "popup") {
-      b();
+    if (s !== "popup") {
+      T();
       return;
     }
-    if (ae.current === r) {
-      b();
+    if (oe.current === c) {
+      T();
       return;
     }
-    const F = re;
-    if (!F) return;
-    ae.current = r, f.current !== null && window.cancelAnimationFrame(f.current), g.current !== null && window.clearTimeout(g.current), b();
-    const Q = (le) => {
-      le.target === F && $t.has(le.animationName) && (F.removeEventListener("animationend", Q), g.current !== null && window.clearTimeout(g.current), b());
+    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 F.addEventListener("animationend", Q), f.current = window.requestAnimationFrame(() => {
-      f.current = null, se(r), f.current = window.requestAnimationFrame(() => {
-        f.current = null, g.current = window.setTimeout(() => {
-          F.removeEventListener("animationend", Q), b();
-        }, Wt(F));
+    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));
       });
     }), () => {
-      F.removeEventListener("animationend", Q), f.current !== null && (window.cancelAnimationFrame(f.current), f.current = null), g.current !== null && (window.clearTimeout(g.current), g.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);
     };
-  }, [o.closeAttemptFeedbackKey, i, re]);
-  const Oe = Lt(O), lt = {
+  }, [t.closeAttemptFeedbackKey, s, me]);
+  const Oe = _t(_), lt = {
     ...Oe,
-    ...o.headerHeight > 0 ? { "--oc-modal-header-height": `${o.headerHeight}px` } : {},
-    ...o.footerHeight > 0 ? { "--oc-modal-footer-height": `${o.footerHeight}px` } : {},
-    ...a !== void 0 ? { "--oc-modal-peek-height": `${a}px` } : {},
-    ...U !== void 0 ? { "--oc-modal-sheet-height": `${U}px` } : {}
+    ...t.headerHeight > 0 ? { "--oc-modal-header-height": `${t.headerHeight}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`.
-  }, Ke = {
+  }, _e = {
     // Each modal reserves one backdrop slot and one viewport slot.
-    "--oc-modal-stack-offset": Xe * 2
-  }, ut = {
-    ...Ke,
-    "--_-modal-keyboard-inset": `${T.keyboardInset}px`,
-    "--_-modal-keyboard-inset-settled": `${T.settledKeyboardInset}px`,
-    ...G ? {
-      "--_-modal-viewport-height": `${G.height}px`,
-      "--_-modal-viewport-offset-left": `${G.offsetLeft}px`,
-      "--_-modal-viewport-offset-top": `${G.offsetTop}px`,
-      "--_-modal-viewport-width": `${G.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`
     } : {}
-  }, mt = o.headerHeight > 0 ? {
-    ...O,
-    "--oc-modal-header-height": `${o.headerHeight}px`
-  } : O, pt = xt({
+  }, ut = t.headerHeight > 0 ? {
+    ..._,
+    "--oc-modal-header-height": `${t.headerHeight}px`
+  } : _, mt = Bt({
     contentNode: E,
-    initialFocus: ee,
-    modal: o.modal,
-    titleNode: o.titleNode
-  }), { setBackdropDismissalDisabled: Pe, setBackgroundInteractive: Ae } = o, ft = d !== "hidden" || ce;
-  Me(() => {
-    P !== q && _(P);
-  }, [q, P]);
-  const J = v(() => {
-    x.current !== null && (window.clearTimeout(x.current), x.current = null);
-  }, []), de = v(() => {
-    d === "hidden" && (J(), _((r) => {
-      const b = ze(
-        r,
-        d
+    initialFocus: $,
+    modal: t.modal,
+    titleNode: t.titleNode
+  }), { 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 b.resolvedBackdrop !== "hidden" || !b.exiting ? b : {
-        ...b,
+      return T.resolvedBackdrop !== "hidden" || !T.exiting ? T : {
+        ...T,
         exiting: !1
       };
     }));
-  }, [J, d]);
-  return X(
+  }, [ie, l]);
+  return L(
     () => () => {
-      J();
+      ie();
     },
-    [J]
-  ), Me(() => {
-    if (!ce || d !== "hidden") return;
-    const r = ne.current;
-    if (!r) {
-      x.current = window.setTimeout(de, 0);
+    [ie]
+  ), De(() => {
+    if (!ne || l !== "hidden") return;
+    const c = ue.current;
+    if (!c) {
+      G.current = window.setTimeout(fe, 0);
       return;
     }
-    J(), x.current = window.setTimeout(
-      de,
-      zt(r)
+    ie(), G.current = window.setTimeout(
+      fe,
+      Ut(c)
     );
   }, [
-    J,
-    de,
-    ce,
-    d
-  ]), Me(() => (Pe(d === "hidden"), Ae(z || Fe), () => {
-    Pe(!1), Ae(!1);
+    ie,
+    fe,
+    ne,
+    l
+  ]), De(() => (Fe(l === "hidden"), Pe(Y || Re), () => {
+    Fe(!1), Pe(!1);
   }), [
+    Re,
+    Y,
+    l,
     Fe,
-    z,
-    d,
-    Pe,
-    Ae
-  ]), /* @__PURE__ */ _e(I.Portal, { container: He, children: [
-    ft ? /* @__PURE__ */ u(
-      I.Backdrop,
+    Pe
+  ]), /* @__PURE__ */ Ge(V.Portal, { container: O, children: [
+    pt ? /* @__PURE__ */ d(
+      V.Backdrop,
       {
-        ref: ne,
-        className: N.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": Fe ? "true" : void 0,
-        "data-oc-modal-placement": i,
-        "data-oc-modal-presentation-state": o.presentationState,
-        style: Ke,
-        onTransitionCancel: (r) => {
-          r.currentTarget === r.target && r.propertyName === "opacity" && de();
+        "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: _e,
+        onTransitionCancel: (c) => {
+          c.currentTarget === c.target && c.propertyName === "opacity" && fe();
         },
-        onTransitionEnd: (r) => {
-          r.currentTarget === r.target && r.propertyName === "opacity" && de();
+        onTransitionEnd: (c) => {
+          c.currentTarget === c.target && c.propertyName === "opacity" && fe();
         },
         onClick: () => {
-          if (o.disablePointerDismissal) {
+          if (t.disablePointerDismissal) {
             if (Be()) return;
-            o.notifyCloseAttemptRejected({ reason: "backdrop-press" });
+            t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
-          if (!o.canDismissByBehavior({ reason: "backdrop-press" })) {
+          if (!t.canDismissByBehavior({ reason: "backdrop-press" })) {
             if (Be()) return;
-            o.notifyCloseAttemptRejected({ reason: "backdrop-press" });
+            t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
-          if (i === "bottom" && j) {
-            if (o.presentationState === "visible") {
+          if (s === "bottom" && I) {
+            if (t.presentationState === "visible") {
               if (Be()) return;
-              o.setPresentationState("peeked");
+              t.setPresentationState("peeked");
             }
             return;
           }
-          o.requestClose({ reason: "backdrop-press" });
+          t.requestClose({ reason: "backdrop-press" });
         }
       }
     ) : null,
-    /* @__PURE__ */ u(
-      I.Viewport,
+    /* @__PURE__ */ d(
+      V.Viewport,
       {
-        ref: be,
-        className: N.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": T.active ? "true" : void 0,
-        style: ut,
-        children: /* @__PURE__ */ u(
-          I.Popup,
+        "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,
           {
-            ...xe,
+            ...q,
             ...ct,
-            ref: it,
-            initialFocus: pt,
-            className: Ne(
-              N.surfaceMotion,
-              N[s],
+            ref: st,
+            initialFocus: mt,
+            className: Ce(
+              y.surfaceMotion,
+              y[a],
               e,
-              V === void 0 ? void 0 : V % 2 === 0 ? N.feedbackEven : N.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-variant": n,
-            "data-oc-size": s,
-            "data-oc-resize": c,
-            "data-oc-modal-feedback": i === "popup" && V !== void 0 ? "reject" : void 0,
-            "data-oc-modal-placement": i,
-            "data-oc-modal-snapping": R || C ? "true" : void 0,
-            "data-oc-modal-sheet-sizing": tt ? "managed" : void 0,
-            "data-oc-modal-sheet-transition": nt === "auto" ? "auto" : void 0,
+            "data-oc-modal-backdrop": l,
+            "data-oc-variant": r,
+            "data-oc-size": a,
+            "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__ */ _e(Vt, { container: E, children: [
-              i === "bottom" ? /* @__PURE__ */ u(
+            children: /* @__PURE__ */ Ge(Vt, { container: E, children: [
+              s === "bottom" ? /* @__PURE__ */ d(
                 "div",
                 {
                   "aria-hidden": "true",
-                  className: Ne(
-                    N.bottomFill,
-                    N[s],
+                  className: Ce(
+                    y.bottomFill,
+                    y[a],
                     e
                   ),
                   "data-oc-part": "bottom-fill",
                   "data-oc-component": "modal-bottom-fill",
-                  "data-oc-size": s,
+                  "data-oc-size": a,
                   style: Oe
                 }
               ) : null,
-              /* @__PURE__ */ u(
-                Ft,
+              /* @__PURE__ */ d(
+                Dt,
                 {
-                  ref: dt,
+                  ref: it,
                   className: e,
-                  contentTransition: ot === "auto" ? "auto" : void 0,
-                  placement: i,
-                  resize: c,
-                  scrollable: o.scrollState.canScroll,
-                  size: s,
-                  style: mt,
-                  variant: n,
-                  children: t
+                  contentTransition: nt === "auto" ? "auto" : void 0,
+                  placement: s,
+                  resize: i,
+                  scrollable: t.scrollState.canScroll,
+                  size: a,
+                  style: ut,
+                  variant: r,
+                  children: o
                 }
               )
             ] })
@@ -684,161 +679,185 @@ function eo({
 }
 function to({
   className: e = "",
-  title: t,
-  children: n,
-  leadingContent: s,
-  trailingContent: c,
+  title: o,
+  children: r,
+  leadingContent: a,
+  trailingContent: i,
   bottomContent: h,
-  closeLabel: y = "닫기",
-  closeButton: S = !0,
+  closeLabel: g = "닫기",
+  closeButton: f = !0,
   handle: p = !0,
+  onClick: R,
   ref: H,
   ...w
 }) {
-  const B = Z("ModalHeader"), { setHeaderNode: M, setTitleNode: k, scrollState: ee } = B, $ = Y(
-    () => De(M, H),
-    [H, M]
-  ), L = Y(
-    () => De(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__ */ u(
-    At,
+  return /* @__PURE__ */ d(
+    It,
     {
       ...w,
-      ref: $,
+      ref: q,
+      onClick: _,
       bottomSlot: h,
       className: e,
-      closeContent: S ? /* @__PURE__ */ u(Je, { label: y }) : null,
-      handleContent: p && B.canRenderHandle ? /* @__PURE__ */ u(
+      closeContent: f ? /* @__PURE__ */ d(Je, { label: g }) : null,
+      handleContent: p && N.canRenderHandle ? /* @__PURE__ */ d(
         "div",
         {
           "aria-hidden": "true",
-          className: N.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: s,
-      sticky: ee.scrolledFromTop,
-      titleContent: t ? /* @__PURE__ */ u(
-        I.Title,
+      leadingContent: a,
+      sticky: K.scrolledFromTop,
+      titleContent: o ? /* @__PURE__ */ d(
+        V.Title,
         {
-          ref: L,
-          className: N.initialFocusTitle,
+          ref: t,
+          className: y.initialFocusTitle,
           tabIndex: -1,
-          children: t
+          children: o
         }
       ) : void 0,
-      trailingContent: c,
-      children: n
+      trailingContent: i,
+      children: r
     }
   );
 }
 function oo({
   handle: e = !0,
-  ...t
+  ...o
 }) {
-  const n = Z("ModalNavigationSection"), {
-    canRenderHandle: s,
-    notifyPopupSnapLayoutChange: c,
+  const r = le("ModalNavigationSection"), {
+    canRenderHandle: a,
+    notifyPopupSnapLayoutChange: i,
     placement: h
-  } = n;
-  return /* @__PURE__ */ u(
-    Dt,
+  } = r;
+  return /* @__PURE__ */ d(
+    jt,
     {
-      ...t,
-      canRenderHandle: e && s,
+      ...o,
+      canRenderHandle: e && a,
       onPanelMotionStateChange: () => {
-        h === "popup" && c();
+        h === "popup" && i();
       }
     }
   );
 }
 function no({
   className: e = "",
-  children: t,
-  layout: n = "content",
-  containerClassName: s = "",
-  containerProps: c,
+  children: o,
+  layout: r = "content",
+  containerClassName: a = "",
+  containerProps: i,
   ref: h,
-  ...y
+  ...g
 }) {
-  const S = Z("ModalBody"), { bodyNode: p, setBodyNode: H, setScrollState: w } = S, { setBodyRef: B, updateScrollState: M } = Tt({
+  const f = le("ModalBody"), { bodyNode: p, setBodyNode: R, setScrollState: H } = f, { setBodyRef: w, updateScrollState: N } = Ft({
     bodyNode: p,
     bodyRef: h,
-    setBodyNode: H,
-    setScrollState: w
+    setBodyNode: R,
+    setScrollState: H
   });
-  return /* @__PURE__ */ u(
-    Rt,
+  return /* @__PURE__ */ d(
+    Pt,
     {
       bodyContainerProps: {
-        ref: B,
-        onScroll: (k) => {
-          c?.onScroll?.(k), M(k.currentTarget);
+        ref: w,
+        onScroll: (b) => {
+          i?.onScroll?.(b), N(b.currentTarget);
         }
       },
-      bodyContentProps: { ...c, className: s },
-      layout: n,
-      scrollAreaProps: { ...y, className: e },
-      children: t
+      bodyContentProps: { ...i, className: a },
+      layout: r,
+      scrollAreaProps: { ...g, className: e },
+      children: o
     }
   );
 }
 function ro({
   className: e = "",
-  children: t,
-  background: n = "auto",
-  ref: s,
-  ...c
+  children: o,
+  background: r = "auto",
+  ref: a,
+  ...i
 }) {
-  const h = Z("ModalFooter"), { scrollState: y, setFooterNode: S } = h, p = Y(
-    () => De(S, s),
-    [s, S]
-  ), H = Bt(
-    n,
-    y
+  const h = le("ModalFooter"), { scrollState: g, setFooterNode: f } = h, p = Q(
+    () => Ae(f, a),
+    [a, f]
+  ), R = At(
+    r,
+    g
   );
-  return /* @__PURE__ */ u(
-    Pt,
+  return /* @__PURE__ */ d(
+    Et,
     {
-      ...c,
+      ...i,
       ref: p,
-      backgroundActive: H,
+      backgroundActive: R,
       className: e,
-      children: t
+      children: o
     }
   );
 }
 function Je({
   className: e = "",
-  children: t = /* @__PURE__ */ u(ht, {}),
-  label: n = "닫기",
-  size: s = 24,
-  disabled: c,
+  children: o = /* @__PURE__ */ d(ft, {}),
+  label: r = "닫기",
+  size: a = 24,
+  disabled: i,
   onClick: h,
-  ...y
+  ...g
 }) {
-  const S = Z("ModalClose");
-  return /* @__PURE__ */ u(
-    gt,
+  const f = le("ModalClose");
+  return /* @__PURE__ */ d(
+    ht,
     {
-      ...y,
-      className: Ne(N.close, e),
-      "aria-label": y["aria-label"] ?? n,
+      ...g,
+      className: Ce(y.close, e),
+      "aria-label": g["aria-label"] ?? r,
       "data-oc-part": "close",
       "data-oc-component": "modal-close",
-      disabled: c,
+      disabled: i,
       onClick: (p) => {
-        h?.(p), !p.defaultPrevented && !c && S.requestClose({ reason: "close-button" });
+        h?.(p), !p.defaultPrevented && !i && f.requestClose({ reason: "close-button" });
       },
-      size: s,
-      children: t
+      size: a,
+      children: o
     }
   );
 }
-const To = Object.assign(Ue, {
-  Root: Ue,
+const Do = Object.assign(Ye, {
+  Root: Ye,
   Trigger: Zt,
   Content: eo,
   Header: to,
@@ -854,7 +873,7 @@ export {
   ro as ModalFooter,
   to as ModalHeader,
   oo as ModalNavigationSection,
-  Ue as ModalRoot,
+  Ye as ModalRoot,
   Zt as ModalTrigger,
-  To as default
+  Do as default
 };