@purpurds/modal 5.34.4 → 6.0.0

package/dist/modal.es.js

@@ -181,7 +181,7 @@ Re.displayName = "Slot";
 const Pe = /* @__PURE__ */ x((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ B(t) ? /* @__PURE__ */ ae(t, {
-    ...Xt(o, t.props),
+    ...Kt(o, t.props),
     ref: n ? at(n, t.ref) : t.ref
   }) : L.count(t) > 1 ? L.only(null) : null;
 });
@@ -190,7 +190,7 @@ const Ht = ({ children: e }) => /* @__PURE__ */ _(Le, null, e);
 function Vt(e) {
   return /* @__PURE__ */ B(e) && e.type === Ht;
 }
-function Xt(e, n) {
+function Kt(e, n) {
   const t = {
     ...n
   };
@@ -211,7 +211,7 @@ function Xt(e, n) {
     ...t
   };
 }
-const Kt = [
+const Xt = [
   "a",
   "button",
   "div",
@@ -228,7 +228,7 @@ const Kt = [
   "span",
   "svg",
   "ul"
-], U = Kt.reduce((e, n) => {
+], U = Xt.reduce((e, n) => {
   const t = /* @__PURE__ */ x((o, a) => {
     const { asChild: r, ...u } = o, i = r ? Re : n;
     return A(() => {
@@ -926,13 +926,13 @@ var Pn = function() {
     `).concat(gn, ": ").concat(i, `px;
   }
 `);
-}, Xe = function() {
+}, Ke = function() {
   var e = parseInt(document.body.getAttribute(Y) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Mn = function() {
   m.useEffect(function() {
-    return document.body.setAttribute(Y, (Xe() + 1).toString()), function() {
-      var e = Xe() - 1;
+    return document.body.setAttribute(Y, (Ke() + 1).toString()), function() {
+      var e = Ke() - 1;
       e <= 0 ? document.body.removeAttribute(Y) : document.body.setAttribute(Y, e.toString());
     };
   }, []);
@@ -955,7 +955,7 @@ if (typeof window < "u")
   } catch {
     Te = !1;
   }
-var X = Te ? { passive: !1 } : !1, Fn = function(e) {
+var K = Te ? { passive: !1 } : !1, Fn = function(e) {
   return e.tagName === "TEXTAREA";
 }, pt = function(e, n) {
   var t = window.getComputedStyle(e);
@@ -968,7 +968,7 @@ var X = Te ? { passive: !1 } : !1, Fn = function(e) {
   return pt(e, "overflowY");
 }, qn = function(e) {
   return pt(e, "overflowX");
-}, Ke = function(e, n) {
+}, Xe = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -1025,9 +1025,9 @@ var X = Te ? { passive: !1 } : !1, Fn = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Xn = 0, K = [];
-function Kn(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Xn++)[0], r = m.useState(function() {
+}, Kn = 0, X = [];
+function Xn(e) {
+  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Kn++)[0], r = m.useState(function() {
     return dt();
   })[0], u = m.useRef(e);
   m.useEffect(function() {
@@ -1051,10 +1051,10 @@ function Kn(e) {
     var g = se(c), C = t.current, y = "deltaX" in c ? c.deltaX : C[0] - g[0], $ = "deltaY" in c ? c.deltaY : C[1] - g[1], S, W = c.target, D = Math.abs(y) > Math.abs($) ? "h" : "v";
     if ("touches" in c && D === "h" && W.type === "range")
       return !1;
-    var E = Ke(D, W);
+    var E = Xe(D, W);
     if (!E)
       return !0;
-    if (E ? S = D : (S = D === "v" ? "h" : "v", E = Ke(D, W)), !E)
+    if (E ? S = D : (S = D === "v" ? "h" : "v", E = Xe(D, W)), !E)
       return !1;
     if (!o.current && "changedTouches" in c && (y || $) && (o.current = S), !S)
       return !0;
@@ -1062,7 +1062,7 @@ function Kn(e) {
     return zn(I, h, c, I === "h" ? y : $);
   }, []), s = m.useCallback(function(c) {
     var h = c;
-    if (!(!K.length || K[K.length - 1] !== r)) {
+    if (!(!X.length || X[X.length - 1] !== r)) {
       var g = "deltaY" in h ? Ge(h) : se(h), C = n.current.filter(function(S) {
         return S.name === h.type && S.target === h.target && Hn(S.delta, g);
       })[0];
@@ -1092,14 +1092,14 @@ function Kn(e) {
     d(c.type, se(c), c.target, i(c, e.lockRef.current));
   }, []);
   m.useEffect(function() {
-    return K.push(r), e.setCallbacks({
+    return X.push(r), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
       onTouchMoveCapture: f
-    }), document.addEventListener("wheel", s, X), document.addEventListener("touchmove", s, X), document.addEventListener("touchstart", p, X), function() {
-      K = K.filter(function(c) {
+    }), document.addEventListener("wheel", s, K), document.addEventListener("touchmove", s, K), document.addEventListener("touchstart", p, K), function() {
+      X = X.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", s, X), document.removeEventListener("touchmove", s, X), document.removeEventListener("touchstart", p, X);
+      }), document.removeEventListener("wheel", s, K), document.removeEventListener("touchmove", s, K), document.removeEventListener("touchstart", p, K);
     };
   }, []);
   var v = e.removeScrollBar, w = e.inert;
@@ -1110,7 +1110,7 @@ function Kn(e) {
     v ? m.createElement(kn, { gapMode: "margin" }) : null
   );
 }
-const Gn = Sn(lt, Kn);
+const Gn = Sn(lt, Xn);
 var ht = m.forwardRef(function(e, n) {
   return m.createElement(_e, k({}, e, { ref: n, sideCar: Gn }));
 });
@@ -1683,20 +1683,7 @@ const Wr = /* @__PURE__ */ Br(Ur), zr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Hr = {
-  name: "close",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
-  keywords: ["close"],
-  category: "utility"
-}, Ot = (e) => /* @__PURE__ */ b(
-  Nt,
-  {
-    ...e,
-    svg: Hr
-  }
-);
-Ot.displayName = "IconClose";
-const Vr = Wr.bind(zr), Je = "purpur-icon", Xr = "md", Kr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Gr = ({ content: e = "", title: n } = {}) => {
+}, Hr = Wr.bind(zr), Je = "purpur-icon", Vr = "md", Kr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Xr = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1704,18 +1691,18 @@ const Vr = Wr.bind(zr), Je = "purpur-icon", Xr = "md", Kr = (e) => e.filter((n)
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
   return `<svg ${Kr(t)}>${o}${e}</svg>`;
-}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nt = ({
+}, Gr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ot = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
   className: o,
-  size: a = Xr,
+  size: a = Vr,
   ...r
 }) => {
-  const u = Gr({
-    content: Yr(n.svg),
+  const u = Xr({
+    content: Gr(n.svg),
     title: t
-  }), i = Vr(o, Je, `${Je}--${a}`);
+  }), i = Hr(o, Je, `${Je}--${a}`);
   return /* @__PURE__ */ b(
     "span",
     {
@@ -1727,7 +1714,14 @@ const Vr = Wr.bind(zr), Je = "purpur-icon", Xr = "md", Kr = (e) => e.filter((n)
     }
   );
 };
-Nt.displayName = "Icon";
+Ot.displayName = "Icon";
+const Yr = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, Nt = (e) => /* @__PURE__ */ b(Ot, { ...e, svg: Yr });
+Nt.displayName = "IconClose";
 function Zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -2131,7 +2125,7 @@ const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1ifm3_1", mo = {
     "aria-label": e,
     className: T(`${O}__close-button`),
     "data-testid": t,
-    children: /* @__PURE__ */ b(Ot, {})
+    children: /* @__PURE__ */ b(Nt, {})
   }
 ) }), _o = 3, nt = ({
   actions: e,