@telegraph/modal 0.0.82 → 0.0.84

package/dist/esm/index.mjs

@@ -1,84 +1,91 @@
-import { jsx as d, Fragment as q, jsxs as S } from "react/jsx-runtime";
+import { jsx as d, jsxs as S } from "react/jsx-runtime";
 import * as v from "@radix-ui/react-dialog";
 import * as i from "react";
 import g from "react";
-import * as G from "react-dom";
-import { FocusScope as J } from "@radix-ui/react-focus-scope";
-import * as Q from "@radix-ui/react-portal";
-import * as ee from "@radix-ui/react-visually-hidden";
-import { Button as te } from "@telegraph/button";
-import { RefToTgphRef as ne } from "@telegraph/helpers";
-import { Lucide as re } from "@telegraph/icon";
-import { Stack as E, Box as oe } from "@telegraph/layout";
-import { AnimatePresence as se, motion as T } from "framer-motion";
-function x(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(r) {
-    if (e == null || e(r), n === !1 || !r.defaultPrevented)
-      return t == null ? void 0 : t(r);
+import * as H from "react-dom";
+import { FocusScope as Z } from "@radix-ui/react-focus-scope";
+import * as q from "@radix-ui/react-portal";
+import * as G from "@radix-ui/react-visually-hidden";
+import { Button as J } from "@telegraph/button";
+import { RefToTgphRef as Q } from "@telegraph/helpers";
+import { Lucide as ee } from "@telegraph/icon";
+import { Stack as E, Box as te } from "@telegraph/layout";
+import { AnimatePresence as ne, motion as T } from "framer-motion";
+function O(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), r === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
   };
 }
-function I(e, t) {
+function F(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function _(...e) {
+function $(...e) {
   return (t) => {
-    let n = !1;
-    const o = e.map((r) => {
-      const s = I(r, t);
-      return !n && typeof s == "function" && (n = !0), s;
+    let r = !1;
+    const o = e.map((n) => {
+      const s = F(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
     });
-    if (n)
+    if (r)
       return () => {
-        for (let r = 0; r < o.length; r++) {
-          const s = o[r];
-          typeof s == "function" ? s() : I(e[r], null);
+        for (let n = 0; n < o.length; n++) {
+          const s = o[n];
+          typeof s == "function" ? s() : F(e[n], null);
         }
       };
   };
 }
-function $(...e) {
-  return i.useCallback(_(...e), e);
+function M(...e) {
+  return i.useCallback($(...e), e);
 }
-var U = i.forwardRef((e, t) => {
-  const { children: n, ...o } = e, r = i.Children.toArray(n), s = r.find(ae);
-  if (s) {
-    const a = s.props.children, l = r.map((y) => y === s ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : y);
-    return /* @__PURE__ */ d(B, { ...o, ref: t, children: i.isValidElement(a) ? i.cloneElement(a, void 0, l) : null });
-  }
-  return /* @__PURE__ */ d(B, { ...o, ref: t, children: n });
-});
-U.displayName = "Slot";
-var B = i.forwardRef((e, t) => {
-  const { children: n, ...o } = e;
-  if (i.isValidElement(n)) {
-    const r = le(n), s = ce(o, n.props);
-    return n.type !== i.Fragment && (s.ref = t ? _(t, r) : r), i.cloneElement(n, s);
-  }
-  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
-});
-B.displayName = "SlotClone";
-var ie = ({ children: e }) => /* @__PURE__ */ d(q, { children: e });
-function ae(e) {
-  return i.isValidElement(e) && e.type === ie;
+// @__NO_SIDE_EFFECTS__
+function re(e) {
+  const t = /* @__PURE__ */ oe(e), r = i.forwardRef((o, n) => {
+    const { children: s, ...l } = o, a = i.Children.toArray(s), f = a.find(ie);
+    if (f) {
+      const u = f.props.children, c = a.map((y) => y === f ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : y);
+      return /* @__PURE__ */ d(t, { ...l, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, c) : null });
+    }
+    return /* @__PURE__ */ d(t, { ...l, ref: n, children: s });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+// @__NO_SIDE_EFFECTS__
+function oe(e) {
+  const t = i.forwardRef((r, o) => {
+    const { children: n, ...s } = r;
+    if (i.isValidElement(n)) {
+      const l = ce(n), a = ae(s, n.props);
+      return n.type !== i.Fragment && (a.ref = o ? $(o, l) : l), i.cloneElement(n, a);
+    }
+    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var se = Symbol("radix.slottable");
+function ie(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === se;
 }
-function ce(e, t) {
-  const n = { ...t };
+function ae(e, t) {
+  const r = { ...t };
   for (const o in t) {
-    const r = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? r && s ? n[o] = (...l) => {
-      s(...l), r(...l);
-    } : r && (n[o] = r) : o === "style" ? n[o] = { ...r, ...s } : o === "className" && (n[o] = [r, s].filter(Boolean).join(" "));
+    const n = e[o], s = t[o];
+    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...a) => {
+      const f = s(...a);
+      return n(...a), f;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
   }
-  return { ...e, ...n };
+  return { ...e, ...r };
 }
-function le(e) {
-  var o, r;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+function ce(e) {
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var ue = [
+var le = [
   "a",
   "button",
   "div",
@@ -92,204 +99,205 @@ var ue = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
-], z = ue.reduce((e, t) => {
-  const n = i.forwardRef((o, r) => {
-    const { asChild: s, ...a } = o, l = s ? U : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(l, { ...a, ref: r });
+], j = le.reduce((e, t) => {
+  const r = /* @__PURE__ */ re(`Primitive.${t}`), o = i.forwardRef((n, s) => {
+    const { asChild: l, ...a } = n, f = l ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(f, { ...a, ref: s });
   });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function de(e, t) {
-  e && G.flushSync(() => e.dispatchEvent(t));
+function ue(e, t) {
+  e && H.flushSync(() => e.dispatchEvent(t));
 }
-function N(e) {
+function I(e) {
   const t = i.useRef(e);
   return i.useEffect(() => {
     t.current = e;
-  }), i.useMemo(() => (...n) => {
+  }), i.useMemo(() => (...r) => {
     var o;
-    return (o = t.current) == null ? void 0 : o.call(t, ...n);
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-function fe(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e);
+function de(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = I(e);
   i.useEffect(() => {
-    const o = (r) => {
-      r.key === "Escape" && n(r);
+    const o = (n) => {
+      n.key === "Escape" && r(n);
     };
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
-  }, [n, t]);
+  }, [r, t]);
 }
-var pe = "DismissableLayer", W = "dismissableLayer.update", ye = "dismissableLayer.pointerDownOutside", he = "dismissableLayer.focusOutside", M, V = i.createContext({
+var fe = "DismissableLayer", B = "dismissableLayer.update", pe = "dismissableLayer.pointerDownOutside", ye = "dismissableLayer.focusOutside", A, U = i.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), K = i.forwardRef(
+}), z = i.forwardRef(
   (e, t) => {
     const {
-      disableOutsidePointerEvents: n = !1,
+      disableOutsidePointerEvents: r = !1,
       onEscapeKeyDown: o,
-      onPointerDownOutside: r,
+      onPointerDownOutside: n,
       onFocusOutside: s,
-      onInteractOutside: a,
-      onDismiss: l,
-      ...y
-    } = e, u = i.useContext(V), [c, h] = i.useState(null), p = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, L] = i.useState({}), b = $(t, (f) => h(f)), C = Array.from(u.layers), [w] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), m = C.indexOf(w), D = c ? C.indexOf(c) : -1, P = u.layersWithOutsidePointerEventsDisabled.size > 0, k = D >= m, Z = Ee((f) => {
-      const R = f.target, A = [...u.branches].some((O) => O.contains(R));
-      !k || A || (r == null || r(f), a == null || a(f), f.defaultPrevented || l == null || l());
-    }, p), F = ge((f) => {
-      const R = f.target;
-      [...u.branches].some((O) => O.contains(R)) || (s == null || s(f), a == null || a(f), f.defaultPrevented || l == null || l());
-    }, p);
-    return fe((f) => {
-      D === u.layers.size - 1 && (o == null || o(f), !f.defaultPrevented && l && (f.preventDefault(), l()));
-    }, p), i.useEffect(() => {
+      onInteractOutside: l,
+      onDismiss: a,
+      ...f
+    } = e, u = i.useContext(U), [c, y] = i.useState(null), m = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, L] = i.useState({}), b = M(t, (p) => y(p)), C = Array.from(u.layers), [P] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), h = C.indexOf(P), x = c ? C.indexOf(c) : -1, w = u.layersWithOutsidePointerEventsDisabled.size > 0, W = x >= h, Y = ve((p) => {
+      const R = p.target, k = [...u.branches].some((D) => D.contains(R));
+      !W || k || (n == null || n(p), l == null || l(p), p.defaultPrevented || a == null || a());
+    }, m), N = Ee((p) => {
+      const R = p.target;
+      [...u.branches].some((D) => D.contains(R)) || (s == null || s(p), l == null || l(p), p.defaultPrevented || a == null || a());
+    }, m);
+    return de((p) => {
+      x === u.layers.size - 1 && (o == null || o(p), !p.defaultPrevented && a && (p.preventDefault(), a()));
+    }, m), i.useEffect(() => {
       if (c)
-        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (M = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), j(), () => {
-          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = M);
+        return r && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (A = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), _(), () => {
+          r && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = A);
         };
-    }, [c, p, n, u]), i.useEffect(() => () => {
-      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), j());
+    }, [c, m, r, u]), i.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), _());
     }, [c, u]), i.useEffect(() => {
-      const f = () => L({});
-      return document.addEventListener(W, f), () => document.removeEventListener(W, f);
+      const p = () => L({});
+      return document.addEventListener(B, p), () => document.removeEventListener(B, p);
     }, []), /* @__PURE__ */ d(
-      z.div,
+      j.div,
       {
-        ...y,
+        ...f,
         ref: b,
         style: {
-          pointerEvents: P ? k ? "auto" : "none" : void 0,
+          pointerEvents: w ? W ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: x(e.onFocusCapture, F.onFocusCapture),
-        onBlurCapture: x(e.onBlurCapture, F.onBlurCapture),
-        onPointerDownCapture: x(
+        onFocusCapture: O(e.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: O(e.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: O(
           e.onPointerDownCapture,
-          Z.onPointerDownCapture
+          Y.onPointerDownCapture
         )
       }
     );
   }
 );
-K.displayName = pe;
-var me = "DismissableLayerBranch", ve = i.forwardRef((e, t) => {
-  const n = i.useContext(V), o = i.useRef(null), r = $(t, o);
+z.displayName = fe;
+var me = "DismissableLayerBranch", he = i.forwardRef((e, t) => {
+  const r = i.useContext(U), o = i.useRef(null), n = M(t, o);
   return i.useEffect(() => {
     const s = o.current;
     if (s)
-      return n.branches.add(s), () => {
-        n.branches.delete(s);
+      return r.branches.add(s), () => {
+        r.branches.delete(s);
       };
-  }, [n.branches]), /* @__PURE__ */ d(z.div, { ...e, ref: r });
+  }, [r.branches]), /* @__PURE__ */ d(j.div, { ...e, ref: n });
 });
-ve.displayName = me;
-function Ee(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e), o = i.useRef(!1), r = i.useRef(() => {
+he.displayName = me;
+function ve(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = I(e), o = i.useRef(!1), n = i.useRef(() => {
   });
   return i.useEffect(() => {
-    const s = (l) => {
-      if (l.target && !o.current) {
-        let y = function() {
-          X(
-            ye,
-            n,
+    const s = (a) => {
+      if (a.target && !o.current) {
+        let f = function() {
+          V(
+            pe,
+            r,
             u,
             { discrete: !0 }
           );
         };
-        const u = { originalEvent: l };
-        l.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = y, t.addEventListener("click", r.current, { once: !0 })) : y();
+        const u = { originalEvent: a };
+        a.pointerType === "touch" ? (t.removeEventListener("click", n.current), n.current = f, t.addEventListener("click", n.current, { once: !0 })) : f();
       } else
-        t.removeEventListener("click", r.current);
+        t.removeEventListener("click", n.current);
       o.current = !1;
-    }, a = window.setTimeout(() => {
+    }, l = window.setTimeout(() => {
       t.addEventListener("pointerdown", s);
     }, 0);
     return () => {
-      window.clearTimeout(a), t.removeEventListener("pointerdown", s), t.removeEventListener("click", r.current);
+      window.clearTimeout(l), t.removeEventListener("pointerdown", s), t.removeEventListener("click", n.current);
     };
-  }, [t, n]), {
+  }, [t, r]), {
     // ensures we check React component tree (not just DOM tree)
     onPointerDownCapture: () => o.current = !0
   };
 }
-function ge(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = N(e), o = i.useRef(!1);
+function Ee(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = I(e), o = i.useRef(!1);
   return i.useEffect(() => {
-    const r = (s) => {
-      s.target && !o.current && X(he, n, { originalEvent: s }, {
+    const n = (s) => {
+      s.target && !o.current && V(ye, r, { originalEvent: s }, {
         discrete: !1
       });
     };
-    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
-  }, [t, n]), {
+    return t.addEventListener("focusin", n), () => t.removeEventListener("focusin", n);
+  }, [t, r]), {
     onFocusCapture: () => o.current = !0,
     onBlurCapture: () => o.current = !1
   };
 }
-function j() {
-  const e = new CustomEvent(W);
+function _() {
+  const e = new CustomEvent(B);
   document.dispatchEvent(e);
 }
-function X(e, t, n, { discrete: o }) {
-  const r = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && r.addEventListener(e, t, { once: !0 }), o ? de(r, s) : r.dispatchEvent(s);
+function V(e, t, r, { discrete: o }) {
+  const n = r.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
+  t && n.addEventListener(e, t, { once: !0 }), o ? ue(n, s) : n.dispatchEvent(s);
 }
-var be = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
-}, Ce = i[" useInsertionEffect ".trim().toString()] || be;
-function Le({
+var ge = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+}, be = i[" useInsertionEffect ".trim().toString()] || ge;
+function Ce({
   prop: e,
   defaultProp: t,
-  onChange: n = () => {
+  onChange: r = () => {
   },
   caller: o
 }) {
-  const [r, s, a] = we({
+  const [n, s, l] = Le({
     defaultProp: t,
-    onChange: n
-  }), l = e !== void 0, y = l ? e : r;
+    onChange: r
+  }), a = e !== void 0, f = a ? e : n;
   {
     const c = i.useRef(e !== void 0);
     i.useEffect(() => {
-      const h = c.current;
-      h !== l && console.warn(
-        `${o} is changing from ${h ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), c.current = l;
-    }, [l, o]);
+      const y = c.current;
+      y !== a && console.warn(
+        `${o} is changing from ${y ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), c.current = a;
+    }, [a, o]);
   }
   const u = i.useCallback(
     (c) => {
-      var h;
-      if (l) {
-        const p = Pe(c) ? c(e) : c;
-        p !== e && ((h = a.current) == null || h.call(a, p));
+      var y;
+      if (a) {
+        const m = Pe(c) ? c(e) : c;
+        m !== e && ((y = l.current) == null || y.call(l, m));
       } else
         s(c);
     },
-    [l, e, s, a]
+    [a, e, s, l]
   );
-  return [y, u];
+  return [f, u];
 }
-function we({
+function Le({
   defaultProp: e,
   onChange: t
 }) {
-  const [n, o] = i.useState(e), r = i.useRef(n), s = i.useRef(t);
-  return Ce(() => {
+  const [r, o] = i.useState(e), n = i.useRef(r), s = i.useRef(t);
+  return be(() => {
     s.current = t;
   }, [t]), i.useEffect(() => {
-    var a;
-    r.current !== n && ((a = s.current) == null || a.call(s, n), r.current = n);
-  }, [n, r]), [n, o, s];
+    var l;
+    n.current !== r && ((l = s.current) == null || l.call(s, r), n.current = r);
+  }, [r, n]), [r, o, s];
 }
 function Pe(e) {
   return typeof e == "function";
 }
-const Y = g.createContext({
+const K = g.createContext({
   layers: [],
   setLayers: () => {
   },
@@ -299,97 +307,97 @@ const Y = g.createContext({
   },
   removeTopLayer: () => {
   }
-}), Ue = ({ children: e }) => {
-  const [t, n] = g.useState([]), o = (a) => {
-    n((l) => [...l, a]);
-  }, r = (a) => {
-    n(t.filter((l) => l !== a));
+}), je = ({ children: e }) => {
+  const [t, r] = g.useState([]), o = (l) => {
+    r((a) => [...a, l]);
+  }, n = (l) => {
+    r(t.filter((a) => a !== l));
   }, s = () => {
-    const a = t[t.length - 1];
-    a && r(a);
+    const l = t[t.length - 1];
+    l && n(l);
   };
   return /* @__PURE__ */ d(
-    Y.Provider,
+    K.Provider,
     {
-      value: { layers: t, setLayers: n, addLayer: o, removeLayer: r, removeTopLayer: s },
+      value: { layers: t, setLayers: r, addLayer: o, removeLayer: n, removeTopLayer: s },
       children: e
     }
   );
-}, H = () => g.useContext(Y), Re = ({
+}, X = () => g.useContext(K), we = ({
   defaultOpen: e,
   open: t,
-  onOpenChange: n,
+  onOpenChange: r,
   ...o
 }) => {
-  const [r, s] = Le({
+  const [n, s] = Ce({
     prop: t,
-    onChange: n,
-    defaultProp: e
-  }), a = H(), l = o.a11yTitle;
+    onChange: r,
+    defaultProp: e ?? !1
+  }), l = X(), a = o.a11yTitle;
   if (g.useEffect(() => {
-    !r && a.layers.includes(l) && a.removeLayer(l);
-  }, [l, a, r]), !!r)
-    return /* @__PURE__ */ d(De, { open: r, onOpenChange: s, ...o });
-}, De = ({
+    !n && l.layers.includes(a) && l.removeLayer(a);
+  }, [a, l, n]), !!n)
+    return /* @__PURE__ */ d(Re, { open: n, onOpenChange: s, ...o });
+}, Re = ({
   open: e,
   onOpenChange: t,
-  a11yTitle: n,
+  a11yTitle: r,
   a11yDescription: o,
-  children: r,
+  children: n,
   // Focus scope props
   trapped: s,
-  onMountAutoFocus: a,
-  onUnmountAutoFocus: l,
-  ...y
+  onMountAutoFocus: l,
+  onUnmountAutoFocus: a,
+  ...f
 }) => {
-  var C, w;
-  const u = n, c = H();
+  var C, P;
+  const u = r, c = X();
   g.useEffect(() => {
     !c || !e || c.layers.includes(u) || c.addLayer(u);
   }, [u, c, e]);
-  const h = ((C = c.layers) == null ? void 0 : C.indexOf(u)) || 0, p = ((w = c.layers) == null ? void 0 : w.length) || 0, L = h !== 0, b = u === c.layers[c.layers.length - 1];
+  const y = ((C = c.layers) == null ? void 0 : C.indexOf(u)) || 0, m = ((P = c.layers) == null ? void 0 : P.length) || 0, L = y !== 0, b = u === c.layers[c.layers.length - 1];
   return /* @__PURE__ */ d(
-    K,
+    z,
     {
-      onEscapeKeyDown: (m) => {
-        b && (m.preventDefault(), c.removeTopLayer(), t(!1));
+      onEscapeKeyDown: (h) => {
+        b && (h.preventDefault(), c.removeTopLayer(), t(!1));
       },
-      onPointerDownOutside: (m) => {
-        b && (m.preventDefault(), c.removeTopLayer(), t(!1));
+      onPointerDownOutside: (h) => {
+        b && (h.preventDefault(), c.removeTopLayer(), t(!1));
       },
       children: /* @__PURE__ */ S(
         v.Root,
         {
           open: e,
-          onOpenChange: (m) => {
-            var P;
-            if (((P = c == null ? void 0 : c.layers) == null ? void 0 : P.length) > 0)
-              return m === !1 && u === c.layers[c.layers.length - 1] ? (c.removeLayer(u), t(!1)) : void 0;
-            t(m);
+          onOpenChange: (h) => {
+            var w;
+            if (((w = c == null ? void 0 : c.layers) == null ? void 0 : w.length) > 0)
+              return h === !1 && u === c.layers[c.layers.length - 1] ? (c.removeLayer(u), t(!1)) : void 0;
+            t(h);
           },
           children: [
-            /* @__PURE__ */ S(ee.Root, { children: [
-              /* @__PURE__ */ d(v.Title, { children: n }),
+            /* @__PURE__ */ S(G.Root, { children: [
+              /* @__PURE__ */ d(v.Title, { children: r }),
               o && /* @__PURE__ */ d(v.Description, { children: o })
             ] }),
-            /* @__PURE__ */ d(se, { children: e && // We add the className "tgph" here so that styles within
+            /* @__PURE__ */ d(ne, { children: e && // We add the className "tgph" here so that styles within
             // the portal get scoped properly to telegraph
-            /* @__PURE__ */ d(Q.Root, { className: "tgph", children: /* @__PURE__ */ d(Oe, { layer: h, children: /* @__PURE__ */ d(
-              J,
+            /* @__PURE__ */ d(q.Root, { className: "tgph", children: /* @__PURE__ */ d(xe, { layer: y, children: /* @__PURE__ */ d(
+              Z,
               {
                 trapped: typeof s == "boolean" ? s : b,
-                onMountAutoFocus: a,
-                onUnmountAutoFocus: l,
+                onMountAutoFocus: l,
+                onUnmountAutoFocus: a,
                 asChild: !0,
-                children: /* @__PURE__ */ d(ne, { children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ d(Q, { children: /* @__PURE__ */ d(
                   E,
                   {
                     as: T.div,
                     initial: {
-                      top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${p - 1})`
+                      top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${m - 1})`
                     },
                     animate: {
-                      top: L ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${h} )` : "var(--tgph-spacing-16)"
+                      top: L ? `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 },
@@ -400,7 +408,7 @@ const Y = g.createContext({
                       left: 0,
                       maxHeight: "calc(100vh - var(--tgph-spacing-32))",
                       maxWidth: "calc(100vw - var(--tgph-spacing-8))",
-                      zIndex: `calc(var(--tgph-zIndex-modal) + ${h})`
+                      zIndex: `calc(var(--tgph-zIndex-modal) + ${y})`
                     },
                     children: /* @__PURE__ */ d(
                       E,
@@ -408,7 +416,7 @@ const Y = g.createContext({
                         direction: "column",
                         as: T.div,
                         animate: {
-                          scale: 1.02 - Math.abs(p - h) * 0.02,
+                          scale: 1.02 - Math.abs(m - y) * 0.02,
                           transformOrigin: "center center"
                         },
                         transition: {
@@ -416,14 +424,14 @@ const Y = g.createContext({
                           bounce: 0,
                           type: "spring"
                         },
-                        maxW: y.maxW ?? "160",
-                        w: y.w ?? "full",
+                        maxW: f.maxW ?? "160",
+                        w: f.w ?? "full",
                         bg: "surface-1",
                         border: "px",
                         rounded: "4",
                         shadow: "3",
-                        ...y,
-                        children: r
+                        ...f,
+                        children: n
                       },
                       `content-${u}`
                     )
@@ -438,9 +446,9 @@ const Y = g.createContext({
       )
     }
   );
-}, Oe = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ S(v.Overlay, { children: [
+}, xe = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ S(v.Overlay, { children: [
   /* @__PURE__ */ d(
-    oe,
+    te,
     {
       as: T.div,
       initial: { opacity: 0 },
@@ -459,24 +467,24 @@ const Y = 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 = ({
+] }), De = g.forwardRef(
+  ({ children: e, ...t }, r) => /* @__PURE__ */ d(v.Content, { ref: r, asChild: !0, ...t, children: /* @__PURE__ */ d(E, { direction: "column", h: "full", ...t, children: e }) })
+), Oe = ({
   size: e = "1",
   variant: t = "ghost",
-  ...n
+  ...r
 }) => /* @__PURE__ */ d(v.Close, { asChild: !0, children: /* @__PURE__ */ d(
-  te,
+  J,
   {
-    icon: { icon: re.X, alt: "Close Modal" },
+    icon: { icon: ee.X, alt: "Close Modal" },
     variant: t,
     size: e,
-    ...n
+    ...r
   }
-) }), Te = ({
+) }), Se = ({
   style: e,
   children: t,
-  ...n
+  ...r
 }) => /* @__PURE__ */ d(
   E,
   {
@@ -487,10 +495,10 @@ const Y = g.createContext({
       overflowY: "auto",
       ...e
     },
-    ...n,
+    ...r,
     children: t
   }
-), Be = ({
+), Te = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ d(
@@ -505,7 +513,7 @@ const Y = g.createContext({
     ...t,
     children: e
   }
-), We = ({
+), Be = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ d(
@@ -521,17 +529,17 @@ const Y = g.createContext({
     ...t,
     children: e
   }
-), Ne = {};
-Object.assign(Ne, {
-  Root: Re,
-  Content: xe,
-  Close: Se,
-  Body: Te,
-  Header: Be,
-  Footer: We
+), Ie = {};
+Object.assign(Ie, {
+  Root: we,
+  Content: De,
+  Close: Oe,
+  Body: Se,
+  Header: Te,
+  Footer: Be
 });
 export {
-  Ne as Modal,
-  Ue as ModalStackingProvider
+  Ie as Modal,
+  je as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map