@purpurds/drawer 5.20.1 → 5.21.0

package/dist/drawer.es.js

@@ -1,7 +1,7 @@
 import { jsx as _, jsxs as Y, Fragment as lr } from "react/jsx-runtime";
 import * as $ from "react";
-import Ue, { useCallback as ae, createContext as de, useMemo as Se, createElement as h, useContext as Te, useLayoutEffect as ur, useRef as A, useEffect as D, useState as N, forwardRef as w, Children as Z, isValidElement as Ee, cloneElement as Qe, Fragment as Je, useReducer as wt } from "react";
-import dr, { flushSync as yt } from "react-dom";
+import Ue, { useCallback as ae, createContext as de, useMemo as Se, createElement as h, useContext as Te, useLayoutEffect as ur, useRef as A, useEffect as D, useState as N, forwardRef as w, Children as Z, isValidElement as Ee, cloneElement as Qe, Fragment as Je, useReducer as yt } from "react";
+import dr, { flushSync as St } from "react-dom";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
@@ -19,15 +19,15 @@ function L(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
 function fr(e, r) {
   typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
-function St(...e) {
+function Et(...e) {
   return (r) => e.forEach(
     (t) => fr(t, r)
   );
 }
 function k(...e) {
-  return ae(St(...e), e);
+  return ae(Et(...e), e);
 }
-function Et(e, r = []) {
+function xt(e, r = []) {
   let t = [];
   function o(n, i) {
     const c = /* @__PURE__ */ de(i), l = t.length;
@@ -182,7 +182,7 @@ const He = /* @__PURE__ */ w((e, r) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ Ee(t) ? /* @__PURE__ */ Qe(t, {
     ...$r(o, t.props),
-    ref: r ? St(r, t.ref) : t.ref
+    ref: r ? Et(r, t.ref) : t.ref
   }) : Z.count(t) > 1 ? Z.only(null) : null;
 });
 He.displayName = "SlotClone";
@@ -243,7 +243,7 @@ const wr = [
   };
 }, {});
 function yr(e, r) {
-  e && yt(
+  e && St(
     () => e.dispatchEvent(r)
   );
 }
@@ -260,7 +260,7 @@ function Sr(e, r = globalThis == null ? void 0 : globalThis.document) {
   ]);
 }
 const Ye = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside";
-let ot;
+let at;
 const Cr = /* @__PURE__ */ de({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
@@ -291,8 +291,8 @@ const Cr = /* @__PURE__ */ de({
     S === u.layers.size - 1 && (a == null || a(x), !x.defaultPrevented && l && (x.preventDefault(), l()));
   }, v), D(() => {
     if (d)
-      return o && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ot = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), at(), () => {
-        o && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = ot);
+      return o && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (at = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), ct(), () => {
+        o && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = at);
       };
   }, [
     d,
@@ -300,7 +300,7 @@ const Cr = /* @__PURE__ */ de({
     o,
     u
   ]), D(() => () => {
-    d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), at());
+    d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), ct());
   }, [
     d,
     u
@@ -325,7 +325,7 @@ function Tr(e, r = globalThis == null ? void 0 : globalThis.document) {
     const n = (c) => {
       if (c.target && !o.current) {
         let s = function() {
-          xt(Er, t, l, {
+          Ct(Er, t, l, {
             discrete: !0
           });
         };
@@ -356,7 +356,7 @@ function Ar(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = M(e), o = A(!1);
   return D(() => {
     const a = (n) => {
-      n.target && !o.current && xt(xr, t, {
+      n.target && !o.current && Ct(xr, t, {
         originalEvent: n
       }, {
         discrete: !1
@@ -371,11 +371,11 @@ function Ar(e, r = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function at() {
+function ct() {
   const e = new CustomEvent(Ye);
   document.dispatchEvent(e);
 }
-function xt(e, r, t, { discrete: o }) {
+function Ct(e, r, t, { discrete: o }) {
   const a = t.originalEvent.target, n = new CustomEvent(e, {
     bubbles: !1,
     cancelable: !0,
@@ -385,7 +385,7 @@ function xt(e, r, t, { discrete: o }) {
     once: !0
   }), o ? yr(a, n) : a.dispatchEvent(n);
 }
-const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount", ct = {
+const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount", it = {
   bubbles: !1,
   cancelable: !0
 }, Dr = /* @__PURE__ */ w((e, r) => {
@@ -434,20 +434,20 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
     v.paused
   ]), D(() => {
     if (c) {
-      st.add(v);
+      lt.add(v);
       const p = document.activeElement;
       if (!c.contains(p)) {
-        const g = new CustomEvent(Le, ct);
-        c.addEventListener(Le, s), c.dispatchEvent(g), g.defaultPrevented || (Nr(Ir(Ct(c)), {
+        const g = new CustomEvent(Le, it);
+        c.addEventListener(Le, s), c.dispatchEvent(g), g.defaultPrevented || (Nr(Ir(Pt(c)), {
           select: !0
         }), document.activeElement === p && V(c));
       }
       return () => {
         c.removeEventListener(Le, s), setTimeout(() => {
-          const g = new CustomEvent(Re, ct);
+          const g = new CustomEvent(Re, it);
           c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || V(p ?? document.body, {
             select: !0
-          }), c.removeEventListener(Re, u), st.remove(v);
+          }), c.removeEventListener(Re, u), lt.remove(v);
         }, 0);
       };
     }
@@ -488,13 +488,13 @@ function Nr(e, { select: r = !1 } = {}) {
     }), document.activeElement !== t) return;
 }
 function Or(e) {
-  const r = Ct(e), t = it(r, e), o = it(r.reverse(), e);
+  const r = Pt(e), t = st(r, e), o = st(r.reverse(), e);
   return [
     t,
     o
   ];
 }
-function Ct(e) {
+function Pt(e) {
   const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -504,7 +504,7 @@ function Ct(e) {
   for (; t.nextNode(); ) r.push(t.currentNode);
   return r;
 }
-function it(e, r) {
+function st(e, r) {
   for (const t of e)
     if (!Lr(t, {
       upTo: r
@@ -530,21 +530,21 @@ function V(e, { select: r = !1 } = {}) {
     }), e !== t && Rr(e) && r && e.select();
   }
 }
-const st = Mr();
+const lt = Mr();
 function Mr() {
   let e = [];
   return {
     add(r) {
       const t = e[0];
-      r !== t && (t == null || t.pause()), e = lt(e, r), e.unshift(r);
+      r !== t && (t == null || t.pause()), e = ut(e, r), e.unshift(r);
     },
     remove(r) {
       var t;
-      e = lt(e, r), (t = e[0]) === null || t === void 0 || t.resume();
+      e = ut(e, r), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function lt(e, r) {
+function ut(e, r) {
   const t = [
     ...e
   ], o = t.indexOf(r);
@@ -563,7 +563,7 @@ const kr = /* @__PURE__ */ w((e, r) => {
   })), o) : null;
 });
 function Fr(e, r) {
-  return wt((t, o) => {
+  return yt((t, o) => {
     const a = r[t][o];
     return a ?? t;
   }, e);
@@ -609,7 +609,7 @@ function jr(e) {
     if (r) {
       const s = (d) => {
         const v = pe(o.current).includes(d.animationName);
-        d.target === r && v && yt(
+        d.target === r && v && St(
           () => l("ANIMATION_END")
         );
       }, u = (d) => {
@@ -641,14 +641,14 @@ function Wr() {
   D(() => {
     var e, r;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : ut()), document.body.insertAdjacentElement("beforeend", (r = t[1]) !== null && r !== void 0 ? r : ut()), Me++, () => {
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : dt()), document.body.insertAdjacentElement("beforeend", (r = t[1]) !== null && r !== void 0 ? r : dt()), Me++, () => {
       Me === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
       ), Me--;
     };
   }, []);
 }
-function ut() {
+function dt() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
@@ -661,7 +661,7 @@ var z = function() {
     return r;
   }, z.apply(this, arguments);
 };
-function Pt(e, r) {
+function Tt(e, r) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -699,7 +699,7 @@ function Yr(e, r) {
   })[0];
   return t.callback = r, t.facade;
 }
-var Xr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, dt = /* @__PURE__ */ new WeakMap();
+var Xr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, ft = /* @__PURE__ */ new WeakMap();
 function Br(e, r) {
   var t = Yr(null, function(o) {
     return e.forEach(function(a) {
@@ -707,7 +707,7 @@ function Br(e, r) {
     });
   });
   return Xr(function() {
-    var o = dt.get(t);
+    var o = ft.get(t);
     if (o) {
       var a = new Set(o), n = new Set(e), i = t.current;
       a.forEach(function(c) {
@@ -716,7 +716,7 @@ function Br(e, r) {
         a.has(c) || Ie(c, i);
       });
     }
-    dt.set(t, e);
+    ft.set(t, e);
   }, [e]), t;
 }
 function Vr(e) {
@@ -782,8 +782,8 @@ function Kr(e) {
   var r = qr(null);
   return r.options = z({ async: !0, ssr: !1 }, e), r;
 }
-var Tt = function(e) {
-  var r = e.sideCar, t = Pt(e, ["sideCar"]);
+var At = function(e) {
+  var r = e.sideCar, t = Tt(e, ["sideCar"]);
   if (!r)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = r.read();
@@ -791,21 +791,21 @@ var Tt = function(e) {
     throw new Error("Sidecar medium not found");
   return $.createElement(o, z({}, t));
 };
-Tt.isSideCarExport = !0;
+At.isSideCarExport = !0;
 function Gr(e, r) {
-  return e.useMedium(r), Tt;
+  return e.useMedium(r), At;
 }
-var At = Kr(), ke = function() {
+var Dt = Kr(), ke = function() {
 }, Ae = $.forwardRef(function(e, r) {
   var t = $.useRef(null), o = $.useState({
     onScrollCapture: ke,
     onWheelCapture: ke,
     onTouchMoveCapture: ke
-  }), a = o[0], n = o[1], i = e.forwardProps, c = e.children, l = e.className, s = e.removeScrollBar, u = e.enabled, d = e.shards, f = e.sideCar, v = e.noIsolation, m = e.inert, p = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, P = Pt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = Br([t, r]), T = z(z({}, P), a);
+  }), a = o[0], n = o[1], i = e.forwardProps, c = e.children, l = e.className, s = e.removeScrollBar, u = e.enabled, d = e.shards, f = e.sideCar, v = e.noIsolation, m = e.inert, p = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, P = Tt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = Br([t, r]), T = z(z({}, P), a);
   return $.createElement(
     $.Fragment,
     null,
-    u && $.createElement(S, { sideCar: At, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
+    u && $.createElement(S, { sideCar: Dt, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
     i ? $.cloneElement($.Children.only(c), z(z({}, T), { ref: E })) : $.createElement(g, z({}, T, { className: l, ref: E }), c)
   );
 });
@@ -856,7 +856,7 @@ var tn = function() {
       };
     }, [r && t]);
   };
-}, Dt = function() {
+}, Nt = function() {
   var e = rn(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
@@ -882,7 +882,7 @@ var tn = function() {
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, cn = Dt(), oe = "data-scroll-locked", sn = function(e, r, t, o) {
+}, cn = Nt(), oe = "data-scroll-locked", sn = function(e, r, t, o) {
   var a = e.left, n = e.top, i = e.right, c = e.gap;
   return t === void 0 && (t = "margin"), `
   .`.concat(Ur, ` {
@@ -926,13 +926,13 @@ var tn = function() {
     `).concat(Hr, ": ").concat(c, `px;
   }
 `);
-}, ft = function() {
+}, pt = function() {
   var e = parseInt(document.body.getAttribute(oe) || "0", 10);
   return isFinite(e) ? e : 0;
 }, ln = function() {
   $.useEffect(function() {
-    return document.body.setAttribute(oe, (ft() + 1).toString()), function() {
-      var e = ft() - 1;
+    return document.body.setAttribute(oe, (pt() + 1).toString()), function() {
+      var e = pt() - 1;
       e <= 0 ? document.body.removeAttribute(oe) : document.body.setAttribute(oe, e.toString());
     };
   }, []);
@@ -957,7 +957,7 @@ if (typeof window < "u")
   }
 var J = Xe ? { passive: !1 } : !1, dn = function(e) {
   return e.tagName === "TEXTAREA";
-}, Nt = function(e, r) {
+}, Ot = function(e, r) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
@@ -965,16 +965,16 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
     !(t.overflowY === t.overflowX && !dn(e) && t[r] === "visible")
   );
 }, fn = function(e) {
-  return Nt(e, "overflowY");
+  return Ot(e, "overflowY");
 }, pn = function(e) {
-  return Nt(e, "overflowX");
-}, pt = function(e, r) {
+  return Ot(e, "overflowX");
+}, vt = function(e, r) {
   var t = r;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
-    var o = Ot(e, t);
+    var o = Lt(e, t);
     if (o) {
-      var a = Lt(e, t), n = a[1], i = a[2];
+      var a = Rt(e, t), n = a[1], i = a[2];
       if (n > i)
         return !0;
     }
@@ -995,17 +995,17 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
     t,
     o
   ];
-}, Ot = function(e, r) {
-  return e === "v" ? fn(r) : pn(r);
 }, Lt = function(e, r) {
+  return e === "v" ? fn(r) : pn(r);
+}, Rt = function(e, r) {
   return e === "v" ? vn(r) : hn(r);
 }, bn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
 }, mn = function(e, r, t, o, a) {
   var n = bn(e, window.getComputedStyle(r).direction), i = n * o, c = t.target, l = r.contains(c), s = !1, u = i > 0, d = 0, f = 0;
   do {
-    var v = Lt(e, c), m = v[0], p = v[1], b = v[2], g = p - b - n * m;
-    (m || g) && Ot(e, c) && (d += g, f += m), c = c.parentNode;
+    var v = Rt(e, c), m = v[0], p = v[1], b = v[2], g = p - b - n * m;
+    (m || g) && Lt(e, c) && (d += g, f += m), c = c.parentNode;
   } while (
     // portaled content
     !l && c !== document.body || // self content
@@ -1014,9 +1014,9 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
   return (u && (d === 0 || !a) || !u && (f === 0 || !a)) && (s = !0), s;
 }, he = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, vt = function(e) {
-  return [e.deltaX, e.deltaY];
 }, ht = function(e) {
+  return [e.deltaX, e.deltaY];
+}, bt = function(e) {
   return e && "current" in e ? e.current : e;
 }, gn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
@@ -1028,14 +1028,14 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
 }, $n = 0, ee = [];
 function wn(e) {
   var r = $.useRef([]), t = $.useRef([0, 0]), o = $.useRef(), a = $.useState($n++)[0], n = $.useState(function() {
-    return Dt();
+    return Nt();
   })[0], i = $.useRef(e);
   $.useEffect(function() {
     i.current = e;
   }, [e]), $.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var p = zr([e.lockRef.current], (e.shards || []).map(ht), !0).filter(Boolean);
+      var p = zr([e.lockRef.current], (e.shards || []).map(bt), !0).filter(Boolean);
       return p.forEach(function(b) {
         return b.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1051,10 +1051,10 @@ function wn(e) {
     var g = he(p), P = t.current, S = "deltaX" in p ? p.deltaX : P[0] - g[0], E = "deltaY" in p ? p.deltaY : P[1] - g[1], T, I = p.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
     if ("touches" in p && O === "h" && I.type === "range")
       return !1;
-    var x = pt(O, I);
+    var x = vt(O, I);
     if (!x)
       return !0;
-    if (x ? T = O : (T = O === "v" ? "h" : "v", x = pt(O, I)), !x)
+    if (x ? T = O : (T = O === "v" ? "h" : "v", x = vt(O, I)), !x)
       return !1;
     if (!o.current && "changedTouches" in p && (S || E) && (o.current = T), !T)
       return !0;
@@ -1063,7 +1063,7 @@ function wn(e) {
   }, []), l = $.useCallback(function(p) {
     var b = p;
     if (!(!ee.length || ee[ee.length - 1] !== n)) {
-      var g = "deltaY" in b ? vt(b) : he(b), P = r.current.filter(function(T) {
+      var g = "deltaY" in b ? ht(b) : he(b), P = r.current.filter(function(T) {
         return T.name === b.type && T.target === b.target && gn(T.delta, g);
       })[0];
       if (P && P.should) {
@@ -1071,7 +1071,7 @@ function wn(e) {
         return;
       }
       if (!P) {
-        var S = (i.current.shards || []).map(ht).filter(Boolean).filter(function(T) {
+        var S = (i.current.shards || []).map(bt).filter(Boolean).filter(function(T) {
           return T.contains(b.target);
         }), E = S.length > 0 ? c(b, S[0]) : !i.current.noIsolation;
         E && b.cancelable && b.preventDefault();
@@ -1087,7 +1087,7 @@ function wn(e) {
   }, []), u = $.useCallback(function(p) {
     t.current = he(p), o.current = void 0;
   }, []), d = $.useCallback(function(p) {
-    s(p.type, vt(p), p.target, c(p, e.lockRef.current));
+    s(p.type, ht(p), p.target, c(p, e.lockRef.current));
   }, []), f = $.useCallback(function(p) {
     s(p.type, he(p), p.target, c(p, e.lockRef.current));
   }, []);
@@ -1110,23 +1110,23 @@ function wn(e) {
     v ? $.createElement(un, { gapMode: "margin" }) : null
   );
 }
-const yn = Gr(At, wn);
-var Rt = $.forwardRef(function(e, r) {
+const yn = Gr(Dt, wn);
+var Mt = $.forwardRef(function(e, r) {
   return $.createElement(Ae, z({}, e, { ref: r, sideCar: yn }));
 });
-Rt.classNames = Ae.classNames;
+Mt.classNames = Ae.classNames;
 var Sn = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {}, je = 0, Mt = function(e) {
-  return e && (e.host || Mt(e.parentNode));
+}, te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {}, je = 0, It = function(e) {
+  return e && (e.host || It(e.parentNode));
 }, En = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = Mt(t);
+    var o = It(t);
     return o && e.contains(o) ? o : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(t) {
     return !!t;
@@ -1164,7 +1164,7 @@ var Sn = function(e) {
     return null;
   };
 };
-const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
+const kt = "Dialog", [Ft, ga] = xt(kt), [Pn, j] = Ft(kt), Tn = (e) => {
   const { __scopeDialog: r, children: t, open: o, defaultOpen: a, onOpenChange: n, modal: i = !0 } = e, c = A(null), l = A(null), [s = !1, u] = br({
     prop: o,
     defaultProp: a,
@@ -1201,10 +1201,10 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     ref: n,
     onClick: L(e.onClick, a.onOpenToggle)
   }));
-}), Ft = "DialogPortal", [Nn, jt] = kt(Ft, {
+}), jt = "DialogPortal", [Nn, Wt] = Ft(jt, {
   forceMount: void 0
 }), On = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = j(Ft, r);
+  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = j(jt, r);
   return /* @__PURE__ */ h(Nn, {
     scope: r,
     forceMount: t
@@ -1218,7 +1218,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     }, i))
   ));
 }, Be = "DialogOverlay", Ln = /* @__PURE__ */ w((e, r) => {
-  const t = jt(Be, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Be, e.__scopeDialog);
+  const t = Wt(Be, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Be, e.__scopeDialog);
   return n.modal ? /* @__PURE__ */ h(q, {
     present: o || n.open
   }, /* @__PURE__ */ h(Rn, y({}, a, {
@@ -1229,7 +1229,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ h(Rt, {
+    /* @__PURE__ */ h(Mt, {
       as: et,
       allowPinchZoom: !0,
       shards: [
@@ -1246,7 +1246,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     })))
   );
 }), fe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
-  const t = jt(fe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(fe, e.__scopeDialog);
+  const t = Wt(fe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(fe, e.__scopeDialog);
   return /* @__PURE__ */ h(q, {
     present: o || n.open
   }, n.modal ? /* @__PURE__ */ h(In, y({}, a, {
@@ -1259,7 +1259,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
   return D(() => {
     const n = o.current;
     if (n) return Cn(n);
-  }, []), /* @__PURE__ */ h(Wt, y({}, e, {
+  }, []), /* @__PURE__ */ h(zt, y({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
@@ -1278,7 +1278,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
   }));
 }), kn = /* @__PURE__ */ w((e, r) => {
   const t = j(fe, e.__scopeDialog), o = A(!1), a = A(!1);
-  return /* @__PURE__ */ h(Wt, y({}, e, {
+  return /* @__PURE__ */ h(zt, y({}, e, {
     ref: r,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1297,7 +1297,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
       ((c = t.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(l)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
     }
   }));
-}), Wt = /* @__PURE__ */ w((e, r) => {
+}), zt = /* @__PURE__ */ w((e, r) => {
   const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(fe, t), l = A(null), s = k(r, l);
   return Wr(), /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h(Dr, {
     asChild: !0,
@@ -1344,11 +1344,11 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
 function tt(e) {
   return e ? "open" : "closed";
 }
-const Yn = Tn, Xn = Dn, Bn = On, Vn = Ln, qn = Mn, bt = jn, Kn = zn, Gn = Hn;
+const Yn = Tn, Xn = Dn, Bn = On, Vn = Ln, qn = Mn, mt = jn, Kn = zn, Gn = Hn;
 function Zn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var zt = { exports: {} };
+var Ut = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1383,9 +1383,9 @@ var zt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(zt);
-var Qn = zt.exports;
-const Q = /* @__PURE__ */ Zn(Qn), Ut = de(null), Jn = {}, eo = "_drawerSmallScreenAnimation_10vdf_1", to = "_drawerLargeScreenAnimation_10vdf_1", ro = "_slideDown_10vdf_1", no = "_overlayAnimation_10vdf_1", oo = {
+})(Ut);
+var Qn = Ut.exports;
+const Q = /* @__PURE__ */ Zn(Qn), Ht = de(null), Jn = {}, eo = "_drawerSmallScreenAnimation_10vdf_1", to = "_drawerLargeScreenAnimation_10vdf_1", ro = "_slideDown_10vdf_1", no = "_overlayAnimation_10vdf_1", oo = {
   "purpur-drawer-content": "_purpur-drawer-content_10vdf_1",
   drawerSmallScreenAnimation: eo,
   drawerLargeScreenAnimation: to,
@@ -1441,18 +1441,18 @@ const io = {
     if (!e.current)
       return;
     const u = s.clientY - e.current.y, d = !!r.current, f = Math.max(0, u), v = s.pointerType === "touch" ? 10 : 2, m = { y: f }, p = { originalEvent: s, delta: m };
-    d ? (r.current = m, o(p)) : mt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (e.current = null);
+    d ? (r.current = m, o(p)) : gt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (e.current = null);
   },
   onPointerUp: (s) => {
     const u = r.current, d = s.target;
     if (d.hasPointerCapture(s.pointerId) && d.releasePointerCapture(s.pointerId), r.current = null, e.current = null, u) {
       const f = s.currentTarget, v = { originalEvent: s, delta: u };
-      mt(u, 0) && u.y > 200 ? n(v) : a(), f.addEventListener("click", (m) => m.preventDefault(), {
+      gt(u, 0) && u.y > 200 ? n(v) : a(), f.addEventListener("click", (m) => m.preventDefault(), {
         once: !0
       });
     }
   }
-}), mt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), fo = "purpur-drawer-handle", Ht = w(
+}), gt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), fo = "purpur-drawer-handle", Yt = w(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1484,7 +1484,7 @@ const io = {
     );
   }
 );
-Ht.displayName = "DrawerHandle";
+Yt.displayName = "DrawerHandle";
 const po = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
@@ -1497,7 +1497,7 @@ const po = {
 function ho(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Yt = { exports: {} };
+var Xt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1532,9 +1532,9 @@ var Yt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Yt);
-var bo = Yt.exports;
-const gt = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1", ce = {
+})(Xt);
+var bo = Xt.exports;
+const _t = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1", ce = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: mo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1561,13 +1561,13 @@ const gt = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1",
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: gt([ce[ie], ce[`${ie}--${o}`]]),
+    className: _t([ce[ie], ce[`${ie}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: gt(ce[`${ie}__circle`], {
+        className: _t(ce[`${ie}__circle`], {
           [ce[`${ie}__circle--disabled`]]: r,
           [ce[`${ie}__circle--negative`]]: t
         }),
@@ -1581,7 +1581,7 @@ const gt = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1",
 function wo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Xt = { exports: {} };
+var Bt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1616,8 +1616,8 @@ var Xt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Xt);
-var yo = Xt.exports;
+})(Bt);
+var yo = Bt.exports;
 const So = /* @__PURE__ */ wo(yo), Eo = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
@@ -1699,7 +1699,7 @@ Ve.displayName = "Button";
 function Po(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Bt = { exports: {} };
+var Vt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1734,8 +1734,8 @@ var Bt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Bt);
-var To = Bt.exports;
+})(Vt);
+var To = Vt.exports;
 const Ao = /* @__PURE__ */ Po(To), ge = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
@@ -1786,7 +1786,7 @@ Ke.displayName = "Heading";
 function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Vt = { exports: {} };
+var qt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1821,8 +1821,8 @@ var Vt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Vt);
-var No = Vt.exports;
+})(qt);
+var No = qt.exports;
 const Oo = /* @__PURE__ */ Do(No), Lo = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -1841,23 +1841,23 @@ const Oo = /* @__PURE__ */ Do(No), Lo = {
   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"
-}, qt = (e) => /* @__PURE__ */ _(
-  Gt,
+}, Kt = (e) => /* @__PURE__ */ _(
+  rt,
   {
     ...e,
     svg: Ro
   }
 );
-qt.displayName = "IconArrowLeft";
-const Kt = (e) => /* @__PURE__ */ _(
-  Gt,
+Kt.displayName = "IconArrowLeft";
+const Gt = (e) => /* @__PURE__ */ _(
+  rt,
   {
     ...e,
     svg: Mo
   }
 );
-Kt.displayName = "IconClose";
-const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), jo = ({ content: e = "", title: r } = {}) => {
+Gt.displayName = "IconClose";
+const Io = Oo.bind(Lo), $t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), jo = ({ content: e = "", title: r } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1865,7 +1865,7 @@ const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r)
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
   return `<svg ${Fo(t)}>${o}${e}</svg>`;
-}, Wo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gt = ({
+}, Wo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: t,
@@ -1876,7 +1876,7 @@ const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r)
   const i = jo({
     content: Wo(r.svg),
     title: t
-  }), c = Io(o, _t, `${_t}--${a}`);
+  }), c = Io(o, $t, `${$t}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1887,7 +1887,9 @@ const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r)
       ...n
     }
   );
-}, zo = {
+};
+rt.displayName = "Icon";
+const zo = {
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1yg5w_1",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1yg5w_6",
   "purpur-drawer-header__left": "_purpur-drawer-header__left_1yg5w_9",
@@ -1935,11 +1937,11 @@ const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r)
                 size: "sm",
                 variant: o ? ze.TERTIARY_PURPLE : ze.TEXT,
                 children: [
-                  /* @__PURE__ */ _(qt, { size: "sm" }),
+                  /* @__PURE__ */ _(Kt, { size: "sm" }),
                   !o && t
                 ]
               }
-            ) : /* @__PURE__ */ _(bt, { asChild: !0, children: /* @__PURE__ */ _(
+            ) : /* @__PURE__ */ _(mt, { asChild: !0, children: /* @__PURE__ */ _(
               Ke,
               {
                 "data-testid": `${e}-title`,
@@ -1956,13 +1958,13 @@ const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r)
                 iconOnly: !0,
                 size: "sm",
                 variant: ze.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ _(Kt, { size: "sm" })
+                children: /* @__PURE__ */ _(Gt, { size: "sm" })
               }
             ) }) })
           ]
         }
       ),
-      r && t && i && /* @__PURE__ */ _(bt, { asChild: !0, children: /* @__PURE__ */ _(
+      r && t && i && /* @__PURE__ */ _(mt, { asChild: !0, children: /* @__PURE__ */ _(
         Ke,
         {
           className: G(`${H}__heading`),
@@ -1985,12 +1987,12 @@ function Yo(e, [r, t]) {
   return Math.min(t, Math.max(r, e));
 }
 function Xo(e, r) {
-  return wt((t, o) => {
+  return yt((t, o) => {
     const a = r[t][o];
     return a ?? t;
   }, e);
 }
-const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__ */ w((e, r) => {
+const Qt = "ScrollArea", [Jt, _a] = xt(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__ */ w((e, r) => {
   const { __scopeScrollArea: t, type: o = "hover", dir: a, scrollHideDelay: n = 600, ...i } = e, [c, l] = N(null), [s, u] = N(null), [d, f] = N(null), [v, m] = N(null), [p, b] = N(null), [g, P] = N(0), [S, E] = N(0), [T, I] = N(!1), [O, x] = N(!1), C = k(
     r,
     (W) => l(W)
@@ -2077,7 +2079,7 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
   })) : a.type === "auto" ? /* @__PURE__ */ h(er, y({}, o, {
     ref: r,
     forceMount: t
-  })) : a.type === "always" ? /* @__PURE__ */ h(rt, y({}, o, {
+  })) : a.type === "always" ? /* @__PURE__ */ h(nt, y({}, o, {
     ref: r
   })) : null;
 }), Zo = /* @__PURE__ */ w((e, r) => {
@@ -2159,7 +2161,7 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     i
   ]), /* @__PURE__ */ h(q, {
     present: t || c !== "hidden"
-  }, /* @__PURE__ */ h(rt, y({
+  }, /* @__PURE__ */ h(nt, y({
     "data-state": c === "hidden" ? "hidden" : "visible"
   }, o, {
     ref: r,
@@ -2181,12 +2183,12 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
   }, 10);
   return Pe(t.viewport, l), Pe(t.content, l), /* @__PURE__ */ h(q, {
     present: o || n
-  }, /* @__PURE__ */ h(rt, y({
+  }, /* @__PURE__ */ h(nt, y({
     "data-state": n ? "visible" : "hidden"
   }, a, {
     ref: r
   })));
-}), rt = /* @__PURE__ */ w((e, r) => {
+}), nt = /* @__PURE__ */ w((e, r) => {
   const { orientation: t = "vertical", ...o } = e, a = U(X, e.__scopeScrollArea), n = A(null), i = A(0), [c, l] = N({
     content: 0,
     viewport: 0,
@@ -2211,7 +2213,7 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
-        const f = a.viewport.scrollLeft, v = $t(f, c, a.dir);
+        const f = a.viewport.scrollLeft, v = wt(f, c, a.dir);
         n.current.style.transform = `translate3d(${v}px, 0, 0)`;
       }
     },
@@ -2225,7 +2227,7 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
-        const f = a.viewport.scrollTop, v = $t(f, c);
+        const f = a.viewport.scrollTop, v = wt(f, c);
         n.current.style.transform = `translate3d(0, ${v}px, 0)`;
       }
     },
@@ -2440,7 +2442,7 @@ function oa(e, r, t, o = "ltr") {
     s
   ], d)(e);
 }
-function $t(e, r, t = "ltr") {
+function wt(e, r, t = "ltr") {
   const o = De(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, i = r.content - r.viewport, c = n - o, l = t === "ltr" ? [
     0,
     i
@@ -2573,7 +2575,7 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
         ...b,
         children: [
           /* @__PURE__ */ _(
-            Ht,
+            Yt,
             {
               onSwipeStart: u,
               onSwipeMove: d,
@@ -2693,7 +2695,7 @@ const da = (e, r) => ({
     zIndex: v,
     ...m
   }, p) => {
-    const b = ue([i, $e]), g = A(null), P = Te(Ut), { onAnimationEnd: S, onSwipeStart: E, onSwipeMove: T, onSwipeCancel: I, onSwipeEnd: O } = da(g, P), x = (C) => {
+    const b = ue([i, $e]), g = A(null), P = Te(Ht), { onAnimationEnd: S, onSwipeStart: E, onSwipeMove: T, onSwipeCancel: I, onSwipeEnd: O } = da(g, P), x = (C) => {
       l && C.preventDefault();
     };
     return /* @__PURE__ */ _(Bn, { children: /* @__PURE__ */ _(
@@ -2768,7 +2770,7 @@ const sr = w(
   )
 );
 sr.displayName = "DrawerTrigger";
-const fa = Q.bind(Jn), pa = "purpur-drawer", nt = ({
+const fa = Q.bind(Jn), pa = "purpur-drawer", ot = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2781,12 +2783,12 @@ const fa = Q.bind(Jn), pa = "purpur-drawer", nt = ({
   };
   return D(() => {
     c(a);
-  }, [a]), /* @__PURE__ */ _(Ut.Provider, { value: s, children: /* @__PURE__ */ _("div", { className: l, "data-testid": e, ...n, children: /* @__PURE__ */ _(Yn, { open: i, onOpenChange: s, children: r }) }) });
+  }, [a]), /* @__PURE__ */ _(Ht.Provider, { value: s, children: /* @__PURE__ */ _("div", { className: l, "data-testid": e, ...n, children: /* @__PURE__ */ _(Yn, { open: i, onOpenChange: s, children: r }) }) });
 };
-nt.Trigger = sr;
-nt.Content = ir;
-nt.displayName = "Drawer";
+ot.Trigger = sr;
+ot.Content = ir;
+ot.displayName = "Drawer";
 export {
-  nt as Drawer
+  ot as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map