@purpurds/accordion 5.8.0 → 5.8.2

package/dist/LICENSE.txt

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

package/dist/accordion.cjs.js

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),a=require("react"),Ee=require("react-dom");function Ne(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const re=Ne(a);function Ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var oe={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),a=require("react"),Ee=require("react-dom");function Ne(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const re=Ne(a);function Ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var oe={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})()})(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 y.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(z,h({},o,{ref:r}),a.isValidElement(c)?a.cloneElement(c,void 0,s):null)}return a.createElement(z,h({},o,{ref:r}),n)});j.displayName="Slot";const z=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});z.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 De(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),C=t(l,x);return a.useEffect(()=>(C.itemMap.set(m,{ref:m,..._}),()=>void C.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((C,I)=>_.indexOf(C.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]=ke({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 ke({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}},{}),D=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]),D(()=>{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]),D(()=>{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 D(()=>{n(o=>o??String(Be++))},[e]),r?`radix-${r}`:""}const pe="Collapsible",[He,de]=F(pe),[ze,Z]=He(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(ze,{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)},[]),D(()=>{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]=De(E),[k,zt]=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]=k(E),[$e,at]=k(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]=k(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 C=0,I=m-1,q=()=>{v=_+1,v>I&&(v=C)},V=()=>{v=_-1,v<C&&(v=I)};switch(f.key){case"Home":v=C;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]=k(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:{}};/*!
+*/(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 yt=ge.exports;const ve=xt(yt),Ct={"purpur-accordion":"_purpur-accordion_1y3zx_1","purpur-accordion__title":"_purpur-accordion__title_1y3zx_1","purpur-accordion--negative":"_purpur-accordion--negative_1y3zx_11"};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"},ye=e=>y.jsx(Mt,{...e,svg:Pt});ye.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 y.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 Ce={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})()})(Ce);var Dt=Ce.exports;const kt=jt(Dt),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=kt([n,P[w],P[`${w}--${c}`],{[P[`${w}--hyphens`]]:i,[P[`${w}--disabled`]]:o,[P[`${w}--negative`]]:t}]);return y.jsx("p",{...s,className:u,"data-testid":e,children:r})},Vt="_slideDown_1vvn6_1",Ut="_slideUp_1vvn6_1",Bt={"purpur-accordion-item":"_purpur-accordion-item_1vvn6_1","purpur-accordion-item__header":"_purpur-accordion-item__header_1vvn6_8","purpur-accordion-item__trigger":"_purpur-accordion-item__trigger_1vvn6_11","purpur-accordion-item__content":"_purpur-accordion-item__content_1vvn6_39",slideDown:Vt,slideUp:Ut,"purpur-accordion-item__contentText":"_purpur-accordion-item__contentText_1vvn6_48","purpur-accordion-item__icon":"_purpur-accordion-item__icon_1vvn6_52","purpur-accordion-item__title":"_purpur-accordion-item__title_1vvn6_65","purpur-accordion-item--negative":"_purpur-accordion-item--negative_1vvn6_86"},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 y.jsxs(_t,{className:s,value:n,...c,children:[y.jsx(ht,{className:N(`${A}__header`),asChild:!0,children:y.jsx(ae,{tag:o,variant:"title-100",className:N(`${A}__title`),children:y.jsxs(gt,{onClick:t,className:N(`${A}__trigger`,r),children:[n,y.jsx(ye,{size:"md",className:N(`${A}__icon`),"aria-hidden":!0})]})})}),y.jsx(vt,{className:N(`${A}__content`,r),children:y.jsx("div",{className:N(`${A}__contentText`),children:typeof e=="string"?y.jsx(qt,{variant:"paragraph-200",children:e}):e})})]})},ne=ve.bind(Ct),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 y.jsxs($t,{className:s,type:"multiple","data-testid":e,children:[i?y.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 y, jsxs as X } from "react/jsx-runtime";
+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 A, useContext as $e, useCallback as G, forwardRef as S, Children as w, isValidElement as U, cloneElement as z, Fragment as je, useRef as C, useEffect as D, useState as re, useLayoutEffect as qe, 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), k = {
+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), k = {
   "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"
-}, ze = {
+}, Ge = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,26 +67,26 @@ const Ge = /* @__PURE__ */ Be(He), k = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, j = "purpur-heading", me = ({
+}, L = "purpur-heading", me = ({
   ["data-testid"]: e,
   children: r,
   className: n = "",
   enableHyphenation: o = !1,
   negative: c = !1,
   tag: t,
-  variant: a = ze.TITLE100,
+  variant: a = Ge.TITLE100,
   ...i
 }) => {
-  const l = t, s = Ge([
+  const l = t, s = He([
     n,
-    k[j],
-    k[`${j}--${a}`],
+    j[L],
+    j[`${L}--${a}`],
     {
-      [k[`${j}--hyphens`]]: o,
-      [k[`${j}--negative`]]: c
+      [j[`${L}--hyphens`]]: o,
+      [j[`${L}--negative`]]: c
     }
   ]);
-  return /* @__PURE__ */ y(l, { ...i, className: s, "data-testid": e, children: r });
+  return /* @__PURE__ */ A(l, { ...i, className: s, "data-testid": e, children: r });
 };
 function h() {
   return h = Object.assign ? Object.assign.bind() : function(e) {
@@ -111,7 +111,7 @@ function oe(e, r = []) {
         () => b,
         Object.values(b)
       );
-      return /* @__PURE__ */ A(x.Provider, {
+      return /* @__PURE__ */ y(x.Provider, {
         value: g
       }, f);
     }
@@ -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__ */ A(te, h({}, o, {
+    return /* @__PURE__ */ y(te, h({}, o, {
       ref: r
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ z(a, void 0, i) : null);
+    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ G(a, void 0, i) : null);
   }
-  return /* @__PURE__ */ A(te, h({}, o, {
+  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__ */ z(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__ */ A(je, 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 D(() => {
+  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 D(() => {
+  return k(() => {
     c.current !== o && (t(o), c.current = o);
   }, [
     o,
@@ -359,12 +359,12 @@ const Xe = [
   "span",
   "svg",
   "ul"
-], L = Xe.reduce((e, r) => {
+], D = Xe.reduce((e, r) => {
   const n = /* @__PURE__ */ S((o, c) => {
-    const { asChild: t, ...a } = o, i = t ? B : r;
-    return D(() => {
+    const { asChild: t, ...a } = o, i = t ? z : r;
+    return k(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ A(i, h({}, a, {
+    }, []), /* @__PURE__ */ y(i, h({}, a, {
       ref: c
     }));
   });
@@ -372,7 +372,7 @@ const Xe = [
     ...e,
     [r]: n
   };
-}, {}), H = globalThis != null && globalThis.document ? qe : () => {
+}, {}), 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__ */ z(c, {
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ G(c, {
     ref: t
   }) : null;
 };
@@ -403,12 +403,12 @@ function tt(e) {
       MOUNT: "mounted"
     }
   });
-  return D(() => {
+  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 = q(s);
@@ -417,7 +417,7 @@ function tt(e) {
   }, [
     e,
     l
-  ]), H(() => {
+  ]), B(() => {
     if (r) {
       const s = (p) => {
         const f = q(o.current).includes(p.animationName);
@@ -440,7 +440,7 @@ function tt(e) {
       "mounted",
       "unmountSuspended"
     ].includes(i),
-    ref: G((s) => {
+    ref: H((s) => {
       s && (o.current = getComputedStyle(s)), n(s);
     }, [])
   };
@@ -451,9 +451,9 @@ function q(e) {
 const nt = be.useId || (() => {
 });
 let rt = 0;
-function ye(e) {
+function Ae(e) {
   const [r, n] = be.useState(nt());
-  return H(() => {
+  return B(() => {
     n(
       (o) => o ?? String(rt++)
     );
@@ -461,18 +461,18 @@ function ye(e) {
     e
   ]), r ? `radix-${r}` : "";
 }
-const Ae = "Collapsible", [ot, Ce] = oe(Ae), [at, ce] = ot(Ae), ct = /* @__PURE__ */ S((e, r) => {
+const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE__ */ S((e, r) => {
   const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [l = !1, s] = ae({
     prop: o,
     defaultProp: c,
     onChange: a
   });
-  return /* @__PURE__ */ A(at, {
+  return /* @__PURE__ */ y(at, {
     scope: n,
     disabled: t,
-    contentId: ye(),
+    contentId: Ae(),
     open: l,
-    onOpenToggle: G(
+    onOpenToggle: H(
       () => s(
         (d) => !d
       ),
@@ -480,7 +480,7 @@ const Ae = "Collapsible", [ot, Ce] = oe(Ae), [at, ce] = ot(Ae), ct = /* @__PURE_
         s
       ]
     )
-  }, /* @__PURE__ */ A(L.div, h({
+  }, /* @__PURE__ */ y(D.div, h({
     "data-state": ie(l),
     "data-disabled": t ? "" : void 0
   }, i, {
@@ -488,7 +488,7 @@ const Ae = "Collapsible", [ot, Ce] = oe(Ae), [at, ce] = ot(Ae), ct = /* @__PURE_
   })));
 }), it = "CollapsibleTrigger", st = /* @__PURE__ */ S((e, r) => {
   const { __scopeCollapsible: n, ...o } = e, c = ce(it, n);
-  return /* @__PURE__ */ A(L.button, h({
+  return /* @__PURE__ */ y(D.button, h({
     type: "button",
     "aria-controls": c.contentId,
     "aria-expanded": c.open || !1,
@@ -501,24 +501,24 @@ const Ae = "Collapsible", [ot, Ce] = oe(Ae), [at, ce] = ot(Ae), ct = /* @__PURE_
   }));
 }), Ne = "CollapsibleContent", lt = /* @__PURE__ */ S((e, r) => {
   const { forceMount: n, ...o } = e, c = ce(Ne, e.__scopeCollapsible);
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ y(
     xe,
     {
       present: n || c.open
     },
-    ({ present: t }) => /* @__PURE__ */ A(ut, h({}, o, {
+    ({ present: t }) => /* @__PURE__ */ y(ut, h({}, o, {
       ref: r,
       present: t
     }))
   );
 }), 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 D(() => {
+  return k(() => {
     const $ = requestAnimationFrame(
       () => g.current = !1
     );
     return () => cancelAnimationFrame($);
-  }, []), H(() => {
+  }, []), B(() => {
     const $ = s.current;
     if ($) {
       m.current = m.current || {
@@ -531,7 +531,7 @@ const Ae = "Collapsible", [ot, Ce] = oe(Ae), [at, ce] = ot(Ae), ct = /* @__PURE_
   }, [
     a.open,
     o
-  ]), /* @__PURE__ */ A(L.div, h({
+  ]), /* @__PURE__ */ y(D.div, h({
     "data-state": ie(a.open),
     "data-disabled": a.disabled ? "" : void 0,
     id: a.contentId,
@@ -567,7 +567,7 @@ const I = "Accordion", _t = [
   const { type: n, ...o } = e, c = o, t = o;
   return /* @__PURE__ */ u.createElement(se.Provider, {
     scope: e.__scopeAccordion
-  }, n === "multiple" ? /* @__PURE__ */ u.createElement(yt, h({}, t, {
+  }, n === "multiple" ? /* @__PURE__ */ u.createElement(At, h({}, t, {
     ref: r
   })) : /* @__PURE__ */ u.createElement(xt, h({}, c, {
     ref: r
@@ -610,7 +610,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
   }, /* @__PURE__ */ u.createElement(we, h({}, a, {
     ref: r
   }))));
-}), yt = /* @__PURE__ */ u.forwardRef((e, r) => {
+}), At = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { value: n, defaultValue: o, onValueChange: c = () => {
   }, ...t } = e, [a = [], i] = ae({
     prop: n,
@@ -647,7 +647,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
   }, /* @__PURE__ */ u.createElement(we, h({}, t, {
     ref: r
   }))));
-}), [At, K] = F(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,23 +687,23 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
         t === "vertical" && W();
         break;
     }
-    const ke = v % $;
-    (b = g[ke].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(At, {
+  return /* @__PURE__ */ u.createElement(yt, {
     scope: n,
     disabled: o,
     direction: c,
     orientation: t
   }, /* @__PURE__ */ u.createElement(se.Slot, {
     scope: n
-  }, /* @__PURE__ */ u.createElement(L.div, h({}, a, {
+  }, /* @__PURE__ */ u.createElement(D.div, h({}, a, {
     "data-orientation": t,
     ref: l,
     onKeyDown: o ? void 0 : _
   }))));
 }), 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 = ye(), s = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
+  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,
     open: s,
@@ -722,7 +722,7 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
   })));
 }), Et = "AccordionHeader", It = /* @__PURE__ */ u.forwardRef((e, r) => {
   const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Et, n);
-  return /* @__PURE__ */ u.createElement(L.h3, h({
+  return /* @__PURE__ */ u.createElement(D.h3, h({
     "data-orientation": c.orientation,
     "data-state": Se(t.open),
     "data-disabled": t.disabled ? "" : void 0
@@ -758,8 +758,8 @@ const [Ie, gt] = F(I), [Pe, vt] = F(I, {
 function Se(e) {
   return e ? "open" : "closed";
 }
-const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, Dt = St;
-function Lt(e) {
+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;
 }
 var Oe = { exports: {} };
@@ -798,11 +798,11 @@ var Oe = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Oe);
-var kt = Oe.exports;
-const Re = /* @__PURE__ */ Lt(kt), jt = {
-  "purpur-accordion": "_purpur-accordion_1y3zx_1",
-  "purpur-accordion__title": "_purpur-accordion__title_1y3zx_1",
-  "purpur-accordion--negative": "_purpur-accordion--negative_1y3zx_11"
+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 qt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -844,7 +844,7 @@ var Te = { exports: {} };
   })();
 })(Te);
 var Vt = Te.exports;
-const Ut = /* @__PURE__ */ qt(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,20 +852,20 @@ const Ut = /* @__PURE__ */ qt(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"],
   category: "utility"
-}, Me = (e) => /* @__PURE__ */ y(
+}, Me = (e) => /* @__PURE__ */ A(
   Wt,
   {
     ...e,
-    svg: Ht
+    svg: Bt
   }
 );
 Me.displayName = "IconChevronDown";
-const Gt = Ut.bind(Bt), de = "purpur-icon", zt = "md", Ft = (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" },
@@ -878,14 +878,14 @@ const Gt = Ut.bind(Bt), de = "purpur-icon", zt = "md", Ft = (e) => e.filter((r)
   svg: r,
   allyTitle: n,
   className: o = "",
-  size: c = zt,
+  size: c = Gt,
   ...t
 }) => {
   const a = Kt({
     content: Zt(r.svg),
     title: n
-  }), i = Gt(o, de, `${de}--${c}`);
-  return /* @__PURE__ */ y(
+  }), i = Ht(o, de, `${de}--${c}`);
+  return /* @__PURE__ */ A(
     "span",
     {
       "aria-label": n,
@@ -899,7 +899,7 @@ const Gt = Ut.bind(Bt), de = "purpur-icon", zt = "md", Ft = (e) => e.filter((r)
 function Yt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var De = { exports: {} };
+var ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -934,8 +934,8 @@ var De = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(De);
-var Jt = De.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",
@@ -982,18 +982,18 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
       [R[`${T}--negative`]]: t
     }
   ]);
-  return /* @__PURE__ */ y("p", { ...i, className: l, "data-testid": e, children: r });
-}, tn = "_slideDown_1vvn6_1", nn = "_slideUp_1vvn6_1", rn = {
-  "purpur-accordion-item": "_purpur-accordion-item_1vvn6_1",
-  "purpur-accordion-item__header": "_purpur-accordion-item__header_1vvn6_8",
-  "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1vvn6_11",
-  "purpur-accordion-item__content": "_purpur-accordion-item__content_1vvn6_39",
+  return /* @__PURE__ */ A("p", { ...i, className: l, "data-testid": e, children: r });
+}, 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_1vvn6_48",
-  "purpur-accordion-item__icon": "_purpur-accordion-item__icon_1vvn6_52",
-  "purpur-accordion-item__title": "_purpur-accordion-item__title_1vvn6_65",
-  "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1vvn6_86"
+  "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,
@@ -1011,20 +1011,20 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
     }
   ]);
   return /* @__PURE__ */ X(Rt, { className: i, value: n, ...a, children: [
-    /* @__PURE__ */ y(Tt, { className: P(`${E}__header`), asChild: !0, children: /* @__PURE__ */ y(me, { tag: o, variant: "title-100", className: P(`${E}__title`), children: /* @__PURE__ */ X(
+    /* @__PURE__ */ A(Tt, { className: P(`${E}__header`), asChild: !0, children: /* @__PURE__ */ A(me, { tag: o, variant: "title-100", className: P(`${E}__title`), children: /* @__PURE__ */ X(
       Mt,
       {
         onClick: t,
         className: P(`${E}__trigger`, r),
         children: [
           n,
-          /* @__PURE__ */ y(Me, { size: "md", className: P(`${E}__icon`), "aria-hidden": !0 })
+          /* @__PURE__ */ A(Me, { size: "md", className: P(`${E}__icon`), "aria-hidden": !0 })
         ]
       }
     ) }) }),
-    /* @__PURE__ */ y(Dt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ y("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ y(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(jt), Q = "purpur-accordion", Le = ({
+}, fe = Re.bind(Lt), Q = "purpur-accordion", De = ({
   ["data-testid"]: e,
   children: r,
   className: n,
@@ -1039,17 +1039,17 @@ const Qt = /* @__PURE__ */ Yt(Jt), R = {
     {
       [`${Q}--negative`]: o
     }
-  ]), l = () => w.map(r, (s) => z(s, {
+  ]), l = () => w.map(r, (s) => G(s, {
     negative: o
   }));
   return /* @__PURE__ */ X(Ot, { className: i, type: "multiple", "data-testid": e, children: [
-    c ? /* @__PURE__ */ y(me, { tag: t, variant: a, className: fe(`${Q}__title`), children: c }) : null,
+    c ? /* @__PURE__ */ A(me, { tag: t, variant: a, className: fe(`${Q}__title`), children: c }) : null,
     l()
   ] });
 };
-Le.Item = on;
-Le.displayName = "Accordion";
+De.Item = on;
+De.displayName = "Accordion";
 export {
-  Le as Accordion
+  De as Accordion
 };
 //# sourceMappingURL=accordion.es.js.map

package/dist/styles.css

@@ -1 +1 @@
-._purpur-accordion_1y3zx_1 ._purpur-accordion__title_1y3zx_1{max-width:100%;margin-bottom:var(--purpur-spacing-300);color:var(--purpur-color-text-default)}@media screen and (min-width: 600px){._purpur-accordion_1y3zx_1 ._purpur-accordion__title_1y3zx_1{margin-bottom:var(--purpur-spacing-400)}}._purpur-accordion--negative_1y3zx_11{background-color:var(--purpur-color-purple-900)}._purpur-accordion--negative_1y3zx_11 ._purpur-accordion__title_1y3zx_1{color:var(--purpur-color-text-default-negative)}._purpur-accordion-item_1vvn6_1{overflow:hidden;border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item_1vvn6_1:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-accordion-item__header_1vvn6_8{display:flex}._purpur-accordion-item__trigger_1vvn6_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_1vvn6_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_1vvn6_11{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) var(--purpur-spacing-400) 0}}._purpur-accordion-item__content_1vvn6_39{overflow:hidden}._purpur-accordion-item__content_1vvn6_39[data-state=open]{animation:_slideDown_1vvn6_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__content_1vvn6_39[data-state=closed]{animation:_slideUp_1vvn6_1 var(--purpur-motion-duration-150) ease-in-out}._purpur-accordion-item__contentText_1vvn6_48{padding:var(--purpur-spacing-200) 0;max-width:37.5rem}._purpur-accordion-item__icon_1vvn6_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_1vvn6_11[data-state=open]>._purpur-accordion-item__icon_1vvn6_52{transform:rotate(180deg)}._purpur-accordion-item_1vvn6_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__title_1vvn6_65{text-align:left}._purpur-accordion-item_1vvn6_1 ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item__icon_1vvn6_52{color:var(--purpur-color-text-interactive-primary)}._purpur-accordion-item__trigger_1vvn6_11:hover{background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-accordion-item__trigger_1vvn6_11:hover ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item__trigger_1vvn6_11:hover__icon{color:var(--purpur-color-text-interactive-primary-hover)}._purpur-accordion-item__trigger_1vvn6_11:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-accordion-item__trigger_1vvn6_11:active ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item__trigger_1vvn6_11:active__icon{color:var(--purpur-color-text-interactive-primary-active)}._purpur-accordion-item__contentText_1vvn6_48 p{color:var(--purpur-color-text-default)}._purpur-accordion-item--negative_1vvn6_86{border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1vvn6_86:nth-of-type(1){border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak-negative)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__icon_1vvn6_52{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:hover ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:hover ._purpur-accordion-item__icon_1vvn6_52{color:var(--purpur-color-border-interactive-primary-negative-hover)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:active ._purpur-accordion-item__title_1vvn6_65,._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__trigger_1vvn6_11:active ._purpur-accordion-item__icon_1vvn6_52{color:var(--purpur-color-border-interactive-primary-negative-active)}._purpur-accordion-item--negative_1vvn6_86 ._purpur-accordion-item__contentText_1vvn6_48 p{color:var(--purpur-color-text-default-negative)}@keyframes _slideDown_1vvn6_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_1vvn6_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.0",
+  "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/heading": "5.8.0",
-    "@purpurds/icon": "5.8.0",
-    "@purpurds/paragraph": "5.8.0",
-    "@purpurds/tokens": "5.8.0"
+    "@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;
     }
   }
@@ -54,7 +56,7 @@
 
   &__contentText {
     padding: var(--purpur-spacing-200) 0;
-    max-width: 37.5rem;
+    max-width: calc(var(--purpur-spacing-1200) / 0.16);
   }
 
   &__icon {
@@ -73,8 +75,8 @@
     box-shadow: 0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);
   }
 
-  &__title {
-    text-align: left;
+  #{$root}__title {
+    max-width: 100%;
   }
 
   #{$root}__title,

package/src/accordion.module.scss

@@ -3,12 +3,13 @@
 .purpur-accordion {
   $root: &;
 
+  container: accordion / inline-size;
+
   #{$root}__title {
-    max-width: 100%;
     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);
     }
   }
@@ -20,4 +21,4 @@
       color: var(--purpur-color-text-default-negative);
     }
   }
-}
+}