@telegraph/modal 0.0.60 → 0.0.62

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(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(s) {
-    if (t == null || t(s), n === !1 || !s.defaultPrevented)
-      return e == null ? void 0 : e(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(t, e) {
   typeof t == "function" ? t(e) : t != null && (t.current = e);
 }
-function ie(...t) {
+function j(...t) {
   return (e) => t.forEach((n) => oe(n, e));
 }
-var I = o.forwardRef((t, e) => {
-  const { children: n, ...r } = t, 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: e, 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: e, children: n });
+  return /* @__PURE__ */ d(W, { ...s, ref: e, children: n });
 });
-I.displayName = "Slot";
-var B = o.forwardRef((t, e) => {
-  const { children: n, ...r } = t;
-  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: e ? ie(e, 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: t }) => /* @__PURE__ */ d(Z, { children: t });
-function ce(t) {
-  return o.isValidElement(t) && t.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(t, e) {
+function ce(t, e) {
   const n = { ...e };
-  for (const r in e) {
-    const s = t[r], i = e[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(" "));
+  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 { ...t, ...n };
 }
-function ue(t) {
-  var r, s;
-  let e = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, n = e && "isReactWarning" in e && e.isReactWarning;
-  return n ? t.ref : (e = (s = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : s.get, n = e && "isReactWarning" in e && e.isReactWarning, n ? t.props.ref : t.props.ref || t.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,97 +84,79 @@ var de = [
   "span",
   "svg",
   "ul"
-], $ = de.reduce((t, e) => {
-  const n = o.forwardRef((r, s) => {
-    const { asChild: i, ...a } = r, c = i ? I : e;
-    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.${e}`, { ...t, [e]: n };
 }, {});
-function fe(t, e) {
+function de(t, e) {
   t && q.flushSync(() => t.dispatchEvent(e));
 }
-function pe(t, e) {
-  typeof t == "function" ? t(e) : t != null && (t.current = e);
-}
-function ye(...t) {
-  return (e) => t.forEach((n) => pe(n, e));
-}
-function j(...t) {
-  return o.useCallback(ye(...t), t);
-}
-function _(t) {
-  const e = o.useRef(t);
-  return o.useEffect(() => {
+function L(t) {
+  const e = i.useRef(t);
+  return i.useEffect(() => {
     e.current = t;
-  }), o.useMemo(() => (...n) => {
-    var r;
-    return (r = e.current) == null ? void 0 : r.call(e, ...n);
+  }), i.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
   }, []);
 }
-function he(t) {
-  const e = o.useRef(t);
-  return o.useEffect(() => {
-    e.current = t;
-  }), o.useMemo(() => (...n) => {
-    var r;
-    return (r = e.current) == null ? void 0 : r.call(e, ...n);
-  }, []);
-}
-function me(t, e = globalThis == null ? void 0 : globalThis.document) {
-  const n = he(t);
-  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 e.addEventListener("keydown", r, { capture: !0 }), () => e.removeEventListener("keydown", r, { capture: !0 });
+    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
   }, [n, e]);
 }
-var ve = "DismissableLayer", W = "dismissableLayer.update", Ee = "dismissableLayer.pointerDownOutside", ge = "dismissableLayer.focusOutside", F, 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(
+}), $ = 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
-    } = t, 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 = j(e, (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, N = D >= m, H = Le((f) => {
-      const R = f.target, A = [...l.branches].some((O) => O.contains(R));
-      !N || A || (s == null || s(f), a == null || a(f), f.defaultPrevented || c == null || c());
-    }, h), k = Pe((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 me((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 && (F = 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 = F);
+        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, h, n, l]), i.useEffect(() => () => {
       u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), M());
-    }, [u, l]), o.useEffect(() => {
-      const f = () => w({});
-      return document.addEventListener(W, f), () => document.removeEventListener(W, f);
+    }, [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 ? N ? "auto" : "none" : void 0,
+          pointerEvents: w ? k ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: x(t.onFocusCapture, k.onFocusCapture),
-        onBlurCapture: x(t.onBlurCapture, k.onBlurCapture),
-        onPointerDownCapture: x(
+        onFocusCapture: S(t.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: S(t.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: S(
           t.onPointerDownCapture,
           H.onPointerDownCapture
         )
@@ -179,107 +164,98 @@ var ve = "DismissableLayer", W = "dismissableLayer.update", Ee = "dismissableLay
     );
   }
 );
-z.displayName = ve;
-var be = "DismissableLayerBranch", Ce = o.forwardRef((t, e) => {
-  const n = o.useContext(U), r = o.useRef(null), s = j(e, 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, { ...t, ref: s });
+  }, [n.branches]), /* @__PURE__ */ d(z.div, { ...t, ref: r });
 });
-Ce.displayName = be;
-function Le(t, e = globalThis == null ? void 0 : globalThis.document) {
-  const n = _(t), 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(
-            Ee,
+          K(
+            ye,
             n,
             l,
             { discrete: !0 }
           );
         };
         const l = { originalEvent: c };
-        c.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = p, e.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
-        e.removeEventListener("click", s.current);
-      r.current = !1;
+        e.removeEventListener("click", r.current);
+      s.current = !1;
     }, a = window.setTimeout(() => {
-      e.addEventListener("pointerdown", i);
+      e.addEventListener("pointerdown", o);
     }, 0);
     return () => {
-      window.clearTimeout(a), e.removeEventListener("pointerdown", i), e.removeEventListener("click", s.current);
+      window.clearTimeout(a), e.removeEventListener("pointerdown", o), e.removeEventListener("click", r.current);
     };
   }, [e, n]), {
     // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => r.current = !0
+    onPointerDownCapture: () => s.current = !0
   };
 }
-function Pe(t, e = globalThis == null ? void 0 : globalThis.document) {
-  const n = _(t), r = o.useRef(!1);
-  return o.useEffect(() => {
-    const s = (i) => {
-      i.target && !r.current && V(ge, 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 e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+    return e.addEventListener("focusin", r), () => e.removeEventListener("focusin", r);
   }, [e, n]), {
-    onFocusCapture: () => r.current = !0,
-    onBlurCapture: () => r.current = !1
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
   };
 }
 function M() {
-  const t = new CustomEvent(W);
+  const t = new CustomEvent(N);
   document.dispatchEvent(t);
 }
-function V(t, e, n, { discrete: r }) {
-  const s = n.originalEvent.target, i = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
-  e && s.addEventListener(t, e, { once: !0 }), r ? fe(s, i) : s.dispatchEvent(i);
-}
-function K(t) {
-  const e = o.useRef(t);
-  return o.useEffect(() => {
-    e.current = t;
-  }), o.useMemo(() => (...n) => {
-    var r;
-    return (r = e.current) == null ? void 0 : r.call(e, ...n);
-  }, []);
+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 Re({
+function be({
   prop: t,
   defaultProp: e,
   onChange: n = () => {
   }
 }) {
-  const [r, s] = we({ defaultProp: e, onChange: n }), i = t !== void 0, a = i ? t : 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) {
+      if (o) {
         const y = typeof l == "function" ? l(t) : l;
         y !== t && c(y);
       } else
-        s(l);
+        r(l);
     },
-    [i, t, s, c]
+    [o, t, r, c]
   );
   return [a, p];
 }
-function we({
+function Ce({
   defaultProp: t,
   onChange: e
 }) {
-  const n = o.useState(t), [r] = n, s = o.useRef(r), i = K(e);
-  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: () => {
   },
@@ -289,57 +265,57 @@ const X = g.createContext({
   },
   removeTopLayer: () => {
   }
-}), ze = ({ children: t }) => {
-  const [e, n] = g.useState([]), r = (a) => {
+}), je = ({ children: t }) => {
+  const [e, n] = E.useState([]), s = (a) => {
     n((c) => [...c, a]);
-  }, s = (a) => {
+  }, r = (a) => {
     n(e.filter((c) => c !== a));
-  }, i = () => {
+  }, o = () => {
     const a = e[e.length - 1];
-    a && s(a);
+    a && r(a);
   };
   return /* @__PURE__ */ d(
     X.Provider,
     {
-      value: { layers: e, setLayers: n, addLayer: r, removeLayer: s, removeTopLayer: i },
+      value: { layers: e, setLayers: n, addLayer: s, removeLayer: r, removeTopLayer: o },
       children: t
     }
   );
-}, Y = () => g.useContext(X), De = ({
+}, Y = () => E.useContext(X), Le = ({
   defaultOpen: t,
   open: e,
   onOpenChange: n,
-  ...r
+  ...s
 }) => {
-  const [s, i] = Re({
+  const [r, o] = be({
     prop: e,
     onChange: n,
     defaultProp: t
-  }), a = Y(), c = r.a11yTitle;
-  if (g.useEffect(() => {
-    !s && a.layers.includes(c) && a.removeLayer(c);
-  }, [c, a, s]), !!s)
-    return /* @__PURE__ */ d(Oe, { open: s, onOpenChange: i, ...r });
-}, Oe = ({
+  }), 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(() => {
+  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 = ((L = u.layers) == null ? void 0 : L.length) || 0, w = y !== 0, b = l === u.layers[u.layers.length - 1];
+  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(), e(!1));
@@ -347,39 +323,39 @@ const X = g.createContext({
       onPointerDownOutside: (m) => {
         b && (m.preventDefault(), u.removeTopLayer(), e(!1));
       },
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ T(
         v.Root,
         {
           open: t,
           onOpenChange: (m) => {
-            var P;
-            if (((P = u == null ? void 0 : u.layers) == null ? void 0 : P.length) > 0)
+            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: 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(xe, { 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 },
@@ -393,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"
@@ -413,7 +389,7 @@ const X = g.createContext({
                         rounded: "4",
                         shadow: "3",
                         ...p,
-                        children: s
+                        children: r
                       },
                       `content-${l}`
                     )
@@ -428,11 +404,11 @@ const X = g.createContext({
       )
     }
   );
-}, xe = ({ layer: t, children: e }) => t > 0 ? e : /* @__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 },
@@ -449,9 +425,9 @@ const X = g.createContext({
     }
   ),
   e
-] }), Se = g.forwardRef(
-  ({ children: t, ...e }, n) => /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...e, children: /* @__PURE__ */ d(E, { direction: "column", h: "full", ...e, children: t }) })
-), Te = ({
+] }), 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
@@ -463,12 +439,12 @@ const X = g.createContext({
     size: t,
     ...n
   }
-) }), Be = ({
+) }), Oe = ({
   style: t,
   children: e,
   ...n
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "column",
     px: "6",
@@ -480,11 +456,11 @@ const X = g.createContext({
     ...n,
     children: e
   }
-), We = ({
+), xe = ({
   children: t,
   ...e
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "row",
     justify: "space-between",
@@ -495,11 +471,11 @@ const X = g.createContext({
     ...e,
     children: t
   }
-), Ne = ({
+), Se = ({
   children: t,
   ...e
 }) => /* @__PURE__ */ d(
-  E,
+  g,
   {
     direction: "row",
     align: "center",
@@ -511,17 +487,17 @@ const X = g.createContext({
     ...e,
     children: t
   }
-), ke = {};
-Object.assign(ke, {
-  Root: De,
-  Content: Se,
-  Close: Te,
-  Body: Be,
-  Header: We,
-  Footer: Ne
+), Te = {};
+Object.assign(Te, {
+  Root: Le,
+  Content: Re,
+  Close: De,
+  Body: Oe,
+  Header: xe,
+  Footer: Se
 });
 export {
-  ke as Modal,
-  ze as ModalStackingProvider
+  Te as Modal,
+  je as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map