@purpurds/accordion 5.8.1 → 5.8.2

package/dist/LICENSE.txt

@@ -1,5 +1,5 @@
 Name: @purpurds/heading
-Version: 5.8.0
+Version: 5.8.1
 License: AGPL-3.0-only
 Private: false
 
@@ -202,13 +202,13 @@ SOFTWARE.
 ---
 
 Name: @purpurds/icon
-Version: 5.8.0
+Version: 5.8.1
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/paragraph
-Version: 5.8.0
+Version: 5.8.1
 License: AGPL-3.0-only
 Private: false

package/dist/accordion.cjs.js

@@ -2,17 +2,17 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o(s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(oe);var Pe=oe.exports;const we=Ie(Pe),O={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},Se={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},T="purpur-heading",ae=({["data-testid"]:e,children:r,className:n="",enableHyphenation:o=!1,negative:i=!1,tag:t,variant:c=Se.TITLE100,...s})=>{const u=t,l=we([n,O[T],O[`${T}--${c}`],{[O[`${T}--hyphens`]]:o,[O[`${T}--negative`]]:i}]);return C.jsx(u,{...s,className:l,"data-testid":e,children:r})};function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function F(e,r=[]){let n=[];function o(t,c){const s=a.createContext(c),u=n.length;n=[...n,c];function l(p){const{scope:$,children:f,...b}=p,x=($==null?void 0:$[e][u])||s,g=a.useMemo(()=>b,Object.values(b));return a.createElement(x.Provider,{value:g},f)}function d(p,$){const f=($==null?void 0:$[e][u])||s,b=a.useContext(f);if(b)return b;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${t}\``)}return l.displayName=t+"Provider",[l,d]}const i=()=>{const t=n.map(c=>a.createContext(c));return function(s){const u=(s==null?void 0:s[e])||t;return a.useMemo(()=>({[`__scope${e}`]:{...s,[e]:u}}),[s,u])}};return i.scopeName=e,[o,Re(i,...r)]}function Re(...e){const r=e[0];if(e.length===1)return r;const n=()=>{const o=e.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(t){const c=o.reduce((s,{useScope:u,scopeName:l})=>{const p=u(t)[`__scope${l}`];return{...s,...p}},{});return a.useMemo(()=>({[`__scope${r.scopeName}`]:c}),[c])}};return n.scopeName=r.scopeName,n}function Oe(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function ce(...e){return r=>e.forEach(n=>Oe(n,r))}function S(...e){return a.useCallback(ce(...e),e)}const q=a.forwardRef((e,r)=>{const{children:n,...o}=e,i=a.Children.toArray(n),t=i.find(Me);if(t){const c=t.props.children,s=i.map(u=>u===t?a.Children.count(c)>1?a.Children.only(null):a.isValidElement(c)?c.props.children:null:u);return a.createElement(G,h({},o,{ref:r}),a.isValidElement(c)?a.cloneElement(c,void 0,s):null)}return a.createElement(G,h({},o,{ref:r}),n)});q.displayName="Slot";const G=a.forwardRef((e,r)=>{const{children:n,...o}=e;return a.isValidElement(n)?a.cloneElement(n,{...qe(o,n.props),ref:r?ce(r,n.ref):n.ref}):a.Children.count(n)>1?a.Children.only(null):null});G.displayName="SlotClone";const Te=({children:e})=>a.createElement(a.Fragment,null,e);function Me(e){return a.isValidElement(e)&&e.type===Te}function qe(e,r){const n={...r};for(const o in r){const i=e[o],t=r[o];/^on[A-Z]/.test(o)?i&&t?n[o]=(...s)=>{t(...s),i(...s)}:i&&(n[o]=i):o==="style"?n[o]={...i,...t}:o==="className"&&(n[o]=[i,t].filter(Boolean).join(" "))}return{...e,...n}}function je(e){const r=e+"CollectionProvider",[n,o]=F(r),[i,t]=n(r,{collectionRef:{current:null},itemMap:new Map}),c=f=>{const{scope:b,children:x}=f,g=a.useRef(null),_=a.useRef(new Map).current;return a.createElement(i,{scope:b,itemMap:_,collectionRef:g},x)},s=e+"CollectionSlot",u=a.forwardRef((f,b)=>{const{scope:x,children:g}=f,_=t(s,x),m=S(b,_.collectionRef);return a.createElement(q,{ref:m},g)}),l=e+"CollectionItemSlot",d="data-radix-collection-item",p=a.forwardRef((f,b)=>{const{scope:x,children:g,..._}=f,m=a.useRef(null),v=S(b,m),y=t(l,x);return a.useEffect(()=>(y.itemMap.set(m,{ref:m,..._}),()=>void y.itemMap.delete(m))),a.createElement(q,{[d]:"",ref:v},g)});function $(f){const b=t(e+"CollectionConsumer",f);return a.useCallback(()=>{const g=b.collectionRef.current;if(!g)return[];const _=Array.from(g.querySelectorAll(`[${d}]`));return Array.from(b.itemMap.values()).sort((y,I)=>_.indexOf(y.ref.current)-_.indexOf(I.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:u,ItemSlot:p},$,o]}function ie(e,r,{checkForDefaultPrevented:n=!0}={}){return function(i){if(e==null||e(i),n===!1||!i.defaultPrevented)return r==null?void 0:r(i)}}function se(e){const r=a.useRef(e);return a.useEffect(()=>{r.current=e}),a.useMemo(()=>(...n)=>{var o;return(o=r.current)===null||o===void 0?void 0:o.call(r,...n)},[])}function K({prop:e,defaultProp:r,onChange:n=()=>{}}){const[o,i]=De({defaultProp:r,onChange:n}),t=e!==void 0,c=t?e:o,s=se(n),u=a.useCallback(l=>{if(t){const p=typeof l=="function"?l(e):l;p!==e&&s(p)}else i(l)},[t,e,i,s]);return[c,u]}function De({defaultProp:e,onChange:r}){const n=a.useState(e),[o]=n,i=a.useRef(o),t=se(r);return a.useEffect(()=>{i.current!==o&&(t(o),i.current=o)},[o,i,t]),n}const ke=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],R=ke.reduce((e,r)=>{const n=a.forwardRef((o,i)=>{const{asChild:t,...c}=o,s=t?q:r;return a.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),a.createElement(s,h({},c,{ref:i}))});return n.displayName=`Primitive.${r}`,{...e,[r]:n}},{}),j=globalThis!=null&&globalThis.document?a.useLayoutEffect:()=>{};function Le(e,r){return a.useReducer((n,o)=>{const i=r[n][o];return i??n},e)}const le=e=>{const{present:r,children:n}=e,o=Ve(r),i=typeof n=="function"?n({present:o.isPresent}):a.Children.only(n),t=S(o.ref,i.ref);return typeof n=="function"||o.isPresent?a.cloneElement(i,{ref:t}):null};le.displayName="Presence";function Ve(e){const[r,n]=a.useState(),o=a.useRef({}),i=a.useRef(e),t=a.useRef("none"),c=e?"mounted":"unmounted",[s,u]=Le(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return a.useEffect(()=>{const l=M(o.current);t.current=s==="mounted"?l:"none"},[s]),j(()=>{const l=o.current,d=i.current;if(d!==e){const $=t.current,f=M(l);e?u("MOUNT"):f==="none"||(l==null?void 0:l.display)==="none"?u("UNMOUNT"):u(d&&$!==f?"ANIMATION_OUT":"UNMOUNT"),i.current=e}},[e,u]),j(()=>{if(r){const l=p=>{const f=M(o.current).includes(p.animationName);p.target===r&&f&&Ee.flushSync(()=>u("ANIMATION_END"))},d=p=>{p.target===r&&(t.current=M(o.current))};return r.addEventListener("animationstart",d),r.addEventListener("animationcancel",l),r.addEventListener("animationend",l),()=>{r.removeEventListener("animationstart",d),r.removeEventListener("animationcancel",l),r.removeEventListener("animationend",l)}}else u("ANIMATION_END")},[r,u]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:a.useCallback(l=>{l&&(o.current=getComputedStyle(l)),n(l)},[])}}function M(e){return(e==null?void 0:e.animationName)||"none"}const Ue=re.useId||(()=>{});let Be=0;function ue(e){const[r,n]=re.useState(Ue());return j(()=>{n(o=>o??String(Be++))},[e]),r?`radix-${r}`:""}const pe="Collapsible",[He,de]=F(pe),[Ge,Z]=He(pe),ze=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,open:o,defaultOpen:i,disabled:t,onOpenChange:c,...s}=e,[u=!1,l]=K({prop:o,defaultProp:i,onChange:c});return a.createElement(Ge,{scope:n,disabled:t,contentId:ue(),open:u,onOpenToggle:a.useCallback(()=>l(d=>!d),[l])},a.createElement(R.div,h({"data-state":W(u),"data-disabled":t?"":void 0},s,{ref:r})))}),Fe="CollapsibleTrigger",Ke=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,...o}=e,i=Z(Fe,n);return a.createElement(R.button,h({type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":W(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled},o,{ref:r,onClick:ie(e.onClick,i.onOpenToggle)}))}),fe="CollapsibleContent",Ze=a.forwardRef((e,r)=>{const{forceMount:n,...o}=e,i=Z(fe,e.__scopeCollapsible);return a.createElement(le,{present:n||i.open},({present:t})=>a.createElement(We,h({},o,{ref:r,present:t})))}),We=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,present:o,children:i,...t}=e,c=Z(fe,n),[s,u]=a.useState(o),l=a.useRef(null),d=S(r,l),p=a.useRef(0),$=p.current,f=a.useRef(0),b=f.current,x=c.open||s,g=a.useRef(x),_=a.useRef();return a.useEffect(()=>{const m=requestAnimationFrame(()=>g.current=!1);return()=>cancelAnimationFrame(m)},[]),j(()=>{const m=l.current;if(m){_.current=_.current||{transitionDuration:m.style.transitionDuration,animationName:m.style.animationName},m.style.transitionDuration="0s",m.style.animationName="none";const v=m.getBoundingClientRect();p.current=v.height,f.current=v.width,g.current||(m.style.transitionDuration=_.current.transitionDuration,m.style.animationName=_.current.animationName),u(o)}},[c.open,o]),a.createElement(R.div,h({"data-state":W(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!x},t,{ref:d,style:{"--radix-collapsible-content-height":$?`${$}px`:void 0,"--radix-collapsible-content-width":b?`${b}px`:void 0,...e.style}}),x&&i)});function W(e){return e?"open":"closed"}const Ye=ze,Je=Ke,Qe=Ze,Xe=a.createContext(void 0);function et(e){const r=a.useContext(Xe);return e||r||"ltr"}const E="Accordion",tt=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[Y,nt,rt]=je(E),[D,Gt]=F(E,[rt,de]),J=de(),be=a.forwardRef((e,r)=>{const{type:n,...o}=e,i=o,t=o;return a.createElement(Y.Provider,{scope:e.__scopeAccordion},n==="multiple"?a.createElement(it,h({},t,{ref:r})):a.createElement(ct,h({},i,{ref:r})))});be.propTypes={type(e){const r=e.value||e.defaultValue;return e.type&&!["single","multiple"].includes(e.type)?new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."):e.type==="multiple"&&typeof r=="string"?new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."):e.type==="single"&&Array.isArray(r)?new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."):null}};const[me,ot]=D(E),[$e,at]=D(E,{collapsible:!1}),ct=a.forwardRef((e,r)=>{const{value:n,defaultValue:o,onValueChange:i=()=>{},collapsible:t=!1,...c}=e,[s,u]=K({prop:n,defaultProp:o,onChange:i});return a.createElement(me,{scope:e.__scopeAccordion,value:s?[s]:[],onItemOpen:u,onItemClose:a.useCallback(()=>t&&u(""),[t,u])},a.createElement($e,{scope:e.__scopeAccordion,collapsible:t},a.createElement(_e,h({},c,{ref:r}))))}),it=a.forwardRef((e,r)=>{const{value:n,defaultValue:o,onValueChange:i=()=>{},...t}=e,[c=[],s]=K({prop:n,defaultProp:o,onChange:i}),u=a.useCallback(d=>s((p=[])=>[...p,d]),[s]),l=a.useCallback(d=>s((p=[])=>p.filter($=>$!==d)),[s]);return a.createElement(me,{scope:e.__scopeAccordion,value:c,onItemOpen:u,onItemClose:l},a.createElement($e,{scope:e.__scopeAccordion,collapsible:!0},a.createElement(_e,h({},t,{ref:r}))))}),[st,k]=D(E),_e=a.forwardRef((e,r)=>{const{__scopeAccordion:n,disabled:o,dir:i,orientation:t="vertical",...c}=e,s=a.useRef(null),u=S(s,r),l=nt(n),p=et(i)==="ltr",$=ie(e.onKeyDown,f=>{var b;if(!tt.includes(f.key))return;const x=f.target,g=l().filter(U=>{var B;return!((B=U.ref.current)!==null&&B!==void 0&&B.disabled)}),_=g.findIndex(U=>U.ref.current===x),m=g.length;if(_===-1)return;f.preventDefault();let v=_;const y=0,I=m-1,L=()=>{v=_+1,v>I&&(v=y)},V=()=>{v=_-1,v<y&&(v=I)};switch(f.key){case"Home":v=y;break;case"End":v=I;break;case"ArrowRight":t==="horizontal"&&(p?L():V());break;case"ArrowDown":t==="vertical"&&L();break;case"ArrowLeft":t==="horizontal"&&(p?V():L());break;case"ArrowUp":t==="vertical"&&V();break}const Ae=v%m;(b=g[Ae].ref.current)===null||b===void 0||b.focus()});return a.createElement(st,{scope:n,disabled:o,direction:i,orientation:t},a.createElement(Y.Slot,{scope:n},a.createElement(R.div,h({},c,{"data-orientation":t,ref:u,onKeyDown:o?void 0:$}))))}),z="AccordionItem",[lt,Q]=D(z),ut=a.forwardRef((e,r)=>{const{__scopeAccordion:n,value:o,...i}=e,t=k(z,n),c=ot(z,n),s=J(n),u=ue(),l=o&&c.value.includes(o)||!1,d=t.disabled||e.disabled;return a.createElement(lt,{scope:n,open:l,disabled:d,triggerId:u},a.createElement(Ye,h({"data-orientation":t.orientation,"data-state":he(l)},s,i,{ref:r,disabled:d,open:l,onOpenChange:p=>{p?c.onItemOpen(o):c.onItemClose(o)}})))}),pt="AccordionHeader",dt=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=k(E,n),t=Q(pt,n);return a.createElement(R.h3,h({"data-orientation":i.orientation,"data-state":he(t.open),"data-disabled":t.disabled?"":void 0},o,{ref:r}))}),ee="AccordionTrigger",ft=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=k(E,n),t=Q(ee,n),c=at(ee,n),s=J(n);return a.createElement(Y.ItemSlot,{scope:n},a.createElement(Je,h({"aria-disabled":t.open&&!c.collapsible||void 0,"data-orientation":i.orientation,id:t.triggerId},s,o,{ref:r})))}),bt="AccordionContent",mt=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=k(E,n),t=Q(bt,n),c=J(n);return a.createElement(Qe,h({role:"region","aria-labelledby":t.triggerId,"data-orientation":i.orientation},c,o,{ref:r,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}}))});function he(e){return e?"open":"closed"}const $t=be,_t=ut,ht=dt,gt=ft,vt=mt;function xt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ge={exports:{}};/*!
+*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o(s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(oe);var Pe=oe.exports;const we=Ie(Pe),O={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},Se={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},T="purpur-heading",ae=({["data-testid"]:e,children:r,className:n="",enableHyphenation:o=!1,negative:i=!1,tag:t,variant:c=Se.TITLE100,...s})=>{const u=t,l=we([n,O[T],O[`${T}--${c}`],{[O[`${T}--hyphens`]]:o,[O[`${T}--negative`]]:i}]);return C.jsx(u,{...s,className:l,"data-testid":e,children:r})};function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function F(e,r=[]){let n=[];function o(t,c){const s=a.createContext(c),u=n.length;n=[...n,c];function l(p){const{scope:$,children:f,...b}=p,x=($==null?void 0:$[e][u])||s,g=a.useMemo(()=>b,Object.values(b));return a.createElement(x.Provider,{value:g},f)}function d(p,$){const f=($==null?void 0:$[e][u])||s,b=a.useContext(f);if(b)return b;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${t}\``)}return l.displayName=t+"Provider",[l,d]}const i=()=>{const t=n.map(c=>a.createContext(c));return function(s){const u=(s==null?void 0:s[e])||t;return a.useMemo(()=>({[`__scope${e}`]:{...s,[e]:u}}),[s,u])}};return i.scopeName=e,[o,Re(i,...r)]}function Re(...e){const r=e[0];if(e.length===1)return r;const n=()=>{const o=e.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(t){const c=o.reduce((s,{useScope:u,scopeName:l})=>{const p=u(t)[`__scope${l}`];return{...s,...p}},{});return a.useMemo(()=>({[`__scope${r.scopeName}`]:c}),[c])}};return n.scopeName=r.scopeName,n}function Oe(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function ce(...e){return r=>e.forEach(n=>Oe(n,r))}function S(...e){return a.useCallback(ce(...e),e)}const j=a.forwardRef((e,r)=>{const{children:n,...o}=e,i=a.Children.toArray(n),t=i.find(Me);if(t){const c=t.props.children,s=i.map(u=>u===t?a.Children.count(c)>1?a.Children.only(null):a.isValidElement(c)?c.props.children:null:u);return a.createElement(H,h({},o,{ref:r}),a.isValidElement(c)?a.cloneElement(c,void 0,s):null)}return a.createElement(H,h({},o,{ref:r}),n)});j.displayName="Slot";const H=a.forwardRef((e,r)=>{const{children:n,...o}=e;return a.isValidElement(n)?a.cloneElement(n,{...je(o,n.props),ref:r?ce(r,n.ref):n.ref}):a.Children.count(n)>1?a.Children.only(null):null});H.displayName="SlotClone";const Te=({children:e})=>a.createElement(a.Fragment,null,e);function Me(e){return a.isValidElement(e)&&e.type===Te}function je(e,r){const n={...r};for(const o in r){const i=e[o],t=r[o];/^on[A-Z]/.test(o)?i&&t?n[o]=(...s)=>{t(...s),i(...s)}:i&&(n[o]=i):o==="style"?n[o]={...i,...t}:o==="className"&&(n[o]=[i,t].filter(Boolean).join(" "))}return{...e,...n}}function ke(e){const r=e+"CollectionProvider",[n,o]=F(r),[i,t]=n(r,{collectionRef:{current:null},itemMap:new Map}),c=f=>{const{scope:b,children:x}=f,g=a.useRef(null),_=a.useRef(new Map).current;return a.createElement(i,{scope:b,itemMap:_,collectionRef:g},x)},s=e+"CollectionSlot",u=a.forwardRef((f,b)=>{const{scope:x,children:g}=f,_=t(s,x),m=S(b,_.collectionRef);return a.createElement(j,{ref:m},g)}),l=e+"CollectionItemSlot",d="data-radix-collection-item",p=a.forwardRef((f,b)=>{const{scope:x,children:g,..._}=f,m=a.useRef(null),v=S(b,m),y=t(l,x);return a.useEffect(()=>(y.itemMap.set(m,{ref:m,..._}),()=>void y.itemMap.delete(m))),a.createElement(j,{[d]:"",ref:v},g)});function $(f){const b=t(e+"CollectionConsumer",f);return a.useCallback(()=>{const g=b.collectionRef.current;if(!g)return[];const _=Array.from(g.querySelectorAll(`[${d}]`));return Array.from(b.itemMap.values()).sort((y,I)=>_.indexOf(y.ref.current)-_.indexOf(I.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:u,ItemSlot:p},$,o]}function ie(e,r,{checkForDefaultPrevented:n=!0}={}){return function(i){if(e==null||e(i),n===!1||!i.defaultPrevented)return r==null?void 0:r(i)}}function se(e){const r=a.useRef(e);return a.useEffect(()=>{r.current=e}),a.useMemo(()=>(...n)=>{var o;return(o=r.current)===null||o===void 0?void 0:o.call(r,...n)},[])}function K({prop:e,defaultProp:r,onChange:n=()=>{}}){const[o,i]=De({defaultProp:r,onChange:n}),t=e!==void 0,c=t?e:o,s=se(n),u=a.useCallback(l=>{if(t){const p=typeof l=="function"?l(e):l;p!==e&&s(p)}else i(l)},[t,e,i,s]);return[c,u]}function De({defaultProp:e,onChange:r}){const n=a.useState(e),[o]=n,i=a.useRef(o),t=se(r);return a.useEffect(()=>{i.current!==o&&(t(o),i.current=o)},[o,i,t]),n}const Le=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],R=Le.reduce((e,r)=>{const n=a.forwardRef((o,i)=>{const{asChild:t,...c}=o,s=t?j:r;return a.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),a.createElement(s,h({},c,{ref:i}))});return n.displayName=`Primitive.${r}`,{...e,[r]:n}},{}),k=globalThis!=null&&globalThis.document?a.useLayoutEffect:()=>{};function qe(e,r){return a.useReducer((n,o)=>{const i=r[n][o];return i??n},e)}const le=e=>{const{present:r,children:n}=e,o=Ve(r),i=typeof n=="function"?n({present:o.isPresent}):a.Children.only(n),t=S(o.ref,i.ref);return typeof n=="function"||o.isPresent?a.cloneElement(i,{ref:t}):null};le.displayName="Presence";function Ve(e){const[r,n]=a.useState(),o=a.useRef({}),i=a.useRef(e),t=a.useRef("none"),c=e?"mounted":"unmounted",[s,u]=qe(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return a.useEffect(()=>{const l=M(o.current);t.current=s==="mounted"?l:"none"},[s]),k(()=>{const l=o.current,d=i.current;if(d!==e){const $=t.current,f=M(l);e?u("MOUNT"):f==="none"||(l==null?void 0:l.display)==="none"?u("UNMOUNT"):u(d&&$!==f?"ANIMATION_OUT":"UNMOUNT"),i.current=e}},[e,u]),k(()=>{if(r){const l=p=>{const f=M(o.current).includes(p.animationName);p.target===r&&f&&Ee.flushSync(()=>u("ANIMATION_END"))},d=p=>{p.target===r&&(t.current=M(o.current))};return r.addEventListener("animationstart",d),r.addEventListener("animationcancel",l),r.addEventListener("animationend",l),()=>{r.removeEventListener("animationstart",d),r.removeEventListener("animationcancel",l),r.removeEventListener("animationend",l)}}else u("ANIMATION_END")},[r,u]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:a.useCallback(l=>{l&&(o.current=getComputedStyle(l)),n(l)},[])}}function M(e){return(e==null?void 0:e.animationName)||"none"}const Ue=re.useId||(()=>{});let ze=0;function ue(e){const[r,n]=re.useState(Ue());return k(()=>{n(o=>o??String(ze++))},[e]),r?`radix-${r}`:""}const pe="Collapsible",[Be,de]=F(pe),[He,Z]=Be(pe),Ge=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,open:o,defaultOpen:i,disabled:t,onOpenChange:c,...s}=e,[u=!1,l]=K({prop:o,defaultProp:i,onChange:c});return a.createElement(He,{scope:n,disabled:t,contentId:ue(),open:u,onOpenToggle:a.useCallback(()=>l(d=>!d),[l])},a.createElement(R.div,h({"data-state":W(u),"data-disabled":t?"":void 0},s,{ref:r})))}),Fe="CollapsibleTrigger",Ke=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,...o}=e,i=Z(Fe,n);return a.createElement(R.button,h({type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":W(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled},o,{ref:r,onClick:ie(e.onClick,i.onOpenToggle)}))}),fe="CollapsibleContent",Ze=a.forwardRef((e,r)=>{const{forceMount:n,...o}=e,i=Z(fe,e.__scopeCollapsible);return a.createElement(le,{present:n||i.open},({present:t})=>a.createElement(We,h({},o,{ref:r,present:t})))}),We=a.forwardRef((e,r)=>{const{__scopeCollapsible:n,present:o,children:i,...t}=e,c=Z(fe,n),[s,u]=a.useState(o),l=a.useRef(null),d=S(r,l),p=a.useRef(0),$=p.current,f=a.useRef(0),b=f.current,x=c.open||s,g=a.useRef(x),_=a.useRef();return a.useEffect(()=>{const m=requestAnimationFrame(()=>g.current=!1);return()=>cancelAnimationFrame(m)},[]),k(()=>{const m=l.current;if(m){_.current=_.current||{transitionDuration:m.style.transitionDuration,animationName:m.style.animationName},m.style.transitionDuration="0s",m.style.animationName="none";const v=m.getBoundingClientRect();p.current=v.height,f.current=v.width,g.current||(m.style.transitionDuration=_.current.transitionDuration,m.style.animationName=_.current.animationName),u(o)}},[c.open,o]),a.createElement(R.div,h({"data-state":W(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!x},t,{ref:d,style:{"--radix-collapsible-content-height":$?`${$}px`:void 0,"--radix-collapsible-content-width":b?`${b}px`:void 0,...e.style}}),x&&i)});function W(e){return e?"open":"closed"}const Ye=Ge,Je=Ke,Qe=Ze,Xe=a.createContext(void 0);function et(e){const r=a.useContext(Xe);return e||r||"ltr"}const E="Accordion",tt=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[Y,nt,rt]=ke(E),[D,Ht]=F(E,[rt,de]),J=de(),be=a.forwardRef((e,r)=>{const{type:n,...o}=e,i=o,t=o;return a.createElement(Y.Provider,{scope:e.__scopeAccordion},n==="multiple"?a.createElement(it,h({},t,{ref:r})):a.createElement(ct,h({},i,{ref:r})))});be.propTypes={type(e){const r=e.value||e.defaultValue;return e.type&&!["single","multiple"].includes(e.type)?new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."):e.type==="multiple"&&typeof r=="string"?new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."):e.type==="single"&&Array.isArray(r)?new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."):null}};const[me,ot]=D(E),[$e,at]=D(E,{collapsible:!1}),ct=a.forwardRef((e,r)=>{const{value:n,defaultValue:o,onValueChange:i=()=>{},collapsible:t=!1,...c}=e,[s,u]=K({prop:n,defaultProp:o,onChange:i});return a.createElement(me,{scope:e.__scopeAccordion,value:s?[s]:[],onItemOpen:u,onItemClose:a.useCallback(()=>t&&u(""),[t,u])},a.createElement($e,{scope:e.__scopeAccordion,collapsible:t},a.createElement(_e,h({},c,{ref:r}))))}),it=a.forwardRef((e,r)=>{const{value:n,defaultValue:o,onValueChange:i=()=>{},...t}=e,[c=[],s]=K({prop:n,defaultProp:o,onChange:i}),u=a.useCallback(d=>s((p=[])=>[...p,d]),[s]),l=a.useCallback(d=>s((p=[])=>p.filter($=>$!==d)),[s]);return a.createElement(me,{scope:e.__scopeAccordion,value:c,onItemOpen:u,onItemClose:l},a.createElement($e,{scope:e.__scopeAccordion,collapsible:!0},a.createElement(_e,h({},t,{ref:r}))))}),[st,L]=D(E),_e=a.forwardRef((e,r)=>{const{__scopeAccordion:n,disabled:o,dir:i,orientation:t="vertical",...c}=e,s=a.useRef(null),u=S(s,r),l=nt(n),p=et(i)==="ltr",$=ie(e.onKeyDown,f=>{var b;if(!tt.includes(f.key))return;const x=f.target,g=l().filter(U=>{var z;return!((z=U.ref.current)!==null&&z!==void 0&&z.disabled)}),_=g.findIndex(U=>U.ref.current===x),m=g.length;if(_===-1)return;f.preventDefault();let v=_;const y=0,I=m-1,q=()=>{v=_+1,v>I&&(v=y)},V=()=>{v=_-1,v<y&&(v=I)};switch(f.key){case"Home":v=y;break;case"End":v=I;break;case"ArrowRight":t==="horizontal"&&(p?q():V());break;case"ArrowDown":t==="vertical"&&q();break;case"ArrowLeft":t==="horizontal"&&(p?V():q());break;case"ArrowUp":t==="vertical"&&V();break}const Ae=v%m;(b=g[Ae].ref.current)===null||b===void 0||b.focus()});return a.createElement(st,{scope:n,disabled:o,direction:i,orientation:t},a.createElement(Y.Slot,{scope:n},a.createElement(R.div,h({},c,{"data-orientation":t,ref:u,onKeyDown:o?void 0:$}))))}),G="AccordionItem",[lt,Q]=D(G),ut=a.forwardRef((e,r)=>{const{__scopeAccordion:n,value:o,...i}=e,t=L(G,n),c=ot(G,n),s=J(n),u=ue(),l=o&&c.value.includes(o)||!1,d=t.disabled||e.disabled;return a.createElement(lt,{scope:n,open:l,disabled:d,triggerId:u},a.createElement(Ye,h({"data-orientation":t.orientation,"data-state":he(l)},s,i,{ref:r,disabled:d,open:l,onOpenChange:p=>{p?c.onItemOpen(o):c.onItemClose(o)}})))}),pt="AccordionHeader",dt=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=L(E,n),t=Q(pt,n);return a.createElement(R.h3,h({"data-orientation":i.orientation,"data-state":he(t.open),"data-disabled":t.disabled?"":void 0},o,{ref:r}))}),ee="AccordionTrigger",ft=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=L(E,n),t=Q(ee,n),c=at(ee,n),s=J(n);return a.createElement(Y.ItemSlot,{scope:n},a.createElement(Je,h({"aria-disabled":t.open&&!c.collapsible||void 0,"data-orientation":i.orientation,id:t.triggerId},s,o,{ref:r})))}),bt="AccordionContent",mt=a.forwardRef((e,r)=>{const{__scopeAccordion:n,...o}=e,i=L(E,n),t=Q(bt,n),c=J(n);return a.createElement(Qe,h({role:"region","aria-labelledby":t.triggerId,"data-orientation":i.orientation},c,o,{ref:r,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}}))});function he(e){return e?"open":"closed"}const $t=be,_t=ut,ht=dt,gt=ft,vt=mt;function xt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ge={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o.call(this,s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,this&&this[s]||s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(ge);var Ct=ge.exports;const ve=xt(Ct),yt={"purpur-accordion":"_purpur-accordion_1dpt9_1","purpur-accordion__title":"_purpur-accordion__title_1dpt9_1","purpur-accordion--negative":"_purpur-accordion--negative_1dpt9_10"};function At(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};/*!
+*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o.call(this,s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,this&&this[s]||s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(ge);var Ct=ge.exports;const ve=xt(Ct),yt={"purpur-accordion":"_purpur-accordion_u887g_1","purpur-accordion__title":"_purpur-accordion__title_u887g_4","purpur-accordion--negative":"_purpur-accordion--negative_u887g_13"};function At(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xe={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o.call(this,s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,this&&this[s]||s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(xe);var Et=xe.exports;const Nt=At(Et),It={"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"},Pt={name:"chevron-down",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["chevron-down"],category:"utility"},Ce=e=>C.jsx(Mt,{...e,svg:Pt});Ce.displayName="IconChevronDown";const wt=Nt.bind(It),te="purpur-icon",St="md",Rt=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),Ot=({content:e="",title:r}={})=>{const n=[{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 ${Rt(n)}>${o}${e}</svg>`},Tt=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Mt=({["data-testid"]:e,svg:r,allyTitle:n,className:o="",size:i=St,...t})=>{const c=Ot({content:Tt(r.svg),title:n}),s=wt(o,te,`${te}--${i}`);return C.jsx("span",{"aria-label":n,className:s,"data-testid":e,dangerouslySetInnerHTML:{__html:c},...t})};function qt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ye={exports:{}};/*!
+*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o.call(this,s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,this&&this[s]||s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(xe);var Et=xe.exports;const Nt=At(Et),It={"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"},Pt={name:"chevron-down",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["chevron-down"],category:"utility"},Ce=e=>C.jsx(Mt,{...e,svg:Pt});Ce.displayName="IconChevronDown";const wt=Nt.bind(It),te="purpur-icon",St="md",Rt=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),Ot=({content:e="",title:r}={})=>{const n=[{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 ${Rt(n)}>${o}${e}</svg>`},Tt=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Mt=({["data-testid"]:e,svg:r,allyTitle:n,className:o="",size:i=St,...t})=>{const c=Ot({content:Tt(r.svg),title:n}),s=wt(o,te,`${te}--${i}`);return C.jsx("span",{"aria-label":n,className:s,"data-testid":e,dangerouslySetInnerHTML:{__html:c},...t})};function jt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ye={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o(s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(ye);var jt=ye.exports;const Dt=qt(jt),P={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},kt={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},w="purpur-paragraph",Lt=({["data-testid"]:e,children:r,className:n="",disabled:o,enableHyphenation:i=!1,negative:t=!1,variant:c=kt.PARAGRAPH100,...s})=>{const u=Dt([n,P[w],P[`${w}--${c}`],{[P[`${w}--hyphens`]]:i,[P[`${w}--disabled`]]:o,[P[`${w}--negative`]]:t}]);return C.jsx("p",{...s,className:u,"data-testid":e,children:r})},Vt="_slideDown_1oq6q_1",Ut="_slideUp_1oq6q_1",Bt={"purpur-accordion-item":"_purpur-accordion-item_1oq6q_1","purpur-accordion-item__header":"_purpur-accordion-item__header_1oq6q_8","purpur-accordion-item__trigger":"_purpur-accordion-item__trigger_1oq6q_11","purpur-accordion-item__content":"_purpur-accordion-item__content_1oq6q_39",slideDown:Vt,slideUp:Ut,"purpur-accordion-item__contentText":"_purpur-accordion-item__contentText_1oq6q_48","purpur-accordion-item__icon":"_purpur-accordion-item__icon_1oq6q_52","purpur-accordion-item__title":"_purpur-accordion-item__title_1oq6q_65","purpur-accordion-item--negative":"_purpur-accordion-item--negative_1oq6q_87"},N=ve.bind(Bt),A="purpur-accordion-item",Ht=({children:e,className:r,title:n,titleTag:o="h3",negative:i,onClick:t,...c})=>{const s=N([r,A,{[`${A}--negative`]:i}]);return C.jsxs(_t,{className:s,value:n,...c,children:[C.jsx(ht,{className:N(`${A}__header`),asChild:!0,children:C.jsx(ae,{tag:o,variant:"title-100",className:N(`${A}__title`),children:C.jsxs(gt,{onClick:t,className:N(`${A}__trigger`,r),children:[n,C.jsx(Ce,{size:"md",className:N(`${A}__icon`),"aria-hidden":!0})]})})}),C.jsx(vt,{className:N(`${A}__content`,r),children:C.jsx("div",{className:N(`${A}__contentText`),children:typeof e=="string"?C.jsx(Lt,{variant:"paragraph-200",children:e}):e})})]})},ne=ve.bind(yt),H="purpur-accordion",X=({["data-testid"]:e,children:r,className:n,negative:o=!1,title:i,titleTag:t="h2",titleVariant:c="title-300"})=>{const s=ne([n,H,{[`${H}--negative`]:o}]),u=()=>a.Children.map(r,l=>a.cloneElement(l,{negative:o}));return C.jsxs($t,{className:s,type:"multiple","data-testid":e,children:[i?C.jsx(ae,{tag:t,variant:c,className:ne(`${H}__title`),children:i}):null,u()]})};X.Item=Ht;X.displayName="Accordion";exports.Accordion=X;
+*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(t=i(t,o(s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var c="";for(var s in t)r.call(t,s)&&t[s]&&(c=i(c,s));return c}function i(t,c){return c?t?t+" "+c:t+c:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(ye);var kt=ye.exports;const Dt=jt(kt),P={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},Lt={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},w="purpur-paragraph",qt=({["data-testid"]:e,children:r,className:n="",disabled:o,enableHyphenation:i=!1,negative:t=!1,variant:c=Lt.PARAGRAPH100,...s})=>{const u=Dt([n,P[w],P[`${w}--${c}`],{[P[`${w}--hyphens`]]:i,[P[`${w}--disabled`]]:o,[P[`${w}--negative`]]:t}]);return C.jsx("p",{...s,className:u,"data-testid":e,children:r})},Vt="_slideDown_aukzj_1",Ut="_slideUp_aukzj_1",zt={"purpur-accordion-item":"_purpur-accordion-item_aukzj_1","purpur-accordion-item__header":"_purpur-accordion-item__header_aukzj_8","purpur-accordion-item__trigger":"_purpur-accordion-item__trigger_aukzj_11","purpur-accordion-item__content":"_purpur-accordion-item__content_aukzj_41",slideDown:Vt,slideUp:Ut,"purpur-accordion-item__contentText":"_purpur-accordion-item__contentText_aukzj_50","purpur-accordion-item__icon":"_purpur-accordion-item__icon_aukzj_54","purpur-accordion-item__title":"_purpur-accordion-item__title_aukzj_67","purpur-accordion-item--negative":"_purpur-accordion-item--negative_aukzj_88"},N=ve.bind(zt),A="purpur-accordion-item",Bt=({children:e,className:r,title:n,titleTag:o="h3",negative:i,onClick:t,...c})=>{const s=N([r,A,{[`${A}--negative`]:i}]);return C.jsxs(_t,{className:s,value:n,...c,children:[C.jsx(ht,{className:N(`${A}__header`),asChild:!0,children:C.jsx(ae,{tag:o,variant:"title-100",className:N(`${A}__title`),children:C.jsxs(gt,{onClick:t,className:N(`${A}__trigger`,r),children:[n,C.jsx(Ce,{size:"md",className:N(`${A}__icon`),"aria-hidden":!0})]})})}),C.jsx(vt,{className:N(`${A}__content`,r),children:C.jsx("div",{className:N(`${A}__contentText`),children:typeof e=="string"?C.jsx(qt,{variant:"paragraph-200",children:e}):e})})]})},ne=ve.bind(yt),B="purpur-accordion",X=({["data-testid"]:e,children:r,className:n,negative:o=!1,title:i,titleTag:t="h2",titleVariant:c="title-300"})=>{const s=ne([n,B,{[`${B}--negative`]:o}]),u=()=>a.Children.map(r,l=>a.cloneElement(l,{negative:o}));return C.jsxs($t,{className:s,type:"multiple","data-testid":e,children:[i?C.jsx(ae,{tag:t,variant:c,className:ne(`${B}__title`),children:i}):null,u()]})};X.Item=Bt;X.displayName="Accordion";exports.Accordion=X;
 //# sourceMappingURL=accordion.cjs.js.map

package/dist/accordion.es.js

@@ -1,8 +1,8 @@
 import { jsx as A, jsxs as X } from "react/jsx-runtime";
 import * as be from "react";
-import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as G, forwardRef as S, Children as w, isValidElement as U, cloneElement as F, Fragment as ke, useRef as C, useEffect as q, useState as re, useLayoutEffect as je, useReducer as Ve } from "react";
+import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as H, forwardRef as S, Children as w, isValidElement as U, cloneElement as G, Fragment as Le, useRef as C, useEffect as k, useState as re, useLayoutEffect as qe, useReducer as Ve } from "react";
 import { flushSync as Ue } from "react-dom";
-function Be(e) {
+function ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var _e = { exports: {} };
@@ -41,8 +41,8 @@ var _e = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(_e);
-var He = _e.exports;
-const Ge = /* @__PURE__ */ Be(He), L = {
+var Be = _e.exports;
+const He = /* @__PURE__ */ ze(Be), j = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,7 +58,7 @@ const Ge = /* @__PURE__ */ Be(He), L = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, Fe = {
+}, Ge = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,23 +67,23 @@ const Ge = /* @__PURE__ */ Be(He), L = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, k = "purpur-heading", me = ({
+}, L = "purpur-heading", me = ({
   ["data-testid"]: e,
   children: r,
   className: n = "",
   enableHyphenation: o = !1,
   negative: c = !1,
   tag: t,
-  variant: a = Fe.TITLE100,
+  variant: a = Ge.TITLE100,
   ...i
 }) => {
-  const l = t, s = Ge([
+  const l = t, s = He([
     n,
-    L[k],
-    L[`${k}--${a}`],
+    j[L],
+    j[`${L}--${a}`],
     {
-      [L[`${k}--hyphens`]]: o,
-      [L[`${k}--negative`]]: c
+      [j[`${L}--hyphens`]]: o,
+      [j[`${L}--negative`]]: c
     }
   ]);
   return /* @__PURE__ */ A(l, { ...i, className: s, "data-testid": e, children: r });
@@ -148,10 +148,10 @@ function oe(e, r = []) {
   };
   return c.scopeName = e, [
     o,
-    ze(c, ...r)
+    Fe(c, ...r)
   ];
 }
-function ze(...e) {
+function Fe(...e) {
   const r = e[0];
   if (e.length === 1)
     return r;
@@ -191,30 +191,30 @@ function he(...e) {
   );
 }
 function M(...e) {
-  return G(he(...e), e);
+  return H(he(...e), e);
 }
-const B = /* @__PURE__ */ S((e, r) => {
+const z = /* @__PURE__ */ S((e, r) => {
   const { children: n, ...o } = e, c = w.toArray(n), t = c.find(We);
   if (t) {
     const a = t.props.children, i = c.map((l) => l === t ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : l);
     return /* @__PURE__ */ y(te, h({}, o, {
       ref: r
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ F(a, void 0, i) : null);
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
   }
   return /* @__PURE__ */ y(te, h({}, o, {
     ref: r
   }), n);
 });
-B.displayName = "Slot";
+z.displayName = "Slot";
 const te = /* @__PURE__ */ S((e, r) => {
   const { children: n, ...o } = e;
-  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ F(n, {
+  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ G(n, {
     ...Ye(o, n.props),
     ref: r ? he(r, n.ref) : n.ref
   }) : w.count(n) > 1 ? w.only(null) : null;
 });
 te.displayName = "SlotClone";
-const Ze = ({ children: e }) => /* @__PURE__ */ y(ke, null, e);
+const Ze = ({ children: e }) => /* @__PURE__ */ y(Le, null, e);
 function We(e) {
   return /* @__PURE__ */ U(e) && e.type === Ze;
 }
@@ -254,7 +254,7 @@ function Je(e) {
     }, x);
   }, i = e + "CollectionSlot", l = /* @__PURE__ */ u.forwardRef((f, b) => {
     const { scope: x, children: g } = f, m = t(i, x), $ = M(b, m.collectionRef);
-    return /* @__PURE__ */ u.createElement(B, {
+    return /* @__PURE__ */ u.createElement(z, {
       ref: $
     }, g);
   }), s = e + "CollectionItemSlot", d = "data-radix-collection-item", p = /* @__PURE__ */ u.forwardRef((f, b) => {
@@ -262,7 +262,7 @@ function Je(e) {
     return u.useEffect(() => (N.itemMap.set($, {
       ref: $,
       ...m
-    }), () => void N.itemMap.delete($))), /* @__PURE__ */ u.createElement(B, {
+    }), () => void N.itemMap.delete($))), /* @__PURE__ */ u.createElement(z, {
       [d]: "",
       ref: v
     }, g);
@@ -300,7 +300,7 @@ function ge(e, r, { checkForDefaultPrevented: n = !0 } = {}) {
 }
 function ve(e) {
   const r = C(e);
-  return q(() => {
+  return k(() => {
     r.current = e;
   }), V(
     () => (...n) => {
@@ -315,7 +315,7 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
   const [o, c] = Qe({
     defaultProp: r,
     onChange: n
-  }), t = e !== void 0, a = t ? e : o, i = ve(n), l = G((s) => {
+  }), t = e !== void 0, a = t ? e : o, i = ve(n), l = H((s) => {
     if (t) {
       const p = typeof s == "function" ? s(e) : s;
       p !== e && i(p);
@@ -334,7 +334,7 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
 }
 function Qe({ defaultProp: e, onChange: r }) {
   const n = re(e), [o] = n, c = C(o), t = ve(r);
-  return q(() => {
+  return k(() => {
     c.current !== o && (t(o), c.current = o);
   }, [
     o,
@@ -361,8 +361,8 @@ const Xe = [
   "ul"
 ], D = Xe.reduce((e, r) => {
   const n = /* @__PURE__ */ S((o, c) => {
-    const { asChild: t, ...a } = o, i = t ? B : r;
-    return q(() => {
+    const { asChild: t, ...a } = o, i = t ? z : r;
+    return k(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ y(i, h({}, a, {
       ref: c
@@ -372,7 +372,7 @@ const Xe = [
     ...e,
     [r]: n
   };
-}, {}), H = globalThis != null && globalThis.document ? je : () => {
+}, {}), B = globalThis != null && globalThis.document ? qe : () => {
 };
 function et(e, r) {
   return Ve((n, o) => {
@@ -384,7 +384,7 @@ const xe = (e) => {
   const { present: r, children: n } = e, o = tt(r), c = typeof n == "function" ? n({
     present: o.isPresent
   }) : w.only(n), t = M(o.ref, c.ref);
-  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ F(c, {
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ G(c, {
     ref: t
   }) : null;
 };
@@ -403,29 +403,29 @@ function tt(e) {
       MOUNT: "mounted"
     }
   });
-  return q(() => {
-    const s = j(o.current);
+  return k(() => {
+    const s = q(o.current);
     t.current = i === "mounted" ? s : "none";
   }, [
     i
-  ]), H(() => {
+  ]), B(() => {
     const s = o.current, d = c.current;
     if (d !== e) {
-      const _ = t.current, f = j(s);
+      const _ = t.current, f = q(s);
       e ? l("MOUNT") : f === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(d && _ !== f ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
     }
   }, [
     e,
     l
-  ]), H(() => {
+  ]), B(() => {
     if (r) {
       const s = (p) => {
-        const f = j(o.current).includes(p.animationName);
+        const f = q(o.current).includes(p.animationName);
         p.target === r && f && Ue(
           () => l("ANIMATION_END")
         );
       }, d = (p) => {
-        p.target === r && (t.current = j(o.current));
+        p.target === r && (t.current = q(o.current));
       };
       return r.addEventListener("animationstart", d), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
         r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
@@ -440,12 +440,12 @@ function tt(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: G((s) => {
+    ref: H((s) => {
       s && (o.current = getComputedStyle(s)), n(s);
     }, [])
   };
 }
-function j(e) {
+function q(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 const nt = be.useId || (() => {
@@ -453,7 +453,7 @@ const nt = be.useId || (() => {
 let rt = 0;
 function Ae(e) {
   const [r, n] = be.useState(nt());
-  return H(() => {
+  return B(() => {
     n(
       (o) => o ?? String(rt++)
     );
@@ -472,7 +472,7 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
     disabled: t,
     contentId: Ae(),
     open: l,
-    onOpenToggle: G(
+    onOpenToggle: H(
       () => s(
         (d) => !d
       ),
@@ -513,12 +513,12 @@ const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE_
   );
 }), ut = /* @__PURE__ */ S((e, r) => {
   const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, l] = re(o), s = C(null), d = M(r, s), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
-  return q(() => {
+  return k(() => {
     const $ = requestAnimationFrame(
       () => g.current = !1
     );
     return () => cancelAnimationFrame($);
-  }, []), H(() => {
+  }, []), B(() => {
     const $ = s.current;
     if ($) {
       m.current = m.current || {
@@ -560,7 +560,7 @@ const I = "Accordion", _t = [
   "ArrowUp",
   "ArrowLeft",
   "ArrowRight"
-], [se, mt, ht] = Je(I), [z, ln] = oe(I, [
+], [se, mt, ht] = Je(I), [F, ln] = oe(I, [
   ht,
   Ce
 ]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
@@ -582,7 +582,7 @@ Ee.propTypes = {
     ].includes(e.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : e.type === "multiple" && typeof r == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : e.type === "single" && Array.isArray(r) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
   }
 };
-const [Ie, gt] = z(I), [Pe, vt] = z(I, {
+const [Ie, gt] = F(I), [Pe, vt] = F(I, {
   collapsible: !1
 }), xt = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { value: n, defaultValue: o, onValueChange: c = () => {
@@ -647,7 +647,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
   }, /* @__PURE__ */ u.createElement(we, h({}, t, {
     ref: r
   }))));
-}), [yt, K] = z(I), we = /* @__PURE__ */ u.forwardRef((e, r) => {
+}), [yt, K] = F(I), we = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null), l = M(i, r), s = mt(n), p = $t(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
     var b;
     if (!_t.includes(f.key))
@@ -687,8 +687,8 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
         t === "vertical" && W();
         break;
     }
-    const Le = v % $;
-    (b = g[Le].ref.current) === null || b === void 0 || b.focus();
+    const je = v % $;
+    (b = g[je].ref.current) === null || b === void 0 || b.focus();
   });
   return /* @__PURE__ */ u.createElement(yt, {
     scope: n,
@@ -702,7 +702,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
     ref: l,
     onKeyDown: o ? void 0 : _
   }))));
-}), ne = "AccordionItem", [Ct, ue] = z(ne), Nt = /* @__PURE__ */ u.forwardRef((e, r) => {
+}), ne = "AccordionItem", [Ct, ue] = F(ne), Nt = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = gt(ne, n), i = le(n), l = Ae(), s = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
   return /* @__PURE__ */ u.createElement(Ct, {
     scope: n,
@@ -758,7 +758,7 @@ const [Ie, gt] = z(I), [Pe, vt] = z(I, {
 function Se(e) {
   return e ? "open" : "closed";
 }
-const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, qt = St;
+const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, kt = St;
 function Dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -798,13 +798,13 @@ var Oe = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Oe);
-var Lt = Oe.exports;
-const Re = /* @__PURE__ */ Dt(Lt), kt = {
-  "purpur-accordion": "_purpur-accordion_1dpt9_1",
-  "purpur-accordion__title": "_purpur-accordion__title_1dpt9_1",
-  "purpur-accordion--negative": "_purpur-accordion--negative_1dpt9_10"
+var jt = Oe.exports;
+const Re = /* @__PURE__ */ Dt(jt), Lt = {
+  "purpur-accordion": "_purpur-accordion_u887g_1",
+  "purpur-accordion__title": "_purpur-accordion__title_u887g_4",
+  "purpur-accordion--negative": "_purpur-accordion--negative_u887g_13"
 };
-function jt(e) {
+function qt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Te = { exports: {} };
@@ -844,7 +844,7 @@ var Te = { exports: {} };
   })();
 })(Te);
 var Vt = Te.exports;
-const Ut = /* @__PURE__ */ jt(Vt), Bt = {
+const Ut = /* @__PURE__ */ qt(Vt), zt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -852,7 +852,7 @@ const Ut = /* @__PURE__ */ jt(Vt), Bt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ht = {
+}, Bt = {
   name: "chevron-down",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
@@ -861,30 +861,30 @@ const Ut = /* @__PURE__ */ jt(Vt), Bt = {
   Wt,
   {
     ...e,
-    svg: Ht
+    svg: Bt
   }
 );
 Me.displayName = "IconChevronDown";
-const Gt = Ut.bind(Bt), de = "purpur-icon", Ft = "md", zt = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Kt = ({ content: e = "", title: r } = {}) => {
+const Ht = Ut.bind(zt), de = "purpur-icon", Gt = "md", Ft = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Kt = ({ content: e = "", title: r } = {}) => {
   const n = [
     { 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 ${zt(n)}>${o}${e}</svg>`;
+  return `<svg ${Ft(n)}>${o}${e}</svg>`;
 }, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Wt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: n,
   className: o = "",
-  size: c = Ft,
+  size: c = Gt,
   ...t
 }) => {
   const a = Kt({
     content: Zt(r.svg),
     title: n
-  }), i = Gt(o, de, `${de}--${c}`);
+  }), i = Ht(o, de, `${de}--${c}`);
   return /* @__PURE__ */ A(
     "span",
     {
@@ -899,7 +899,7 @@ const Gt = Ut.bind(Bt), de = "purpur-icon", Ft = "md", zt = (e) => e.filter((r)
 function Yt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var qe = { exports: {} };
+var ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -934,8 +934,8 @@ var qe = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(qe);
-var Jt = qe.exports;
+})(ke);
+var Jt = ke.exports;
 const Qt = /* @__PURE__ */ Yt(Jt), R = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
@@ -983,17 +983,17 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
     }
   ]);
   return /* @__PURE__ */ A("p", { ...i, className: l, "data-testid": e, children: r });
-}, tn = "_slideDown_1oq6q_1", nn = "_slideUp_1oq6q_1", rn = {
-  "purpur-accordion-item": "_purpur-accordion-item_1oq6q_1",
-  "purpur-accordion-item__header": "_purpur-accordion-item__header_1oq6q_8",
-  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1oq6q_11",
-  "purpur-accordion-item__content": "_purpur-accordion-item__content_1oq6q_39",
+}, tn = "_slideDown_aukzj_1", nn = "_slideUp_aukzj_1", rn = {
+  "purpur-accordion-item": "_purpur-accordion-item_aukzj_1",
+  "purpur-accordion-item__header": "_purpur-accordion-item__header_aukzj_8",
+  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_aukzj_11",
+  "purpur-accordion-item__content": "_purpur-accordion-item__content_aukzj_41",
   slideDown: tn,
   slideUp: nn,
-  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1oq6q_48",
-  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_1oq6q_52",
-  "purpur-accordion-item__title": "_purpur-accordion-item__title_1oq6q_65",
-  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1oq6q_87"
+  "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_aukzj_50",
+  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_aukzj_54",
+  "purpur-accordion-item__title": "_purpur-accordion-item__title_aukzj_67",
+  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_aukzj_88"
 }, P = Re.bind(rn), E = "purpur-accordion-item", on = ({
   children: e,
   className: r,
@@ -1022,9 +1022,9 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
         ]
       }
     ) }) }),
-    /* @__PURE__ */ A(qt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
+    /* @__PURE__ */ A(kt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
   ] });
-}, fe = Re.bind(kt), Q = "purpur-accordion", De = ({
+}, fe = Re.bind(Lt), Q = "purpur-accordion", De = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1039,7 +1039,7 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
     {
       [`${Q}--negative`]: o
     }
-  ]), l = () => w.map(r, (s) => F(s, {
+  ]), l = () => w.map(r, (s) => G(s, {
     negative: o
   }));
   return /* @__PURE__ */ X(Ot, { className: i, type: "multiple", "data-testid": e, children: [

package/dist/styles.css

@@ -1 +1 @@
-._purpur-accordion_1dpt9_1 ._purpur-accordion__title_1dpt9_1{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@media screen and (min-width: 600px){._purpur-accordion_1dpt9_1 ._purpur-accordion__title_1dpt9_1{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_1dpt9_10{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_1dpt9_10 ._purpur-accordion__title_1dpt9_1{color:var(--purpur-color-text-default-negative)}._purpur-accordion-item_1oq6q_1{overflow:hidden;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_1oq6q_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_1oq6q_8{display:flex}._purpur-accordion-item__trigger_1oq6q_11{border:none;padding:0;width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;background-color:transparent;transition:background-color var(--purpur-motion-duration-150) ease;display:flex;align-items:center;justify-content:space-between;padding:var(--purpur-spacing-200) var(--purpur-spacing-200) var(--purpur-spacing-200) 0;cursor:pointer;outline:none}@media screen and (min-width: 600px){._purpur-accordion-item__trigger_1oq6q_11{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@media screen and (min-width: 1024px){._purpur-accordion-item__trigger_1oq6q_11{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__content_1oq6q_39{overflow:hidden}._purpur-accordion-item__content_1oq6q_39[data-state=open]{animation:_slideDown_1oq6q_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__content_1oq6q_39[data-state=closed]{animation:_slideUp_1oq6q_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__contentText_1oq6q_48{padding:var(--purpur-spacing-200) 0;max-width:calc(var(--purpur-spacing-1200) / .16)}._purpur-accordion-item__icon_1oq6q_52{flex-shrink:0;height:var(--purpur-spacing-300);width:var(--purpur-spacing-300);transition:transform var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__trigger_1oq6q_11[data-state=open]>._purpur-accordion-item__icon_1oq6q_52{transform:rotate(180deg)}._purpur-accordion-item_1oq6q_1:has(:focus-visible){outline:none;box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-accordion-item_1oq6q_1 ._purpur-accordion-item__title_1oq6q_65{max-width:100%;text-align:left}._purpur-accordion-item_1oq6q_1 ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item__icon_1oq6q_52{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__trigger_1oq6q_11:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_1oq6q_11:hover ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item__trigger_1oq6q_11:hover__icon{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_1oq6q_11:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_1oq6q_11:active ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item__trigger_1oq6q_11:active__icon{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__contentText_1oq6q_48 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_1oq6q_87{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1oq6q_87:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__icon_1oq6q_52{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:hover ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:hover ._purpur-accordion-item__icon_1oq6q_52{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:active ._purpur-accordion-item__title_1oq6q_65,._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__trigger_1oq6q_11:active ._purpur-accordion-item__icon_1oq6q_52{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_1oq6q_87 ._purpur-accordion-item__contentText_1oq6q_48 p{color:var(--purpur-color-text-default-negative)}@keyframes _slideDown_1oq6q_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_1oq6q_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}
+._purpur-accordion_u887g_1{container:accordion/inline-size}._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@container accordion (min-width: 600px){._purpur-accordion_u887g_1 ._purpur-accordion__title_u887g_4{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_u887g_13{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_u887g_13 ._purpur-accordion__title_u887g_4{color:var(--purpur-color-text-default-negative)}._purpur-accordion-item_aukzj_1{overflow:hidden;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_aukzj_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_aukzj_8{display:flex}._purpur-accordion-item__trigger_aukzj_11{border:none;padding:0;width:100%;text-align:left;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;background-color:transparent;transition:background-color var(--purpur-motion-duration-150) ease;display:flex;align-items:center;justify-content:space-between;column-gap:var(--purpur-spacing-100);padding:var(--purpur-spacing-200) var(--purpur-spacing-200) var(--purpur-spacing-200) 0;cursor:pointer;outline:none}@container accordion (min-width: 600px){._purpur-accordion-item__trigger_aukzj_11{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0}}@container accordion (min-width: 1024px){._purpur-accordion-item__trigger_aukzj_11{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__content_aukzj_41{overflow:hidden}._purpur-accordion-item__content_aukzj_41[data-state=open]{animation:_slideDown_aukzj_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__content_aukzj_41[data-state=closed]{animation:_slideUp_aukzj_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__contentText_aukzj_50{padding:var(--purpur-spacing-200) 0;max-width:calc(var(--purpur-spacing-1200) / .16)}._purpur-accordion-item__icon_aukzj_54{flex-shrink:0;height:var(--purpur-spacing-300);width:var(--purpur-spacing-300);transition:transform var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__trigger_aukzj_11[data-state=open]>._purpur-accordion-item__icon_aukzj_54{transform:rotate(180deg)}._purpur-accordion-item_aukzj_1:has(:focus-visible){outline:none;box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus)}._purpur-accordion-item_aukzj_1 ._purpur-accordion-item__title_aukzj_67{max-width:100%}._purpur-accordion-item_aukzj_1 ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item__icon_aukzj_54{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__trigger_aukzj_11:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_aukzj_11:hover ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item__trigger_aukzj_11:hover__icon{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_aukzj_11:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_aukzj_11:active ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item__trigger_aukzj_11:active__icon{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__contentText_aukzj_50 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_aukzj_88{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_aukzj_88:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__icon_aukzj_54{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:hover ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:hover ._purpur-accordion-item__icon_aukzj_54{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:active ._purpur-accordion-item__title_aukzj_67,._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__trigger_aukzj_11:active ._purpur-accordion-item__icon_aukzj_54{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_aukzj_88 ._purpur-accordion-item__contentText_aukzj_50 p{color:var(--purpur-color-text-default-negative)}@keyframes _slideDown_aukzj_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_aukzj_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/accordion",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "license": "AGPL-3.0-only",
   "main": "./dist/accordion.cjs.js",
   "types": "./dist/accordion.d.ts",
@@ -16,10 +16,10 @@
   "dependencies": {
     "classnames": "~2.5.0",
     "@radix-ui/react-accordion": "~1.1.2",
-    "@purpurds/tokens": "5.8.1",
-    "@purpurds/heading": "5.8.1",
-    "@purpurds/paragraph": "5.8.1",
-    "@purpurds/icon": "5.8.1"
+    "@purpurds/tokens": "5.8.2",
+    "@purpurds/heading": "5.8.2",
+    "@purpurds/icon": "5.8.2",
+    "@purpurds/paragraph": "5.8.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",

package/src/accordion-item.module.scss

@@ -17,6 +17,7 @@
     border: none;
     padding: 0;
     width: 100%;
+    text-align: left;
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
@@ -27,15 +28,16 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    column-gap: var(--purpur-spacing-100);
     padding: var(--purpur-spacing-200) var(--purpur-spacing-200) var(--purpur-spacing-200) 0;
     cursor: pointer;
     outline: none;
 
-    @media screen and (min-width: #{$purpur-breakpoint-md}) {
+    @container accordion (min-width: #{$purpur-breakpoint-md}) {
       padding: var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-300) 0;
     }
 
-    @media screen and (min-width: #{$purpur-breakpoint-lg}) {
+    @container accordion (min-width: #{$purpur-breakpoint-lg}) {
       padding: var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0;
     }
   }
@@ -75,7 +77,6 @@
 
   #{$root}__title {
     max-width: 100%;
-    text-align: left;
   }
 
   #{$root}__title,

package/src/accordion.module.scss

@@ -3,11 +3,13 @@
 .purpur-accordion {
   $root: &;
 
+  container: accordion / inline-size;
+
   #{$root}__title {
     margin-bottom: var(--purpur-spacing-300);
     color: var(--purpur-color-text-default);
 
-    @media screen and (min-width: #{$purpur-breakpoint-md}) {
+    @container accordion (min-width: #{$purpur-breakpoint-md}) {
       margin-bottom: var(--purpur-spacing-400);
     }
   }