@purpur/library 9.10.0 → 10.0.0

package/dist/{drawer-cIUx6WSZ.mjs → drawer-Chx3H8EU.mjs}

@@ -1,58 +1,58 @@
 import { jsx as e, jsxs as g, Fragment as I } from "react/jsx-runtime";
-import Y, { createContext as mr, forwardRef as P, useContext as $r, useRef as Q, useEffect as vr } from "react";
-import { a as yr, T as M, C as br, D as gr, P as Z, O as Dr, b as Nr, R as jr } from "./index-3NV-ckDX.mjs";
+import U, { createContext as $r, forwardRef as P, useContext as sr, useRef as Q, useEffect as yr } from "react";
+import { a as vr, T as H, C as br, D as gr, P as Z, O as Dr, b as Nr, R as jr } from "./index-3NV-ckDX.mjs";
 import "./ThemeProvider-BJ25_asg.mjs";
 import { u as Pr } from "./useThemePortalContainer-D13Xx24N.mjs";
 import { c as k } from "./bind-CU-R61T-.mjs";
-import { b as B, a as F } from "./button-4-yWOgtD.mjs";
-import { H as rr, D as er } from "./heading-xwBuT_-9.mjs";
-import { l as zr } from "./chevron-left.es-UFhf3v35.mjs";
-import { r as Sr } from "./close.es-BPmk2wkU.mjs";
-import { V as tr } from "./visually-hidden-BYFkJEp1.mjs";
-import { R as Cr, V as Or, S as xr, T as kr } from "./index-B8Mazo6u.mjs";
-const or = mr(null), Ar = "_slideUp_9zrj7_1", Er = "_slideDown_9zrj7_1", Vr = "_slideInRight_9zrj7_1", Lr = "_slideInLeft_9zrj7_1", Mr = "_slideOutRight_9zrj7_1", Ur = "_slideOutLeft_9zrj7_1", Yr = "_fadeIn_9zrj7_1", Hr = "_fadeOut_9zrj7_1", Rr = {
+import { b as B, a as rr } from "./button-mHw_J7JU.mjs";
+import { H as er, D as tr } from "./heading-BG7JTFO1.mjs";
+import { l as Sr } from "./chevron-left.es-UFhf3v35.mjs";
+import { r as zr } from "./close.es-BPmk2wkU.mjs";
+import { V as ar } from "./visually-hidden-BYFkJEp1.mjs";
+import { R as Or, V as Cr, S as xr, T as kr } from "./index-B8Mazo6u.mjs";
+const T = $r(null), Vr = "_slideUp_9zrj7_1", Ar = "_slideDown_9zrj7_1", Er = "_slideInRight_9zrj7_1", Mr = "_slideInLeft_9zrj7_1", Hr = "_slideOutRight_9zrj7_1", Lr = "_slideOutLeft_9zrj7_1", Ur = "_fadeIn_9zrj7_1", Yr = "_fadeOut_9zrj7_1", Fr = {
   "purpur-drawer-content": "_purpur-drawer-content_9zrj7_1",
-  slideUp: Ar,
-  slideDown: Er,
+  slideUp: Vr,
+  slideDown: Ar,
   "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: Vr,
-  slideInLeft: Lr,
-  slideOutRight: Mr,
-  slideOutLeft: Ur,
+  slideInRight: Er,
+  slideInLeft: Mr,
+  slideOutRight: Hr,
+  slideOutLeft: Lr,
   "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: Yr,
-  fadeOut: Hr
-}, Fr = {
+  fadeIn: Ur,
+  fadeOut: Yr
+}, Ir = {
   "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"
-}, Ir = k.bind(Fr), U = "purpur-drawer-container", x = P(
+}, Kr = k.bind(Ir), L = "purpur-drawer-container", x = P(
   ({
     ["data-testid"]: r = "purpur-drawer-container",
     children: a,
     className: o,
-    drawerVariant: n = "default",
-    variant: u = "body",
+    drawerVariant: s = "default",
+    variant: d = "body",
     stickyFooter: p,
-    ...s
-  }, i) => {
-    const l = Ir([
-      U,
+    ...i
+  }, c) => {
+    const { noHeaderSeparator: l, noBodyPadding: t } = sr(T) ?? {}, u = Kr([
+      L,
       {
-        [`${U}--${u}`]: u,
-        [`${U}--sticky`]: p,
-        [`${U}--ai`]: n === "ai"
+        [`${L}--${d}`]: d && !(d === "header" && l) && !(d === "body" && t),
+        [`${L}--sticky`]: p,
+        [`${L}--ai`]: s === "ai"
       },
       o
     ]);
-    return /* @__PURE__ */ e("div", { className: l, "data-testid": r, ref: i, ...s, children: a });
+    return /* @__PURE__ */ e("div", { className: u, "data-testid": r, ref: c, ...i, children: a });
   }
 );
 x.displayName = "DrawerContainer";
@@ -70,45 +70,45 @@ const Tr = {
   "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_vjt35_55",
   "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_vjt35_58",
   "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_vjt35_63"
-}, Kr = {
+}, Xr = {
   "purpur-drawer-handle": "_purpur-drawer-handle_lz3ca_1",
   "purpur-drawer-handle--ai": "_purpur-drawer-handle--ai_lz3ca_22"
-}, qr = (r, a, o, n, u, p) => ({
+}, qr = (r, a, o, s, d, p) => ({
   onPointerDown: (t) => {
     r.current = { y: t.clientY };
   },
   onPointerMove: (t) => {
     if (!r.current)
       return;
-    const d = t.clientY - r.current.y, _ = !!a.current, w = Math.max(0, d), m = t.pointerType === "touch" ? 10 : 2, c = { y: w }, b = { originalEvent: t, delta: c };
-    _ ? (a.current = c, n(b)) : ar(c, 0) ? (a.current = c, o(), t.target.setPointerCapture(t.pointerId)) : Math.abs(d) > m && (r.current = null);
+    const u = t.clientY - r.current.y, _ = !!a.current, w = Math.max(0, u), f = t.pointerType === "touch" ? 10 : 2, n = { y: w }, b = { originalEvent: t, delta: n };
+    _ ? (a.current = n, s(b)) : nr(n, 0) ? (a.current = n, o(), t.target.setPointerCapture(t.pointerId)) : Math.abs(u) > f && (r.current = null);
   },
   onPointerUp: (t) => {
-    const d = a.current, _ = t.target;
-    if (_.hasPointerCapture(t.pointerId) && _.releasePointerCapture(t.pointerId), a.current = null, r.current = null, d) {
-      const w = t.currentTarget, m = { originalEvent: t, delta: d };
-      ar(d, 0) && d.y > 200 ? p(m) : u(), w.addEventListener("click", (c) => c.preventDefault(), {
+    const u = a.current, _ = t.target;
+    if (_.hasPointerCapture(t.pointerId) && _.releasePointerCapture(t.pointerId), a.current = null, r.current = null, u) {
+      const w = t.currentTarget, f = { originalEvent: t, delta: u };
+      nr(u, 0) && u.y > 200 ? p(f) : d(), w.addEventListener("click", (n) => n.preventDefault(), {
         once: !0
       });
     }
   }
-}), ar = (r, a = 0) => Math.abs(r.y) > a, Wr = k.bind(Kr), nr = "purpur-drawer-handle", sr = P(
+}), nr = (r, a = 0) => Math.abs(r.y) > a, Rr = k.bind(Xr), or = "purpur-drawer-handle", dr = P(
   ({
     ["data-testid"]: r = "purpur-drawer-handle",
     className: a,
     onSwipeStart: o,
-    onSwipeMove: n,
-    onSwipeCancel: u,
+    onSwipeMove: s,
+    onSwipeCancel: d,
     onSwipeEnd: p,
-    variant: s = "default",
-    ...i
+    variant: i = "default",
+    ...c
   }, l) => {
-    const t = Wr([nr, { [`${nr}--ai`]: s === "ai" }, a]), d = Y.useRef(null), _ = Y.useRef(null), { onPointerDown: w, onPointerMove: m, onPointerUp: c } = qr(
+    const t = Rr([or, { [`${or}--ai`]: i === "ai" }, a]), u = U.useRef(null), _ = U.useRef(null), { onPointerDown: w, onPointerMove: f, onPointerUp: n } = qr(
       _,
-      d,
-      o,
-      n,
       u,
+      o,
+      s,
+      d,
       p
     );
     return /* @__PURE__ */ e(
@@ -117,16 +117,16 @@ const Tr = {
         className: t,
         "data-testid": r,
         onPointerDown: w,
-        onPointerMove: m,
-        onPointerUp: c,
+        onPointerMove: f,
+        onPointerUp: n,
         ref: l,
-        ...i
+        ...c
       }
     );
   }
 );
-sr.displayName = "DrawerHandle";
-const Xr = {
+dr.displayName = "DrawerHandle";
+const Wr = {
   "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",
@@ -135,105 +135,105 @@ const Xr = {
   "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"
-}, D = k.bind(Xr), y = "purpur-drawer-header", ir = P(
+}, D = k.bind(Wr), v = "purpur-drawer-header", ur = P(
   ({
     ["data-testid"]: r = "purpur-drawer-header",
     backButton: a,
     backButtonText: o,
-    backButtonOnlyIcon: n,
-    className: u,
+    backButtonOnlyIcon: s,
+    className: d,
     closeButtonAriaLabel: p,
-    headerContent: s,
-    onBackButtonClick: i,
+    headerContent: i,
+    onBackButtonClick: c,
     onCloseClick: l,
     title: t,
-    variant: d = "default",
+    variant: u = "default",
     ..._
   }, w) => {
-    const m = D([y, { [`${y}--ai`]: d === "ai" }, u]), c = !!(a && o && i), b = d === "ai", A = l ? Y.Fragment : yr;
-    return /* @__PURE__ */ g("div", { className: m, "data-testid": r, ref: w, ..._, children: [
+    const f = D([v, { [`${v}--ai`]: u === "ai" }, d]), n = !!(a && o && c), b = u === "ai", V = l ? U.Fragment : vr;
+    return /* @__PURE__ */ g("div", { className: f, "data-testid": r, ref: w, ..._, children: [
       /* @__PURE__ */ g(
         "div",
         {
           className: D([
-            `${y}__row`,
+            `${v}__row`,
             {
-              [`${y}__row--with-back-button`]: c
+              [`${v}__row--with-back-button`]: n
             }
           ]),
           "data-testid": `${r}-row`,
           children: [
-            /* @__PURE__ */ e("div", { className: D(`${y}__left`), children: c ? /* @__PURE__ */ g(
+            /* @__PURE__ */ e("div", { className: D(`${v}__left`), children: n ? /* @__PURE__ */ g(
               B,
               {
-                "aria-label": n ? o : "",
+                "aria-label": s ? o : "",
                 className: D([
-                  `${y}__back-button`,
+                  `${v}__back-button`,
                   {
-                    [`${y}__back-button--only-icon`]: n
+                    [`${v}__back-button--only-icon`]: s
                   }
                 ]),
                 "data-testid": `${r}-back-button`,
-                iconOnly: n,
+                iconOnly: s,
                 negative: b,
-                onClick: i,
+                onClick: c,
                 size: "sm",
-                variant: n ? F.TERTIARY_PURPLE : F.TEXT,
+                variant: rr.TEXT,
                 children: [
-                  /* @__PURE__ */ e(zr, { size: "sm" }),
-                  !n && o
+                  /* @__PURE__ */ e(Sr, { size: "sm" }),
+                  !s && o
                 ]
               }
-            ) : s ? /* @__PURE__ */ g(I, { children: [
-              s,
-              /* @__PURE__ */ e(tr, { asChild: !0, children: /* @__PURE__ */ e(M, { children: t }) })
-            ] }) : /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ e(
-              rr,
+            ) : i ? /* @__PURE__ */ g(I, { children: [
+              i,
+              /* @__PURE__ */ e(ar, { asChild: !0, children: /* @__PURE__ */ e(H, { children: t }) })
+            ] }) : /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+              er,
               {
-                className: D(`${y}__title`),
+                className: D(`${v}__title`),
                 "data-testid": `${r}-title`,
                 negative: b,
                 tag: "h2",
-                variant: er.DISPLAY10,
+                variant: tr.DISPLAY10,
                 tabIndex: -1,
                 children: t
               }
             ) }) }),
-            /* @__PURE__ */ e("div", { className: D(`${y}__right`), children: /* @__PURE__ */ e(A, { ...l ? {} : { asChild: !0 }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: D(`${v}__right`), children: /* @__PURE__ */ e(V, { ...l ? {} : { asChild: !0 }, children: /* @__PURE__ */ e(
               B,
               {
                 "aria-label": p,
-                className: D(`${y}__close-button`),
+                className: D(`${v}__close-button`),
                 iconOnly: !0,
                 negative: b,
                 onClick: l,
                 size: "sm",
-                variant: F.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ e(Sr, { size: "sm" })
+                variant: rr.TEXT,
+                children: /* @__PURE__ */ e(zr, { size: "sm" })
               }
             ) }) })
           ]
         }
       ),
-      c && (s ? /* @__PURE__ */ g(I, { children: [
-        s,
-        /* @__PURE__ */ e(tr, { asChild: !0, children: /* @__PURE__ */ e(M, { children: t }) })
-      ] }) : /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ e(
-        rr,
+      n && (i ? /* @__PURE__ */ g(I, { children: [
+        i,
+        /* @__PURE__ */ e(ar, { asChild: !0, children: /* @__PURE__ */ e(H, { children: t }) })
+      ] }) : /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
+        er,
         {
           "data-testid": `${r}-title-with-back-button`,
-          className: D(`${y}__title`),
+          className: D(`${v}__title`),
           negative: b,
           tag: "h2",
           tabIndex: -1,
-          variant: er.DISPLAY10,
+          variant: tr.DISPLAY10,
           children: t
         }
       ) }))
     ] });
   }
 );
-ir.displayName = "DrawerHeader";
+ur.displayName = "DrawerHeader";
 const Gr = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_vzgxi_1",
   "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_vzgxi_4",
@@ -241,34 +241,34 @@ const Gr = {
   "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"
-}, L = k.bind(Gr), j = "purpur-drawer-scroll-area", T = P(
+}, M = k.bind(Gr), j = "purpur-drawer-scroll-area", K = P(
   ({
     ["data-testid"]: r = "purpur-drawer-scroll-area",
     children: a,
     className: o,
-    drawerVariant: n = "default",
-    fitToContent: u = !1,
+    drawerVariant: s = "default",
+    fitToContent: d = !1,
     ...p
-  }, s) => {
-    const i = L([
+  }, i) => {
+    const c = M([
       j,
-      { [`${j}--ai`]: n === "ai" },
+      { [`${j}--ai`]: s === "ai" },
       o
     ]);
-    return /* @__PURE__ */ e("div", { className: i, "data-testid": r, ref: s, ...p, children: /* @__PURE__ */ g(
-      Cr,
+    return /* @__PURE__ */ e("div", { className: c, "data-testid": r, ref: i, ...p, children: /* @__PURE__ */ g(
+      Or,
       {
-        className: L(`${j}__root`, {
-          [`${j}__root--fit-to-content`]: u
+        className: M(`${j}__root`, {
+          [`${j}__root--fit-to-content`]: d
         }),
         children: [
-          /* @__PURE__ */ e(Or, { className: L(`${j}__viewport`), children: a }),
+          /* @__PURE__ */ e(Cr, { className: M(`${j}__viewport`), children: a }),
           /* @__PURE__ */ e(
             xr,
             {
-              className: L(`${j}__scrollbar`),
+              className: M(`${j}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ e(kr, { className: L(`${j}__thumb`) })
+              children: /* @__PURE__ */ e(kr, { className: M(`${j}__thumb`) })
             }
           )
         ]
@@ -276,123 +276,123 @@ const Gr = {
     ) });
   }
 );
-T.displayName = "DrawerScrollArea";
-const C = k.bind(Tr), h = "purpur-drawer-frame", dr = P(
+K.displayName = "DrawerScrollArea";
+const O = k.bind(Tr), h = "purpur-drawer-frame", ir = P(
   ({
     ["data-testid"]: r = "purpur-drawer-frame",
     backButton: a,
     backButtonText: o,
-    backButtonOnlyIcon: n,
-    children: u,
+    backButtonOnlyIcon: s,
+    children: d,
     className: p,
-    closeButtonAriaLabel: s,
-    fitToContent: i = !1,
+    closeButtonAriaLabel: i,
+    fitToContent: c = !1,
     footerContent: l,
     headerContent: t,
-    onBackButtonClick: d,
+    onBackButtonClick: u,
     onCloseClick: _,
     onSwipeStart: w,
-    onSwipeMove: m,
-    onSwipeCancel: c,
+    onSwipeMove: f,
+    onSwipeCancel: n,
     onSwipeEnd: b,
-    title: A,
+    title: V,
     stickyFooter: $,
-    position: z = "right",
-    variant: f = "default",
-    ...S
-  }, E) => {
-    const V = !!(a && o && d), H = f === "ai", R = C([
+    position: S = "right",
+    variant: m = "default",
+    ...z
+  }, A) => {
+    const E = !!(a && o && u), Y = m === "ai", F = O([
       h,
       {
-        [`${h}--fit-to-content`]: i,
+        [`${h}--fit-to-content`]: c,
         [`${h}--sticky-footer`]: $,
-        [`${h}--left`]: z === "left",
-        [`${h}--right`]: z === "right",
-        [`${h}--without-back-button`]: !V,
-        [`${h}--with-back-button`]: V,
-        [`${h}--ai`]: H
+        [`${h}--left`]: S === "left",
+        [`${h}--right`]: S === "right",
+        [`${h}--without-back-button`]: !E,
+        [`${h}--with-back-button`]: E,
+        [`${h}--ai`]: Y
       },
       p
     ]);
-    return /* @__PURE__ */ g("div", { className: R, "data-testid": r, ref: E, ...S, children: [
+    return /* @__PURE__ */ g("div", { className: F, "data-testid": r, ref: A, ...z, children: [
       /* @__PURE__ */ e(
-        sr,
+        dr,
         {
           onSwipeStart: w,
-          onSwipeMove: m,
-          onSwipeCancel: c,
+          onSwipeMove: f,
+          onSwipeCancel: n,
           onSwipeEnd: b,
-          variant: f
+          variant: m
         }
       ),
       /* @__PURE__ */ e(
         x,
         {
-          className: C(`${h}__header`),
+          className: O(`${h}__header`),
           variant: "header",
           stickyFooter: $,
-          drawerVariant: f,
+          drawerVariant: m,
           children: /* @__PURE__ */ e(
-            ir,
+            ur,
             {
-              title: A,
+              title: V,
               headerContent: t,
-              backButtonOnlyIcon: n,
+              backButtonOnlyIcon: s,
               backButton: a,
               backButtonText: o,
-              closeButtonAriaLabel: s,
-              onBackButtonClick: d,
+              closeButtonAriaLabel: i,
+              onBackButtonClick: u,
               onCloseClick: _,
-              variant: f
+              variant: m
             }
           )
         }
       ),
       $ ? /* @__PURE__ */ g(I, { children: [
         /* @__PURE__ */ e(
-          T,
+          K,
           {
-            className: C(`${h}__body`),
+            className: O(`${h}__body`),
             "data-testid": `${r}-sticky-footer-scroll-area`,
-            fitToContent: i,
-            drawerVariant: f,
-            children: /* @__PURE__ */ e(x, { stickyFooter: !0, drawerVariant: f, children: u })
+            fitToContent: c,
+            drawerVariant: m,
+            children: /* @__PURE__ */ e(x, { stickyFooter: !0, drawerVariant: m, children: d })
           }
         ),
         l && /* @__PURE__ */ e(
           x,
           {
-            className: C(`${h}__footer`),
+            className: O(`${h}__footer`),
             "data-testid": `${r}-sticky-footer`,
             variant: "footer",
             stickyFooter: $,
-            drawerVariant: f,
+            drawerVariant: m,
             children: l
           }
         )
       ] }) : /* @__PURE__ */ e(
-        T,
+        K,
         {
-          className: C(`${h}__body`),
+          className: O(`${h}__body`),
           "data-testid": `${r}-scroll-area`,
-          fitToContent: i,
-          drawerVariant: f,
+          fitToContent: c,
+          drawerVariant: m,
           children: /* @__PURE__ */ g(
             "div",
             {
-              className: C([
+              className: O([
                 `${h}__content-container`,
                 { [`${h}__content-container--no-footer`]: !l }
               ]),
               children: [
-                /* @__PURE__ */ e(x, { stickyFooter: $, drawerVariant: f, children: u }),
+                /* @__PURE__ */ e(x, { stickyFooter: $, drawerVariant: m, children: d }),
                 l && /* @__PURE__ */ e(
                   x,
                   {
                     "data-testid": `${r}-footer`,
                     stickyFooter: $,
                     variant: "footer",
-                    drawerVariant: f,
+                    drawerVariant: m,
                     children: l
                   }
                 )
@@ -404,119 +404,119 @@ const C = k.bind(Tr), h = "purpur-drawer-frame", dr = P(
     ] });
   }
 );
-dr.displayName = "DrawerFrame";
+ir.displayName = "DrawerFrame";
 const Jr = (r, a) => ({
   onSwipeStart: () => {
     r.current && r.current.setAttribute("data-swipe", "start");
   },
-  onSwipeMove: (s) => {
+  onSwipeMove: (i) => {
     if (!r.current)
       return;
-    const { y: i } = s.delta;
-    r.current.setAttribute("data-swipe", "move"), r.current.style.setProperty("--purpur-drawer-swipe-move-y", `${i}px`);
+    const { y: c } = i.delta;
+    r.current.setAttribute("data-swipe", "move"), r.current.style.setProperty("--purpur-drawer-swipe-move-y", `${c}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"));
   },
-  onSwipeEnd: (s) => {
+  onSwipeEnd: (i) => {
     if (!r.current)
       return;
-    const { y: i } = s.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: c } = i.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", `${c}px`), a?.(!1);
   }
-}), O = k.bind(Rr), N = "purpur-drawer-content", ur = P(
+}), C = k.bind(Fr), N = "purpur-drawer-content", cr = P(
   ({
     ["data-testid"]: r = "purpur-drawer-content",
     backButton: a = !1,
     backButtonText: o,
-    backButtonOnlyIcon: n = !1,
-    bodyText: u,
+    backButtonOnlyIcon: s = !1,
+    bodyText: d,
     children: p,
-    className: s,
-    closeButtonAriaLabel: i,
+    className: i,
+    closeButtonAriaLabel: c,
     container: l,
     disableCloseOnClickOutside: t = !1,
-    fitToContent: d = !1,
+    fitToContent: u = !1,
     footerContent: _,
     headerContent: w,
-    onBackButtonClick: m,
-    onCloseClick: c,
+    onBackButtonClick: f,
+    onCloseClick: n,
     stickyFooter: b = !1,
-    title: A,
+    title: V,
     zIndex: $,
-    position: z = "right",
-    ...f
-  }, S) => {
-    const E = $r(or), V = E?.variant ?? "default", H = E?.isModal ?? !0, R = Pr(), q = l === void 0 ? R : l ?? void 0, pr = O([
+    position: S = "right",
+    ...m
+  }, z) => {
+    const A = sr(T), E = A?.variant ?? "default", Y = A?.isModal ?? !0, F = Pr(), q = l === void 0 ? F : l ?? void 0, lr = C([
       N,
       {
-        [`${N}--fit-to-content`]: d,
-        [`${N}--left`]: z === "left",
-        [`${N}--right`]: z === "right",
-        [`${N}--ai`]: V === "ai"
+        [`${N}--fit-to-content`]: u,
+        [`${N}--left`]: S === "left",
+        [`${N}--right`]: S === "right",
+        [`${N}--ai`]: E === "ai"
       },
-      s
-    ]), W = Q(null), X = Q(null), lr = (v) => {
-      X.current = v, typeof S == "function" ? S(v) : S && (S.current = v);
-    }, { onSwipeStart: _r, onSwipeMove: wr, onSwipeCancel: hr, onSwipeEnd: fr } = Jr(
-      X,
-      E?.onOpenChange ?? null
+      i
+    ]), R = Q(null), W = Q(null), _r = (y) => {
+      W.current = y, typeof z == "function" ? z(y) : z && (z.current = y);
+    }, { onSwipeStart: wr, onSwipeMove: hr, onSwipeCancel: fr, onSwipeEnd: mr } = Jr(
+      W,
+      A?.onOpenChange ?? null
     ), G = /* @__PURE__ */ e(
       br,
       {
-        onPointerDownOutside: (v) => {
+        onPointerDownOutside: (y) => {
           if (t) {
-            v.preventDefault();
+            y.preventDefault();
             return;
           }
-          c && (v.preventDefault(), c());
+          n && (y.preventDefault(), n());
         },
-        onEscapeKeyDown: (v) => {
-          c && (v.preventDefault(), c());
+        onEscapeKeyDown: (y) => {
+          n && (y.preventDefault(), n());
         },
         onOpenAutoFocus: () => {
-          const v = W.current;
-          if (v) {
-            const J = v.querySelector("h2");
+          const y = R.current;
+          if (y) {
+            const J = y.querySelector("h2");
             J && setTimeout(() => {
               J.focus();
             });
           }
         },
-        className: pr,
+        className: lr,
         "data-testid": r,
-        ref: lr,
-        ...!u && { "aria-describedby": void 0 },
-        ...f,
+        ref: _r,
+        ...!d && { "aria-describedby": void 0 },
+        ...m,
         children: /* @__PURE__ */ e(
-          dr,
+          ir,
           {
             backButton: a,
             backButtonText: o,
-            backButtonOnlyIcon: n,
-            closeButtonAriaLabel: i,
-            className: O(`${N}__drawer-frame`),
-            fitToContent: d,
+            backButtonOnlyIcon: s,
+            closeButtonAriaLabel: c,
+            className: C(`${N}__drawer-frame`),
+            fitToContent: u,
             footerContent: _,
             headerContent: w,
-            ref: W,
-            onBackButtonClick: m,
-            onCloseClick: c,
-            onSwipeStart: _r,
-            onSwipeMove: wr,
-            onSwipeCancel: hr,
-            onSwipeEnd: fr,
+            ref: R,
+            onBackButtonClick: f,
+            onCloseClick: n,
+            onSwipeStart: wr,
+            onSwipeMove: hr,
+            onSwipeCancel: fr,
+            onSwipeEnd: mr,
             stickyFooter: b,
-            title: A,
-            position: z,
-            variant: V,
-            children: u ? /* @__PURE__ */ g("div", { className: O(`${N}__content-container`), children: [
+            title: V,
+            position: S,
+            variant: E,
+            children: d ? /* @__PURE__ */ g("div", { className: C(`${N}__content-container`), children: [
               /* @__PURE__ */ e(
                 gr,
                 {
-                  className: O(`${N}__description`),
+                  className: C(`${N}__description`),
                   "data-testid": `${r}-description`,
-                  children: u
+                  children: d
                 }
               ),
               /* @__PURE__ */ e("div", { children: p })
@@ -525,10 +525,10 @@ const Jr = (r, a) => ({
         )
       }
     );
-    return H ? /* @__PURE__ */ e(Z, { container: q, children: /* @__PURE__ */ e(
+    return Y ? /* @__PURE__ */ e(Z, { container: q, children: /* @__PURE__ */ e(
       Dr,
       {
-        className: O("purpur-drawer-overlay"),
+        className: C("purpur-drawer-overlay"),
         style: $ ? { zIndex: $ } : void 0,
         "data-testid": `${r}-overlay`,
         children: G
@@ -536,7 +536,7 @@ const Jr = (r, a) => ({
     ) }) : /* @__PURE__ */ e(Z, { container: q, children: /* @__PURE__ */ e(
       "div",
       {
-        className: O("purpur-drawer-overlay"),
+        className: C("purpur-drawer-overlay"),
         style: $ ? { zIndex: $ } : void 0,
         "data-testid": `${r}-overlay`,
         children: G
@@ -544,34 +544,42 @@ const Jr = (r, a) => ({
     ) });
   }
 );
-ur.displayName = "DrawerContent";
-const cr = P(
-  ({ ["data-testid"]: r = "purpur-drawer-trigger", children: a, ...o }, n) => /* @__PURE__ */ e(Nr, { asChild: !0, "data-testid": r, ref: n, ...o, children: a })
+cr.displayName = "DrawerContent";
+const pr = P(
+  ({ ["data-testid"]: r = "purpur-drawer-trigger", children: a, ...o }, s) => /* @__PURE__ */ e(Nr, { asChild: !0, "data-testid": r, ref: s, ...o, children: a })
 );
-cr.displayName = "DrawerTrigger";
-const K = ({
+pr.displayName = "DrawerTrigger";
+const X = ({
   ["data-testid"]: r = "purpur-drawer",
   children: a,
   className: o,
-  isModal: n = !0,
-  onOpenChange: u,
+  isModal: s = !0,
+  onOpenChange: d,
   open: p = !1,
-  variant: s = "default",
-  ...i
+  noBodyPadding: i = !1,
+  noHeaderSeparator: c = !1,
+  variant: l = "default",
+  ...t
 }) => {
-  const [l, t] = Y.useState(p), d = (w) => {
-    t(w), u?.(w);
+  const [u, _] = U.useState(p), w = (n) => {
+    _(n), d?.(n);
   };
-  vr(() => {
-    t(p);
+  yr(() => {
+    _(p);
   }, [p]);
-  const _ = { isModal: n, onOpenChange: d, variant: s };
-  return /* @__PURE__ */ e(or.Provider, { value: _, children: /* @__PURE__ */ e("div", { className: o, "data-testid": r, ...i, children: /* @__PURE__ */ e(jr, { open: l, onOpenChange: d, modal: n, children: a }) }) });
+  const f = {
+    isModal: s,
+    onOpenChange: w,
+    variant: l,
+    noBodyPadding: i,
+    noHeaderSeparator: c
+  };
+  return /* @__PURE__ */ e(T.Provider, { value: f, children: /* @__PURE__ */ e("div", { className: o, "data-testid": r, ...t, children: /* @__PURE__ */ e(jr, { open: u, onOpenChange: w, modal: s, children: a }) }) });
 };
-K.Trigger = cr;
-K.Content = ur;
-K.displayName = "Drawer";
+X.Trigger = pr;
+X.Content = cr;
+X.displayName = "Drawer";
 export {
-  K as D
+  X as D
 };
-//# sourceMappingURL=drawer-cIUx6WSZ.mjs.map
+//# sourceMappingURL=drawer-Chx3H8EU.mjs.map