@purpur/library 9.2.3 → 9.4.0

package/dist/drawer-8Acg4wkV.mjs

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

package/dist/drawer-8Acg4wkV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-8Acg4wkV.mjs","sources":["../../../components/drawer/src/drawer.context.ts","../../../components/drawer/src/drawer-container.tsx","../../../components/drawer/src/use-swipe-tracking.hook.ts","../../../components/drawer/src/drawer-handle.tsx","../../../components/drawer/src/drawer-header.tsx","../../../components/drawer/src/drawer-scroll-area.tsx","../../../components/drawer/src/drawer-frame.tsx","../../../components/drawer/src/use-swipe-to-dismiss.hook.ts","../../../components/drawer/src/drawer-content.tsx","../../../components/drawer/src/drawer-trigger.tsx","../../../components/drawer/src/drawer.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type DrawerVariant, type OpenHandlerFunction } from \"./types\";\n\nexport type DrawerContextValue = {\n  isModal: boolean;\n  onOpenChange: OpenHandlerFunction;\n  variant: DrawerVariant;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-container.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  stickyFooter: boolean;\n  variant?: \"header\" | \"body\" | \"footer\";\n};\n\nconst rootClassName = \"purpur-drawer-container\";\n\nexport const DrawerContainer = forwardRef<HTMLDivElement, DrawerContainerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-container\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      variant = \"body\",\n      stickyFooter,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--${variant}`]: variant,\n        [`${rootClassName}--sticky`]: stickyFooter,\n        [`${rootClassName}--ai`]: drawerVariant === \"ai\",\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nDrawerContainer.displayName = \"DrawerContainer\";\n","import type { PointerEvent, RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeTracking = {\n  onPointerDown(event: PointerEvent): void;\n  onPointerMove(event: PointerEvent): void;\n  onPointerUp(event: PointerEvent): void;\n};\n\nexport const useSwipeTracking = (\n  pointerStartRef: RefObject<{ y: number } | null>,\n  swipeDeltaRef: RefObject<{ y: number } | null>,\n  onSwipeStart: () => void,\n  onSwipeMove: (event: SwipeEvent) => void,\n  onSwipeCancel: () => void,\n  onSwipeEnd: (event: SwipeEvent) => void\n): UseSwipeTracking => {\n  const onPointerDown = (event: PointerEvent) => {\n    pointerStartRef.current = { y: event.clientY };\n  };\n  const onPointerMove = (event: PointerEvent) => {\n    if (!pointerStartRef.current) {\n      return;\n    }\n    const y = event.clientY - pointerStartRef.current.y;\n    const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n    const clampedY = Math.max(0, y);\n    const moveStartBuffer = event.pointerType === \"touch\" ? 10 : 2;\n    const delta = { y: clampedY };\n    const eventDetail = { originalEvent: event, delta };\n    if (hasSwipeMoveStarted) {\n      swipeDeltaRef.current = delta;\n      onSwipeMove(eventDetail);\n    } else if (isDeltaInDirection(delta, 0)) {\n      swipeDeltaRef.current = delta;\n      onSwipeStart();\n      (event.target as HTMLElement).setPointerCapture(event.pointerId);\n    } else if (Math.abs(y) > moveStartBuffer) {\n      // User is swiping in wrong direction so we disable swipe gesture\n      // for the current pointer down interaction\n      pointerStartRef.current = null;\n    }\n  };\n  const onPointerUp = (event: PointerEvent) => {\n    const delta = swipeDeltaRef.current;\n    const target = event.target as HTMLElement;\n    if (target.hasPointerCapture(event.pointerId)) {\n      target.releasePointerCapture(event.pointerId);\n    }\n    swipeDeltaRef.current = null;\n    pointerStartRef.current = null;\n    if (delta) {\n      const swipeHandle = event.currentTarget;\n      const eventDetail = { originalEvent: event, delta };\n      if (isDeltaInDirection(delta, 0) && delta.y > 200) {\n        onSwipeEnd(eventDetail);\n      } else {\n        onSwipeCancel();\n      }\n      // Prevent click event from triggering on items within the drawer when\n      // pointer up is part of a swipe gesture\n      swipeHandle.addEventListener(\"click\", (event) => event.preventDefault(), {\n        once: true,\n      });\n    }\n  };\n  return {\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n  };\n};\n\nconst isDeltaInDirection = (delta: { y: number }, threshold = 0) => {\n  const deltaY = Math.abs(delta.y);\n  return deltaY > threshold;\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-handle.module.scss\";\nimport { type DrawerVariant, type SwipeEvent } from \"./types\";\nimport { useSwipeTracking } from \"./use-swipe-tracking.hook\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHandleProps = Omit<BaseProps, \"children\"> & {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-handle\";\n\nexport const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-handle\",\n      className,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const pointerStartRef = React.useRef<{ y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ y: number } | null>(null);\n    const { onPointerDown, onPointerMove, onPointerUp } = useSwipeTracking(\n      swipeDeltaRef,\n      pointerStartRef,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd\n    );\n\n    return (\n      <div\n        className={classes}\n        data-testid={dataTestId}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nDrawerHandle.displayName = \"DrawerHandle\";\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { DisplayVariant, Heading } from \"@purpur/heading\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-header.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHeaderProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  closeButtonAriaLabel: string;\n  headerContent?: React.ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  title: string;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-header\";\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-header\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      className,\n      closeButtonAriaLabel,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      title,\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n\n    const CloseButtonWrapper = onCloseClick ? React.Fragment : RadixDialog.Close;\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <div\n          className={cx([\n            `${rootClassName}__row`,\n            {\n              [`${rootClassName}__row--with-back-button`]: hasBackButton,\n            },\n          ])}\n          data-testid={`${dataTestId}-row`}\n        >\n          <div className={cx(`${rootClassName}__left`)}>\n            {hasBackButton ? (\n              <Button\n                aria-label={backButtonOnlyIcon ? backButtonText : \"\"}\n                className={cx([\n                  `${rootClassName}__back-button`,\n                  {\n                    [`${rootClassName}__back-button--only-icon`]: backButtonOnlyIcon,\n                  },\n                ])}\n                data-testid={`${dataTestId}-back-button`}\n                iconOnly={backButtonOnlyIcon}\n                negative={isAi}\n                onClick={onBackButtonClick}\n                size=\"sm\"\n                variant={backButtonOnlyIcon ? BUTTON_VARIANT.TERTIARY_PURPLE : BUTTON_VARIANT.TEXT}\n              >\n                <IconChevronLeft size=\"sm\" />\n                {!backButtonOnlyIcon && backButtonText}\n              </Button>\n            ) : headerContent ? (\n              <>\n                {headerContent}\n                <VisuallyHidden asChild>\n                  <RadixDialog.Title>{title}</RadixDialog.Title>\n                </VisuallyHidden>\n              </>\n            ) : (\n              <RadixDialog.Title asChild>\n                <Heading\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={`${dataTestId}-title`}\n                  negative={isAi}\n                  tag=\"h2\"\n                  variant={DisplayVariant.DISPLAY10}\n                  tabIndex={-1}\n                >\n                  {title}\n                </Heading>\n              </RadixDialog.Title>\n            )}\n          </div>\n\n          <div className={cx(`${rootClassName}__right`)}>\n            <CloseButtonWrapper {...(onCloseClick ? {} : { asChild: true })}>\n              <Button\n                aria-label={closeButtonAriaLabel}\n                className={cx(`${rootClassName}__close-button`)}\n                iconOnly\n                negative={isAi}\n                onClick={onCloseClick}\n                size=\"sm\"\n                variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            </CloseButtonWrapper>\n          </div>\n        </div>\n        {hasBackButton &&\n          (headerContent ? (\n            <>\n              {headerContent}\n              <VisuallyHidden asChild>\n                <RadixDialog.Title>{title}</RadixDialog.Title>\n              </VisuallyHidden>\n            </>\n          ) : (\n            <RadixDialog.Title asChild>\n              <Heading\n                data-testid={`${dataTestId}-title-with-back-button`}\n                className={cx(`${rootClassName}__title`)}\n                negative={isAi}\n                tag=\"h2\"\n                tabIndex={-1}\n                variant={DisplayVariant.DISPLAY10}\n              >\n                {title}\n              </Heading>\n            </RadixDialog.Title>\n          ))}\n      </div>\n    );\n  }\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-scroll-area.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  drawerVariant?: DrawerVariant;\n  fitToContent?: boolean;\n};\n\nconst rootClassName = \"purpur-drawer-scroll-area\";\n\nexport const DrawerScrollArea = forwardRef<HTMLDivElement, DrawerScrollAreaProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-scroll-area\",\n      children,\n      className,\n      drawerVariant = \"default\",\n      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([\n      rootClassName,\n      { [`${rootClassName}--ai`]: drawerVariant === \"ai\" },\n      className,\n    ]);\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <RadixScrollArea.Root\n          className={cx(`${rootClassName}__root`, {\n            [`${rootClassName}__root--fit-to-content`]: fitToContent,\n          })}\n        >\n          <RadixScrollArea.Viewport className={cx(`${rootClassName}__viewport`)}>\n            {children}\n          </RadixScrollArea.Viewport>\n          <RadixScrollArea.Scrollbar\n            className={cx(`${rootClassName}__scrollbar`)}\n            orientation=\"vertical\"\n          >\n            <RadixScrollArea.Thumb className={cx(`${rootClassName}__thumb`)} />\n          </RadixScrollArea.Scrollbar>\n        </RadixScrollArea.Root>\n      </div>\n    );\n  }\n);\n\nDrawerScrollArea.displayName = \"DrawerScrollArea\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContainer } from \"./drawer-container\";\nimport styles from \"./drawer-frame.module.scss\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerScrollArea } from \"./drawer-scroll-area\";\nimport { type DrawerVariant, type Position, type SwipeEvent } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerFrameProps = Omit<BaseProps, \"children\"> & {\n  backButton: boolean;\n  backButtonText?: string;\n  backButtonOnlyIcon: boolean;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onBackButtonClick?: () => void;\n  onCloseClick?: () => void;\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n  stickyFooter: boolean;\n  title: string;\n  position?: Position;\n  variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-frame\";\n\nexport const DrawerFrame = forwardRef<HTMLDivElement, DrawerFrameProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-frame\",\n      backButton,\n      backButtonText,\n      backButtonOnlyIcon,\n      children,\n      className,\n      closeButtonAriaLabel,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      title,\n      stickyFooter,\n      position = \"right\",\n      variant = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n    const isAi = variant === \"ai\";\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--sticky-footer`]: stickyFooter,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--without-back-button`]: !hasBackButton,\n        [`${rootClassName}--with-back-button`]: hasBackButton,\n        [`${rootClassName}--ai`]: isAi,\n      },\n      className,\n    ]);\n\n    return (\n      <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n        <DrawerHandle\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          variant={variant}\n        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\n          drawerVariant={variant}\n        >\n          <DrawerHeader\n            title={title}\n            headerContent={headerContent}\n            backButtonOnlyIcon={backButtonOnlyIcon}\n            backButton={backButton}\n            backButtonText={backButtonText}\n            closeButtonAriaLabel={closeButtonAriaLabel}\n            onBackButtonClick={onBackButtonClick}\n            onCloseClick={onCloseClick}\n            variant={variant}\n          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n              drawerVariant={variant}\n            >\n              <DrawerContainer stickyFooter drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n            </DrawerScrollArea>\n            {footerContent && (\n              <DrawerContainer\n                className={cx(`${rootClassName}__footer`)}\n                data-testid={`${dataTestId}-sticky-footer`}\n                variant=\"footer\"\n                stickyFooter={stickyFooter}\n                drawerVariant={variant}\n              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n            drawerVariant={variant}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter} drawerVariant={variant}>\n                {children}\n              </DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\n                  drawerVariant={variant}\n                >\n                  {footerContent}\n                </DrawerContainer>\n              )}\n            </div>\n          </DrawerScrollArea>\n        )}\n      </div>\n    );\n  }\n);\n\nDrawerFrame.displayName = \"DrawerFrame\";\n","import type { RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeToDismiss = {\n  onSwipeStart(): void;\n  onSwipeMove(event: SwipeEvent): void;\n  onSwipeCancel(): void;\n  onSwipeEnd(event: SwipeEvent): void;\n};\n\nexport const useSwipeToDismiss = <T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  handleOpenChange: ((open: boolean) => void) | null\n): UseSwipeToDismiss => {\n  const onSwipeStart = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"start\");\n  };\n  const onSwipeMove = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"move\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-move-y\", `${y}px`);\n  };\n  const onSwipeCancel = () => {\n    if (!containerRef.current) {\n      return;\n    }\n    containerRef.current.setAttribute(\"data-swipe\", \"cancel\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-end-y\");\n  };\n  const onSwipeEnd = (event: SwipeEvent) => {\n    if (!containerRef.current) {\n      return;\n    }\n    const { y } = event.delta;\n    containerRef.current.setAttribute(\"data-swipe\", \"end\");\n    containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n    containerRef.current.style.setProperty(\"--purpur-drawer-swipe-end-y\", `${y}px`);\n    handleOpenChange?.(false);\n  };\n\n  return {\n    onSwipeStart,\n    onSwipeMove,\n    onSwipeCancel,\n    onSwipeEnd,\n  };\n};\n","import React, { forwardRef, type ReactNode, useContext, useRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-content.module.scss\";\nimport { DrawerFrame } from \"./drawer-frame\";\nimport { type Position } from \"./types\";\nimport { useSwipeToDismiss } from \"./use-swipe-to-dismiss.hook\";\n\nconst cx = c.bind(styles);\n\nexport type WithBackButton = {\n  backButton: boolean;\n  backButtonText: string;\n  backButtonOnlyIcon?: boolean;\n  onBackButtonClick: () => void;\n};\n\nexport type WithoutBackButton = {\n  backButton?: never;\n  backButtonText?: never;\n  backButtonOnlyIcon?: never;\n  onBackButtonClick?: never;\n};\n\nexport type DrawerContentProps = Omit<BaseProps, \"children\"> & {\n  bodyText?: string;\n  children: ReactNode;\n  closeButtonAriaLabel: string;\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * If true, the drawer height will fit to its content on small screens.\n   */\n  fitToContent?: boolean;\n  footerContent?: ReactNode;\n  headerContent?: ReactNode;\n  onCloseClick?: () => void;\n  stickyFooter?: boolean;\n  title: string;\n  zIndex?: number;\n  position?: Position;\n} & (WithoutBackButton | WithBackButton);\n\nconst rootClassName = \"purpur-drawer-content\";\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId = \"purpur-drawer-content\",\n      backButton = false,\n      backButtonText,\n      backButtonOnlyIcon = false,\n      bodyText,\n      children,\n      className,\n      closeButtonAriaLabel,\n      disableCloseOnClickOutside = false,\n      fitToContent = false,\n      footerContent,\n      headerContent,\n      onBackButtonClick,\n      onCloseClick,\n      stickyFooter = false,\n      title,\n      zIndex,\n      position = \"right\",\n      ...props\n    },\n    ref\n  ) => {\n    const drawerContext = useContext(DrawerContext);\n    const variant = drawerContext?.variant ?? \"default\";\n    const isModal = drawerContext?.isModal ?? true;\n\n    const classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\n        [`${rootClassName}--ai`]: variant === \"ai\",\n      },\n      className,\n    ]);\n\n    const drawerFrameRef = useRef<HTMLDivElement>(null);\n    const internalDrawerContentRef = useRef<HTMLDivElement>(null);\n\n    const setRef = (node: HTMLDivElement | null) => {\n      internalDrawerContentRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      drawerContext?.onOpenChange ?? null\n    );\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (onCloseClick) {\n        event.preventDefault();\n        onCloseClick();\n      }\n    };\n\n    const handleInitialFocus = () => {\n      const frame = drawerFrameRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const dialogContent = (\n      <RadixDialog.Content\n        onPointerDownOutside={handlePointerDownOutside}\n        onEscapeKeyDown={handleEscapeKeyDown}\n        onOpenAutoFocus={handleInitialFocus}\n        className={classes}\n        data-testid={dataTestId}\n        ref={setRef}\n        {...(!bodyText && { [\"aria-describedby\"]: undefined })}\n        {...props}\n      >\n        <DrawerFrame\n          backButton={backButton}\n          backButtonText={backButtonText}\n          backButtonOnlyIcon={backButtonOnlyIcon}\n          closeButtonAriaLabel={closeButtonAriaLabel}\n          className={cx(`${rootClassName}__drawer-frame`)}\n          fitToContent={fitToContent}\n          footerContent={footerContent}\n          headerContent={headerContent}\n          ref={drawerFrameRef}\n          onBackButtonClick={onBackButtonClick}\n          onCloseClick={onCloseClick}\n          onSwipeStart={onSwipeStart}\n          onSwipeMove={onSwipeMove}\n          onSwipeCancel={onSwipeCancel}\n          onSwipeEnd={onSwipeEnd}\n          stickyFooter={stickyFooter}\n          title={title}\n          position={position}\n          variant={variant}\n        >\n          {bodyText ? (\n            <div className={cx(`${rootClassName}__content-container`)}>\n              <RadixDialog.Description\n                className={cx(`${rootClassName}__description`)}\n                data-testid={`${dataTestId}-description`}\n              >\n                {bodyText}\n              </RadixDialog.Description>\n              <div>{children}</div>\n            </div>\n          ) : (\n            children\n          )}\n        </DrawerFrame>\n      </RadixDialog.Content>\n    );\n\n    if (!isModal) {\n      return (\n        <RadixDialog.Portal>\n          <div\n            className={cx(\"purpur-drawer-overlay\")}\n            style={zIndex ? { zIndex } : undefined}\n            data-testid={`${dataTestId}-overlay`}\n          >\n            {dialogContent}\n          </div>\n        </RadixDialog.Portal>\n      );\n    }\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          className={cx(\"purpur-drawer-overlay\")}\n          style={zIndex ? { zIndex } : undefined}\n          data-testid={`${dataTestId}-overlay`}\n        >\n          {dialogContent}\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nexport type DrawerTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  ({ [\"data-testid\"]: dataTestId = \"purpur-drawer-trigger\", children, ...props }, ref) => {\n    return (\n      <RadixDialog.Trigger asChild data-testid={dataTestId} ref={ref} {...props}>\n        {children}\n      </RadixDialog.Trigger>\n    );\n  }\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n","import React, { type ReactNode, useEffect } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { type DrawerVariant } from \"./types\";\n\nexport type { DrawerVariant };\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  /**\n   * Whether the drawer should be modal. When `true` (default), focus is trapped\n   * and pointer events outside the drawer are disabled. Set to `false` when rendering\n   * components that use portals (e.g. DatePicker) inside the drawer.\n   */\n  isModal?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\n  variant?: DrawerVariant;\n};\n\nexport type DrawerComponent<P> = React.FunctionComponent<P> & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n};\n\nexport const Drawer: DrawerComponent<DrawerProps> = ({\n  [\"data-testid\"]: dataTestId = \"purpur-drawer\",\n  children,\n  className,\n  isModal = true,\n  onOpenChange,\n  open = false,\n  variant = \"default\",\n  ...props\n}: DrawerProps) => {\n  const [_open, _setOpen] = React.useState(open);\n\n  const handleOpenChange = (newOpen: boolean) => {\n    _setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  useEffect(() => {\n    _setOpen(open);\n  }, [open]);\n\n  const contextValue = { isModal, onOpenChange: handleOpenChange, variant };\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange} modal={isModal}>\n          {children}\n        </RadixDialog.Root>\n      </div>\n    </DrawerContext.Provider>\n  );\n};\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.displayName = \"Drawer\";\n"],"names":["DrawerContext","createContext","cx","c","styles","rootClassName","DrawerContainer","forwardRef","dataTestId","children","className","drawerVariant","variant","stickyFooter","props","ref","classes","jsx","useSwipeTracking","pointerStartRef","swipeDeltaRef","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","event","y","hasSwipeMoveStarted","clampedY","moveStartBuffer","delta","eventDetail","isDeltaInDirection","target","swipeHandle","threshold","DrawerHandle","React","onPointerDown","onPointerMove","onPointerUp","DrawerHeader","backButton","backButtonText","backButtonOnlyIcon","closeButtonAriaLabel","headerContent","onBackButtonClick","onCloseClick","title","hasBackButton","isAi","CloseButtonWrapper","RadixDialog.Close","jsxs","Button","BUTTON_VARIANT","IconChevronLeft","Fragment","VisuallyHidden","RadixDialog.Title","Heading","DisplayVariant","IconClose","DrawerScrollArea","fitToContent","RadixScrollArea.Root","RadixScrollArea.Viewport","RadixScrollArea.Scrollbar","RadixScrollArea.Thumb","DrawerFrame","footerContent","position","useSwipeToDismiss","containerRef","handleOpenChange","DrawerContent","bodyText","disableCloseOnClickOutside","zIndex","drawerContext","useContext","isModal","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","dialogContent","RadixDialog.Content","frame","heading","RadixDialog.Description","RadixDialog.Portal","RadixDialog.Overlay","DrawerTrigger","RadixDialog.Trigger","Drawer","onOpenChange","open","_open","_setOpen","newOpen","useEffect","contextValue","RadixDialog.Root"],"mappings":"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"}