@purpur/library 9.0.6 → 9.0.8

package/dist/date-picker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-DlJGggam.js");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date-picker-Dk39IXG5.js");exports.DatePicker=e.DatePicker;
 //# sourceMappingURL=date-picker.cjs.js.map

package/dist/date-picker.es.js

@@ -1,4 +1,4 @@
-import { D as a } from "./date-picker-BRnwwZv1.mjs";
+import { D as a } from "./date-picker-Bt3IaH23.mjs";
 export {
   a as DatePicker
 };

package/dist/{dismissable-chip-group-DsO2cZaF.js → dismissable-chip-group-CnziecOt.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),j=require("./heading-DLCdW6gx.js"),_=require("./bind-DeUYJ6m9.js"),k=require("./close.es-VL3lKi1O.js"),b={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_17jk4_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_17jk4_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_17jk4_14","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_17jk4_17","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_17jk4_17","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_17jk4_43"},n=_.c.bind(b),c="purpur-dismissable-chip-group-item",h=({children:r,id:i,onDismiss:p,disabled:s,...a})=>{const u=l=>{s?l.preventDefault():p?.(i)};return e.jsx("li",{className:n(`${c}-wrapper`),children:d.createElement("button",{...a,className:n(`${c}`,{[`${c}--disabled`]:s}),key:i,disabled:s,"aria-disabled":s,onClick:u},r,e.jsx(k.r,{size:"sm"}))},i)};h.displayName="DismissableChipGroupItem";const m=_.c.bind(b),o="purpur-dismissable-chip-group",t=({children:r,className:i,fullWidth:p=!1,title:s,titleTag:a,...u})=>{const l=d.useId(),g=m([o,i]);return e.jsxs("div",{...u,"aria-labelledby":s?`${l}-label`:void 0,className:g,role:"group",children:[s&&e.jsx(j.Heading,{tag:a??"h2",variant:"subsection-100",children:s}),e.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:m(`${o}__container`,{[`${o}__container--full-width`]:p}),"aria-live":"polite","aria-relevant":"additions removals",children:r})]})};t.Item=h;t.displayName="DismissableChipGroup";exports.DismissableChipGroup=t;
-//# sourceMappingURL=dismissable-chip-group-DsO2cZaF.js.map
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),j=require("./heading-drD5ugCC.js"),_=require("./bind-DeUYJ6m9.js"),k=require("./close.es-VL3lKi1O.js"),b={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_17jk4_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_17jk4_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_17jk4_14","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_17jk4_17","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_17jk4_17","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_17jk4_43"},n=_.c.bind(b),c="purpur-dismissable-chip-group-item",h=({children:r,id:i,onDismiss:p,disabled:s,...a})=>{const u=l=>{s?l.preventDefault():p?.(i)};return e.jsx("li",{className:n(`${c}-wrapper`),children:d.createElement("button",{...a,className:n(`${c}`,{[`${c}--disabled`]:s}),key:i,disabled:s,"aria-disabled":s,onClick:u},r,e.jsx(k.r,{size:"sm"}))},i)};h.displayName="DismissableChipGroupItem";const m=_.c.bind(b),o="purpur-dismissable-chip-group",t=({children:r,className:i,fullWidth:p=!1,title:s,titleTag:a,...u})=>{const l=d.useId(),g=m([o,i]);return e.jsxs("div",{...u,"aria-labelledby":s?`${l}-label`:void 0,className:g,role:"group",children:[s&&e.jsx(j.Heading,{tag:a??"h2",variant:"subsection-100",children:s}),e.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:m(`${o}__container`,{[`${o}__container--full-width`]:p}),"aria-live":"polite","aria-relevant":"additions removals",children:r})]})};t.Item=h;t.displayName="DismissableChipGroup";exports.DismissableChipGroup=t;
+//# sourceMappingURL=dismissable-chip-group-CnziecOt.js.map

package/dist/{dismissable-chip-group-DsO2cZaF.js.map → dismissable-chip-group-CnziecOt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dismissable-chip-group-DsO2cZaF.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":"gvBAOMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAeC,GAAqC,CACpDH,EACFG,EAAE,eAAA,EAEFJ,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAS,EAAAA,cAAC,SAAA,CACE,GAAGH,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,CAAA,CACjC,EACD,IAAKF,EACL,SAAAE,EACA,gBAAeA,EACf,QAASE,CAAA,EAERL,EACDQ,EAAAA,IAACC,EAAAA,EAAA,CAAU,KAAK,IAAA,CAAK,CAAA,GAZhBR,CAcT,CAEJ,EAEAF,EAAyB,YAAc,2BC3CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EASlBC,EAAgB,gCAETY,EAAuB,CAAC,CACnC,SAAAV,EACA,UAAAW,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,GAAGV,CACL,IAAiC,CAC/B,MAAMH,EAAKc,EAAAA,MAAA,EACLC,EAAUrB,EAAG,CAACG,EAAea,CAAS,CAAC,EAE7C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGb,EACJ,kBAAiBS,EAAQ,GAAGZ,CAAE,SAAW,OACzC,UAAWe,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFL,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAWb,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGc,CAAA,CAC9C,EACD,YAAU,SACV,gBAAc,qBAEb,SAAAZ,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,EAEAU,EAAqB,KAAOX,EAE5BW,EAAqB,YAAc"}
+{"version":3,"file":"dismissable-chip-group-CnziecOt.js","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":"gvBAOMA,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,qCAETC,EAA2B,CAAC,CACvC,SAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,MAAMC,EAAeC,GAAqC,CACpDH,EACFG,EAAE,eAAA,EAEFJ,IAAYD,CAAE,CAElB,EAEA,aACG,KAAA,CAAY,UAAWN,EAAG,GAAGG,CAAa,UAAU,EACnD,SAAAS,EAAAA,cAAC,SAAA,CACE,GAAGH,EACJ,UAAWT,EAAG,GAAGG,CAAa,GAAI,CAChC,CAAC,GAAGA,CAAa,YAAY,EAAGK,CAAA,CACjC,EACD,IAAKF,EACL,SAAAE,EACA,gBAAeA,EACf,QAASE,CAAA,EAERL,EACDQ,EAAAA,IAACC,EAAAA,EAAA,CAAU,KAAK,IAAA,CAAK,CAAA,GAZhBR,CAcT,CAEJ,EAEAF,EAAyB,YAAc,2BC3CvC,MAAMJ,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EASlBC,EAAgB,gCAETY,EAAuB,CAAC,CACnC,SAAAV,EACA,UAAAW,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,SAAAC,EACA,GAAGV,CACL,IAAiC,CAC/B,MAAMH,EAAKc,EAAAA,MAAA,EACLC,EAAUrB,EAAG,CAACG,EAAea,CAAS,CAAC,EAE7C,OACEM,EAAAA,KAAC,MAAA,CACE,GAAGb,EACJ,kBAAiBS,EAAQ,GAAGZ,CAAE,SAAW,OACzC,UAAWe,EACX,KAAK,QAEJ,SAAA,CAAAH,SACEK,UAAA,CAAQ,IAAKJ,GAAY,KAAM,QAAQ,iBACrC,SAAAD,CAAA,CACH,EAEFL,EAAAA,IAAC,KAAA,CACC,cAAY,mCACZ,UAAWb,EAAG,GAAGG,CAAa,cAAe,CAC3C,CAAC,GAAGA,CAAa,yBAAyB,EAAGc,CAAA,CAC9C,EACD,YAAU,SACV,gBAAc,qBAEb,SAAAZ,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,EAEAU,EAAqB,KAAOX,EAE5BW,EAAqB,YAAc"}

package/dist/{dismissable-chip-group-Bl0D18qM.mjs → dismissable-chip-group-ZCYOt1sB.mjs}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { createElement as f, useId as k } from "react";
-import { a as j } from "./heading-gqtQNo5n.mjs";
+import { H as j } from "./heading-xwBuT_-9.mjs";
 import { c as n } from "./bind-CU-R61T-.mjs";
 import { r as C } from "./close.es-BPmk2wkU.mjs";
 const d = {
@@ -76,4 +76,4 @@ b.displayName = "DismissableChipGroup";
 export {
   b as D
 };
-//# sourceMappingURL=dismissable-chip-group-Bl0D18qM.mjs.map
+//# sourceMappingURL=dismissable-chip-group-ZCYOt1sB.mjs.map

package/dist/{dismissable-chip-group-Bl0D18qM.mjs.map → dismissable-chip-group-ZCYOt1sB.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"dismissable-chip-group-Bl0D18qM.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":";;;;;;;;;;;;GAOMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAc,CAACC,MAAqC;AACxD,IAAIH,IACFG,EAAE,eAAA,IAEFJ,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,MAAA,CACjC;AAAA,MACD,KAAKF;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASE;AAAA,IAAA;AAAA,IAERL;AAAA,IACD,gBAAAQ,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,EAAA,KAZhBR,CAcT;AAEJ;AAEAF,EAAyB,cAAc;AC3CvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,iCAETY,IAAuB,CAAC;AAAA,EACnC,UAAAV;AAAA,EACA,WAAAW;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGV;AACL,MAAiC;AAC/B,QAAMH,IAAKc,EAAA,GACLC,IAAUrB,EAAG,CAACG,GAAea,CAAS,CAAC;AAE7C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,mBAAiBS,IAAQ,GAAGZ,CAAE,WAAW;AAAA,MACzC,WAAWe;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,uBACEK,GAAA,EAAQ,KAAKJ,KAAY,MAAM,SAAQ,kBACrC,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWb,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGc;AAAA,YAAA,CAC9C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEb,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAU,EAAqB,OAAOX;AAE5BW,EAAqB,cAAc;"}
+{"version":3,"file":"dismissable-chip-group-ZCYOt1sB.mjs","sources":["../../../components/dismissable-chip-group/src/dismissable-chip-group-item.tsx","../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"],"sourcesContent":["import React, { type MouseEvent, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupItemProps = Omit<BaseProps<\"button\">, \"aria-label\" | \"children\"> & {\n  [\"aria-label\"]: string;\n  children: ReactNode;\n  onDismiss?: (id?: string) => void;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group-item\";\n\nexport const DismissableChipGroupItem = ({\n  children,\n  id,\n  onDismiss,\n  disabled,\n  ...props\n}: DismissableChipGroupItemProps) => {\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) {\n      e.preventDefault();\n    } else {\n      onDismiss?.(id);\n    }\n  };\n\n  return (\n    <li key={id} className={cx(`${rootClassName}-wrapper`)}>\n      <button\n        {...props}\n        className={cx(`${rootClassName}`, {\n          [`${rootClassName}--disabled`]: disabled,\n        })}\n        key={id}\n        disabled={disabled}\n        aria-disabled={disabled}\n        onClick={handleClick}\n      >\n        {children}\n        <IconClose size=\"sm\" />\n      </button>\n    </li>\n  );\n};\n\nDismissableChipGroupItem.displayName = \"DismissableChipGroupItem\";\n","import React, { type ReactNode, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dismissable-chip-group.module.scss\";\nimport { DismissableChipGroupItem } from \"./dismissable-chip-group-item\";\n\nconst cx = c.bind(styles);\n\nexport type DismissableChipGroupProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  fullWidth?: boolean;\n  title?: string;\n  titleTag?: HeadingTagType;\n};\n\nconst rootClassName = \"purpur-dismissable-chip-group\";\n\nexport const DismissableChipGroup = ({\n  children,\n  className,\n  fullWidth = false,\n  title,\n  titleTag,\n  ...props\n}: DismissableChipGroupProps) => {\n  const id = useId();\n  const classes = cx([rootClassName, className]);\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={title ? `${id}-label` : undefined}\n      className={classes}\n      role=\"group\"\n    >\n      {title && (\n        <Heading tag={titleTag ?? \"h2\"} variant=\"subsection-100\">\n          {title}\n        </Heading>\n      )}\n      <ul\n        data-testid=\"dismissable-chip-group-container\"\n        className={cx(`${rootClassName}__container`, {\n          [`${rootClassName}__container--full-width`]: fullWidth,\n        })}\n        aria-live=\"polite\"\n        aria-relevant=\"additions removals\"\n      >\n        {children}\n      </ul>\n    </div>\n  );\n};\n\nDismissableChipGroup.Item = DismissableChipGroupItem;\n\nDismissableChipGroup.displayName = \"DismissableChipGroup\";\n"],"names":["cx","c","styles","rootClassName","DismissableChipGroupItem","children","id","onDismiss","disabled","props","handleClick","e","createElement","jsx","IconClose","DismissableChipGroup","className","fullWidth","title","titleTag","useId","classes","jsxs","Heading"],"mappings":";;;;;;;;;;;;GAOMA,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,sCAETC,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAc,CAACC,MAAqC;AACxD,IAAIH,IACFG,EAAE,eAAA,IAEFJ,IAAYD,CAAE;AAAA,EAElB;AAEA,2BACG,MAAA,EAAY,WAAWN,EAAG,GAAGG,CAAa,UAAU,GACnD,UAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWT,EAAG,GAAGG,CAAa,IAAI;AAAA,QAChC,CAAC,GAAGA,CAAa,YAAY,GAAGK;AAAA,MAAA,CACjC;AAAA,MACD,KAAKF;AAAA,MACL,UAAAE;AAAA,MACA,iBAAeA;AAAA,MACf,SAASE;AAAA,IAAA;AAAA,IAERL;AAAA,IACD,gBAAAQ,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,EAAA,KAZhBR,CAcT;AAEJ;AAEAF,EAAyB,cAAc;AC3CvC,MAAMJ,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,iCAETY,IAAuB,CAAC;AAAA,EACnC,UAAAV;AAAA,EACA,WAAAW;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGV;AACL,MAAiC;AAC/B,QAAMH,IAAKc,EAAA,GACLC,IAAUrB,EAAG,CAACG,GAAea,CAAS,CAAC;AAE7C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,mBAAiBS,IAAQ,GAAGZ,CAAE,WAAW;AAAA,MACzC,WAAWe;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAH,uBACEK,GAAA,EAAQ,KAAKJ,KAAY,MAAM,SAAQ,kBACrC,UAAAD,EAAA,CACH;AAAA,QAEF,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAWb,EAAG,GAAGG,CAAa,eAAe;AAAA,cAC3C,CAAC,GAAGA,CAAa,yBAAyB,GAAGc;AAAA,YAAA,CAC9C;AAAA,YACD,aAAU;AAAA,YACV,iBAAc;AAAA,YAEb,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAU,EAAqB,OAAOX;AAE5BW,EAAqB,cAAc;"}

package/dist/dismissable-chip-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dismissable-chip-group-DsO2cZaF.js");exports.DismissableChipGroup=i.DismissableChipGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./dismissable-chip-group-CnziecOt.js");exports.DismissableChipGroup=i.DismissableChipGroup;
 //# sourceMappingURL=dismissable-chip-group.cjs.js.map

package/dist/dismissable-chip-group.es.js

@@ -1,4 +1,4 @@
-import { D as o } from "./dismissable-chip-group-Bl0D18qM.mjs";
+import { D as o } from "./dismissable-chip-group-ZCYOt1sB.mjs";
 export {
   o as DismissableChipGroup
 };

package/dist/{drawer-Boqmgh-i.mjs → drawer-B6j8nfAY.mjs}

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as b, Fragment as V } from "react/jsx-runtime";
-import k, { createContext as _r, forwardRef as v, useRef as K, useContext as lr, useEffect as wr } from "react";
+import H, { createContext as _r, forwardRef as v, useRef as K, useContext as lr, useEffect as wr } from "react";
 import { a as hr, T as Y, P as mr, O as fr, C as yr, D as br, b as $r, R as gr } from "./index-CKCTy3ZL.mjs";
 import { c as E } from "./bind-CU-R61T-.mjs";
-import { c as q, B as R } from "./button-DBX_tvfJ.mjs";
-import { a as W, D as X } from "./heading-gqtQNo5n.mjs";
+import { b as q, a as R } from "./button-D-BBdNhd.mjs";
+import { H as W, D as X } from "./heading-xwBuT_-9.mjs";
 import { l as vr } from "./chevron-left.es-UFhf3v35.mjs";
 import { r as Dr } from "./close.es-BPmk2wkU.mjs";
 import { V as G } from "./visually-hidden-BYFkJEp1.mjs";
@@ -24,12 +24,12 @@ const Q = _r(null), Er = "_slideUp_71yig_1", Ar = "_slideDown_71yig_1", Cr = "_s
   "purpur-drawer-overlay": "_purpur-drawer-overlay_71yig_79",
   fadeIn: jr,
   fadeOut: Ur
-}, kr = {
+}, Hr = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1bcla_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1bcla_4",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1bcla_12",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1bcla_20"
-}, Hr = E.bind(kr), I = "purpur-drawer-container", O = v(
+}, kr = E.bind(Hr), I = "purpur-drawer-container", O = v(
   ({
     ["data-testid"]: r = "purpur-drawer-container",
     children: a,
@@ -38,7 +38,7 @@ const Q = _r(null), Er = "_slideUp_71yig_1", Ar = "_slideDown_71yig_1", Cr = "_s
     stickyFooter: s,
     ...u
   }, d) => {
-    const i = Hr([
+    const i = kr([
       I,
       {
         [`${I}--${n}`]: n,
@@ -94,7 +94,7 @@ const Rr = {
     onSwipeEnd: u,
     ...d
   }, i) => {
-    const c = Tr([zr, a]), t = k.useRef(null), _ = k.useRef(null), { onPointerDown: w, onPointerMove: m, onPointerUp: p } = Vr(
+    const c = Tr([zr, a]), t = H.useRef(null), _ = H.useRef(null), { onPointerDown: w, onPointerMove: m, onPointerUp: p } = Vr(
       _,
       t,
       o,
@@ -139,7 +139,7 @@ const Fr = {
     title: t,
     ..._
   }, w) => {
-    const m = N([$, s]), p = !!(a && o && i), h = c ? k.Fragment : hr;
+    const m = N([$, s]), p = !!(a && o && i), h = c ? H.Fragment : hr;
     return /* @__PURE__ */ b("div", { className: m, "data-testid": r, ref: w, ..._, children: [
       /* @__PURE__ */ b(
         "div",
@@ -276,7 +276,7 @@ const S = E.bind(Rr), l = "purpur-drawer-frame", rr = v(
     stickyFooter: y,
     position: j = "right",
     ...D
-  }, H) => {
+  }, k) => {
     const C = !!(a && o && _), U = S([
       l,
       {
@@ -289,7 +289,7 @@ const S = E.bind(Rr), l = "purpur-drawer-frame", rr = v(
       },
       u
     ]);
-    return /* @__PURE__ */ b("div", { className: U, "data-testid": r, ref: H, ...D, children: [
+    return /* @__PURE__ */ b("div", { className: U, "data-testid": r, ref: k, ...D, children: [
       /* @__PURE__ */ e(
         Z,
         {
@@ -414,7 +414,7 @@ const qr = (r, a) => ({
     position: y = "right",
     ...j
   }, D) => {
-    const H = L([
+    const k = L([
       g,
       {
         [`${g}--fit-to-content`]: t,
@@ -456,7 +456,7 @@ const qr = (r, a) => ({
             onPointerDownOutside: ur,
             onEscapeKeyDown: cr,
             onOpenAutoFocus: pr,
-            className: H,
+            className: k,
             "data-testid": r,
             ref: ar,
             ...!s && { "aria-describedby": void 0 },
@@ -514,7 +514,7 @@ const z = ({
   open: s = !1,
   ...u
 }) => {
-  const [d, i] = k.useState(s), c = (t) => {
+  const [d, i] = H.useState(s), c = (t) => {
     i(t), n?.(t);
   };
   return wr(() => {
@@ -527,4 +527,4 @@ z.displayName = "Drawer";
 export {
   z as D
 };
-//# sourceMappingURL=drawer-Boqmgh-i.mjs.map
+//# sourceMappingURL=drawer-B6j8nfAY.mjs.map

package/dist/{drawer-Boqmgh-i.mjs.map → drawer-B6j8nfAY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-Boqmgh-i.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 OpenHandlerFunction } from \"./types\";\n\nexport const DrawerContext = createContext<OpenHandlerFunction | 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\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\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      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      },\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 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};\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      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, 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\";\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};\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      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\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                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                  data-testid={`${dataTestId}-title`}\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                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                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\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\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      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\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 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};\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      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\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      },\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        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\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          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n            >\n              <DrawerContainer stickyFooter>{children}</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              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter}>{children}</DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\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 classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\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 onOpenChange = useContext(DrawerContext);\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      onOpenChange\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    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          <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            >\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        </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\";\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\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  onOpenChange,\n  open = false,\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  return (\n    <DrawerContext.Provider value={handleOpenChange}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange}>\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","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","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","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","onOpenChange","useContext","handlePointerDownOutside","handleEscapeKeyDown","handleInitialFocus","frame","heading","RadixDialog.Portal","RadixDialog.Overlay","RadixDialog.Content","RadixDialog.Description","DrawerTrigger","RadixDialog.Trigger","Drawer","open","_open","_setOpen","newOpen","useEffect","RadixDialog.Root"],"mappings":";;;;;;;;;;AAIO,MAAMA,IAAgBC,GAA0C,IAAI;;;;;;;;;;;;;;;;;;;;;GCErEC,KAAKC,EAAE,KAAKC,EAAM,GAQlBC,IAAgB,2BAETC,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,GAAG;AAAA,MACjBG;AAAAA,MACA;AAAA,QACE,CAAC,GAAGA,CAAa,KAAKM,CAAO,EAAE,GAAGA;AAAA,QAClC,CAAC,GAAGN,CAAa,UAAU,GAAGO;AAAA,MAAA;AAAA,MAEhCF;AAAA,IAAA,CACD;AAED,WACE,gBAAAM,EAAC,SAAI,WAAWD,GAAS,eAAaP,GAAY,KAAAM,GAAW,GAAGD,GAC7D,UAAAJ,EAAA,CACH;AAAA,EAEJ;AACF;AAEAH,EAAgB,cAAc;;;;;;;;;;;;;;;;GCnCjBW,KAAmB,CAC9BC,GACAC,GACAC,GACAC,GACAC,GACAC,OAmDO;AAAA,EACL,eAlDoB,CAACC,MAAwB;AAC7C,IAAAN,EAAgB,UAAU,EAAE,GAAGM,EAAM,QAAA;AAAA,EACvC;AAAA,EAiDE,eAhDoB,CAACA,MAAwB;AAC7C,QAAI,CAACN,EAAgB;AACnB;AAEF,UAAMO,IAAID,EAAM,UAAUN,EAAgB,QAAQ,GAC5CQ,IAAsB,EAAQP,EAAc,SAC5CQ,IAAW,KAAK,IAAI,GAAGF,CAAC,GACxBG,IAAkBJ,EAAM,gBAAgB,UAAU,KAAK,GACvDK,IAAQ,EAAE,GAAGF,EAAA,GACbG,IAAc,EAAE,eAAeN,GAAO,OAAAK,EAAA;AAC5C,IAAIH,KACFP,EAAc,UAAUU,GACxBR,EAAYS,CAAW,KACdC,EAAmBF,GAAO,CAAC,KACpCV,EAAc,UAAUU,GACxBT,EAAA,GACCI,EAAM,OAAuB,kBAAkBA,EAAM,SAAS,KACtD,KAAK,IAAIC,CAAC,IAAIG,MAGvBV,EAAgB,UAAU;AAAA,EAE9B;AAAA,EA2BE,aA1BkB,CAACM,MAAwB;AAC3C,UAAMK,IAAQV,EAAc,SACtBa,IAASR,EAAM;AAMrB,QALIQ,EAAO,kBAAkBR,EAAM,SAAS,KAC1CQ,EAAO,sBAAsBR,EAAM,SAAS,GAE9CL,EAAc,UAAU,MACxBD,EAAgB,UAAU,MACtBW,GAAO;AACT,YAAMI,IAAcT,EAAM,eACpBM,IAAc,EAAE,eAAeN,GAAO,OAAAK,EAAA;AAC5C,MAAIE,EAAmBF,GAAO,CAAC,KAAKA,EAAM,IAAI,MAC5CN,EAAWO,CAAW,IAEtBR,EAAA,GAIFW,EAAY,iBAAiB,SAAS,CAACT,MAAUA,EAAM,kBAAkB;AAAA,QACvE,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAAA,EACF;AAIE,IAIEO,IAAqB,CAACF,GAAsBK,IAAY,MAC7C,KAAK,IAAIL,EAAM,CAAC,IACfK,GCpEZhC,KAAKC,EAAE,KAAKC,EAAM,GASlBC,KAAgB,wBAET8B,IAAe5B;AAAA,EAC1B,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,WAAAE;AAAA,IACA,cAAAU;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGV;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,GAAG,CAACG,IAAeK,CAAS,CAAC,GACvCQ,IAAkBkB,EAAM,OAA6B,IAAI,GACzDjB,IAAgBiB,EAAM,OAA6B,IAAI,GACvD,EAAE,eAAAC,GAAe,eAAAC,GAAe,aAAAC,EAAA,IAAgBtB;AAAA,MACpDE;AAAA,MACAD;AAAA,MACAE;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAGF,WACE,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,QACX,eAAaP;AAAA,QACb,eAAA6B;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,QACA,KAAAzB;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAsB,EAAa,cAAc;;;;;;;;;GC9CrBjC,IAAKC,EAAE,KAAKC,EAAM,GAalBC,IAAgB,wBAETmC,IAAejC;AAAA,EAC1B,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,YAAAiC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAjC;AAAA,IACA,sBAAAkC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGnC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,EAAG,CAACG,GAAeK,CAAS,CAAC,GACvCuC,IAAgB,CAAC,EAAER,KAAcC,KAAkBI,IAEnDI,IAAqBH,IAAeX,EAAM,WAAWe;AAE3D,WACE,gBAAAC,EAAC,SAAI,WAAWrC,GAAS,eAAaP,GAAY,KAAAM,GAAW,GAAGD,GAC9D,UAAA;AAAA,MAAA,gBAAAuC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWlD,EAAG;AAAA,YACZ,GAAGG,CAAa;AAAA,YAChB;AAAA,cACE,CAAC,GAAGA,CAAa,yBAAyB,GAAG4C;AAAA,YAAA;AAAA,UAC/C,CACD;AAAA,UACD,eAAa,GAAGzC,CAAU;AAAA,UAE1B,UAAA;AAAA,YAAA,gBAAAQ,EAAC,SAAI,WAAWd,EAAG,GAAGG,CAAa,QAAQ,GACxC,UAAA4C,IACC,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,cAAYV,IAAqBD,IAAiB;AAAA,gBAClD,WAAWxC,EAAG;AAAA,kBACZ,GAAGG,CAAa;AAAA,kBAChB;AAAA,oBACE,CAAC,GAAGA,CAAa,0BAA0B,GAAGsC;AAAA,kBAAA;AAAA,gBAChD,CACD;AAAA,gBACD,eAAa,GAAGnC,CAAU;AAAA,gBAC1B,UAAUmC;AAAA,gBACV,SAASG;AAAA,gBACT,MAAK;AAAA,gBACL,SAASH,IAAqBW,EAAe,kBAAkBA,EAAe;AAAA,gBAE9E,UAAA;AAAA,kBAAA,gBAAAtC,EAACuC,IAAA,EAAgB,MAAK,KAAA,CAAK;AAAA,kBAC1B,CAACZ,KAAsBD;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,IAExBG,IACF,gBAAAO,EAAAI,GAAA,EACG,UAAA;AAAA,cAAAX;AAAA,cACD,gBAAA7B,EAACyC,KAAe,SAAO,IACrB,4BAACC,GAAA,EAAmB,UAAAV,EAAA,CAAM,EAAA,CAC5B;AAAA,YAAA,EAAA,CACF,IAEA,gBAAAhC,EAAC0C,GAAA,EAAkB,SAAO,IACxB,UAAA,gBAAA1C;AAAA,cAAC2C;AAAA,cAAA;AAAA,gBACC,eAAa,GAAGnD,CAAU;AAAA,gBAC1B,KAAI;AAAA,gBACJ,SAASoD,EAAe;AAAA,gBACxB,UAAU;AAAA,gBAET,UAAAZ;AAAA,cAAA;AAAA,YAAA,GAEL,EAAA,CAEJ;AAAA,8BAEC,OAAA,EAAI,WAAW9C,EAAG,GAAGG,CAAa,SAAS,GAC1C,UAAA,gBAAAW,EAACkC,GAAA,EAAoB,GAAIH,IAAe,CAAA,IAAK,EAAE,SAAS,MACtD,UAAA,gBAAA/B;AAAA,cAACqC;AAAA,cAAA;AAAA,gBACC,cAAYT;AAAA,gBACZ,WAAW1C,EAAG,GAAGG,CAAa,gBAAgB;AAAA,gBAC9C,UAAQ;AAAA,gBACR,SAAS0C;AAAA,gBACT,MAAK;AAAA,gBACL,SAASO,EAAe;AAAA,gBAExB,UAAA,gBAAAtC,EAAC6C,IAAA,EAAU,MAAK,KAAA,CAAK;AAAA,cAAA;AAAA,YAAA,GAEzB,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDZ,MACEJ,IACC,gBAAAO,EAAAI,GAAA,EACG,UAAA;AAAA,QAAAX;AAAA,QACD,gBAAA7B,EAACyC,KAAe,SAAO,IACrB,4BAACC,GAAA,EAAmB,UAAAV,EAAA,CAAM,EAAA,CAC5B;AAAA,MAAA,EAAA,CACF,IAEA,gBAAAhC,EAAC0C,GAAA,EAAkB,SAAO,IACxB,UAAA,gBAAA1C;AAAA,QAAC2C;AAAA,QAAA;AAAA,UACC,eAAa,GAAGnD,CAAU;AAAA,UAC1B,KAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAASoD,EAAe;AAAA,UAEvB,UAAAZ;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,IAAA,GAEN;AAAA,EAEJ;AACF;AAEAR,EAAa,cAAc;;;;;;;GCrIrBtC,IAAKC,EAAE,KAAKC,EAAM,GAOlBC,IAAgB,6BAETyD,IAAmBvD;AAAA,EAC9B,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAqD,IAAe;AAAA,IACf,GAAGlD;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,EAAG,CAACG,GAAeK,CAAS,CAAC;AAC7C,WACE,gBAAAM,EAAC,SAAI,WAAWD,GAAS,eAAaP,GAAY,KAAAM,GAAW,GAAGD,GAC9D,UAAA,gBAAAuC;AAAA,MAACY;AAAAA,MAAA;AAAA,QACC,WAAW9D,EAAG,GAAGG,CAAa,UAAU;AAAA,UACtC,CAAC,GAAGA,CAAa,wBAAwB,GAAG0D;AAAA,QAAA,CAC7C;AAAA,QAED,UAAA;AAAA,UAAA,gBAAA/C,EAACiD,IAAA,EAAyB,WAAW/D,EAAG,GAAGG,CAAa,YAAY,GACjE,UAAAI,GACH;AAAA,UACA,gBAAAO;AAAA,YAACkD;AAAAA,YAAA;AAAA,cACC,WAAWhE,EAAG,GAAGG,CAAa,aAAa;AAAA,cAC3C,aAAY;AAAA,cAEZ,UAAA,gBAAAW,EAACmD,IAAA,EAAsB,WAAWjE,EAAG,GAAGG,CAAa,SAAS,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACnE;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAyD,EAAiB,cAAc;ACvC/B,MAAM5D,IAAKC,EAAE,KAAKC,EAAM,GAsBlBC,IAAgB,uBAET+D,KAAc7D;AAAA,EACzB,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,YAAAiC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAlC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAkC;AAAA,IACA,cAAAmB,IAAe;AAAA,IACf,eAAAM;AAAA,IACA,eAAAxB;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAA3B;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAyB;AAAA,IACA,cAAApC;AAAA,IACA,UAAA0D,IAAW;AAAA,IACX,GAAGzD;AAAA,EAAA,GAELC,MACG;AACH,UAAMmC,IAAgB,CAAC,EAAER,KAAcC,KAAkBI,IACnD/B,IAAUb,EAAG;AAAA,MACjBG;AAAAA,MACA;AAAA,QACE,CAAC,GAAGA,CAAa,kBAAkB,GAAG0D;AAAA,QACtC,CAAC,GAAG1D,CAAa,iBAAiB,GAAGO;AAAA,QACrC,CAAC,GAAGP,CAAa,QAAQ,GAAGiE,MAAa;AAAA,QACzC,CAAC,GAAGjE,CAAa,SAAS,GAAGiE,MAAa;AAAA,QAC1C,CAAC,GAAGjE,CAAa,uBAAuB,GAAG,CAAC4C;AAAA,QAC5C,CAAC,GAAG5C,CAAa,oBAAoB,GAAG4C;AAAA,MAAA;AAAA,MAE1CvC;AAAA,IAAA,CACD;AAED,WACE,gBAAA0C,EAAC,SAAI,WAAWrC,GAAS,eAAaP,GAAY,KAAAM,GAAW,GAAGD,GAC9D,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAACmB;AAAA,QAAA;AAAA,UACC,cAAAf;AAAA,UACA,aAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAP;AAAA,QAACV;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAG,GAAGG,CAAa,UAAU;AAAA,UACxC,SAAQ;AAAA,UACR,cAAAO;AAAA,UAEA,UAAA,gBAAAI;AAAA,YAACwB;AAAA,YAAA;AAAA,cACC,OAAAQ;AAAA,cACA,eAAAH;AAAA,cACA,oBAAAF;AAAA,cACA,YAAAF;AAAA,cACA,gBAAAC;AAAA,cACA,sBAAAE;AAAA,cACA,mBAAAE;AAAA,cACA,cAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDnC,IACC,gBAAAwC,EAAAI,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAxC;AAAA,UAAC8C;AAAA,UAAA;AAAA,YACC,WAAW5D,EAAG,GAAGG,CAAa,QAAQ;AAAA,YACtC,eAAa,GAAGG,CAAU;AAAA,YAC1B,cAAAuD;AAAA,YAEA,UAAA,gBAAA/C,EAACV,GAAA,EAAgB,cAAY,IAAE,UAAAG,EAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC4D,KACC,gBAAArD;AAAA,UAACV;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAG,GAAGG,CAAa,UAAU;AAAA,YACxC,eAAa,GAAGG,CAAU;AAAA,YAC1B,SAAQ;AAAA,YACR,cAAAI;AAAA,YAEC,UAAAyD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ,IAEA,gBAAArD;AAAA,QAAC8C;AAAA,QAAA;AAAA,UACC,WAAW5D,EAAG,GAAGG,CAAa,QAAQ;AAAA,UACtC,eAAa,GAAGG,CAAU;AAAA,UAC1B,cAAAuD;AAAA,UAEA,UAAA,gBAAAX;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWlD,EAAG;AAAA,gBACZ,GAAGG,CAAa;AAAA,gBAChB,EAAE,CAAC,GAAGA,CAAa,gCAAgC,GAAG,CAACgE,EAAA;AAAA,cAAc,CACtE;AAAA,cAED,UAAA;AAAA,gBAAA,gBAAArD,EAACV,GAAA,EAAgB,cAAAM,GAA6B,UAAAH,EAAA,CAAS;AAAA,gBACtD4D,KACC,gBAAArD;AAAA,kBAACV;AAAA,kBAAA;AAAA,oBACC,eAAa,GAAGE,CAAU;AAAA,oBAC1B,cAAAI;AAAA,oBACA,SAAQ;AAAA,oBAEP,UAAAyD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,EAEJ;AACF;AAEAD,GAAY,cAAc;AC1InB,MAAMG,KAAoB,CAC/BC,GACAC,OAmCO;AAAA,EACL,cAlCmB,MAAM;AACzB,IAAKD,EAAa,WAGlBA,EAAa,QAAQ,aAAa,cAAc,OAAO;AAAA,EACzD;AAAA,EA8BE,aA7BkB,CAAChD,MAAsB;AACzC,QAAI,CAACgD,EAAa;AAChB;AAEF,UAAM,EAAE,GAAA/C,MAAMD,EAAM;AACpB,IAAAgD,EAAa,QAAQ,aAAa,cAAc,MAAM,GACtDA,EAAa,QAAQ,MAAM,YAAY,gCAAgC,GAAG/C,CAAC,IAAI;AAAA,EACjF;AAAA,EAuBE,eAtBoB,MAAM;AAC1B,IAAK+C,EAAa,YAGlBA,EAAa,QAAQ,aAAa,cAAc,QAAQ,GACxDA,EAAa,QAAQ,MAAM,eAAe,8BAA8B,GACxEA,EAAa,QAAQ,MAAM,eAAe,6BAA6B;AAAA,EACzE;AAAA,EAgBE,YAfiB,CAAChD,MAAsB;AACxC,QAAI,CAACgD,EAAa;AAChB;AAEF,UAAM,EAAE,GAAA/C,MAAMD,EAAM;AACpB,IAAAgD,EAAa,QAAQ,aAAa,cAAc,KAAK,GACrDA,EAAa,QAAQ,MAAM,eAAe,8BAA8B,GACxEA,EAAa,QAAQ,MAAM,YAAY,+BAA+B,GAAG/C,CAAC,IAAI,GAC9EgD,IAAmB,EAAK;AAAA,EAC1B;AAME,ICzCEvE,IAAKC,EAAE,KAAKC,EAAM,GAkClBC,IAAgB,yBAETqE,KAAgBnE;AAAA,EAC3B,CACE;AAAA,IACE,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,YAAAiC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,UAAAgC;AAAA,IACA,UAAAlE;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAkC;AAAA,IACA,4BAAAgC,IAA6B;AAAA,IAC7B,cAAAb,IAAe;AAAA,IACf,eAAAM;AAAA,IACA,eAAAxB;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAnC,IAAe;AAAA,IACf,OAAAoC;AAAA,IACA,QAAA6B;AAAA,IACA,UAAAP,IAAW;AAAA,IACX,GAAGzD;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUb,EAAG;AAAA,MACjBG;AAAA,MACA;AAAA,QACE,CAAC,GAAGA,CAAa,kBAAkB,GAAG0D;AAAA,QACtC,CAAC,GAAG1D,CAAa,QAAQ,GAAGiE,MAAa;AAAA,QACzC,CAAC,GAAGjE,CAAa,SAAS,GAAGiE,MAAa;AAAA,MAAA;AAAA,MAE5C5D;AAAA,IAAA,CACD,GAEKoE,IAAiBC,EAAuB,IAAI,GAC5CC,IAA2BD,EAAuB,IAAI,GAEtDE,KAAS,CAACC,MAAgC;AAC9C,MAAAF,EAAyB,UAAUE,GAC/B,OAAOpE,KAAQ,aACjBA,EAAIoE,CAAI,IACCpE,MACTA,EAAI,UAAUoE;AAAA,IAElB,GAEMC,KAAeC,GAAWpF,CAAa,GACvC,EAAE,cAAAoB,IAAc,aAAAC,IAAa,eAAAC,IAAe,YAAAC,OAAegD;AAAA,MAC/DS;AAAA,MACAG;AAAA,IAAA,GAGIE,KAA2B,CAAC7D,MAAwD;AACxF,UAAIoD,GAA4B;AAC9B,QAAApD,EAAM,eAAA;AACN;AAAA,MACF;AAEA,MAAIuB,MACFvB,EAAM,eAAA,GACNuB,EAAA;AAAA,IAEJ,GAEMuC,KAAsB,CAAC9D,MAAyB;AACpD,MAAIuB,MACFvB,EAAM,eAAA,GACNuB,EAAA;AAAA,IAEJ,GAEMwC,KAAqB,MAAM;AAC/B,YAAMC,IAAQV,EAAe;AAC7B,UAAIU,GAAO;AACT,cAAMC,IAAUD,EAAM,cAAc,IAAI;AAExC,QAAAC,KACE,WAAW,MAAM;AACf,UAAAA,EAAQ,MAAA;AAAA,QACV,CAAC;AAAA,MACL;AAAA,IACF;AAEA,WACE,gBAAAzE,EAAC0E,IAAA,EACC,UAAA,gBAAA1E;AAAA,MAAC2E;AAAAA,MAAA;AAAA,QACC,WAAWzF,EAAG,uBAAuB;AAAA,QACrC,OAAO2E,IAAS,EAAE,QAAAA,EAAA,IAAW;AAAA,QAC7B,eAAa,GAAGrE,CAAU;AAAA,QAE1B,UAAA,gBAAAQ;AAAA,UAAC4E;AAAAA,UAAA;AAAA,YACC,sBAAsBP;AAAA,YACtB,iBAAiBC;AAAA,YACjB,iBAAiBC;AAAA,YACjB,WAAWxE;AAAA,YACX,eAAaP;AAAA,YACb,KAAKyE;AAAA,YACJ,GAAI,CAACN,KAAY,EAAG,oBAAqB,OAAA;AAAA,YACzC,GAAG9D;AAAA,YAEJ,UAAA,gBAAAG;AAAA,cAACoD;AAAA,cAAA;AAAA,gBACC,YAAA3B;AAAA,gBACA,gBAAAC;AAAA,gBACA,oBAAAC;AAAA,gBACA,sBAAAC;AAAA,gBACA,WAAW1C,EAAG,GAAGG,CAAa,gBAAgB;AAAA,gBAC9C,cAAA0D;AAAA,gBACA,eAAAM;AAAA,gBACA,eAAAxB;AAAA,gBACA,KAAKiC;AAAA,gBACL,mBAAAhC;AAAA,gBACA,cAAAC;AAAA,gBACA,cAAA3B;AAAA,gBACA,aAAAC;AAAA,gBACA,eAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,cAAAX;AAAA,gBACA,OAAAoC;AAAA,gBACA,UAAAsB;AAAA,gBAEC,UAAAK,sBACE,OAAA,EAAI,WAAWzE,EAAG,GAAGG,CAAa,qBAAqB,GACtD,UAAA;AAAA,kBAAA,gBAAAW;AAAA,oBAAC6E;AAAAA,oBAAA;AAAA,sBACC,WAAW3F,EAAG,GAAGG,CAAa,eAAe;AAAA,sBAC7C,eAAa,GAAGG,CAAU;AAAA,sBAEzB,UAAAmE;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEH,gBAAA3D,EAAC,SAAK,UAAAP,EAAA,CAAS;AAAA,gBAAA,EAAA,CACjB,IAEAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAiE,GAAc,cAAc;ACrLrB,MAAMoB,KAAgBvF;AAAA,EAC3B,CAAC,EAAE,CAAC,gBAAgBC,IAAa,yBAAyB,UAAAC,GAAU,GAAGI,EAAA,GAASC,MAE5E,gBAAAE,EAAC+E,IAAA,EAAoB,SAAO,IAAC,eAAavF,GAAY,KAAAM,GAAW,GAAGD,GACjE,UAAAJ,EAAA,CACH;AAGN;AAEAqF,GAAc,cAAc;ACCrB,MAAME,IAAuC,CAAC;AAAA,EACnD,CAAC,gBAAgBxF,IAAa;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAyE;AAAA,EACA,MAAAc,IAAO;AAAA,EACP,GAAGpF;AACL,MAAmB;AACjB,QAAM,CAACqF,GAAOC,CAAQ,IAAI/D,EAAM,SAAS6D,CAAI,GAEvCxB,IAAmB,CAAC2B,MAAqB;AAC7C,IAAAD,EAASC,CAAO,GAChBjB,IAAeiB,CAAO;AAAA,EACxB;AAEA,SAAAC,GAAU,MAAM;AACd,IAAAF,EAASF,CAAI;AAAA,EACf,GAAG,CAACA,CAAI,CAAC,GAGP,gBAAAjF,EAAChB,EAAc,UAAd,EAAuB,OAAOyE,GAC7B,UAAA,gBAAAzD,EAAC,OAAA,EAAI,WAAAN,GAAsB,eAAaF,GAAa,GAAGK,GACtD,UAAA,gBAAAG,EAACsF,IAAA,EAAiB,MAAMJ,GAAO,cAAczB,GAC1C,UAAAhE,GACH,EAAA,CACF,EAAA,CACF;AAEJ;AAEAuF,EAAO,UAAUF;AACjBE,EAAO,UAAUtB;AACjBsB,EAAO,cAAc;"}
+{"version":3,"file":"drawer-B6j8nfAY.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 OpenHandlerFunction } from \"./types\";\n\nexport const DrawerContext = createContext<OpenHandlerFunction | 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\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\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      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      },\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 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};\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      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, 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\";\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};\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      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\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                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                  data-testid={`${dataTestId}-title`}\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                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                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\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\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      fitToContent = false,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx([rootClassName, className]);\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 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};\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      ...props\n    },\n    ref\n  ) => {\n    const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\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      },\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        />\n        <DrawerContainer\n          className={cx(`${rootClassName}__header`)}\n          variant=\"header\"\n          stickyFooter={stickyFooter}\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          />\n        </DrawerContainer>\n        {stickyFooter ? (\n          <>\n            <DrawerScrollArea\n              className={cx(`${rootClassName}__body`)}\n              data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n              fitToContent={fitToContent}\n            >\n              <DrawerContainer stickyFooter>{children}</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              >\n                {footerContent}\n              </DrawerContainer>\n            )}\n          </>\n        ) : (\n          <DrawerScrollArea\n            className={cx(`${rootClassName}__body`)}\n            data-testid={`${dataTestId}-scroll-area`}\n            fitToContent={fitToContent}\n          >\n            <div\n              className={cx([\n                `${rootClassName}__content-container`,\n                { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n              ])}\n            >\n              <DrawerContainer stickyFooter={stickyFooter}>{children}</DrawerContainer>\n              {footerContent && (\n                <DrawerContainer\n                  data-testid={`${dataTestId}-footer`}\n                  stickyFooter={stickyFooter}\n                  variant=\"footer\"\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 classes = cx([\n      rootClassName,\n      {\n        [`${rootClassName}--fit-to-content`]: fitToContent,\n        [`${rootClassName}--left`]: position === \"left\",\n        [`${rootClassName}--right`]: position === \"right\",\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 onOpenChange = useContext(DrawerContext);\n    const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n      internalDrawerContentRef,\n      onOpenChange\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    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          <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            >\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        </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\";\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  open: boolean;\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  onOpenChange,\n  open = false,\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  return (\n    <DrawerContext.Provider value={handleOpenChange}>\n      <div className={className} data-testid={dataTestId} {...props}>\n        <RadixDialog.Root open={_open} onOpenChange={handleOpenChange}>\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","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","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","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","onOpenChange","useContext","handlePointerDownOutside","handleEscapeKeyDown","handleInitialFocus","frame","heading","RadixDialog.Portal","RadixDialog.Overlay","RadixDialog.Content","RadixDialog.Description","DrawerTrigger","RadixDialog.Trigger","Drawer","open","_open","_setOpen","newOpen","useEffect","RadixDialog.Root"],"mappings":"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"}

package/dist/{drawer-nBpCtIdI.js → drawer-CJsLdd2x.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./index-2cFVyGXq.js"),S=require("./bind-DeUYJ6m9.js"),R=require("./button-ChYUPi2k.js"),U=require("./heading-DLCdW6gx.js"),or=require("./chevron-left.es-B0vPg5XM.js"),ir=require("./close.es-VL3lKi1O.js"),F=require("./visually-hidden-C2CKovZx.js"),H=require("./index-CoR7YA3H.js"),K=l.createContext(null),ur="_slideUp_71yig_1",cr="_slideDown_71yig_1",_r="_slideInRight_71yig_1",pr="_slideInLeft_71yig_1",lr="_slideOutRight_71yig_1",wr="_slideOutLeft_71yig_1",hr="_fadeIn_71yig_1",fr="_fadeOut_71yig_1",mr={"purpur-drawer-content":"_purpur-drawer-content_71yig_1",slideUp:ur,slideDown:cr,"purpur-drawer-content--left":"_purpur-drawer-content--left_71yig_21","purpur-drawer-content--right":"_purpur-drawer-content--right_71yig_24","purpur-drawer-content--fit-to-content":"_purpur-drawer-content--fit-to-content_71yig_27",slideInRight:_r,slideInLeft:pr,slideOutRight:lr,slideOutLeft:wr,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_71yig_63","purpur-drawer-content__description":"_purpur-drawer-content__description_71yig_68","purpur-drawer-overlay":"_purpur-drawer-overlay_71yig_79",fadeIn:hr,fadeOut:fr},yr={"purpur-drawer-container--header":"_purpur-drawer-container--header_1bcla_1","purpur-drawer-container--body":"_purpur-drawer-container--body_1bcla_4","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1bcla_12","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1bcla_20"},gr=S.c.bind(yr),I="purpur-drawer-container",P=l.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:a,className:s,variant:n="body",stickyFooter:d,...u},o)=>{const i=gr([I,{[`${I}--${n}`]:n,[`${I}--sticky`]:d},s]);return r.jsx("div",{className:i,"data-testid":e,ref:o,...u,children:a})});P.displayName="DrawerContainer";const br={"purpur-drawer-frame":"_purpur-drawer-frame_1didd_1","purpur-drawer-frame--without-back-button":"_purpur-drawer-frame--without-back-button_1didd_11","purpur-drawer-frame__header":"_purpur-drawer-frame__header_1didd_11","purpur-drawer-frame--with-back-button":"_purpur-drawer-frame--with-back-button_1didd_14","purpur-drawer-frame--left":"_purpur-drawer-frame--left_1didd_18","purpur-drawer-frame--right":"_purpur-drawer-frame--right_1didd_22","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_1didd_33","purpur-drawer-frame__body":"_purpur-drawer-frame__body_1didd_39","purpur-drawer-frame--fit-to-content":"_purpur-drawer-frame--fit-to-content_1didd_43","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_1didd_52","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_1didd_55","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_1didd_60"},$r={"purpur-drawer-handle":"_purpur-drawer-handle_3n0ew_1"},xr=(e,a,s,n,d,u)=>({onPointerDown:t=>{e.current={y:t.clientY}},onPointerMove:t=>{if(!e.current)return;const p=t.clientY-e.current.y,h=!!a.current,m=Math.max(0,p),_=t.pointerType==="touch"?10:2,f={y:m},A={originalEvent:t,delta:f};h?(a.current=f,n(A)):z(f,0)?(a.current=f,s(),t.target.setPointerCapture(t.pointerId)):Math.abs(p)>_&&(e.current=null)},onPointerUp:t=>{const p=a.current,h=t.target;if(h.hasPointerCapture(t.pointerId)&&h.releasePointerCapture(t.pointerId),a.current=null,e.current=null,p){const m=t.currentTarget,_={originalEvent:t,delta:p};z(p,0)&&p.y>200?u(_):d(),m.addEventListener("click",f=>f.preventDefault(),{once:!0})}}}),z=(e,a=0)=>Math.abs(e.y)>a,jr=S.c.bind($r),vr="purpur-drawer-handle",W=l.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:a,onSwipeStart:s,onSwipeMove:n,onSwipeCancel:d,onSwipeEnd:u,...o},i)=>{const c=jr([vr,a]),t=l.useRef(null),p=l.useRef(null),{onPointerDown:h,onPointerMove:m,onPointerUp:_}=xr(p,t,s,n,d,u);return r.jsx("div",{className:c,"data-testid":e,onPointerDown:h,onPointerMove:m,onPointerUp:_,ref:i,...o})});W.displayName="DrawerHandle";const Nr={"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"},v=S.c.bind(Nr),$="purpur-drawer-header",X=l.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:a,backButtonText:s,backButtonOnlyIcon:n,className:d,closeButtonAriaLabel:u,headerContent:o,onBackButtonClick:i,onCloseClick:c,title:t,...p},h)=>{const m=v([$,d]),_=!!(a&&s&&i),f=c?l.Fragment:g.Close;return r.jsxs("div",{className:m,"data-testid":e,ref:h,...p,children:[r.jsxs("div",{className:v([`${$}__row`,{[`${$}__row--with-back-button`]:_}]),"data-testid":`${e}-row`,children:[r.jsx("div",{className:v(`${$}__left`),children:_?r.jsxs(R.Button,{"aria-label":n?s:"",className:v([`${$}__back-button`,{[`${$}__back-button--only-icon`]:n}]),"data-testid":`${e}-back-button`,iconOnly:n,onClick:i,size:"sm",variant:n?R.BUTTON_VARIANT.TERTIARY_PURPLE:R.BUTTON_VARIANT.TEXT,children:[r.jsx(or.l,{size:"sm"}),!n&&s]}):o?r.jsxs(r.Fragment,{children:[o,r.jsx(F.VisuallyHidden,{asChild:!0,children:r.jsx(g.Title,{children:t})})]}):r.jsx(g.Title,{asChild:!0,children:r.jsx(U.Heading,{"data-testid":`${e}-title`,tag:"h2",variant:U.DisplayVariant.DISPLAY10,tabIndex:-1,children:t})})}),r.jsx("div",{className:v(`${$}__right`),children:r.jsx(f,{...c?{}:{asChild:!0},children:r.jsx(R.Button,{"aria-label":u,className:v(`${$}__close-button`),iconOnly:!0,onClick:c,size:"sm",variant:R.BUTTON_VARIANT.TERTIARY_PURPLE,children:r.jsx(ir.r,{size:"sm"})})})})]}),_&&(o?r.jsxs(r.Fragment,{children:[o,r.jsx(F.VisuallyHidden,{asChild:!0,children:r.jsx(g.Title,{children:t})})]}):r.jsx(g.Title,{asChild:!0,children:r.jsx(U.Heading,{"data-testid":`${e}-title-with-back-button`,tag:"h2",tabIndex:-1,variant:U.DisplayVariant.DISPLAY10,children:t})}))]})});X.displayName="DrawerHeader";const Dr={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1hyos_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_1hyos_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1hyos_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1hyos_14","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1hyos_25"},E=S.c.bind(Dr),N="purpur-drawer-scroll-area",V=l.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:a,className:s,fitToContent:n=!1,...d},u)=>{const o=E([N,s]);return r.jsx("div",{className:o,"data-testid":e,ref:u,...d,children:r.jsxs(H.Root,{className:E(`${N}__root`,{[`${N}__root--fit-to-content`]:n}),children:[r.jsx(H.Viewport,{className:E(`${N}__viewport`),children:a}),r.jsx(H.Scrollbar,{className:E(`${N}__scrollbar`),orientation:"vertical",children:r.jsx(H.Thumb,{className:E(`${N}__thumb`)})})]})})});V.displayName="DrawerScrollArea";const D=S.c.bind(br),w="purpur-drawer-frame",B=l.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:a,backButtonText:s,backButtonOnlyIcon:n,children:d,className:u,closeButtonAriaLabel:o,fitToContent:i=!1,footerContent:c,headerContent:t,onBackButtonClick:p,onCloseClick:h,onSwipeStart:m,onSwipeMove:_,onSwipeCancel:f,onSwipeEnd:A,title:q,stickyFooter:b,position:C="right",...j},Y)=>{const O=!!(a&&s&&p),T=D([w,{[`${w}--fit-to-content`]:i,[`${w}--sticky-footer`]:b,[`${w}--left`]:C==="left",[`${w}--right`]:C==="right",[`${w}--without-back-button`]:!O,[`${w}--with-back-button`]:O},u]);return r.jsxs("div",{className:T,"data-testid":e,ref:Y,...j,children:[r.jsx(W,{onSwipeStart:m,onSwipeMove:_,onSwipeCancel:f,onSwipeEnd:A}),r.jsx(P,{className:D(`${w}__header`),variant:"header",stickyFooter:b,children:r.jsx(X,{title:q,headerContent:t,backButtonOnlyIcon:n,backButton:a,backButtonText:s,closeButtonAriaLabel:o,onBackButtonClick:p,onCloseClick:h})}),b?r.jsxs(r.Fragment,{children:[r.jsx(V,{className:D(`${w}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:i,children:r.jsx(P,{stickyFooter:!0,children:d})}),c&&r.jsx(P,{className:D(`${w}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:b,children:c})]}):r.jsx(V,{className:D(`${w}__body`),"data-testid":`${e}-scroll-area`,fitToContent:i,children:r.jsxs("div",{className:D([`${w}__content-container`,{[`${w}__content-container--no-footer`]:!c}]),children:[r.jsx(P,{stickyFooter:b,children:d}),c&&r.jsx(P,{"data-testid":`${e}-footer`,stickyFooter:b,variant:"footer",children:c})]})})]})});B.displayName="DrawerFrame";const Pr=(e,a)=>({onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:o=>{if(!e.current)return;const{y:i}=o.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${i}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:o=>{if(!e.current)return;const{y:i}=o.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${i}px`),a?.(!1)}}),L=S.c.bind(mr),x="purpur-drawer-content",G=l.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:a=!1,backButtonText:s,backButtonOnlyIcon:n=!1,bodyText:d,children:u,className:o,closeButtonAriaLabel:i,disableCloseOnClickOutside:c=!1,fitToContent:t=!1,footerContent:p,headerContent:h,onBackButtonClick:m,onCloseClick:_,stickyFooter:f=!1,title:A,zIndex:q,position:b="right",...C},j)=>{const Y=L([x,{[`${x}--fit-to-content`]:t,[`${x}--left`]:b==="left",[`${x}--right`]:b==="right"},o]),O=l.useRef(null),T=l.useRef(null),Q=y=>{T.current=y,typeof j=="function"?j(y):j&&(j.current=y)},Z=l.useContext(K),{onSwipeStart:rr,onSwipeMove:er,onSwipeCancel:tr,onSwipeEnd:ar}=Pr(T,Z),nr=y=>{if(c){y.preventDefault();return}_&&(y.preventDefault(),_())},sr=y=>{_&&(y.preventDefault(),_())},dr=()=>{const y=O.current;if(y){const k=y.querySelector("h2");k&&setTimeout(()=>{k.focus()})}};return r.jsx(g.Portal,{children:r.jsx(g.Overlay,{className:L("purpur-drawer-overlay"),style:q?{zIndex:q}:void 0,"data-testid":`${e}-overlay`,children:r.jsx(g.Content,{onPointerDownOutside:nr,onEscapeKeyDown:sr,onOpenAutoFocus:dr,className:Y,"data-testid":e,ref:Q,...!d&&{"aria-describedby":void 0},...C,children:r.jsx(B,{backButton:a,backButtonText:s,backButtonOnlyIcon:n,closeButtonAriaLabel:i,className:L(`${x}__drawer-frame`),fitToContent:t,footerContent:p,headerContent:h,ref:O,onBackButtonClick:m,onCloseClick:_,onSwipeStart:rr,onSwipeMove:er,onSwipeCancel:tr,onSwipeEnd:ar,stickyFooter:f,title:A,position:b,children:d?r.jsxs("div",{className:L(`${x}__content-container`),children:[r.jsx(g.Description,{className:L(`${x}__description`),"data-testid":`${e}-description`,children:d}),r.jsx("div",{children:u})]}):u})})})})});G.displayName="DrawerContent";const J=l.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:a,...s},n)=>r.jsx(g.Trigger,{asChild:!0,"data-testid":e,ref:n,...s,children:a}));J.displayName="DrawerTrigger";const M=({["data-testid"]:e="purpur-drawer",children:a,className:s,onOpenChange:n,open:d=!1,...u})=>{const[o,i]=l.useState(d),c=t=>{i(t),n?.(t)};return l.useEffect(()=>{i(d)},[d]),r.jsx(K.Provider,{value:c,children:r.jsx("div",{className:s,"data-testid":e,...u,children:r.jsx(g.Root,{open:o,onOpenChange:c,children:a})})})};M.Trigger=J;M.Content=G;M.displayName="Drawer";exports.Drawer=M;
-//# sourceMappingURL=drawer-nBpCtIdI.js.map
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./index-2cFVyGXq.js"),S=require("./bind-DeUYJ6m9.js"),R=require("./button-BxdChrq-.js"),U=require("./heading-drD5ugCC.js"),or=require("./chevron-left.es-B0vPg5XM.js"),ir=require("./close.es-VL3lKi1O.js"),F=require("./visually-hidden-C2CKovZx.js"),H=require("./index-CoR7YA3H.js"),K=l.createContext(null),ur="_slideUp_71yig_1",cr="_slideDown_71yig_1",_r="_slideInRight_71yig_1",pr="_slideInLeft_71yig_1",lr="_slideOutRight_71yig_1",wr="_slideOutLeft_71yig_1",hr="_fadeIn_71yig_1",fr="_fadeOut_71yig_1",mr={"purpur-drawer-content":"_purpur-drawer-content_71yig_1",slideUp:ur,slideDown:cr,"purpur-drawer-content--left":"_purpur-drawer-content--left_71yig_21","purpur-drawer-content--right":"_purpur-drawer-content--right_71yig_24","purpur-drawer-content--fit-to-content":"_purpur-drawer-content--fit-to-content_71yig_27",slideInRight:_r,slideInLeft:pr,slideOutRight:lr,slideOutLeft:wr,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_71yig_63","purpur-drawer-content__description":"_purpur-drawer-content__description_71yig_68","purpur-drawer-overlay":"_purpur-drawer-overlay_71yig_79",fadeIn:hr,fadeOut:fr},yr={"purpur-drawer-container--header":"_purpur-drawer-container--header_1bcla_1","purpur-drawer-container--body":"_purpur-drawer-container--body_1bcla_4","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1bcla_12","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1bcla_20"},gr=S.c.bind(yr),I="purpur-drawer-container",P=l.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:a,className:s,variant:n="body",stickyFooter:d,...u},o)=>{const i=gr([I,{[`${I}--${n}`]:n,[`${I}--sticky`]:d},s]);return r.jsx("div",{className:i,"data-testid":e,ref:o,...u,children:a})});P.displayName="DrawerContainer";const br={"purpur-drawer-frame":"_purpur-drawer-frame_1didd_1","purpur-drawer-frame--without-back-button":"_purpur-drawer-frame--without-back-button_1didd_11","purpur-drawer-frame__header":"_purpur-drawer-frame__header_1didd_11","purpur-drawer-frame--with-back-button":"_purpur-drawer-frame--with-back-button_1didd_14","purpur-drawer-frame--left":"_purpur-drawer-frame--left_1didd_18","purpur-drawer-frame--right":"_purpur-drawer-frame--right_1didd_22","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_1didd_33","purpur-drawer-frame__body":"_purpur-drawer-frame__body_1didd_39","purpur-drawer-frame--fit-to-content":"_purpur-drawer-frame--fit-to-content_1didd_43","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_1didd_52","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_1didd_55","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_1didd_60"},$r={"purpur-drawer-handle":"_purpur-drawer-handle_3n0ew_1"},xr=(e,a,s,n,d,u)=>({onPointerDown:t=>{e.current={y:t.clientY}},onPointerMove:t=>{if(!e.current)return;const p=t.clientY-e.current.y,h=!!a.current,m=Math.max(0,p),_=t.pointerType==="touch"?10:2,f={y:m},A={originalEvent:t,delta:f};h?(a.current=f,n(A)):z(f,0)?(a.current=f,s(),t.target.setPointerCapture(t.pointerId)):Math.abs(p)>_&&(e.current=null)},onPointerUp:t=>{const p=a.current,h=t.target;if(h.hasPointerCapture(t.pointerId)&&h.releasePointerCapture(t.pointerId),a.current=null,e.current=null,p){const m=t.currentTarget,_={originalEvent:t,delta:p};z(p,0)&&p.y>200?u(_):d(),m.addEventListener("click",f=>f.preventDefault(),{once:!0})}}}),z=(e,a=0)=>Math.abs(e.y)>a,jr=S.c.bind($r),vr="purpur-drawer-handle",W=l.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:a,onSwipeStart:s,onSwipeMove:n,onSwipeCancel:d,onSwipeEnd:u,...o},i)=>{const c=jr([vr,a]),t=l.useRef(null),p=l.useRef(null),{onPointerDown:h,onPointerMove:m,onPointerUp:_}=xr(p,t,s,n,d,u);return r.jsx("div",{className:c,"data-testid":e,onPointerDown:h,onPointerMove:m,onPointerUp:_,ref:i,...o})});W.displayName="DrawerHandle";const Nr={"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"},v=S.c.bind(Nr),$="purpur-drawer-header",X=l.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:a,backButtonText:s,backButtonOnlyIcon:n,className:d,closeButtonAriaLabel:u,headerContent:o,onBackButtonClick:i,onCloseClick:c,title:t,...p},h)=>{const m=v([$,d]),_=!!(a&&s&&i),f=c?l.Fragment:g.Close;return r.jsxs("div",{className:m,"data-testid":e,ref:h,...p,children:[r.jsxs("div",{className:v([`${$}__row`,{[`${$}__row--with-back-button`]:_}]),"data-testid":`${e}-row`,children:[r.jsx("div",{className:v(`${$}__left`),children:_?r.jsxs(R.Button,{"aria-label":n?s:"",className:v([`${$}__back-button`,{[`${$}__back-button--only-icon`]:n}]),"data-testid":`${e}-back-button`,iconOnly:n,onClick:i,size:"sm",variant:n?R.BUTTON_VARIANT.TERTIARY_PURPLE:R.BUTTON_VARIANT.TEXT,children:[r.jsx(or.l,{size:"sm"}),!n&&s]}):o?r.jsxs(r.Fragment,{children:[o,r.jsx(F.VisuallyHidden,{asChild:!0,children:r.jsx(g.Title,{children:t})})]}):r.jsx(g.Title,{asChild:!0,children:r.jsx(U.Heading,{"data-testid":`${e}-title`,tag:"h2",variant:U.DisplayVariant.DISPLAY10,tabIndex:-1,children:t})})}),r.jsx("div",{className:v(`${$}__right`),children:r.jsx(f,{...c?{}:{asChild:!0},children:r.jsx(R.Button,{"aria-label":u,className:v(`${$}__close-button`),iconOnly:!0,onClick:c,size:"sm",variant:R.BUTTON_VARIANT.TERTIARY_PURPLE,children:r.jsx(ir.r,{size:"sm"})})})})]}),_&&(o?r.jsxs(r.Fragment,{children:[o,r.jsx(F.VisuallyHidden,{asChild:!0,children:r.jsx(g.Title,{children:t})})]}):r.jsx(g.Title,{asChild:!0,children:r.jsx(U.Heading,{"data-testid":`${e}-title-with-back-button`,tag:"h2",tabIndex:-1,variant:U.DisplayVariant.DISPLAY10,children:t})}))]})});X.displayName="DrawerHeader";const Dr={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1hyos_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_1hyos_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1hyos_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1hyos_14","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1hyos_25"},E=S.c.bind(Dr),N="purpur-drawer-scroll-area",V=l.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:a,className:s,fitToContent:n=!1,...d},u)=>{const o=E([N,s]);return r.jsx("div",{className:o,"data-testid":e,ref:u,...d,children:r.jsxs(H.Root,{className:E(`${N}__root`,{[`${N}__root--fit-to-content`]:n}),children:[r.jsx(H.Viewport,{className:E(`${N}__viewport`),children:a}),r.jsx(H.Scrollbar,{className:E(`${N}__scrollbar`),orientation:"vertical",children:r.jsx(H.Thumb,{className:E(`${N}__thumb`)})})]})})});V.displayName="DrawerScrollArea";const D=S.c.bind(br),w="purpur-drawer-frame",B=l.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:a,backButtonText:s,backButtonOnlyIcon:n,children:d,className:u,closeButtonAriaLabel:o,fitToContent:i=!1,footerContent:c,headerContent:t,onBackButtonClick:p,onCloseClick:h,onSwipeStart:m,onSwipeMove:_,onSwipeCancel:f,onSwipeEnd:A,title:q,stickyFooter:b,position:C="right",...j},Y)=>{const O=!!(a&&s&&p),T=D([w,{[`${w}--fit-to-content`]:i,[`${w}--sticky-footer`]:b,[`${w}--left`]:C==="left",[`${w}--right`]:C==="right",[`${w}--without-back-button`]:!O,[`${w}--with-back-button`]:O},u]);return r.jsxs("div",{className:T,"data-testid":e,ref:Y,...j,children:[r.jsx(W,{onSwipeStart:m,onSwipeMove:_,onSwipeCancel:f,onSwipeEnd:A}),r.jsx(P,{className:D(`${w}__header`),variant:"header",stickyFooter:b,children:r.jsx(X,{title:q,headerContent:t,backButtonOnlyIcon:n,backButton:a,backButtonText:s,closeButtonAriaLabel:o,onBackButtonClick:p,onCloseClick:h})}),b?r.jsxs(r.Fragment,{children:[r.jsx(V,{className:D(`${w}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:i,children:r.jsx(P,{stickyFooter:!0,children:d})}),c&&r.jsx(P,{className:D(`${w}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:b,children:c})]}):r.jsx(V,{className:D(`${w}__body`),"data-testid":`${e}-scroll-area`,fitToContent:i,children:r.jsxs("div",{className:D([`${w}__content-container`,{[`${w}__content-container--no-footer`]:!c}]),children:[r.jsx(P,{stickyFooter:b,children:d}),c&&r.jsx(P,{"data-testid":`${e}-footer`,stickyFooter:b,variant:"footer",children:c})]})})]})});B.displayName="DrawerFrame";const Pr=(e,a)=>({onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:o=>{if(!e.current)return;const{y:i}=o.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${i}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:o=>{if(!e.current)return;const{y:i}=o.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${i}px`),a?.(!1)}}),L=S.c.bind(mr),x="purpur-drawer-content",G=l.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:a=!1,backButtonText:s,backButtonOnlyIcon:n=!1,bodyText:d,children:u,className:o,closeButtonAriaLabel:i,disableCloseOnClickOutside:c=!1,fitToContent:t=!1,footerContent:p,headerContent:h,onBackButtonClick:m,onCloseClick:_,stickyFooter:f=!1,title:A,zIndex:q,position:b="right",...C},j)=>{const Y=L([x,{[`${x}--fit-to-content`]:t,[`${x}--left`]:b==="left",[`${x}--right`]:b==="right"},o]),O=l.useRef(null),T=l.useRef(null),Q=y=>{T.current=y,typeof j=="function"?j(y):j&&(j.current=y)},Z=l.useContext(K),{onSwipeStart:rr,onSwipeMove:er,onSwipeCancel:tr,onSwipeEnd:ar}=Pr(T,Z),nr=y=>{if(c){y.preventDefault();return}_&&(y.preventDefault(),_())},sr=y=>{_&&(y.preventDefault(),_())},dr=()=>{const y=O.current;if(y){const k=y.querySelector("h2");k&&setTimeout(()=>{k.focus()})}};return r.jsx(g.Portal,{children:r.jsx(g.Overlay,{className:L("purpur-drawer-overlay"),style:q?{zIndex:q}:void 0,"data-testid":`${e}-overlay`,children:r.jsx(g.Content,{onPointerDownOutside:nr,onEscapeKeyDown:sr,onOpenAutoFocus:dr,className:Y,"data-testid":e,ref:Q,...!d&&{"aria-describedby":void 0},...C,children:r.jsx(B,{backButton:a,backButtonText:s,backButtonOnlyIcon:n,closeButtonAriaLabel:i,className:L(`${x}__drawer-frame`),fitToContent:t,footerContent:p,headerContent:h,ref:O,onBackButtonClick:m,onCloseClick:_,onSwipeStart:rr,onSwipeMove:er,onSwipeCancel:tr,onSwipeEnd:ar,stickyFooter:f,title:A,position:b,children:d?r.jsxs("div",{className:L(`${x}__content-container`),children:[r.jsx(g.Description,{className:L(`${x}__description`),"data-testid":`${e}-description`,children:d}),r.jsx("div",{children:u})]}):u})})})})});G.displayName="DrawerContent";const J=l.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:a,...s},n)=>r.jsx(g.Trigger,{asChild:!0,"data-testid":e,ref:n,...s,children:a}));J.displayName="DrawerTrigger";const M=({["data-testid"]:e="purpur-drawer",children:a,className:s,onOpenChange:n,open:d=!1,...u})=>{const[o,i]=l.useState(d),c=t=>{i(t),n?.(t)};return l.useEffect(()=>{i(d)},[d]),r.jsx(K.Provider,{value:c,children:r.jsx("div",{className:s,"data-testid":e,...u,children:r.jsx(g.Root,{open:o,onOpenChange:c,children:a})})})};M.Trigger=J;M.Content=G;M.displayName="Drawer";exports.Drawer=M;
+//# sourceMappingURL=drawer-CJsLdd2x.js.map