@purpur/library 9.2.2 → 9.3.0

package/dist/{drawer-BJ8xwriz.mjs → drawer-Db2Mujc6.mjs}

@@ -1,56 +1,56 @@
-import { jsx as e, jsxs as b, Fragment as T } from "react/jsx-runtime";
-import R, { createContext as wr, forwardRef as j, useContext as hr, useRef as W, useEffect as fr } from "react";
-import { a as mr, T as H, P as yr, O as $r, C as vr, D as br, b as gr, R as Dr } from "./index-CKCTy3ZL.mjs";
+import { jsx as e, jsxs as g, Fragment as T } from "react/jsx-runtime";
+import R, { createContext as wr, forwardRef as P, useContext as fr, useRef as W, useEffect as hr } from "react";
+import { a as mr, T as Y, P as $r, O as vr, C as yr, D as br, b as gr, R as Nr } from "./index-CKCTy3ZL.mjs";
 import { c as O } from "./bind-CU-R61T-.mjs";
 import { b as X, a as I } from "./button-4-yWOgtD.mjs";
 import { H as G, D as J } from "./heading-xwBuT_-9.mjs";
-import { l as Nr } from "./chevron-left.es-UFhf3v35.mjs";
+import { l as Dr } from "./chevron-left.es-UFhf3v35.mjs";
 import { r as jr } from "./close.es-BPmk2wkU.mjs";
 import { V as Q } from "./visually-hidden-BYFkJEp1.mjs";
 import { R as Pr, V as zr, S as Sr, T as xr } from "./index-B8Mazo6u.mjs";
-const rr = wr(null), Or = "_slideUp_9zrj7_1", Ar = "_slideDown_9zrj7_1", Cr = "_slideInRight_9zrj7_1", Er = "_slideInLeft_9zrj7_1", Vr = "_slideOutRight_9zrj7_1", Lr = "_slideOutLeft_9zrj7_1", Mr = "_fadeIn_9zrj7_1", Ur = "_fadeOut_9zrj7_1", Yr = {
+const rr = wr(null), Or = "_slideUp_9zrj7_1", kr = "_slideDown_9zrj7_1", Ar = "_slideInRight_9zrj7_1", Cr = "_slideInLeft_9zrj7_1", Er = "_slideOutRight_9zrj7_1", Vr = "_slideOutLeft_9zrj7_1", Lr = "_fadeIn_9zrj7_1", Mr = "_fadeOut_9zrj7_1", Ur = {
   "purpur-drawer-content": "_purpur-drawer-content_9zrj7_1",
   slideUp: Or,
-  slideDown: Ar,
+  slideDown: kr,
   "purpur-drawer-content--left": "_purpur-drawer-content--left_9zrj7_21",
   "purpur-drawer-content--right": "_purpur-drawer-content--right_9zrj7_24",
   "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_9zrj7_27",
-  slideInRight: Cr,
-  slideInLeft: Er,
-  slideOutRight: Vr,
-  slideOutLeft: Lr,
+  slideInRight: Ar,
+  slideInLeft: Cr,
+  slideOutRight: Er,
+  slideOutLeft: Vr,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_9zrj7_63",
   "purpur-drawer-content__description": "_purpur-drawer-content__description_9zrj7_68",
   "purpur-drawer-content--ai": "_purpur-drawer-content--ai_9zrj7_78",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_9zrj7_82",
-  fadeIn: Mr,
-  fadeOut: Ur
-}, Hr = {
+  fadeIn: Lr,
+  fadeOut: Mr
+}, Yr = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1csed_1",
   "purpur-drawer-container--ai": "_purpur-drawer-container--ai_1csed_4",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1csed_7",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1csed_15",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1csed_23"
-}, kr = O.bind(Hr), k = "purpur-drawer-container", x = j(
+}, Hr = O.bind(Yr), H = "purpur-drawer-container", x = P(
   ({
     ["data-testid"]: r = "purpur-drawer-container",
     children: a,
     className: n,
-    drawerVariant: o = "default",
-    variant: s = "body",
+    drawerVariant: s = "default",
+    variant: o = "body",
     stickyFooter: p,
     ...u
-  }, i) => {
-    const d = kr([
-      k,
+  }, d) => {
+    const i = Hr([
+      H,
       {
-        [`${k}--${s}`]: s,
-        [`${k}--sticky`]: p,
-        [`${k}--ai`]: o === "ai"
+        [`${H}--${o}`]: o,
+        [`${H}--sticky`]: p,
+        [`${H}--ai`]: s === "ai"
       },
       n
     ]);
-    return /* @__PURE__ */ e("div", { className: d, "data-testid": r, ref: i, ...u, children: a });
+    return /* @__PURE__ */ e("div", { className: i, "data-testid": r, ref: d, ...u, children: a });
   }
 );
 x.displayName = "DrawerContainer";
@@ -71,42 +71,42 @@ const Rr = {
 }, Ir = {
   "purpur-drawer-handle": "_purpur-drawer-handle_lz3ca_1",
   "purpur-drawer-handle--ai": "_purpur-drawer-handle--ai_lz3ca_22"
-}, Tr = (r, a, n, o, s, p) => ({
+}, Tr = (r, a, n, s, o, p) => ({
   onPointerDown: (t) => {
     r.current = { y: t.clientY };
   },
   onPointerMove: (t) => {
     if (!r.current)
       return;
-    const c = t.clientY - r.current.y, l = !!a.current, m = Math.max(0, c), w = t.pointerType === "touch" ? 10 : 2, _ = { y: m }, $ = { originalEvent: t, delta: _ };
-    l ? (a.current = _, o($)) : Z(_, 0) ? (a.current = _, n(), t.target.setPointerCapture(t.pointerId)) : Math.abs(c) > w && (r.current = null);
+    const c = t.clientY - r.current.y, l = !!a.current, m = Math.max(0, c), w = t.pointerType === "touch" ? 10 : 2, _ = { y: m }, y = { originalEvent: t, delta: _ };
+    l ? (a.current = _, s(y)) : Z(_, 0) ? (a.current = _, n(), t.target.setPointerCapture(t.pointerId)) : Math.abs(c) > w && (r.current = null);
   },
   onPointerUp: (t) => {
     const c = a.current, l = t.target;
     if (l.hasPointerCapture(t.pointerId) && l.releasePointerCapture(t.pointerId), a.current = null, r.current = null, c) {
       const m = t.currentTarget, w = { originalEvent: t, delta: c };
-      Z(c, 0) && c.y > 200 ? p(w) : s(), m.addEventListener("click", (_) => _.preventDefault(), {
+      Z(c, 0) && c.y > 200 ? p(w) : o(), m.addEventListener("click", (_) => _.preventDefault(), {
         once: !0
       });
     }
   }
-}), Z = (r, a = 0) => Math.abs(r.y) > a, Fr = O.bind(Ir), B = "purpur-drawer-handle", er = j(
+}), Z = (r, a = 0) => Math.abs(r.y) > a, Fr = O.bind(Ir), B = "purpur-drawer-handle", er = P(
   ({
     ["data-testid"]: r = "purpur-drawer-handle",
     className: a,
     onSwipeStart: n,
-    onSwipeMove: o,
-    onSwipeCancel: s,
+    onSwipeMove: s,
+    onSwipeCancel: o,
     onSwipeEnd: p,
     variant: u = "default",
-    ...i
-  }, d) => {
+    ...d
+  }, i) => {
     const t = Fr([B, { [`${B}--ai`]: u === "ai" }, a]), c = R.useRef(null), l = R.useRef(null), { onPointerDown: m, onPointerMove: w, onPointerUp: _ } = Tr(
       l,
       c,
       n,
-      o,
       s,
+      o,
       p
     );
     return /* @__PURE__ */ e(
@@ -117,92 +117,94 @@ const Rr = {
         onPointerDown: m,
         onPointerMove: w,
         onPointerUp: _,
-        ref: d,
-        ...i
+        ref: i,
+        ...d
       }
     );
   }
 );
 er.displayName = "DrawerHandle";
 const Kr = {
-  "purpur-drawer-header": "_purpur-drawer-header_1iujy_1",
-  "purpur-drawer-header__row": "_purpur-drawer-header__row_1iujy_4",
-  "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1iujy_7",
-  "purpur-drawer-header__left": "_purpur-drawer-header__left_1iujy_10",
-  "purpur-drawer-header__right": "_purpur-drawer-header__right_1iujy_13",
-  "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1iujy_16",
-  "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1iujy_27"
-}, z = O.bind(Kr), g = "purpur-drawer-header", tr = j(
+  "purpur-drawer-header": "_purpur-drawer-header_1dlfk_1",
+  "purpur-drawer-header__row": "_purpur-drawer-header__row_1dlfk_4",
+  "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1dlfk_7",
+  "purpur-drawer-header__left": "_purpur-drawer-header__left_1dlfk_10",
+  "purpur-drawer-header__right": "_purpur-drawer-header__right_1dlfk_13",
+  "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1dlfk_16",
+  "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1dlfk_27",
+  "purpur-drawer-header__title": "_purpur-drawer-header__title_1dlfk_30"
+}, N = O.bind(Kr), v = "purpur-drawer-header", tr = P(
   ({
     ["data-testid"]: r = "purpur-drawer-header",
     backButton: a,
     backButtonText: n,
-    backButtonOnlyIcon: o,
-    className: s,
+    backButtonOnlyIcon: s,
+    className: o,
     closeButtonAriaLabel: p,
     headerContent: u,
-    onBackButtonClick: i,
-    onCloseClick: d,
+    onBackButtonClick: d,
+    onCloseClick: i,
     title: t,
     variant: c = "default",
     ...l
   }, m) => {
-    const w = z([g, { [`${g}--ai`]: c === "ai" }, s]), _ = !!(a && n && i), $ = c === "ai", P = d ? R.Fragment : mr;
-    return /* @__PURE__ */ b("div", { className: w, "data-testid": r, ref: m, ...l, children: [
-      /* @__PURE__ */ b(
+    const w = N([v, { [`${v}--ai`]: c === "ai" }, o]), _ = !!(a && n && d), y = c === "ai", z = i ? R.Fragment : mr;
+    return /* @__PURE__ */ g("div", { className: w, "data-testid": r, ref: m, ...l, children: [
+      /* @__PURE__ */ g(
         "div",
         {
-          className: z([
-            `${g}__row`,
+          className: N([
+            `${v}__row`,
             {
-              [`${g}__row--with-back-button`]: _
+              [`${v}__row--with-back-button`]: _
             }
           ]),
           "data-testid": `${r}-row`,
           children: [
-            /* @__PURE__ */ e("div", { className: z(`${g}__left`), children: _ ? /* @__PURE__ */ b(
+            /* @__PURE__ */ e("div", { className: N(`${v}__left`), children: _ ? /* @__PURE__ */ g(
               X,
               {
-                "aria-label": o ? n : "",
-                className: z([
-                  `${g}__back-button`,
+                "aria-label": s ? n : "",
+                className: N([
+                  `${v}__back-button`,
                   {
-                    [`${g}__back-button--only-icon`]: o
+                    [`${v}__back-button--only-icon`]: s
                   }
                 ]),
                 "data-testid": `${r}-back-button`,
-                iconOnly: o,
-                negative: $,
-                onClick: i,
+                iconOnly: s,
+                negative: y,
+                onClick: d,
                 size: "sm",
-                variant: o ? I.TERTIARY_PURPLE : I.TEXT,
+                variant: s ? I.TERTIARY_PURPLE : I.TEXT,
                 children: [
-                  /* @__PURE__ */ e(Nr, { size: "sm" }),
-                  !o && n
+                  /* @__PURE__ */ e(Dr, { size: "sm" }),
+                  !s && n
                 ]
               }
-            ) : u ? /* @__PURE__ */ b(T, { children: [
+            ) : u ? /* @__PURE__ */ g(T, { children: [
               u,
-              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(H, { children: t }) })
-            ] }) : /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(Y, { children: t }) })
+            ] }) : /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
               G,
               {
+                className: N(`${v}__title`),
                 "data-testid": `${r}-title`,
-                negative: $,
+                negative: y,
                 tag: "h2",
                 variant: J.DISPLAY10,
                 tabIndex: -1,
                 children: t
               }
             ) }) }),
-            /* @__PURE__ */ e("div", { className: z(`${g}__right`), children: /* @__PURE__ */ e(P, { ...d ? {} : { asChild: !0 }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: N(`${v}__right`), children: /* @__PURE__ */ e(z, { ...i ? {} : { asChild: !0 }, children: /* @__PURE__ */ e(
               X,
               {
                 "aria-label": p,
-                className: z(`${g}__close-button`),
+                className: N(`${v}__close-button`),
                 iconOnly: !0,
-                negative: $,
-                onClick: d,
+                negative: y,
+                onClick: i,
                 size: "sm",
                 variant: I.TERTIARY_PURPLE,
                 children: /* @__PURE__ */ e(jr, { size: "sm" })
@@ -211,14 +213,15 @@ const Kr = {
           ]
         }
       ),
-      _ && (u ? /* @__PURE__ */ b(T, { children: [
+      _ && (u ? /* @__PURE__ */ g(T, { children: [
         u,
-        /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(H, { children: t }) })
-      ] }) : /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(Y, { children: t }) })
+      ] }) : /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
         G,
         {
           "data-testid": `${r}-title-with-back-button`,
-          negative: $,
+          className: N(`${v}__title`),
+          negative: y,
           tag: "h2",
           tabIndex: -1,
           variant: J.DISPLAY10,
@@ -236,34 +239,34 @@ const qr = {
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_vzgxi_14",
   "purpur-drawer-scroll-area--ai": "_purpur-drawer-scroll-area--ai_vzgxi_25",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_vzgxi_29"
-}, A = O.bind(qr), N = "purpur-drawer-scroll-area", F = j(
+}, k = O.bind(qr), j = "purpur-drawer-scroll-area", F = P(
   ({
     ["data-testid"]: r = "purpur-drawer-scroll-area",
     children: a,
     className: n,
-    drawerVariant: o = "default",
-    fitToContent: s = !1,
+    drawerVariant: s = "default",
+    fitToContent: o = !1,
     ...p
   }, u) => {
-    const i = A([
-      N,
-      { [`${N}--ai`]: o === "ai" },
+    const d = k([
+      j,
+      { [`${j}--ai`]: s === "ai" },
       n
     ]);
-    return /* @__PURE__ */ e("div", { className: i, "data-testid": r, ref: u, ...p, children: /* @__PURE__ */ b(
+    return /* @__PURE__ */ e("div", { className: d, "data-testid": r, ref: u, ...p, children: /* @__PURE__ */ g(
       Pr,
       {
-        className: A(`${N}__root`, {
-          [`${N}__root--fit-to-content`]: s
+        className: k(`${j}__root`, {
+          [`${j}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ e(zr, { className: A(`${N}__viewport`), children: a }),
+          /* @__PURE__ */ e(zr, { className: k(`${j}__viewport`), children: a }),
           /* @__PURE__ */ e(
             Sr,
             {
-              className: A(`${N}__scrollbar`),
+              className: k(`${j}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ e(xr, { className: A(`${N}__thumb`) })
+              children: /* @__PURE__ */ e(xr, { className: k(`${j}__thumb`) })
             }
           )
         ]
@@ -272,123 +275,123 @@ const qr = {
   }
 );
 F.displayName = "DrawerScrollArea";
-const S = O.bind(Rr), f = "purpur-drawer-frame", ar = j(
+const S = O.bind(Rr), h = "purpur-drawer-frame", ar = P(
   ({
     ["data-testid"]: r = "purpur-drawer-frame",
     backButton: a,
     backButtonText: n,
-    backButtonOnlyIcon: o,
-    children: s,
+    backButtonOnlyIcon: s,
+    children: o,
     className: p,
     closeButtonAriaLabel: u,
-    fitToContent: i = !1,
-    footerContent: d,
+    fitToContent: d = !1,
+    footerContent: i,
     headerContent: t,
     onBackButtonClick: c,
     onCloseClick: l,
     onSwipeStart: m,
     onSwipeMove: w,
     onSwipeCancel: _,
-    onSwipeEnd: $,
-    title: P,
-    stickyFooter: v,
-    position: E = "right",
-    variant: h = "default",
-    ...V
-  }, L) => {
-    const M = !!(a && n && c), U = h === "ai", Y = S([
-      f,
+    onSwipeEnd: y,
+    title: z,
+    stickyFooter: b,
+    position: C = "right",
+    variant: f = "default",
+    ...E
+  }, V) => {
+    const L = !!(a && n && c), M = f === "ai", U = S([
+      h,
       {
-        [`${f}--fit-to-content`]: i,
-        [`${f}--sticky-footer`]: v,
-        [`${f}--left`]: E === "left",
-        [`${f}--right`]: E === "right",
-        [`${f}--without-back-button`]: !M,
-        [`${f}--with-back-button`]: M,
-        [`${f}--ai`]: U
+        [`${h}--fit-to-content`]: d,
+        [`${h}--sticky-footer`]: b,
+        [`${h}--left`]: C === "left",
+        [`${h}--right`]: C === "right",
+        [`${h}--without-back-button`]: !L,
+        [`${h}--with-back-button`]: L,
+        [`${h}--ai`]: M
       },
       p
     ]);
-    return /* @__PURE__ */ b("div", { className: Y, "data-testid": r, ref: L, ...V, children: [
+    return /* @__PURE__ */ g("div", { className: U, "data-testid": r, ref: V, ...E, children: [
       /* @__PURE__ */ e(
         er,
         {
           onSwipeStart: m,
           onSwipeMove: w,
           onSwipeCancel: _,
-          onSwipeEnd: $,
-          variant: h
+          onSwipeEnd: y,
+          variant: f
         }
       ),
       /* @__PURE__ */ e(
         x,
         {
-          className: S(`${f}__header`),
+          className: S(`${h}__header`),
           variant: "header",
-          stickyFooter: v,
-          drawerVariant: h,
+          stickyFooter: b,
+          drawerVariant: f,
           children: /* @__PURE__ */ e(
             tr,
             {
-              title: P,
+              title: z,
               headerContent: t,
-              backButtonOnlyIcon: o,
+              backButtonOnlyIcon: s,
               backButton: a,
               backButtonText: n,
               closeButtonAriaLabel: u,
               onBackButtonClick: c,
               onCloseClick: l,
-              variant: h
+              variant: f
             }
           )
         }
       ),
-      v ? /* @__PURE__ */ b(T, { children: [
+      b ? /* @__PURE__ */ g(T, { children: [
         /* @__PURE__ */ e(
           F,
           {
-            className: S(`${f}__body`),
+            className: S(`${h}__body`),
             "data-testid": `${r}-sticky-footer-scroll-area`,
-            fitToContent: i,
-            drawerVariant: h,
-            children: /* @__PURE__ */ e(x, { stickyFooter: !0, drawerVariant: h, children: s })
+            fitToContent: d,
+            drawerVariant: f,
+            children: /* @__PURE__ */ e(x, { stickyFooter: !0, drawerVariant: f, children: o })
           }
         ),
-        d && /* @__PURE__ */ e(
+        i && /* @__PURE__ */ e(
           x,
           {
-            className: S(`${f}__footer`),
+            className: S(`${h}__footer`),
             "data-testid": `${r}-sticky-footer`,
             variant: "footer",
-            stickyFooter: v,
-            drawerVariant: h,
-            children: d
+            stickyFooter: b,
+            drawerVariant: f,
+            children: i
           }
         )
       ] }) : /* @__PURE__ */ e(
         F,
         {
-          className: S(`${f}__body`),
+          className: S(`${h}__body`),
           "data-testid": `${r}-scroll-area`,
-          fitToContent: i,
-          drawerVariant: h,
-          children: /* @__PURE__ */ b(
+          fitToContent: d,
+          drawerVariant: f,
+          children: /* @__PURE__ */ g(
             "div",
             {
               className: S([
-                `${f}__content-container`,
-                { [`${f}__content-container--no-footer`]: !d }
+                `${h}__content-container`,
+                { [`${h}__content-container--no-footer`]: !i }
               ]),
               children: [
-                /* @__PURE__ */ e(x, { stickyFooter: v, drawerVariant: h, children: s }),
-                d && /* @__PURE__ */ e(
+                /* @__PURE__ */ e(x, { stickyFooter: b, drawerVariant: f, children: o }),
+                i && /* @__PURE__ */ e(
                   x,
                   {
                     "data-testid": `${r}-footer`,
-                    stickyFooter: v,
+                    stickyFooter: b,
                     variant: "footer",
-                    drawerVariant: h,
-                    children: d
+                    drawerVariant: f,
+                    children: i
                   }
                 )
               ]
@@ -407,8 +410,8 @@ const Wr = (r, a) => ({
   onSwipeMove: (u) => {
     if (!r.current)
       return;
-    const { y: i } = u.delta;
-    r.current.setAttribute("data-swipe", "move"), r.current.style.setProperty("--purpur-drawer-swipe-move-y", `${i}px`);
+    const { y: d } = u.delta;
+    r.current.setAttribute("data-swipe", "move"), r.current.style.setProperty("--purpur-drawer-swipe-move-y", `${d}px`);
   },
   onSwipeCancel: () => {
     r.current && (r.current.setAttribute("data-swipe", "cancel"), r.current.style.removeProperty("--purpur-drawer-swipe-move-y"), r.current.style.removeProperty("--purpur-drawer-swipe-end-y"));
@@ -416,108 +419,108 @@ const Wr = (r, a) => ({
   onSwipeEnd: (u) => {
     if (!r.current)
       return;
-    const { y: i } = u.delta;
-    r.current.setAttribute("data-swipe", "end"), r.current.style.removeProperty("--purpur-drawer-swipe-move-y"), r.current.style.setProperty("--purpur-drawer-swipe-end-y", `${i}px`), a?.(!1);
+    const { y: d } = u.delta;
+    r.current.setAttribute("data-swipe", "end"), r.current.style.removeProperty("--purpur-drawer-swipe-move-y"), r.current.style.setProperty("--purpur-drawer-swipe-end-y", `${d}px`), a?.(!1);
   }
-}), C = O.bind(Yr), D = "purpur-drawer-content", nr = j(
+}), A = O.bind(Ur), D = "purpur-drawer-content", nr = P(
   ({
     ["data-testid"]: r = "purpur-drawer-content",
     backButton: a = !1,
     backButtonText: n,
-    backButtonOnlyIcon: o = !1,
-    bodyText: s,
+    backButtonOnlyIcon: s = !1,
+    bodyText: o,
     children: p,
     className: u,
-    closeButtonAriaLabel: i,
-    disableCloseOnClickOutside: d = !1,
+    closeButtonAriaLabel: d,
+    disableCloseOnClickOutside: i = !1,
     fitToContent: t = !1,
     footerContent: c,
     headerContent: l,
     onBackButtonClick: m,
     onCloseClick: w,
     stickyFooter: _ = !1,
-    title: $,
-    zIndex: P,
-    position: v = "right",
-    ...E
-  }, h) => {
-    const V = hr(rr), L = V?.variant ?? "default", M = C([
+    title: y,
+    zIndex: z,
+    position: b = "right",
+    ...C
+  }, f) => {
+    const E = fr(rr), V = E?.variant ?? "default", L = A([
       D,
       {
         [`${D}--fit-to-content`]: t,
-        [`${D}--left`]: v === "left",
-        [`${D}--right`]: v === "right",
-        [`${D}--ai`]: L === "ai"
+        [`${D}--left`]: b === "left",
+        [`${D}--right`]: b === "right",
+        [`${D}--ai`]: V === "ai"
       },
       u
-    ]), U = W(null), Y = W(null), sr = (y) => {
-      Y.current = y, typeof h == "function" ? h(y) : h && (h.current = y);
-    }, { onSwipeStart: ur, onSwipeMove: ir, onSwipeCancel: dr, onSwipeEnd: cr } = Wr(
-      Y,
-      V?.onOpenChange ?? null
-    ), pr = (y) => {
-      if (d) {
-        y.preventDefault();
+    ]), M = W(null), U = W(null), or = ($) => {
+      U.current = $, typeof f == "function" ? f($) : f && (f.current = $);
+    }, { onSwipeStart: ur, onSwipeMove: dr, onSwipeCancel: ir, onSwipeEnd: cr } = Wr(
+      U,
+      E?.onOpenChange ?? null
+    ), pr = ($) => {
+      if (i) {
+        $.preventDefault();
         return;
       }
-      w && (y.preventDefault(), w());
-    }, _r = (y) => {
-      w && (y.preventDefault(), w());
+      w && ($.preventDefault(), w());
+    }, _r = ($) => {
+      w && ($.preventDefault(), w());
     }, lr = () => {
-      const y = U.current;
-      if (y) {
-        const q = y.querySelector("h2");
+      const $ = M.current;
+      if ($) {
+        const q = $.querySelector("h2");
         q && setTimeout(() => {
           q.focus();
         });
       }
     };
-    return /* @__PURE__ */ e(yr, { children: /* @__PURE__ */ e(
-      $r,
+    return /* @__PURE__ */ e($r, { children: /* @__PURE__ */ e(
+      vr,
       {
-        className: C("purpur-drawer-overlay"),
-        style: P ? { zIndex: P } : void 0,
+        className: A("purpur-drawer-overlay"),
+        style: z ? { zIndex: z } : void 0,
         "data-testid": `${r}-overlay`,
         children: /* @__PURE__ */ e(
-          vr,
+          yr,
           {
             onPointerDownOutside: pr,
             onEscapeKeyDown: _r,
             onOpenAutoFocus: lr,
-            className: M,
+            className: L,
             "data-testid": r,
-            ref: sr,
-            ...!s && { "aria-describedby": void 0 },
-            ...E,
+            ref: or,
+            ...!o && { "aria-describedby": void 0 },
+            ...C,
             children: /* @__PURE__ */ e(
               ar,
               {
                 backButton: a,
                 backButtonText: n,
-                backButtonOnlyIcon: o,
-                closeButtonAriaLabel: i,
-                className: C(`${D}__drawer-frame`),
+                backButtonOnlyIcon: s,
+                closeButtonAriaLabel: d,
+                className: A(`${D}__drawer-frame`),
                 fitToContent: t,
                 footerContent: c,
                 headerContent: l,
-                ref: U,
+                ref: M,
                 onBackButtonClick: m,
                 onCloseClick: w,
                 onSwipeStart: ur,
-                onSwipeMove: ir,
-                onSwipeCancel: dr,
+                onSwipeMove: dr,
+                onSwipeCancel: ir,
                 onSwipeEnd: cr,
                 stickyFooter: _,
-                title: $,
-                position: v,
-                variant: L,
-                children: s ? /* @__PURE__ */ b("div", { className: C(`${D}__content-container`), children: [
+                title: y,
+                position: b,
+                variant: V,
+                children: o ? /* @__PURE__ */ g("div", { className: A(`${D}__content-container`), children: [
                   /* @__PURE__ */ e(
                     br,
                     {
-                      className: C(`${D}__description`),
+                      className: A(`${D}__description`),
                       "data-testid": `${r}-description`,
-                      children: s
+                      children: o
                     }
                   ),
                   /* @__PURE__ */ e("div", { children: p })
@@ -531,32 +534,32 @@ const Wr = (r, a) => ({
   }
 );
 nr.displayName = "DrawerContent";
-const or = j(
-  ({ ["data-testid"]: r = "purpur-drawer-trigger", children: a, ...n }, o) => /* @__PURE__ */ e(gr, { asChild: !0, "data-testid": r, ref: o, ...n, children: a })
+const sr = P(
+  ({ ["data-testid"]: r = "purpur-drawer-trigger", children: a, ...n }, s) => /* @__PURE__ */ e(gr, { asChild: !0, "data-testid": r, ref: s, ...n, children: a })
 );
-or.displayName = "DrawerTrigger";
+sr.displayName = "DrawerTrigger";
 const K = ({
   ["data-testid"]: r = "purpur-drawer",
   children: a,
   className: n,
-  onOpenChange: o,
-  open: s = !1,
+  onOpenChange: s,
+  open: o = !1,
   variant: p = "default",
   ...u
 }) => {
-  const [i, d] = R.useState(s), t = (l) => {
-    d(l), o?.(l);
+  const [d, i] = R.useState(o), t = (l) => {
+    i(l), s?.(l);
   };
-  fr(() => {
-    d(s);
-  }, [s]);
+  hr(() => {
+    i(o);
+  }, [o]);
   const c = { onOpenChange: t, variant: p };
-  return /* @__PURE__ */ e(rr.Provider, { value: c, children: /* @__PURE__ */ e("div", { className: n, "data-testid": r, ...u, children: /* @__PURE__ */ e(Dr, { open: i, onOpenChange: t, children: a }) }) });
+  return /* @__PURE__ */ e(rr.Provider, { value: c, children: /* @__PURE__ */ e("div", { className: n, "data-testid": r, ...u, children: /* @__PURE__ */ e(Nr, { open: d, onOpenChange: t, children: a }) }) });
 };
-K.Trigger = or;
+K.Trigger = sr;
 K.Content = nr;
 K.displayName = "Drawer";
 export {
   K as D
 };
-//# sourceMappingURL=drawer-BJ8xwriz.mjs.map
+//# sourceMappingURL=drawer-Db2Mujc6.mjs.map