@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.
- package/dist/components.cjs.js +1 -1
- package/dist/components.cjs.js.map +1 -1
- package/dist/components.esm.js +16 -17
- package/dist/components.esm.js.map +1 -1
- package/dist/src/components/accordion/AccordionItem.d.ts +1 -0
- package/dist/src/components/clickable/Clickable.d.ts +1 -0
- package/dist/src/components/radiogroup/RadioGroupItem.d.ts +1 -0
- package/package.json +1 -1
package/dist/components.cjs.js
CHANGED
|
@@ -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":"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"}
|
package/dist/components.esm.js
CHANGED
|
@@ -164,15 +164,15 @@ const J = {
|
|
|
164
164
|
md: "rounded-md",
|
|
165
165
|
lg: "rounded-lg",
|
|
166
166
|
full: "rounded-full"
|
|
167
|
-
},
|
|
167
|
+
}, k = {
|
|
168
168
|
variant: "primary",
|
|
169
169
|
size: "md",
|
|
170
170
|
rounded: "md"
|
|
171
171
|
};
|
|
172
172
|
function ue({
|
|
173
|
-
variant: o =
|
|
173
|
+
variant: o = k.variant,
|
|
174
174
|
size: r,
|
|
175
|
-
rounded: e =
|
|
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 ||
|
|
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
|
-
},
|
|
365
|
+
}, L = {
|
|
367
366
|
variant: "default",
|
|
368
367
|
rounded: "none"
|
|
369
368
|
};
|
|
370
369
|
function be({
|
|
371
|
-
variant: o =
|
|
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 ||
|
|
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
|
|
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
|
-
|
|
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 ===
|
|
676
|
-
|
|
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
|
-
},
|
|
748
|
+
}, S = {
|
|
750
749
|
variant: "outline",
|
|
751
750
|
rounded: "none"
|
|
752
751
|
};
|
|
753
752
|
function pe({
|
|
754
|
-
variant: o =
|
|
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 ||
|
|
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
|
-
|
|
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":"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"}
|
|
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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"}
|