@purpurds/drawer 6.12.4 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/LICENSE.txt CHANGED
@@ -421,28 +421,28 @@ SOFTWARE.
421
421
  ---
422
422
 
423
423
  Name: @purpurds/button
424
- Version: 6.12.3
424
+ Version: 6.12.5
425
425
  License: AGPL-3.0-only
426
426
  Private: false
427
427
 
428
428
  ---
429
429
 
430
430
  Name: @purpurds/heading
431
- Version: 6.12.3
431
+ Version: 6.12.5
432
432
  License: AGPL-3.0-only
433
433
  Private: false
434
434
 
435
435
  ---
436
436
 
437
437
  Name: @purpurds/icon
438
- Version: 6.12.3
438
+ Version: 6.12.5
439
439
  License: AGPL-3.0-only
440
440
  Private: false
441
441
 
442
442
  ---
443
443
 
444
444
  Name: @purpurds/visually-hidden
445
- Version: 6.12.3
445
+ Version: 6.12.5
446
446
  License: AGPL-3.0-only
447
447
  Private: false
448
448
 
@@ -16,7 +16,7 @@ export type DrawerContentProps = React.HTMLAttributes<HTMLElement> & {
16
16
  ["data-testid"]?: string;
17
17
  bodyText?: string;
18
18
  children: ReactNode;
19
- closeButtonText: string;
19
+ closeButtonAriaLabel: string;
20
20
  disableCloseOnClickOutside?: boolean;
21
21
  /**
22
22
  * If true, the drawer height will fit to its content on small screens.
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-content.d.ts","sourceRoot":"","sources":["../src/drawer-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAsB,MAAM,OAAO,CAAC;AAWvF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACnE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;AAIzC,eAAO,MAAM,aAAa,2FA6FzB,CAAC"}
1
+ {"version":3,"file":"drawer-content.d.ts","sourceRoot":"","sources":["../src/drawer-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAsB,MAAM,OAAO,CAAC;AAWvF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACnE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;AAIzC,eAAO,MAAM,aAAa,2FA6FzB,CAAC"}
@@ -7,7 +7,7 @@ export type DrawerFrameProps = React.HTMLAttributes<HTMLDivElement> & {
7
7
  backButtonText?: string;
8
8
  backButtonOnlyIcon: boolean;
9
9
  children: ReactNode;
10
- closeButtonText: string;
10
+ closeButtonAriaLabel: string;
11
11
  fitToContent?: boolean;
12
12
  footerContent?: ReactNode;
13
13
  headerContent?: ReactNode;
@@ -26,7 +26,7 @@ export declare const DrawerFrame: React.ForwardRefExoticComponent<React.HTMLAttr
26
26
  backButtonText?: string;
27
27
  backButtonOnlyIcon: boolean;
28
28
  children: ReactNode;
29
- closeButtonText: string;
29
+ closeButtonAriaLabel: string;
30
30
  fitToContent?: boolean;
31
31
  footerContent?: ReactNode;
32
32
  headerContent?: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-frame.d.ts","sourceRoot":"","sources":["../src/drawer-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAQnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,IAAI,IAAI,CAAC;IACrB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACrC,aAAa,IAAI,IAAI,CAAC;IACtB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,WAAW;oBArBJ,MAAM;gBACZ,OAAO;qBACF,MAAM;wBACH,OAAO;cACjB,SAAS;qBACF,MAAM;mBACR,OAAO;oBACN,SAAS;oBACT,SAAS;oBACT,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI;wBACjD,MAAM,IAAI;oBACd,IAAI;uBACD,UAAU,GAAG,IAAI;qBACnB,IAAI;sBACH,UAAU,GAAG,IAAI;kBACrB,OAAO;WACd,MAAM;wCAoHd,CAAC"}
1
+ {"version":3,"file":"drawer-frame.d.ts","sourceRoot":"","sources":["../src/drawer-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAQnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,IAAI,IAAI,CAAC;IACrB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACrC,aAAa,IAAI,IAAI,CAAC;IACtB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,WAAW;oBArBJ,MAAM;gBACZ,OAAO;qBACF,MAAM;wBACH,OAAO;cACjB,SAAS;0BACG,MAAM;mBACb,OAAO;oBACN,SAAS;oBACT,SAAS;oBACT,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI;wBACjD,MAAM,IAAI;oBACd,IAAI;uBACD,UAAU,GAAG,IAAI;qBACnB,IAAI;sBACH,UAAU,GAAG,IAAI;kBACrB,OAAO;WACd,MAAM;wCAoHd,CAAC"}
@@ -5,7 +5,7 @@ export type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
5
5
  backButton: boolean;
6
6
  backButtonText?: string;
7
7
  backButtonOnlyIcon: boolean;
8
- closeButtonText: string;
8
+ closeButtonAriaLabel: string;
9
9
  headerContent?: React.ReactNode;
10
10
  onBackButtonClick?: () => void;
11
11
  title: string;
@@ -15,7 +15,7 @@ export declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAtt
15
15
  backButton: boolean;
16
16
  backButtonText?: string;
17
17
  backButtonOnlyIcon: boolean;
18
- closeButtonText: string;
18
+ closeButtonAriaLabel: string;
19
19
  headerContent?: React.ReactNode;
20
20
  onBackButtonClick?: () => void;
21
21
  title: string;
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-header.d.ts","sourceRoot":"","sources":["../src/drawer-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAaxD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,YAAY;oBAZL,MAAM;gBACZ,OAAO;qBACF,MAAM;wBACH,OAAO;qBACV,MAAM;oBACP,KAAK,CAAC,SAAS;wBACX,MAAM,IAAI;WACvB,MAAM;wCAgHd,CAAC"}
1
+ {"version":3,"file":"drawer-header.d.ts","sourceRoot":"","sources":["../src/drawer-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAaxD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,YAAY;oBAZL,MAAM;gBACZ,OAAO;qBACF,MAAM;wBACH,OAAO;0BACL,MAAM;oBACZ,KAAK,CAAC,SAAS;wBACX,MAAM,IAAI;WACvB,MAAM;wCAgHd,CAAC"}
@@ -62,5 +62,5 @@ For more information, see https://radix-ui.com/primitives/docs/components/${r.do
62
62
  Copyright (c) 2018 Jed Watson.
63
63
  Licensed under the MIT License (MIT), see
64
64
  http://jedwatson.github.io/classnames
65
- */var yr;function Yo(){return yr||(yr=1,function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o.call(this,i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)r.call(n,i)&&n[i]&&(s=a(s,this&&this[i]||i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()}(br)),br.exports}var Xo=Yo();const Go=Vo(Xo),Ko={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Zo=Go.bind(Ko),Sr="purpur-icon",Qo="md",Jo=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),ea=({content:e="",title:r}={})=>{const t=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},r?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=r?`<title>${r}</title>`:"";return`<svg ${Jo(t)}>${o}${e}</svg>`},ra=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Xe=({["data-testid"]:e,svg:r,allyTitle:t,className:o,size:a=Qo,...n})=>{const s=ea({content:ra(r.svg),title:t}),i=Zo(o,Sr,`${Sr}--${a}`);return l.jsx("span",{"aria-label":t,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:s},...n})};Xe.displayName="Icon";const ta={name:"arrow-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',keywords:["arrow-left"],category:"utility"},lt=e=>l.jsx(Xe,{...e,svg:ta});lt.displayName="IconArrowLeft";const na={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},ut=e=>l.jsx(Xe,{...e,svg:na});ut.displayName="IconClose";function xr(e,r){if(typeof e=="function")return e(r);e!=null&&(e.current=r)}function oa(...e){return r=>{let t=!1;const o=e.map(a=>{const n=xr(a,r);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():xr(e[a],null)}}}}var dt=c.forwardRef((e,r)=>{const{children:t,...o}=e,a=c.Children.toArray(t),n=a.find(ia);if(n){const s=n.props.children,i=a.map(d=>d===n?c.Children.count(s)>1?c.Children.only(null):c.isValidElement(s)?s.props.children:null:d);return l.jsx(Ue,{...o,ref:r,children:c.isValidElement(s)?c.cloneElement(s,void 0,i):null})}return l.jsx(Ue,{...o,ref:r,children:t})});dt.displayName="Slot";var Ue=c.forwardRef((e,r)=>{const{children:t,...o}=e;if(c.isValidElement(t)){const a=ca(t),n=sa(o,t.props);return t.type!==c.Fragment&&(n.ref=r?oa(r,a):a),c.cloneElement(t,n)}return c.Children.count(t)>1?c.Children.only(null):null});Ue.displayName="SlotClone";var aa=({children:e})=>l.jsx(l.Fragment,{children:e});function ia(e){return c.isValidElement(e)&&e.type===aa}function sa(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...s)=>{n(...s),a(...s)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}function ca(e){var r,t;let o=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,a=o&&"isReactWarning"in o&&o.isReactWarning;return a?e.ref:(o=(t=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:t.get,a=o&&"isReactWarning"in o&&o.isReactWarning,a?e.props.ref:e.props.ref||e.ref)}var la=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],ua=la.reduce((e,r)=>{const t=c.forwardRef((o,a)=>{const{asChild:n,...s}=o,i=n?dt:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),l.jsx(i,{...s,ref:a})});return t.displayName=`Primitive.${r}`,{...e,[r]:t}},{}),da="VisuallyHidden",ft=c.forwardRef((e,r)=>l.jsx(ua.span,{...e,ref:r,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}}));ft.displayName=da;var fa=ft;const Er=({asChild:e,children:r,className:t="",["data-testid"]:o})=>l.jsx(fa,{asChild:e,"data-testid":o,className:t,children:r}),pa={"purpur-drawer-header__row":"_purpur-drawer-header__row_1yg5w_1","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1yg5w_6","purpur-drawer-header__left":"_purpur-drawer-header__left_1yg5w_9","purpur-drawer-header__right":"_purpur-drawer-header__right_1yg5w_12","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1yg5w_15","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1yg5w_18"},G=B.bind(pa),F="purpur-drawer-header",pt=N.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:r,backButtonText:t,backButtonOnlyIcon:o,className:a,closeButtonText:n,headerContent:s,onBackButtonClick:i,title:d,...u},f)=>{const p=G([a,F]);return l.jsxs("div",{className:p,"data-testid":e,ref:f,...u,children:[l.jsxs("div",{className:G([`${F}__row`,{[`${F}__row--with-back-button`]:r&&t&&i}]),"data-testid":`${e}-row`,children:[l.jsx("div",{className:G(`${F}__left`),children:r&&t&&i?l.jsxs(ke,{"aria-label":o?t:"",className:G([`${F}__back-button`,{[`${F}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,onClick:i,size:"sm",variant:o?Le.TERTIARY_PURPLE:Le.TEXT,children:[l.jsx(lt,{size:"sm"}),!o&&t]}):s?l.jsxs(l.Fragment,{children:[s,l.jsx(Er,{asChild:!0,children:l.jsx(fe,{asChild:!0,children:d})})]}):l.jsx(fe,{asChild:!0,children:l.jsx(Fe,{"data-testid":`${e}-title`,tag:"h2",variant:We.TITLE200,children:d})})}),l.jsx("div",{className:G(`${F}__right`),children:l.jsx(lo,{asChild:!0,children:l.jsx(ke,{"aria-label":n,className:G(`${F}__close-button`),iconOnly:!0,size:"sm",variant:Le.TERTIARY_PURPLE,children:l.jsx(ut,{size:"sm"})})})})]}),r&&t&&i&&(s?l.jsxs(l.Fragment,{children:[s,l.jsx(Er,{asChild:!0,children:l.jsx(fe,{asChild:!0,children:d})})]}):l.jsx(fe,{asChild:!0,children:l.jsx(Fe,{"data-testid":`${e}-title-with-back-button`,tag:"h2",variant:We.TITLE200,children:d})}))]})});pt.displayName="DrawerHeader";var va=c.createContext(void 0);function ha(e){const r=c.useContext(va);return e||r||"ltr"}function ma(e,[r,t]){return Math.min(t,Math.max(r,e))}function ga(e,r){return c.useReducer((t,o)=>r[t][o]??t,e)}var Ge="ScrollArea",[vt,Fa]=Ar(Ge),[_a,L]=vt(Ge),ht=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,type:o="hover",dir:a,scrollHideDelay:n=600,...s}=e,[i,d]=c.useState(null),[u,f]=c.useState(null),[p,v]=c.useState(null),[m,w]=c.useState(null),[h,_]=c.useState(null),[g,x]=c.useState(0),[b,y]=c.useState(0),[E,P]=c.useState(!1),[S,A]=c.useState(!1),C=O(r,W=>d(W)),R=ha(a);return l.jsx(_a,{scope:t,type:o,dir:R,scrollHideDelay:n,scrollArea:i,viewport:u,onViewportChange:f,content:p,onContentChange:v,scrollbarX:m,onScrollbarXChange:w,scrollbarXEnabled:E,onScrollbarXEnabledChange:P,scrollbarY:h,onScrollbarYChange:_,scrollbarYEnabled:S,onScrollbarYEnabledChange:A,onCornerWidthChange:x,onCornerHeightChange:y,children:l.jsx(T.div,{dir:R,...s,ref:C,style:{position:"relative","--radix-scroll-area-corner-width":g+"px","--radix-scroll-area-corner-height":b+"px",...e.style}})})});ht.displayName=Ge;var mt="ScrollAreaViewport",gt=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,children:o,nonce:a,...n}=e,s=L(mt,t),i=c.useRef(null),d=O(r,i,s.onViewportChange);return l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),l.jsx(T.div,{"data-radix-scroll-area-viewport":"",...n,ref:d,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:l.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:o})})]})});gt.displayName=mt;var I="ScrollAreaScrollbar",_t=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:s}=a,i=e.orientation==="horizontal";return c.useEffect(()=>(i?n(!0):s(!0),()=>{i?n(!1):s(!1)}),[i,n,s]),a.type==="hover"?l.jsx(wa,{...o,ref:r,forceMount:t}):a.type==="scroll"?l.jsx(ba,{...o,ref:r,forceMount:t}):a.type==="auto"?l.jsx(wt,{...o,ref:r,forceMount:t}):a.type==="always"?l.jsx(Ke,{...o,ref:r}):null});_t.displayName=I;var wa=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),[n,s]=c.useState(!1);return c.useEffect(()=>{const i=a.scrollArea;let d=0;if(i){const u=()=>{window.clearTimeout(d),s(!0)},f=()=>{d=window.setTimeout(()=>s(!1),a.scrollHideDelay)};return i.addEventListener("pointerenter",u),i.addEventListener("pointerleave",f),()=>{window.clearTimeout(d),i.removeEventListener("pointerenter",u),i.removeEventListener("pointerleave",f)}}},[a.scrollArea,a.scrollHideDelay]),l.jsx(q,{present:t||n,children:l.jsx(wt,{"data-state":n?"visible":"hidden",...o,ref:r})})}),ba=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),n=e.orientation==="horizontal",s=Se(()=>d("SCROLL_END"),100),[i,d]=ga("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(i==="idle"){const u=window.setTimeout(()=>d("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(u)}},[i,a.scrollHideDelay,d]),c.useEffect(()=>{const u=a.viewport,f=n?"scrollLeft":"scrollTop";if(u){let p=u[f];const v=()=>{const m=u[f];p!==m&&(d("SCROLL"),s()),p=m};return u.addEventListener("scroll",v),()=>u.removeEventListener("scroll",v)}},[a.viewport,n,d,s]),l.jsx(q,{present:t||i!=="hidden",children:l.jsx(Ke,{"data-state":i==="hidden"?"hidden":"visible",...o,ref:r,onPointerEnter:D(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:D(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),wt=c.forwardRef((e,r)=>{const t=L(I,e.__scopeScrollArea),{forceMount:o,...a}=e,[n,s]=c.useState(!1),i=e.orientation==="horizontal",d=Se(()=>{if(t.viewport){const u=t.viewport.offsetWidth<t.viewport.scrollWidth,f=t.viewport.offsetHeight<t.viewport.scrollHeight;s(i?u:f)}},10);return ee(t.viewport,d),ee(t.content,d),l.jsx(q,{present:o||n,children:l.jsx(Ke,{"data-state":n?"visible":"hidden",...a,ref:r})})}),Ke=c.forwardRef((e,r)=>{const{orientation:t="vertical",...o}=e,a=L(I,e.__scopeScrollArea),n=c.useRef(null),s=c.useRef(0),[i,d]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),u=xt(i.viewport,i.content),f={...o,sizes:i,onSizesChange:d,hasThumb:u>0&&u<1,onThumbChange:v=>n.current=v,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:v=>s.current=v};function p(v,m){return Ra(v,s.current,i,m)}return t==="horizontal"?l.jsx(ya,{...f,ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const v=a.viewport.scrollLeft,m=Cr(v,i,a.dir);n.current.style.transform=`translate3d(${m}px, 0, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollLeft=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollLeft=p(v,a.dir))}}):t==="vertical"?l.jsx(Sa,{...f,ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const v=a.viewport.scrollTop,m=Cr(v,i);n.current.style.transform=`translate3d(0, ${m}px, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollTop=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollTop=p(v))}}):null}),ya=c.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),d=c.useRef(null),u=O(r,d,n.onScrollbarXChange);return c.useEffect(()=>{d.current&&i(getComputedStyle(d.current))},[d]),l.jsx(yt,{"data-orientation":"horizontal",...a,ref:u,sizes:t,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":ye(t)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.x),onDragScroll:f=>e.onDragScroll(f.x),onWheelScroll:(f,p)=>{if(n.viewport){const v=n.viewport.scrollLeft+f.deltaX;e.onWheelScroll(v),Ct(v,p)&&f.preventDefault()}},onResize:()=>{d.current&&n.viewport&&s&&o({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:we(s.paddingLeft),paddingEnd:we(s.paddingRight)}})}})}),Sa=c.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),d=c.useRef(null),u=O(r,d,n.onScrollbarYChange);return c.useEffect(()=>{d.current&&i(getComputedStyle(d.current))},[d]),l.jsx(yt,{"data-orientation":"vertical",...a,ref:u,sizes:t,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":ye(t)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.y),onDragScroll:f=>e.onDragScroll(f.y),onWheelScroll:(f,p)=>{if(n.viewport){const v=n.viewport.scrollTop+f.deltaY;e.onWheelScroll(v),Ct(v,p)&&f.preventDefault()}},onResize:()=>{d.current&&n.viewport&&s&&o({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:we(s.paddingTop),paddingEnd:we(s.paddingBottom)}})}})}),[xa,bt]=vt(I),yt=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,sizes:o,hasThumb:a,onThumbChange:n,onThumbPointerUp:s,onThumbPointerDown:i,onThumbPositionChange:d,onDragScroll:u,onWheelScroll:f,onResize:p,...v}=e,m=L(I,t),[w,h]=c.useState(null),_=O(r,C=>h(C)),g=c.useRef(null),x=c.useRef(""),b=m.viewport,y=o.content-o.viewport,E=j(f),P=j(d),S=Se(p,10);function A(C){if(g.current){const R=C.clientX-g.current.left,W=C.clientY-g.current.top;u({x:R,y:W})}}return c.useEffect(()=>{const C=R=>{const W=R.target;(w==null?void 0:w.contains(W))&&E(R,y)};return document.addEventListener("wheel",C,{passive:!1}),()=>document.removeEventListener("wheel",C,{passive:!1})},[b,w,y,E]),c.useEffect(P,[o,P]),ee(w,S),ee(m.content,S),l.jsx(xa,{scope:t,scrollbar:w,hasThumb:a,onThumbChange:j(n),onThumbPointerUp:j(s),onThumbPositionChange:P,onThumbPointerDown:j(i),children:l.jsx(T.div,{...v,ref:_,style:{position:"absolute",...v.style},onPointerDown:D(e.onPointerDown,C=>{C.button===0&&(C.target.setPointerCapture(C.pointerId),g.current=w.getBoundingClientRect(),x.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",m.viewport&&(m.viewport.style.scrollBehavior="auto"),A(C))}),onPointerMove:D(e.onPointerMove,A),onPointerUp:D(e.onPointerUp,C=>{const R=C.target;R.hasPointerCapture(C.pointerId)&&R.releasePointerCapture(C.pointerId),document.body.style.webkitUserSelect=x.current,m.viewport&&(m.viewport.style.scrollBehavior=""),g.current=null})})})}),_e="ScrollAreaThumb",St=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=bt(_e,e.__scopeScrollArea);return l.jsx(q,{present:t||a.hasThumb,children:l.jsx(Ea,{ref:r,...o})})}),Ea=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,style:o,...a}=e,n=L(_e,t),s=bt(_e,t),{onThumbPositionChange:i}=s,d=O(r,p=>s.onThumbChange(p)),u=c.useRef(void 0),f=Se(()=>{u.current&&(u.current(),u.current=void 0)},100);return c.useEffect(()=>{const p=n.viewport;if(p){const v=()=>{if(f(),!u.current){const m=Na(p,i);u.current=m,i()}};return i(),p.addEventListener("scroll",v),()=>p.removeEventListener("scroll",v)}},[n.viewport,f,i]),l.jsx(T.div,{"data-state":s.hasThumb?"visible":"hidden",...a,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...o},onPointerDownCapture:D(e.onPointerDownCapture,p=>{const m=p.target.getBoundingClientRect(),w=p.clientX-m.left,h=p.clientY-m.top;s.onThumbPointerDown({x:w,y:h})}),onPointerUp:D(e.onPointerUp,s.onThumbPointerUp)})});St.displayName=_e;var Ze="ScrollAreaCorner",Ca=c.forwardRef((e,r)=>{const t=L(Ze,e.__scopeScrollArea),o=!!(t.scrollbarX&&t.scrollbarY);return t.type!=="scroll"&&o?l.jsx(Pa,{...e,ref:r}):null});Ca.displayName=Ze;var Pa=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,...o}=e,a=L(Ze,t),[n,s]=c.useState(0),[i,d]=c.useState(0),u=!!(n&&i);return ee(a.scrollbarX,()=>{var p;const f=((p=a.scrollbarX)==null?void 0:p.offsetHeight)||0;a.onCornerHeightChange(f),d(f)}),ee(a.scrollbarY,()=>{var p;const f=((p=a.scrollbarY)==null?void 0:p.offsetWidth)||0;a.onCornerWidthChange(f),s(f)}),u?l.jsx(T.div,{...o,ref:r,style:{width:n,height:i,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function we(e){return e?parseInt(e,10):0}function xt(e,r){const t=e/r;return isNaN(t)?0:t}function ye(e){const r=xt(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,o=(e.scrollbar.size-t)*r;return Math.max(o,18)}function Ra(e,r,t,o="ltr"){const a=ye(t),n=a/2,s=r||n,i=a-s,d=t.scrollbar.paddingStart+s,u=t.scrollbar.size-t.scrollbar.paddingEnd-i,f=t.content-t.viewport,p=o==="ltr"?[0,f]:[f*-1,0];return Et([d,u],p)(e)}function Cr(e,r,t="ltr"){const o=ye(r),a=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,n=r.scrollbar.size-a,s=r.content-r.viewport,i=n-o,d=t==="ltr"?[0,s]:[s*-1,0],u=ma(e,d);return Et([0,s],[0,i])(u)}function Et(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];const o=(r[1]-r[0])/(e[1]-e[0]);return r[0]+o*(t-e[0])}}function Ct(e,r){return e>0&&e<r}var Na=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},o=0;return function a(){const n={left:e.scrollLeft,top:e.scrollTop},s=t.left!==n.left,i=t.top!==n.top;(s||i)&&r(),t=n,o=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(o)};function Se(e,r){const t=j(e),o=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(o.current),[]),c.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(t,r)},[t,r])}function ee(e,r){const t=j(r);ie(()=>{let o=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(o),o=window.requestAnimationFrame(t)});return a.observe(e),()=>{window.cancelAnimationFrame(o),a.unobserve(e)}}},[e,t])}var Aa=ht,Da=gt,ja=_t,Ta=St;const Oa={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1r0fa_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1r0fa_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1r0fa_13","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1r0fa_24"},ne=B.bind(Oa),K="purpur-drawer-scroll-area",qe=N.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:r,className:t,fitToContent:o=!1,...a},n)=>{const s=ne([t,K]);return l.jsx("div",{className:s,"data-testid":e,ref:n,...a,children:l.jsxs(Aa,{className:ne(`${K}__root`,{[`${K}__root--fit-to-content`]:o}),children:[l.jsx(Da,{className:ne(`${K}__viewport`),children:r}),l.jsx(ja,{className:ne(`${K}__scrollbar`),orientation:"vertical",children:l.jsx(Ta,{className:ne(`${K}__thumb`)})})]})})});qe.displayName="DrawerScrollArea";const Z=B.bind(So),k="purpur-drawer-frame",Pt=N.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:r,backButtonText:t,backButtonOnlyIcon:o,children:a,className:n,closeButtonText:s,fitToContent:i=!1,footerContent:d,headerContent:u,onAnimationEnd:f,onBackButtonClick:p,onSwipeStart:v,onSwipeMove:m,onSwipeCancel:w,onSwipeEnd:h,title:_,stickyFooter:g,...x},b)=>{const y=Z([n,k,{[`${k}--fit-to-content`]:i,[`${k}--sticky-footer`]:g}]);return l.jsxs("div",{className:y,"data-testid":e,ref:b,onAnimationEnd:f,...x,children:[l.jsx(ct,{onSwipeStart:v,onSwipeMove:m,onSwipeCancel:w,onSwipeEnd:h}),l.jsx(Q,{className:Z(`${k}__header`),variant:"header",stickyFooter:g,children:l.jsx(pt,{title:_,headerContent:u,backButtonOnlyIcon:o,backButton:r,backButtonText:t,closeButtonText:s,onBackButtonClick:p})}),g?l.jsxs(l.Fragment,{children:[l.jsx(qe,{className:Z(`${k}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:i,children:l.jsx(Q,{stickyFooter:!0,children:a})}),d&&l.jsx(Q,{className:Z(`${k}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:g,children:d})]}):l.jsx(qe,{className:Z(`${k}__body`),"data-testid":`${e}-scroll-area`,fitToContent:i,children:l.jsxs("div",{className:Z([`${k}__content-container`,{[`${k}__content-container--no-footer`]:!d}]),children:[l.jsx(Q,{stickyFooter:g,children:a}),d&&l.jsx(Q,{"data-testid":`${e}-footer`,stickyFooter:g,variant:"footer",children:d})]})})]})});Pt.displayName="DrawerFrame";const La=(e,r)=>({onAnimationEnd:i=>{i.currentTarget.getAttribute("data-swipe")==="end"&&r(!1)},onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:d}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${d}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:i=>{if(!e.current)return;const{y:d}=i.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",`${d}px`)}}),oe=B.bind(wo),ae="purpur-drawer-content",Rt=N.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:r=!1,backButtonText:t,backButtonOnlyIcon:o=!1,bodyText:a,children:n,className:s,closeButtonText:i,disableCloseOnClickOutside:d=!1,fitToContent:u=!1,footerContent:f,headerContent:p,onBackButtonClick:v,stickyFooter:m=!1,title:w,zIndex:h,..._},g)=>{const x=oe([s,ae,{[`${ae}--fit-to-content`]:u}]),b=N.useRef(null),y=N.useContext(st),{onAnimationEnd:E,onSwipeStart:P,onSwipeMove:S,onSwipeCancel:A,onSwipeEnd:C}=La(b,y),R=W=>{d&&W.preventDefault()};return l.jsx(ao,{children:l.jsx(io,{className:oe("purpur-drawer-overlay"),style:h?{zIndex:h}:void 0,"data-testid":`${e}-overlay`,children:l.jsx(so,{onPointerDownOutside:R,className:x,"data-testid":e,ref:g,...!a&&{"aria-describedby":void 0},..._,children:l.jsx(Pt,{backButton:r,backButtonText:t,backButtonOnlyIcon:o,closeButtonText:i,className:oe(`${ae}__drawer-frame`),fitToContent:u,footerContent:f,headerContent:p,ref:b,onAnimationEnd:E,onBackButtonClick:v,onSwipeStart:P,onSwipeMove:S,onSwipeCancel:A,onSwipeEnd:C,stickyFooter:m,title:w,children:a?l.jsxs("div",{className:oe(`${ae}__content-container`),children:[l.jsx(co,{className:oe(`${ae}__description`),"data-testid":`${e}-description`,children:a}),l.jsx("div",{children:n})]}):n})})})})});Rt.displayName="DrawerContent";const Nt=N.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:r,className:t,...o},a)=>l.jsx(oo,{asChild:!0,className:t,"data-testid":e,ref:a,...o,children:r}));Nt.displayName="DrawerTrigger";const $a=B.bind(vo),Ma="purpur-drawer",xe=({["data-testid"]:e="purpur-drawer",children:r,className:t,onOpenChange:o,open:a=!1,...n})=>{const[s,i]=N.useState(a),d=$a([t,Ma]),u=f=>{i(f),o==null||o(f)};return N.useEffect(()=>{i(a)},[a]),l.jsx(st.Provider,{value:u,children:l.jsx("div",{className:d,"data-testid":e,...n,children:l.jsx(no,{open:s,onOpenChange:u,children:r})})})};xe.Trigger=Nt;xe.Content=Rt;xe.displayName="Drawer";exports.Drawer=xe;
65
+ */var yr;function Yo(){return yr||(yr=1,function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o.call(this,i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)r.call(n,i)&&n[i]&&(s=a(s,this&&this[i]||i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()}(br)),br.exports}var Xo=Yo();const Go=Vo(Xo),Ko={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Zo=Go.bind(Ko),Sr="purpur-icon",Qo="md",Jo=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),ea=({content:e="",title:r}={})=>{const t=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},r?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=r?`<title>${r}</title>`:"";return`<svg ${Jo(t)}>${o}${e}</svg>`},ra=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Xe=({["data-testid"]:e,svg:r,allyTitle:t,className:o,size:a=Qo,...n})=>{const s=ea({content:ra(r.svg),title:t}),i=Zo(o,Sr,`${Sr}--${a}`);return l.jsx("span",{className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:s},...n})};Xe.displayName="Icon";const ta={name:"arrow-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',keywords:["arrow-left"],category:"utility"},lt=e=>l.jsx(Xe,{...e,svg:ta});lt.displayName="IconArrowLeft";const na={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},ut=e=>l.jsx(Xe,{...e,svg:na});ut.displayName="IconClose";function xr(e,r){if(typeof e=="function")return e(r);e!=null&&(e.current=r)}function oa(...e){return r=>{let t=!1;const o=e.map(a=>{const n=xr(a,r);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():xr(e[a],null)}}}}var dt=c.forwardRef((e,r)=>{const{children:t,...o}=e,a=c.Children.toArray(t),n=a.find(ia);if(n){const s=n.props.children,i=a.map(d=>d===n?c.Children.count(s)>1?c.Children.only(null):c.isValidElement(s)?s.props.children:null:d);return l.jsx(Ue,{...o,ref:r,children:c.isValidElement(s)?c.cloneElement(s,void 0,i):null})}return l.jsx(Ue,{...o,ref:r,children:t})});dt.displayName="Slot";var Ue=c.forwardRef((e,r)=>{const{children:t,...o}=e;if(c.isValidElement(t)){const a=ca(t),n=sa(o,t.props);return t.type!==c.Fragment&&(n.ref=r?oa(r,a):a),c.cloneElement(t,n)}return c.Children.count(t)>1?c.Children.only(null):null});Ue.displayName="SlotClone";var aa=({children:e})=>l.jsx(l.Fragment,{children:e});function ia(e){return c.isValidElement(e)&&e.type===aa}function sa(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...s)=>{n(...s),a(...s)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}function ca(e){var r,t;let o=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,a=o&&"isReactWarning"in o&&o.isReactWarning;return a?e.ref:(o=(t=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:t.get,a=o&&"isReactWarning"in o&&o.isReactWarning,a?e.props.ref:e.props.ref||e.ref)}var la=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],ua=la.reduce((e,r)=>{const t=c.forwardRef((o,a)=>{const{asChild:n,...s}=o,i=n?dt:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),l.jsx(i,{...s,ref:a})});return t.displayName=`Primitive.${r}`,{...e,[r]:t}},{}),da="VisuallyHidden",ft=c.forwardRef((e,r)=>l.jsx(ua.span,{...e,ref:r,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}}));ft.displayName=da;var fa=ft;const Er=({asChild:e,children:r,className:t="",["data-testid"]:o})=>l.jsx(fa,{asChild:e,"data-testid":o,className:t,children:r}),pa={"purpur-drawer-header__row":"_purpur-drawer-header__row_1yg5w_1","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1yg5w_6","purpur-drawer-header__left":"_purpur-drawer-header__left_1yg5w_9","purpur-drawer-header__right":"_purpur-drawer-header__right_1yg5w_12","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1yg5w_15","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1yg5w_18"},G=B.bind(pa),F="purpur-drawer-header",pt=N.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:r,backButtonText:t,backButtonOnlyIcon:o,className:a,closeButtonAriaLabel:n,headerContent:s,onBackButtonClick:i,title:d,...u},f)=>{const p=G([a,F]);return l.jsxs("div",{className:p,"data-testid":e,ref:f,...u,children:[l.jsxs("div",{className:G([`${F}__row`,{[`${F}__row--with-back-button`]:r&&t&&i}]),"data-testid":`${e}-row`,children:[l.jsx("div",{className:G(`${F}__left`),children:r&&t&&i?l.jsxs(ke,{"aria-label":o?t:"",className:G([`${F}__back-button`,{[`${F}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,onClick:i,size:"sm",variant:o?Le.TERTIARY_PURPLE:Le.TEXT,children:[l.jsx(lt,{size:"sm"}),!o&&t]}):s?l.jsxs(l.Fragment,{children:[s,l.jsx(Er,{asChild:!0,children:l.jsx(fe,{asChild:!0,children:d})})]}):l.jsx(fe,{asChild:!0,children:l.jsx(Fe,{"data-testid":`${e}-title`,tag:"h2",variant:We.TITLE200,children:d})})}),l.jsx("div",{className:G(`${F}__right`),children:l.jsx(lo,{asChild:!0,children:l.jsx(ke,{"aria-label":n,className:G(`${F}__close-button`),iconOnly:!0,size:"sm",variant:Le.TERTIARY_PURPLE,children:l.jsx(ut,{size:"sm"})})})})]}),r&&t&&i&&(s?l.jsxs(l.Fragment,{children:[s,l.jsx(Er,{asChild:!0,children:l.jsx(fe,{asChild:!0,children:d})})]}):l.jsx(fe,{asChild:!0,children:l.jsx(Fe,{"data-testid":`${e}-title-with-back-button`,tag:"h2",variant:We.TITLE200,children:d})}))]})});pt.displayName="DrawerHeader";var va=c.createContext(void 0);function ha(e){const r=c.useContext(va);return e||r||"ltr"}function ma(e,[r,t]){return Math.min(t,Math.max(r,e))}function ga(e,r){return c.useReducer((t,o)=>r[t][o]??t,e)}var Ge="ScrollArea",[vt,Fa]=Ar(Ge),[_a,L]=vt(Ge),ht=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,type:o="hover",dir:a,scrollHideDelay:n=600,...s}=e,[i,d]=c.useState(null),[u,f]=c.useState(null),[p,v]=c.useState(null),[m,w]=c.useState(null),[h,_]=c.useState(null),[g,x]=c.useState(0),[b,y]=c.useState(0),[E,P]=c.useState(!1),[S,A]=c.useState(!1),C=O(r,W=>d(W)),R=ha(a);return l.jsx(_a,{scope:t,type:o,dir:R,scrollHideDelay:n,scrollArea:i,viewport:u,onViewportChange:f,content:p,onContentChange:v,scrollbarX:m,onScrollbarXChange:w,scrollbarXEnabled:E,onScrollbarXEnabledChange:P,scrollbarY:h,onScrollbarYChange:_,scrollbarYEnabled:S,onScrollbarYEnabledChange:A,onCornerWidthChange:x,onCornerHeightChange:y,children:l.jsx(T.div,{dir:R,...s,ref:C,style:{position:"relative","--radix-scroll-area-corner-width":g+"px","--radix-scroll-area-corner-height":b+"px",...e.style}})})});ht.displayName=Ge;var mt="ScrollAreaViewport",gt=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,children:o,nonce:a,...n}=e,s=L(mt,t),i=c.useRef(null),d=O(r,i,s.onViewportChange);return l.jsxs(l.Fragment,{children:[l.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),l.jsx(T.div,{"data-radix-scroll-area-viewport":"",...n,ref:d,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:l.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:o})})]})});gt.displayName=mt;var I="ScrollAreaScrollbar",_t=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:s}=a,i=e.orientation==="horizontal";return c.useEffect(()=>(i?n(!0):s(!0),()=>{i?n(!1):s(!1)}),[i,n,s]),a.type==="hover"?l.jsx(wa,{...o,ref:r,forceMount:t}):a.type==="scroll"?l.jsx(ba,{...o,ref:r,forceMount:t}):a.type==="auto"?l.jsx(wt,{...o,ref:r,forceMount:t}):a.type==="always"?l.jsx(Ke,{...o,ref:r}):null});_t.displayName=I;var wa=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),[n,s]=c.useState(!1);return c.useEffect(()=>{const i=a.scrollArea;let d=0;if(i){const u=()=>{window.clearTimeout(d),s(!0)},f=()=>{d=window.setTimeout(()=>s(!1),a.scrollHideDelay)};return i.addEventListener("pointerenter",u),i.addEventListener("pointerleave",f),()=>{window.clearTimeout(d),i.removeEventListener("pointerenter",u),i.removeEventListener("pointerleave",f)}}},[a.scrollArea,a.scrollHideDelay]),l.jsx(q,{present:t||n,children:l.jsx(wt,{"data-state":n?"visible":"hidden",...o,ref:r})})}),ba=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=L(I,e.__scopeScrollArea),n=e.orientation==="horizontal",s=Se(()=>d("SCROLL_END"),100),[i,d]=ga("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(i==="idle"){const u=window.setTimeout(()=>d("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(u)}},[i,a.scrollHideDelay,d]),c.useEffect(()=>{const u=a.viewport,f=n?"scrollLeft":"scrollTop";if(u){let p=u[f];const v=()=>{const m=u[f];p!==m&&(d("SCROLL"),s()),p=m};return u.addEventListener("scroll",v),()=>u.removeEventListener("scroll",v)}},[a.viewport,n,d,s]),l.jsx(q,{present:t||i!=="hidden",children:l.jsx(Ke,{"data-state":i==="hidden"?"hidden":"visible",...o,ref:r,onPointerEnter:D(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:D(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),wt=c.forwardRef((e,r)=>{const t=L(I,e.__scopeScrollArea),{forceMount:o,...a}=e,[n,s]=c.useState(!1),i=e.orientation==="horizontal",d=Se(()=>{if(t.viewport){const u=t.viewport.offsetWidth<t.viewport.scrollWidth,f=t.viewport.offsetHeight<t.viewport.scrollHeight;s(i?u:f)}},10);return ee(t.viewport,d),ee(t.content,d),l.jsx(q,{present:o||n,children:l.jsx(Ke,{"data-state":n?"visible":"hidden",...a,ref:r})})}),Ke=c.forwardRef((e,r)=>{const{orientation:t="vertical",...o}=e,a=L(I,e.__scopeScrollArea),n=c.useRef(null),s=c.useRef(0),[i,d]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),u=xt(i.viewport,i.content),f={...o,sizes:i,onSizesChange:d,hasThumb:u>0&&u<1,onThumbChange:v=>n.current=v,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:v=>s.current=v};function p(v,m){return Ra(v,s.current,i,m)}return t==="horizontal"?l.jsx(ya,{...f,ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const v=a.viewport.scrollLeft,m=Cr(v,i,a.dir);n.current.style.transform=`translate3d(${m}px, 0, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollLeft=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollLeft=p(v,a.dir))}}):t==="vertical"?l.jsx(Sa,{...f,ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const v=a.viewport.scrollTop,m=Cr(v,i);n.current.style.transform=`translate3d(0, ${m}px, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollTop=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollTop=p(v))}}):null}),ya=c.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),d=c.useRef(null),u=O(r,d,n.onScrollbarXChange);return c.useEffect(()=>{d.current&&i(getComputedStyle(d.current))},[d]),l.jsx(yt,{"data-orientation":"horizontal",...a,ref:u,sizes:t,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":ye(t)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.x),onDragScroll:f=>e.onDragScroll(f.x),onWheelScroll:(f,p)=>{if(n.viewport){const v=n.viewport.scrollLeft+f.deltaX;e.onWheelScroll(v),Ct(v,p)&&f.preventDefault()}},onResize:()=>{d.current&&n.viewport&&s&&o({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:we(s.paddingLeft),paddingEnd:we(s.paddingRight)}})}})}),Sa=c.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),d=c.useRef(null),u=O(r,d,n.onScrollbarYChange);return c.useEffect(()=>{d.current&&i(getComputedStyle(d.current))},[d]),l.jsx(yt,{"data-orientation":"vertical",...a,ref:u,sizes:t,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":ye(t)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.y),onDragScroll:f=>e.onDragScroll(f.y),onWheelScroll:(f,p)=>{if(n.viewport){const v=n.viewport.scrollTop+f.deltaY;e.onWheelScroll(v),Ct(v,p)&&f.preventDefault()}},onResize:()=>{d.current&&n.viewport&&s&&o({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:we(s.paddingTop),paddingEnd:we(s.paddingBottom)}})}})}),[xa,bt]=vt(I),yt=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,sizes:o,hasThumb:a,onThumbChange:n,onThumbPointerUp:s,onThumbPointerDown:i,onThumbPositionChange:d,onDragScroll:u,onWheelScroll:f,onResize:p,...v}=e,m=L(I,t),[w,h]=c.useState(null),_=O(r,C=>h(C)),g=c.useRef(null),x=c.useRef(""),b=m.viewport,y=o.content-o.viewport,E=j(f),P=j(d),S=Se(p,10);function A(C){if(g.current){const R=C.clientX-g.current.left,W=C.clientY-g.current.top;u({x:R,y:W})}}return c.useEffect(()=>{const C=R=>{const W=R.target;(w==null?void 0:w.contains(W))&&E(R,y)};return document.addEventListener("wheel",C,{passive:!1}),()=>document.removeEventListener("wheel",C,{passive:!1})},[b,w,y,E]),c.useEffect(P,[o,P]),ee(w,S),ee(m.content,S),l.jsx(xa,{scope:t,scrollbar:w,hasThumb:a,onThumbChange:j(n),onThumbPointerUp:j(s),onThumbPositionChange:P,onThumbPointerDown:j(i),children:l.jsx(T.div,{...v,ref:_,style:{position:"absolute",...v.style},onPointerDown:D(e.onPointerDown,C=>{C.button===0&&(C.target.setPointerCapture(C.pointerId),g.current=w.getBoundingClientRect(),x.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",m.viewport&&(m.viewport.style.scrollBehavior="auto"),A(C))}),onPointerMove:D(e.onPointerMove,A),onPointerUp:D(e.onPointerUp,C=>{const R=C.target;R.hasPointerCapture(C.pointerId)&&R.releasePointerCapture(C.pointerId),document.body.style.webkitUserSelect=x.current,m.viewport&&(m.viewport.style.scrollBehavior=""),g.current=null})})})}),_e="ScrollAreaThumb",St=c.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=bt(_e,e.__scopeScrollArea);return l.jsx(q,{present:t||a.hasThumb,children:l.jsx(Ea,{ref:r,...o})})}),Ea=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,style:o,...a}=e,n=L(_e,t),s=bt(_e,t),{onThumbPositionChange:i}=s,d=O(r,p=>s.onThumbChange(p)),u=c.useRef(void 0),f=Se(()=>{u.current&&(u.current(),u.current=void 0)},100);return c.useEffect(()=>{const p=n.viewport;if(p){const v=()=>{if(f(),!u.current){const m=Na(p,i);u.current=m,i()}};return i(),p.addEventListener("scroll",v),()=>p.removeEventListener("scroll",v)}},[n.viewport,f,i]),l.jsx(T.div,{"data-state":s.hasThumb?"visible":"hidden",...a,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...o},onPointerDownCapture:D(e.onPointerDownCapture,p=>{const m=p.target.getBoundingClientRect(),w=p.clientX-m.left,h=p.clientY-m.top;s.onThumbPointerDown({x:w,y:h})}),onPointerUp:D(e.onPointerUp,s.onThumbPointerUp)})});St.displayName=_e;var Ze="ScrollAreaCorner",Ca=c.forwardRef((e,r)=>{const t=L(Ze,e.__scopeScrollArea),o=!!(t.scrollbarX&&t.scrollbarY);return t.type!=="scroll"&&o?l.jsx(Pa,{...e,ref:r}):null});Ca.displayName=Ze;var Pa=c.forwardRef((e,r)=>{const{__scopeScrollArea:t,...o}=e,a=L(Ze,t),[n,s]=c.useState(0),[i,d]=c.useState(0),u=!!(n&&i);return ee(a.scrollbarX,()=>{var p;const f=((p=a.scrollbarX)==null?void 0:p.offsetHeight)||0;a.onCornerHeightChange(f),d(f)}),ee(a.scrollbarY,()=>{var p;const f=((p=a.scrollbarY)==null?void 0:p.offsetWidth)||0;a.onCornerWidthChange(f),s(f)}),u?l.jsx(T.div,{...o,ref:r,style:{width:n,height:i,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function we(e){return e?parseInt(e,10):0}function xt(e,r){const t=e/r;return isNaN(t)?0:t}function ye(e){const r=xt(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,o=(e.scrollbar.size-t)*r;return Math.max(o,18)}function Ra(e,r,t,o="ltr"){const a=ye(t),n=a/2,s=r||n,i=a-s,d=t.scrollbar.paddingStart+s,u=t.scrollbar.size-t.scrollbar.paddingEnd-i,f=t.content-t.viewport,p=o==="ltr"?[0,f]:[f*-1,0];return Et([d,u],p)(e)}function Cr(e,r,t="ltr"){const o=ye(r),a=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,n=r.scrollbar.size-a,s=r.content-r.viewport,i=n-o,d=t==="ltr"?[0,s]:[s*-1,0],u=ma(e,d);return Et([0,s],[0,i])(u)}function Et(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];const o=(r[1]-r[0])/(e[1]-e[0]);return r[0]+o*(t-e[0])}}function Ct(e,r){return e>0&&e<r}var Na=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},o=0;return function a(){const n={left:e.scrollLeft,top:e.scrollTop},s=t.left!==n.left,i=t.top!==n.top;(s||i)&&r(),t=n,o=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(o)};function Se(e,r){const t=j(e),o=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(o.current),[]),c.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(t,r)},[t,r])}function ee(e,r){const t=j(r);ie(()=>{let o=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(o),o=window.requestAnimationFrame(t)});return a.observe(e),()=>{window.cancelAnimationFrame(o),a.unobserve(e)}}},[e,t])}var Aa=ht,Da=gt,ja=_t,Ta=St;const Oa={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1r0fa_1","purpur-drawer-scroll-area__root--fit-to-content":"_purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1r0fa_10","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1r0fa_13","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1r0fa_24"},ne=B.bind(Oa),K="purpur-drawer-scroll-area",qe=N.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:r,className:t,fitToContent:o=!1,...a},n)=>{const s=ne([t,K]);return l.jsx("div",{className:s,"data-testid":e,ref:n,...a,children:l.jsxs(Aa,{className:ne(`${K}__root`,{[`${K}__root--fit-to-content`]:o}),children:[l.jsx(Da,{className:ne(`${K}__viewport`),children:r}),l.jsx(ja,{className:ne(`${K}__scrollbar`),orientation:"vertical",children:l.jsx(Ta,{className:ne(`${K}__thumb`)})})]})})});qe.displayName="DrawerScrollArea";const Z=B.bind(So),k="purpur-drawer-frame",Pt=N.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:r,backButtonText:t,backButtonOnlyIcon:o,children:a,className:n,closeButtonAriaLabel:s,fitToContent:i=!1,footerContent:d,headerContent:u,onAnimationEnd:f,onBackButtonClick:p,onSwipeStart:v,onSwipeMove:m,onSwipeCancel:w,onSwipeEnd:h,title:_,stickyFooter:g,...x},b)=>{const y=Z([n,k,{[`${k}--fit-to-content`]:i,[`${k}--sticky-footer`]:g}]);return l.jsxs("div",{className:y,"data-testid":e,ref:b,onAnimationEnd:f,...x,children:[l.jsx(ct,{onSwipeStart:v,onSwipeMove:m,onSwipeCancel:w,onSwipeEnd:h}),l.jsx(Q,{className:Z(`${k}__header`),variant:"header",stickyFooter:g,children:l.jsx(pt,{title:_,headerContent:u,backButtonOnlyIcon:o,backButton:r,backButtonText:t,closeButtonAriaLabel:s,onBackButtonClick:p})}),g?l.jsxs(l.Fragment,{children:[l.jsx(qe,{className:Z(`${k}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,fitToContent:i,children:l.jsx(Q,{stickyFooter:!0,children:a})}),d&&l.jsx(Q,{className:Z(`${k}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:g,children:d})]}):l.jsx(qe,{className:Z(`${k}__body`),"data-testid":`${e}-scroll-area`,fitToContent:i,children:l.jsxs("div",{className:Z([`${k}__content-container`,{[`${k}__content-container--no-footer`]:!d}]),children:[l.jsx(Q,{stickyFooter:g,children:a}),d&&l.jsx(Q,{"data-testid":`${e}-footer`,stickyFooter:g,variant:"footer",children:d})]})})]})});Pt.displayName="DrawerFrame";const La=(e,r)=>({onAnimationEnd:i=>{i.currentTarget.getAttribute("data-swipe")==="end"&&r(!1)},onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:d}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${d}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:i=>{if(!e.current)return;const{y:d}=i.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",`${d}px`)}}),oe=B.bind(wo),ae="purpur-drawer-content",Rt=N.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:r=!1,backButtonText:t,backButtonOnlyIcon:o=!1,bodyText:a,children:n,className:s,closeButtonAriaLabel:i,disableCloseOnClickOutside:d=!1,fitToContent:u=!1,footerContent:f,headerContent:p,onBackButtonClick:v,stickyFooter:m=!1,title:w,zIndex:h,..._},g)=>{const x=oe([s,ae,{[`${ae}--fit-to-content`]:u}]),b=N.useRef(null),y=N.useContext(st),{onAnimationEnd:E,onSwipeStart:P,onSwipeMove:S,onSwipeCancel:A,onSwipeEnd:C}=La(b,y),R=W=>{d&&W.preventDefault()};return l.jsx(ao,{children:l.jsx(io,{className:oe("purpur-drawer-overlay"),style:h?{zIndex:h}:void 0,"data-testid":`${e}-overlay`,children:l.jsx(so,{onPointerDownOutside:R,className:x,"data-testid":e,ref:g,...!a&&{"aria-describedby":void 0},..._,children:l.jsx(Pt,{backButton:r,backButtonText:t,backButtonOnlyIcon:o,closeButtonAriaLabel:i,className:oe(`${ae}__drawer-frame`),fitToContent:u,footerContent:f,headerContent:p,ref:b,onAnimationEnd:E,onBackButtonClick:v,onSwipeStart:P,onSwipeMove:S,onSwipeCancel:A,onSwipeEnd:C,stickyFooter:m,title:w,children:a?l.jsxs("div",{className:oe(`${ae}__content-container`),children:[l.jsx(co,{className:oe(`${ae}__description`),"data-testid":`${e}-description`,children:a}),l.jsx("div",{children:n})]}):n})})})})});Rt.displayName="DrawerContent";const Nt=N.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:r,className:t,...o},a)=>l.jsx(oo,{asChild:!0,className:t,"data-testid":e,ref:a,...o,children:r}));Nt.displayName="DrawerTrigger";const $a=B.bind(vo),Ma="purpur-drawer",xe=({["data-testid"]:e="purpur-drawer",children:r,className:t,onOpenChange:o,open:a=!1,...n})=>{const[s,i]=N.useState(a),d=$a([t,Ma]),u=f=>{i(f),o==null||o(f)};return N.useEffect(()=>{i(a)},[a]),l.jsx(st.Provider,{value:u,children:l.jsx("div",{className:d,"data-testid":e,...n,children:l.jsx(no,{open:s,onOpenChange:u,children:r})})})};xe.Trigger=Nt;xe.Content=Rt;xe.displayName="Drawer";exports.Drawer=xe;
66
66
  //# sourceMappingURL=drawer.cjs.js.map