@moondreamsdev/dreamer-ui 1.7.3-test.0 → 1.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),v=require("./utils.cjs.js"),C=require("./QuestionMarkCircled-BYe9_hkd.cjs");function N({id:n,title:r,content:e,children:t,className:a="",disabled:s=!1,isOpen:i=!1,onToggle:l,triggerClassName:c="",bodyClassName:g=""}){const p=u.useId(),d=n||`accordion-item-${p}`,j=`${d}-header`,m=`${d}-panel`,f=()=>{!s&&l&&l()},h=b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),f())};return o.jsxs("div",{className:v.join("border-b border-gray-200",s&&"opacity-60 cursor-not-allowed",a),children:[o.jsxs("button",{id:j,type:"button",className:v.join("w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary",s?"cursor-not-allowed":"hover:bg-gray-50/10 cursor-pointer",c),"aria-expanded":i,"aria-controls":m,disabled:s,onClick:f,onKeyDown:h,children:[o.jsx("span",{children:r}),o.jsx("span",{className:v.join("transform transition-transform duration-300 ease-linear",i?"rotate-180":"rotate-0"),"aria-hidden":"true",children:o.jsx(C.ChevronDown,{size:18})})]}),o.jsx("div",{id:m,role:"region","aria-labelledby":j,className:v.join("transition-all duration-300 ease-linear px-4",i?"max-h-96 opacity-100 overflow-auto py-3":"max-h-0 opacity-0 overflow-hidden",g),children:i&&(t||e)})]})}function z({name:n,items:r=[],children:e,className:t="",itemClassName:a="",allowMultiple:s=!1,defaultOpenItems:i=[],triggersClassName:l="",bodiesClassName:c=""}){const g=u.useId(),p=n||`accordion-group-${g}`,[d,j]=u.useState(new Set(i)),m=b=>{j(y=>{const x=new Set(y);return x.has(b)?x.delete(b):(s||x.clear(),x.add(b)),x})},f=b=>`${g}-item-${b}`,h=b=>d.has(b);return o.jsxs("div",{id:p,className:t,children:[r.length>0&&r.map((b,y)=>{const x=b.id||f(y);return o.jsx(N,{id:x,title:b.title,content:b.content,disabled:b.disabled,isOpen:h(x),onToggle:()=>m(x),className:a,triggerClassName:l,bodyClassName:c},x)}),r.length===0&&e&&u.Children.map(e,(b,y)=>{if(u.isValidElement(b)&&b.type===N){const x=b.props.id||f(y);return u.createElement(N,{...b.props,key:x,id:x,className:v.join(a,b.props.className),isOpen:h(x),onToggle:()=>m(x),triggerClassName:v.join(l,b.props.triggerClassName),bodyClassName:v.join(c,b.props.bodyClassName)})}return null})]})}function S(){const[n,r]=u.useState(0);return u.useEffect(()=>{const e=setInterval(()=>{r(t=>(t+1)%3)},500);return()=>clearInterval(e)},[]),o.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(e=>o.jsx("div",{className:v.join("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",n===e&&"transform -translate-y-1")},e))})}const R={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",danger:"bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground"},B={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},q={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},A={variant:"primary",size:"md",rounded:"md"};function V({variant:n=A.variant,size:r,rounded:e=A.rounded,loading:t,linkTo:a,linkProps:s,type:i="button",className:l,...c}){let g;n==="link"&&!r?g="fitted":g=r||A.size;const d=v.join("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",R[n],B[g],q[e],t&&"relative pointer-events-none",a&&"relative",l);return o.jsxs("button",{...c,role:a?"link":c.role,"aria-label":c["aria-label"]||(s==null?void 0:s["aria-label"]),"aria-description":c["aria-description"]||(s==null?void 0:s["aria-description"]),"aria-disabled":c.disabled||t,"aria-busy":t,type:i,className:d,children:[t&&o.jsx(S,{}),o.jsx("span",{className:v.join(t&&"invisible"),children:c.children}),a&&!c.disabled&&o.jsx("a",{...s,"aria-hidden":!0,href:a,target:(s==null?void 0:s.target)||"_blank",rel:(s==null?void 0:s.rel)||"noreferrer",className:"absolute inset-0"})]})}function F(n){const[r,e]=u.useState(""),t=u.useCallback(a=>{let s=a,i="";for(;s&&!i;){const l=window.getComputedStyle(s).backgroundColor;l&&l!=="transparent"&&l!=="rgba(0, 0, 0, 0)"&&(i=l),s=s.parentElement}return i||"transparent"},[]);return u.useEffect(()=>{const a=document.getElementById(n);if(a){const s=t(a.parentElement);e(s)}},[n,t]),r}function G({ref:n,id:r,size:e=20,color:t,filled:a=!1,rounded:s=!0,checked:i=!1,onCheckedChange:l,disabled:c,className:g="",...p}){const d=u.useId(),j=u.useMemo(()=>r||`checkbox-${d}`,[r,d]),m=F(j),[f,h]=u.useState(i);u.useEffect(()=>{h(i)},[i]);const b=()=>{c||(h(!f),l==null||l(!f))},y=w=>{w.key===" "&&(w.preventDefault(),b())},x=v.join("flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",s&&"rounded",c&&"opacity-40 cursor-not-allowed",!c&&"cursor-pointer",g);return o.jsx("button",{id:j,type:"button",ref:n,tabIndex:0,role:"checkbox",onClick:b,"aria-checked":f,"aria-disabled":c,onKeyDownCapture:y,style:{width:e,height:e,color:t,backgroundColor:f&&a?"currentcolor":"transparent"},className:x,...p,children:f&&o.jsx(C.Check,{size:e,color:a?m:void 0})})}function K({children:n,className:r,linkTo:e,linkProps:t,onButtonClick:a,buttonProps:s,...i}){return e&&a&&console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'),o.jsxs("div",{className:v.join("relative w-fit",r),...i,children:[n,e&&o.jsx("a",{...t,href:e,className:v.join("absolute inset-0",t==null?void 0:t.className),"aria-label":(t==null?void 0:t["aria-label"])||"Navigate to link"}),!e&&a&&o.jsx("button",{...s,type:"button",onClick:a,className:v.join("absolute inset-0 cursor-pointer",s==null?void 0:s.className)})]})}function I({elementId:n,type:r,message:e}){return u.useEffect(()=>{const t=document.getElementById(n);if(t){if(!e&&r==="error"){t.removeAttribute("data-error");return}if(!e&&r==="success"){t.removeAttribute("data-success");return}return t.setAttribute("aria-describedby",`${n}-${r}-message`),t.setAttribute("aria-invalid",r==="error"?"true":"false"),r==="error"&&t.setAttribute("data-error","true"),r==="success"&&t.setAttribute("data-success","true"),()=>{t.removeAttribute("aria-describedby"),t.removeAttribute("aria-invalid"),t.removeAttribute("data-error"),t.removeAttribute("data-success")}}},[n,r,e]),e?o.jsxs("small",{className:v.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",r==="error"&&"text-danger",r==="success"&&"text-success"),role:"status",children:[r==="error"?o.jsx(C.ExclamationTriangle,{}):o.jsx(C.CheckCircled,{}),o.jsx("span",{id:`${n}-${r}-message`,children:e})]}):null}const T={base:"",default:"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success",underline:"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},H={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},$={variant:"default",rounded:"none"};function Q({variant:n=$.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:t,successMessage:a,type:s="text",className:i,...l}){const c=u.useId(),[g,p]=u.useState(!1);let d=r;n==="outline"&&!r&&(d="md"),d=d||$.rounded;const f=v.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all","file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",!e&&T[n],!e&&H[d],s==="password"&&"pr-10",!e&&"px-2 py-1",e&&"pointer-events-none",i);return o.jsxs("div",{className:v.join(e&&"cursor-text"),style:{height:l.height,width:l.width},children:[o.jsxs("div",{className:v.join(s==="password"&&"relative"),children:[o.jsx("input",{...l,id:c,type:s==="password"&&g?"text":s,"aria-disabled":l.disabled,readOnly:e,"aria-readonly":e||l["aria-readonly"],"data-error":t?!0:void 0,"data-success":a?!0:void 0,className:f}),s==="password"&&o.jsx("button",{onClick:()=>p(!g),className:"absolute inset-y-0 right-0 px-2 hover:cursor-pointer","aria-label":"Toggle password visibility","data-state":g?"visible":"hidden",children:g?o.jsx(C.EyeClosed$1,{size:20}):o.jsx(C.EyeClosed,{size:20})})]}),!e&&o.jsx(I,{elementId:c,type:"error",message:t}),!e&&o.jsx(I,{elementId:c,type:"success",message:a})]})}function U({display:n="inline",width:r="fit-content",className:e="",required:t,helpMessage:a,suffix:s,htmlFor:i,children:l,...c}){const g=u.useId(),p=v.join("font-medium",n,e),d=a?`${i??g}-help`:void 0;return o.jsxs("div",{style:{display:n==="inline"?"inline-flex":"flex",width:r},className:"relative",children:[o.jsxs("label",{className:p,htmlFor:i,...c,children:[l,t&&o.jsx("span",{className:"text-red-500 font-medium ml-1","aria-label":"required",children:"*"})]}),a&&o.jsx("span",{className:"text-gray-500 ml-1 size-fit -translate-y-1/3","aria-describedby":d,"aria-label":"Help information",title:a,children:o.jsx(C.QuestionMarkCircled,{})}),a&&o.jsx("div",{id:d,className:"sr-only",children:a}),s&&o.jsx("span",{className:"ml-1",children:s})]})}function W({children:n,ref:r,...e}){if(u.isValidElement(n)){let t={...e};return n.props&&(t={...t,...n.props}),u.cloneElement(n,{...t,ref:a=>{typeof r=="function"?r(a):r&&(r.current=a)}})}return u.createElement("div",{...e,ref:r},n)}function k({itemId:n,checked:r,onChange:e,name:t,disabled:a=!1,className:s=""}){const i="relative inline-flex items-center justify-center rounded-full",l=()=>{a||e()},c=v.join(i,!r&&"hover:border-current/60",!a&&"border-current cursor-pointer",a&&"border-muted/60 cursor-not-allowed",s);return o.jsx("div",{id:n,role:"radio",tabIndex:-1,"aria-checked":r,"aria-disabled":a,"aria-description":`Radio button for ${t}`,"aria-labelledby":`${n}-label`,onClick:l,className:c,style:{width:"1em",height:"1em",padding:"0.1em",borderWidth:"0.06em"},children:r&&o.jsx("div",{className:v.join("size-full aspect-square rounded-full",a&&"bg-muted/60",!a&&"bg-current")})})}function E({value:n,children:r,className:e="",isSelected:t=!1,onChange:a,disabled:s=!1,hideInput:i=!1,description:l,name:c}){const p=`radio-${u.useId()}-${n}`,d=()=>{s||a==null||a(n)};return o.jsxs("div",{title:l,className:v.join("relative flex items-center",e,i&&`p-2 border-2 focus-within:border-dashed focus-within:${s?"border-current/50":"border-current/80"}`,i&&!t&&`border-transparent ${s?"":"not-focus-within:hover:border-border/60"}`,i&&t&&"border-border",s&&"opacity-60 cursor-not-allowed"),style:{gap:"0.5em"},children:[!i&&o.jsx(k,{itemId:p,name:c||"",checked:t,onChange:d,disabled:s,className:v.join(i&&"")}),o.jsx("div",{id:i?p:void 0,tabIndex:i?-1:void 0,role:i?"radio":void 0,onClick:i?d:void 0,"aria-checked":i?t?"true":"false":void 0,"aria-disabled":i?s:void 0,"aria-description":i?l||`Radio button for ${c}`:void 0,"aria-labelledby":i?`${p}-label`:void 0,className:v.join(i&&"size-full",typeof r=="object"&&"grow focus:outline-none"),children:o.jsx("label",{id:`${p}-label`,onClick:i?void 0:d,className:v.join(s&&"cursor-not-allowed",!s&&"cursor-pointer"),children:r})})]})}function _(n,r){const[e,t]=u.useState(r),[a,s]=u.useState(-1),[i,l]=u.useState(!1),c=u.useCallback((m,f)=>{var y;const h=m[f];h.hasAttribute("disabled")||h.getAttribute("aria-disabled")==="true"||((y=m[f])==null||y.click(),s(f))},[]),g=u.useCallback((m,f)=>{var b;if(m.preventDefault(),i||!f.length)return;const h=r!==-1?r:0;(b=f[h])==null||b.focus(),t(h),r!==-1&&c(f,h)},[r,i,c]),p=u.useCallback(m=>{var y;if(!m.shiftKey)return;m.preventDefault();const f=Array.from(document.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter(x=>!x.hasAttribute("disabled")&&x.tabIndex>=0),h=f.findIndex(x=>x.id===n),b=h>0?h-1:f.length-1;(y=f[b])==null||y.focus()},[n]),d=u.useCallback((m,f)=>{var w;if(!f.length)return;const h=m.target;if(!f.some(L=>L.id===h.id))return;const y=e!==-1?e:0;let x=y;switch(m.key){case"ArrowUp":case"ArrowLeft":m.preventDefault(),x=y>0?y-1:f.length-1;break;case"ArrowDown":case"ArrowRight":m.preventDefault(),x=(y+1)%f.length;break;case" ":m.preventDefault(),c(f,y);return;case"Tab":p(m);return;default:return}(w=f[x])==null||w.focus(),t(x),a!==-1&&c(f,x)},[e,a,p,c]),j=u.useCallback(()=>{const m=document.querySelector(`[id="${n}"][role="radiogroup"]`);return m?Array.from(m.querySelectorAll('[role="radio"]')):[]},[n]);u.useEffect(()=>{const m=document.querySelector(`[id="${n}"][role="radiogroup"]`);if(!m)return;const f=j(),h=w=>g(w,f),b=w=>d(w,f),y=()=>l(!0),x=()=>l(!1);return document.addEventListener("keydown",b),m.addEventListener("focus",h),m.addEventListener("mousedown",y),document.addEventListener("mouseup",x),()=>{document.removeEventListener("keydown",b),m.removeEventListener("focus",h),m.removeEventListener("mousedown",y),document.removeEventListener("mouseup",x)}},[n,j,g,d])}function J({options:n=[],value:r,onChange:e,name:t,children:a,className:s="",childrenClassName:i="",hideInputs:l=!1}){const c=u.useId(),g=t||`radio-group-${c}`;_(g,n.findIndex(d=>d===r));const p=u.useMemo(()=>n.reduce((d,j)=>(typeof j=="string"?d.some(m=>m.value===j)||d.push({label:j,value:j}):d.push(j),d),[]),[n]);return o.jsxs("div",{id:g,role:"radiogroup",tabIndex:0,className:v.join(s,"focus:outline-none"),children:[p.length>0&&p.map((d,j)=>o.jsx(E,{value:d.value,isSelected:r===d.value,onChange:e,name:g,disabled:d.disabled,description:d.description,hideInput:l,className:i,children:d.label},`${d.value}-${j}`)),p.length===0&&a&&u.Children.map(a,d=>u.isValidElement(d)&&d.type===E?o.jsx(E,{...d.props,className:v.join(i,d.props.className),hideInput:d.props.hideInput||l,isSelected:r===d.props.value,onChange:e,name:g,children:d.props.children}):null)]})}function X({elementId:n,maxLength:r}){const[e,t]=u.useState(0);return u.useEffect(()=>{const a=document.getElementById(n);if(!a)return;const s=()=>{const i=a.value.length;t(i);const l=i>=r;a.setAttribute("aria-describedby",`${n}-character-count`),a.setAttribute("aria-invalid",l?"true":"false"),l?a.setAttribute("data-error","true"):a.removeAttribute("data-error")};return s(),a.addEventListener("input",s),a.setAttribute("maxlength",String(r)),()=>{a.removeEventListener("input",s),a.removeAttribute("maxlength"),a.removeAttribute("aria-describedby"),a.removeAttribute("aria-invalid"),a.removeAttribute("data-error")}},[n,r]),o.jsx("small",{className:v.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",e>=r&&"text-danger",e<r&&"text-current"),role:"status",children:o.jsxs("span",{id:`${n}-character-count`,children:[e," / ",r," characters"]})})}function Y(n,r){u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;if(!r){e.style.height="auto";return}const t=()=>{e.style.height="auto",e.style.height=`${e.scrollHeight}px`};return t(),e.addEventListener("input",t),e.addEventListener("resize",t),window.addEventListener("resize",t),()=>{e.removeEventListener("input",t),e.removeEventListener("resize",t),window.removeEventListener("resize",t)}},[n,r])}const Z={base:"","left-line":"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},O={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},D={variant:"outline",rounded:"none"};function M({variant:n=D.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:t,successMessage:a,hideResizeHandle:s=!1,autoExpand:i=!1,characterLimit:l=0,className:c,...g}){const p=u.useId();Y(p,i||e);let d=r;n==="outline"&&!r&&(d="md"),d=d||D.rounded;let j=s;(e||n==="left-line"&&!s)&&(j=!0);const f=v.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",!e&&Z[n],!e&&O[d],!e&&"px-2 py-1",e&&"pointer-events-none",j&&"no-resize-handle",c);return o.jsxs("div",{className:v.join("-space-y-1.5",e&&"cursor-text"),children:[o.jsx("textarea",{...g,id:p,"aria-disabled":g.disabled,readOnly:e,"aria-readonly":e||g["aria-readonly"],style:{resize:i?"none":void 0},className:f}),l>0&&o.jsx(X,{elementId:p,maxLength:l}),!e&&o.jsx(I,{elementId:p,type:"error",message:t}),!e&&o.jsx(I,{elementId:p,type:"success",message:a})]})}exports.Accordion=z;exports.AccordionItem=N;exports.Button=V;exports.ButtonLoadingDots=S;exports.Checkbox=G;exports.Clickable=K;exports.Input=Q;exports.Label=U;exports.RadioGroup=J;exports.RadioGroupItem=E;exports.RadioInput=k;exports.Slot=W;exports.Textarea=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),v=require("./utils.cjs.js"),C=require("./QuestionMarkCircled-BYe9_hkd.cjs");function N({id:a,title:r,content:e,children:t,className:s="",disabled:n=!1,isOpen:i=!1,onToggle:l,triggerClassName:c="",bodyClassName:g=""}){const p=u.useId(),d=a||`accordion-item-${p}`,j=`${d}-header`,m=`${d}-panel`,f=()=>{!n&&l&&l()},h=b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),f())};return o.jsxs("div",{className:v.join("border-b border-gray-200",n&&"opacity-60 cursor-not-allowed",s),children:[o.jsxs("button",{id:j,type:"button",className:v.join("w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary",n?"cursor-not-allowed":"hover:bg-gray-50/10 cursor-pointer",c),"aria-expanded":i,"aria-controls":m,disabled:n,onClick:f,onKeyDown:h,children:[o.jsx("span",{children:r}),o.jsx("span",{className:v.join("transform transition-transform duration-300 ease-linear",i?"rotate-180":"rotate-0"),"aria-hidden":"true",children:o.jsx(C.ChevronDown,{size:18})})]}),o.jsx("div",{id:m,role:"region","aria-labelledby":j,className:v.join("transition-all duration-300 ease-linear px-4",i?"max-h-96 opacity-100 overflow-auto py-3":"max-h-0 opacity-0 overflow-hidden",g),children:i&&(t||e)})]})}function z({name:a,items:r=[],children:e,className:t="",itemClassName:s="",allowMultiple:n=!1,defaultOpenItems:i=[],triggersClassName:l="",bodiesClassName:c=""}){const g=u.useId(),p=a||`accordion-group-${g}`,[d,j]=u.useState(new Set(i)),m=b=>{j(y=>{const x=new Set(y);return x.has(b)?x.delete(b):(n||x.clear(),x.add(b)),x})},f=b=>`${g}-item-${b}`,h=b=>d.has(b);return o.jsxs("div",{id:p,className:t,children:[r.length>0&&r.map((b,y)=>{const x=b.id||f(y);return o.jsx(N,{id:x,title:b.title,content:b.content,disabled:b.disabled,isOpen:h(x),onToggle:()=>m(x),className:s,triggerClassName:l,bodyClassName:c},x)}),r.length===0&&e&&u.Children.map(e,(b,y)=>{if(u.isValidElement(b)&&b.type===N){const x=b.props.id||f(y);return u.createElement(N,{...b.props,key:x,id:x,className:v.join(s,b.props.className),isOpen:h(x),onToggle:()=>m(x),triggerClassName:v.join(l,b.props.triggerClassName),bodyClassName:v.join(c,b.props.bodyClassName)})}return null})]})}function k(){const[a,r]=u.useState(0);return u.useEffect(()=>{const e=setInterval(()=>{r(t=>(t+1)%3)},500);return()=>clearInterval(e)},[]),o.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(e=>o.jsx("div",{className:v.join("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",a===e&&"transform -translate-y-1")},e))})}const R={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",danger:"bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground"},B={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},q={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},A={variant:"primary",size:"md",rounded:"md"};function V({variant:a=A.variant,size:r,rounded:e=A.rounded,loading:t,linkTo:s,linkProps:n,type:i="button",className:l,...c}){let g;a==="link"&&!r?g="fitted":g=r||A.size;const d=v.join("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",R[a],B[g],q[e],t&&"relative pointer-events-none",s&&"relative",l);return o.jsxs("button",{...c,role:s?"link":c.role,"aria-label":c["aria-label"]||(n==null?void 0:n["aria-label"]),"aria-description":c["aria-description"]||(n==null?void 0:n["aria-description"]),"aria-disabled":c.disabled||t,"aria-busy":t,type:i,className:d,children:[t&&o.jsx(k,{}),o.jsx("span",{className:v.join(t&&"invisible"),children:c.children}),s&&!c.disabled&&o.jsx("a",{...n,"aria-hidden":!0,href:s,target:(n==null?void 0:n.target)||"_blank",rel:(n==null?void 0:n.rel)||"noreferrer",className:"absolute inset-0"})]})}function F(a){const[r,e]=u.useState(""),t=u.useCallback(s=>{let n=s,i="";for(;n&&!i;){const l=window.getComputedStyle(n).backgroundColor;l&&l!=="transparent"&&l!=="rgba(0, 0, 0, 0)"&&(i=l),n=n.parentElement}return i||"transparent"},[]);return u.useEffect(()=>{const s=document.getElementById(a);if(s){const n=t(s.parentElement);e(n)}},[a,t]),r}function G({ref:a,id:r,size:e=20,color:t,filled:s=!1,rounded:n=!0,checked:i=!1,onCheckedChange:l,disabled:c,className:g="",...p}){const d=u.useId(),j=u.useMemo(()=>r||`checkbox-${d}`,[r,d]),m=F(j),[f,h]=u.useState(i);u.useEffect(()=>{h(i)},[i]);const b=()=>{c||(h(!f),l==null||l(!f))},y=w=>{w.key===" "&&(w.preventDefault(),b())},x=v.join("flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",n&&"rounded",c&&"opacity-40 cursor-not-allowed",!c&&"cursor-pointer",g);return o.jsx("button",{id:j,type:"button",ref:a,tabIndex:0,role:"checkbox",onClick:b,"aria-checked":f,"aria-disabled":c,onKeyDownCapture:y,style:{width:e,height:e,color:t,backgroundColor:f&&s?"currentcolor":"transparent"},className:x,...p,children:f&&o.jsx(C.Check,{size:e,color:s?m:void 0})})}function K({children:a,className:r,linkTo:e,linkProps:t,onButtonClick:s,buttonProps:n,...i}){return e&&s&&console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'),o.jsxs("div",{className:v.join("relative w-fit",r),...i,children:[a,e&&o.jsx("a",{...t,href:e,className:v.join("absolute inset-0",t==null?void 0:t.className)}),!e&&s&&o.jsx("button",{...n,type:"button",onClick:s,className:v.join("absolute inset-0 cursor-pointer",n==null?void 0:n.className)})]})}function I({elementId:a,type:r,message:e}){return u.useEffect(()=>{const t=document.getElementById(a);if(t){if(!e&&r==="error"){t.removeAttribute("data-error");return}if(!e&&r==="success"){t.removeAttribute("data-success");return}return t.setAttribute("aria-describedby",`${a}-${r}-message`),t.setAttribute("aria-invalid",r==="error"?"true":"false"),r==="error"&&t.setAttribute("data-error","true"),r==="success"&&t.setAttribute("data-success","true"),()=>{t.removeAttribute("aria-describedby"),t.removeAttribute("aria-invalid"),t.removeAttribute("data-error"),t.removeAttribute("data-success")}}},[a,r,e]),e?o.jsxs("small",{className:v.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",r==="error"&&"text-danger",r==="success"&&"text-success"),role:"status",children:[r==="error"?o.jsx(C.ExclamationTriangle,{}):o.jsx(C.CheckCircled,{}),o.jsx("span",{id:`${a}-${r}-message`,children:e})]}):null}const T={base:"",default:"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success",underline:"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},H={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},$={variant:"default",rounded:"none"};function Q({variant:a=$.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:t,successMessage:s,type:n="text",className:i,...l}){const c=u.useId(),[g,p]=u.useState(!1);let d=r;a==="outline"&&!r&&(d="md"),d=d||$.rounded;const f=v.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all","file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",!e&&T[a],!e&&H[d],n==="password"&&"pr-10",!e&&"px-2 py-1",e&&"pointer-events-none",i);return o.jsxs("div",{className:v.join(e&&"cursor-text"),style:{height:l.height,width:l.width},children:[o.jsxs("div",{className:v.join(n==="password"&&"relative"),children:[o.jsx("input",{...l,id:c,type:n==="password"&&g?"text":n,"aria-disabled":l.disabled,readOnly:e,"aria-readonly":e||l["aria-readonly"],"data-error":t?!0:void 0,"data-success":s?!0:void 0,className:f}),n==="password"&&o.jsx("button",{onClick:()=>p(!g),className:"absolute inset-y-0 right-0 px-2 hover:cursor-pointer","aria-label":"Toggle password visibility","data-state":g?"visible":"hidden",children:g?o.jsx(C.EyeClosed$1,{size:20}):o.jsx(C.EyeClosed,{size:20})})]}),!e&&o.jsx(I,{elementId:c,type:"error",message:t}),!e&&o.jsx(I,{elementId:c,type:"success",message:s})]})}function U({display:a="inline",width:r="fit-content",className:e="",required:t,helpMessage:s,suffix:n,htmlFor:i,children:l,...c}){const g=u.useId(),p=v.join("font-medium",a,e),d=s?`${i??g}-help`:void 0;return o.jsxs("div",{style:{display:a==="inline"?"inline-flex":"flex",width:r},className:"relative",children:[o.jsxs("label",{className:p,htmlFor:i,...c,children:[l,t&&o.jsx("span",{className:"text-red-500 font-medium ml-1","aria-label":"required",children:"*"})]}),s&&o.jsx("span",{className:"text-gray-500 ml-1 size-fit -translate-y-1/3","aria-describedby":d,"aria-label":"Help information",title:s,children:o.jsx(C.QuestionMarkCircled,{})}),s&&o.jsx("div",{id:d,className:"sr-only",children:s}),n&&o.jsx("span",{className:"ml-1",children:n})]})}function W({children:a,ref:r,...e}){if(u.isValidElement(a)){let t={...e};return a.props&&(t={...t,...a.props}),u.cloneElement(a,{...t,ref:s=>{typeof r=="function"?r(s):r&&(r.current=s)}})}return u.createElement("div",{...e,ref:r},a)}function S({itemId:a,checked:r,onChange:e,name:t,disabled:s=!1,className:n=""}){const i="relative inline-flex items-center justify-center rounded-full",l=()=>{s||e()},c=v.join(i,!r&&"hover:border-current/60",!s&&"border-current cursor-pointer",s&&"border-muted/60 cursor-not-allowed",n);return o.jsx("div",{id:a,role:"radio",tabIndex:-1,"aria-checked":r,"aria-disabled":s,"aria-description":`Radio button for ${t}`,"aria-labelledby":`${a}-label`,onClick:l,className:c,style:{width:"1em",height:"1em",padding:"0.1em",borderWidth:"0.06em"},children:r&&o.jsx("div",{className:v.join("size-full aspect-square rounded-full",s&&"bg-muted/60",!s&&"bg-current")})})}function E({value:a,children:r,className:e="",isSelected:t=!1,onChange:s,disabled:n=!1,hideInput:i=!1,description:l,name:c}){const p=`radio-${u.useId()}-${a}`,d=()=>{n||s==null||s(a)};return o.jsxs("div",{title:l,className:v.join("relative flex items-center",e,i&&`p-2 border-2 focus-within:border-dashed focus-within:${n?"border-current/50":"border-current/80"}`,i&&!t&&`border-transparent ${n?"":"not-focus-within:hover:border-border/60"}`,i&&t&&"border-border",n&&"opacity-60 cursor-not-allowed"),style:{gap:"0.5em"},children:[!i&&o.jsx(S,{itemId:p,name:c||"",checked:t,onChange:d,disabled:n,className:v.join(i&&"")}),o.jsx("div",{id:i?p:void 0,tabIndex:i?-1:void 0,role:i?"radio":void 0,onClick:i?d:void 0,"aria-checked":i?t?"true":"false":void 0,"aria-disabled":i?n:void 0,"aria-description":i?l||`Radio button for ${c}`:void 0,"aria-labelledby":i?`${p}-label`:void 0,className:v.join(i&&"size-full",typeof r=="object"&&"grow focus:outline-none"),children:o.jsx("label",{id:`${p}-label`,onClick:i?void 0:d,className:v.join(n&&"cursor-not-allowed",!n&&"cursor-pointer"),children:r})})]})}function _(a,r){const[e,t]=u.useState(r),[s,n]=u.useState(-1),[i,l]=u.useState(!1),c=u.useCallback((m,f)=>{var y;const h=m[f];h.hasAttribute("disabled")||h.getAttribute("aria-disabled")==="true"||((y=m[f])==null||y.click(),n(f))},[]),g=u.useCallback((m,f)=>{var b;if(m.preventDefault(),i||!f.length)return;const h=r!==-1?r:0;(b=f[h])==null||b.focus(),t(h),r!==-1&&c(f,h)},[r,i,c]),p=u.useCallback(m=>{var y;if(!m.shiftKey)return;m.preventDefault();const f=Array.from(document.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter(x=>!x.hasAttribute("disabled")&&x.tabIndex>=0),h=f.findIndex(x=>x.id===a),b=h>0?h-1:f.length-1;(y=f[b])==null||y.focus()},[a]),d=u.useCallback((m,f)=>{var w;if(!f.length)return;const h=m.target;if(!f.some(L=>L.id===h.id))return;const y=e!==-1?e:0;let x=y;switch(m.key){case"ArrowUp":case"ArrowLeft":m.preventDefault(),x=y>0?y-1:f.length-1;break;case"ArrowDown":case"ArrowRight":m.preventDefault(),x=(y+1)%f.length;break;case" ":m.preventDefault(),c(f,y);return;case"Tab":p(m);return;default:return}(w=f[x])==null||w.focus(),t(x),s!==-1&&c(f,x)},[e,s,p,c]),j=u.useCallback(()=>{const m=document.querySelector(`[id="${a}"][role="radiogroup"]`);return m?Array.from(m.querySelectorAll('[role="radio"]')):[]},[a]);u.useEffect(()=>{const m=document.querySelector(`[id="${a}"][role="radiogroup"]`);if(!m)return;const f=j(),h=w=>g(w,f),b=w=>d(w,f),y=()=>l(!0),x=()=>l(!1);return document.addEventListener("keydown",b),m.addEventListener("focus",h),m.addEventListener("mousedown",y),document.addEventListener("mouseup",x),()=>{document.removeEventListener("keydown",b),m.removeEventListener("focus",h),m.removeEventListener("mousedown",y),document.removeEventListener("mouseup",x)}},[a,j,g,d])}function J({options:a=[],value:r,onChange:e,name:t,children:s,className:n="",childrenClassName:i="",hideInputs:l=!1}){const c=u.useId(),g=t||`radio-group-${c}`;_(g,a.findIndex(d=>d===r));const p=u.useMemo(()=>a.reduce((d,j)=>(typeof j=="string"?d.some(m=>m.value===j)||d.push({label:j,value:j}):d.push(j),d),[]),[a]);return o.jsxs("div",{id:g,role:"radiogroup",tabIndex:0,className:v.join(n,"focus:outline-none"),children:[p.length>0&&p.map((d,j)=>o.jsx(E,{value:d.value,isSelected:r===d.value,onChange:e,name:g,disabled:d.disabled,description:d.description,hideInput:l,className:i,children:d.label},`${d.value}-${j}`)),p.length===0&&s&&u.Children.map(s,d=>u.isValidElement(d)&&d.type===E?o.jsx(E,{...d.props,className:v.join(i,d.props.className),hideInput:d.props.hideInput||l,isSelected:r===d.props.value,onChange:e,name:g,children:d.props.children}):null)]})}function X({elementId:a,maxLength:r}){const[e,t]=u.useState(0);return u.useEffect(()=>{const s=document.getElementById(a);if(!s)return;const n=()=>{const i=s.value.length;t(i);const l=i>=r;s.setAttribute("aria-describedby",`${a}-character-count`),s.setAttribute("aria-invalid",l?"true":"false"),l?s.setAttribute("data-error","true"):s.removeAttribute("data-error")};return n(),s.addEventListener("input",n),s.setAttribute("maxlength",String(r)),()=>{s.removeEventListener("input",n),s.removeAttribute("maxlength"),s.removeAttribute("aria-describedby"),s.removeAttribute("aria-invalid"),s.removeAttribute("data-error")}},[a,r]),o.jsx("small",{className:v.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",e>=r&&"text-danger",e<r&&"text-current"),role:"status",children:o.jsxs("span",{id:`${a}-character-count`,children:[e," / ",r," characters"]})})}function Y(a,r){u.useEffect(()=>{const e=document.getElementById(a);if(!e)return;if(!r){e.style.height="auto";return}const t=()=>{e.style.height="auto",e.style.height=`${e.scrollHeight}px`};return t(),e.addEventListener("input",t),e.addEventListener("resize",t),window.addEventListener("resize",t),()=>{e.removeEventListener("input",t),e.removeEventListener("resize",t),window.removeEventListener("resize",t)}},[a,r])}const Z={base:"","left-line":"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},O={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},D={variant:"outline",rounded:"none"};function M({variant:a=D.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:t,successMessage:s,hideResizeHandle:n=!1,autoExpand:i=!1,characterLimit:l=0,className:c,...g}){const p=u.useId();Y(p,i||e);let d=r;a==="outline"&&!r&&(d="md"),d=d||D.rounded;let j=n;(e||a==="left-line"&&!n)&&(j=!0);const f=v.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",!e&&Z[a],!e&&O[d],!e&&"px-2 py-1",e&&"pointer-events-none",j&&"no-resize-handle",c);return o.jsxs("div",{className:v.join("-space-y-1.5",e&&"cursor-text"),children:[o.jsx("textarea",{...g,id:p,"aria-disabled":g.disabled,readOnly:e,"aria-readonly":e||g["aria-readonly"],style:{resize:i?"none":void 0},className:f}),l>0&&o.jsx(X,{elementId:p,maxLength:l}),!e&&o.jsx(I,{elementId:p,type:"error",message:t}),!e&&o.jsx(I,{elementId:p,type:"success",message:s})]})}exports.Accordion=z;exports.AccordionItem=N;exports.Button=V;exports.ButtonLoadingDots=k;exports.Checkbox=G;exports.Clickable=K;exports.Input=Q;exports.Label=U;exports.RadioGroup=J;exports.RadioGroupItem=E;exports.RadioInput=S;exports.Slot=W;exports.Textarea=M;
2
2
  //# sourceMappingURL=components.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components.cjs.js","sources":["../src/components/accordion/AccordionItem.tsx","../src/components/accordion/Accordion.tsx","../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/checkbox/hooks.ts","../src/components/checkbox/Checkbox.tsx","../src/components/clickable/Clickable.tsx","../src/shared/forms/StatusHelpMessage.tsx","../src/components/input/variants.ts","../src/components/input/Input.tsx","../src/components/label/Label.tsx","../src/components/slot/Slot.tsx","../src/components/radiogroup/RadioInput.tsx","../src/components/radiogroup/RadioGroupItem.tsx","../src/components/radiogroup/hooks.ts","../src/components/radiogroup/RadioGroup.tsx","../src/components/textarea/CharacterCount.tsx","../src/components/textarea/hooks.ts","../src/components/textarea/variants.ts","../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ChevronDown } from '../../symbols';\nimport { join } from '../../utils';\nimport { AccordionOption } from './Accordion';\n\nexport interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {\n children?: React.ReactNode;\n className?: string;\n isOpen?: boolean;\n onToggle?: () => void;\n triggerClassName?: string;\n bodyClassName?: string;\n}\n\nexport function AccordionItem({\n id,\n title,\n content,\n children,\n className = '',\n disabled = false,\n isOpen = false,\n onToggle,\n triggerClassName = '',\n bodyClassName = '',\n}: AccordionItemProps) {\n const fallbackId = useId();\n const itemId = id || `accordion-item-${fallbackId}`;\n const headerId = `${itemId}-header`;\n const panelId = `${itemId}-panel`;\n\n const handleToggle = () => {\n if (!disabled && onToggle) {\n onToggle();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handleToggle();\n }\n };\n\n return (\n <div className={join('border-b border-gray-200', disabled && 'opacity-60 cursor-not-allowed', className)}>\n <button\n id={headerId}\n type='button'\n className={join(\n 'w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary',\n disabled ? 'cursor-not-allowed' : 'hover:bg-gray-50/10 cursor-pointer',\n triggerClassName\n )}\n aria-expanded={isOpen}\n aria-controls={panelId}\n disabled={disabled}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n >\n <span>{title}</span>\n <span\n className={join(\n 'transform transition-transform duration-300 ease-linear',\n isOpen ? 'rotate-180' : 'rotate-0'\n )}\n aria-hidden='true'\n >\n <ChevronDown size={18} />\n </span>\n </button>\n\n <div\n id={panelId}\n role='region'\n aria-labelledby={headerId}\n className={join(\n 'transition-all duration-300 ease-linear px-4',\n isOpen ? 'max-h-96 opacity-100 overflow-auto py-3' : 'max-h-0 opacity-0 overflow-hidden',\n bodyClassName\n )}\n >\n {isOpen && (children || content)}\n </div>\n </div>\n );\n}\n","import React, { useId, useState } from 'react';\nimport { join } from '../../utils';\nimport { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionOption {\n id?: string;\n title: React.ReactNode;\n content: React.ReactNode;\n disabled?: boolean;\n defaultOpen?: boolean;\n}\n\nexport interface AccordionProps {\n name?: string;\n items?: AccordionOption[];\n children?: React.ReactElement<AccordionItemProps>[] | React.ReactElement<AccordionItemProps>;\n className?: string;\n itemClassName?: string;\n allowMultiple?: boolean;\n defaultOpenItems?: string[];\n triggersClassName?: string;\n bodiesClassName?: string;\n}\n\nexport function Accordion({\n name,\n items = [],\n children,\n className = '',\n itemClassName = '',\n allowMultiple = false,\n defaultOpenItems = [],\n triggersClassName = '',\n bodiesClassName = '',\n}: AccordionProps) {\n const groupId = useId();\n const groupName = name || `accordion-group-${groupId}`;\n const [openItems, setOpenItems] = useState<Set<string>>(new Set(defaultOpenItems));\n\n const toggleItem = (itemId: string) => {\n setOpenItems((prev) => {\n const newOpenItems = new Set(prev);\n\n if (newOpenItems.has(itemId)) {\n newOpenItems.delete(itemId);\n } else {\n if (!allowMultiple) {\n newOpenItems.clear();\n }\n newOpenItems.add(itemId);\n }\n\n return newOpenItems;\n });\n };\n\n const getItemId = (index: number) => `${groupId}-item-${index}`;\n const isItemOpen = (itemId: string) => openItems.has(itemId);\n\n return (\n <div id={groupName} className={className}>\n {/* Render from items prop */}\n {items.length > 0 &&\n items.map((item, index) => {\n const itemId = item.id || getItemId(index);\n return (\n <AccordionItem\n key={itemId}\n id={itemId}\n title={item.title}\n content={item.content}\n disabled={item.disabled}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n className={itemClassName}\n triggerClassName={triggersClassName}\n bodyClassName={bodiesClassName}\n />\n );\n })}\n\n {/* Render AccordionItem components */}\n {items.length === 0 &&\n children &&\n React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionItemProps>(child) && child.type === AccordionItem) {\n const itemId = child.props.id || getItemId(index);\n return (\n <AccordionItem\n {...child.props}\n key={itemId}\n id={itemId}\n className={join(itemClassName, child.props.className)}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n triggerClassName={join(triggersClassName, child.props.triggerClassName)}\n bodyClassName={join(bodiesClassName, child.props.bodyClassName)}\n />\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\nexport default function LoadingDots() {\n const [activeIndex, setActiveIndex] = useState(0);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n }, 500);\n\n return () => clearInterval(interval);\n }, []);\n\n return (\n <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n {[0, 1, 2].map((index) => (\n <div\n key={index}\n className={join(\n 'rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current',\n activeIndex === index && 'transform -translate-y-1'\n )}\n />\n ))}\n </div>\n );\n}\n","export const buttonVariants = {\n base: '',\n primary: 'bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n tertiary: 'text-primary hover:text-primary-foreground disabled:text-muted',\n outline: 'border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted',\n link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted',\n danger: 'bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n stripped: '',\n fitted: 'size-fit',\n sm: 'px-2 py-1 text-sm',\n md: 'px-4 py-2 text-base',\n lg: 'px-6 py-3 text-lg',\n icon: 'p-1 w-fit aspect-square',\n full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n variant: ButtonVariant;\n size: ButtonSize;\n rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n variant: 'primary',\n size: 'md',\n rounded: 'md',\n} as const;\n","// Button.tsx\nimport { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport LoadingDots from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n loading?: boolean;\n linkTo?: string;\n linkProps?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n}\n\nexport default function Button({\n variant = buttonDefaults.variant,\n size,\n rounded = buttonDefaults.rounded,\n loading,\n linkTo,\n linkProps,\n type = 'button',\n className,\n ...rest\n}: ButtonProps) {\n let adjustedSize: ButtonSize;\n if (variant === 'link' && !size) {\n // default links to fitted size\n adjustedSize = 'fitted';\n } else {\n adjustedSize = size || buttonDefaults.size;\n }\n\n const baseClasses =\n 'appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all';\n\n const buttonClasses = join(\n baseClasses,\n buttonVariants[variant],\n sizeVariants[adjustedSize],\n roundedVariants[rounded],\n loading && 'relative pointer-events-none',\n linkTo && 'relative',\n className\n );\n\n return (\n <button\n {...rest}\n role={linkTo ? 'link' : rest.role}\n aria-label={rest['aria-label'] || linkProps?.['aria-label']}\n aria-description={rest['aria-description'] || linkProps?.['aria-description']}\n aria-disabled={rest.disabled || loading}\n aria-busy={loading}\n type={type}\n className={buttonClasses}\n >\n {loading && <LoadingDots />}\n <span className={join(loading && 'invisible')}>{rest.children}</span>\n\n {linkTo && !rest.disabled && (\n <a\n {...linkProps}\n aria-hidden={true} // Hide from screen readers since the button is already accessible\n href={linkTo}\n target={linkProps?.target || '_blank'}\n rel={linkProps?.rel || 'noreferrer'}\n className='absolute inset-0'\n />\n )}\n </button>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useFilledBackgroundColor(id: string) {\n const [filledBackgroundColor, setFilledBackgroundColor] = useState<string>('');\n\n const getFirstNonTransparentBackgroundColor = useCallback((element: Element | null): string => {\n let currentElement = element;\n let color = '';\n while (currentElement && !color) {\n const backgroundColor = window.getComputedStyle(currentElement).backgroundColor;\n if (backgroundColor && backgroundColor !== 'transparent' && backgroundColor !== 'rgba(0, 0, 0, 0)') {\n color = backgroundColor;\n }\n currentElement = currentElement.parentElement;\n }\n return color || 'transparent';\n }, []);\n\n useEffect(() => {\n const checkbox = document.getElementById(id);\n if (checkbox) {\n const backgroundColor = getFirstNonTransparentBackgroundColor(checkbox.parentElement);\n setFilledBackgroundColor(backgroundColor);\n }\n }, [id, getFirstNonTransparentBackgroundColor]);\n\n return filledBackgroundColor;\n}\n","import React, { Ref, useEffect, useId, useMemo, useState } from 'react';\nimport Check from '../../symbols/Check';\nimport { join } from '../../utils';\nimport { useFilledBackgroundColor } from './hooks';\n\nexport interface CheckboxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n size?: number;\n color?: string; // can be adjusted with tailwindcss by using `text-<color>`\n filled?: boolean;\n rounded?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport default function Checkbox({\n ref,\n id,\n size = 20,\n color,\n filled = false,\n rounded = true,\n checked = false,\n onCheckedChange,\n disabled,\n className = '',\n ...props\n}: CheckboxProps) {\n const generatedId = useId();\n const checkboxId = useMemo(() => id || `checkbox-${generatedId}`, [id, generatedId]);\n const parentBackgroundColor = useFilledBackgroundColor(checkboxId);\n const [isChecked, setIsChecked] = useState(checked);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const handleChange = () => {\n if (!disabled) {\n setIsChecked(!isChecked);\n onCheckedChange?.(!isChecked);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === ' ') {\n e.preventDefault();\n handleChange();\n }\n };\n\n const checkboxClasses = join(\n 'flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2',\n rounded && 'rounded',\n disabled && 'opacity-40 cursor-not-allowed',\n !disabled && 'cursor-pointer',\n className\n );\n\n return (\n <button\n id={checkboxId}\n type='button'\n ref={ref}\n tabIndex={0}\n role='checkbox'\n onClick={handleChange}\n aria-checked={isChecked}\n aria-disabled={disabled}\n onKeyDownCapture={handleOnKeyDown}\n style={{\n width: size,\n height: size,\n color: color,\n backgroundColor: isChecked && filled ? 'currentcolor' : 'transparent',\n }}\n className={checkboxClasses}\n {...props}\n >\n {isChecked && <Check size={size} color={filled ? parentBackgroundColor : undefined} />}\n </button>\n );\n}\n","import { join } from '../../utils';\n\ninterface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {\n children: React.ReactNode;\n linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];\n linkProps?: Omit<React.HTMLProps<HTMLAnchorElement>, 'href'>;\n onButtonClick?: React.HTMLProps<HTMLButtonElement>['onClick'];\n buttonProps?: Omit<React.HTMLProps<HTMLButtonElement>, 'onClick'>;\n}\n\nexport default function Clickable({\n children,\n className,\n linkTo,\n linkProps,\n onButtonClick,\n buttonProps,\n ...props\n}: ClickableProps) {\n if (linkTo && onButtonClick) {\n console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.');\n }\n\n return (\n <div className={join('relative w-fit', className)} {...props}>\n {children}\n\n {/* Link */}\n {linkTo && (\n <a\n {...linkProps}\n href={linkTo}\n className={join('absolute inset-0', linkProps?.className)}\n aria-label={linkProps?.['aria-label'] || 'Navigate to link'}\n />\n )}\n\n {/* Button */}\n {!linkTo && onButtonClick && (\n <button\n {...buttonProps}\n type='button'\n onClick={onButtonClick}\n className={join('absolute inset-0 cursor-pointer', buttonProps?.className)}\n />\n )}\n </div>\n );\n}\n","import { useEffect } from 'react';\nimport { CheckCircled, ExclamationTriangle } from '../../symbols';\nimport { join } from '../../utils';\n\ninterface StatusHelpMessageProps {\n elementId: string;\n type: 'error' | 'success';\n message?: string;\n}\n\nexport default function StatusHelpMessage({ elementId, type, message }: StatusHelpMessageProps) {\n useEffect(() => {\n const element = document.getElementById(elementId) as HTMLElement;\n if (!element) {\n return;\n }\n if (!message && type === 'error') {\n element.removeAttribute('data-error');\n return;\n }\n if (!message && type === 'success') {\n element.removeAttribute('data-success');\n return;\n }\n\n element.setAttribute('aria-describedby', `${elementId}-${type}-message`);\n element.setAttribute('aria-invalid', type === 'error' ? 'true' : 'false');\n\n if (type === 'error') {\n element.setAttribute('data-error', 'true');\n }\n if (type === 'success') {\n element.setAttribute('data-success', 'true');\n }\n\n return () => {\n element.removeAttribute('aria-describedby');\n element.removeAttribute('aria-invalid');\n element.removeAttribute('data-error');\n element.removeAttribute('data-success');\n };\n }, [elementId, type, message]);\n\n if (!message) {\n return null;\n }\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start',\n type === 'error' && 'text-danger',\n type === 'success' && 'text-success'\n )}\n role='status'\n >\n {type === 'error' ? <ExclamationTriangle /> : <CheckCircled />}\n <span id={`${elementId}-${type}-message`}>{message}</span>\n </small>\n );\n}\n","export const inputVariants = {\n base: '',\n default:\n 'ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success',\n underline:\n 'border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type InputVariant = keyof typeof inputVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type InputRounded = keyof typeof roundedVariants;\n\nexport interface InputVariants {\n variant: InputVariant;\n rounded: InputRounded;\n}\n\nexport const inputDefaults: InputVariants = {\n variant: 'default',\n rounded: 'none',\n} as const;\n","import { Ref, useId, useState } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { EyeClosed, EyeOpened } from '../../symbols';\nimport { join } from '../../utils';\nimport './styles.css';\nimport { inputDefaults, inputVariants, InputVariants, roundedVariants } from './variants';\n\ninterface InputProps extends Partial<InputVariants>, React.InputHTMLAttributes<HTMLInputElement> {\n ref?: Ref<HTMLInputElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n}\n\nexport default function Input({\n variant = inputDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n type = 'text',\n className,\n ...rest\n}: InputProps) {\n const id = useId();\n const [showPassword, setShowPassword] = useState(false);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || inputDefaults.rounded;\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n const fileClasses =\n 'file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors';\n\n const inputClasses = join(\n baseClasses,\n fileClasses,\n !displayOnlyMode && inputVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n type === 'password' && 'pr-10',\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n className\n );\n\n return (\n <div className={join(displayOnlyMode && 'cursor-text')} style={{ height: rest.height, width: rest.width }}>\n <div className={join(type === 'password' && 'relative')}>\n <input\n {...rest}\n id={id}\n type={type === 'password' && showPassword ? 'text' : type}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n data-error={errorMessage ? true : undefined}\n data-success={successMessage ? true : undefined}\n className={inputClasses}\n />\n {type === 'password' && (\n <button\n onClick={() => setShowPassword(!showPassword)}\n className='absolute inset-y-0 right-0 px-2 hover:cursor-pointer'\n aria-label='Toggle password visibility'\n data-state={showPassword ? 'visible' : 'hidden'}\n >\n {showPassword ? <EyeOpened size={20} /> : <EyeClosed size={20} />}\n </button>\n )}\n </div>\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport { QuestionMarkCircled } from '../../symbols';\nimport { join } from '../../utils';\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n display?: 'block' | 'inline';\n width?: React.CSSProperties['width'];\n required?: boolean;\n helpMessage?: string;\n suffix?: React.ReactNode;\n}\n\nexport function Label({\n display = 'inline',\n width = 'fit-content',\n className = '',\n required,\n helpMessage,\n suffix,\n htmlFor,\n children,\n ...props\n}: LabelProps) {\n const id = useId();\n const labelClasses = join('font-medium', display, className);\n const helpId = helpMessage ? `${htmlFor ?? id}-help` : undefined;\n\n return (\n <div style={{ display: display === 'inline' ? 'inline-flex' : 'flex', width }} className='relative'>\n <label className={labelClasses} htmlFor={htmlFor} {...props}>\n {children}\n {required && (\n <span className='text-red-500 font-medium ml-1' aria-label='required'>\n *\n </span>\n )}\n </label>\n {helpMessage && (\n <span\n className='text-gray-500 ml-1 size-fit -translate-y-1/3'\n aria-describedby={helpId}\n aria-label='Help information'\n title={helpMessage}\n >\n <QuestionMarkCircled />\n </span>\n )}\n {helpMessage && (\n <div id={helpId} className='sr-only'>\n {helpMessage}\n </div>\n )}\n {suffix && <span className='ml-1'>{suffix}</span>}\n </div>\n );\n}\n","import React, {\n cloneElement,\n createElement,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\n\ninterface SlotProps<T> extends HTMLAttributes<T> {\n children?: ReactNode;\n ref?: Ref<T>;\n}\n\nexport function Slot<T = HTMLElement>({ children, ref, ...props }: SlotProps<T>) {\n\n if (isValidElement(children)) {\n let allProps = { ...props };\n if (children.props) {\n allProps = { ...allProps, ...children.props };\n }\n return cloneElement(children, {\n ...allProps,\n ref: (node: T) => {\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n (ref as React.RefObject<T>).current = node;\n }\n },\n } as unknown as ReactElement);\n }\n\n // If not asChild or no valid child, render as div\n return createElement('div', { ...props, ref }, children);\n}\n","import { join } from '../../utils';\n\nexport type RadioInputProps = {\n itemId: string;\n checked: boolean;\n onChange: () => void;\n name: string;\n disabled?: boolean;\n className?: string;\n};\n\n// Custom RadioInput Component\nexport function RadioInput({ itemId, checked, onChange, name, disabled = false, className = '' }: RadioInputProps) {\n const baseClasses = 'relative inline-flex items-center justify-center rounded-full';\n\n const handleClick = () => {\n if (disabled) return;\n onChange();\n };\n\n const radioClasses = join(\n baseClasses,\n !checked && 'hover:border-current/60',\n !disabled && 'border-current cursor-pointer',\n disabled && 'border-muted/60 cursor-not-allowed',\n className\n );\n return (\n <div\n id={itemId}\n role='radio'\n tabIndex={-1} // necessary so that the radio button can be focused as div is not a focusable element\n aria-checked={checked}\n aria-disabled={disabled}\n aria-description={`Radio button for ${name}`}\n aria-labelledby={`${itemId}-label`}\n onClick={handleClick}\n className={radioClasses}\n style={{\n width: '1em',\n height: '1em',\n padding: '0.1em',\n borderWidth: '0.06em',\n }}\n >\n {checked && (\n <div\n className={join(`size-full aspect-square rounded-full`, disabled && 'bg-muted/60', !disabled && 'bg-current')}\n />\n )}\n </div>\n );\n}\n","import { useId } from 'react';\nimport { join } from '../../utils';\nimport { RadioInput } from './RadioInput';\n\nexport interface RadioGroupItemProps {\n value: string;\n children: React.ReactNode;\n className?: string;\n isSelected?: boolean;\n onChange?: (value: string) => void;\n disabled?: boolean;\n name?: string;\n hideInput?: boolean;\n description?: string;\n}\n\nexport function RadioGroupItem({\n value,\n children,\n className = '',\n isSelected = false,\n onChange,\n disabled = false,\n hideInput = false,\n description,\n name,\n}: RadioGroupItemProps) {\n const id = useId();\n const itemId = `radio-${id}-${value}`;\n\n const handleChange = () => {\n if (!disabled) {\n onChange?.(value);\n }\n };\n\n return (\n <div\n title={description}\n className={join(\n 'relative flex items-center',\n className,\n // Uses text color for borders\n hideInput &&\n `p-2 border-2 focus-within:border-dashed focus-within:${\n disabled ? 'border-current/50' : 'border-current/80'\n }`,\n hideInput && !isSelected && `border-transparent ${disabled ? '' : 'not-focus-within:hover:border-border/60'}`,\n hideInput && isSelected && 'border-border',\n disabled && 'opacity-60 cursor-not-allowed'\n )}\n style={{\n gap: '0.5em',\n }}\n >\n {!hideInput && (\n <RadioInput\n itemId={itemId}\n name={name || ''}\n checked={isSelected}\n onChange={handleChange}\n disabled={disabled}\n className={join(hideInput && '')}\n />\n )}\n <div\n id={hideInput ? itemId : undefined}\n tabIndex={hideInput ? -1 : undefined}\n role={hideInput ? 'radio' : undefined}\n onClick={hideInput ? handleChange : undefined}\n aria-checked={!hideInput ? undefined : isSelected ? 'true' : 'false'}\n aria-disabled={hideInput ? disabled : undefined}\n aria-description={!hideInput ? undefined : description || `Radio button for ${name}`}\n aria-labelledby={hideInput ? `${itemId}-label` : undefined}\n className={join(hideInput && 'size-full', typeof children === 'object' && 'grow focus:outline-none')}\n >\n <label\n id={`${itemId}-label`}\n onClick={hideInput ? undefined : handleChange}\n className={join(disabled && 'cursor-not-allowed', !disabled && 'cursor-pointer')}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useRadioFocus(id: string, selectedOptionIndex: number) {\n // Manage state locally to avoid race conditions, which can result in\n // the an option failing to be selected or incorrectly selected\n const [focusedIndex, setFocusedIndex] = useState<number>(selectedOptionIndex);\n const [clickedIndex, setClickedIndex] = useState<number>(-1);\n // Prevent onClicks from triggering focus events and automatically selecting the first option\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n\n const handleClicked = useCallback((options: HTMLElement[], index: number) => {\n const target = options[index] as HTMLElement;\n\n // Check if the target element is disabled\n const isDisabled = target.hasAttribute('disabled') || target.getAttribute('aria-disabled') === 'true';\n if (isDisabled) return;\n\n // Update the selected index\n options[index]?.click();\n setClickedIndex(index);\n }, []);\n\n const setInitialFocus = useCallback(\n (e: Event, options: HTMLElement[]) => {\n e.preventDefault();\n if (isMouseDown) return;\n if (!options.length) return;\n\n const indexToFocus = selectedOptionIndex !== -1 ? selectedOptionIndex : 0;\n options[indexToFocus]?.focus();\n setFocusedIndex(indexToFocus);\n\n // Only update the selected index if one is already set\n if (selectedOptionIndex !== -1) {\n handleClicked(options, indexToFocus);\n }\n },\n [selectedOptionIndex, isMouseDown, handleClicked]\n );\n\n /* Focus preceding element when Shift + Tab is pressed */\n const handleFocusPreceding = useCallback(\n (e: KeyboardEvent) => {\n // If the Shift key is not pressed while tab is entered, do nothing\n if (!e.shiftKey) {\n return;\n }\n\n e.preventDefault();\n const focusableElements = Array.from(\n document.querySelectorAll<HTMLElement>(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((el) => !el.hasAttribute('disabled') && el.tabIndex >= 0);\n const currentIndex = focusableElements.findIndex((el) => el.id === id);\n const previousIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n focusableElements[previousIndex]?.focus();\n },\n [id]\n );\n\n const handleKeyboardNavigation = useCallback(\n (e: KeyboardEvent, options: HTMLElement[]) => {\n if (!options.length) return;\n\n // Ensure we only toggle options part of radio group\n const target = e.target as HTMLElement;\n const isGroupOption = options.some((option) => option.id === target.id);\n if (!isGroupOption) return;\n\n const currentIndex = focusedIndex !== -1 ? focusedIndex : 0;\n let newIndex = currentIndex;\n\n switch (e.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n e.preventDefault();\n newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n break;\n\n case 'ArrowDown':\n case 'ArrowRight':\n e.preventDefault();\n newIndex = (currentIndex + 1) % options.length;\n break;\n\n // Select the option when the space key is pressed\n case ' ':\n e.preventDefault();\n handleClicked(options, currentIndex);\n return;\n\n case 'Tab':\n handleFocusPreceding(e);\n return;\n\n default:\n return;\n }\n\n options[newIndex]?.focus();\n setFocusedIndex(newIndex);\n // Only update the selected index if one is already set\n if (clickedIndex !== -1) {\n handleClicked(options, newIndex);\n }\n },\n [focusedIndex, clickedIndex, handleFocusPreceding, handleClicked]\n );\n\n const getRadioOptions = useCallback((): HTMLElement[] => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return [];\n\n return Array.from(radioGroup.querySelectorAll('[role=\"radio\"]'));\n }, [id]);\n\n useEffect(() => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return;\n\n const options = getRadioOptions();\n const handleFocus = (e: Event) => setInitialFocus(e, options);\n const handleKeyDown = (e: KeyboardEvent) => handleKeyboardNavigation(e, options);\n const handleMouseDown = () => setIsMouseDown(true);\n const handleMouseUp = () => setIsMouseDown(false);\n\n document.addEventListener('keydown', handleKeyDown);\n radioGroup.addEventListener('focus', handleFocus);\n radioGroup.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('mouseup', handleMouseUp); // place on document since mouseup event can occur outside of radio group\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n radioGroup.removeEventListener('focus', handleFocus);\n radioGroup.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [id, getRadioOptions, setInitialFocus, handleKeyboardNavigation]);\n}\n","import React, { useId, useMemo } from 'react';\nimport { join } from '../../utils';\nimport { RadioGroupItem, RadioGroupItemProps } from './RadioGroupItem';\nimport { useRadioFocus } from './hooks';\n\nexport type RadioOption = { label: string; value: string; disabled?: boolean; description?: string };\n\nexport type RadioGroupProps = {\n options?: (string | RadioOption)[];\n value: string | undefined;\n onChange: (value: string) => void;\n name?: string;\n children?: React.ReactElement<RadioGroupItemProps>[] | React.ReactElement<RadioGroupItemProps>;\n className?: string;\n childrenClassName?: string;\n hideInputs?: boolean;\n};\n\nexport function RadioGroup({\n options = [],\n value,\n onChange,\n name,\n children,\n className = '',\n childrenClassName = '',\n hideInputs = false,\n}: RadioGroupProps) {\n const groupId = useId();\n const groupName = name || `radio-group-${groupId}`;\n useRadioFocus(\n groupName,\n options.findIndex((option) => option === value)\n );\n\n // Check for duplicates if string options are provided\n const processedOptions = useMemo(() => {\n return options.reduce<RadioOption[]>((acc, option) => {\n if (typeof option === 'string') {\n // Check if we already have this string option\n if (!acc.some((item) => item.value === option)) {\n acc.push({ label: option, value: option });\n }\n } else {\n acc.push(option);\n }\n return acc;\n }, []);\n }, [options]);\n\n return (\n <div id={groupName} role='radiogroup' tabIndex={0} className={join(className, 'focus:outline-none')}>\n {/* Render from options prop */}\n {processedOptions.length > 0 &&\n processedOptions.map((option, index) => (\n <RadioGroupItem\n key={`${option.value}-${index}`}\n value={option.value}\n isSelected={value === option.value}\n onChange={onChange}\n name={groupName}\n disabled={option.disabled}\n description={option.description}\n hideInput={hideInputs}\n className={childrenClassName}\n >\n {option.label}\n </RadioGroupItem>\n ))}\n\n {/* Render RadioGroupItem components */}\n {processedOptions.length === 0 &&\n children &&\n React.Children.map(children, (child) => {\n // TypeScript enforces that child is a RadioGroupItem\n if (React.isValidElement(child) && child.type === RadioGroupItem) {\n return (\n <RadioGroupItem\n {...child.props}\n className={join(childrenClassName, child.props.className)}\n hideInput={child.props.hideInput || hideInputs}\n isSelected={value === child.props.value}\n onChange={onChange}\n name={groupName}\n >\n {child.props.children}\n </RadioGroupItem>\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\ninterface CharacterCountProps {\n elementId: string;\n maxLength: number;\n}\n\nexport default function CharacterCount({ elementId, maxLength }: CharacterCountProps) {\n const [characterCount, setCharacterCount] = useState(0);\n\n useEffect(() => {\n const textarea = document.getElementById(elementId) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n const updateCharacterCount = () => {\n const updatedCharacterCount = textarea.value.length;\n setCharacterCount(updatedCharacterCount);\n const isError = updatedCharacterCount >= maxLength;\n textarea.setAttribute('aria-describedby', `${elementId}-character-count`);\n textarea.setAttribute('aria-invalid', isError ? 'true' : 'false');\n\n if (isError) {\n textarea.setAttribute('data-error', 'true');\n } else {\n textarea.removeAttribute('data-error');\n }\n };\n\n updateCharacterCount();\n textarea.addEventListener('input', updateCharacterCount);\n textarea.setAttribute('maxlength', String(maxLength));\n\n return () => {\n textarea.removeEventListener('input', updateCharacterCount);\n textarea.removeAttribute('maxlength');\n textarea.removeAttribute('aria-describedby');\n textarea.removeAttribute('aria-invalid');\n textarea.removeAttribute('data-error');\n };\n }, [elementId, maxLength]);\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end',\n characterCount >= maxLength && 'text-danger',\n characterCount < maxLength && 'text-current'\n )}\n role='status'\n >\n <span id={`${elementId}-character-count`}>\n {characterCount} / {maxLength} characters\n </span>\n </small>\n );\n}\n","import { useEffect } from 'react';\n\nexport function useAutoExpand(id: string, autoExpand: boolean) {\n useEffect(() => {\n const textarea = document.getElementById(id) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n if (!autoExpand) {\n textarea.style.height = 'auto';\n return;\n }\n\n const adjustHeight = () => {\n // necessary to reset the height to `auto` before calculating the new height\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n };\n\n adjustHeight();\n textarea.addEventListener('input', adjustHeight);\n textarea.addEventListener('resize', adjustHeight);\n window.addEventListener('resize', adjustHeight);\n\n return () => {\n textarea.removeEventListener('input', adjustHeight);\n textarea.removeEventListener('resize', adjustHeight);\n window.removeEventListener('resize', adjustHeight);\n };\n }, [id, autoExpand]);\n}\n","export const textareaVariants = {\n base: '',\n 'left-line':\n 'border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type TextareaVariant = keyof typeof textareaVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type TextareaRounded = keyof typeof roundedVariants;\n\nexport interface TextareaVariants {\n variant: TextareaVariant;\n rounded: TextareaRounded;\n}\n\nexport const textareaDefaults: TextareaVariants = {\n variant: 'outline',\n rounded: 'none',\n} as const;\n","import { Ref, useId } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { join } from '../../utils';\nimport CharacterCount from './CharacterCount';\nimport { useAutoExpand } from './hooks';\nimport './styles.css';\nimport { roundedVariants, textareaDefaults, textareaVariants, TextareaVariants } from './variants';\n\ninterface TextareaProps extends Partial<TextareaVariants>, React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n ref?: Ref<HTMLTextAreaElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n hideResizeHandle?: boolean; // only works for Webkit browsers\n autoExpand?: boolean;\n characterLimit?: number;\n}\n\nexport default function Textarea({\n variant = textareaDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n hideResizeHandle = false,\n autoExpand = false,\n characterLimit = 0,\n className,\n ...rest\n}: TextareaProps) {\n const id = useId();\n useAutoExpand(id, autoExpand || displayOnlyMode);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || textareaDefaults.rounded;\n\n let adjustedHideResizeHandle = hideResizeHandle;\n if (displayOnlyMode || (variant === 'left-line' && !hideResizeHandle)) {\n adjustedHideResizeHandle = true;\n }\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n\n const inputClasses = join(\n baseClasses,\n !displayOnlyMode && textareaVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n adjustedHideResizeHandle && 'no-resize-handle',\n\n className\n );\n\n return (\n <div className={join('-space-y-1.5', displayOnlyMode && 'cursor-text')}>\n <textarea\n {...rest}\n id={id}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n style={{\n resize: autoExpand ? 'none' : undefined,\n }}\n className={inputClasses}\n />\n {characterLimit > 0 && <CharacterCount elementId={id} maxLength={characterLimit} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n"],"names":["AccordionItem","id","title","content","children","className","disabled","isOpen","onToggle","triggerClassName","bodyClassName","fallbackId","useId","itemId","headerId","panelId","handleToggle","handleKeyDown","e","jsxs","join","jsx","ChevronDown","Accordion","name","items","itemClassName","allowMultiple","defaultOpenItems","triggersClassName","bodiesClassName","groupId","groupName","openItems","setOpenItems","useState","toggleItem","prev","newOpenItems","getItemId","index","isItemOpen","item","React","child","createElement","LoadingDots","activeIndex","setActiveIndex","useEffect","interval","prevIndex","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","linkTo","linkProps","type","rest","adjustedSize","buttonClasses","useFilledBackgroundColor","filledBackgroundColor","setFilledBackgroundColor","getFirstNonTransparentBackgroundColor","useCallback","element","currentElement","color","backgroundColor","checkbox","Checkbox","ref","filled","checked","onCheckedChange","props","generatedId","checkboxId","useMemo","parentBackgroundColor","isChecked","setIsChecked","handleChange","handleOnKeyDown","checkboxClasses","Check","Clickable","onButtonClick","buttonProps","StatusHelpMessage","elementId","message","ExclamationTriangle","CheckCircled","inputVariants","inputDefaults","Input","displayOnlyMode","errorMessage","successMessage","showPassword","setShowPassword","adjustedRound","inputClasses","EyeOpened","EyeClosed","Label","display","width","required","helpMessage","suffix","htmlFor","labelClasses","helpId","QuestionMarkCircled","Slot","isValidElement","allProps","cloneElement","node","RadioInput","onChange","baseClasses","handleClick","radioClasses","RadioGroupItem","value","isSelected","hideInput","description","useRadioFocus","selectedOptionIndex","focusedIndex","setFocusedIndex","clickedIndex","setClickedIndex","isMouseDown","setIsMouseDown","handleClicked","options","target","_a","setInitialFocus","indexToFocus","handleFocusPreceding","focusableElements","el","currentIndex","previousIndex","handleKeyboardNavigation","option","newIndex","getRadioOptions","radioGroup","handleFocus","handleMouseDown","handleMouseUp","RadioGroup","childrenClassName","hideInputs","processedOptions","acc","CharacterCount","maxLength","characterCount","setCharacterCount","textarea","updateCharacterCount","updatedCharacterCount","isError","useAutoExpand","autoExpand","adjustHeight","textareaVariants","textareaDefaults","Textarea","hideResizeHandle","characterLimit","adjustedHideResizeHandle"],"mappings":"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"}
1
+ {"version":3,"file":"components.cjs.js","sources":["../src/components/accordion/AccordionItem.tsx","../src/components/accordion/Accordion.tsx","../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/checkbox/hooks.ts","../src/components/checkbox/Checkbox.tsx","../src/components/clickable/Clickable.tsx","../src/shared/forms/StatusHelpMessage.tsx","../src/components/input/variants.ts","../src/components/input/Input.tsx","../src/components/label/Label.tsx","../src/components/slot/Slot.tsx","../src/components/radiogroup/RadioInput.tsx","../src/components/radiogroup/RadioGroupItem.tsx","../src/components/radiogroup/hooks.ts","../src/components/radiogroup/RadioGroup.tsx","../src/components/textarea/CharacterCount.tsx","../src/components/textarea/hooks.ts","../src/components/textarea/variants.ts","../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ChevronDown } from '../../symbols';\nimport { join } from '../../utils';\nimport { AccordionOption } from './Accordion';\n\nexport interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {\n children?: React.ReactNode;\n className?: string;\n isOpen?: boolean;\n onToggle?: () => void;\n triggerClassName?: string;\n bodyClassName?: string;\n}\n\nexport function AccordionItem({\n id,\n title,\n content,\n children,\n className = '',\n disabled = false,\n isOpen = false,\n onToggle,\n triggerClassName = '',\n bodyClassName = '',\n}: AccordionItemProps) {\n const fallbackId = useId();\n const itemId = id || `accordion-item-${fallbackId}`;\n const headerId = `${itemId}-header`;\n const panelId = `${itemId}-panel`;\n\n const handleToggle = () => {\n if (!disabled && onToggle) {\n onToggle();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handleToggle();\n }\n };\n\n return (\n <div className={join('border-b border-gray-200', disabled && 'opacity-60 cursor-not-allowed', className)}>\n <button\n id={headerId}\n type='button'\n className={join(\n 'w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary',\n disabled ? 'cursor-not-allowed' : 'hover:bg-gray-50/10 cursor-pointer',\n triggerClassName\n )}\n aria-expanded={isOpen}\n aria-controls={panelId}\n disabled={disabled}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n >\n <span>{title}</span>\n <span\n className={join(\n 'transform transition-transform duration-300 ease-linear',\n isOpen ? 'rotate-180' : 'rotate-0'\n )}\n aria-hidden='true'\n >\n <ChevronDown size={18} />\n </span>\n </button>\n\n <div\n id={panelId}\n role='region'\n aria-labelledby={headerId}\n className={join(\n 'transition-all duration-300 ease-linear px-4',\n isOpen ? 'max-h-96 opacity-100 overflow-auto py-3' : 'max-h-0 opacity-0 overflow-hidden',\n bodyClassName\n )}\n >\n {isOpen && (children || content)}\n </div>\n </div>\n );\n}\n","import React, { useId, useState } from 'react';\nimport { join } from '../../utils';\nimport { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionOption {\n id?: string;\n title: React.ReactNode;\n content: React.ReactNode;\n disabled?: boolean;\n defaultOpen?: boolean;\n}\n\nexport interface AccordionProps {\n name?: string;\n items?: AccordionOption[];\n children?: React.ReactElement<AccordionItemProps>[] | React.ReactElement<AccordionItemProps>;\n className?: string;\n itemClassName?: string;\n allowMultiple?: boolean;\n defaultOpenItems?: string[];\n triggersClassName?: string;\n bodiesClassName?: string;\n}\n\nexport function Accordion({\n name,\n items = [],\n children,\n className = '',\n itemClassName = '',\n allowMultiple = false,\n defaultOpenItems = [],\n triggersClassName = '',\n bodiesClassName = '',\n}: AccordionProps) {\n const groupId = useId();\n const groupName = name || `accordion-group-${groupId}`;\n const [openItems, setOpenItems] = useState<Set<string>>(new Set(defaultOpenItems));\n\n const toggleItem = (itemId: string) => {\n setOpenItems((prev) => {\n const newOpenItems = new Set(prev);\n\n if (newOpenItems.has(itemId)) {\n newOpenItems.delete(itemId);\n } else {\n if (!allowMultiple) {\n newOpenItems.clear();\n }\n newOpenItems.add(itemId);\n }\n\n return newOpenItems;\n });\n };\n\n const getItemId = (index: number) => `${groupId}-item-${index}`;\n const isItemOpen = (itemId: string) => openItems.has(itemId);\n\n return (\n <div id={groupName} className={className}>\n {/* Render from items prop */}\n {items.length > 0 &&\n items.map((item, index) => {\n const itemId = item.id || getItemId(index);\n return (\n <AccordionItem\n key={itemId}\n id={itemId}\n title={item.title}\n content={item.content}\n disabled={item.disabled}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n className={itemClassName}\n triggerClassName={triggersClassName}\n bodyClassName={bodiesClassName}\n />\n );\n })}\n\n {/* Render AccordionItem components */}\n {items.length === 0 &&\n children &&\n React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionItemProps>(child) && child.type === AccordionItem) {\n const itemId = child.props.id || getItemId(index);\n return (\n <AccordionItem\n {...child.props}\n key={itemId}\n id={itemId}\n className={join(itemClassName, child.props.className)}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n triggerClassName={join(triggersClassName, child.props.triggerClassName)}\n bodyClassName={join(bodiesClassName, child.props.bodyClassName)}\n />\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\nexport default function LoadingDots() {\n const [activeIndex, setActiveIndex] = useState(0);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n }, 500);\n\n return () => clearInterval(interval);\n }, []);\n\n return (\n <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n {[0, 1, 2].map((index) => (\n <div\n key={index}\n className={join(\n 'rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current',\n activeIndex === index && 'transform -translate-y-1'\n )}\n />\n ))}\n </div>\n );\n}\n","export const buttonVariants = {\n base: '',\n primary: 'bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n tertiary: 'text-primary hover:text-primary-foreground disabled:text-muted',\n outline: 'border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted',\n link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted',\n danger: 'bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n stripped: '',\n fitted: 'size-fit',\n sm: 'px-2 py-1 text-sm',\n md: 'px-4 py-2 text-base',\n lg: 'px-6 py-3 text-lg',\n icon: 'p-1 w-fit aspect-square',\n full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n variant: ButtonVariant;\n size: ButtonSize;\n rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n variant: 'primary',\n size: 'md',\n rounded: 'md',\n} as const;\n","// Button.tsx\nimport { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport LoadingDots from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n loading?: boolean;\n linkTo?: string;\n linkProps?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n}\n\nexport default function Button({\n variant = buttonDefaults.variant,\n size,\n rounded = buttonDefaults.rounded,\n loading,\n linkTo,\n linkProps,\n type = 'button',\n className,\n ...rest\n}: ButtonProps) {\n let adjustedSize: ButtonSize;\n if (variant === 'link' && !size) {\n // default links to fitted size\n adjustedSize = 'fitted';\n } else {\n adjustedSize = size || buttonDefaults.size;\n }\n\n const baseClasses =\n 'appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all';\n\n const buttonClasses = join(\n baseClasses,\n buttonVariants[variant],\n sizeVariants[adjustedSize],\n roundedVariants[rounded],\n loading && 'relative pointer-events-none',\n linkTo && 'relative',\n className\n );\n\n return (\n <button\n {...rest}\n role={linkTo ? 'link' : rest.role}\n aria-label={rest['aria-label'] || linkProps?.['aria-label']}\n aria-description={rest['aria-description'] || linkProps?.['aria-description']}\n aria-disabled={rest.disabled || loading}\n aria-busy={loading}\n type={type}\n className={buttonClasses}\n >\n {loading && <LoadingDots />}\n <span className={join(loading && 'invisible')}>{rest.children}</span>\n\n {linkTo && !rest.disabled && (\n <a\n {...linkProps}\n aria-hidden={true} // Hide from screen readers since the button is already accessible\n href={linkTo}\n target={linkProps?.target || '_blank'}\n rel={linkProps?.rel || 'noreferrer'}\n className='absolute inset-0'\n />\n )}\n </button>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useFilledBackgroundColor(id: string) {\n const [filledBackgroundColor, setFilledBackgroundColor] = useState<string>('');\n\n const getFirstNonTransparentBackgroundColor = useCallback((element: Element | null): string => {\n let currentElement = element;\n let color = '';\n while (currentElement && !color) {\n const backgroundColor = window.getComputedStyle(currentElement).backgroundColor;\n if (backgroundColor && backgroundColor !== 'transparent' && backgroundColor !== 'rgba(0, 0, 0, 0)') {\n color = backgroundColor;\n }\n currentElement = currentElement.parentElement;\n }\n return color || 'transparent';\n }, []);\n\n useEffect(() => {\n const checkbox = document.getElementById(id);\n if (checkbox) {\n const backgroundColor = getFirstNonTransparentBackgroundColor(checkbox.parentElement);\n setFilledBackgroundColor(backgroundColor);\n }\n }, [id, getFirstNonTransparentBackgroundColor]);\n\n return filledBackgroundColor;\n}\n","import React, { Ref, useEffect, useId, useMemo, useState } from 'react';\nimport Check from '../../symbols/Check';\nimport { join } from '../../utils';\nimport { useFilledBackgroundColor } from './hooks';\n\nexport interface CheckboxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n size?: number;\n color?: string; // can be adjusted with tailwindcss by using `text-<color>`\n filled?: boolean;\n rounded?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport default function Checkbox({\n ref,\n id,\n size = 20,\n color,\n filled = false,\n rounded = true,\n checked = false,\n onCheckedChange,\n disabled,\n className = '',\n ...props\n}: CheckboxProps) {\n const generatedId = useId();\n const checkboxId = useMemo(() => id || `checkbox-${generatedId}`, [id, generatedId]);\n const parentBackgroundColor = useFilledBackgroundColor(checkboxId);\n const [isChecked, setIsChecked] = useState(checked);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const handleChange = () => {\n if (!disabled) {\n setIsChecked(!isChecked);\n onCheckedChange?.(!isChecked);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === ' ') {\n e.preventDefault();\n handleChange();\n }\n };\n\n const checkboxClasses = join(\n 'flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2',\n rounded && 'rounded',\n disabled && 'opacity-40 cursor-not-allowed',\n !disabled && 'cursor-pointer',\n className\n );\n\n return (\n <button\n id={checkboxId}\n type='button'\n ref={ref}\n tabIndex={0}\n role='checkbox'\n onClick={handleChange}\n aria-checked={isChecked}\n aria-disabled={disabled}\n onKeyDownCapture={handleOnKeyDown}\n style={{\n width: size,\n height: size,\n color: color,\n backgroundColor: isChecked && filled ? 'currentcolor' : 'transparent',\n }}\n className={checkboxClasses}\n {...props}\n >\n {isChecked && <Check size={size} color={filled ? parentBackgroundColor : undefined} />}\n </button>\n );\n}\n","import { join } from '../../utils';\n\ninterface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {\n children: React.ReactNode;\n linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];\n linkProps?: Omit<React.HTMLProps<HTMLAnchorElement>, 'href'>;\n onButtonClick?: React.HTMLProps<HTMLButtonElement>['onClick'];\n buttonProps?: Omit<React.HTMLProps<HTMLButtonElement>, 'onClick'>;\n}\n\nexport default function Clickable({\n children,\n className,\n linkTo,\n linkProps,\n onButtonClick,\n buttonProps,\n ...props\n}: ClickableProps) {\n if (linkTo && onButtonClick) {\n console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.');\n }\n\n return (\n <div className={join('relative w-fit', className)} {...props}>\n {children}\n\n {/* Link */}\n {linkTo && (\n <a\n {...linkProps}\n href={linkTo}\n className={join('absolute inset-0', linkProps?.className)}\n />\n )}\n\n {/* Button */}\n {!linkTo && onButtonClick && (\n <button\n {...buttonProps}\n type='button'\n onClick={onButtonClick}\n className={join('absolute inset-0 cursor-pointer', buttonProps?.className)}\n />\n )}\n </div>\n );\n}\n","import { useEffect } from 'react';\nimport { CheckCircled, ExclamationTriangle } from '../../symbols';\nimport { join } from '../../utils';\n\ninterface StatusHelpMessageProps {\n elementId: string;\n type: 'error' | 'success';\n message?: string;\n}\n\nexport default function StatusHelpMessage({ elementId, type, message }: StatusHelpMessageProps) {\n useEffect(() => {\n const element = document.getElementById(elementId) as HTMLElement;\n if (!element) {\n return;\n }\n if (!message && type === 'error') {\n element.removeAttribute('data-error');\n return;\n }\n if (!message && type === 'success') {\n element.removeAttribute('data-success');\n return;\n }\n\n element.setAttribute('aria-describedby', `${elementId}-${type}-message`);\n element.setAttribute('aria-invalid', type === 'error' ? 'true' : 'false');\n\n if (type === 'error') {\n element.setAttribute('data-error', 'true');\n }\n if (type === 'success') {\n element.setAttribute('data-success', 'true');\n }\n\n return () => {\n element.removeAttribute('aria-describedby');\n element.removeAttribute('aria-invalid');\n element.removeAttribute('data-error');\n element.removeAttribute('data-success');\n };\n }, [elementId, type, message]);\n\n if (!message) {\n return null;\n }\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start',\n type === 'error' && 'text-danger',\n type === 'success' && 'text-success'\n )}\n role='status'\n >\n {type === 'error' ? <ExclamationTriangle /> : <CheckCircled />}\n <span id={`${elementId}-${type}-message`}>{message}</span>\n </small>\n );\n}\n","export const inputVariants = {\n base: '',\n default:\n 'ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success',\n underline:\n 'border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type InputVariant = keyof typeof inputVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type InputRounded = keyof typeof roundedVariants;\n\nexport interface InputVariants {\n variant: InputVariant;\n rounded: InputRounded;\n}\n\nexport const inputDefaults: InputVariants = {\n variant: 'default',\n rounded: 'none',\n} as const;\n","import { Ref, useId, useState } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { EyeClosed, EyeOpened } from '../../symbols';\nimport { join } from '../../utils';\nimport './styles.css';\nimport { inputDefaults, inputVariants, InputVariants, roundedVariants } from './variants';\n\ninterface InputProps extends Partial<InputVariants>, React.InputHTMLAttributes<HTMLInputElement> {\n ref?: Ref<HTMLInputElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n}\n\nexport default function Input({\n variant = inputDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n type = 'text',\n className,\n ...rest\n}: InputProps) {\n const id = useId();\n const [showPassword, setShowPassword] = useState(false);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || inputDefaults.rounded;\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n const fileClasses =\n 'file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors';\n\n const inputClasses = join(\n baseClasses,\n fileClasses,\n !displayOnlyMode && inputVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n type === 'password' && 'pr-10',\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n className\n );\n\n return (\n <div className={join(displayOnlyMode && 'cursor-text')} style={{ height: rest.height, width: rest.width }}>\n <div className={join(type === 'password' && 'relative')}>\n <input\n {...rest}\n id={id}\n type={type === 'password' && showPassword ? 'text' : type}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n data-error={errorMessage ? true : undefined}\n data-success={successMessage ? true : undefined}\n className={inputClasses}\n />\n {type === 'password' && (\n <button\n onClick={() => setShowPassword(!showPassword)}\n className='absolute inset-y-0 right-0 px-2 hover:cursor-pointer'\n aria-label='Toggle password visibility'\n data-state={showPassword ? 'visible' : 'hidden'}\n >\n {showPassword ? <EyeOpened size={20} /> : <EyeClosed size={20} />}\n </button>\n )}\n </div>\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport { QuestionMarkCircled } from '../../symbols';\nimport { join } from '../../utils';\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n display?: 'block' | 'inline';\n width?: React.CSSProperties['width'];\n required?: boolean;\n helpMessage?: string;\n suffix?: React.ReactNode;\n}\n\nexport function Label({\n display = 'inline',\n width = 'fit-content',\n className = '',\n required,\n helpMessage,\n suffix,\n htmlFor,\n children,\n ...props\n}: LabelProps) {\n const id = useId();\n const labelClasses = join('font-medium', display, className);\n const helpId = helpMessage ? `${htmlFor ?? id}-help` : undefined;\n\n return (\n <div style={{ display: display === 'inline' ? 'inline-flex' : 'flex', width }} className='relative'>\n <label className={labelClasses} htmlFor={htmlFor} {...props}>\n {children}\n {required && (\n <span className='text-red-500 font-medium ml-1' aria-label='required'>\n *\n </span>\n )}\n </label>\n {helpMessage && (\n <span\n className='text-gray-500 ml-1 size-fit -translate-y-1/3'\n aria-describedby={helpId}\n aria-label='Help information'\n title={helpMessage}\n >\n <QuestionMarkCircled />\n </span>\n )}\n {helpMessage && (\n <div id={helpId} className='sr-only'>\n {helpMessage}\n </div>\n )}\n {suffix && <span className='ml-1'>{suffix}</span>}\n </div>\n );\n}\n","import React, {\n cloneElement,\n createElement,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\n\ninterface SlotProps<T> extends HTMLAttributes<T> {\n children?: ReactNode;\n ref?: Ref<T>;\n}\n\nexport function Slot<T = HTMLElement>({ children, ref, ...props }: SlotProps<T>) {\n\n if (isValidElement(children)) {\n let allProps = { ...props };\n if (children.props) {\n allProps = { ...allProps, ...children.props };\n }\n return cloneElement(children, {\n ...allProps,\n ref: (node: T) => {\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n (ref as React.RefObject<T>).current = node;\n }\n },\n } as unknown as ReactElement);\n }\n\n // If not asChild or no valid child, render as div\n return createElement('div', { ...props, ref }, children);\n}\n","import { join } from '../../utils';\n\nexport type RadioInputProps = {\n itemId: string;\n checked: boolean;\n onChange: () => void;\n name: string;\n disabled?: boolean;\n className?: string;\n};\n\n// Custom RadioInput Component\nexport function RadioInput({ itemId, checked, onChange, name, disabled = false, className = '' }: RadioInputProps) {\n const baseClasses = 'relative inline-flex items-center justify-center rounded-full';\n\n const handleClick = () => {\n if (disabled) return;\n onChange();\n };\n\n const radioClasses = join(\n baseClasses,\n !checked && 'hover:border-current/60',\n !disabled && 'border-current cursor-pointer',\n disabled && 'border-muted/60 cursor-not-allowed',\n className\n );\n return (\n <div\n id={itemId}\n role='radio'\n tabIndex={-1} // necessary so that the radio button can be focused as div is not a focusable element\n aria-checked={checked}\n aria-disabled={disabled}\n aria-description={`Radio button for ${name}`}\n aria-labelledby={`${itemId}-label`}\n onClick={handleClick}\n className={radioClasses}\n style={{\n width: '1em',\n height: '1em',\n padding: '0.1em',\n borderWidth: '0.06em',\n }}\n >\n {checked && (\n <div\n className={join(`size-full aspect-square rounded-full`, disabled && 'bg-muted/60', !disabled && 'bg-current')}\n />\n )}\n </div>\n );\n}\n","import { useId } from 'react';\nimport { join } from '../../utils';\nimport { RadioInput } from './RadioInput';\n\nexport interface RadioGroupItemProps {\n value: string;\n children: React.ReactNode;\n className?: string;\n isSelected?: boolean;\n onChange?: (value: string) => void;\n disabled?: boolean;\n name?: string;\n hideInput?: boolean;\n description?: string;\n}\n\nexport function RadioGroupItem({\n value,\n children,\n className = '',\n isSelected = false,\n onChange,\n disabled = false,\n hideInput = false,\n description,\n name,\n}: RadioGroupItemProps) {\n const id = useId();\n const itemId = `radio-${id}-${value}`;\n\n const handleChange = () => {\n if (!disabled) {\n onChange?.(value);\n }\n };\n\n return (\n <div\n title={description}\n className={join(\n 'relative flex items-center',\n className,\n // Uses text color for borders\n hideInput &&\n `p-2 border-2 focus-within:border-dashed focus-within:${\n disabled ? 'border-current/50' : 'border-current/80'\n }`,\n hideInput && !isSelected && `border-transparent ${disabled ? '' : 'not-focus-within:hover:border-border/60'}`,\n hideInput && isSelected && 'border-border',\n disabled && 'opacity-60 cursor-not-allowed'\n )}\n style={{\n gap: '0.5em',\n }}\n >\n {!hideInput && (\n <RadioInput\n itemId={itemId}\n name={name || ''}\n checked={isSelected}\n onChange={handleChange}\n disabled={disabled}\n className={join(hideInput && '')}\n />\n )}\n <div\n id={hideInput ? itemId : undefined}\n tabIndex={hideInput ? -1 : undefined}\n role={hideInput ? 'radio' : undefined}\n onClick={hideInput ? handleChange : undefined}\n aria-checked={!hideInput ? undefined : isSelected ? 'true' : 'false'}\n aria-disabled={hideInput ? disabled : undefined}\n aria-description={!hideInput ? undefined : description || `Radio button for ${name}`}\n aria-labelledby={hideInput ? `${itemId}-label` : undefined}\n className={join(hideInput && 'size-full', typeof children === 'object' && 'grow focus:outline-none')}\n >\n <label\n id={`${itemId}-label`}\n onClick={hideInput ? undefined : handleChange}\n className={join(disabled && 'cursor-not-allowed', !disabled && 'cursor-pointer')}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useRadioFocus(id: string, selectedOptionIndex: number) {\n // Manage state locally to avoid race conditions, which can result in\n // the an option failing to be selected or incorrectly selected\n const [focusedIndex, setFocusedIndex] = useState<number>(selectedOptionIndex);\n const [clickedIndex, setClickedIndex] = useState<number>(-1);\n // Prevent onClicks from triggering focus events and automatically selecting the first option\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n\n const handleClicked = useCallback((options: HTMLElement[], index: number) => {\n const target = options[index] as HTMLElement;\n\n // Check if the target element is disabled\n const isDisabled = target.hasAttribute('disabled') || target.getAttribute('aria-disabled') === 'true';\n if (isDisabled) return;\n\n // Update the selected index\n options[index]?.click();\n setClickedIndex(index);\n }, []);\n\n const setInitialFocus = useCallback(\n (e: Event, options: HTMLElement[]) => {\n e.preventDefault();\n if (isMouseDown) return;\n if (!options.length) return;\n\n const indexToFocus = selectedOptionIndex !== -1 ? selectedOptionIndex : 0;\n options[indexToFocus]?.focus();\n setFocusedIndex(indexToFocus);\n\n // Only update the selected index if one is already set\n if (selectedOptionIndex !== -1) {\n handleClicked(options, indexToFocus);\n }\n },\n [selectedOptionIndex, isMouseDown, handleClicked]\n );\n\n /* Focus preceding element when Shift + Tab is pressed */\n const handleFocusPreceding = useCallback(\n (e: KeyboardEvent) => {\n // If the Shift key is not pressed while tab is entered, do nothing\n if (!e.shiftKey) {\n return;\n }\n\n e.preventDefault();\n const focusableElements = Array.from(\n document.querySelectorAll<HTMLElement>(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((el) => !el.hasAttribute('disabled') && el.tabIndex >= 0);\n const currentIndex = focusableElements.findIndex((el) => el.id === id);\n const previousIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n focusableElements[previousIndex]?.focus();\n },\n [id]\n );\n\n const handleKeyboardNavigation = useCallback(\n (e: KeyboardEvent, options: HTMLElement[]) => {\n if (!options.length) return;\n\n // Ensure we only toggle options part of radio group\n const target = e.target as HTMLElement;\n const isGroupOption = options.some((option) => option.id === target.id);\n if (!isGroupOption) return;\n\n const currentIndex = focusedIndex !== -1 ? focusedIndex : 0;\n let newIndex = currentIndex;\n\n switch (e.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n e.preventDefault();\n newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n break;\n\n case 'ArrowDown':\n case 'ArrowRight':\n e.preventDefault();\n newIndex = (currentIndex + 1) % options.length;\n break;\n\n // Select the option when the space key is pressed\n case ' ':\n e.preventDefault();\n handleClicked(options, currentIndex);\n return;\n\n case 'Tab':\n handleFocusPreceding(e);\n return;\n\n default:\n return;\n }\n\n options[newIndex]?.focus();\n setFocusedIndex(newIndex);\n // Only update the selected index if one is already set\n if (clickedIndex !== -1) {\n handleClicked(options, newIndex);\n }\n },\n [focusedIndex, clickedIndex, handleFocusPreceding, handleClicked]\n );\n\n const getRadioOptions = useCallback((): HTMLElement[] => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return [];\n\n return Array.from(radioGroup.querySelectorAll('[role=\"radio\"]'));\n }, [id]);\n\n useEffect(() => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return;\n\n const options = getRadioOptions();\n const handleFocus = (e: Event) => setInitialFocus(e, options);\n const handleKeyDown = (e: KeyboardEvent) => handleKeyboardNavigation(e, options);\n const handleMouseDown = () => setIsMouseDown(true);\n const handleMouseUp = () => setIsMouseDown(false);\n\n document.addEventListener('keydown', handleKeyDown);\n radioGroup.addEventListener('focus', handleFocus);\n radioGroup.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('mouseup', handleMouseUp); // place on document since mouseup event can occur outside of radio group\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n radioGroup.removeEventListener('focus', handleFocus);\n radioGroup.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [id, getRadioOptions, setInitialFocus, handleKeyboardNavigation]);\n}\n","import React, { useId, useMemo } from 'react';\nimport { join } from '../../utils';\nimport { RadioGroupItem, RadioGroupItemProps } from './RadioGroupItem';\nimport { useRadioFocus } from './hooks';\n\nexport type RadioOption = { label: string; value: string; disabled?: boolean; description?: string };\n\nexport type RadioGroupProps = {\n options?: (string | RadioOption)[];\n value: string | undefined;\n onChange: (value: string) => void;\n name?: string;\n children?: React.ReactElement<RadioGroupItemProps>[] | React.ReactElement<RadioGroupItemProps>;\n className?: string;\n childrenClassName?: string;\n hideInputs?: boolean;\n};\n\nexport function RadioGroup({\n options = [],\n value,\n onChange,\n name,\n children,\n className = '',\n childrenClassName = '',\n hideInputs = false,\n}: RadioGroupProps) {\n const groupId = useId();\n const groupName = name || `radio-group-${groupId}`;\n useRadioFocus(\n groupName,\n options.findIndex((option) => option === value)\n );\n\n // Check for duplicates if string options are provided\n const processedOptions = useMemo(() => {\n return options.reduce<RadioOption[]>((acc, option) => {\n if (typeof option === 'string') {\n // Check if we already have this string option\n if (!acc.some((item) => item.value === option)) {\n acc.push({ label: option, value: option });\n }\n } else {\n acc.push(option);\n }\n return acc;\n }, []);\n }, [options]);\n\n return (\n <div id={groupName} role='radiogroup' tabIndex={0} className={join(className, 'focus:outline-none')}>\n {/* Render from options prop */}\n {processedOptions.length > 0 &&\n processedOptions.map((option, index) => (\n <RadioGroupItem\n key={`${option.value}-${index}`}\n value={option.value}\n isSelected={value === option.value}\n onChange={onChange}\n name={groupName}\n disabled={option.disabled}\n description={option.description}\n hideInput={hideInputs}\n className={childrenClassName}\n >\n {option.label}\n </RadioGroupItem>\n ))}\n\n {/* Render RadioGroupItem components */}\n {processedOptions.length === 0 &&\n children &&\n React.Children.map(children, (child) => {\n // TypeScript enforces that child is a RadioGroupItem\n if (React.isValidElement(child) && child.type === RadioGroupItem) {\n return (\n <RadioGroupItem\n {...child.props}\n className={join(childrenClassName, child.props.className)}\n hideInput={child.props.hideInput || hideInputs}\n isSelected={value === child.props.value}\n onChange={onChange}\n name={groupName}\n >\n {child.props.children}\n </RadioGroupItem>\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\ninterface CharacterCountProps {\n elementId: string;\n maxLength: number;\n}\n\nexport default function CharacterCount({ elementId, maxLength }: CharacterCountProps) {\n const [characterCount, setCharacterCount] = useState(0);\n\n useEffect(() => {\n const textarea = document.getElementById(elementId) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n const updateCharacterCount = () => {\n const updatedCharacterCount = textarea.value.length;\n setCharacterCount(updatedCharacterCount);\n const isError = updatedCharacterCount >= maxLength;\n textarea.setAttribute('aria-describedby', `${elementId}-character-count`);\n textarea.setAttribute('aria-invalid', isError ? 'true' : 'false');\n\n if (isError) {\n textarea.setAttribute('data-error', 'true');\n } else {\n textarea.removeAttribute('data-error');\n }\n };\n\n updateCharacterCount();\n textarea.addEventListener('input', updateCharacterCount);\n textarea.setAttribute('maxlength', String(maxLength));\n\n return () => {\n textarea.removeEventListener('input', updateCharacterCount);\n textarea.removeAttribute('maxlength');\n textarea.removeAttribute('aria-describedby');\n textarea.removeAttribute('aria-invalid');\n textarea.removeAttribute('data-error');\n };\n }, [elementId, maxLength]);\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end',\n characterCount >= maxLength && 'text-danger',\n characterCount < maxLength && 'text-current'\n )}\n role='status'\n >\n <span id={`${elementId}-character-count`}>\n {characterCount} / {maxLength} characters\n </span>\n </small>\n );\n}\n","import { useEffect } from 'react';\n\nexport function useAutoExpand(id: string, autoExpand: boolean) {\n useEffect(() => {\n const textarea = document.getElementById(id) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n if (!autoExpand) {\n textarea.style.height = 'auto';\n return;\n }\n\n const adjustHeight = () => {\n // necessary to reset the height to `auto` before calculating the new height\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n };\n\n adjustHeight();\n textarea.addEventListener('input', adjustHeight);\n textarea.addEventListener('resize', adjustHeight);\n window.addEventListener('resize', adjustHeight);\n\n return () => {\n textarea.removeEventListener('input', adjustHeight);\n textarea.removeEventListener('resize', adjustHeight);\n window.removeEventListener('resize', adjustHeight);\n };\n }, [id, autoExpand]);\n}\n","export const textareaVariants = {\n base: '',\n 'left-line':\n 'border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type TextareaVariant = keyof typeof textareaVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type TextareaRounded = keyof typeof roundedVariants;\n\nexport interface TextareaVariants {\n variant: TextareaVariant;\n rounded: TextareaRounded;\n}\n\nexport const textareaDefaults: TextareaVariants = {\n variant: 'outline',\n rounded: 'none',\n} as const;\n","import { Ref, useId } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { join } from '../../utils';\nimport CharacterCount from './CharacterCount';\nimport { useAutoExpand } from './hooks';\nimport './styles.css';\nimport { roundedVariants, textareaDefaults, textareaVariants, TextareaVariants } from './variants';\n\ninterface TextareaProps extends Partial<TextareaVariants>, React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n ref?: Ref<HTMLTextAreaElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n hideResizeHandle?: boolean; // only works for Webkit browsers\n autoExpand?: boolean;\n characterLimit?: number;\n}\n\nexport default function Textarea({\n variant = textareaDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n hideResizeHandle = false,\n autoExpand = false,\n characterLimit = 0,\n className,\n ...rest\n}: TextareaProps) {\n const id = useId();\n useAutoExpand(id, autoExpand || displayOnlyMode);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || textareaDefaults.rounded;\n\n let adjustedHideResizeHandle = hideResizeHandle;\n if (displayOnlyMode || (variant === 'left-line' && !hideResizeHandle)) {\n adjustedHideResizeHandle = true;\n }\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n\n const inputClasses = join(\n baseClasses,\n !displayOnlyMode && textareaVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n adjustedHideResizeHandle && 'no-resize-handle',\n\n className\n );\n\n return (\n <div className={join('-space-y-1.5', displayOnlyMode && 'cursor-text')}>\n <textarea\n {...rest}\n id={id}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n style={{\n resize: autoExpand ? 'none' : undefined,\n }}\n className={inputClasses}\n />\n {characterLimit > 0 && <CharacterCount elementId={id} maxLength={characterLimit} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n"],"names":["AccordionItem","id","title","content","children","className","disabled","isOpen","onToggle","triggerClassName","bodyClassName","fallbackId","useId","itemId","headerId","panelId","handleToggle","handleKeyDown","e","jsxs","join","jsx","ChevronDown","Accordion","name","items","itemClassName","allowMultiple","defaultOpenItems","triggersClassName","bodiesClassName","groupId","groupName","openItems","setOpenItems","useState","toggleItem","prev","newOpenItems","getItemId","index","isItemOpen","item","React","child","createElement","LoadingDots","activeIndex","setActiveIndex","useEffect","interval","prevIndex","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","linkTo","linkProps","type","rest","adjustedSize","buttonClasses","useFilledBackgroundColor","filledBackgroundColor","setFilledBackgroundColor","getFirstNonTransparentBackgroundColor","useCallback","element","currentElement","color","backgroundColor","checkbox","Checkbox","ref","filled","checked","onCheckedChange","props","generatedId","checkboxId","useMemo","parentBackgroundColor","isChecked","setIsChecked","handleChange","handleOnKeyDown","checkboxClasses","Check","Clickable","onButtonClick","buttonProps","StatusHelpMessage","elementId","message","ExclamationTriangle","CheckCircled","inputVariants","inputDefaults","Input","displayOnlyMode","errorMessage","successMessage","showPassword","setShowPassword","adjustedRound","inputClasses","EyeOpened","EyeClosed","Label","display","width","required","helpMessage","suffix","htmlFor","labelClasses","helpId","QuestionMarkCircled","Slot","isValidElement","allProps","cloneElement","node","RadioInput","onChange","baseClasses","handleClick","radioClasses","RadioGroupItem","value","isSelected","hideInput","description","useRadioFocus","selectedOptionIndex","focusedIndex","setFocusedIndex","clickedIndex","setClickedIndex","isMouseDown","setIsMouseDown","handleClicked","options","target","_a","setInitialFocus","indexToFocus","handleFocusPreceding","focusableElements","el","currentIndex","previousIndex","handleKeyboardNavigation","option","newIndex","getRadioOptions","radioGroup","handleFocus","handleMouseDown","handleMouseUp","RadioGroup","childrenClassName","hideInputs","processedOptions","acc","CharacterCount","maxLength","characterCount","setCharacterCount","textarea","updateCharacterCount","updatedCharacterCount","isError","useAutoExpand","autoExpand","adjustHeight","textareaVariants","textareaDefaults","Textarea","hideResizeHandle","characterLimit","adjustedHideResizeHandle"],"mappings":"oNAcO,SAASA,EAAc,CAC5B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,OAAAC,EAAS,GACT,SAAAC,EACA,iBAAAC,EAAmB,GACnB,cAAAC,EAAgB,EAClB,EAAuB,CACrB,MAAMC,EAAaC,EAAAA,MAAM,EACnBC,EAASZ,GAAM,kBAAkBU,CAAU,GAC3CG,EAAW,GAAGD,CAAM,UACpBE,EAAU,GAAGF,CAAM,SAEnBG,EAAe,IAAM,CACrB,CAACV,GAAYE,GACNA,EAAA,CAEb,EAEMS,EAAiBC,GAA2B,EAC5CA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAe,EACJF,EAAA,EAEjB,EAGE,OAAAG,OAAC,OAAI,UAAWC,EAAA,KAAK,2BAA4Bd,GAAY,gCAAiCD,CAAS,EACrG,SAAA,CAAAc,EAAA,KAAC,SAAA,CACC,GAAIL,EACJ,KAAK,SACL,UAAWM,EAAA,KACT,qGACAd,EAAW,qBAAuB,qCAClCG,CACF,EACA,gBAAeF,EACf,gBAAeQ,EACf,SAAAT,EACA,QAASU,EACT,UAAWC,EAEX,SAAA,CAAAI,EAAAA,IAAC,QAAM,SAAMnB,CAAA,CAAA,EACbmB,EAAA,IAAC,OAAA,CACC,UAAWD,EAAA,KACT,0DACAb,EAAS,aAAe,UAC1B,EACA,cAAY,OAEZ,SAAAc,EAAAA,IAACC,EAAAA,YAAY,CAAA,KAAM,EAAI,CAAA,CAAA,CAAA,CACzB,CAAA,CACF,EAEAD,EAAA,IAAC,MAAA,CACC,GAAIN,EACJ,KAAK,SACL,kBAAiBD,EACjB,UAAWM,EAAA,KACT,+CACAb,EAAS,0CAA4C,oCACrDG,CACF,EAEC,aAAWN,GAAYD,EAAA,CAAA,CAC1B,EACF,CAEJ,CC9DO,SAASoB,EAAU,CACxB,KAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,SAAArB,EACA,UAAAC,EAAY,GACZ,cAAAqB,EAAgB,GAChB,cAAAC,EAAgB,GAChB,iBAAAC,EAAmB,CAAC,EACpB,kBAAAC,EAAoB,GACpB,gBAAAC,EAAkB,EACpB,EAAmB,CACjB,MAAMC,EAAUnB,EAAAA,MAAM,EAChBoB,EAAYR,GAAQ,mBAAmBO,CAAO,GAC9C,CAACE,EAAWC,CAAY,EAAIC,WAAsB,IAAI,IAAIP,CAAgB,CAAC,EAE3EQ,EAAcvB,GAAmB,CACrCqB,EAAcG,GAAS,CACf,MAAAC,EAAe,IAAI,IAAID,CAAI,EAE7B,OAAAC,EAAa,IAAIzB,CAAM,EACzByB,EAAa,OAAOzB,CAAM,GAErBc,GACHW,EAAa,MAAM,EAErBA,EAAa,IAAIzB,CAAM,GAGlByB,CAAA,CACR,CACH,EAEMC,EAAaC,GAAkB,GAAGT,CAAO,SAASS,CAAK,GACvDC,EAAc5B,GAAmBoB,EAAU,IAAIpB,CAAM,EAE3D,OACGM,EAAAA,KAAA,MAAA,CAAI,GAAIa,EAAW,UAAA3B,EAEjB,SAAA,CAAAoB,EAAM,OAAS,GACdA,EAAM,IAAI,CAACiB,EAAMF,IAAU,CACzB,MAAM3B,EAAS6B,EAAK,IAAMH,EAAUC,CAAK,EAEvC,OAAAnB,EAAA,IAACrB,EAAA,CAEC,GAAIa,EACJ,MAAO6B,EAAK,MACZ,QAASA,EAAK,QACd,SAAUA,EAAK,SACf,OAAQD,EAAW5B,CAAM,EACzB,SAAU,IAAMuB,EAAWvB,CAAM,EACjC,UAAWa,EACX,iBAAkBG,EAClB,cAAeC,CAAA,EATVjB,CAUP,CAAA,CAEH,EAGFY,EAAM,SAAW,GAChBrB,GACAuC,EAAM,SAAS,IAAIvC,EAAU,CAACwC,EAAOJ,IAAU,CAC7C,GAAIG,EAAM,eAAmCC,CAAK,GAAKA,EAAM,OAAS5C,EAAe,CACnF,MAAMa,EAAS+B,EAAM,MAAM,IAAML,EAAUC,CAAK,EAE9C,OAAAK,EAAA,cAAC7C,EAAA,CACE,GAAG4C,EAAM,MACV,IAAK/B,EACL,GAAIA,EACJ,UAAWO,EAAAA,KAAKM,EAAekB,EAAM,MAAM,SAAS,EACpD,OAAQH,EAAW5B,CAAM,EACzB,SAAU,IAAMuB,EAAWvB,CAAM,EACjC,iBAAkBO,EAAAA,KAAKS,EAAmBe,EAAM,MAAM,gBAAgB,EACtE,cAAexB,EAAAA,KAAKU,EAAiBc,EAAM,MAAM,aAAa,CAAA,CAChE,CAAA,CAGG,OAAA,IACR,CAAA,CAAA,EACL,CAEJ,CCrGA,SAAwBE,GAAc,CACpC,KAAM,CAACC,EAAaC,CAAc,EAAIb,EAAAA,SAAS,CAAC,EAEhDc,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAW,YAAY,IAAM,CACjCF,EAAgBG,IAAeA,EAAY,GAAK,CAAC,GAChD,GAAG,EAEC,MAAA,IAAM,cAAcD,CAAQ,CACrC,EAAG,EAAE,EAGH7B,EAAA,IAAC,MAAI,CAAA,UAAU,gFACZ,SAAA,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKmB,GACdnB,EAAA,IAAC,MAAA,CAEC,UAAWD,EAAA,KACT,gFACA2B,IAAgBP,GAAS,0BAAA,CAC3B,EAJKA,CAMR,CAAA,EACH,CAEJ,CC3BO,MAAMY,EAAiB,CAC5B,KAAM,GACN,QAAS,0GACT,UAAW,sHACX,SAAU,iEACV,QAAS,6IACT,KAAM,4EACN,OAAQ,sGACV,EAGaC,EAAe,CAC1B,SAAU,GACV,OAAQ,WACR,GAAI,oBACJ,GAAI,sBACJ,GAAI,oBACJ,KAAM,0BACN,KAAM,YACR,EAGaC,EAAkB,CAC7B,KAAM,eACN,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,KAAM,cACR,EASaC,EAAiC,CAC5C,QAAS,UACT,KAAM,KACN,QAAS,IACX,EC5BA,SAAwBC,EAAO,CAC7B,QAAAC,EAAUF,EAAe,QACzB,KAAAG,EACA,QAAAC,EAAUJ,EAAe,QACzB,QAAAK,EACA,OAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,SACP,UAAA1D,EACA,GAAG2D,CACL,EAAgB,CACV,IAAAC,EACAR,IAAY,QAAU,CAACC,EAEVO,EAAA,SAEfA,EAAeP,GAAQH,EAAe,KAMxC,MAAMW,EAAgB9C,EAAA,KAFpB,iJAIAgC,EAAeK,CAAO,EACtBJ,EAAaY,CAAY,EACzBX,EAAgBK,CAAO,EACvBC,GAAW,+BACXC,GAAU,WACVxD,CACF,EAGE,OAAAc,EAAA,KAAC,SAAA,CACE,GAAG6C,EACJ,KAAMH,EAAS,OAASG,EAAK,KAC7B,aAAYA,EAAK,YAAY,IAAKF,GAAA,YAAAA,EAAY,eAC9C,mBAAkBE,EAAK,kBAAkB,IAAKF,GAAA,YAAAA,EAAY,qBAC1D,gBAAeE,EAAK,UAAYJ,EAChC,YAAWA,EACX,KAAAG,EACA,UAAWG,EAEV,SAAA,CAAAN,SAAYd,EAAY,EAAA,EACzBzB,EAAAA,IAAC,QAAK,UAAWD,OAAKwC,GAAW,WAAW,EAAI,WAAK,SAAS,EAE7DC,GAAU,CAACG,EAAK,UACf3C,EAAA,IAAC,IAAA,CACE,GAAGyC,EACJ,cAAa,GACb,KAAMD,EACN,QAAQC,GAAA,YAAAA,EAAW,SAAU,SAC7B,KAAKA,GAAA,YAAAA,EAAW,MAAO,aACvB,UAAU,kBAAA,CAAA,CACZ,CAAA,CAEJ,CAEJ,CCrEO,SAASK,EAAyBlE,EAAY,CACnD,KAAM,CAACmE,EAAuBC,CAAwB,EAAIlC,EAAAA,SAAiB,EAAE,EAEvEmC,EAAwCC,cAAaC,GAAoC,CAC7F,IAAIC,EAAiBD,EACjBE,EAAQ,GACL,KAAAD,GAAkB,CAACC,GAAO,CAC/B,MAAMC,EAAkB,OAAO,iBAAiBF,CAAc,EAAE,gBAC5DE,GAAmBA,IAAoB,eAAiBA,IAAoB,qBACtED,EAAAC,GAEVF,EAAiBA,EAAe,aAAA,CAElC,OAAOC,GAAS,aAClB,EAAG,EAAE,EAELzB,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAA2B,EAAW,SAAS,eAAe3E,CAAE,EAC3C,GAAI2E,EAAU,CACN,MAAAD,EAAkBL,EAAsCM,EAAS,aAAa,EACpFP,EAAyBM,CAAe,CAAA,CAC1C,EACC,CAAC1E,EAAIqE,CAAqC,CAAC,EAEvCF,CACT,CCZA,SAAwBS,EAAS,CAC/B,IAAAC,EACA,GAAA7E,EACA,KAAAyD,EAAO,GACP,MAAAgB,EACA,OAAAK,EAAS,GACT,QAAApB,EAAU,GACV,QAAAqB,EAAU,GACV,gBAAAC,EACA,SAAA3E,EACA,UAAAD,EAAY,GACZ,GAAG6E,CACL,EAAkB,CAChB,MAAMC,EAAcvE,EAAAA,MAAM,EACpBwE,EAAaC,EAAAA,QAAQ,IAAMpF,GAAM,YAAYkF,CAAW,GAAI,CAAClF,EAAIkF,CAAW,CAAC,EAC7EG,EAAwBnB,EAAyBiB,CAAU,EAC3D,CAACG,EAAWC,CAAY,EAAIrD,EAAAA,SAAS6C,CAAO,EAElD/B,EAAAA,UAAU,IAAM,CACduC,EAAaR,CAAO,CAAA,EACnB,CAACA,CAAO,CAAC,EAEZ,MAAMS,EAAe,IAAM,CACpBnF,IACHkF,EAAa,CAACD,CAAS,EACvBN,GAAA,MAAAA,EAAkB,CAACM,GAEvB,EAEMG,EAAmBxE,GAA8C,CACjEA,EAAE,MAAQ,MACZA,EAAE,eAAe,EACJuE,EAAA,EAEjB,EAEME,EAAkBvE,EAAA,KACtB,mHACAuC,GAAW,UACXrD,GAAY,gCACZ,CAACA,GAAY,iBACbD,CACF,EAGE,OAAAgB,EAAA,IAAC,SAAA,CACC,GAAI+D,EACJ,KAAK,SACL,IAAAN,EACA,SAAU,EACV,KAAK,WACL,QAASW,EACT,eAAcF,EACd,gBAAejF,EACf,iBAAkBoF,EAClB,MAAO,CACL,MAAOhC,EACP,OAAQA,EACR,MAAAgB,EACA,gBAAiBa,GAAaR,EAAS,eAAiB,aAC1D,EACA,UAAWY,EACV,GAAGT,EAEH,YAAc7D,EAAA,IAAAuE,QAAA,CAAM,KAAAlC,EAAY,MAAOqB,EAASO,EAAwB,MAAW,CAAA,CAAA,CACtF,CAEJ,CCxEA,SAAwBO,EAAU,CAChC,SAAAzF,EACA,UAAAC,EACA,OAAAwD,EACA,UAAAC,EACA,cAAAgC,EACA,YAAAC,EACA,GAAGb,CACL,EAAmB,CACjB,OAAIrB,GAAUiC,GACZ,QAAQ,KAAK,8FAA8F,EAI3G3E,EAAA,KAAC,OAAI,UAAWC,EAAAA,KAAK,iBAAkBf,CAAS,EAAI,GAAG6E,EACpD,SAAA,CAAA9E,EAGAyD,GACCxC,EAAA,IAAC,IAAA,CACE,GAAGyC,EACJ,KAAMD,EACN,UAAWzC,EAAA,KAAK,mBAAoB0C,GAAA,YAAAA,EAAW,SAAS,CAAA,CAC1D,EAID,CAACD,GAAUiC,GACVzE,EAAA,IAAC,SAAA,CACE,GAAG0E,EACJ,KAAK,SACL,QAASD,EACT,UAAW1E,EAAA,KAAK,kCAAmC2E,GAAA,YAAAA,EAAa,SAAS,CAAA,CAAA,CAC3E,EAEJ,CAEJ,CCrCA,SAAwBC,EAAkB,CAAE,UAAAC,EAAW,KAAAlC,EAAM,QAAAmC,GAAmC,CAiC9F,OAhCAjD,EAAAA,UAAU,IAAM,CACR,MAAAuB,EAAU,SAAS,eAAeyB,CAAS,EACjD,GAAKzB,EAGD,IAAA,CAAC0B,GAAWnC,IAAS,QAAS,CAChCS,EAAQ,gBAAgB,YAAY,EACpC,MAAA,CAEE,GAAA,CAAC0B,GAAWnC,IAAS,UAAW,CAClCS,EAAQ,gBAAgB,cAAc,EACtC,MAAA,CAGF,OAAAA,EAAQ,aAAa,mBAAoB,GAAGyB,CAAS,IAAIlC,CAAI,UAAU,EACvES,EAAQ,aAAa,eAAgBT,IAAS,QAAU,OAAS,OAAO,EAEpEA,IAAS,SACHS,EAAA,aAAa,aAAc,MAAM,EAEvCT,IAAS,WACHS,EAAA,aAAa,eAAgB,MAAM,EAGtC,IAAM,CACXA,EAAQ,gBAAgB,kBAAkB,EAC1CA,EAAQ,gBAAgB,cAAc,EACtCA,EAAQ,gBAAgB,YAAY,EACpCA,EAAQ,gBAAgB,cAAc,CACxC,EACC,EAAA,CAACyB,EAAWlC,EAAMmC,CAAO,CAAC,EAExBA,EAKH/E,EAAA,KAAC,QAAA,CACC,UAAWC,EAAA,KACT,qEACA2C,IAAS,SAAW,cACpBA,IAAS,WAAa,cACxB,EACA,KAAK,SAEJ,SAAA,CAAAA,IAAS,QAAU1C,EAAAA,IAAC8E,EAAoB,oBAAA,CAAA,CAAA,QAAMC,EAAa,aAAA,EAAA,EAC5D/E,EAAAA,IAAC,QAAK,GAAI,GAAG4E,CAAS,IAAIlC,CAAI,WAAa,SAAQmC,CAAA,CAAA,CAAA,CAAA,CACrD,EAdO,IAgBX,CC5DO,MAAMG,EAAgB,CAC3B,KAAM,GACN,QACE,iIACF,UACE,iKACF,QACE,8JACJ,EAGa/C,EAAkB,CAC7B,KAAM,eACN,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,KAAM,mBACR,EAQagD,EAA+B,CAC1C,QAAS,UACT,QAAS,MACX,ECdA,SAAwBC,EAAM,CAC5B,QAAA9C,EAAU6C,EAAc,QACxB,QAAA3C,EACA,gBAAA6C,EAAkB,GAClB,aAAAC,EACA,eAAAC,EACA,KAAA3C,EAAO,OACP,UAAA1D,EACA,GAAG2D,CACL,EAAe,CACb,MAAM/D,EAAKW,EAAAA,MAAM,EACX,CAAC+F,EAAcC,CAAe,EAAIzE,EAAAA,SAAS,EAAK,EAGtD,IAAI0E,EAAgBlD,EAChBF,IAAY,WAAa,CAACE,IACZkD,EAAA,MAElBA,EAAgBA,GAAiBP,EAAc,QAO/C,MAAMQ,EAAe1F,EAAA,KAJnB,8JAEA,mLAKA,CAACoF,GAAmBH,EAAc5C,CAAO,EACzC,CAAC+C,GAAmBlD,EAAgBuD,CAAa,EACjD9C,IAAS,YAAc,QACvB,CAACyC,GAAmB,YACpBA,GAAmB,sBACnBnG,CACF,EAEA,OACGc,EAAAA,KAAA,MAAA,CAAI,UAAWC,EAAAA,KAAKoF,GAAmB,aAAa,EAAG,MAAO,CAAE,OAAQxC,EAAK,OAAQ,MAAOA,EAAK,KAChG,EAAA,SAAA,CAAA7C,OAAC,OAAI,UAAWC,EAAAA,KAAK2C,IAAS,YAAc,UAAU,EACpD,SAAA,CAAA1C,EAAA,IAAC,QAAA,CACE,GAAG2C,EACJ,GAAA/D,EACA,KAAM8D,IAAS,YAAc4C,EAAe,OAAS5C,EACrD,gBAAeC,EAAK,SACpB,SAAUwC,EACV,gBAAeA,GAAmBxC,EAAK,eAAe,EACtD,aAAYyC,EAAe,GAAO,OAClC,eAAcC,EAAiB,GAAO,OACtC,UAAWI,CAAA,CACb,EACC/C,IAAS,YACR1C,EAAA,IAAC,SAAA,CACC,QAAS,IAAMuF,EAAgB,CAACD,CAAY,EAC5C,UAAU,uDACV,aAAW,6BACX,aAAYA,EAAe,UAAY,SAEtC,SAAAA,QAAgBI,EAAAA,YAAU,CAAA,KAAM,EAAI,CAAA,EAAK1F,EAAAA,IAAC2F,EAAAA,UAAU,CAAA,KAAM,EAAI,CAAA,CAAA,CAAA,CACjE,EAEJ,EACC,CAACR,GAAoBnF,EAAAA,IAAA2E,EAAA,CAAkB,UAAW/F,EAAI,KAAK,QAAQ,QAASwG,EAAc,EAC1F,CAACD,GAAoBnF,MAAA2E,EAAA,CAAkB,UAAW/F,EAAI,KAAK,UAAU,QAASyG,CAAgB,CAAA,CAAA,EACjG,CAEJ,CCnEO,SAASO,EAAM,CACpB,QAAAC,EAAU,SACV,MAAAC,EAAQ,cACR,UAAA9G,EAAY,GACZ,SAAA+G,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAnH,EACA,GAAG8E,CACL,EAAe,CACb,MAAMjF,EAAKW,EAAAA,MAAM,EACX4G,EAAepG,EAAA,KAAK,cAAe8F,EAAS7G,CAAS,EACrDoH,EAASJ,EAAc,GAAGE,GAAWtH,CAAE,QAAU,OAEvD,OACGkB,EAAA,KAAA,MAAA,CAAI,MAAO,CAAE,QAAS+F,IAAY,SAAW,cAAgB,OAAQ,MAAAC,CAAA,EAAS,UAAU,WACvF,SAAA,CAAAhG,EAAA,KAAC,QAAM,CAAA,UAAWqG,EAAc,QAAAD,EAAmB,GAAGrC,EACnD,SAAA,CAAA9E,EACAgH,GACE/F,EAAAA,IAAA,OAAA,CAAK,UAAU,gCAAgC,aAAW,WAAW,SAEtE,GAAA,CAAA,CAAA,EAEJ,EACCgG,GACChG,EAAA,IAAC,OAAA,CACC,UAAU,+CACV,mBAAkBoG,EAClB,aAAW,mBACX,MAAOJ,EAEP,eAACK,EAAAA,oBAAoB,CAAA,CAAA,CAAA,CACvB,EAEDL,GACEhG,EAAAA,IAAA,MAAA,CAAI,GAAIoG,EAAQ,UAAU,UACxB,SACHJ,EAAA,EAEDC,GAAUjG,EAAA,IAAC,OAAK,CAAA,UAAU,OAAQ,SAAOiG,CAAA,CAAA,CAAA,EAC5C,CAEJ,CCxCO,SAASK,EAAsB,CAAE,SAAAvH,EAAU,IAAA0E,EAAK,GAAGI,GAAuB,CAE3E,GAAA0C,EAAAA,eAAexH,CAAQ,EAAG,CACxB,IAAAyH,EAAW,CAAE,GAAG3C,CAAM,EAC1B,OAAI9E,EAAS,QACXyH,EAAW,CAAE,GAAGA,EAAU,GAAGzH,EAAS,KAAM,GAEvC0H,EAAAA,aAAa1H,EAAU,CAC5B,GAAGyH,EACH,IAAME,GAAY,CACZ,OAAOjD,GAAQ,WACjBA,EAAIiD,CAAI,EACCjD,IACRA,EAA2B,QAAUiD,EACxC,CACF,CAC0B,CAAA,CAI9B,OAAOlF,EAAAA,cAAc,MAAO,CAAE,GAAGqC,EAAO,IAAAJ,GAAO1E,CAAQ,CACzD,CCxBgB,SAAA4H,EAAW,CAAE,OAAAnH,EAAQ,QAAAmE,EAAS,SAAAiD,EAAU,KAAAzG,EAAM,SAAAlB,EAAW,GAAO,UAAAD,EAAY,IAAuB,CACjH,MAAM6H,EAAc,gEAEdC,EAAc,IAAM,CACpB7H,GACK2H,EAAA,CACX,EAEMG,EAAehH,EAAA,KACnB8G,EACA,CAAClD,GAAW,0BACZ,CAAC1E,GAAY,gCACbA,GAAY,qCACZD,CACF,EAEE,OAAAgB,EAAA,IAAC,MAAA,CACC,GAAIR,EACJ,KAAK,QACL,SAAU,GACV,eAAcmE,EACd,gBAAe1E,EACf,mBAAkB,oBAAoBkB,CAAI,GAC1C,kBAAiB,GAAGX,CAAM,SAC1B,QAASsH,EACT,UAAWC,EACX,MAAO,CACL,MAAO,MACP,OAAQ,MACR,QAAS,QACT,YAAa,QACf,EAEC,SACCpD,GAAA3D,EAAA,IAAC,MAAA,CACC,UAAWD,EAAK,KAAA,uCAAwCd,GAAY,cAAe,CAACA,GAAY,YAAY,CAAA,CAAA,CAC9G,CAEJ,CAEJ,CCpCO,SAAS+H,EAAe,CAC7B,MAAAC,EACA,SAAAlI,EACA,UAAAC,EAAY,GACZ,WAAAkI,EAAa,GACb,SAAAN,EACA,SAAA3H,EAAW,GACX,UAAAkI,EAAY,GACZ,YAAAC,EACA,KAAAjH,CACF,EAAwB,CAEtB,MAAMX,EAAS,SADJD,EAAAA,MAAM,CACS,IAAI0H,CAAK,GAE7B7C,EAAe,IAAM,CACpBnF,GACH2H,GAAA,MAAAA,EAAWK,EAEf,EAGE,OAAAnH,EAAA,KAAC,MAAA,CACC,MAAOsH,EACP,UAAWrH,EAAA,KACT,6BACAf,EAEAmI,GACE,wDACElI,EAAW,oBAAsB,mBACnC,GACFkI,GAAa,CAACD,GAAc,sBAAsBjI,EAAW,GAAK,yCAAyC,GAC3GkI,GAAaD,GAAc,gBAC3BjI,GAAY,+BACd,EACA,MAAO,CACL,IAAK,OACP,EAEC,SAAA,CAAA,CAACkI,GACAnH,EAAA,IAAC2G,EAAA,CACC,OAAAnH,EACA,KAAMW,GAAQ,GACd,QAAS+G,EACT,SAAU9C,EACV,SAAAnF,EACA,UAAWc,EAAAA,KAAKoH,GAAa,EAAE,CAAA,CACjC,EAEFnH,EAAA,IAAC,MAAA,CACC,GAAImH,EAAY3H,EAAS,OACzB,SAAU2H,EAAY,GAAK,OAC3B,KAAMA,EAAY,QAAU,OAC5B,QAASA,EAAY/C,EAAe,OACpC,eAAe+C,EAAwBD,EAAa,OAAS,QAAlC,OAC3B,gBAAeC,EAAYlI,EAAW,OACtC,mBAAmBkI,EAAwBC,GAAe,oBAAoBjH,CAAI,GAAnD,OAC/B,kBAAiBgH,EAAY,GAAG3H,CAAM,SAAW,OACjD,UAAWO,EAAK,KAAAoH,GAAa,YAAa,OAAOpI,GAAa,UAAY,yBAAyB,EAEnG,SAAAiB,EAAA,IAAC,QAAA,CACC,GAAI,GAAGR,CAAM,SACb,QAAS2H,EAAY,OAAY/C,EACjC,UAAWrE,EAAK,KAAAd,GAAY,qBAAsB,CAACA,GAAY,gBAAgB,EAE9E,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CACF,CAEJ,CCpFgB,SAAAsI,EAAczI,EAAY0I,EAA6B,CAGrE,KAAM,CAACC,EAAcC,CAAe,EAAI1G,EAAAA,SAAiBwG,CAAmB,EACtE,CAACG,EAAcC,CAAe,EAAI5G,EAAAA,SAAiB,EAAE,EAErD,CAAC6G,EAAaC,CAAc,EAAI9G,EAAAA,SAAkB,EAAK,EAEvD+G,EAAgB3E,EAAAA,YAAY,CAAC4E,EAAwB3G,IAAkB,OACrE,MAAA4G,EAASD,EAAQ3G,CAAK,EAGT4G,EAAO,aAAa,UAAU,GAAKA,EAAO,aAAa,eAAe,IAAM,UAIvFC,EAAAF,EAAA3G,CAAK,IAAL,MAAA6G,EAAQ,QAChBN,EAAgBvG,CAAK,EACvB,EAAG,EAAE,EAEC8G,EAAkB/E,EAAA,YACtB,CAACrD,EAAUiI,IAA2B,OAGhC,GAFJjI,EAAE,eAAe,EACb8H,GACA,CAACG,EAAQ,OAAQ,OAEf,MAAAI,EAAeZ,IAAwB,GAAKA,EAAsB,GAChEU,EAAAF,EAAAI,CAAY,IAAZ,MAAAF,EAAe,QACvBR,EAAgBU,CAAY,EAGxBZ,IAAwB,IAC1BO,EAAcC,EAASI,CAAY,CAEvC,EACA,CAACZ,EAAqBK,EAAaE,CAAa,CAClD,EAGMM,EAAuBjF,EAAA,YAC1BrD,GAAqB,OAEhB,GAAA,CAACA,EAAE,SACL,OAGFA,EAAE,eAAe,EACjB,MAAMuI,EAAoB,MAAM,KAC9B,SAAS,iBACP,8EAAA,CACF,EACA,OAAQC,GAAO,CAACA,EAAG,aAAa,UAAU,GAAKA,EAAG,UAAY,CAAC,EAC3DC,EAAeF,EAAkB,UAAWC,GAAOA,EAAG,KAAOzJ,CAAE,EAC/D2J,EAAgBD,EAAe,EAAIA,EAAe,EAAIF,EAAkB,OAAS,GACrEJ,EAAAI,EAAAG,CAAa,IAAb,MAAAP,EAAgB,OACpC,EACA,CAACpJ,CAAE,CACL,EAEM4J,EAA2BtF,EAAA,YAC/B,CAACrD,EAAkBiI,IAA2B,OACxC,GAAA,CAACA,EAAQ,OAAQ,OAGrB,MAAMC,EAASlI,EAAE,OAEjB,GAAI,CADkBiI,EAAQ,KAAMW,GAAWA,EAAO,KAAOV,EAAO,EAAE,EAClD,OAEd,MAAAO,EAAef,IAAiB,GAAKA,EAAe,EAC1D,IAAImB,EAAWJ,EAEf,OAAQzI,EAAE,IAAK,CACb,IAAK,UACL,IAAK,YACHA,EAAE,eAAe,EACjB6I,EAAWJ,EAAe,EAAIA,EAAe,EAAIR,EAAQ,OAAS,EAClE,MAEF,IAAK,YACL,IAAK,aACHjI,EAAE,eAAe,EACL6I,GAAAJ,EAAe,GAAKR,EAAQ,OACxC,MAGF,IAAK,IACHjI,EAAE,eAAe,EACjBgI,EAAcC,EAASQ,CAAY,EACnC,OAEF,IAAK,MACHH,EAAqBtI,CAAC,EACtB,OAEF,QACE,MAAA,EAGImI,EAAAF,EAAAY,CAAQ,IAAR,MAAAV,EAAW,QACnBR,EAAgBkB,CAAQ,EAEpBjB,IAAiB,IACnBI,EAAcC,EAASY,CAAQ,CAEnC,EACA,CAACnB,EAAcE,EAAcU,EAAsBN,CAAa,CAClE,EAEMc,EAAkBzF,EAAAA,YAAY,IAAqB,CACvD,MAAM0F,EAAa,SAAS,cAAc,QAAQhK,CAAE,uBAAuB,EACvE,OAACgK,EAEE,MAAM,KAAKA,EAAW,iBAAiB,gBAAgB,CAAC,EAFvC,CAAC,CAEsC,EAC9D,CAAChK,CAAE,CAAC,EAEPgD,EAAAA,UAAU,IAAM,CACd,MAAMgH,EAAa,SAAS,cAAc,QAAQhK,CAAE,uBAAuB,EAC3E,GAAI,CAACgK,EAAY,OAEjB,MAAMd,EAAUa,EAAgB,EAC1BE,EAAehJ,GAAaoI,EAAgBpI,EAAGiI,CAAO,EACtDlI,EAAiBC,GAAqB2I,EAAyB3I,EAAGiI,CAAO,EACzEgB,EAAkB,IAAMlB,EAAe,EAAI,EAC3CmB,EAAgB,IAAMnB,EAAe,EAAK,EAEvC,gBAAA,iBAAiB,UAAWhI,CAAa,EACvCgJ,EAAA,iBAAiB,QAASC,CAAW,EACrCD,EAAA,iBAAiB,YAAaE,CAAe,EAC/C,SAAA,iBAAiB,UAAWC,CAAa,EAC3C,IAAM,CACF,SAAA,oBAAoB,UAAWnJ,CAAa,EAC1CgJ,EAAA,oBAAoB,QAASC,CAAW,EACxCD,EAAA,oBAAoB,YAAaE,CAAe,EAClD,SAAA,oBAAoB,UAAWC,CAAa,CACvD,GACC,CAACnK,EAAI+J,EAAiBV,EAAiBO,CAAwB,CAAC,CACrE,CCxHO,SAASQ,EAAW,CACzB,QAAAlB,EAAU,CAAC,EACX,MAAAb,EACA,SAAAL,EACA,KAAAzG,EACA,SAAApB,EACA,UAAAC,EAAY,GACZ,kBAAAiK,EAAoB,GACpB,WAAAC,EAAa,EACf,EAAoB,CAClB,MAAMxI,EAAUnB,EAAAA,MAAM,EAChBoB,EAAYR,GAAQ,eAAeO,CAAO,GAChD2G,EACE1G,EACAmH,EAAQ,UAAWW,GAAWA,IAAWxB,CAAK,CAChD,EAGM,MAAAkC,EAAmBnF,EAAAA,QAAQ,IACxB8D,EAAQ,OAAsB,CAACsB,EAAKX,KACrC,OAAOA,GAAW,SAEfW,EAAI,KAAM/H,GAASA,EAAK,QAAUoH,CAAM,GAC3CW,EAAI,KAAK,CAAE,MAAOX,EAAQ,MAAOA,EAAQ,EAG3CW,EAAI,KAAKX,CAAM,EAEVW,GACN,EAAE,EACJ,CAACtB,CAAO,CAAC,EAEZ,OACGhI,EAAAA,KAAA,MAAA,CAAI,GAAIa,EAAW,KAAK,aAAa,SAAU,EAAG,UAAWZ,EAAA,KAAKf,EAAW,oBAAoB,EAE/F,SAAA,CAAAmK,EAAiB,OAAS,GACzBA,EAAiB,IAAI,CAACV,EAAQtH,IAC5BnB,EAAA,IAACgH,EAAA,CAEC,MAAOyB,EAAO,MACd,WAAYxB,IAAUwB,EAAO,MAC7B,SAAA7B,EACA,KAAMjG,EACN,SAAU8H,EAAO,SACjB,YAAaA,EAAO,YACpB,UAAWS,EACX,UAAWD,EAEV,SAAOR,EAAA,KAAA,EAVH,GAAGA,EAAO,KAAK,IAAItH,CAAK,EAAA,CAYhC,EAGFgI,EAAiB,SAAW,GAC3BpK,GACAuC,EAAM,SAAS,IAAIvC,EAAWwC,GAExBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASyF,EAE9ChH,EAAA,IAACgH,EAAA,CACE,GAAGzF,EAAM,MACV,UAAWxB,EAAAA,KAAKkJ,EAAmB1H,EAAM,MAAM,SAAS,EACxD,UAAWA,EAAM,MAAM,WAAa2H,EACpC,WAAYjC,IAAU1F,EAAM,MAAM,MAClC,SAAAqF,EACA,KAAMjG,EAEL,WAAM,MAAM,QAAA,CACf,EAGG,IACR,CAAA,EACL,CAEJ,CCrFA,SAAwB0I,EAAe,CAAE,UAAAzE,EAAW,UAAA0E,GAAkC,CACpF,KAAM,CAACC,EAAgBC,CAAiB,EAAI1I,EAAAA,SAAS,CAAC,EAEtDc,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAA6H,EAAW,SAAS,eAAe7E,CAAS,EAClD,GAAI,CAAC6E,EACH,OAGF,MAAMC,EAAuB,IAAM,CAC3B,MAAAC,EAAwBF,EAAS,MAAM,OAC7CD,EAAkBG,CAAqB,EACvC,MAAMC,EAAUD,GAAyBL,EACzCG,EAAS,aAAa,mBAAoB,GAAG7E,CAAS,kBAAkB,EACxE6E,EAAS,aAAa,eAAgBG,EAAU,OAAS,OAAO,EAE5DA,EACOH,EAAA,aAAa,aAAc,MAAM,EAE1CA,EAAS,gBAAgB,YAAY,CAEzC,EAEqB,OAAAC,EAAA,EACZD,EAAA,iBAAiB,QAASC,CAAoB,EACvDD,EAAS,aAAa,YAAa,OAAOH,CAAS,CAAC,EAE7C,IAAM,CACFG,EAAA,oBAAoB,QAASC,CAAoB,EAC1DD,EAAS,gBAAgB,WAAW,EACpCA,EAAS,gBAAgB,kBAAkB,EAC3CA,EAAS,gBAAgB,cAAc,EACvCA,EAAS,gBAAgB,YAAY,CACvC,CAAA,EACC,CAAC7E,EAAW0E,CAAS,CAAC,EAGvBtJ,EAAA,IAAC,QAAA,CACC,UAAWD,EAAA,KACT,mEACAwJ,GAAkBD,GAAa,cAC/BC,EAAiBD,GAAa,cAChC,EACA,KAAK,SAEL,SAACxJ,EAAAA,KAAA,OAAA,CAAK,GAAI,GAAG8E,CAAS,mBACnB,SAAA,CAAA2E,EAAe,MAAID,EAAU,aAAA,CAChC,CAAA,CAAA,CACF,CAEJ,CCxDgB,SAAAO,EAAcjL,EAAYkL,EAAqB,CAC7DlI,EAAAA,UAAU,IAAM,CACR,MAAA6H,EAAW,SAAS,eAAe7K,CAAE,EAC3C,GAAI,CAAC6K,EACH,OAGF,GAAI,CAACK,EAAY,CACfL,EAAS,MAAM,OAAS,OACxB,MAAA,CAGF,MAAMM,EAAe,IAAM,CAEzBN,EAAS,MAAM,OAAS,OACxBA,EAAS,MAAM,OAAS,GAAGA,EAAS,YAAY,IAClD,EAEa,OAAAM,EAAA,EACJN,EAAA,iBAAiB,QAASM,CAAY,EACtCN,EAAA,iBAAiB,SAAUM,CAAY,EACzC,OAAA,iBAAiB,SAAUA,CAAY,EAEvC,IAAM,CACFN,EAAA,oBAAoB,QAASM,CAAY,EACzCN,EAAA,oBAAoB,SAAUM,CAAY,EAC5C,OAAA,oBAAoB,SAAUA,CAAY,CACnD,CAAA,EACC,CAACnL,EAAIkL,CAAU,CAAC,CACrB,CC/BO,MAAME,EAAmB,CAC9B,KAAM,GACN,YACE,iKACF,QACE,8JACJ,EAGa/H,EAAkB,CAC7B,KAAM,eACN,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,KAAM,mBACR,EAQagI,EAAqC,CAChD,QAAS,UACT,QAAS,MACX,ECRA,SAAwBC,EAAS,CAC/B,QAAA9H,EAAU6H,EAAiB,QAC3B,QAAA3H,EACA,gBAAA6C,EAAkB,GAClB,aAAAC,EACA,eAAAC,EACA,iBAAA8E,EAAmB,GACnB,WAAAL,EAAa,GACb,eAAAM,EAAiB,EACjB,UAAApL,EACA,GAAG2D,CACL,EAAkB,CAChB,MAAM/D,EAAKW,EAAAA,MAAM,EACHsK,EAAAjL,EAAIkL,GAAc3E,CAAe,EAG/C,IAAIK,EAAgBlD,EAChBF,IAAY,WAAa,CAACE,IACZkD,EAAA,MAElBA,EAAgBA,GAAiByE,EAAiB,QAElD,IAAII,EAA2BF,GAC3BhF,GAAoB/C,IAAY,aAAe,CAAC+H,KACvBE,EAAA,IAM7B,MAAM5E,EAAe1F,EAAA,KAFnB,8JAIA,CAACoF,GAAmB6E,EAAiB5H,CAAO,EAC5C,CAAC+C,GAAmBlD,EAAgBuD,CAAa,EACjD,CAACL,GAAmB,YACpBA,GAAmB,sBACnBkF,GAA4B,mBAE5BrL,CACF,EAEA,cACG,MAAI,CAAA,UAAWe,EAAAA,KAAK,eAAgBoF,GAAmB,aAAa,EACnE,SAAA,CAAAnF,EAAA,IAAC,WAAA,CACE,GAAG2C,EACJ,GAAA/D,EACA,gBAAe+D,EAAK,SACpB,SAAUwC,EACV,gBAAeA,GAAmBxC,EAAK,eAAe,EACtD,MAAO,CACL,OAAQmH,EAAa,OAAS,MAChC,EACA,UAAWrE,CAAA,CACb,EACC2E,EAAiB,GAAKpK,EAAAA,IAACqJ,GAAe,UAAWzK,EAAI,UAAWwL,EAAgB,EAChF,CAACjF,GAAoBnF,EAAAA,IAAA2E,EAAA,CAAkB,UAAW/F,EAAI,KAAK,QAAQ,QAASwG,EAAc,EAC1F,CAACD,GAAoBnF,MAAA2E,EAAA,CAAkB,UAAW/F,EAAI,KAAK,UAAU,QAASyG,CAAgB,CAAA,CAAA,EACjG,CAEJ"}
@@ -164,15 +164,15 @@ const J = {
164
164
  md: "rounded-md",
165
165
  lg: "rounded-lg",
166
166
  full: "rounded-full"
167
- }, z = {
167
+ }, k = {
168
168
  variant: "primary",
169
169
  size: "md",
170
170
  rounded: "md"
171
171
  };
172
172
  function ue({
173
- variant: o = z.variant,
173
+ variant: o = k.variant,
174
174
  size: r,
175
- rounded: e = z.rounded,
175
+ rounded: e = k.rounded,
176
176
  loading: t,
177
177
  linkTo: a,
178
178
  linkProps: n,
@@ -181,7 +181,7 @@ function ue({
181
181
  ...u
182
182
  }) {
183
183
  let g;
184
- o === "link" && !r ? g = "fitted" : g = r || z.size;
184
+ o === "link" && !r ? g = "fitted" : g = r || k.size;
185
185
  const d = v(
186
186
  "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
187
187
  J[o],
@@ -305,8 +305,7 @@ function fe({
305
305
  {
306
306
  ...t,
307
307
  href: e,
308
- className: v("absolute inset-0", t == null ? void 0 : t.className),
309
- "aria-label": (t == null ? void 0 : t["aria-label"]) || "Navigate to link"
308
+ className: v("absolute inset-0", t == null ? void 0 : t.className)
310
309
  }
311
310
  ),
312
311
  !e && a && /* @__PURE__ */ l(
@@ -363,12 +362,12 @@ const O = {
363
362
  md: "rounded-md",
364
363
  lg: "rounded-lg",
365
364
  full: "px-3 rounded-full"
366
- }, S = {
365
+ }, L = {
367
366
  variant: "default",
368
367
  rounded: "none"
369
368
  };
370
369
  function be({
371
- variant: o = S.variant,
370
+ variant: o = L.variant,
372
371
  rounded: r,
373
372
  displayOnlyMode: e = !1,
374
373
  errorMessage: t,
@@ -379,7 +378,7 @@ function be({
379
378
  }) {
380
379
  const u = E(), [g, p] = N(!1);
381
380
  let d = r;
382
- o === "outline" && !r && (d = "md"), d = d || S.rounded;
381
+ o === "outline" && !r && (d = "md"), d = d || L.rounded;
383
382
  const c = v(
384
383
  "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
385
384
  "file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",
@@ -501,7 +500,7 @@ function P({ itemId: o, checked: r, onChange: e, name: t, disabled: a = !1, clas
501
500
  }
502
501
  );
503
502
  }
504
- function L({
503
+ function z({
505
504
  value: o,
506
505
  children: r,
507
506
  className: e = "",
@@ -658,7 +657,7 @@ function ve({
658
657
  const p = R(() => o.reduce((d, h) => (typeof h == "string" ? d.some((b) => b.value === h) || d.push({ label: h, value: h }) : d.push(h), d), []), [o]);
659
658
  return /* @__PURE__ */ w("div", { id: g, role: "radiogroup", tabIndex: 0, className: v(n, "focus:outline-none"), children: [
660
659
  p.length > 0 && p.map((d, h) => /* @__PURE__ */ l(
661
- L,
660
+ z,
662
661
  {
663
662
  value: d.value,
664
663
  isSelected: r === d.value,
@@ -672,8 +671,8 @@ function ve({
672
671
  },
673
672
  `${d.value}-${h}`
674
673
  )),
675
- p.length === 0 && a && I.Children.map(a, (d) => I.isValidElement(d) && d.type === L ? /* @__PURE__ */ l(
676
- L,
674
+ p.length === 0 && a && I.Children.map(a, (d) => I.isValidElement(d) && d.type === z ? /* @__PURE__ */ l(
675
+ z,
677
676
  {
678
677
  ...d.props,
679
678
  className: v(s, d.props.className),
@@ -746,12 +745,12 @@ const ae = {
746
745
  md: "rounded-md",
747
746
  lg: "rounded-lg",
748
747
  full: "px-3 rounded-full"
749
- }, k = {
748
+ }, S = {
750
749
  variant: "outline",
751
750
  rounded: "none"
752
751
  };
753
752
  function pe({
754
- variant: o = k.variant,
753
+ variant: o = S.variant,
755
754
  rounded: r,
756
755
  displayOnlyMode: e = !1,
757
756
  errorMessage: t,
@@ -765,7 +764,7 @@ function pe({
765
764
  const p = E();
766
765
  te(p, s || e);
767
766
  let d = r;
768
- o === "outline" && !r && (d = "md"), d = d || k.rounded;
767
+ o === "outline" && !r && (d = "md"), d = d || S.rounded;
769
768
  let h = n;
770
769
  (e || o === "left-line" && !n) && (h = !0);
771
770
  const c = v(
@@ -807,7 +806,7 @@ export {
807
806
  be as Input,
808
807
  me as Label,
809
808
  ve as RadioGroup,
810
- L as RadioGroupItem,
809
+ z as RadioGroupItem,
811
810
  P as RadioInput,
812
811
  ge as Slot,
813
812
  pe as Textarea
@@ -1 +1 @@
1
- {"version":3,"file":"components.esm.js","sources":["../src/components/accordion/AccordionItem.tsx","../src/components/accordion/Accordion.tsx","../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/checkbox/hooks.ts","../src/components/checkbox/Checkbox.tsx","../src/components/clickable/Clickable.tsx","../src/shared/forms/StatusHelpMessage.tsx","../src/components/input/variants.ts","../src/components/input/Input.tsx","../src/components/label/Label.tsx","../src/components/slot/Slot.tsx","../src/components/radiogroup/RadioInput.tsx","../src/components/radiogroup/RadioGroupItem.tsx","../src/components/radiogroup/hooks.ts","../src/components/radiogroup/RadioGroup.tsx","../src/components/textarea/CharacterCount.tsx","../src/components/textarea/hooks.ts","../src/components/textarea/variants.ts","../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ChevronDown } from '../../symbols';\nimport { join } from '../../utils';\nimport { AccordionOption } from './Accordion';\n\nexport interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {\n children?: React.ReactNode;\n className?: string;\n isOpen?: boolean;\n onToggle?: () => void;\n triggerClassName?: string;\n bodyClassName?: string;\n}\n\nexport function AccordionItem({\n id,\n title,\n content,\n children,\n className = '',\n disabled = false,\n isOpen = false,\n onToggle,\n triggerClassName = '',\n bodyClassName = '',\n}: AccordionItemProps) {\n const fallbackId = useId();\n const itemId = id || `accordion-item-${fallbackId}`;\n const headerId = `${itemId}-header`;\n const panelId = `${itemId}-panel`;\n\n const handleToggle = () => {\n if (!disabled && onToggle) {\n onToggle();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handleToggle();\n }\n };\n\n return (\n <div className={join('border-b border-gray-200', disabled && 'opacity-60 cursor-not-allowed', className)}>\n <button\n id={headerId}\n type='button'\n className={join(\n 'w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary',\n disabled ? 'cursor-not-allowed' : 'hover:bg-gray-50/10 cursor-pointer',\n triggerClassName\n )}\n aria-expanded={isOpen}\n aria-controls={panelId}\n disabled={disabled}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n >\n <span>{title}</span>\n <span\n className={join(\n 'transform transition-transform duration-300 ease-linear',\n isOpen ? 'rotate-180' : 'rotate-0'\n )}\n aria-hidden='true'\n >\n <ChevronDown size={18} />\n </span>\n </button>\n\n <div\n id={panelId}\n role='region'\n aria-labelledby={headerId}\n className={join(\n 'transition-all duration-300 ease-linear px-4',\n isOpen ? 'max-h-96 opacity-100 overflow-auto py-3' : 'max-h-0 opacity-0 overflow-hidden',\n bodyClassName\n )}\n >\n {isOpen && (children || content)}\n </div>\n </div>\n );\n}\n","import React, { useId, useState } from 'react';\nimport { join } from '../../utils';\nimport { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionOption {\n id?: string;\n title: React.ReactNode;\n content: React.ReactNode;\n disabled?: boolean;\n defaultOpen?: boolean;\n}\n\nexport interface AccordionProps {\n name?: string;\n items?: AccordionOption[];\n children?: React.ReactElement<AccordionItemProps>[] | React.ReactElement<AccordionItemProps>;\n className?: string;\n itemClassName?: string;\n allowMultiple?: boolean;\n defaultOpenItems?: string[];\n triggersClassName?: string;\n bodiesClassName?: string;\n}\n\nexport function Accordion({\n name,\n items = [],\n children,\n className = '',\n itemClassName = '',\n allowMultiple = false,\n defaultOpenItems = [],\n triggersClassName = '',\n bodiesClassName = '',\n}: AccordionProps) {\n const groupId = useId();\n const groupName = name || `accordion-group-${groupId}`;\n const [openItems, setOpenItems] = useState<Set<string>>(new Set(defaultOpenItems));\n\n const toggleItem = (itemId: string) => {\n setOpenItems((prev) => {\n const newOpenItems = new Set(prev);\n\n if (newOpenItems.has(itemId)) {\n newOpenItems.delete(itemId);\n } else {\n if (!allowMultiple) {\n newOpenItems.clear();\n }\n newOpenItems.add(itemId);\n }\n\n return newOpenItems;\n });\n };\n\n const getItemId = (index: number) => `${groupId}-item-${index}`;\n const isItemOpen = (itemId: string) => openItems.has(itemId);\n\n return (\n <div id={groupName} className={className}>\n {/* Render from items prop */}\n {items.length > 0 &&\n items.map((item, index) => {\n const itemId = item.id || getItemId(index);\n return (\n <AccordionItem\n key={itemId}\n id={itemId}\n title={item.title}\n content={item.content}\n disabled={item.disabled}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n className={itemClassName}\n triggerClassName={triggersClassName}\n bodyClassName={bodiesClassName}\n />\n );\n })}\n\n {/* Render AccordionItem components */}\n {items.length === 0 &&\n children &&\n React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionItemProps>(child) && child.type === AccordionItem) {\n const itemId = child.props.id || getItemId(index);\n return (\n <AccordionItem\n {...child.props}\n key={itemId}\n id={itemId}\n className={join(itemClassName, child.props.className)}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n triggerClassName={join(triggersClassName, child.props.triggerClassName)}\n bodyClassName={join(bodiesClassName, child.props.bodyClassName)}\n />\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\nexport default function LoadingDots() {\n const [activeIndex, setActiveIndex] = useState(0);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n }, 500);\n\n return () => clearInterval(interval);\n }, []);\n\n return (\n <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n {[0, 1, 2].map((index) => (\n <div\n key={index}\n className={join(\n 'rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current',\n activeIndex === index && 'transform -translate-y-1'\n )}\n />\n ))}\n </div>\n );\n}\n","export const buttonVariants = {\n base: '',\n primary: 'bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n tertiary: 'text-primary hover:text-primary-foreground disabled:text-muted',\n outline: 'border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted',\n link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted',\n danger: 'bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n stripped: '',\n fitted: 'size-fit',\n sm: 'px-2 py-1 text-sm',\n md: 'px-4 py-2 text-base',\n lg: 'px-6 py-3 text-lg',\n icon: 'p-1 w-fit aspect-square',\n full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n variant: ButtonVariant;\n size: ButtonSize;\n rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n variant: 'primary',\n size: 'md',\n rounded: 'md',\n} as const;\n","// Button.tsx\nimport { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport LoadingDots from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n loading?: boolean;\n linkTo?: string;\n linkProps?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n}\n\nexport default function Button({\n variant = buttonDefaults.variant,\n size,\n rounded = buttonDefaults.rounded,\n loading,\n linkTo,\n linkProps,\n type = 'button',\n className,\n ...rest\n}: ButtonProps) {\n let adjustedSize: ButtonSize;\n if (variant === 'link' && !size) {\n // default links to fitted size\n adjustedSize = 'fitted';\n } else {\n adjustedSize = size || buttonDefaults.size;\n }\n\n const baseClasses =\n 'appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all';\n\n const buttonClasses = join(\n baseClasses,\n buttonVariants[variant],\n sizeVariants[adjustedSize],\n roundedVariants[rounded],\n loading && 'relative pointer-events-none',\n linkTo && 'relative',\n className\n );\n\n return (\n <button\n {...rest}\n role={linkTo ? 'link' : rest.role}\n aria-label={rest['aria-label'] || linkProps?.['aria-label']}\n aria-description={rest['aria-description'] || linkProps?.['aria-description']}\n aria-disabled={rest.disabled || loading}\n aria-busy={loading}\n type={type}\n className={buttonClasses}\n >\n {loading && <LoadingDots />}\n <span className={join(loading && 'invisible')}>{rest.children}</span>\n\n {linkTo && !rest.disabled && (\n <a\n {...linkProps}\n aria-hidden={true} // Hide from screen readers since the button is already accessible\n href={linkTo}\n target={linkProps?.target || '_blank'}\n rel={linkProps?.rel || 'noreferrer'}\n className='absolute inset-0'\n />\n )}\n </button>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useFilledBackgroundColor(id: string) {\n const [filledBackgroundColor, setFilledBackgroundColor] = useState<string>('');\n\n const getFirstNonTransparentBackgroundColor = useCallback((element: Element | null): string => {\n let currentElement = element;\n let color = '';\n while (currentElement && !color) {\n const backgroundColor = window.getComputedStyle(currentElement).backgroundColor;\n if (backgroundColor && backgroundColor !== 'transparent' && backgroundColor !== 'rgba(0, 0, 0, 0)') {\n color = backgroundColor;\n }\n currentElement = currentElement.parentElement;\n }\n return color || 'transparent';\n }, []);\n\n useEffect(() => {\n const checkbox = document.getElementById(id);\n if (checkbox) {\n const backgroundColor = getFirstNonTransparentBackgroundColor(checkbox.parentElement);\n setFilledBackgroundColor(backgroundColor);\n }\n }, [id, getFirstNonTransparentBackgroundColor]);\n\n return filledBackgroundColor;\n}\n","import React, { Ref, useEffect, useId, useMemo, useState } from 'react';\nimport Check from '../../symbols/Check';\nimport { join } from '../../utils';\nimport { useFilledBackgroundColor } from './hooks';\n\nexport interface CheckboxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n size?: number;\n color?: string; // can be adjusted with tailwindcss by using `text-<color>`\n filled?: boolean;\n rounded?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport default function Checkbox({\n ref,\n id,\n size = 20,\n color,\n filled = false,\n rounded = true,\n checked = false,\n onCheckedChange,\n disabled,\n className = '',\n ...props\n}: CheckboxProps) {\n const generatedId = useId();\n const checkboxId = useMemo(() => id || `checkbox-${generatedId}`, [id, generatedId]);\n const parentBackgroundColor = useFilledBackgroundColor(checkboxId);\n const [isChecked, setIsChecked] = useState(checked);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const handleChange = () => {\n if (!disabled) {\n setIsChecked(!isChecked);\n onCheckedChange?.(!isChecked);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === ' ') {\n e.preventDefault();\n handleChange();\n }\n };\n\n const checkboxClasses = join(\n 'flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2',\n rounded && 'rounded',\n disabled && 'opacity-40 cursor-not-allowed',\n !disabled && 'cursor-pointer',\n className\n );\n\n return (\n <button\n id={checkboxId}\n type='button'\n ref={ref}\n tabIndex={0}\n role='checkbox'\n onClick={handleChange}\n aria-checked={isChecked}\n aria-disabled={disabled}\n onKeyDownCapture={handleOnKeyDown}\n style={{\n width: size,\n height: size,\n color: color,\n backgroundColor: isChecked && filled ? 'currentcolor' : 'transparent',\n }}\n className={checkboxClasses}\n {...props}\n >\n {isChecked && <Check size={size} color={filled ? parentBackgroundColor : undefined} />}\n </button>\n );\n}\n","import { join } from '../../utils';\n\ninterface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {\n children: React.ReactNode;\n linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];\n linkProps?: Omit<React.HTMLProps<HTMLAnchorElement>, 'href'>;\n onButtonClick?: React.HTMLProps<HTMLButtonElement>['onClick'];\n buttonProps?: Omit<React.HTMLProps<HTMLButtonElement>, 'onClick'>;\n}\n\nexport default function Clickable({\n children,\n className,\n linkTo,\n linkProps,\n onButtonClick,\n buttonProps,\n ...props\n}: ClickableProps) {\n if (linkTo && onButtonClick) {\n console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.');\n }\n\n return (\n <div className={join('relative w-fit', className)} {...props}>\n {children}\n\n {/* Link */}\n {linkTo && (\n <a\n {...linkProps}\n href={linkTo}\n className={join('absolute inset-0', linkProps?.className)}\n aria-label={linkProps?.['aria-label'] || 'Navigate to link'}\n />\n )}\n\n {/* Button */}\n {!linkTo && onButtonClick && (\n <button\n {...buttonProps}\n type='button'\n onClick={onButtonClick}\n className={join('absolute inset-0 cursor-pointer', buttonProps?.className)}\n />\n )}\n </div>\n );\n}\n","import { useEffect } from 'react';\nimport { CheckCircled, ExclamationTriangle } from '../../symbols';\nimport { join } from '../../utils';\n\ninterface StatusHelpMessageProps {\n elementId: string;\n type: 'error' | 'success';\n message?: string;\n}\n\nexport default function StatusHelpMessage({ elementId, type, message }: StatusHelpMessageProps) {\n useEffect(() => {\n const element = document.getElementById(elementId) as HTMLElement;\n if (!element) {\n return;\n }\n if (!message && type === 'error') {\n element.removeAttribute('data-error');\n return;\n }\n if (!message && type === 'success') {\n element.removeAttribute('data-success');\n return;\n }\n\n element.setAttribute('aria-describedby', `${elementId}-${type}-message`);\n element.setAttribute('aria-invalid', type === 'error' ? 'true' : 'false');\n\n if (type === 'error') {\n element.setAttribute('data-error', 'true');\n }\n if (type === 'success') {\n element.setAttribute('data-success', 'true');\n }\n\n return () => {\n element.removeAttribute('aria-describedby');\n element.removeAttribute('aria-invalid');\n element.removeAttribute('data-error');\n element.removeAttribute('data-success');\n };\n }, [elementId, type, message]);\n\n if (!message) {\n return null;\n }\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start',\n type === 'error' && 'text-danger',\n type === 'success' && 'text-success'\n )}\n role='status'\n >\n {type === 'error' ? <ExclamationTriangle /> : <CheckCircled />}\n <span id={`${elementId}-${type}-message`}>{message}</span>\n </small>\n );\n}\n","export const inputVariants = {\n base: '',\n default:\n 'ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success',\n underline:\n 'border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type InputVariant = keyof typeof inputVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type InputRounded = keyof typeof roundedVariants;\n\nexport interface InputVariants {\n variant: InputVariant;\n rounded: InputRounded;\n}\n\nexport const inputDefaults: InputVariants = {\n variant: 'default',\n rounded: 'none',\n} as const;\n","import { Ref, useId, useState } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { EyeClosed, EyeOpened } from '../../symbols';\nimport { join } from '../../utils';\nimport './styles.css';\nimport { inputDefaults, inputVariants, InputVariants, roundedVariants } from './variants';\n\ninterface InputProps extends Partial<InputVariants>, React.InputHTMLAttributes<HTMLInputElement> {\n ref?: Ref<HTMLInputElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n}\n\nexport default function Input({\n variant = inputDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n type = 'text',\n className,\n ...rest\n}: InputProps) {\n const id = useId();\n const [showPassword, setShowPassword] = useState(false);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || inputDefaults.rounded;\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n const fileClasses =\n 'file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors';\n\n const inputClasses = join(\n baseClasses,\n fileClasses,\n !displayOnlyMode && inputVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n type === 'password' && 'pr-10',\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n className\n );\n\n return (\n <div className={join(displayOnlyMode && 'cursor-text')} style={{ height: rest.height, width: rest.width }}>\n <div className={join(type === 'password' && 'relative')}>\n <input\n {...rest}\n id={id}\n type={type === 'password' && showPassword ? 'text' : type}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n data-error={errorMessage ? true : undefined}\n data-success={successMessage ? true : undefined}\n className={inputClasses}\n />\n {type === 'password' && (\n <button\n onClick={() => setShowPassword(!showPassword)}\n className='absolute inset-y-0 right-0 px-2 hover:cursor-pointer'\n aria-label='Toggle password visibility'\n data-state={showPassword ? 'visible' : 'hidden'}\n >\n {showPassword ? <EyeOpened size={20} /> : <EyeClosed size={20} />}\n </button>\n )}\n </div>\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport { QuestionMarkCircled } from '../../symbols';\nimport { join } from '../../utils';\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n display?: 'block' | 'inline';\n width?: React.CSSProperties['width'];\n required?: boolean;\n helpMessage?: string;\n suffix?: React.ReactNode;\n}\n\nexport function Label({\n display = 'inline',\n width = 'fit-content',\n className = '',\n required,\n helpMessage,\n suffix,\n htmlFor,\n children,\n ...props\n}: LabelProps) {\n const id = useId();\n const labelClasses = join('font-medium', display, className);\n const helpId = helpMessage ? `${htmlFor ?? id}-help` : undefined;\n\n return (\n <div style={{ display: display === 'inline' ? 'inline-flex' : 'flex', width }} className='relative'>\n <label className={labelClasses} htmlFor={htmlFor} {...props}>\n {children}\n {required && (\n <span className='text-red-500 font-medium ml-1' aria-label='required'>\n *\n </span>\n )}\n </label>\n {helpMessage && (\n <span\n className='text-gray-500 ml-1 size-fit -translate-y-1/3'\n aria-describedby={helpId}\n aria-label='Help information'\n title={helpMessage}\n >\n <QuestionMarkCircled />\n </span>\n )}\n {helpMessage && (\n <div id={helpId} className='sr-only'>\n {helpMessage}\n </div>\n )}\n {suffix && <span className='ml-1'>{suffix}</span>}\n </div>\n );\n}\n","import React, {\n cloneElement,\n createElement,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\n\ninterface SlotProps<T> extends HTMLAttributes<T> {\n children?: ReactNode;\n ref?: Ref<T>;\n}\n\nexport function Slot<T = HTMLElement>({ children, ref, ...props }: SlotProps<T>) {\n\n if (isValidElement(children)) {\n let allProps = { ...props };\n if (children.props) {\n allProps = { ...allProps, ...children.props };\n }\n return cloneElement(children, {\n ...allProps,\n ref: (node: T) => {\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n (ref as React.RefObject<T>).current = node;\n }\n },\n } as unknown as ReactElement);\n }\n\n // If not asChild or no valid child, render as div\n return createElement('div', { ...props, ref }, children);\n}\n","import { join } from '../../utils';\n\nexport type RadioInputProps = {\n itemId: string;\n checked: boolean;\n onChange: () => void;\n name: string;\n disabled?: boolean;\n className?: string;\n};\n\n// Custom RadioInput Component\nexport function RadioInput({ itemId, checked, onChange, name, disabled = false, className = '' }: RadioInputProps) {\n const baseClasses = 'relative inline-flex items-center justify-center rounded-full';\n\n const handleClick = () => {\n if (disabled) return;\n onChange();\n };\n\n const radioClasses = join(\n baseClasses,\n !checked && 'hover:border-current/60',\n !disabled && 'border-current cursor-pointer',\n disabled && 'border-muted/60 cursor-not-allowed',\n className\n );\n return (\n <div\n id={itemId}\n role='radio'\n tabIndex={-1} // necessary so that the radio button can be focused as div is not a focusable element\n aria-checked={checked}\n aria-disabled={disabled}\n aria-description={`Radio button for ${name}`}\n aria-labelledby={`${itemId}-label`}\n onClick={handleClick}\n className={radioClasses}\n style={{\n width: '1em',\n height: '1em',\n padding: '0.1em',\n borderWidth: '0.06em',\n }}\n >\n {checked && (\n <div\n className={join(`size-full aspect-square rounded-full`, disabled && 'bg-muted/60', !disabled && 'bg-current')}\n />\n )}\n </div>\n );\n}\n","import { useId } from 'react';\nimport { join } from '../../utils';\nimport { RadioInput } from './RadioInput';\n\nexport interface RadioGroupItemProps {\n value: string;\n children: React.ReactNode;\n className?: string;\n isSelected?: boolean;\n onChange?: (value: string) => void;\n disabled?: boolean;\n name?: string;\n hideInput?: boolean;\n description?: string;\n}\n\nexport function RadioGroupItem({\n value,\n children,\n className = '',\n isSelected = false,\n onChange,\n disabled = false,\n hideInput = false,\n description,\n name,\n}: RadioGroupItemProps) {\n const id = useId();\n const itemId = `radio-${id}-${value}`;\n\n const handleChange = () => {\n if (!disabled) {\n onChange?.(value);\n }\n };\n\n return (\n <div\n title={description}\n className={join(\n 'relative flex items-center',\n className,\n // Uses text color for borders\n hideInput &&\n `p-2 border-2 focus-within:border-dashed focus-within:${\n disabled ? 'border-current/50' : 'border-current/80'\n }`,\n hideInput && !isSelected && `border-transparent ${disabled ? '' : 'not-focus-within:hover:border-border/60'}`,\n hideInput && isSelected && 'border-border',\n disabled && 'opacity-60 cursor-not-allowed'\n )}\n style={{\n gap: '0.5em',\n }}\n >\n {!hideInput && (\n <RadioInput\n itemId={itemId}\n name={name || ''}\n checked={isSelected}\n onChange={handleChange}\n disabled={disabled}\n className={join(hideInput && '')}\n />\n )}\n <div\n id={hideInput ? itemId : undefined}\n tabIndex={hideInput ? -1 : undefined}\n role={hideInput ? 'radio' : undefined}\n onClick={hideInput ? handleChange : undefined}\n aria-checked={!hideInput ? undefined : isSelected ? 'true' : 'false'}\n aria-disabled={hideInput ? disabled : undefined}\n aria-description={!hideInput ? undefined : description || `Radio button for ${name}`}\n aria-labelledby={hideInput ? `${itemId}-label` : undefined}\n className={join(hideInput && 'size-full', typeof children === 'object' && 'grow focus:outline-none')}\n >\n <label\n id={`${itemId}-label`}\n onClick={hideInput ? undefined : handleChange}\n className={join(disabled && 'cursor-not-allowed', !disabled && 'cursor-pointer')}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useRadioFocus(id: string, selectedOptionIndex: number) {\n // Manage state locally to avoid race conditions, which can result in\n // the an option failing to be selected or incorrectly selected\n const [focusedIndex, setFocusedIndex] = useState<number>(selectedOptionIndex);\n const [clickedIndex, setClickedIndex] = useState<number>(-1);\n // Prevent onClicks from triggering focus events and automatically selecting the first option\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n\n const handleClicked = useCallback((options: HTMLElement[], index: number) => {\n const target = options[index] as HTMLElement;\n\n // Check if the target element is disabled\n const isDisabled = target.hasAttribute('disabled') || target.getAttribute('aria-disabled') === 'true';\n if (isDisabled) return;\n\n // Update the selected index\n options[index]?.click();\n setClickedIndex(index);\n }, []);\n\n const setInitialFocus = useCallback(\n (e: Event, options: HTMLElement[]) => {\n e.preventDefault();\n if (isMouseDown) return;\n if (!options.length) return;\n\n const indexToFocus = selectedOptionIndex !== -1 ? selectedOptionIndex : 0;\n options[indexToFocus]?.focus();\n setFocusedIndex(indexToFocus);\n\n // Only update the selected index if one is already set\n if (selectedOptionIndex !== -1) {\n handleClicked(options, indexToFocus);\n }\n },\n [selectedOptionIndex, isMouseDown, handleClicked]\n );\n\n /* Focus preceding element when Shift + Tab is pressed */\n const handleFocusPreceding = useCallback(\n (e: KeyboardEvent) => {\n // If the Shift key is not pressed while tab is entered, do nothing\n if (!e.shiftKey) {\n return;\n }\n\n e.preventDefault();\n const focusableElements = Array.from(\n document.querySelectorAll<HTMLElement>(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((el) => !el.hasAttribute('disabled') && el.tabIndex >= 0);\n const currentIndex = focusableElements.findIndex((el) => el.id === id);\n const previousIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n focusableElements[previousIndex]?.focus();\n },\n [id]\n );\n\n const handleKeyboardNavigation = useCallback(\n (e: KeyboardEvent, options: HTMLElement[]) => {\n if (!options.length) return;\n\n // Ensure we only toggle options part of radio group\n const target = e.target as HTMLElement;\n const isGroupOption = options.some((option) => option.id === target.id);\n if (!isGroupOption) return;\n\n const currentIndex = focusedIndex !== -1 ? focusedIndex : 0;\n let newIndex = currentIndex;\n\n switch (e.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n e.preventDefault();\n newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n break;\n\n case 'ArrowDown':\n case 'ArrowRight':\n e.preventDefault();\n newIndex = (currentIndex + 1) % options.length;\n break;\n\n // Select the option when the space key is pressed\n case ' ':\n e.preventDefault();\n handleClicked(options, currentIndex);\n return;\n\n case 'Tab':\n handleFocusPreceding(e);\n return;\n\n default:\n return;\n }\n\n options[newIndex]?.focus();\n setFocusedIndex(newIndex);\n // Only update the selected index if one is already set\n if (clickedIndex !== -1) {\n handleClicked(options, newIndex);\n }\n },\n [focusedIndex, clickedIndex, handleFocusPreceding, handleClicked]\n );\n\n const getRadioOptions = useCallback((): HTMLElement[] => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return [];\n\n return Array.from(radioGroup.querySelectorAll('[role=\"radio\"]'));\n }, [id]);\n\n useEffect(() => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return;\n\n const options = getRadioOptions();\n const handleFocus = (e: Event) => setInitialFocus(e, options);\n const handleKeyDown = (e: KeyboardEvent) => handleKeyboardNavigation(e, options);\n const handleMouseDown = () => setIsMouseDown(true);\n const handleMouseUp = () => setIsMouseDown(false);\n\n document.addEventListener('keydown', handleKeyDown);\n radioGroup.addEventListener('focus', handleFocus);\n radioGroup.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('mouseup', handleMouseUp); // place on document since mouseup event can occur outside of radio group\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n radioGroup.removeEventListener('focus', handleFocus);\n radioGroup.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [id, getRadioOptions, setInitialFocus, handleKeyboardNavigation]);\n}\n","import React, { useId, useMemo } from 'react';\nimport { join } from '../../utils';\nimport { RadioGroupItem, RadioGroupItemProps } from './RadioGroupItem';\nimport { useRadioFocus } from './hooks';\n\nexport type RadioOption = { label: string; value: string; disabled?: boolean; description?: string };\n\nexport type RadioGroupProps = {\n options?: (string | RadioOption)[];\n value: string | undefined;\n onChange: (value: string) => void;\n name?: string;\n children?: React.ReactElement<RadioGroupItemProps>[] | React.ReactElement<RadioGroupItemProps>;\n className?: string;\n childrenClassName?: string;\n hideInputs?: boolean;\n};\n\nexport function RadioGroup({\n options = [],\n value,\n onChange,\n name,\n children,\n className = '',\n childrenClassName = '',\n hideInputs = false,\n}: RadioGroupProps) {\n const groupId = useId();\n const groupName = name || `radio-group-${groupId}`;\n useRadioFocus(\n groupName,\n options.findIndex((option) => option === value)\n );\n\n // Check for duplicates if string options are provided\n const processedOptions = useMemo(() => {\n return options.reduce<RadioOption[]>((acc, option) => {\n if (typeof option === 'string') {\n // Check if we already have this string option\n if (!acc.some((item) => item.value === option)) {\n acc.push({ label: option, value: option });\n }\n } else {\n acc.push(option);\n }\n return acc;\n }, []);\n }, [options]);\n\n return (\n <div id={groupName} role='radiogroup' tabIndex={0} className={join(className, 'focus:outline-none')}>\n {/* Render from options prop */}\n {processedOptions.length > 0 &&\n processedOptions.map((option, index) => (\n <RadioGroupItem\n key={`${option.value}-${index}`}\n value={option.value}\n isSelected={value === option.value}\n onChange={onChange}\n name={groupName}\n disabled={option.disabled}\n description={option.description}\n hideInput={hideInputs}\n className={childrenClassName}\n >\n {option.label}\n </RadioGroupItem>\n ))}\n\n {/* Render RadioGroupItem components */}\n {processedOptions.length === 0 &&\n children &&\n React.Children.map(children, (child) => {\n // TypeScript enforces that child is a RadioGroupItem\n if (React.isValidElement(child) && child.type === RadioGroupItem) {\n return (\n <RadioGroupItem\n {...child.props}\n className={join(childrenClassName, child.props.className)}\n hideInput={child.props.hideInput || hideInputs}\n isSelected={value === child.props.value}\n onChange={onChange}\n name={groupName}\n >\n {child.props.children}\n </RadioGroupItem>\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\ninterface CharacterCountProps {\n elementId: string;\n maxLength: number;\n}\n\nexport default function CharacterCount({ elementId, maxLength }: CharacterCountProps) {\n const [characterCount, setCharacterCount] = useState(0);\n\n useEffect(() => {\n const textarea = document.getElementById(elementId) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n const updateCharacterCount = () => {\n const updatedCharacterCount = textarea.value.length;\n setCharacterCount(updatedCharacterCount);\n const isError = updatedCharacterCount >= maxLength;\n textarea.setAttribute('aria-describedby', `${elementId}-character-count`);\n textarea.setAttribute('aria-invalid', isError ? 'true' : 'false');\n\n if (isError) {\n textarea.setAttribute('data-error', 'true');\n } else {\n textarea.removeAttribute('data-error');\n }\n };\n\n updateCharacterCount();\n textarea.addEventListener('input', updateCharacterCount);\n textarea.setAttribute('maxlength', String(maxLength));\n\n return () => {\n textarea.removeEventListener('input', updateCharacterCount);\n textarea.removeAttribute('maxlength');\n textarea.removeAttribute('aria-describedby');\n textarea.removeAttribute('aria-invalid');\n textarea.removeAttribute('data-error');\n };\n }, [elementId, maxLength]);\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end',\n characterCount >= maxLength && 'text-danger',\n characterCount < maxLength && 'text-current'\n )}\n role='status'\n >\n <span id={`${elementId}-character-count`}>\n {characterCount} / {maxLength} characters\n </span>\n </small>\n );\n}\n","import { useEffect } from 'react';\n\nexport function useAutoExpand(id: string, autoExpand: boolean) {\n useEffect(() => {\n const textarea = document.getElementById(id) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n if (!autoExpand) {\n textarea.style.height = 'auto';\n return;\n }\n\n const adjustHeight = () => {\n // necessary to reset the height to `auto` before calculating the new height\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n };\n\n adjustHeight();\n textarea.addEventListener('input', adjustHeight);\n textarea.addEventListener('resize', adjustHeight);\n window.addEventListener('resize', adjustHeight);\n\n return () => {\n textarea.removeEventListener('input', adjustHeight);\n textarea.removeEventListener('resize', adjustHeight);\n window.removeEventListener('resize', adjustHeight);\n };\n }, [id, autoExpand]);\n}\n","export const textareaVariants = {\n base: '',\n 'left-line':\n 'border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type TextareaVariant = keyof typeof textareaVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type TextareaRounded = keyof typeof roundedVariants;\n\nexport interface TextareaVariants {\n variant: TextareaVariant;\n rounded: TextareaRounded;\n}\n\nexport const textareaDefaults: TextareaVariants = {\n variant: 'outline',\n rounded: 'none',\n} as const;\n","import { Ref, useId } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { join } from '../../utils';\nimport CharacterCount from './CharacterCount';\nimport { useAutoExpand } from './hooks';\nimport './styles.css';\nimport { roundedVariants, textareaDefaults, textareaVariants, TextareaVariants } from './variants';\n\ninterface TextareaProps extends Partial<TextareaVariants>, React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n ref?: Ref<HTMLTextAreaElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n hideResizeHandle?: boolean; // only works for Webkit browsers\n autoExpand?: boolean;\n characterLimit?: number;\n}\n\nexport default function Textarea({\n variant = textareaDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n hideResizeHandle = false,\n autoExpand = false,\n characterLimit = 0,\n className,\n ...rest\n}: TextareaProps) {\n const id = useId();\n useAutoExpand(id, autoExpand || displayOnlyMode);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || textareaDefaults.rounded;\n\n let adjustedHideResizeHandle = hideResizeHandle;\n if (displayOnlyMode || (variant === 'left-line' && !hideResizeHandle)) {\n adjustedHideResizeHandle = true;\n }\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n\n const inputClasses = join(\n baseClasses,\n !displayOnlyMode && textareaVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n adjustedHideResizeHandle && 'no-resize-handle',\n\n className\n );\n\n return (\n <div className={join('-space-y-1.5', displayOnlyMode && 'cursor-text')}>\n <textarea\n {...rest}\n id={id}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n style={{\n resize: autoExpand ? 'none' : undefined,\n }}\n className={inputClasses}\n />\n {characterLimit > 0 && <CharacterCount elementId={id} maxLength={characterLimit} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n"],"names":["AccordionItem","id","title","content","children","className","disabled","isOpen","onToggle","triggerClassName","bodyClassName","fallbackId","useId","itemId","headerId","panelId","handleToggle","handleKeyDown","e","jsxs","join","jsx","ChevronDown","Accordion","name","items","itemClassName","allowMultiple","defaultOpenItems","triggersClassName","bodiesClassName","groupId","groupName","openItems","setOpenItems","useState","toggleItem","prev","newOpenItems","getItemId","index","isItemOpen","item","React","child","createElement","LoadingDots","activeIndex","setActiveIndex","useEffect","interval","prevIndex","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","linkTo","linkProps","type","rest","adjustedSize","buttonClasses","useFilledBackgroundColor","filledBackgroundColor","setFilledBackgroundColor","getFirstNonTransparentBackgroundColor","useCallback","element","currentElement","color","backgroundColor","checkbox","Checkbox","ref","filled","checked","onCheckedChange","props","generatedId","checkboxId","useMemo","parentBackgroundColor","isChecked","setIsChecked","handleChange","handleOnKeyDown","checkboxClasses","Check","Clickable","onButtonClick","buttonProps","StatusHelpMessage","elementId","message","ExclamationTriangle","CheckCircled","inputVariants","inputDefaults","Input","displayOnlyMode","errorMessage","successMessage","showPassword","setShowPassword","adjustedRound","inputClasses","EyeOpened","EyeClosed","Label","display","width","required","helpMessage","suffix","htmlFor","labelClasses","helpId","QuestionMarkCircled","Slot","isValidElement","allProps","cloneElement","node","RadioInput","onChange","baseClasses","handleClick","radioClasses","RadioGroupItem","value","isSelected","hideInput","description","useRadioFocus","selectedOptionIndex","focusedIndex","setFocusedIndex","clickedIndex","setClickedIndex","isMouseDown","setIsMouseDown","handleClicked","options","target","_a","setInitialFocus","indexToFocus","handleFocusPreceding","focusableElements","el","currentIndex","previousIndex","handleKeyboardNavigation","option","newIndex","getRadioOptions","radioGroup","handleFocus","handleMouseDown","handleMouseUp","RadioGroup","childrenClassName","hideInputs","processedOptions","acc","CharacterCount","maxLength","characterCount","setCharacterCount","textarea","updateCharacterCount","updatedCharacterCount","isError","useAutoExpand","autoExpand","adjustHeight","textareaVariants","textareaDefaults","Textarea","hideResizeHandle","characterLimit","adjustedHideResizeHandle"],"mappings":";;;;AAcO,SAASA,EAAc;AAAA,EAC5B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,eAAAC,IAAgB;AAClB,GAAuB;AACrB,QAAMC,IAAaC,EAAM,GACnBC,IAASZ,KAAM,kBAAkBU,CAAU,IAC3CG,IAAW,GAAGD,CAAM,WACpBE,IAAU,GAAGF,CAAM,UAEnBG,IAAe,MAAM;AACrB,IAAA,CAACV,KAAYE,KACNA,EAAA;AAAA,EAEb,GAEMS,IAAgB,CAACC,MAA2B;AAChD,KAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAe,GACJF,EAAA;AAAA,EAEjB;AAGE,SAAA,gBAAAG,EAAC,SAAI,WAAWC,EAAK,4BAA4Bd,KAAY,iCAAiCD,CAAS,GACrG,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIL;AAAA,QACJ,MAAK;AAAA,QACL,WAAWM;AAAA,UACT;AAAA,UACAd,IAAW,uBAAuB;AAAA,UAClCG;AAAA,QACF;AAAA,QACA,iBAAeF;AAAA,QACf,iBAAeQ;AAAA,QACf,UAAAT;AAAA,QACA,SAASU;AAAA,QACT,WAAWC;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAM,UAAMnB,EAAA,CAAA;AAAA,UACb,gBAAAmB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAb,IAAS,eAAe;AAAA,cAC1B;AAAA,cACA,eAAY;AAAA,cAEZ,UAAA,gBAAAc,EAACC,GAAY,EAAA,MAAM,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,IACF;AAAA,IAEA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIN;AAAA,QACJ,MAAK;AAAA,QACL,mBAAiBD;AAAA,QACjB,WAAWM;AAAA,UACT;AAAA,UACAb,IAAS,4CAA4C;AAAA,UACrDG;AAAA,QACF;AAAA,QAEC,gBAAWN,KAAYD;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,GACF;AAEJ;AC9DO,SAASoB,GAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,UAAArB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAqB,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB,CAAC;AAAA,EACpB,mBAAAC,IAAoB;AAAA,EACpB,iBAAAC,IAAkB;AACpB,GAAmB;AACjB,QAAMC,IAAUnB,EAAM,GAChBoB,IAAYR,KAAQ,mBAAmBO,CAAO,IAC9C,CAACE,GAAWC,CAAY,IAAIC,EAAsB,IAAI,IAAIP,CAAgB,CAAC,GAE3EQ,IAAa,CAACvB,MAAmB;AACrC,IAAAqB,EAAa,CAACG,MAAS;AACf,YAAAC,IAAe,IAAI,IAAID,CAAI;AAE7B,aAAAC,EAAa,IAAIzB,CAAM,IACzByB,EAAa,OAAOzB,CAAM,KAErBc,KACHW,EAAa,MAAM,GAErBA,EAAa,IAAIzB,CAAM,IAGlByB;AAAA,IAAA,CACR;AAAA,EACH,GAEMC,IAAY,CAACC,MAAkB,GAAGT,CAAO,SAASS,CAAK,IACvDC,IAAa,CAAC5B,MAAmBoB,EAAU,IAAIpB,CAAM;AAE3D,SACG,gBAAAM,EAAA,OAAA,EAAI,IAAIa,GAAW,WAAA3B,GAEjB,UAAA;AAAA,IAAAoB,EAAM,SAAS,KACdA,EAAM,IAAI,CAACiB,GAAMF,MAAU;AACzB,YAAM3B,IAAS6B,EAAK,MAAMH,EAAUC,CAAK;AAEvC,aAAA,gBAAAnB;AAAA,QAACrB;AAAA,QAAA;AAAA,UAEC,IAAIa;AAAA,UACJ,OAAO6B,EAAK;AAAA,UACZ,SAASA,EAAK;AAAA,UACd,UAAUA,EAAK;AAAA,UACf,QAAQD,EAAW5B,CAAM;AAAA,UACzB,UAAU,MAAMuB,EAAWvB,CAAM;AAAA,UACjC,WAAWa;AAAA,UACX,kBAAkBG;AAAA,UAClB,eAAeC;AAAA,QAAA;AAAA,QATVjB;AAAA,MAUP;AAAA,IAAA,CAEH;AAAA,IAGFY,EAAM,WAAW,KAChBrB,KACAuC,EAAM,SAAS,IAAIvC,GAAU,CAACwC,GAAOJ,MAAU;AAC7C,UAAIG,EAAM,eAAmCC,CAAK,KAAKA,EAAM,SAAS5C,GAAe;AACnF,cAAMa,IAAS+B,EAAM,MAAM,MAAML,EAAUC,CAAK;AAE9C,eAAA,gBAAAK;AAAA,UAAC7C;AAAA,UAAA;AAAA,YACE,GAAG4C,EAAM;AAAA,YACV,KAAK/B;AAAA,YACL,IAAIA;AAAA,YACJ,WAAWO,EAAKM,GAAekB,EAAM,MAAM,SAAS;AAAA,YACpD,QAAQH,EAAW5B,CAAM;AAAA,YACzB,UAAU,MAAMuB,EAAWvB,CAAM;AAAA,YACjC,kBAAkBO,EAAKS,GAAmBe,EAAM,MAAM,gBAAgB;AAAA,YACtE,eAAexB,EAAKU,GAAiBc,EAAM,MAAM,aAAa;AAAA,UAAA;AAAA,QAChE;AAAA,MAAA;AAGG,aAAA;AAAA,IACR,CAAA;AAAA,EAAA,GACL;AAEJ;ACrGA,SAAwBE,IAAc;AACpC,QAAM,CAACC,GAAaC,CAAc,IAAIb,EAAS,CAAC;AAEhD,SAAAc,EAAU,MAAM;AACR,UAAAC,IAAW,YAAY,MAAM;AACjC,MAAAF,EAAe,CAACG,OAAeA,IAAY,KAAK,CAAC;AAAA,OAChD,GAAG;AAEC,WAAA,MAAM,cAAcD,CAAQ;AAAA,EACrC,GAAG,EAAE,GAGH,gBAAA7B,EAAC,OAAI,EAAA,WAAU,iFACZ,UAAA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAACmB,MACd,gBAAAnB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWD;AAAA,QACT;AAAA,QACA2B,MAAgBP,KAAS;AAAA,MAAA;AAAA,IAC3B;AAAA,IAJKA;AAAA,EAMR,CAAA,GACH;AAEJ;AC3BO,MAAMY,IAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AACV,GAGaC,IAAe;AAAA,EAC1B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AACR,GAGaC,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GASaC,IAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX;AC5BA,SAAwBC,GAAO;AAAA,EAC7B,SAAAC,IAAUF,EAAe;AAAA,EACzB,MAAAG;AAAA,EACA,SAAAC,IAAUJ,EAAe;AAAA,EACzB,SAAAK;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAA1D;AAAA,EACA,GAAG2D;AACL,GAAgB;AACV,MAAAC;AACA,EAAAR,MAAY,UAAU,CAACC,IAEVO,IAAA,WAEfA,IAAeP,KAAQH,EAAe;AAMxC,QAAMW,IAAgB9C;AAAA,IAFpB;AAAA,IAIAgC,EAAeK,CAAO;AAAA,IACtBJ,EAAaY,CAAY;AAAA,IACzBX,EAAgBK,CAAO;AAAA,IACvBC,KAAW;AAAA,IACXC,KAAU;AAAA,IACVxD;AAAA,EACF;AAGE,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG6C;AAAA,MACJ,MAAMH,IAAS,SAASG,EAAK;AAAA,MAC7B,cAAYA,EAAK,YAAY,MAAKF,KAAA,gBAAAA,EAAY;AAAA,MAC9C,oBAAkBE,EAAK,kBAAkB,MAAKF,KAAA,gBAAAA,EAAY;AAAA,MAC1D,iBAAeE,EAAK,YAAYJ;AAAA,MAChC,aAAWA;AAAA,MACX,MAAAG;AAAA,MACA,WAAWG;AAAA,MAEV,UAAA;AAAA,QAAAN,uBAAYd,GAAY,EAAA;AAAA,QACzB,gBAAAzB,EAAC,UAAK,WAAWD,EAAKwC,KAAW,WAAW,GAAI,YAAK,UAAS;AAAA,QAE7DC,KAAU,CAACG,EAAK,YACf,gBAAA3C;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGyC;AAAA,YACJ,eAAa;AAAA,YACb,MAAMD;AAAA,YACN,SAAQC,KAAA,gBAAAA,EAAW,WAAU;AAAA,YAC7B,MAAKA,KAAA,gBAAAA,EAAW,QAAO;AAAA,YACvB,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAEJ;AAEJ;ACrEO,SAASK,EAAyBlE,GAAY;AACnD,QAAM,CAACmE,GAAuBC,CAAwB,IAAIlC,EAAiB,EAAE,GAEvEmC,IAAwCC,EAAY,CAACC,MAAoC;AAC7F,QAAIC,IAAiBD,GACjBE,IAAQ;AACL,WAAAD,KAAkB,CAACC,KAAO;AAC/B,YAAMC,IAAkB,OAAO,iBAAiBF,CAAc,EAAE;AAChE,MAAIE,KAAmBA,MAAoB,iBAAiBA,MAAoB,uBACtED,IAAAC,IAEVF,IAAiBA,EAAe;AAAA,IAAA;AAElC,WAAOC,KAAS;AAAA,EAClB,GAAG,EAAE;AAEL,SAAAzB,EAAU,MAAM;AACR,UAAA2B,IAAW,SAAS,eAAe3E,CAAE;AAC3C,QAAI2E,GAAU;AACN,YAAAD,IAAkBL,EAAsCM,EAAS,aAAa;AACpF,MAAAP,EAAyBM,CAAe;AAAA,IAAA;AAAA,EAC1C,GACC,CAAC1E,GAAIqE,CAAqC,CAAC,GAEvCF;AACT;ACZA,SAAwBS,GAAS;AAAA,EAC/B,KAAAC;AAAA,EACA,IAAA7E;AAAA,EACA,MAAAyD,IAAO;AAAA,EACP,OAAAgB;AAAA,EACA,QAAAK,IAAS;AAAA,EACT,SAAApB,IAAU;AAAA,EACV,SAAAqB,IAAU;AAAA,EACV,iBAAAC;AAAA,EACA,UAAA3E;AAAA,EACA,WAAAD,IAAY;AAAA,EACZ,GAAG6E;AACL,GAAkB;AAChB,QAAMC,IAAcvE,EAAM,GACpBwE,IAAaC,EAAQ,MAAMpF,KAAM,YAAYkF,CAAW,IAAI,CAAClF,GAAIkF,CAAW,CAAC,GAC7EG,IAAwBnB,EAAyBiB,CAAU,GAC3D,CAACG,GAAWC,CAAY,IAAIrD,EAAS6C,CAAO;AAElD,EAAA/B,EAAU,MAAM;AACd,IAAAuC,EAAaR,CAAO;AAAA,EAAA,GACnB,CAACA,CAAO,CAAC;AAEZ,QAAMS,IAAe,MAAM;AACzB,IAAKnF,MACHkF,EAAa,CAACD,CAAS,GACvBN,KAAA,QAAAA,EAAkB,CAACM;AAAA,EAEvB,GAEMG,IAAkB,CAACxE,MAA8C;AACjE,IAAAA,EAAE,QAAQ,QACZA,EAAE,eAAe,GACJuE,EAAA;AAAA,EAEjB,GAEME,IAAkBvE;AAAA,IACtB;AAAA,IACAuC,KAAW;AAAA,IACXrD,KAAY;AAAA,IACZ,CAACA,KAAY;AAAA,IACbD;AAAA,EACF;AAGE,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI+D;AAAA,MACJ,MAAK;AAAA,MACL,KAAAN;AAAA,MACA,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAASW;AAAA,MACT,gBAAcF;AAAA,MACd,iBAAejF;AAAA,MACf,kBAAkBoF;AAAA,MAClB,OAAO;AAAA,QACL,OAAOhC;AAAA,QACP,QAAQA;AAAA,QACR,OAAAgB;AAAA,QACA,iBAAiBa,KAAaR,IAAS,iBAAiB;AAAA,MAC1D;AAAA,MACA,WAAWY;AAAA,MACV,GAAGT;AAAA,MAEH,eAAc,gBAAA7D,EAAAuE,GAAA,EAAM,MAAAlC,GAAY,OAAOqB,IAASO,IAAwB,OAAW,CAAA;AAAA,IAAA;AAAA,EACtF;AAEJ;ACxEA,SAAwBO,GAAU;AAAA,EAChC,UAAAzF;AAAA,EACA,WAAAC;AAAA,EACA,QAAAwD;AAAA,EACA,WAAAC;AAAA,EACA,eAAAgC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGb;AACL,GAAmB;AACjB,SAAIrB,KAAUiC,KACZ,QAAQ,KAAK,8FAA8F,GAI3G,gBAAA3E,EAAC,SAAI,WAAWC,EAAK,kBAAkBf,CAAS,GAAI,GAAG6E,GACpD,UAAA;AAAA,IAAA9E;AAAA,IAGAyD,KACC,gBAAAxC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGyC;AAAA,QACJ,MAAMD;AAAA,QACN,WAAWzC,EAAK,oBAAoB0C,KAAA,gBAAAA,EAAW,SAAS;AAAA,QACxD,eAAYA,KAAA,gBAAAA,EAAY,kBAAiB;AAAA,MAAA;AAAA,IAC3C;AAAA,IAID,CAACD,KAAUiC,KACV,gBAAAzE;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG0E;AAAA,QACJ,MAAK;AAAA,QACL,SAASD;AAAA,QACT,WAAW1E,EAAK,mCAAmC2E,KAAA,gBAAAA,EAAa,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3E,GAEJ;AAEJ;ACtCA,SAAwBC,EAAkB,EAAE,WAAAC,GAAW,MAAAlC,GAAM,SAAAmC,KAAmC;AAiC9F,SAhCAjD,EAAU,MAAM;AACR,UAAAuB,IAAU,SAAS,eAAeyB,CAAS;AACjD,QAAKzB,GAGD;AAAA,UAAA,CAAC0B,KAAWnC,MAAS,SAAS;AAChC,QAAAS,EAAQ,gBAAgB,YAAY;AACpC;AAAA,MAAA;AAEE,UAAA,CAAC0B,KAAWnC,MAAS,WAAW;AAClC,QAAAS,EAAQ,gBAAgB,cAAc;AACtC;AAAA,MAAA;AAGF,aAAAA,EAAQ,aAAa,oBAAoB,GAAGyB,CAAS,IAAIlC,CAAI,UAAU,GACvES,EAAQ,aAAa,gBAAgBT,MAAS,UAAU,SAAS,OAAO,GAEpEA,MAAS,WACHS,EAAA,aAAa,cAAc,MAAM,GAEvCT,MAAS,aACHS,EAAA,aAAa,gBAAgB,MAAM,GAGtC,MAAM;AACX,QAAAA,EAAQ,gBAAgB,kBAAkB,GAC1CA,EAAQ,gBAAgB,cAAc,GACtCA,EAAQ,gBAAgB,YAAY,GACpCA,EAAQ,gBAAgB,cAAc;AAAA,MACxC;AAAA;AAAA,EACC,GAAA,CAACyB,GAAWlC,GAAMmC,CAAO,CAAC,GAExBA,IAKH,gBAAA/E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA2C,MAAS,WAAW;AAAA,QACpBA,MAAS,aAAa;AAAA,MACxB;AAAA,MACA,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAA,MAAS,UAAU,gBAAA1C,EAAC8E,GAAoB,CAAA,CAAA,sBAAMC,GAAa,EAAA;AAAA,QAC5D,gBAAA/E,EAAC,UAAK,IAAI,GAAG4E,CAAS,IAAIlC,CAAI,YAAa,UAAQmC,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrD,IAdO;AAgBX;AC5DO,MAAMG,IAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,SACE;AAAA,EACF,WACE;AAAA,EACF,SACE;AACJ,GAGa/C,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAQagD,IAA+B;AAAA,EAC1C,SAAS;AAAA,EACT,SAAS;AACX;ACdA,SAAwBC,GAAM;AAAA,EAC5B,SAAA9C,IAAU6C,EAAc;AAAA,EACxB,SAAA3C;AAAA,EACA,iBAAA6C,IAAkB;AAAA,EAClB,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAA3C,IAAO;AAAA,EACP,WAAA1D;AAAA,EACA,GAAG2D;AACL,GAAe;AACb,QAAM/D,IAAKW,EAAM,GACX,CAAC+F,GAAcC,CAAe,IAAIzE,EAAS,EAAK;AAGtD,MAAI0E,IAAgBlD;AAChB,EAAAF,MAAY,aAAa,CAACE,MACZkD,IAAA,OAElBA,IAAgBA,KAAiBP,EAAc;AAO/C,QAAMQ,IAAe1F;AAAA,IAJnB;AAAA,IAEA;AAAA,IAKA,CAACoF,KAAmBH,EAAc5C,CAAO;AAAA,IACzC,CAAC+C,KAAmBlD,EAAgBuD,CAAa;AAAA,IACjD9C,MAAS,cAAc;AAAA,IACvB,CAACyC,KAAmB;AAAA,IACpBA,KAAmB;AAAA,IACnBnG;AAAA,EACF;AAEA,SACG,gBAAAc,EAAA,OAAA,EAAI,WAAWC,EAAKoF,KAAmB,aAAa,GAAG,OAAO,EAAE,QAAQxC,EAAK,QAAQ,OAAOA,EAAK,MAChG,GAAA,UAAA;AAAA,IAAA,gBAAA7C,EAAC,SAAI,WAAWC,EAAK2C,MAAS,cAAc,UAAU,GACpD,UAAA;AAAA,MAAA,gBAAA1C;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG2C;AAAA,UACJ,IAAA/D;AAAA,UACA,MAAM8D,MAAS,cAAc4C,IAAe,SAAS5C;AAAA,UACrD,iBAAeC,EAAK;AAAA,UACpB,UAAUwC;AAAA,UACV,iBAAeA,KAAmBxC,EAAK,eAAe;AAAA,UACtD,cAAYyC,IAAe,KAAO;AAAA,UAClC,gBAAcC,IAAiB,KAAO;AAAA,UACtC,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,MACC/C,MAAS,cACR,gBAAA1C;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAMuF,EAAgB,CAACD,CAAY;AAAA,UAC5C,WAAU;AAAA,UACV,cAAW;AAAA,UACX,cAAYA,IAAe,YAAY;AAAA,UAEtC,UAAAA,sBAAgBI,GAAU,EAAA,MAAM,GAAI,CAAA,IAAK,gBAAA1F,EAAC2F,GAAU,EAAA,MAAM,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjE,GAEJ;AAAA,IACC,CAACR,KAAoB,gBAAAnF,EAAA2E,GAAA,EAAkB,WAAW/F,GAAI,MAAK,SAAQ,SAASwG,GAAc;AAAA,IAC1F,CAACD,KAAoB,gBAAAnF,EAAA2E,GAAA,EAAkB,WAAW/F,GAAI,MAAK,WAAU,SAASyG,EAAgB,CAAA;AAAA,EAAA,GACjG;AAEJ;ACnEO,SAASO,GAAM;AAAA,EACpB,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,WAAA9G,IAAY;AAAA,EACZ,UAAA+G;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAnH;AAAA,EACA,GAAG8E;AACL,GAAe;AACb,QAAMjF,IAAKW,EAAM,GACX4G,IAAepG,EAAK,eAAe8F,GAAS7G,CAAS,GACrDoH,IAASJ,IAAc,GAAGE,KAAWtH,CAAE,UAAU;AAEvD,SACG,gBAAAkB,EAAA,OAAA,EAAI,OAAO,EAAE,SAAS+F,MAAY,WAAW,gBAAgB,QAAQ,OAAAC,EAAA,GAAS,WAAU,YACvF,UAAA;AAAA,IAAA,gBAAAhG,EAAC,SAAM,EAAA,WAAWqG,GAAc,SAAAD,GAAmB,GAAGrC,GACnD,UAAA;AAAA,MAAA9E;AAAA,MACAgH,KACE,gBAAA/F,EAAA,QAAA,EAAK,WAAU,iCAAgC,cAAW,YAAW,UAEtE,IAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACCgG,KACC,gBAAAhG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,oBAAkBoG;AAAA,QAClB,cAAW;AAAA,QACX,OAAOJ;AAAA,QAEP,4BAACK,GAAoB,CAAA,CAAA;AAAA,MAAA;AAAA,IACvB;AAAA,IAEDL,KACE,gBAAAhG,EAAA,OAAA,EAAI,IAAIoG,GAAQ,WAAU,WACxB,UACHJ,GAAA;AAAA,IAEDC,KAAU,gBAAAjG,EAAC,QAAK,EAAA,WAAU,QAAQ,UAAOiG,EAAA,CAAA;AAAA,EAAA,GAC5C;AAEJ;ACxCO,SAASK,GAAsB,EAAE,UAAAvH,GAAU,KAAA0E,GAAK,GAAGI,KAAuB;AAE3E,MAAA0C,EAAexH,CAAQ,GAAG;AACxB,QAAAyH,IAAW,EAAE,GAAG3C,EAAM;AAC1B,WAAI9E,EAAS,UACXyH,IAAW,EAAE,GAAGA,GAAU,GAAGzH,EAAS,MAAM,IAEvC0H,EAAa1H,GAAU;AAAA,MAC5B,GAAGyH;AAAA,MACH,KAAK,CAACE,MAAY;AACZ,QAAA,OAAOjD,KAAQ,aACjBA,EAAIiD,CAAI,IACCjD,MACRA,EAA2B,UAAUiD;AAAA,MACxC;AAAA,IACF,CAC0B;AAAA,EAAA;AAI9B,SAAOlF,EAAc,OAAO,EAAE,GAAGqC,GAAO,KAAAJ,KAAO1E,CAAQ;AACzD;ACxBgB,SAAA4H,EAAW,EAAE,QAAAnH,GAAQ,SAAAmE,GAAS,UAAAiD,GAAU,MAAAzG,GAAM,UAAAlB,IAAW,IAAO,WAAAD,IAAY,MAAuB;AACjH,QAAM6H,IAAc,iEAEdC,IAAc,MAAM;AACxB,IAAI7H,KACK2H,EAAA;AAAA,EACX,GAEMG,IAAehH;AAAA,IACnB8G;AAAA,IACA,CAAClD,KAAW;AAAA,IACZ,CAAC1E,KAAY;AAAA,IACbA,KAAY;AAAA,IACZD;AAAA,EACF;AAEE,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIR;AAAA,MACJ,MAAK;AAAA,MACL,UAAU;AAAA,MACV,gBAAcmE;AAAA,MACd,iBAAe1E;AAAA,MACf,oBAAkB,oBAAoBkB,CAAI;AAAA,MAC1C,mBAAiB,GAAGX,CAAM;AAAA,MAC1B,SAASsH;AAAA,MACT,WAAWC;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,aAAa;AAAA,MACf;AAAA,MAEC,UACCpD,KAAA,gBAAA3D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAK,wCAAwCd,KAAY,eAAe,CAACA,KAAY,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9G;AAAA,EAEJ;AAEJ;ACpCO,SAAS+H,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,UAAAlI;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAkI,IAAa;AAAA,EACb,UAAAN;AAAA,EACA,UAAA3H,IAAW;AAAA,EACX,WAAAkI,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,MAAAjH;AACF,GAAwB;AAEtB,QAAMX,IAAS,SADJD,EAAM,CACS,IAAI0H,CAAK,IAE7B7C,IAAe,MAAM;AACzB,IAAKnF,KACH2H,KAAA,QAAAA,EAAWK;AAAA,EAEf;AAGE,SAAA,gBAAAnH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAOsH;AAAA,MACP,WAAWrH;AAAA,QACT;AAAA,QACAf;AAAA;AAAA,QAEAmI,KACE,wDACElI,IAAW,sBAAsB,mBACnC;AAAA,QACFkI,KAAa,CAACD,KAAc,sBAAsBjI,IAAW,KAAK,yCAAyC;AAAA,QAC3GkI,KAAaD,KAAc;AAAA,QAC3BjI,KAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MAEC,UAAA;AAAA,QAAA,CAACkI,KACA,gBAAAnH;AAAA,UAAC2G;AAAA,UAAA;AAAA,YACC,QAAAnH;AAAA,YACA,MAAMW,KAAQ;AAAA,YACd,SAAS+G;AAAA,YACT,UAAU9C;AAAA,YACV,UAAAnF;AAAA,YACA,WAAWc,EAAKoH,KAAa,EAAE;AAAA,UAAA;AAAA,QACjC;AAAA,QAEF,gBAAAnH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAImH,IAAY3H,IAAS;AAAA,YACzB,UAAU2H,IAAY,KAAK;AAAA,YAC3B,MAAMA,IAAY,UAAU;AAAA,YAC5B,SAASA,IAAY/C,IAAe;AAAA,YACpC,gBAAe+C,IAAwBD,IAAa,SAAS,UAAlC;AAAA,YAC3B,iBAAeC,IAAYlI,IAAW;AAAA,YACtC,oBAAmBkI,IAAwBC,KAAe,oBAAoBjH,CAAI,KAAnD;AAAA,YAC/B,mBAAiBgH,IAAY,GAAG3H,CAAM,WAAW;AAAA,YACjD,WAAWO,EAAKoH,KAAa,aAAa,OAAOpI,KAAa,YAAY,yBAAyB;AAAA,YAEnG,UAAA,gBAAAiB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI,GAAGR,CAAM;AAAA,gBACb,SAAS2H,IAAY,SAAY/C;AAAA,gBACjC,WAAWrE,EAAKd,KAAY,sBAAsB,CAACA,KAAY,gBAAgB;AAAA,gBAE9E,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;ACpFgB,SAAAsI,GAAczI,GAAY0I,GAA6B;AAGrE,QAAM,CAACC,GAAcC,CAAe,IAAI1G,EAAiBwG,CAAmB,GACtE,CAACG,GAAcC,CAAe,IAAI5G,EAAiB,EAAE,GAErD,CAAC6G,GAAaC,CAAc,IAAI9G,EAAkB,EAAK,GAEvD+G,IAAgB3E,EAAY,CAAC4E,GAAwB3G,MAAkB;;AACrE,UAAA4G,IAASD,EAAQ3G,CAAK;AAI5B,IADmB4G,EAAO,aAAa,UAAU,KAAKA,EAAO,aAAa,eAAe,MAAM,YAIvFC,IAAAF,EAAA3G,CAAK,MAAL,QAAA6G,EAAQ,SAChBN,EAAgBvG,CAAK;AAAA,EACvB,GAAG,EAAE,GAEC8G,IAAkB/E;AAAA,IACtB,CAACrD,GAAUiI,MAA2B;;AAGhC,UAFJjI,EAAE,eAAe,GACb8H,KACA,CAACG,EAAQ,OAAQ;AAEf,YAAAI,IAAeZ,MAAwB,KAAKA,IAAsB;AAChE,OAAAU,IAAAF,EAAAI,CAAY,MAAZ,QAAAF,EAAe,SACvBR,EAAgBU,CAAY,GAGxBZ,MAAwB,MAC1BO,EAAcC,GAASI,CAAY;AAAA,IAEvC;AAAA,IACA,CAACZ,GAAqBK,GAAaE,CAAa;AAAA,EAClD,GAGMM,IAAuBjF;AAAA,IAC3B,CAACrD,MAAqB;;AAEhB,UAAA,CAACA,EAAE;AACL;AAGF,MAAAA,EAAE,eAAe;AACjB,YAAMuI,IAAoB,MAAM;AAAA,QAC9B,SAAS;AAAA,UACP;AAAA,QAAA;AAAA,MACF,EACA,OAAO,CAACC,MAAO,CAACA,EAAG,aAAa,UAAU,KAAKA,EAAG,YAAY,CAAC,GAC3DC,IAAeF,EAAkB,UAAU,CAACC,MAAOA,EAAG,OAAOzJ,CAAE,GAC/D2J,IAAgBD,IAAe,IAAIA,IAAe,IAAIF,EAAkB,SAAS;AACrE,OAAAJ,IAAAI,EAAAG,CAAa,MAAb,QAAAP,EAAgB;AAAA,IACpC;AAAA,IACA,CAACpJ,CAAE;AAAA,EACL,GAEM4J,IAA2BtF;AAAA,IAC/B,CAACrD,GAAkBiI,MAA2B;;AACxC,UAAA,CAACA,EAAQ,OAAQ;AAGrB,YAAMC,IAASlI,EAAE;AAEjB,UAAI,CADkBiI,EAAQ,KAAK,CAACW,MAAWA,EAAO,OAAOV,EAAO,EAAE,EAClD;AAEd,YAAAO,IAAef,MAAiB,KAAKA,IAAe;AAC1D,UAAImB,IAAWJ;AAEf,cAAQzI,EAAE,KAAK;AAAA,QACb,KAAK;AAAA,QACL,KAAK;AACH,UAAAA,EAAE,eAAe,GACjB6I,IAAWJ,IAAe,IAAIA,IAAe,IAAIR,EAAQ,SAAS;AAClE;AAAA,QAEF,KAAK;AAAA,QACL,KAAK;AACH,UAAAjI,EAAE,eAAe,GACL6I,KAAAJ,IAAe,KAAKR,EAAQ;AACxC;AAAA;AAAA,QAGF,KAAK;AACH,UAAAjI,EAAE,eAAe,GACjBgI,EAAcC,GAASQ,CAAY;AACnC;AAAA,QAEF,KAAK;AACH,UAAAH,EAAqBtI,CAAC;AACtB;AAAA,QAEF;AACE;AAAA,MAAA;AAGI,OAAAmI,IAAAF,EAAAY,CAAQ,MAAR,QAAAV,EAAW,SACnBR,EAAgBkB,CAAQ,GAEpBjB,MAAiB,MACnBI,EAAcC,GAASY,CAAQ;AAAA,IAEnC;AAAA,IACA,CAACnB,GAAcE,GAAcU,GAAsBN,CAAa;AAAA,EAClE,GAEMc,IAAkBzF,EAAY,MAAqB;AACvD,UAAM0F,IAAa,SAAS,cAAc,QAAQhK,CAAE,uBAAuB;AACvE,WAACgK,IAEE,MAAM,KAAKA,EAAW,iBAAiB,gBAAgB,CAAC,IAFvC,CAAC;AAAA,EAEsC,GAC9D,CAAChK,CAAE,CAAC;AAEP,EAAAgD,EAAU,MAAM;AACd,UAAMgH,IAAa,SAAS,cAAc,QAAQhK,CAAE,uBAAuB;AAC3E,QAAI,CAACgK,EAAY;AAEjB,UAAMd,IAAUa,EAAgB,GAC1BE,IAAc,CAAChJ,MAAaoI,EAAgBpI,GAAGiI,CAAO,GACtDlI,IAAgB,CAACC,MAAqB2I,EAAyB3I,GAAGiI,CAAO,GACzEgB,IAAkB,MAAMlB,EAAe,EAAI,GAC3CmB,IAAgB,MAAMnB,EAAe,EAAK;AAEvC,oBAAA,iBAAiB,WAAWhI,CAAa,GACvCgJ,EAAA,iBAAiB,SAASC,CAAW,GACrCD,EAAA,iBAAiB,aAAaE,CAAe,GAC/C,SAAA,iBAAiB,WAAWC,CAAa,GAC3C,MAAM;AACF,eAAA,oBAAoB,WAAWnJ,CAAa,GAC1CgJ,EAAA,oBAAoB,SAASC,CAAW,GACxCD,EAAA,oBAAoB,aAAaE,CAAe,GAClD,SAAA,oBAAoB,WAAWC,CAAa;AAAA,IACvD;AAAA,KACC,CAACnK,GAAI+J,GAAiBV,GAAiBO,CAAwB,CAAC;AACrE;ACxHO,SAASQ,GAAW;AAAA,EACzB,SAAAlB,IAAU,CAAC;AAAA,EACX,OAAAb;AAAA,EACA,UAAAL;AAAA,EACA,MAAAzG;AAAA,EACA,UAAApB;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAiK,IAAoB;AAAA,EACpB,YAAAC,IAAa;AACf,GAAoB;AAClB,QAAMxI,IAAUnB,EAAM,GAChBoB,IAAYR,KAAQ,eAAeO,CAAO;AAChD,EAAA2G;AAAA,IACE1G;AAAA,IACAmH,EAAQ,UAAU,CAACW,MAAWA,MAAWxB,CAAK;AAAA,EAChD;AAGM,QAAAkC,IAAmBnF,EAAQ,MACxB8D,EAAQ,OAAsB,CAACsB,GAAKX,OACrC,OAAOA,KAAW,WAEfW,EAAI,KAAK,CAAC/H,MAASA,EAAK,UAAUoH,CAAM,KAC3CW,EAAI,KAAK,EAAE,OAAOX,GAAQ,OAAOA,GAAQ,IAG3CW,EAAI,KAAKX,CAAM,GAEVW,IACN,EAAE,GACJ,CAACtB,CAAO,CAAC;AAEZ,SACG,gBAAAhI,EAAA,OAAA,EAAI,IAAIa,GAAW,MAAK,cAAa,UAAU,GAAG,WAAWZ,EAAKf,GAAW,oBAAoB,GAE/F,UAAA;AAAA,IAAAmK,EAAiB,SAAS,KACzBA,EAAiB,IAAI,CAACV,GAAQtH,MAC5B,gBAAAnB;AAAA,MAACgH;AAAA,MAAA;AAAA,QAEC,OAAOyB,EAAO;AAAA,QACd,YAAYxB,MAAUwB,EAAO;AAAA,QAC7B,UAAA7B;AAAA,QACA,MAAMjG;AAAA,QACN,UAAU8H,EAAO;AAAA,QACjB,aAAaA,EAAO;AAAA,QACpB,WAAWS;AAAA,QACX,WAAWD;AAAA,QAEV,UAAOR,EAAA;AAAA,MAAA;AAAA,MAVH,GAAGA,EAAO,KAAK,IAAItH,CAAK;AAAA,IAAA,CAYhC;AAAA,IAGFgI,EAAiB,WAAW,KAC3BpK,KACAuC,EAAM,SAAS,IAAIvC,GAAU,CAACwC,MAExBD,EAAM,eAAeC,CAAK,KAAKA,EAAM,SAASyF,IAE9C,gBAAAhH;AAAA,MAACgH;AAAA,MAAA;AAAA,QACE,GAAGzF,EAAM;AAAA,QACV,WAAWxB,EAAKkJ,GAAmB1H,EAAM,MAAM,SAAS;AAAA,QACxD,WAAWA,EAAM,MAAM,aAAa2H;AAAA,QACpC,YAAYjC,MAAU1F,EAAM,MAAM;AAAA,QAClC,UAAAqF;AAAA,QACA,MAAMjG;AAAA,QAEL,YAAM,MAAM;AAAA,MAAA;AAAA,IACf,IAGG,IACR;AAAA,EAAA,GACL;AAEJ;ACrFA,SAAwB0I,GAAe,EAAE,WAAAzE,GAAW,WAAA0E,KAAkC;AACpF,QAAM,CAACC,GAAgBC,CAAiB,IAAI1I,EAAS,CAAC;AAEtD,SAAAc,EAAU,MAAM;AACR,UAAA6H,IAAW,SAAS,eAAe7E,CAAS;AAClD,QAAI,CAAC6E;AACH;AAGF,UAAMC,IAAuB,MAAM;AAC3B,YAAAC,IAAwBF,EAAS,MAAM;AAC7C,MAAAD,EAAkBG,CAAqB;AACvC,YAAMC,IAAUD,KAAyBL;AACzC,MAAAG,EAAS,aAAa,oBAAoB,GAAG7E,CAAS,kBAAkB,GACxE6E,EAAS,aAAa,gBAAgBG,IAAU,SAAS,OAAO,GAE5DA,IACOH,EAAA,aAAa,cAAc,MAAM,IAE1CA,EAAS,gBAAgB,YAAY;AAAA,IAEzC;AAEqB,WAAAC,EAAA,GACZD,EAAA,iBAAiB,SAASC,CAAoB,GACvDD,EAAS,aAAa,aAAa,OAAOH,CAAS,CAAC,GAE7C,MAAM;AACF,MAAAG,EAAA,oBAAoB,SAASC,CAAoB,GAC1DD,EAAS,gBAAgB,WAAW,GACpCA,EAAS,gBAAgB,kBAAkB,GAC3CA,EAAS,gBAAgB,cAAc,GACvCA,EAAS,gBAAgB,YAAY;AAAA,IACvC;AAAA,EAAA,GACC,CAAC7E,GAAW0E,CAAS,CAAC,GAGvB,gBAAAtJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT;AAAA,QACAwJ,KAAkBD,KAAa;AAAA,QAC/BC,IAAiBD,KAAa;AAAA,MAChC;AAAA,MACA,MAAK;AAAA,MAEL,UAAC,gBAAAxJ,EAAA,QAAA,EAAK,IAAI,GAAG8E,CAAS,oBACnB,UAAA;AAAA,QAAA2E;AAAA,QAAe;AAAA,QAAID;AAAA,QAAU;AAAA,MAAA,EAChC,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;ACxDgB,SAAAO,GAAcjL,GAAYkL,GAAqB;AAC7D,EAAAlI,EAAU,MAAM;AACR,UAAA6H,IAAW,SAAS,eAAe7K,CAAE;AAC3C,QAAI,CAAC6K;AACH;AAGF,QAAI,CAACK,GAAY;AACf,MAAAL,EAAS,MAAM,SAAS;AACxB;AAAA,IAAA;AAGF,UAAMM,IAAe,MAAM;AAEzB,MAAAN,EAAS,MAAM,SAAS,QACxBA,EAAS,MAAM,SAAS,GAAGA,EAAS,YAAY;AAAA,IAClD;AAEa,WAAAM,EAAA,GACJN,EAAA,iBAAiB,SAASM,CAAY,GACtCN,EAAA,iBAAiB,UAAUM,CAAY,GACzC,OAAA,iBAAiB,UAAUA,CAAY,GAEvC,MAAM;AACF,MAAAN,EAAA,oBAAoB,SAASM,CAAY,GACzCN,EAAA,oBAAoB,UAAUM,CAAY,GAC5C,OAAA,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EAAA,GACC,CAACnL,GAAIkL,CAAU,CAAC;AACrB;AC/BO,MAAME,KAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,aACE;AAAA,EACF,SACE;AACJ,GAGa/H,KAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAQagI,IAAqC;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AACX;ACRA,SAAwBC,GAAS;AAAA,EAC/B,SAAA9H,IAAU6H,EAAiB;AAAA,EAC3B,SAAA3H;AAAA,EACA,iBAAA6C,IAAkB;AAAA,EAClB,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAA8E,IAAmB;AAAA,EACnB,YAAAL,IAAa;AAAA,EACb,gBAAAM,IAAiB;AAAA,EACjB,WAAApL;AAAA,EACA,GAAG2D;AACL,GAAkB;AAChB,QAAM/D,IAAKW,EAAM;AACH,EAAAsK,GAAAjL,GAAIkL,KAAc3E,CAAe;AAG/C,MAAIK,IAAgBlD;AAChB,EAAAF,MAAY,aAAa,CAACE,MACZkD,IAAA,OAElBA,IAAgBA,KAAiByE,EAAiB;AAElD,MAAII,IAA2BF;AAC/B,GAAIhF,KAAoB/C,MAAY,eAAe,CAAC+H,OACvBE,IAAA;AAM7B,QAAM5E,IAAe1F;AAAA,IAFnB;AAAA,IAIA,CAACoF,KAAmB6E,GAAiB5H,CAAO;AAAA,IAC5C,CAAC+C,KAAmBlD,GAAgBuD,CAAa;AAAA,IACjD,CAACL,KAAmB;AAAA,IACpBA,KAAmB;AAAA,IACnBkF,KAA4B;AAAA,IAE5BrL;AAAA,EACF;AAEA,2BACG,OAAI,EAAA,WAAWe,EAAK,gBAAgBoF,KAAmB,aAAa,GACnE,UAAA;AAAA,IAAA,gBAAAnF;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG2C;AAAA,QACJ,IAAA/D;AAAA,QACA,iBAAe+D,EAAK;AAAA,QACpB,UAAUwC;AAAA,QACV,iBAAeA,KAAmBxC,EAAK,eAAe;AAAA,QACtD,OAAO;AAAA,UACL,QAAQmH,IAAa,SAAS;AAAA,QAChC;AAAA,QACA,WAAWrE;AAAA,MAAA;AAAA,IACb;AAAA,IACC2E,IAAiB,KAAK,gBAAApK,EAACqJ,MAAe,WAAWzK,GAAI,WAAWwL,GAAgB;AAAA,IAChF,CAACjF,KAAoB,gBAAAnF,EAAA2E,GAAA,EAAkB,WAAW/F,GAAI,MAAK,SAAQ,SAASwG,GAAc;AAAA,IAC1F,CAACD,KAAoB,gBAAAnF,EAAA2E,GAAA,EAAkB,WAAW/F,GAAI,MAAK,WAAU,SAASyG,EAAgB,CAAA;AAAA,EAAA,GACjG;AAEJ;"}
1
+ {"version":3,"file":"components.esm.js","sources":["../src/components/accordion/AccordionItem.tsx","../src/components/accordion/Accordion.tsx","../src/components/button/LoadingDots.tsx","../src/components/button/variants.ts","../src/components/button/Button.tsx","../src/components/checkbox/hooks.ts","../src/components/checkbox/Checkbox.tsx","../src/components/clickable/Clickable.tsx","../src/shared/forms/StatusHelpMessage.tsx","../src/components/input/variants.ts","../src/components/input/Input.tsx","../src/components/label/Label.tsx","../src/components/slot/Slot.tsx","../src/components/radiogroup/RadioInput.tsx","../src/components/radiogroup/RadioGroupItem.tsx","../src/components/radiogroup/hooks.ts","../src/components/radiogroup/RadioGroup.tsx","../src/components/textarea/CharacterCount.tsx","../src/components/textarea/hooks.ts","../src/components/textarea/variants.ts","../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { ChevronDown } from '../../symbols';\nimport { join } from '../../utils';\nimport { AccordionOption } from './Accordion';\n\nexport interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {\n children?: React.ReactNode;\n className?: string;\n isOpen?: boolean;\n onToggle?: () => void;\n triggerClassName?: string;\n bodyClassName?: string;\n}\n\nexport function AccordionItem({\n id,\n title,\n content,\n children,\n className = '',\n disabled = false,\n isOpen = false,\n onToggle,\n triggerClassName = '',\n bodyClassName = '',\n}: AccordionItemProps) {\n const fallbackId = useId();\n const itemId = id || `accordion-item-${fallbackId}`;\n const headerId = `${itemId}-header`;\n const panelId = `${itemId}-panel`;\n\n const handleToggle = () => {\n if (!disabled && onToggle) {\n onToggle();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n handleToggle();\n }\n };\n\n return (\n <div className={join('border-b border-gray-200', disabled && 'opacity-60 cursor-not-allowed', className)}>\n <button\n id={headerId}\n type='button'\n className={join(\n 'w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary',\n disabled ? 'cursor-not-allowed' : 'hover:bg-gray-50/10 cursor-pointer',\n triggerClassName\n )}\n aria-expanded={isOpen}\n aria-controls={panelId}\n disabled={disabled}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n >\n <span>{title}</span>\n <span\n className={join(\n 'transform transition-transform duration-300 ease-linear',\n isOpen ? 'rotate-180' : 'rotate-0'\n )}\n aria-hidden='true'\n >\n <ChevronDown size={18} />\n </span>\n </button>\n\n <div\n id={panelId}\n role='region'\n aria-labelledby={headerId}\n className={join(\n 'transition-all duration-300 ease-linear px-4',\n isOpen ? 'max-h-96 opacity-100 overflow-auto py-3' : 'max-h-0 opacity-0 overflow-hidden',\n bodyClassName\n )}\n >\n {isOpen && (children || content)}\n </div>\n </div>\n );\n}\n","import React, { useId, useState } from 'react';\nimport { join } from '../../utils';\nimport { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionOption {\n id?: string;\n title: React.ReactNode;\n content: React.ReactNode;\n disabled?: boolean;\n defaultOpen?: boolean;\n}\n\nexport interface AccordionProps {\n name?: string;\n items?: AccordionOption[];\n children?: React.ReactElement<AccordionItemProps>[] | React.ReactElement<AccordionItemProps>;\n className?: string;\n itemClassName?: string;\n allowMultiple?: boolean;\n defaultOpenItems?: string[];\n triggersClassName?: string;\n bodiesClassName?: string;\n}\n\nexport function Accordion({\n name,\n items = [],\n children,\n className = '',\n itemClassName = '',\n allowMultiple = false,\n defaultOpenItems = [],\n triggersClassName = '',\n bodiesClassName = '',\n}: AccordionProps) {\n const groupId = useId();\n const groupName = name || `accordion-group-${groupId}`;\n const [openItems, setOpenItems] = useState<Set<string>>(new Set(defaultOpenItems));\n\n const toggleItem = (itemId: string) => {\n setOpenItems((prev) => {\n const newOpenItems = new Set(prev);\n\n if (newOpenItems.has(itemId)) {\n newOpenItems.delete(itemId);\n } else {\n if (!allowMultiple) {\n newOpenItems.clear();\n }\n newOpenItems.add(itemId);\n }\n\n return newOpenItems;\n });\n };\n\n const getItemId = (index: number) => `${groupId}-item-${index}`;\n const isItemOpen = (itemId: string) => openItems.has(itemId);\n\n return (\n <div id={groupName} className={className}>\n {/* Render from items prop */}\n {items.length > 0 &&\n items.map((item, index) => {\n const itemId = item.id || getItemId(index);\n return (\n <AccordionItem\n key={itemId}\n id={itemId}\n title={item.title}\n content={item.content}\n disabled={item.disabled}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n className={itemClassName}\n triggerClassName={triggersClassName}\n bodyClassName={bodiesClassName}\n />\n );\n })}\n\n {/* Render AccordionItem components */}\n {items.length === 0 &&\n children &&\n React.Children.map(children, (child, index) => {\n if (React.isValidElement<AccordionItemProps>(child) && child.type === AccordionItem) {\n const itemId = child.props.id || getItemId(index);\n return (\n <AccordionItem\n {...child.props}\n key={itemId}\n id={itemId}\n className={join(itemClassName, child.props.className)}\n isOpen={isItemOpen(itemId)}\n onToggle={() => toggleItem(itemId)}\n triggerClassName={join(triggersClassName, child.props.triggerClassName)}\n bodyClassName={join(bodiesClassName, child.props.bodyClassName)}\n />\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\nexport default function LoadingDots() {\n const [activeIndex, setActiveIndex] = useState(0);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setActiveIndex((prevIndex) => (prevIndex + 1) % 3);\n }, 500);\n\n return () => clearInterval(interval);\n }, []);\n\n return (\n <div className='absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle'>\n {[0, 1, 2].map((index) => (\n <div\n key={index}\n className={join(\n 'rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current',\n activeIndex === index && 'transform -translate-y-1'\n )}\n />\n ))}\n </div>\n );\n}\n","export const buttonVariants = {\n base: '',\n primary: 'bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80',\n tertiary: 'text-primary hover:text-primary-foreground disabled:text-muted',\n outline: 'border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted',\n link: 'underline-offset-4 hover:underline disabled:underline disabled:text-muted',\n danger: 'bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground',\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariants;\n\nexport const sizeVariants = {\n stripped: '',\n fitted: 'size-fit',\n sm: 'px-2 py-1 text-sm',\n md: 'px-4 py-2 text-base',\n lg: 'px-6 py-3 text-lg',\n icon: 'p-1 w-fit aspect-square',\n full: 'p-2 w-full',\n} as const;\nexport type ButtonSize = keyof typeof sizeVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n} as const;\nexport type ButtonRounded = keyof typeof roundedVariants;\n\nexport interface ButtonVariants {\n variant: ButtonVariant;\n size: ButtonSize;\n rounded: ButtonRounded;\n}\n\nexport const buttonDefaults: ButtonVariants = {\n variant: 'primary',\n size: 'md',\n rounded: 'md',\n} as const;\n","// Button.tsx\nimport { ButtonHTMLAttributes, Ref } from 'react';\nimport { join } from '../../utils';\nimport LoadingDots from './LoadingDots';\nimport { ButtonSize, ButtonVariants, buttonDefaults, buttonVariants, roundedVariants, sizeVariants } from './variants';\n\ninterface ButtonProps extends Partial<ButtonVariants>, ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n loading?: boolean;\n linkTo?: string;\n linkProps?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n}\n\nexport default function Button({\n variant = buttonDefaults.variant,\n size,\n rounded = buttonDefaults.rounded,\n loading,\n linkTo,\n linkProps,\n type = 'button',\n className,\n ...rest\n}: ButtonProps) {\n let adjustedSize: ButtonSize;\n if (variant === 'link' && !size) {\n // default links to fitted size\n adjustedSize = 'fitted';\n } else {\n adjustedSize = size || buttonDefaults.size;\n }\n\n const baseClasses =\n 'appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all';\n\n const buttonClasses = join(\n baseClasses,\n buttonVariants[variant],\n sizeVariants[adjustedSize],\n roundedVariants[rounded],\n loading && 'relative pointer-events-none',\n linkTo && 'relative',\n className\n );\n\n return (\n <button\n {...rest}\n role={linkTo ? 'link' : rest.role}\n aria-label={rest['aria-label'] || linkProps?.['aria-label']}\n aria-description={rest['aria-description'] || linkProps?.['aria-description']}\n aria-disabled={rest.disabled || loading}\n aria-busy={loading}\n type={type}\n className={buttonClasses}\n >\n {loading && <LoadingDots />}\n <span className={join(loading && 'invisible')}>{rest.children}</span>\n\n {linkTo && !rest.disabled && (\n <a\n {...linkProps}\n aria-hidden={true} // Hide from screen readers since the button is already accessible\n href={linkTo}\n target={linkProps?.target || '_blank'}\n rel={linkProps?.rel || 'noreferrer'}\n className='absolute inset-0'\n />\n )}\n </button>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useFilledBackgroundColor(id: string) {\n const [filledBackgroundColor, setFilledBackgroundColor] = useState<string>('');\n\n const getFirstNonTransparentBackgroundColor = useCallback((element: Element | null): string => {\n let currentElement = element;\n let color = '';\n while (currentElement && !color) {\n const backgroundColor = window.getComputedStyle(currentElement).backgroundColor;\n if (backgroundColor && backgroundColor !== 'transparent' && backgroundColor !== 'rgba(0, 0, 0, 0)') {\n color = backgroundColor;\n }\n currentElement = currentElement.parentElement;\n }\n return color || 'transparent';\n }, []);\n\n useEffect(() => {\n const checkbox = document.getElementById(id);\n if (checkbox) {\n const backgroundColor = getFirstNonTransparentBackgroundColor(checkbox.parentElement);\n setFilledBackgroundColor(backgroundColor);\n }\n }, [id, getFirstNonTransparentBackgroundColor]);\n\n return filledBackgroundColor;\n}\n","import React, { Ref, useEffect, useId, useMemo, useState } from 'react';\nimport Check from '../../symbols/Check';\nimport { join } from '../../utils';\nimport { useFilledBackgroundColor } from './hooks';\n\nexport interface CheckboxProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: Ref<HTMLButtonElement>;\n size?: number;\n color?: string; // can be adjusted with tailwindcss by using `text-<color>`\n filled?: boolean;\n rounded?: boolean;\n checked?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n}\n\nexport default function Checkbox({\n ref,\n id,\n size = 20,\n color,\n filled = false,\n rounded = true,\n checked = false,\n onCheckedChange,\n disabled,\n className = '',\n ...props\n}: CheckboxProps) {\n const generatedId = useId();\n const checkboxId = useMemo(() => id || `checkbox-${generatedId}`, [id, generatedId]);\n const parentBackgroundColor = useFilledBackgroundColor(checkboxId);\n const [isChecked, setIsChecked] = useState(checked);\n\n useEffect(() => {\n setIsChecked(checked);\n }, [checked]);\n\n const handleChange = () => {\n if (!disabled) {\n setIsChecked(!isChecked);\n onCheckedChange?.(!isChecked);\n }\n };\n\n const handleOnKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === ' ') {\n e.preventDefault();\n handleChange();\n }\n };\n\n const checkboxClasses = join(\n 'flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2',\n rounded && 'rounded',\n disabled && 'opacity-40 cursor-not-allowed',\n !disabled && 'cursor-pointer',\n className\n );\n\n return (\n <button\n id={checkboxId}\n type='button'\n ref={ref}\n tabIndex={0}\n role='checkbox'\n onClick={handleChange}\n aria-checked={isChecked}\n aria-disabled={disabled}\n onKeyDownCapture={handleOnKeyDown}\n style={{\n width: size,\n height: size,\n color: color,\n backgroundColor: isChecked && filled ? 'currentcolor' : 'transparent',\n }}\n className={checkboxClasses}\n {...props}\n >\n {isChecked && <Check size={size} color={filled ? parentBackgroundColor : undefined} />}\n </button>\n );\n}\n","import { join } from '../../utils';\n\ninterface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {\n children: React.ReactNode;\n linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];\n linkProps?: Omit<React.HTMLProps<HTMLAnchorElement>, 'href'>;\n onButtonClick?: React.HTMLProps<HTMLButtonElement>['onClick'];\n buttonProps?: Omit<React.HTMLProps<HTMLButtonElement>, 'onClick'>;\n}\n\nexport default function Clickable({\n children,\n className,\n linkTo,\n linkProps,\n onButtonClick,\n buttonProps,\n ...props\n}: ClickableProps) {\n if (linkTo && onButtonClick) {\n console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.');\n }\n\n return (\n <div className={join('relative w-fit', className)} {...props}>\n {children}\n\n {/* Link */}\n {linkTo && (\n <a\n {...linkProps}\n href={linkTo}\n className={join('absolute inset-0', linkProps?.className)}\n />\n )}\n\n {/* Button */}\n {!linkTo && onButtonClick && (\n <button\n {...buttonProps}\n type='button'\n onClick={onButtonClick}\n className={join('absolute inset-0 cursor-pointer', buttonProps?.className)}\n />\n )}\n </div>\n );\n}\n","import { useEffect } from 'react';\nimport { CheckCircled, ExclamationTriangle } from '../../symbols';\nimport { join } from '../../utils';\n\ninterface StatusHelpMessageProps {\n elementId: string;\n type: 'error' | 'success';\n message?: string;\n}\n\nexport default function StatusHelpMessage({ elementId, type, message }: StatusHelpMessageProps) {\n useEffect(() => {\n const element = document.getElementById(elementId) as HTMLElement;\n if (!element) {\n return;\n }\n if (!message && type === 'error') {\n element.removeAttribute('data-error');\n return;\n }\n if (!message && type === 'success') {\n element.removeAttribute('data-success');\n return;\n }\n\n element.setAttribute('aria-describedby', `${elementId}-${type}-message`);\n element.setAttribute('aria-invalid', type === 'error' ? 'true' : 'false');\n\n if (type === 'error') {\n element.setAttribute('data-error', 'true');\n }\n if (type === 'success') {\n element.setAttribute('data-success', 'true');\n }\n\n return () => {\n element.removeAttribute('aria-describedby');\n element.removeAttribute('aria-invalid');\n element.removeAttribute('data-error');\n element.removeAttribute('data-success');\n };\n }, [elementId, type, message]);\n\n if (!message) {\n return null;\n }\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start',\n type === 'error' && 'text-danger',\n type === 'success' && 'text-success'\n )}\n role='status'\n >\n {type === 'error' ? <ExclamationTriangle /> : <CheckCircled />}\n <span id={`${elementId}-${type}-message`}>{message}</span>\n </small>\n );\n}\n","export const inputVariants = {\n base: '',\n default:\n 'ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success',\n underline:\n 'border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type InputVariant = keyof typeof inputVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type InputRounded = keyof typeof roundedVariants;\n\nexport interface InputVariants {\n variant: InputVariant;\n rounded: InputRounded;\n}\n\nexport const inputDefaults: InputVariants = {\n variant: 'default',\n rounded: 'none',\n} as const;\n","import { Ref, useId, useState } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { EyeClosed, EyeOpened } from '../../symbols';\nimport { join } from '../../utils';\nimport './styles.css';\nimport { inputDefaults, inputVariants, InputVariants, roundedVariants } from './variants';\n\ninterface InputProps extends Partial<InputVariants>, React.InputHTMLAttributes<HTMLInputElement> {\n ref?: Ref<HTMLInputElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n}\n\nexport default function Input({\n variant = inputDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n type = 'text',\n className,\n ...rest\n}: InputProps) {\n const id = useId();\n const [showPassword, setShowPassword] = useState(false);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || inputDefaults.rounded;\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n const fileClasses =\n 'file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors';\n\n const inputClasses = join(\n baseClasses,\n fileClasses,\n !displayOnlyMode && inputVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n type === 'password' && 'pr-10',\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n className\n );\n\n return (\n <div className={join(displayOnlyMode && 'cursor-text')} style={{ height: rest.height, width: rest.width }}>\n <div className={join(type === 'password' && 'relative')}>\n <input\n {...rest}\n id={id}\n type={type === 'password' && showPassword ? 'text' : type}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n data-error={errorMessage ? true : undefined}\n data-success={successMessage ? true : undefined}\n className={inputClasses}\n />\n {type === 'password' && (\n <button\n onClick={() => setShowPassword(!showPassword)}\n className='absolute inset-y-0 right-0 px-2 hover:cursor-pointer'\n aria-label='Toggle password visibility'\n data-state={showPassword ? 'visible' : 'hidden'}\n >\n {showPassword ? <EyeOpened size={20} /> : <EyeClosed size={20} />}\n </button>\n )}\n </div>\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport { QuestionMarkCircled } from '../../symbols';\nimport { join } from '../../utils';\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n display?: 'block' | 'inline';\n width?: React.CSSProperties['width'];\n required?: boolean;\n helpMessage?: string;\n suffix?: React.ReactNode;\n}\n\nexport function Label({\n display = 'inline',\n width = 'fit-content',\n className = '',\n required,\n helpMessage,\n suffix,\n htmlFor,\n children,\n ...props\n}: LabelProps) {\n const id = useId();\n const labelClasses = join('font-medium', display, className);\n const helpId = helpMessage ? `${htmlFor ?? id}-help` : undefined;\n\n return (\n <div style={{ display: display === 'inline' ? 'inline-flex' : 'flex', width }} className='relative'>\n <label className={labelClasses} htmlFor={htmlFor} {...props}>\n {children}\n {required && (\n <span className='text-red-500 font-medium ml-1' aria-label='required'>\n *\n </span>\n )}\n </label>\n {helpMessage && (\n <span\n className='text-gray-500 ml-1 size-fit -translate-y-1/3'\n aria-describedby={helpId}\n aria-label='Help information'\n title={helpMessage}\n >\n <QuestionMarkCircled />\n </span>\n )}\n {helpMessage && (\n <div id={helpId} className='sr-only'>\n {helpMessage}\n </div>\n )}\n {suffix && <span className='ml-1'>{suffix}</span>}\n </div>\n );\n}\n","import React, {\n cloneElement,\n createElement,\n HTMLAttributes,\n isValidElement,\n ReactElement,\n ReactNode,\n Ref,\n} from 'react';\n\ninterface SlotProps<T> extends HTMLAttributes<T> {\n children?: ReactNode;\n ref?: Ref<T>;\n}\n\nexport function Slot<T = HTMLElement>({ children, ref, ...props }: SlotProps<T>) {\n\n if (isValidElement(children)) {\n let allProps = { ...props };\n if (children.props) {\n allProps = { ...allProps, ...children.props };\n }\n return cloneElement(children, {\n ...allProps,\n ref: (node: T) => {\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n (ref as React.RefObject<T>).current = node;\n }\n },\n } as unknown as ReactElement);\n }\n\n // If not asChild or no valid child, render as div\n return createElement('div', { ...props, ref }, children);\n}\n","import { join } from '../../utils';\n\nexport type RadioInputProps = {\n itemId: string;\n checked: boolean;\n onChange: () => void;\n name: string;\n disabled?: boolean;\n className?: string;\n};\n\n// Custom RadioInput Component\nexport function RadioInput({ itemId, checked, onChange, name, disabled = false, className = '' }: RadioInputProps) {\n const baseClasses = 'relative inline-flex items-center justify-center rounded-full';\n\n const handleClick = () => {\n if (disabled) return;\n onChange();\n };\n\n const radioClasses = join(\n baseClasses,\n !checked && 'hover:border-current/60',\n !disabled && 'border-current cursor-pointer',\n disabled && 'border-muted/60 cursor-not-allowed',\n className\n );\n return (\n <div\n id={itemId}\n role='radio'\n tabIndex={-1} // necessary so that the radio button can be focused as div is not a focusable element\n aria-checked={checked}\n aria-disabled={disabled}\n aria-description={`Radio button for ${name}`}\n aria-labelledby={`${itemId}-label`}\n onClick={handleClick}\n className={radioClasses}\n style={{\n width: '1em',\n height: '1em',\n padding: '0.1em',\n borderWidth: '0.06em',\n }}\n >\n {checked && (\n <div\n className={join(`size-full aspect-square rounded-full`, disabled && 'bg-muted/60', !disabled && 'bg-current')}\n />\n )}\n </div>\n );\n}\n","import { useId } from 'react';\nimport { join } from '../../utils';\nimport { RadioInput } from './RadioInput';\n\nexport interface RadioGroupItemProps {\n value: string;\n children: React.ReactNode;\n className?: string;\n isSelected?: boolean;\n onChange?: (value: string) => void;\n disabled?: boolean;\n name?: string;\n hideInput?: boolean;\n description?: string;\n}\n\nexport function RadioGroupItem({\n value,\n children,\n className = '',\n isSelected = false,\n onChange,\n disabled = false,\n hideInput = false,\n description,\n name,\n}: RadioGroupItemProps) {\n const id = useId();\n const itemId = `radio-${id}-${value}`;\n\n const handleChange = () => {\n if (!disabled) {\n onChange?.(value);\n }\n };\n\n return (\n <div\n title={description}\n className={join(\n 'relative flex items-center',\n className,\n // Uses text color for borders\n hideInput &&\n `p-2 border-2 focus-within:border-dashed focus-within:${\n disabled ? 'border-current/50' : 'border-current/80'\n }`,\n hideInput && !isSelected && `border-transparent ${disabled ? '' : 'not-focus-within:hover:border-border/60'}`,\n hideInput && isSelected && 'border-border',\n disabled && 'opacity-60 cursor-not-allowed'\n )}\n style={{\n gap: '0.5em',\n }}\n >\n {!hideInput && (\n <RadioInput\n itemId={itemId}\n name={name || ''}\n checked={isSelected}\n onChange={handleChange}\n disabled={disabled}\n className={join(hideInput && '')}\n />\n )}\n <div\n id={hideInput ? itemId : undefined}\n tabIndex={hideInput ? -1 : undefined}\n role={hideInput ? 'radio' : undefined}\n onClick={hideInput ? handleChange : undefined}\n aria-checked={!hideInput ? undefined : isSelected ? 'true' : 'false'}\n aria-disabled={hideInput ? disabled : undefined}\n aria-description={!hideInput ? undefined : description || `Radio button for ${name}`}\n aria-labelledby={hideInput ? `${itemId}-label` : undefined}\n className={join(hideInput && 'size-full', typeof children === 'object' && 'grow focus:outline-none')}\n >\n <label\n id={`${itemId}-label`}\n onClick={hideInput ? undefined : handleChange}\n className={join(disabled && 'cursor-not-allowed', !disabled && 'cursor-pointer')}\n >\n {children}\n </label>\n </div>\n </div>\n );\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nexport function useRadioFocus(id: string, selectedOptionIndex: number) {\n // Manage state locally to avoid race conditions, which can result in\n // the an option failing to be selected or incorrectly selected\n const [focusedIndex, setFocusedIndex] = useState<number>(selectedOptionIndex);\n const [clickedIndex, setClickedIndex] = useState<number>(-1);\n // Prevent onClicks from triggering focus events and automatically selecting the first option\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n\n const handleClicked = useCallback((options: HTMLElement[], index: number) => {\n const target = options[index] as HTMLElement;\n\n // Check if the target element is disabled\n const isDisabled = target.hasAttribute('disabled') || target.getAttribute('aria-disabled') === 'true';\n if (isDisabled) return;\n\n // Update the selected index\n options[index]?.click();\n setClickedIndex(index);\n }, []);\n\n const setInitialFocus = useCallback(\n (e: Event, options: HTMLElement[]) => {\n e.preventDefault();\n if (isMouseDown) return;\n if (!options.length) return;\n\n const indexToFocus = selectedOptionIndex !== -1 ? selectedOptionIndex : 0;\n options[indexToFocus]?.focus();\n setFocusedIndex(indexToFocus);\n\n // Only update the selected index if one is already set\n if (selectedOptionIndex !== -1) {\n handleClicked(options, indexToFocus);\n }\n },\n [selectedOptionIndex, isMouseDown, handleClicked]\n );\n\n /* Focus preceding element when Shift + Tab is pressed */\n const handleFocusPreceding = useCallback(\n (e: KeyboardEvent) => {\n // If the Shift key is not pressed while tab is entered, do nothing\n if (!e.shiftKey) {\n return;\n }\n\n e.preventDefault();\n const focusableElements = Array.from(\n document.querySelectorAll<HTMLElement>(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((el) => !el.hasAttribute('disabled') && el.tabIndex >= 0);\n const currentIndex = focusableElements.findIndex((el) => el.id === id);\n const previousIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n focusableElements[previousIndex]?.focus();\n },\n [id]\n );\n\n const handleKeyboardNavigation = useCallback(\n (e: KeyboardEvent, options: HTMLElement[]) => {\n if (!options.length) return;\n\n // Ensure we only toggle options part of radio group\n const target = e.target as HTMLElement;\n const isGroupOption = options.some((option) => option.id === target.id);\n if (!isGroupOption) return;\n\n const currentIndex = focusedIndex !== -1 ? focusedIndex : 0;\n let newIndex = currentIndex;\n\n switch (e.key) {\n case 'ArrowUp':\n case 'ArrowLeft':\n e.preventDefault();\n newIndex = currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n break;\n\n case 'ArrowDown':\n case 'ArrowRight':\n e.preventDefault();\n newIndex = (currentIndex + 1) % options.length;\n break;\n\n // Select the option when the space key is pressed\n case ' ':\n e.preventDefault();\n handleClicked(options, currentIndex);\n return;\n\n case 'Tab':\n handleFocusPreceding(e);\n return;\n\n default:\n return;\n }\n\n options[newIndex]?.focus();\n setFocusedIndex(newIndex);\n // Only update the selected index if one is already set\n if (clickedIndex !== -1) {\n handleClicked(options, newIndex);\n }\n },\n [focusedIndex, clickedIndex, handleFocusPreceding, handleClicked]\n );\n\n const getRadioOptions = useCallback((): HTMLElement[] => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return [];\n\n return Array.from(radioGroup.querySelectorAll('[role=\"radio\"]'));\n }, [id]);\n\n useEffect(() => {\n const radioGroup = document.querySelector(`[id=\"${id}\"][role=\"radiogroup\"]`);\n if (!radioGroup) return;\n\n const options = getRadioOptions();\n const handleFocus = (e: Event) => setInitialFocus(e, options);\n const handleKeyDown = (e: KeyboardEvent) => handleKeyboardNavigation(e, options);\n const handleMouseDown = () => setIsMouseDown(true);\n const handleMouseUp = () => setIsMouseDown(false);\n\n document.addEventListener('keydown', handleKeyDown);\n radioGroup.addEventListener('focus', handleFocus);\n radioGroup.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('mouseup', handleMouseUp); // place on document since mouseup event can occur outside of radio group\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n radioGroup.removeEventListener('focus', handleFocus);\n radioGroup.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [id, getRadioOptions, setInitialFocus, handleKeyboardNavigation]);\n}\n","import React, { useId, useMemo } from 'react';\nimport { join } from '../../utils';\nimport { RadioGroupItem, RadioGroupItemProps } from './RadioGroupItem';\nimport { useRadioFocus } from './hooks';\n\nexport type RadioOption = { label: string; value: string; disabled?: boolean; description?: string };\n\nexport type RadioGroupProps = {\n options?: (string | RadioOption)[];\n value: string | undefined;\n onChange: (value: string) => void;\n name?: string;\n children?: React.ReactElement<RadioGroupItemProps>[] | React.ReactElement<RadioGroupItemProps>;\n className?: string;\n childrenClassName?: string;\n hideInputs?: boolean;\n};\n\nexport function RadioGroup({\n options = [],\n value,\n onChange,\n name,\n children,\n className = '',\n childrenClassName = '',\n hideInputs = false,\n}: RadioGroupProps) {\n const groupId = useId();\n const groupName = name || `radio-group-${groupId}`;\n useRadioFocus(\n groupName,\n options.findIndex((option) => option === value)\n );\n\n // Check for duplicates if string options are provided\n const processedOptions = useMemo(() => {\n return options.reduce<RadioOption[]>((acc, option) => {\n if (typeof option === 'string') {\n // Check if we already have this string option\n if (!acc.some((item) => item.value === option)) {\n acc.push({ label: option, value: option });\n }\n } else {\n acc.push(option);\n }\n return acc;\n }, []);\n }, [options]);\n\n return (\n <div id={groupName} role='radiogroup' tabIndex={0} className={join(className, 'focus:outline-none')}>\n {/* Render from options prop */}\n {processedOptions.length > 0 &&\n processedOptions.map((option, index) => (\n <RadioGroupItem\n key={`${option.value}-${index}`}\n value={option.value}\n isSelected={value === option.value}\n onChange={onChange}\n name={groupName}\n disabled={option.disabled}\n description={option.description}\n hideInput={hideInputs}\n className={childrenClassName}\n >\n {option.label}\n </RadioGroupItem>\n ))}\n\n {/* Render RadioGroupItem components */}\n {processedOptions.length === 0 &&\n children &&\n React.Children.map(children, (child) => {\n // TypeScript enforces that child is a RadioGroupItem\n if (React.isValidElement(child) && child.type === RadioGroupItem) {\n return (\n <RadioGroupItem\n {...child.props}\n className={join(childrenClassName, child.props.className)}\n hideInput={child.props.hideInput || hideInputs}\n isSelected={value === child.props.value}\n onChange={onChange}\n name={groupName}\n >\n {child.props.children}\n </RadioGroupItem>\n );\n }\n return null;\n })}\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { join } from '../../utils';\n\ninterface CharacterCountProps {\n elementId: string;\n maxLength: number;\n}\n\nexport default function CharacterCount({ elementId, maxLength }: CharacterCountProps) {\n const [characterCount, setCharacterCount] = useState(0);\n\n useEffect(() => {\n const textarea = document.getElementById(elementId) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n const updateCharacterCount = () => {\n const updatedCharacterCount = textarea.value.length;\n setCharacterCount(updatedCharacterCount);\n const isError = updatedCharacterCount >= maxLength;\n textarea.setAttribute('aria-describedby', `${elementId}-character-count`);\n textarea.setAttribute('aria-invalid', isError ? 'true' : 'false');\n\n if (isError) {\n textarea.setAttribute('data-error', 'true');\n } else {\n textarea.removeAttribute('data-error');\n }\n };\n\n updateCharacterCount();\n textarea.addEventListener('input', updateCharacterCount);\n textarea.setAttribute('maxlength', String(maxLength));\n\n return () => {\n textarea.removeEventListener('input', updateCharacterCount);\n textarea.removeAttribute('maxlength');\n textarea.removeAttribute('aria-describedby');\n textarea.removeAttribute('aria-invalid');\n textarea.removeAttribute('data-error');\n };\n }, [elementId, maxLength]);\n\n return (\n <small\n className={join(\n 'mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end',\n characterCount >= maxLength && 'text-danger',\n characterCount < maxLength && 'text-current'\n )}\n role='status'\n >\n <span id={`${elementId}-character-count`}>\n {characterCount} / {maxLength} characters\n </span>\n </small>\n );\n}\n","import { useEffect } from 'react';\n\nexport function useAutoExpand(id: string, autoExpand: boolean) {\n useEffect(() => {\n const textarea = document.getElementById(id) as HTMLTextAreaElement;\n if (!textarea) {\n return;\n }\n\n if (!autoExpand) {\n textarea.style.height = 'auto';\n return;\n }\n\n const adjustHeight = () => {\n // necessary to reset the height to `auto` before calculating the new height\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n };\n\n adjustHeight();\n textarea.addEventListener('input', adjustHeight);\n textarea.addEventListener('resize', adjustHeight);\n window.addEventListener('resize', adjustHeight);\n\n return () => {\n textarea.removeEventListener('input', adjustHeight);\n textarea.removeEventListener('resize', adjustHeight);\n window.removeEventListener('resize', adjustHeight);\n };\n }, [id, autoExpand]);\n}\n","export const textareaVariants = {\n base: '',\n 'left-line':\n 'border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n outline:\n 'border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success',\n} as const;\nexport type TextareaVariant = keyof typeof textareaVariants;\n\nexport const roundedVariants = {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'px-3 rounded-full',\n} as const;\nexport type TextareaRounded = keyof typeof roundedVariants;\n\nexport interface TextareaVariants {\n variant: TextareaVariant;\n rounded: TextareaRounded;\n}\n\nexport const textareaDefaults: TextareaVariants = {\n variant: 'outline',\n rounded: 'none',\n} as const;\n","import { Ref, useId } from 'react';\nimport { StatusHelpMessage } from '../../shared/forms';\nimport { join } from '../../utils';\nimport CharacterCount from './CharacterCount';\nimport { useAutoExpand } from './hooks';\nimport './styles.css';\nimport { roundedVariants, textareaDefaults, textareaVariants, TextareaVariants } from './variants';\n\ninterface TextareaProps extends Partial<TextareaVariants>, React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n ref?: Ref<HTMLTextAreaElement>;\n displayOnlyMode?: boolean;\n errorMessage?: string;\n successMessage?: string;\n hideResizeHandle?: boolean; // only works for Webkit browsers\n autoExpand?: boolean;\n characterLimit?: number;\n}\n\nexport default function Textarea({\n variant = textareaDefaults.variant,\n rounded,\n displayOnlyMode = false,\n errorMessage,\n successMessage,\n hideResizeHandle = false,\n autoExpand = false,\n characterLimit = 0,\n className,\n ...rest\n}: TextareaProps) {\n const id = useId();\n useAutoExpand(id, autoExpand || displayOnlyMode);\n\n // Default `round` of `md` for `outline` variant\n let adjustedRound = rounded;\n if (variant === 'outline' && !rounded) {\n adjustedRound = 'md';\n }\n adjustedRound = adjustedRound || textareaDefaults.rounded;\n\n let adjustedHideResizeHandle = hideResizeHandle;\n if (displayOnlyMode || (variant === 'left-line' && !hideResizeHandle)) {\n adjustedHideResizeHandle = true;\n }\n\n const baseClasses =\n 'appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all';\n\n const inputClasses = join(\n baseClasses,\n !displayOnlyMode && textareaVariants[variant],\n !displayOnlyMode && roundedVariants[adjustedRound],\n !displayOnlyMode && 'px-2 py-1',\n displayOnlyMode && 'pointer-events-none',\n adjustedHideResizeHandle && 'no-resize-handle',\n\n className\n );\n\n return (\n <div className={join('-space-y-1.5', displayOnlyMode && 'cursor-text')}>\n <textarea\n {...rest}\n id={id}\n aria-disabled={rest.disabled}\n readOnly={displayOnlyMode}\n aria-readonly={displayOnlyMode || rest['aria-readonly']}\n style={{\n resize: autoExpand ? 'none' : undefined,\n }}\n className={inputClasses}\n />\n {characterLimit > 0 && <CharacterCount elementId={id} maxLength={characterLimit} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='error' message={errorMessage} />}\n {!displayOnlyMode && <StatusHelpMessage elementId={id} type='success' message={successMessage} />}\n </div>\n );\n}\n"],"names":["AccordionItem","id","title","content","children","className","disabled","isOpen","onToggle","triggerClassName","bodyClassName","fallbackId","useId","itemId","headerId","panelId","handleToggle","handleKeyDown","e","jsxs","join","jsx","ChevronDown","Accordion","name","items","itemClassName","allowMultiple","defaultOpenItems","triggersClassName","bodiesClassName","groupId","groupName","openItems","setOpenItems","useState","toggleItem","prev","newOpenItems","getItemId","index","isItemOpen","item","React","child","createElement","LoadingDots","activeIndex","setActiveIndex","useEffect","interval","prevIndex","buttonVariants","sizeVariants","roundedVariants","buttonDefaults","Button","variant","size","rounded","loading","linkTo","linkProps","type","rest","adjustedSize","buttonClasses","useFilledBackgroundColor","filledBackgroundColor","setFilledBackgroundColor","getFirstNonTransparentBackgroundColor","useCallback","element","currentElement","color","backgroundColor","checkbox","Checkbox","ref","filled","checked","onCheckedChange","props","generatedId","checkboxId","useMemo","parentBackgroundColor","isChecked","setIsChecked","handleChange","handleOnKeyDown","checkboxClasses","Check","Clickable","onButtonClick","buttonProps","StatusHelpMessage","elementId","message","ExclamationTriangle","CheckCircled","inputVariants","inputDefaults","Input","displayOnlyMode","errorMessage","successMessage","showPassword","setShowPassword","adjustedRound","inputClasses","EyeOpened","EyeClosed","Label","display","width","required","helpMessage","suffix","htmlFor","labelClasses","helpId","QuestionMarkCircled","Slot","isValidElement","allProps","cloneElement","node","RadioInput","onChange","baseClasses","handleClick","radioClasses","RadioGroupItem","value","isSelected","hideInput","description","useRadioFocus","selectedOptionIndex","focusedIndex","setFocusedIndex","clickedIndex","setClickedIndex","isMouseDown","setIsMouseDown","handleClicked","options","target","_a","setInitialFocus","indexToFocus","handleFocusPreceding","focusableElements","el","currentIndex","previousIndex","handleKeyboardNavigation","option","newIndex","getRadioOptions","radioGroup","handleFocus","handleMouseDown","handleMouseUp","RadioGroup","childrenClassName","hideInputs","processedOptions","acc","CharacterCount","maxLength","characterCount","setCharacterCount","textarea","updateCharacterCount","updatedCharacterCount","isError","useAutoExpand","autoExpand","adjustHeight","textareaVariants","textareaDefaults","Textarea","hideResizeHandle","characterLimit","adjustedHideResizeHandle"],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { AccordionOption } from './Accordion';
2
3
  export interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {
3
4
  children?: React.ReactNode;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  interface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
2
3
  children: React.ReactNode;
3
4
  linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export interface RadioGroupItemProps {
2
3
  value: string;
3
4
  children: React.ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moondreamsdev/dreamer-ui",
3
- "version": "1.7.3-test.0",
3
+ "version": "1.7.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },