@purpurds/drawer 5.18.2 → 5.18.3

package/dist/drawer.es.js

@@ -16,12 +16,12 @@ function L(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented) return r == null ? void 0 : r(a);
   };
 }
-function pr(e, r) {
+function fr(e, r) {
   typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
 function St(...e) {
   return (r) => e.forEach(
-    (t) => pr(t, r)
+    (t) => fr(t, r)
   );
 }
 function k(...e) {
@@ -36,16 +36,16 @@ function Et(e, r = []) {
       i
     ];
     function s(d) {
-      const { scope: p, children: v, ...m } = d, f = (p == null ? void 0 : p[e][l]) || c, b = Se(
+      const { scope: f, children: v, ...m } = d, p = (f == null ? void 0 : f[e][l]) || c, b = Se(
         () => m,
         Object.values(m)
       );
-      return /* @__PURE__ */ h(f.Provider, {
+      return /* @__PURE__ */ h(p.Provider, {
         value: b
       }, v);
     }
-    function u(d, p) {
-      const v = (p == null ? void 0 : p[e][l]) || c, m = Te(v);
+    function u(d, f) {
+      const v = (f == null ? void 0 : f[e][l]) || c, m = Te(v);
       if (m) return m;
       if (i !== void 0) return i;
       throw new Error(`\`${d}\` must be used within \`${n}\``);
@@ -75,10 +75,10 @@ function Et(e, r = []) {
   };
   return a.scopeName = e, [
     o,
-    fr(a, ...r)
+    pr(a, ...r)
   ];
 }
-function fr(...e) {
+function pr(...e) {
   const r = e[0];
   if (e.length === 1) return r;
   const t = () => {
@@ -267,9 +267,9 @@ const Cr = /* @__PURE__ */ de({
   branches: /* @__PURE__ */ new Set()
 }), Pr = /* @__PURE__ */ w((e, r) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: l, ...s } = e, u = Te(Cr), [d, p] = N(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = N({}), f = k(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: l, ...s } = e, u = Te(Cr), [d, f] = N(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = N({}), p = k(
     r,
-    (x) => p(x)
+    (x) => f(x)
   ), b = Array.from(u.layers), [g] = [
     ...u.layersWithOutsidePointerEventsDisabled
   ].slice(-1), C = b.indexOf(g), S = d ? b.indexOf(d) : -1, E = u.layersWithOutsidePointerEventsDisabled.size > 0, P = S >= C, I = Tr((x) => {
@@ -308,7 +308,7 @@ const Cr = /* @__PURE__ */ de({
     const x = () => m({});
     return document.addEventListener(Ye, x), () => document.removeEventListener(Ye, x);
   }, []), /* @__PURE__ */ h(F.div, y({}, s, {
-    ref: f,
+    ref: p,
     style: {
       pointerEvents: E ? P ? "auto" : "none" : void 0,
       ...e.style
@@ -389,9 +389,9 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, Dr = /* @__PURE__ */ w((e, r) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: n, ...i } = e, [c, l] = N(null), s = M(a), u = M(n), d = A(null), p = k(
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: n, ...i } = e, [c, l] = N(null), s = M(a), u = M(n), d = A(null), f = k(
     r,
-    (f) => l(f)
+    (p) => l(p)
   ), v = A({
     paused: !1,
     pause() {
@@ -403,7 +403,7 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
   }).current;
   D(() => {
     if (o) {
-      let f = function(S) {
+      let p = function(S) {
         if (v.paused || !c) return;
         const E = S.target;
         c.contains(E) ? d.current = E : V(d.current, {
@@ -419,13 +419,13 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
         if (document.activeElement === document.body)
           for (const P of S) P.removedNodes.length > 0 && V(c);
       };
-      document.addEventListener("focusin", f), document.addEventListener("focusout", b);
+      document.addEventListener("focusin", p), document.addEventListener("focusout", b);
       const C = new MutationObserver(g);
       return c && C.observe(c, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", f), document.removeEventListener("focusout", b), C.disconnect();
+        document.removeEventListener("focusin", p), document.removeEventListener("focusout", b), C.disconnect();
       };
     }
   }, [
@@ -435,17 +435,17 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
   ]), D(() => {
     if (c) {
       st.add(v);
-      const f = document.activeElement;
-      if (!c.contains(f)) {
+      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)), {
           select: !0
-        }), document.activeElement === f && V(c));
+        }), document.activeElement === p && V(c));
       }
       return () => {
         c.removeEventListener(Le, s), setTimeout(() => {
           const g = new CustomEvent(Re, ct);
-          c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || V(f ?? document.body, {
+          c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || V(p ?? document.body, {
             select: !0
           }), c.removeEventListener(Re, u), st.remove(v);
         }, 0);
@@ -457,16 +457,16 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
     u,
     v
   ]);
-  const m = ae((f) => {
+  const m = ae((p) => {
     if (!t && !o || v.paused) return;
-    const b = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, g = document.activeElement;
+    const b = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, g = document.activeElement;
     if (b && g) {
-      const C = f.currentTarget, [S, E] = Or(C);
-      S && E ? !f.shiftKey && g === E ? (f.preventDefault(), t && V(S, {
+      const C = p.currentTarget, [S, E] = Or(C);
+      S && E ? !p.shiftKey && g === E ? (p.preventDefault(), t && V(S, {
         select: !0
-      })) : f.shiftKey && g === S && (f.preventDefault(), t && V(E, {
+      })) : p.shiftKey && g === S && (p.preventDefault(), t && V(E, {
         select: !0
-      })) : g === C && f.preventDefault();
+      })) : g === C && p.preventDefault();
     }
   }, [
     t,
@@ -476,7 +476,7 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
   return /* @__PURE__ */ h(F.div, y({
     tabIndex: -1
   }, i, {
-    ref: p,
+    ref: f,
     onKeyDown: m
   }));
 });
@@ -592,15 +592,15 @@ function jr(e) {
     }
   });
   return D(() => {
-    const s = fe(o.current);
+    const s = pe(o.current);
     n.current = c === "mounted" ? s : "none";
   }, [
     c
   ]), xe(() => {
     const s = o.current, u = a.current;
     if (u !== e) {
-      const p = n.current, v = fe(s);
-      e ? l("MOUNT") : v === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(u && p !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const f = n.current, v = pe(s);
+      e ? l("MOUNT") : v === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(u && f !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [
     e,
@@ -608,12 +608,12 @@ function jr(e) {
   ]), xe(() => {
     if (r) {
       const s = (d) => {
-        const v = fe(o.current).includes(d.animationName);
+        const v = pe(o.current).includes(d.animationName);
         d.target === r && v && yt(
           () => l("ANIMATION_END")
         );
       }, u = (d) => {
-        d.target === r && (n.current = fe(o.current));
+        d.target === r && (n.current = pe(o.current));
       };
       return r.addEventListener("animationstart", u), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
         r.removeEventListener("animationstart", u), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
@@ -633,7 +633,7 @@ function jr(e) {
     }, [])
   };
 }
-function fe(e) {
+function pe(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 let Me = 0;
@@ -801,11 +801,11 @@ var At = Kr(), ke = function() {
     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, p = e.sideCar, v = e.noIsolation, m = e.inert, f = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, C = Pt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = p, E = Br([t, r]), P = W(W({}, C), 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, C = Pt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = Br([t, r]), P = W(W({}, C), a);
   return $.createElement(
     $.Fragment,
     null,
-    u && $.createElement(S, { sideCar: At, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!f, lockRef: t }),
+    u && $.createElement(S, { sideCar: At, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
     i ? $.cloneElement($.Children.only(c), W(W({}, P), { ref: E })) : $.createElement(g, W({}, P, { className: l, ref: E }), c)
   );
 });
@@ -926,13 +926,13 @@ var tn = function() {
     `).concat(Hr, ": ").concat(c, `px;
   }
 `);
-}, pt = function() {
+}, ft = function() {
   var e = parseInt(document.body.getAttribute(oe) || "0", 10);
   return isFinite(e) ? e : 0;
 }, ln = function() {
   $.useEffect(function() {
-    return document.body.setAttribute(oe, (pt() + 1).toString()), function() {
-      var e = pt() - 1;
+    return document.body.setAttribute(oe, (ft() + 1).toString()), function() {
+      var e = ft() - 1;
       e <= 0 ? document.body.removeAttribute(oe) : document.body.setAttribute(oe, e.toString());
     };
   }, []);
@@ -964,11 +964,11 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
     t[r] !== "hidden" && // contains scroll inside self
     !(t.overflowY === t.overflowX && !dn(e) && t[r] === "visible")
   );
-}, pn = function(e) {
-  return Nt(e, "overflowY");
 }, fn = function(e) {
+  return Nt(e, "overflowY");
+}, pn = function(e) {
   return Nt(e, "overflowX");
-}, ft = function(e, r) {
+}, pt = function(e, r) {
   var t = r;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -996,22 +996,22 @@ var J = Xe ? { passive: !1 } : !1, dn = function(e) {
     o
   ];
 }, Ot = function(e, r) {
-  return e === "v" ? pn(r) : fn(r);
+  return e === "v" ? fn(r) : pn(r);
 }, Lt = 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, p = 0;
+  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], f = v[1], b = v[2], g = f - b - n * m;
-    (m || g) && Ot(e, c) && (d += g, p += m), c = c.parentNode;
+    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;
   } while (
     // portaled content
     !l && c !== document.body || // self content
     l && (r.contains(c) || r === c)
   );
-  return (u && (d === 0 || !a) || !u && (p === 0 || !a)) && (s = !0), s;
+  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) {
@@ -1035,33 +1035,33 @@ function wn(e) {
   }, [e]), $.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var f = Wr([e.lockRef.current], (e.shards || []).map(ht), !0).filter(Boolean);
-      return f.forEach(function(b) {
+      var p = Wr([e.lockRef.current], (e.shards || []).map(ht), !0).filter(Boolean);
+      return p.forEach(function(b) {
         return b.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), f.forEach(function(b) {
+        document.body.classList.remove("block-interactivity-".concat(a)), p.forEach(function(b) {
           return b.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var c = $.useCallback(function(f, b) {
-    if ("touches" in f && f.touches.length === 2)
+  var c = $.useCallback(function(p, b) {
+    if ("touches" in p && p.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var g = he(f), C = t.current, S = "deltaX" in f ? f.deltaX : C[0] - g[0], E = "deltaY" in f ? f.deltaY : C[1] - g[1], P, I = f.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
-    if ("touches" in f && O === "h" && I.type === "range")
+    var g = he(p), C = t.current, S = "deltaX" in p ? p.deltaX : C[0] - g[0], E = "deltaY" in p ? p.deltaY : C[1] - g[1], P, 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 = ft(O, I);
+    var x = pt(O, I);
     if (!x)
       return !0;
-    if (x ? P = O : (P = O === "v" ? "h" : "v", x = ft(O, I)), !x)
+    if (x ? P = O : (P = O === "v" ? "h" : "v", x = pt(O, I)), !x)
       return !1;
-    if (!o.current && "changedTouches" in f && (S || E) && (o.current = P), !P)
+    if (!o.current && "changedTouches" in p && (S || E) && (o.current = P), !P)
       return !0;
     var T = o.current || P;
-    return mn(T, b, f, T === "h" ? S : E, !0);
-  }, []), l = $.useCallback(function(f) {
-    var b = f;
+    return mn(T, b, p, T === "h" ? S : E, !0);
+  }, []), l = $.useCallback(function(p) {
+    var b = p;
     if (!(!ee.length || ee[ee.length - 1] !== n)) {
       var g = "deltaY" in b ? vt(b) : he(b), C = r.current.filter(function(P) {
         return P.name === b.type && P.target === b.target && gn(P.delta, g);
@@ -1077,28 +1077,28 @@ function wn(e) {
         E && b.cancelable && b.preventDefault();
       }
     }
-  }, []), s = $.useCallback(function(f, b, g, C) {
-    var S = { name: f, delta: b, target: g, should: C };
+  }, []), s = $.useCallback(function(p, b, g, C) {
+    var S = { name: p, delta: b, target: g, should: C };
     r.current.push(S), setTimeout(function() {
       r.current = r.current.filter(function(E) {
         return E !== S;
       });
     }, 1);
-  }, []), u = $.useCallback(function(f) {
-    t.current = he(f), o.current = void 0;
-  }, []), d = $.useCallback(function(f) {
-    s(f.type, vt(f), f.target, c(f, e.lockRef.current));
-  }, []), p = $.useCallback(function(f) {
-    s(f.type, he(f), f.target, c(f, e.lockRef.current));
+  }, []), 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));
+  }, []), f = $.useCallback(function(p) {
+    s(p.type, he(p), p.target, c(p, e.lockRef.current));
   }, []);
   $.useEffect(function() {
     return ee.push(n), e.setCallbacks({
       onScrollCapture: d,
       onWheelCapture: d,
-      onTouchMoveCapture: p
+      onTouchMoveCapture: f
     }), document.addEventListener("wheel", l, J), document.addEventListener("touchmove", l, J), document.addEventListener("touchstart", u, J), function() {
-      ee = ee.filter(function(f) {
-        return f !== n;
+      ee = ee.filter(function(p) {
+        return p !== n;
       }), document.removeEventListener("wheel", l, J), document.removeEventListener("touchmove", l, J), document.removeEventListener("touchstart", u, J);
     };
   }, []);
@@ -1139,22 +1139,22 @@ var Sn = function(e) {
   };
   a.forEach(s);
   var u = function(d) {
-    !d || l.has(d) || Array.prototype.forEach.call(d.children, function(p) {
-      if (c.has(p))
-        u(p);
+    !d || l.has(d) || Array.prototype.forEach.call(d.children, function(f) {
+      if (c.has(f))
+        u(f);
       else
         try {
-          var v = p.getAttribute(o), m = v !== null && v !== "false", f = (te.get(p) || 0) + 1, b = (n.get(p) || 0) + 1;
-          te.set(p, f), n.set(p, b), i.push(p), f === 1 && m && be.set(p, !0), b === 1 && p.setAttribute(t, "true"), m || p.setAttribute(o, "true");
+          var v = f.getAttribute(o), m = v !== null && v !== "false", p = (te.get(f) || 0) + 1, b = (n.get(f) || 0) + 1;
+          te.set(f, p), n.set(f, b), i.push(f), p === 1 && m && be.set(f, !0), b === 1 && f.setAttribute(t, "true"), m || f.setAttribute(o, "true");
         } catch (g) {
-          console.error("aria-hidden: cannot operate on ", p, g);
+          console.error("aria-hidden: cannot operate on ", f, g);
         }
     });
   };
   return u(r), c.clear(), je++, function() {
     i.forEach(function(d) {
-      var p = te.get(d) - 1, v = n.get(d) - 1;
-      te.set(d, p), n.set(d, v), p || (be.has(d) || d.removeAttribute(o), be.delete(d)), v || d.removeAttribute(t);
+      var f = te.get(d) - 1, v = n.get(d) - 1;
+      te.set(d, f), n.set(d, v), f || (be.has(d) || d.removeAttribute(o), be.delete(d)), v || d.removeAttribute(t);
     }), je--, je || (te = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {});
   };
 }, Cn = function(e, r, t) {
@@ -1245,8 +1245,8 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
       }
     })))
   );
-}), pe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
-  const t = jt(pe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(pe, e.__scopeDialog);
+}), fe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
+  const t = jt(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, {
@@ -1255,7 +1255,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     ref: r
   })));
 }), In = /* @__PURE__ */ w((e, r) => {
-  const t = j(pe, e.__scopeDialog), o = A(null), a = k(r, t.contentRef, o);
+  const t = j(fe, e.__scopeDialog), o = A(null), a = k(r, t.contentRef, o);
   return D(() => {
     const n = o.current;
     if (n) return Cn(n);
@@ -1277,7 +1277,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     )
   }));
 }), kn = /* @__PURE__ */ w((e, r) => {
-  const t = j(pe, e.__scopeDialog), o = A(!1), a = A(!1);
+  const t = j(fe, e.__scopeDialog), o = A(!1), a = A(!1);
   return /* @__PURE__ */ h(zt, y({}, e, {
     ref: r,
     trapFocus: !1,
@@ -1298,7 +1298,7 @@ const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
     }
   }));
 }), zt = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(pe, t), l = A(null), s = k(r, l);
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(fe, t), l = A(null), s = k(r, l);
   return zr(), /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h(Dr, {
     asChild: !0,
     loop: !0,
@@ -1385,17 +1385,15 @@ var Wt = { exports: {} };
   })();
 })(Wt);
 var Qn = Wt.exports;
-const Q = /* @__PURE__ */ Zn(Qn), Ut = de(null), Jn = {
-  "purpur-drawer": "_purpur-drawer_xzrkg_1"
-}, eo = "_drawerSmallScreenAnimation_1j9c0_1", to = "_drawerLargeScreenAnimation_1j9c0_1", ro = "_slideDown_1j9c0_1", no = "_overlayAnimation_1j9c0_1", oo = {
-  "purpur-drawer-content": "_purpur-drawer-content_1j9c0_1",
+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 = {
+  "purpur-drawer-content": "_purpur-drawer-content_10vdf_1",
   drawerSmallScreenAnimation: eo,
   drawerLargeScreenAnimation: to,
-  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_1j9c0_22",
-  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_1j9c0_27",
+  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_10vdf_22",
+  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_10vdf_27",
   slideDown: ro,
-  "purpur-drawer-content__description": "_purpur-drawer-content__description_1j9c0_37",
-  "purpur-drawer-overlay": "_purpur-drawer-overlay_1j9c0_48",
+  "purpur-drawer-content__description": "_purpur-drawer-content__description_10vdf_37",
+  "purpur-drawer-overlay": "_purpur-drawer-overlay_10vdf_48",
   overlayAnimation: no
 }, ao = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1r6tb_1",
@@ -1442,19 +1440,19 @@ const io = {
   onPointerMove: (s) => {
     if (!e.current)
       return;
-    const u = s.clientY - e.current.y, d = !!r.current, p = Math.max(0, u), v = s.pointerType === "touch" ? 10 : 2, m = { y: p }, f = { originalEvent: s, delta: m };
-    d ? (r.current = m, o(f)) : mt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (e.current = null);
+    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);
   },
   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 p = s.currentTarget, v = { originalEvent: s, delta: u };
-      mt(u, 0) && u.y > 200 ? n(v) : a(), p.addEventListener("click", (m) => m.preventDefault(), {
+      const f = s.currentTarget, v = { originalEvent: s, delta: u };
+      mt(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), po = "purpur-drawer-handle", Ht = w(
+}), mt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), fo = "purpur-drawer-handle", Ht = w(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1464,7 +1462,7 @@ const io = {
     onSwipeEnd: n,
     ...i
   }, c) => {
-    const l = uo([r, po]), s = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: p, onPointerUp: v } = lo(
+    const l = uo([r, fo]), s = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: f, onPointerUp: v } = lo(
       u,
       s,
       t,
@@ -1478,7 +1476,7 @@ const io = {
         className: l,
         "data-testid": e,
         onPointerDown: d,
-        onPointerMove: p,
+        onPointerMove: f,
         onPointerUp: v,
         ref: c,
         ...i
@@ -1487,7 +1485,7 @@ const io = {
   }
 );
 Ht.displayName = "DrawerHandle";
-const fo = {
+const po = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   EXPRESSIVE: "expressive"
@@ -1642,7 +1640,7 @@ const So = /* @__PURE__ */ wo(yo), Eo = {
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
 }, We = {
-  ...fo,
+  ...po,
   DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
@@ -1659,7 +1657,7 @@ const So = /* @__PURE__ */ wo(yo), Eo = {
   size: s = "md",
   variant: u,
   type: d = "button",
-  ...p
+  ...f
 }, v) => {
   if (n && u === "destructive")
     return null;
@@ -1676,9 +1674,9 @@ const So = /* @__PURE__ */ wo(yo), Eo = {
       [`${K}--disabled`]: o || i
     },
     r
-  ), f = (g) => {
+  ), p = (g) => {
     o || i ? g.preventDefault() : l && l(g);
-  }, b = !!p["aria-disabled"] || o || i;
+  }, b = !!f["aria-disabled"] || o || i;
   return /* @__PURE__ */ Y(
     "button",
     {
@@ -1687,8 +1685,8 @@ const So = /* @__PURE__ */ wo(yo), Eo = {
       type: d,
       ref: v,
       "aria-disabled": b,
-      onClick: f,
-      ...p,
+      onClick: p,
+      ...f,
       children: [
         i && /* @__PURE__ */ _($o, { size: s === vo.LG ? "xs" : "xxs", negative: c, disabled: b }),
         " ",
@@ -1993,7 +1991,7 @@ function Xo(e, r) {
   }, e);
 }
 const Qt = "ScrollArea", [Jt, _a] = Et(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, p] = N(null), [v, m] = N(null), [f, b] = N(null), [g, C] = N(0), [S, E] = N(0), [P, I] = N(!1), [O, x] = N(!1), T = k(
+  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, C] = N(0), [S, E] = N(0), [P, I] = N(!1), [O, x] = N(!1), T = k(
     r,
     (z) => l(z)
   ), R = Ho(a);
@@ -2006,12 +2004,12 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     viewport: s,
     onViewportChange: u,
     content: d,
-    onContentChange: p,
+    onContentChange: f,
     scrollbarX: v,
     onScrollbarXChange: m,
     scrollbarXEnabled: P,
     onScrollbarXEnabledChange: I,
-    scrollbarY: f,
+    scrollbarY: p,
     onScrollbarYChange: b,
     scrollbarYEnabled: O,
     onScrollbarYEnabledChange: x,
@@ -2148,11 +2146,11 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     const s = a.viewport, u = n ? "scrollLeft" : "scrollTop";
     if (s) {
       let d = s[u];
-      const p = () => {
+      const f = () => {
         const v = s[u];
         d !== v && (l("SCROLL"), i()), d = v;
       };
-      return s.addEventListener("scroll", p), () => s.removeEventListener("scroll", p);
+      return s.addEventListener("scroll", f), () => s.removeEventListener("scroll", f);
     }
   }, [
     a.viewport,
@@ -2202,40 +2200,40 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     sizes: c,
     onSizesChange: l,
     hasThumb: s > 0 && s < 1,
-    onThumbChange: (p) => n.current = p,
+    onThumbChange: (f) => n.current = f,
     onThumbPointerUp: () => i.current = 0,
-    onThumbPointerDown: (p) => i.current = p
+    onThumbPointerDown: (f) => i.current = f
   };
-  function d(p, v) {
-    return oa(p, i.current, c, v);
+  function d(f, v) {
+    return oa(f, i.current, c, v);
   }
   return t === "horizontal" ? /* @__PURE__ */ h(Jo, y({}, u, {
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
-        const p = a.viewport.scrollLeft, v = $t(p, c, a.dir);
+        const f = a.viewport.scrollLeft, v = $t(f, c, a.dir);
         n.current.style.transform = `translate3d(${v}px, 0, 0)`;
       }
     },
-    onWheelScroll: (p) => {
-      a.viewport && (a.viewport.scrollLeft = p);
+    onWheelScroll: (f) => {
+      a.viewport && (a.viewport.scrollLeft = f);
     },
-    onDragScroll: (p) => {
-      a.viewport && (a.viewport.scrollLeft = d(p, a.dir));
+    onDragScroll: (f) => {
+      a.viewport && (a.viewport.scrollLeft = d(f, a.dir));
     }
   })) : t === "vertical" ? /* @__PURE__ */ h(ea, y({}, u, {
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
-        const p = a.viewport.scrollTop, v = $t(p, c);
+        const f = a.viewport.scrollTop, v = $t(f, c);
         n.current.style.transform = `translate3d(0, ${v}px, 0)`;
       }
     },
-    onWheelScroll: (p) => {
-      a.viewport && (a.viewport.scrollTop = p);
+    onWheelScroll: (f) => {
+      a.viewport && (a.viewport.scrollTop = f);
     },
-    onDragScroll: (p) => {
-      a.viewport && (a.viewport.scrollTop = d(p));
+    onDragScroll: (f) => {
+      a.viewport && (a.viewport.scrollTop = d(f));
     }
   })) : null;
 }), Jo = /* @__PURE__ */ w((e, r) => {
@@ -2260,8 +2258,8 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     onDragScroll: (u) => e.onDragScroll(u.x),
     onWheelScroll: (u, d) => {
       if (n.viewport) {
-        const p = n.viewport.scrollLeft + u.deltaX;
-        e.onWheelScroll(p), ar(p, d) && u.preventDefault();
+        const f = n.viewport.scrollLeft + u.deltaX;
+        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
       }
     },
     onResize: () => {
@@ -2299,8 +2297,8 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     onDragScroll: (u) => e.onDragScroll(u.y),
     onWheelScroll: (u, d) => {
       if (n.viewport) {
-        const p = n.viewport.scrollTop + u.deltaY;
-        e.onWheelScroll(p), ar(p, d) && u.preventDefault();
+        const f = n.viewport.scrollTop + u.deltaY;
+        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
       }
     },
     onResize: () => {
@@ -2316,9 +2314,9 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     }
   }));
 }), [ta, tr] = Jt(X), rr = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: s, onWheelScroll: u, onResize: d, ...p } = e, v = U(X, t), [m, f] = N(null), b = k(
+  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: s, onWheelScroll: u, onResize: d, ...f } = e, v = U(X, t), [m, p] = N(null), b = k(
     r,
-    (T) => f(T)
+    (T) => p(T)
   ), g = A(null), C = A(""), S = v.viewport, E = o.content - o.viewport, P = M(u), I = M(l), O = Ne(d, 10);
   function x(T) {
     if (g.current) {
@@ -2355,11 +2353,11 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
     onThumbPointerUp: M(i),
     onThumbPositionChange: I,
     onThumbPointerDown: M(c)
-  }, /* @__PURE__ */ h(F.div, y({}, p, {
+  }, /* @__PURE__ */ h(F.div, y({}, f, {
     ref: b,
     style: {
       position: "absolute",
-      ...p.style
+      ...f.style
     },
     onPointerDown: L(e.onPointerDown, (T) => {
       T.button === 0 && (T.target.setPointerCapture(T.pointerId), g.current = m.getBoundingClientRect(), C.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), x(T));
@@ -2387,13 +2385,13 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
   return D(() => {
     const d = n.viewport;
     if (d) {
-      const p = () => {
+      const f = () => {
         if (u(), !s.current) {
           const v = aa(d, c);
           s.current = v, c();
         }
       };
-      return c(), d.addEventListener("scroll", p), () => d.removeEventListener("scroll", p);
+      return c(), d.addEventListener("scroll", f), () => d.removeEventListener("scroll", f);
     }
   }, [
     n.viewport,
@@ -2409,10 +2407,10 @@ const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__
       ...o
     },
     onPointerDownCapture: L(e.onPointerDownCapture, (d) => {
-      const v = d.target.getBoundingClientRect(), m = d.clientX - v.left, f = d.clientY - v.top;
+      const v = d.target.getBoundingClientRect(), m = d.clientX - v.left, p = d.clientY - v.top;
       i.onThumbPointerDown({
         x: m,
-        y: f
+        y: p
       });
     }),
     onPointerUp: L(e.onPointerUp, i.onThumbPointerUp)
@@ -2552,17 +2550,17 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
     onBackButtonClick: s,
     onSwipeStart: u,
     onSwipeMove: d,
-    onSwipeCancel: p,
+    onSwipeCancel: f,
     onSwipeEnd: v,
     title: m,
-    stickyFooter: f,
+    stickyFooter: p,
     ...b
   }, g) => {
     const C = re([
       n,
       B,
       {
-        [`${B}--sticky-footer`]: f
+        [`${B}--sticky-footer`]: p
       }
     ]);
     return /* @__PURE__ */ Y(
@@ -2579,7 +2577,7 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
             {
               onSwipeStart: u,
               onSwipeMove: d,
-              onSwipeCancel: p,
+              onSwipeCancel: f,
               onSwipeEnd: v
             }
           ),
@@ -2588,7 +2586,7 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
             {
               className: re(`${B}__header`),
               variant: "header",
-              stickyFooter: f,
+              stickyFooter: p,
               children: /* @__PURE__ */ _(
                 Zt,
                 {
@@ -2602,7 +2600,7 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
               )
             }
           ),
-          f ? /* @__PURE__ */ Y(lr, { children: [
+          p ? /* @__PURE__ */ Y(lr, { children: [
             /* @__PURE__ */ _(
               Ze,
               {
@@ -2617,7 +2615,7 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
                 className: re(`${B}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
-                stickyFooter: f,
+                stickyFooter: p,
                 children: c
               }
             )
@@ -2634,12 +2632,12 @@ const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
                     { [`${B}__content-container--no-footer`]: !c }
                   ]),
                   children: [
-                    /* @__PURE__ */ _(ne, { stickyFooter: f, children: a }),
+                    /* @__PURE__ */ _(ne, { stickyFooter: p, children: a }),
                     c && /* @__PURE__ */ _(
                       ne,
                       {
                         "data-testid": `${e}-footer`,
-                        stickyFooter: f,
+                        stickyFooter: p,
                         variant: "footer",
                         children: c
                       }
@@ -2691,10 +2689,10 @@ const da = (e, r) => ({
     footerContent: s,
     onBackButtonClick: u,
     stickyFooter: d = !1,
-    title: p,
+    title: f,
     ...v
   }, m) => {
-    const f = ue([i, $e]), b = A(null), g = Te(Ut), { onAnimationEnd: C, onSwipeStart: S, onSwipeMove: E, onSwipeCancel: P, onSwipeEnd: I } = da(b, g), O = (x) => {
+    const p = ue([i, $e]), b = A(null), g = Te(Ut), { onAnimationEnd: C, onSwipeStart: S, onSwipeMove: E, onSwipeCancel: P, onSwipeEnd: I } = da(b, g), O = (x) => {
       l && x.preventDefault();
     };
     return /* @__PURE__ */ _(Bn, { children: /* @__PURE__ */ _(
@@ -2706,7 +2704,7 @@ const da = (e, r) => ({
           qn,
           {
             onPointerDownOutside: O,
-            className: f,
+            className: p,
             "data-testid": e,
             ref: m,
             ...v,
@@ -2727,7 +2725,7 @@ const da = (e, r) => ({
                 onSwipeCancel: P,
                 onSwipeEnd: I,
                 stickyFooter: d,
-                title: p,
+                title: f,
                 children: a ? /* @__PURE__ */ Y("div", { className: ue(`${$e}__content-container`), children: [
                   /* @__PURE__ */ _(
                     Kn,
@@ -2767,7 +2765,7 @@ const sr = w(
   )
 );
 sr.displayName = "DrawerTrigger";
-const pa = Q.bind(Jn), fa = "purpur-drawer", nt = ({
+const fa = Q.bind(Jn), pa = "purpur-drawer", nt = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2775,7 +2773,7 @@ const pa = Q.bind(Jn), fa = "purpur-drawer", nt = ({
   open: a = !1,
   ...n
 }) => {
-  const [i, c] = Ue.useState(a), l = pa([t, fa]), s = (u) => {
+  const [i, c] = Ue.useState(a), l = fa([t, pa]), s = (u) => {
     c(u), o == null || o(u);
   };
   return D(() => {