@telegraph/modal 0.0.59 → 0.0.61

package/dist/esm/index.mjs

@@ -1,7 +1,7 @@
-import { jsx as d, Fragment as Z, jsxs as S } from "react/jsx-runtime";
+import { jsx as d, Fragment as Z, jsxs as T } from "react/jsx-runtime";
 import * as v from "@radix-ui/react-dialog";
-import * as o from "react";
-import g from "react";
+import * as i from "react";
+import E from "react";
 import * as q from "react-dom";
 import { FocusScope as G } from "@radix-ui/react-focus-scope";
 import * as J from "@radix-ui/react-portal";
@@ -9,62 +9,65 @@ import * as Q from "@radix-ui/react-visually-hidden";
 import { Button as ee } from "@telegraph/button";
 import { RefToTgphRef as te } from "@telegraph/helpers";
 import { Lucide as ne } from "@telegraph/icon";
-import { Stack as E, Box as re } from "@telegraph/layout";
-import { AnimatePresence as se, motion as T } from "framer-motion";
-function x(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(s) {
-    if (e == null || e(s), n === !1 || !s.defaultPrevented)
-      return t == null ? void 0 : t(s);
+import { Stack as g, Box as re } from "@telegraph/layout";
+import { AnimatePresence as se, motion as B } from "framer-motion";
+function S(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (t == null || t(r), n === !1 || !r.defaultPrevented)
+      return e == null ? void 0 : e(r);
   };
 }
-function oe(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
+function oe(t, e) {
+  typeof t == "function" ? t(e) : t != null && (t.current = e);
 }
-function ie(...e) {
-  return (t) => e.forEach((n) => oe(n, t));
+function j(...t) {
+  return (e) => t.forEach((n) => oe(n, e));
 }
-var j = o.forwardRef((e, t) => {
-  const { children: n, ...r } = e, s = o.Children.toArray(n), i = s.find(ce);
-  if (i) {
-    const a = i.props.children, c = s.map((p) => p === i ? o.Children.count(a) > 1 ? o.Children.only(null) : o.isValidElement(a) ? a.props.children : null : p);
-    return /* @__PURE__ */ d(B, { ...r, ref: t, children: o.isValidElement(a) ? o.cloneElement(a, void 0, c) : null });
+function _(...t) {
+  return i.useCallback(j(...t), t);
+}
+var U = i.forwardRef((t, e) => {
+  const { children: n, ...s } = t, r = i.Children.toArray(n), o = r.find(ae);
+  if (o) {
+    const a = o.props.children, c = r.map((p) => p === o ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : p);
+    return /* @__PURE__ */ d(W, { ...s, ref: e, children: i.isValidElement(a) ? i.cloneElement(a, void 0, c) : null });
   }
-  return /* @__PURE__ */ d(B, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ d(W, { ...s, ref: e, children: n });
 });
-j.displayName = "Slot";
-var B = o.forwardRef((e, t) => {
-  const { children: n, ...r } = e;
-  if (o.isValidElement(n)) {
-    const s = ue(n);
-    return o.cloneElement(n, {
-      ...le(r, n.props),
+U.displayName = "Slot";
+var W = i.forwardRef((t, e) => {
+  const { children: n, ...s } = t;
+  if (i.isValidElement(n)) {
+    const r = le(n);
+    return i.cloneElement(n, {
+      ...ce(s, n.props),
       // @ts-ignore
-      ref: t ? ie(t, s) : s
+      ref: e ? j(e, r) : r
     });
   }
-  return o.Children.count(n) > 1 ? o.Children.only(null) : null;
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
 });
-B.displayName = "SlotClone";
-var ae = ({ children: e }) => /* @__PURE__ */ d(Z, { children: e });
-function ce(e) {
-  return o.isValidElement(e) && e.type === ae;
+W.displayName = "SlotClone";
+var ie = ({ children: t }) => /* @__PURE__ */ d(Z, { children: t });
+function ae(t) {
+  return i.isValidElement(t) && t.type === ie;
 }
-function le(e, t) {
-  const n = { ...t };
-  for (const r in t) {
-    const s = e[r], i = t[r];
-    /^on[A-Z]/.test(r) ? s && i ? n[r] = (...c) => {
-      i(...c), s(...c);
-    } : s && (n[r] = s) : r === "style" ? n[r] = { ...s, ...i } : r === "className" && (n[r] = [s, i].filter(Boolean).join(" "));
+function ce(t, e) {
+  const n = { ...e };
+  for (const s in e) {
+    const r = t[s], o = e[s];
+    /^on[A-Z]/.test(s) ? r && o ? n[s] = (...c) => {
+      o(...c), r(...c);
+    } : r && (n[s] = r) : s === "style" ? n[s] = { ...r, ...o } : s === "className" && (n[s] = [r, o].filter(Boolean).join(" "));
   }
-  return { ...e, ...n };
+  return { ...t, ...n };
 }
-function ue(e) {
-  var r, s;
-  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+function le(t) {
+  var s, r;
+  let e = (s = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : s.get, n = e && "isReactWarning" in e && e.isReactWarning;
+  return n ? t.ref : (e = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, n = e && "isReactWarning" in e && e.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-var de = [
+var ue = [
   "a",
   "button",
   "div",
@@ -81,196 +84,178 @@ var de = [
   "span",
   "svg",
   "ul"
-], _ = de.reduce((e, t) => {
-  const n = o.forwardRef((r, s) => {
-    const { asChild: i, ...a } = r, c = i ? j : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...a, ref: s });
+], z = ue.reduce((t, e) => {
+  const n = i.forwardRef((s, r) => {
+    const { asChild: o, ...a } = s, c = o ? U : e;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...a, ref: r });
   });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+  return n.displayName = `Primitive.${e}`, { ...t, [e]: n };
 }, {});
-function fe(e, t) {
-  e && q.flushSync(() => e.dispatchEvent(t));
-}
-function pe(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function ye(...e) {
-  return (t) => e.forEach((n) => pe(n, t));
-}
-function $(...e) {
-  return o.useCallback(ye(...e), e);
+function de(t, e) {
+  t && q.flushSync(() => t.dispatchEvent(e));
 }
-function N(e) {
-  const t = o.useRef(e);
-  return o.useEffect(() => {
-    t.current = e;
-  }), o.useMemo(() => (...n) => {
-    var r;
-    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+function L(t) {
+  const e = i.useRef(t);
+  return i.useEffect(() => {
+    e.current = t;
+  }), i.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
   }, []);
 }
-function he(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e);
-  o.useEffect(() => {
-    const r = (s) => {
-      s.key === "Escape" && n(s);
+function fe(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = L(t);
+  i.useEffect(() => {
+    const s = (r) => {
+      r.key === "Escape" && n(r);
     };
-    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
-  }, [n, t]);
+    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
+  }, [n, e]);
 }
-var me = "DismissableLayer", W = "dismissableLayer.update", ve = "dismissableLayer.pointerDownOutside", Ee = "dismissableLayer.focusOutside", M, U = o.createContext({
+var pe = "DismissableLayer", N = "dismissableLayer.update", ye = "dismissableLayer.pointerDownOutside", he = "dismissableLayer.focusOutside", I, V = i.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), z = o.forwardRef(
-  (e, t) => {
+}), $ = i.forwardRef(
+  (t, e) => {
     const {
       disableOutsidePointerEvents: n = !1,
-      onEscapeKeyDown: r,
-      onPointerDownOutside: s,
-      onFocusOutside: i,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: r,
+      onFocusOutside: o,
       onInteractOutside: a,
       onDismiss: c,
       ...p
-    } = e, l = o.useContext(U), [u, y] = o.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = o.useState({}), b = $(t, (f) => y(f)), C = Array.from(l.layers), [L] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), m = C.indexOf(L), D = u ? C.indexOf(u) : -1, P = l.layersWithOutsidePointerEventsDisabled.size > 0, k = D >= m, H = Ce((f) => {
-      const R = f.target, F = [...l.branches].some((O) => O.contains(R));
-      !k || F || (s == null || s(f), a == null || a(f), f.defaultPrevented || c == null || c());
-    }, h), A = Le((f) => {
+    } = t, l = i.useContext(V), [u, y] = i.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, D] = i.useState({}), b = _(e, (f) => y(f)), C = Array.from(l.layers), [P] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), m = C.indexOf(P), O = u ? C.indexOf(u) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, k = O >= m, H = ge((f) => {
+      const R = f.target, F = [...l.branches].some((x) => x.contains(R));
+      !k || F || (r == null || r(f), a == null || a(f), f.defaultPrevented || c == null || c());
+    }, h), A = Ee((f) => {
       const R = f.target;
-      [...l.branches].some((O) => O.contains(R)) || (i == null || i(f), a == null || a(f), f.defaultPrevented || c == null || c());
+      [...l.branches].some((x) => x.contains(R)) || (o == null || o(f), a == null || a(f), f.defaultPrevented || c == null || c());
     }, h);
-    return he((f) => {
-      D === l.layers.size - 1 && (r == null || r(f), !f.defaultPrevented && c && (f.preventDefault(), c()));
-    }, h), o.useEffect(() => {
+    return fe((f) => {
+      O === l.layers.size - 1 && (s == null || s(f), !f.defaultPrevented && c && (f.preventDefault(), c()));
+    }, h), i.useEffect(() => {
       if (u)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (M = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), I(), () => {
-          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = M);
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (I = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), M(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = I);
         };
-    }, [u, h, n, l]), o.useEffect(() => () => {
-      u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), I());
-    }, [u, l]), o.useEffect(() => {
-      const f = () => w({});
-      return document.addEventListener(W, f), () => document.removeEventListener(W, f);
+    }, [u, h, n, l]), i.useEffect(() => () => {
+      u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), M());
+    }, [u, l]), i.useEffect(() => {
+      const f = () => D({});
+      return document.addEventListener(N, f), () => document.removeEventListener(N, f);
     }, []), /* @__PURE__ */ d(
-      _.div,
+      z.div,
       {
         ...p,
         ref: b,
         style: {
-          pointerEvents: P ? k ? "auto" : "none" : void 0,
-          ...e.style
+          pointerEvents: w ? k ? "auto" : "none" : void 0,
+          ...t.style
         },
-        onFocusCapture: x(e.onFocusCapture, A.onFocusCapture),
-        onBlurCapture: x(e.onBlurCapture, A.onBlurCapture),
-        onPointerDownCapture: x(
-          e.onPointerDownCapture,
+        onFocusCapture: S(t.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: S(t.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: S(
+          t.onPointerDownCapture,
           H.onPointerDownCapture
         )
       }
     );
   }
 );
-z.displayName = me;
-var ge = "DismissableLayerBranch", be = o.forwardRef((e, t) => {
-  const n = o.useContext(U), r = o.useRef(null), s = $(t, r);
-  return o.useEffect(() => {
-    const i = r.current;
-    if (i)
-      return n.branches.add(i), () => {
-        n.branches.delete(i);
+$.displayName = pe;
+var me = "DismissableLayerBranch", ve = i.forwardRef((t, e) => {
+  const n = i.useContext(V), s = i.useRef(null), r = _(e, s);
+  return i.useEffect(() => {
+    const o = s.current;
+    if (o)
+      return n.branches.add(o), () => {
+        n.branches.delete(o);
       };
-  }, [n.branches]), /* @__PURE__ */ d(_.div, { ...e, ref: s });
+  }, [n.branches]), /* @__PURE__ */ d(z.div, { ...t, ref: r });
 });
-be.displayName = ge;
-function Ce(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e), r = o.useRef(!1), s = o.useRef(() => {
+ve.displayName = me;
+function ge(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = L(t), s = i.useRef(!1), r = i.useRef(() => {
   });
-  return o.useEffect(() => {
-    const i = (c) => {
-      if (c.target && !r.current) {
+  return i.useEffect(() => {
+    const o = (c) => {
+      if (c.target && !s.current) {
         let p = function() {
-          V(
-            ve,
+          K(
+            ye,
             n,
             l,
             { discrete: !0 }
           );
         };
         const l = { originalEvent: c };
-        c.pointerType === "touch" ? (t.removeEventListener("click", s.current), s.current = p, t.addEventListener("click", s.current, { once: !0 })) : p();
+        c.pointerType === "touch" ? (e.removeEventListener("click", r.current), r.current = p, e.addEventListener("click", r.current, { once: !0 })) : p();
       } else
-        t.removeEventListener("click", s.current);
-      r.current = !1;
+        e.removeEventListener("click", r.current);
+      s.current = !1;
     }, a = window.setTimeout(() => {
-      t.addEventListener("pointerdown", i);
+      e.addEventListener("pointerdown", o);
     }, 0);
     return () => {
-      window.clearTimeout(a), t.removeEventListener("pointerdown", i), t.removeEventListener("click", s.current);
+      window.clearTimeout(a), e.removeEventListener("pointerdown", o), e.removeEventListener("click", r.current);
     };
-  }, [t, n]), {
+  }, [e, n]), {
     // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => r.current = !0
+    onPointerDownCapture: () => s.current = !0
   };
 }
-function Le(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e), r = o.useRef(!1);
-  return o.useEffect(() => {
-    const s = (i) => {
-      i.target && !r.current && V(Ee, n, { originalEvent: i }, {
+function Ee(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = L(t), s = i.useRef(!1);
+  return i.useEffect(() => {
+    const r = (o) => {
+      o.target && !s.current && K(he, n, { originalEvent: o }, {
         discrete: !1
       });
     };
-    return t.addEventListener("focusin", s), () => t.removeEventListener("focusin", s);
-  }, [t, n]), {
-    onFocusCapture: () => r.current = !0,
-    onBlurCapture: () => r.current = !1
+    return e.addEventListener("focusin", r), () => e.removeEventListener("focusin", r);
+  }, [e, n]), {
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
   };
 }
-function I() {
-  const e = new CustomEvent(W);
-  document.dispatchEvent(e);
+function M() {
+  const t = new CustomEvent(N);
+  document.dispatchEvent(t);
 }
-function V(e, t, n, { discrete: r }) {
-  const s = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && s.addEventListener(e, t, { once: !0 }), r ? fe(s, i) : s.dispatchEvent(i);
+function K(t, e, n, { discrete: s }) {
+  const r = n.originalEvent.target, o = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
+  e && r.addEventListener(t, e, { once: !0 }), s ? de(r, o) : r.dispatchEvent(o);
 }
-function K(e) {
-  const t = o.useRef(e);
-  return o.useEffect(() => {
-    t.current = e;
-  }), o.useMemo(() => (...n) => {
-    var r;
-    return (r = t.current) == null ? void 0 : r.call(t, ...n);
-  }, []);
-}
-function Pe({
-  prop: e,
-  defaultProp: t,
+function be({
+  prop: t,
+  defaultProp: e,
   onChange: n = () => {
   }
 }) {
-  const [r, s] = Re({ defaultProp: t, onChange: n }), i = e !== void 0, a = i ? e : r, c = K(n), p = o.useCallback(
+  const [s, r] = Ce({ defaultProp: e, onChange: n }), o = t !== void 0, a = o ? t : s, c = L(n), p = i.useCallback(
     (l) => {
-      if (i) {
-        const y = typeof l == "function" ? l(e) : l;
-        y !== e && c(y);
+      if (o) {
+        const y = typeof l == "function" ? l(t) : l;
+        y !== t && c(y);
       } else
-        s(l);
+        r(l);
     },
-    [i, e, s, c]
+    [o, t, r, c]
   );
   return [a, p];
 }
-function Re({
-  defaultProp: e,
-  onChange: t
+function Ce({
+  defaultProp: t,
+  onChange: e
 }) {
-  const n = o.useState(e), [r] = n, s = o.useRef(r), i = K(t);
-  return o.useEffect(() => {
-    s.current !== r && (i(r), s.current = r);
-  }, [r, s, i]), n;
+  const n = i.useState(t), [s] = n, r = i.useRef(s), o = L(e);
+  return i.useEffect(() => {
+    r.current !== s && (o(s), r.current = s);
+  }, [s, r, o]), n;
 }
-const X = g.createContext({
+const X = E.createContext({
   layers: [],
   setLayers: () => {
   },
@@ -280,97 +265,97 @@ const X = g.createContext({
   },
   removeTopLayer: () => {
   }
-}), Ue = ({ children: e }) => {
-  const [t, n] = g.useState([]), r = (a) => {
+}), je = ({ children: t }) => {
+  const [e, n] = E.useState([]), s = (a) => {
     n((c) => [...c, a]);
-  }, s = (a) => {
-    n(t.filter((c) => c !== a));
-  }, i = () => {
-    const a = t[t.length - 1];
-    a && s(a);
+  }, r = (a) => {
+    n(e.filter((c) => c !== a));
+  }, o = () => {
+    const a = e[e.length - 1];
+    a && r(a);
   };
   return /* @__PURE__ */ d(
     X.Provider,
     {
-      value: { layers: t, setLayers: n, addLayer: r, removeLayer: s, removeTopLayer: i },
-      children: e
+      value: { layers: e, setLayers: n, addLayer: s, removeLayer: r, removeTopLayer: o },
+      children: t
     }
   );
-}, Y = () => g.useContext(X), we = ({
-  defaultOpen: e,
-  open: t,
+}, Y = () => E.useContext(X), Le = ({
+  defaultOpen: t,
+  open: e,
   onOpenChange: n,
-  ...r
+  ...s
 }) => {
-  const [s, i] = Pe({
-    prop: t,
+  const [r, o] = be({
+    prop: e,
     onChange: n,
-    defaultProp: e
-  }), a = Y(), c = r.a11yTitle;
-  if (g.useEffect(() => {
-    !s && a.layers.includes(c) && a.removeLayer(c);
-  }, [c, a, s]), !!s)
-    return /* @__PURE__ */ d(De, { open: s, onOpenChange: i, ...r });
-}, De = ({
-  open: e,
-  onOpenChange: t,
+    defaultProp: t
+  }), a = Y(), c = s.a11yTitle;
+  if (E.useEffect(() => {
+    !r && a.layers.includes(c) && a.removeLayer(c);
+  }, [c, a, r]), !!r)
+    return /* @__PURE__ */ d(Pe, { open: r, onOpenChange: o, ...s });
+}, Pe = ({
+  open: t,
+  onOpenChange: e,
   a11yTitle: n,
-  a11yDescription: r,
-  children: s,
+  a11yDescription: s,
+  children: r,
   // Focus scope props
-  trapped: i,
+  trapped: o,
   onMountAutoFocus: a,
   onUnmountAutoFocus: c,
   ...p
 }) => {
-  var C, L;
+  var C, P;
   const l = n, u = Y();
-  g.useEffect(() => {
-    !u || !e || u.layers.includes(l) || u.addLayer(l);
-  }, [l, u, e]);
-  const y = ((C = u.layers) == null ? void 0 : C.indexOf(l)) || 0, h = ((L = u.layers) == null ? void 0 : L.length) || 0, w = y !== 0, b = l === u.layers[u.layers.length - 1];
+  E.useEffect(() => {
+    !u || !t || u.layers.includes(l) || u.addLayer(l);
+  }, [l, u, t]);
+  const y = ((C = u.layers) == null ? void 0 : C.indexOf(l)) || 0, h = ((P = u.layers) == null ? void 0 : P.length) || 0, D = y !== 0, b = l === u.layers[u.layers.length - 1];
   return /* @__PURE__ */ d(
-    z,
+    $,
     {
       onEscapeKeyDown: (m) => {
-        b && (m.preventDefault(), u.removeTopLayer(), t(!1));
+        b && (m.preventDefault(), u.removeTopLayer(), e(!1));
       },
       onPointerDownOutside: (m) => {
-        b && (m.preventDefault(), u.removeTopLayer(), t(!1));
+        b && (m.preventDefault(), u.removeTopLayer(), e(!1));
       },
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ T(
         v.Root,
         {
-          open: e,
+          open: t,
           onOpenChange: (m) => {
-            var P;
-            if (((P = u == null ? void 0 : u.layers) == null ? void 0 : P.length) > 0)
-              return m === !1 && l === u.layers[u.layers.length - 1] ? (u.removeLayer(l), t(!1)) : void 0;
-            t(m);
+            var w;
+            if (((w = u == null ? void 0 : u.layers) == null ? void 0 : w.length) > 0)
+              return m === !1 && l === u.layers[u.layers.length - 1] ? (u.removeLayer(l), e(!1)) : void 0;
+            e(m);
           },
           children: [
-            /* @__PURE__ */ S(Q.Root, { children: [
+            /* @__PURE__ */ T(Q.Root, { children: [
               /* @__PURE__ */ d(v.Title, { children: n }),
-              r && /* @__PURE__ */ d(v.Description, { children: r })
+              s && /* @__PURE__ */ d(v.Description, { children: s })
             ] }),
-            /* @__PURE__ */ d(se, { children: e && // We add the className "tgph" here so that styles within
+            /* @__PURE__ */ d(se, { children: t && // We add the className "tgph" here so that styles within
             // the portal get scoped properly to telegraph
-            /* @__PURE__ */ d(J.Root, { className: "tgph", children: /* @__PURE__ */ d(Oe, { layer: y, children: /* @__PURE__ */ d(
+            /* @__PURE__ */ d(J.Root, { className: "tgph", children: /* @__PURE__ */ d(we, { layer: y, children: /* @__PURE__ */ d(
               G,
               {
-                trapped: typeof i == "boolean" ? i : b,
+                trapped: typeof o == "boolean" ? o : b,
                 onMountAutoFocus: a,
                 onUnmountAutoFocus: c,
                 asChild: !0,
                 children: /* @__PURE__ */ d(te, { children: /* @__PURE__ */ d(
-                  E,
+                  g,
                   {
-                    as: T.div,
+                    as: B.div,
                     initial: {
                       top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${h - 1})`
                     },
                     animate: {
-                      top: w ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${y} )` : "var(--tgph-spacing-16)"
+                      top: D ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${y} )` : "var(--tgph-spacing-16)"
                     },
                     exit: { top: 0 },
                     transition: { type: "spring", duration: 0.3, bounce: 0 },
@@ -384,10 +369,10 @@ const X = g.createContext({
                       zIndex: `calc(var(--tgph-zIndex-modal) + ${y})`
                     },
                     children: /* @__PURE__ */ d(
-                      E,
+                      g,
                       {
                         direction: "column",
-                        as: T.div,
+                        as: B.div,
                         animate: {
                           scale: 1.02 - Math.abs(h - y) * 0.02,
                           transformOrigin: "center center"
@@ -404,7 +389,7 @@ const X = g.createContext({
                         rounded: "4",
                         shadow: "3",
                         ...p,
-                        children: s
+                        children: r
                       },
                       `content-${l}`
                     )
@@ -419,11 +404,11 @@ const X = g.createContext({
       )
     }
   );
-}, Oe = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ S(v.Overlay, { children: [
+}, we = ({ layer: t, children: e }) => t > 0 ? e : /* @__PURE__ */ T(v.Overlay, { children: [
   /* @__PURE__ */ d(
     re,
     {
-      as: T.div,
+      as: B.div,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -439,43 +424,43 @@ const X = g.createContext({
       }
     }
   ),
-  t
-] }), xe = g.forwardRef(
-  ({ children: e, ...t }, n) => /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...t, children: /* @__PURE__ */ d(E, { direction: "column", h: "full", ...t, children: e }) })
-), Se = ({
-  size: e = "1",
-  variant: t = "ghost",
+  e
+] }), Re = E.forwardRef(
+  ({ children: t, ...e }, n) => /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...e, children: /* @__PURE__ */ d(g, { direction: "column", h: "full", ...e, children: t }) })
+), De = ({
+  size: t = "1",
+  variant: e = "ghost",
   ...n
 }) => /* @__PURE__ */ d(v.Close, { asChild: !0, children: /* @__PURE__ */ d(
   ee,
   {
     icon: { icon: ne.X, alt: "Close Modal" },
-    variant: t,
-    size: e,
+    variant: e,
+    size: t,
     ...n
   }
-) }), Te = ({
-  style: e,
-  children: t,
+) }), Oe = ({
+  style: t,
+  children: e,
   ...n
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "column",
     px: "6",
     py: "4",
     style: {
       overflowY: "auto",
-      ...e
+      ...t
     },
     ...n,
-    children: t
+    children: e
   }
-), Be = ({
-  children: e,
-  ...t
+), xe = ({
+  children: t,
+  ...e
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "row",
     justify: "space-between",
@@ -483,14 +468,14 @@ const X = g.createContext({
     px: "6",
     py: "4",
     borderBottom: "px",
-    ...t,
-    children: e
+    ...e,
+    children: t
   }
-), We = ({
-  children: e,
-  ...t
+), Se = ({
+  children: t,
+  ...e
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "row",
     align: "center",
@@ -499,20 +484,20 @@ const X = g.createContext({
     px: "6",
     py: "4",
     borderTop: "px",
-    ...t,
-    children: e
+    ...e,
+    children: t
   }
-), Ne = {};
-Object.assign(Ne, {
-  Root: we,
-  Content: xe,
-  Close: Se,
-  Body: Te,
-  Header: Be,
-  Footer: We
+), Te = {};
+Object.assign(Te, {
+  Root: Le,
+  Content: Re,
+  Close: De,
+  Body: Oe,
+  Header: xe,
+  Footer: Se
 });
 export {
-  Ne as Modal,
-  Ue as ModalStackingProvider
+  Te as Modal,
+  je as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map