@orioncactuscorp/ui 1.16.0 → 1.17.0

package/dist/components/Modal/Modal.js

@@ -1,106 +1,90 @@
 '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 { 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 { 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 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 { 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 { 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([
   "oc-modal-reject-shake",
   "oc-modal-reject-shake-replay"
-]), Ne = Et;
-function Lt(e) {
+]), ve = Pt;
+function It(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;
+  if (o.length !== 0)
+    return Object.fromEntries(o);
 }
-function Kt(e) {
-  if (!(!e || typeof window > "u"))
-    return Ot(window.getComputedStyle(e).maxHeight);
-}
-function qt({
+function Vt({
   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 _e(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 $t(e) {
+  const o = window.getComputedStyle(e), r = ke(o.animationDuration), a = ke(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 Lt(e) {
+  const o = window.getComputedStyle(e), r = ke(o.transitionDuration), a = ke(o.transitionDelay);
+  return r + a + 250;
 }
-function Gt({
+function Kt({
   defaultSnapPosition: e,
-  node: t,
-  snapPositions: n
+  node: o,
+  snapPositions: r
 }) {
-  if (!n?.length) return;
-  const s = It({
+  if (!r?.length) return;
+  const a = Et({
     defaultSnapPosition: e,
-    snapPositions: n,
-    surfaceMotion: t
+    snapPositions: r,
+    surfaceMotion: o
   });
-  if (!s) return;
-  const c = s.defaultTarget;
-  t.style.setProperty(
+  if (!a) return;
+  const c = a.defaultTarget;
+  o.style.setProperty(
     "--oc-modal-translate-x",
     c.settledTranslate?.x ?? `${c.x}px`
-  ), t.style.setProperty(
+  ), o.style.setProperty(
     "--oc-modal-translate-y",
     c.settledTranslate?.y ?? `${c.y}px`
   );
 }
-function Ut(e) {
+function Ot(e) {
   if (e && typeof e == "object" && "reason" in e && typeof e.reason == "string")
     return e.reason;
 }
-function Ce(e) {
+function ye(e) {
   e && typeof e == "object" && "cancel" in e && typeof e.cancel == "function" && e.cancel();
 }
-function Jt(e, t) {
-  switch (t) {
+function qt(e, o) {
+  switch (o) {
     case "drag-dismiss":
       return e?.drag ?? "auto";
     case "backdrop-press":
@@ -117,22 +101,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 _t(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 Ge(e, o) {
+  return o && (e === "backdrop-press" || e === "outside-press");
 }
-function Xt({
+function Gt({
   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 Ut(e) {
+  switch (Ot(e)) {
     case "close-press":
       return "close-button";
     case "outside-press":
@@ -149,530 +133,522 @@ function Yt(e) {
 }
 function Ue({
   children: e,
-  open: t,
-  defaultOpen: n,
-  modal: s = !0,
+  open: o,
+  defaultOpen: r,
+  modal: a = !0,
   onOpenChange: c,
-  canCloseAttempt: h,
-  onCloseAttempt: y,
-  presentationState: S,
-  defaultPresentationState: p = "visible",
-  onPresentationStateChange: H,
-  disablePointerDismissal: w,
-  navigationDepth: B = 0,
-  dismissBehavior: M
+  onOpenChangeComplete: g,
+  canCloseAttempt: b,
+  onCloseAttempt: h,
+  presentationState: m,
+  defaultPresentationState: x = "visible",
+  onPresentationStateChange: F,
+  disablePointerDismissal: M,
+  navigationDepth: N = 0,
+  dismissBehavior: k
 }) {
-  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, [L, oe] = u(
+    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({
     canScroll: !1,
     scrolledFromTop: !1,
     scrolledToBottom: !0
-  }), [f, g] = vt({
-    value: S,
-    defaultValue: p,
-    onChange: H
-  }), x = We(), V = We(), se = Math.max(0, B), K = v(
-    (a, m) => {
-      k || $(a), c?.(a, m);
+  }), [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);
     },
-    [c, k]
-  ), C = v(
-    (a = { reason: "programmatic" }) => h?.(a) !== !1,
-    [h]
-  ), d = v(
-    (a = { reason: "programmatic" }) => {
-      ne((m) => m + 1);
+    [c, $]
+  ), d = y(
+    (n = { reason: "programmatic" }) => b?.(n) !== !1,
+    [b]
+  ), w = y(
+    (n = { reason: "programmatic" }) => {
+      de((f) => f + 1);
     },
     []
-  ), q = v(() => {
-    E((a) => a + 1);
-  }, []), _ = v(
-    (a = { reason: "programmatic" }) => {
-      if (Ge(a.reason, D))
+  ), le = y(() => {
+    Me((n) => n + 1);
+  }, []), P = y(
+    (n = { reason: "programmatic" }) => {
+      if (Ge(n.reason, K))
         return !1;
-      const m = Jt(M, a.reason);
-      return m === "allow" ? !0 : m === "block" ? !1 : !Qt(a.reason, se);
+      const f = qt(k, n.reason);
+      return f === "allow" ? !0 : f === "block" ? !1 : !_t(n.reason, q);
     },
-    [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);
+    [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);
     },
     [
-      C,
-      D,
-      _,
-      K,
       d,
-      y
+      K,
+      P,
+      v,
+      w,
+      h
     ]
-  ), ce = v(
-    (a, m) => {
-      if (a && f === "peeked" && g("visible"), !a) {
-        P({
-          reason: Yt(m),
-          eventDetails: m
+  ), fe = y(
+    (n, f) => {
+      if (n && p === "peeked" && R("visible"), !n) {
+        E({
+          reason: Ut(f),
+          eventDetails: f
         });
         return;
       }
-      K(a, m);
+      v(n, f);
     },
-    [K, f, P, g]
-  ), z = f === "visible" && !i ? s : !1, ie = w || te === "bottom" && (O || i), j = Y(
+    [v, p, E, R]
+  ), _ = p === "visible" && !ie ? a : !1, j = M || re === "bottom" && (se || ie), he = ee(
     () => ({
-      open: L,
-      modal: z,
-      placement: te,
-      setPlacement: He,
-      presentationState: f,
-      setPresentationState: g,
-      requestClose: P,
-      canDismissByBehavior: _,
-      canCloseAttempt: C,
-      closeAttemptFeedbackKey: pe,
-      notifyCloseAttemptRejected: d,
-      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
+      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,
+      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
     }),
     [
-      fe,
-      O,
-      o,
-      _,
-      C,
-      pe,
-      V.height,
-      V.setNode,
-      x.height,
-      x.setNode,
-      z,
-      d,
-      q,
+      J,
+      se,
       W,
-      L,
-      te,
       P,
-      be,
+      d,
+      z,
+      O.height,
+      O.setNode,
+      A.height,
+      A.setNode,
+      _,
+      q,
       w,
-      f,
-      g,
-      ge,
-      he
+      le,
+      B,
+      ne,
+      re,
+      E,
+      Q,
+      M,
+      p,
+      R,
+      pe,
+      me
     ]
   );
-  return /* @__PURE__ */ u(bt, { value: j, children: /* @__PURE__ */ u(
-    I.Root,
+  return /* @__PURE__ */ l(ft, { value: he, children: /* @__PURE__ */ l(
+    V.Root,
     {
-      open: L,
-      modal: z,
-      onOpenChange: ce,
-      disablePointerDismissal: ie,
+      open: ne,
+      modal: _,
+      onOpenChange: fe,
+      onOpenChangeComplete: g,
+      disablePointerDismissal: j,
       children: e
     }
   ) });
 }
-function Zt({
+function Wt({
   className: e = "",
-  children: t,
-  render: n,
-  nativeButton: s
+  children: o,
+  render: r,
+  nativeButton: a
 }) {
-  return n ? /* @__PURE__ */ u(
-    I.Trigger,
+  return r ? /* @__PURE__ */ l(
+    V.Trigger,
     {
-      render: n,
-      nativeButton: s,
+      render: r,
+      nativeButton: a,
       "data-oc-component": "modal-trigger",
-      children: t
+      children: o
     }
-  ) : /* @__PURE__ */ u(
-    I.Trigger,
+  ) : /* @__PURE__ */ l(
+    V.Trigger,
     {
-      className: Ne(N.trigger, e),
-      nativeButton: s,
+      className: ve(S.trigger, e),
+      nativeButton: a,
       "data-oc-component": "modal-trigger",
-      children: t
+      children: o
     }
   );
 }
-function eo({
+function zt({
   className: e = "",
-  children: t,
-  variant: n = "adaptive",
-  size: s = "medium",
+  children: o,
+  variant: r = "adaptive",
+  size: a = "medium",
   resize: c = "content",
-  contentTransition: h = "auto",
-  backdrop: y = "auto",
-  backdropFrom: S,
-  drag: p = "content",
-  peekable: H = !1,
-  snapPoints: w,
-  defaultSnapPoint: B,
-  snapPositions: M,
+  contentTransition: g = "auto",
+  backdrop: b = "auto",
+  backdropFrom: h,
+  drag: m = "content",
+  peekable: x = !1,
+  snapPoints: F,
+  defaultSnapPoint: M,
+  snapPositions: N,
   defaultSnapPosition: k,
-  initialFocus: ee,
-  peekHeight: $,
-  closeThreshold: L,
-  scrollLockTimeout: te,
-  container: He,
-  style: O,
-  ...xe
+  initialFocus: $,
+  peekHeight: L,
+  closeThreshold: oe,
+  scrollLockTimeout: ne,
+  container: re,
+  style: ae,
+  ...se
 }) {
-  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 = 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(
     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,
+  ), [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,
-    presentationState: o.presentationState
-  }), [q, _] = l(() => ({
+    presentationState: t.presentationState
+  }), [w, le] = u(() => ({
     resolvedBackdrop: d,
     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,
-    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
+  })), 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({
+    bodyNode: t.bodyNode,
+    enabled: t.open && i === "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
       });
-  }, [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({
-    contentTransition: h,
+  }, [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,
+    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
-  }), 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);
+  }), 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({
+    enabled: t.open && we === "surface",
+    node: J,
+    resizeHost: B,
+    bodyNode: He,
+    // 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
+  });
+  const je = D?.backdropFromHeight, [Ie, Ve] = u(!1), nt = y((s) => {
+    Ve(!s);
   }, []);
-  !o.open && $e && Le(!1);
-  const Fe = Ie !== void 0 && $e, { collapseBottomSheetToUndimmedSnap: Be, handlers: ct } = St({
-    enabled: p !== !1 && !T.active,
-    drag: p,
-    open: o.open,
+  !t.open && Ie && Ve(!1);
+  const Te = je !== void 0 && Ie, { collapseBottomSheetToUndimmedSnap: xe, handlers: rt } = yt({
+    enabled: m !== !1 && !G.active,
+    drag: m,
+    open: t.open,
     placement: i,
-    surfaceMotionRef: me,
-    surfaceMotionNode: E,
-    backdropRef: ne,
-    bodyNode: o.bodyNode,
-    snapHeights: R?.snapHeights,
-    sheetHeight: U,
-    backdropFromHeight: Ie,
-    onBackdropDimRestChange: st,
-    peekHeight: j ? $ : void 0,
+    surfaceMotionRef: ie,
+    surfaceMotionNode: B,
+    backdropRef: z,
+    bodyNode: t.bodyNode,
+    snapHeights: D?.snapHeights,
+    sheetHeight: X,
+    backdropFromHeight: je,
+    onBackdropDimRestChange: nt,
+    peekHeight: j ? L : 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" }),
+    presentationState: t.presentationState,
+    setPresentationState: t.setPresentationState,
+    requestClose: t.requestClose,
+    canCloseAttempt: t.canCloseAttempt,
+    dismissible: !t.disablePointerDismissal && t.canDismissByBehavior({ reason: "drag-dismiss" }),
     backdropHidden: d === "hidden",
-    visibleTranslate: et,
-    shouldDeferBottomSettle: rt,
-    refreshScrollState: at,
-    snapPositions: C ? M : void 0,
+    visibleTranslate: Ze,
+    shouldDeferBottomSettle: Xe,
+    refreshScrollState: Ee,
+    snapPositions: v ? N : 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({
+    closeThreshold: oe,
+    scrollLockTimeout: ne,
+    popupSnapLayoutVersion: t.popupSnapLayoutVersion
+  }), at = y(
+    (s) => {
+      ie.current = s, Me(s), s && t.open && v && de.current !== s && (Kt({
         defaultSnapPosition: k,
-        node: r,
-        snapPositions: M
-      }), W.current = r);
+        node: s,
+        snapPositions: N
+      }), de.current = s);
     },
-    [C, o.open, k, M]
-  ), dt = v((r) => {
-    pe.current = r, he(r);
+    [v, t.open, k, N]
+  ), st = y((s) => {
+    Se.current = s, Ne(s);
   }, []);
-  X(() => {
-    const r = o.closeAttemptFeedbackKey, b = () => {
-      se(void 0), g.current = null;
+  Z(() => {
+    const s = t.closeAttemptFeedbackKey, T = () => {
+      O(void 0), p.current = null;
     };
-    if (r === 0) {
-      ae.current = r, b();
+    if (s === 0) {
+      Q.current = s, T();
       return;
     }
     if (i !== "popup") {
-      b();
+      T();
       return;
     }
-    if (ae.current === r) {
-      b();
+    if (Q.current === s) {
+      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 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());
     };
-    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 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));
       });
     }), () => {
-      F.removeEventListener("animationend", Q), f.current !== null && (window.cancelAnimationFrame(f.current), f.current = null), g.current !== null && (window.clearTimeout(g.current), g.current = null);
+      U.removeEventListener("animationend", be), C.current !== null && (window.cancelAnimationFrame(C.current), C.current = null), p.current !== null && (window.clearTimeout(p.current), p.current = null);
     };
-  }, [o.closeAttemptFeedbackKey, i, re]);
-  const Oe = Lt(O), 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.closeAttemptFeedbackKey, i, J]);
+  const $e = It(ae), ct = {
+    ...$e,
+    ...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` } : {}
     // `--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 = {
+  }, Le = {
     // 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": 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`
     } : {}
-  }, mt = o.headerHeight > 0 ? {
-    ...O,
-    "--oc-modal-header-height": `${o.headerHeight}px`
-  } : O, pt = xt({
-    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,
+  }, dt = t.headerHeight > 0 ? {
+    ...ae,
+    "--oc-modal-header-height": `${t.headerHeight}px`
+  } : ae, lt = Ct({
+    contentNode: B,
+    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
       );
-      return b.resolvedBackdrop !== "hidden" || !b.exiting ? b : {
-        ...b,
+      return T.resolvedBackdrop !== "hidden" || !T.exiting ? T : {
+        ...T,
         exiting: !1
       };
     }));
-  }, [J, d]);
-  return X(
+  }, [Y, d]);
+  return Z(
     () => () => {
-      J();
+      Y();
     },
-    [J]
-  ), Me(() => {
-    if (!ce || d !== "hidden") return;
-    const r = ne.current;
-    if (!r) {
-      x.current = window.setTimeout(de, 0);
+    [Y]
+  ), Be(() => {
+    if (!E || d !== "hidden") return;
+    const s = z.current;
+    if (!s) {
+      R.current = window.setTimeout(ue, 0);
       return;
     }
-    J(), x.current = window.setTimeout(
-      de,
-      zt(r)
+    Y(), R.current = window.setTimeout(
+      ue,
+      Lt(s)
     );
   }, [
-    J,
-    de,
-    ce,
+    Y,
+    ue,
+    E,
     d
-  ]), Me(() => (Pe(d === "hidden"), Ae(z || Fe), () => {
-    Pe(!1), Ae(!1);
+  ]), Be(() => (Re(d === "hidden"), Fe(fe || Te), () => {
+    Re(!1), Fe(!1);
   }), [
-    Fe,
-    z,
+    Te,
+    fe,
     d,
-    Pe,
-    Ae
-  ]), /* @__PURE__ */ _e(I.Portal, { container: He, children: [
-    ft ? /* @__PURE__ */ u(
-      I.Backdrop,
+    Re,
+    Fe
+  ]), /* @__PURE__ */ Oe(V.Portal, { container: re, children: [
+    ut ? /* @__PURE__ */ l(
+      V.Backdrop,
       {
-        ref: ne,
-        className: N.backdrop,
+        ref: z,
+        className: S.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-backdrop-passthrough": Te ? "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-presentation-state": t.presentationState,
+        style: Le,
+        onTransitionCancel: (s) => {
+          s.currentTarget === s.target && s.propertyName === "opacity" && ue();
         },
-        onTransitionEnd: (r) => {
-          r.currentTarget === r.target && r.propertyName === "opacity" && de();
+        onTransitionEnd: (s) => {
+          s.currentTarget === s.target && s.propertyName === "opacity" && ue();
         },
         onClick: () => {
-          if (o.disablePointerDismissal) {
-            if (Be()) return;
-            o.notifyCloseAttemptRejected({ reason: "backdrop-press" });
+          if (t.disablePointerDismissal) {
+            if (xe()) return;
+            t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
-          if (!o.canDismissByBehavior({ reason: "backdrop-press" })) {
-            if (Be()) return;
-            o.notifyCloseAttemptRejected({ reason: "backdrop-press" });
+          if (!t.canDismissByBehavior({ reason: "backdrop-press" })) {
+            if (xe()) return;
+            t.notifyCloseAttemptRejected({ reason: "backdrop-press" });
             return;
           }
           if (i === "bottom" && j) {
-            if (o.presentationState === "visible") {
-              if (Be()) return;
-              o.setPresentationState("peeked");
+            if (t.presentationState === "visible") {
+              if (xe()) return;
+              t.setPresentationState("peeked");
             }
             return;
           }
-          o.requestClose({ reason: "backdrop-press" });
+          t.requestClose({ reason: "backdrop-press" });
         }
       }
     ) : null,
-    /* @__PURE__ */ u(
-      I.Viewport,
+    /* @__PURE__ */ l(
+      V.Viewport,
       {
-        ref: be,
-        className: N.viewport,
+        ref: pe,
+        className: S.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-keyboard-avoiding": G.active ? "true" : void 0,
+        style: it,
+        children: /* @__PURE__ */ l(
+          V.Popup,
           {
-            ...xe,
-            ...ct,
-            ref: it,
-            initialFocus: pt,
-            className: Ne(
-              N.surfaceMotion,
-              N[s],
+            ...se,
+            ...rt,
+            ref: at,
+            initialFocus: lt,
+            className: ve(
+              S.surfaceMotion,
+              S[a],
               e,
-              V === void 0 ? void 0 : V % 2 === 0 ? N.feedbackEven : N.feedbackOdd
+              A === void 0 ? void 0 : A % 2 === 0 ? S.feedbackEven : S.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-variant": r,
+            "data-oc-size": a,
             "data-oc-resize": c,
-            "data-oc-modal-feedback": i === "popup" && V !== void 0 ? "reject" : void 0,
+            "data-oc-modal-feedback": i === "popup" && A !== 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,
-            style: lt,
-            children: /* @__PURE__ */ _e(Vt, { container: E, children: [
-              i === "bottom" ? /* @__PURE__ */ u(
+            "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(
                 "div",
                 {
                   "aria-hidden": "true",
-                  className: Ne(
-                    N.bottomFill,
-                    N[s],
+                  className: ve(
+                    S.bottomFill,
+                    S[a],
                     e
                   ),
                   "data-oc-part": "bottom-fill",
                   "data-oc-component": "modal-bottom-fill",
-                  "data-oc-size": s,
-                  style: Oe
+                  "data-oc-size": a,
+                  style: $e
                 }
               ) : null,
-              /* @__PURE__ */ u(
-                Ft,
+              /* @__PURE__ */ l(
+                Tt,
                 {
-                  ref: dt,
+                  ref: st,
                   className: e,
-                  contentTransition: ot === "auto" ? "auto" : void 0,
+                  contentTransition: tt === "auto" ? "auto" : void 0,
                   placement: i,
                   resize: c,
-                  scrollable: o.scrollState.canScroll,
-                  size: s,
-                  style: mt,
-                  variant: n,
-                  children: t
+                  scrollable: t.scrollState.canScroll,
+                  size: a,
+                  style: dt,
+                  variant: r,
+                  children: o
                 }
               )
             ] })
@@ -682,179 +658,179 @@ function eo({
     )
   ] });
 }
-function to({
+function Jt({
   className: e = "",
-  title: t,
-  children: n,
-  leadingContent: s,
+  title: o,
+  children: r,
+  leadingContent: a,
   trailingContent: c,
-  bottomContent: h,
-  closeLabel: y = "닫기",
-  closeButton: S = !0,
-  handle: p = !0,
-  ref: H,
-  ...w
+  bottomContent: g,
+  closeLabel: b = "닫기",
+  closeButton: h = !0,
+  handle: m = !0,
+  ref: x,
+  ...F
 }) {
-  const B = Z("ModalHeader"), { setHeaderNode: M, setTitleNode: k, scrollState: ee } = B, $ = Y(
-    () => De(M, H),
-    [H, M]
-  ), L = Y(
-    () => De(k),
+  const M = te("ModalHeader"), { setHeaderNode: N, setTitleNode: k, scrollState: $ } = M, L = ee(
+    () => Pe(N, x),
+    [x, N]
+  ), oe = ee(
+    () => Pe(k),
     [k]
   );
-  return /* @__PURE__ */ u(
-    At,
+  return /* @__PURE__ */ l(
+    Ft,
     {
-      ...w,
-      ref: $,
-      bottomSlot: h,
+      ...F,
+      ref: L,
+      bottomSlot: g,
       className: e,
-      closeContent: S ? /* @__PURE__ */ u(Je, { label: y }) : null,
-      handleContent: p && B.canRenderHandle ? /* @__PURE__ */ u(
+      closeContent: h ? /* @__PURE__ */ l(We, { label: b }) : null,
+      handleContent: m && M.canRenderHandle ? /* @__PURE__ */ l(
         "div",
         {
           "aria-hidden": "true",
-          className: N.handle,
+          className: S.handle,
           "data-oc-part": "handle"
         }
       ) : null,
-      leadingContent: s,
-      sticky: ee.scrolledFromTop,
-      titleContent: t ? /* @__PURE__ */ u(
-        I.Title,
+      leadingContent: a,
+      sticky: $.scrolledFromTop,
+      titleContent: o ? /* @__PURE__ */ l(
+        V.Title,
         {
-          ref: L,
-          className: N.initialFocusTitle,
+          ref: oe,
+          className: S.initialFocusTitle,
           tabIndex: -1,
-          children: t
+          children: o
         }
       ) : void 0,
       trailingContent: c,
-      children: n
+      children: r
     }
   );
 }
-function oo({
+function Qt({
   handle: e = !0,
-  ...t
+  ...o
 }) {
-  const n = Z("ModalNavigationSection"), {
-    canRenderHandle: s,
+  const r = te("ModalNavigationSection"), {
+    canRenderHandle: a,
     notifyPopupSnapLayoutChange: c,
-    placement: h
-  } = n;
-  return /* @__PURE__ */ u(
-    Dt,
+    placement: g
+  } = r;
+  return /* @__PURE__ */ l(
+    Bt,
     {
-      ...t,
-      canRenderHandle: e && s,
+      ...o,
+      canRenderHandle: e && a,
       onPanelMotionStateChange: () => {
-        h === "popup" && c();
+        g === "popup" && c();
       }
     }
   );
 }
-function no({
+function Xt({
   className: e = "",
-  children: t,
-  layout: n = "content",
-  containerClassName: s = "",
+  children: o,
+  layout: r = "content",
+  containerClassName: a = "",
   containerProps: c,
-  ref: h,
-  ...y
+  ref: g,
+  ...b
 }) {
-  const S = Z("ModalBody"), { bodyNode: p, setBodyNode: H, setScrollState: w } = S, { setBodyRef: B, updateScrollState: M } = Tt({
-    bodyNode: p,
-    bodyRef: h,
-    setBodyNode: H,
-    setScrollState: w
+  const h = te("ModalBody"), { bodyNode: m, setBodyNode: x, setScrollState: F } = h, { setBodyRef: M, updateScrollState: N } = wt({
+    bodyNode: m,
+    bodyRef: g,
+    setBodyNode: x,
+    setScrollState: F
   });
-  return /* @__PURE__ */ u(
-    Rt,
+  return /* @__PURE__ */ l(
+    Ht,
     {
       bodyContainerProps: {
-        ref: B,
+        ref: M,
         onScroll: (k) => {
-          c?.onScroll?.(k), M(k.currentTarget);
+          c?.onScroll?.(k), N(k.currentTarget);
         }
       },
-      bodyContentProps: { ...c, className: s },
-      layout: n,
-      scrollAreaProps: { ...y, className: e },
-      children: t
+      bodyContentProps: { ...c, className: a },
+      layout: r,
+      scrollAreaProps: { ...b, className: e },
+      children: o
     }
   );
 }
-function ro({
+function Yt({
   className: e = "",
-  children: t,
-  background: n = "auto",
-  ref: s,
+  children: o,
+  background: r = "auto",
+  ref: a,
   ...c
 }) {
-  const h = Z("ModalFooter"), { scrollState: y, setFooterNode: S } = h, p = Y(
-    () => De(S, s),
-    [s, S]
-  ), H = Bt(
-    n,
-    y
+  const g = te("ModalFooter"), { scrollState: b, setFooterNode: h } = g, m = ee(
+    () => Pe(h, a),
+    [a, h]
+  ), x = xt(
+    r,
+    b
   );
-  return /* @__PURE__ */ u(
-    Pt,
+  return /* @__PURE__ */ l(
+    Rt,
     {
       ...c,
-      ref: p,
-      backgroundActive: H,
+      ref: m,
+      backgroundActive: x,
       className: e,
-      children: t
+      children: o
     }
   );
 }
-function Je({
+function We({
   className: e = "",
-  children: t = /* @__PURE__ */ u(ht, {}),
-  label: n = "닫기",
-  size: s = 24,
+  children: o = /* @__PURE__ */ l(mt, {}),
+  label: r = "닫기",
+  size: a = 24,
   disabled: c,
-  onClick: h,
-  ...y
+  onClick: g,
+  ...b
 }) {
-  const S = Z("ModalClose");
-  return /* @__PURE__ */ u(
-    gt,
+  const h = te("ModalClose");
+  return /* @__PURE__ */ l(
+    pt,
     {
-      ...y,
-      className: Ne(N.close, e),
-      "aria-label": y["aria-label"] ?? n,
+      ...b,
+      className: ve(S.close, e),
+      "aria-label": b["aria-label"] ?? r,
       "data-oc-part": "close",
       "data-oc-component": "modal-close",
       disabled: c,
-      onClick: (p) => {
-        h?.(p), !p.defaultPrevented && !c && S.requestClose({ reason: "close-button" });
+      onClick: (m) => {
+        g?.(m), !m.defaultPrevented && !c && h.requestClose({ reason: "close-button" });
       },
-      size: s,
-      children: t
+      size: a,
+      children: o
     }
   );
 }
-const To = Object.assign(Ue, {
+const No = Object.assign(Ue, {
   Root: Ue,
-  Trigger: Zt,
-  Content: eo,
-  Header: to,
-  NavigationSection: oo,
-  Body: no,
-  Footer: ro,
-  Close: Je
+  Trigger: Wt,
+  Content: zt,
+  Header: Jt,
+  NavigationSection: Qt,
+  Body: Xt,
+  Footer: Yt,
+  Close: We
 });
 export {
-  no as ModalBody,
-  Je as ModalClose,
-  eo as ModalContent,
-  ro as ModalFooter,
-  to as ModalHeader,
-  oo as ModalNavigationSection,
+  Xt as ModalBody,
+  We as ModalClose,
+  zt as ModalContent,
+  Yt as ModalFooter,
+  Jt as ModalHeader,
+  Qt as ModalNavigationSection,
   Ue as ModalRoot,
-  Zt as ModalTrigger,
-  To as default
+  Wt as ModalTrigger,
+  No as default
 };