@charcoal-ui/react 5.7.0 → 5.8.0

package/dist/index.cjs

@@ -8,5 +8,5 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
         document.documentElement.dataset[rootAttribute] = currentTheme;
     }
 })();
-`}function ee({localStorageKey:e=R.localStorageKey,rootAttribute:t=R.rootAttribute}){return(0,d.jsx)(`script`,{dangerouslySetInnerHTML:{__html:L({localStorageKey:e,rootAttribute:t})}})}const R={localStorageKey:C,rootAttribute:w};function z(...e){return(0,l.useMemo)(()=>e.filter(e=>e).join(` `),[e])}const te=(0,l.forwardRef)(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=(0,l.useMemo)(()=>i??`button`,[i]),u=z(`charcoal-button`,r);return(0,d.jsx)(c,{...o,className:u,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})}),ne=(0,l.forwardRef)(function({component:e,...t},n){let r=z(`charcoal-clickable`,t.className);return(0,d.jsx)((0,l.useMemo)(()=>e??`button`,[e]),{...t,ref:n,className:r})}),B=(0,l.forwardRef)(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){re(t,n);let s=(0,l.useMemo)(()=>i??`button`,[i]),c=z(`charcoal-icon-button`,a.className);return(0,d.jsx)(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:(0,d.jsx)(`pixiv-icon`,{name:n})})});function re(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const ie=l.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}}),ae=(0,l.forwardRef)(function({onChange:e,invalid:t,className:n,...r},i){let a=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})});var oe=(0,l.memo)(ae);const se=(0,l.forwardRef)(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:c,invalid:u,onChange:p}=(0,l.useContext)(ie),m=z(`charcoal-radio__label`,r.className);(0,f.default)(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let h=e===o,g=t||s,_=c&&!h;return(0,d.jsxs)(`label`,{"aria-disabled":g||_,className:m,children:[(0,d.jsx)(oe,{name:a,value:e,checked:h,"aria-invalid":u,onChange:p,disabled:g||_,ref:i}),n!=null&&(0,d.jsx)(`div`,{className:`charcoal-radio__label_div`,children:n})]})});var ce=(0,l.memo)(se);const le=(0,l.forwardRef)(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:s,"aria-orientation":c=`vertical`,...u},f){let p=z(`charcoal-radio-group`,u.className),m=(0,l.useCallback)(e=>{r(e)},[r]),h=(0,l.useMemo)(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return(0,d.jsx)(ie.Provider,{value:h,children:(0,d.jsx)(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":c,className:p,ref:f,children:s})})}),V=(0,l.createContext)({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}}),H=l.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return(0,d.jsx)(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})}),ue=(0,l.forwardRef)(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:s,selected:c,disabled:u,readonly:p,invalid:m,onChange:h}=(0,l.useContext)(V);(0,f.default)(s!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let g=c.includes(e),_=t||u||p,v=(0,l.useCallback)(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),h({value:e,selected:t.currentTarget.checked}))},[n,h,e]),y=z(`charcoal-multi-select`,i);return(0,d.jsxs)(`label`,{"aria-disabled":_,className:y,children:[(0,d.jsx)(`input`,{className:`charcoal-multi-select-input`,name:s,value:e,type:`checkbox`,checked:g,disabled:_,onChange:v,"data-overlay":r===`overlay`,"aria-invalid":m,ref:o}),(0,d.jsx)(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":m,"aria-hidden":!0,children:(0,d.jsx)(H,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&(0,d.jsx)(`div`,{className:`charcoal-multi-select-label`,children:a})]})});var de=(0,l.memo)(ue);function fe({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:s=!1,invalid:c=!1,children:u}){let f=(0,l.useCallback)(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return(0,d.jsx)(V.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:s,invalid:c,onChange:f},children:(0,d.jsx)(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}const pe=(0,l.forwardRef)(function({onChange:e,className:t,...n},r){let i=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{ref:r,className:z(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})}),me=l.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return(0,d.jsxs)(`label`,{htmlFor:r,className:z(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,(0,d.jsx)(`div`,{className:`charcoal-switch__label_div`,children:e})]})}),he=(0,l.forwardRef)(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=(0,p.useId)(i),c=e===void 0,l=(0,d.jsx)(pe,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:(0,d.jsx)(me,{className:r,disabled:n,id:s,input:l,children:e})});var ge=(0,l.memo)(he);const U=l.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return(0,d.jsxs)(`div`,{style:e,className:z(`charcoal-field-label-root`,t),children:[(0,d.jsx)(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&(0,d.jsx)(`div`,{className:`charcoal-field-label-required-text`,children:i}),(0,d.jsx)(`div`,{className:`charcoal-field-label-sub-label`,children:(0,d.jsx)(`span`,{children:a})})]})});function _e(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function W(e){return Array.from(e).length}function G(e,t){(0,l.useEffect)(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function K(e){return(0,l.forwardRef)(function({className:t,...n},r){return(0,d.jsx)(`div`,{className:z(e,t),ref:r,...n})})}const q=K(`charcoal-text-field-assistive-text`),ve=l.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:s,requiredText:c,showCount:u=!1,showLabel:f=!1,subLabel:h,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=W,...x},S){let C=(0,l.useRef)(null),{visuallyHiddenProps:w}=(0,m.useVisuallyHidden)(),[T,E]=(0,l.useState)(b(y??``)),D=(0,l.useCallback)(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(E(n),a?.(t))},[b,i,a]);(0,l.useEffect)(()=>{E(b(y??``))},[b,y]);let O=(0,l.useRef)(null);G(O,C);let k=(0,p.useId)(x.id),A=(0,p.useId)(),j=(0,p.useId)(),M=e!=null&&e.length!==0;return(0,d.jsxs)(`div`,{className:z(`charcoal-text-field-root`,t),"aria-disabled":n,children:[(0,d.jsx)(U,{htmlFor:k,id:j,label:r,required:s,requiredText:c,subLabel:h,...f?{}:w}),(0,d.jsxs)(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:O,children:[o&&(0,d.jsx)(`div`,{className:`charcoal-text-field-prefix`,children:o}),(0,d.jsx)(`input`,{className:`charcoal-text-field-input`,"aria-describedby":M?A:void 0,"aria-invalid":v,"aria-labelledby":j,id:k,"data-invalid":v===!0,maxLength:i,onChange:D,disabled:n,ref:(0,p.mergeRefs)(S,C),type:_,value:y,...x}),(g||u)&&(0,d.jsxs)(`div`,{className:`charcoal-text-field-suffix`,children:[g,u&&(0,d.jsx)(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?T:`${T}/${i}`})]})]}),M&&(0,d.jsx)(q,{"data-invalid":v===!0,id:A,children:e})]})}),ye=(0,l.forwardRef)(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:s,disabled:c=!1,required:u,assistiveText:f,maxLength:h,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=W,...b},x){let{visuallyHiddenProps:S}=(0,m.useVisuallyHidden)(),C=(0,l.useRef)(null),[w,T]=(0,l.useState)(y(n??``)),[E,D]=(0,l.useState)(_),O=(0,l.useCallback)(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;D(_<=t?t:_)},[_]),k=n===void 0,A=(0,l.useCallback)(t=>{let n=t.target.value,r=y(n);h!==void 0&&r>h||(k&&T(r),g&&C.current!==null&&O(C.current),e?.(n))},[g,y,h,k,e,O]);(0,l.useEffect)(()=>{T(y(n??``))},[y,n]),(0,l.useEffect)(()=>{g&&C.current!==null&&O(C.current)},[g,O]);let j=(0,l.useRef)(null);G(j,C);let M=(0,p.useId)(b.id),N=(0,p.useId)(),P=(0,p.useId)(),F=z(`charcoal-text-area-root`,t),I=f!=null&&f.length!==0;return(0,d.jsxs)(`div`,{className:F,"aria-disabled":c,children:[(0,d.jsx)(U,{htmlFor:M,id:P,label:a,required:u,requiredText:o,subLabel:s,...i?{}:S}),(0,d.jsxs)(`div`,{className:`charcoal-text-area-container`,"aria-disabled":c===!0?`true`:void 0,"aria-invalid":v===!0,ref:j,style:{"--charcoal-text-area-rows":`${r?E+1:E}`},children:[(0,d.jsx)(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":I?N:void 0,"aria-invalid":v,"aria-labelledby":P,id:M,maxLength:h,"data-no-bottom-padding":r,onChange:A,ref:_e(x,C),rows:E,value:n,disabled:c,...b}),r&&(0,d.jsx)(`span`,{className:`charcoal-text-area-counter`,children:h===void 0?w:`${w}/${h}`})]}),I&&(0,d.jsx)(q,{"data-invalid":v===!0,id:N,children:f})]})});function be(e){let t=l.useRef(null);return l.useEffect(()=>{e&&(typeof e==`function`?e(t.current):e.current=t.current)}),t}const xe=(0,l.forwardRef)(function({size:e,bottomSheet:t,className:n,...r},i){let a=be(i),{dialogProps:o}=(0,g.useDialog)({role:`dialog`},a);return(0,d.jsx)(`div`,{className:z(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),J=l.createContext(null);function Se(e,t,n=!1){(0,l.useEffect)(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function Ce(e,t,n){let{overlayProps:r,underlayProps:i}=(0,u.useOverlay)({...e,isOpen:t.isOpen,onClose:t.onClose,shouldCloseOnInteractOutside:()=>!1},n);return Se(typeof document<`u`?document.body:null,t.isOpen,e.overflowClip),(0,u.useOverlayFocusContain)(),l.useEffect(()=>{if(t.isOpen&&n.current)return(0,u.ariaHideOutside)([n.current])},[t.isOpen,n]),{modalProps:r,underlayProps:i}}function we(){return typeof window<`u`}function Te(){let[e,t]=l.useState(we()?window.innerWidth:null);return l.useEffect(()=>{let e=()=>{t(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Ee=(0,l.forwardRef)(function({children:e,zIndex:t=10,portalContainer:n,...r},i){let{title:a,size:o=`M`,bottomSheet:s=!1,isDismissable:c,onClose:f,className:m,isOpen:g=!1,closeButtonAriaLabel:_=`Close`}=r,v=(0,p.useObjectRef)(i),{modalProps:y,underlayProps:b}=Ce({...r,isKeyboardDismissDisabled:c===void 0||c===!1},{onClose:f,isOpen:g},v),x=(Te()??1/0)<744,S=x&&s!==!1,C=!x||s!==!0,w=(0,h.useTransition)(g,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:S?{duration:400,easing:h.easings.easeOutQuart}:{duration:0}}),T=l.useRef(null),E=l.useCallback(e=>{e.currentTarget===e.target&&f()},[f]);return w(({backgroundColor:r,overflow:i,transform:l},p)=>p&&(0,d.jsx)(u.Overlay,{portalContainer:n,children:(0,d.jsx)(h.animated.div,{className:`charcoal-modal-background`,ref:T,...b,style:S?{backgroundColor:r,overflow:i,zIndex:t}:{zIndex:t},"data-bottom-sheet":s,onClick:E,children:(0,d.jsx)(J.Provider,{value:T.current,children:(0,d.jsx)(De,{ref:v,...y,style:S?{transform:l}:{},size:o,bottomSheet:s,className:m,children:(0,d.jsxs)(Y.Provider,{value:{titleProps:{},title:a,close:f,showDismiss:C,bottomSheet:s},children:[e,c===!0&&(0,d.jsx)(ke,{"aria-label":_,onClick:f})]})})})})}))}),De=(0,h.animated)(xe);var Oe=(0,l.memo)(Ee);const Y=l.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function ke(e){return(0,d.jsx)(B,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function Ae(){let e=(0,l.useContext)(Y);return(0,d.jsx)(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:(0,d.jsx)(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const je=K(`charcoal-modal-align`),Me=K(`charcoal-modal-body`),Ne=K(`charcoal-modal-buttons`),Pe=(0,l.forwardRef)(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=z(`charcoal-loading-spinner`,r.className);return(0,d.jsx)(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:(0,d.jsx)(Ie,{})})});var Fe=(0,l.memo)(Pe);const Ie=(0,l.forwardRef)(function({once:e=!1},t){let n=(0,l.useRef)(null);return(0,l.useImperativeHandle)(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),(0,d.jsx)(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),X=()=>null;function Le(e){let t=(0,l.useRef)(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=(0,u.usePopover)({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:X,setOpen:X,toggle:X});return Se((0,l.useContext)(J),e.isOpen),e.isOpen?(0,d.jsxs)(u.Overlay,{portalContainer:document.body,children:[(0,d.jsx)(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),(0,d.jsxs)(`div`,{...r,ref:n,className:`charcoal-popover`,children:[(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()}),(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()})]})]}):null}function Re({children:e,...t}){let n=(0,l.useRef)(null);return(0,l.useEffect)(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),(0,l.useEffect)(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),(0,d.jsx)(Le,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function ze(e,t){let n=l.Children.toArray(e);for(let e=0;e<n.length;e++){let r=n[e];if(l.isValidElement(r)){if(`value`in r.props&&r.props.value===t&&`children`in r.props)return r.props.children;if(`children`in r.props){let e=ze(r.props.children,t);if(e!==void 0)return e}}}}const Z=(0,l.createContext)({root:void 0,value:``,propsArray:[],setValue:e=>{}});function Q(e){let t=l.Children.toArray(e),n=[];for(let e=0;e<t.length;e++){let r=t[e];if(l.isValidElement(r)){let e=r.props;`value`in e&&typeof e.value==`string`&&n.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&n.push(...Q(e.children))}}return n}function Be(e){let t=(0,l.useRef)(null),n=(0,l.useMemo)(()=>Q(e.children),[e.children]);return(0,d.jsx)(`ul`,{className:`charcoal-menu-list`,ref:t,children:(0,d.jsx)(Z.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function Ve({onChange:e,showLabel:t=!1,selectRef:n,...r}){let i=(0,l.useRef)(null),[a,o]=(0,l.useState)(!1),s=ze(r.children,r.value),c=(0,l.useMemo)(()=>r.placeholder!==void 0&&s===void 0,[s,r.placeholder]),u=Q(r.children),{visuallyHiddenProps:f}=(0,m.useVisuallyHidden)(),h=(0,l.useCallback)(t=>{e(t.target.value)},[e]),g=(0,p.useId)(),_=(0,p.useId)();return(0,d.jsxs)(`div`,{className:z(`charcoal-dropdown-selector-root`,r.className),"aria-disabled":r.disabled,children:[(0,d.jsx)(U,{id:g,label:r.label,required:r.required,requiredText:r.requiredText,subLabel:r.subLabel,...t?{}:f}),(0,d.jsx)(`div`,{...f,"aria-hidden":`true`,children:(0,d.jsx)(`select`,{name:r.name,value:r.value,onChange:h,tabIndex:-1,ref:n,children:u.map(e=>(0,d.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),(0,d.jsxs)(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":g,"aria-invalid":r.invalid,"aria-describedby":r.assistiveText===void 0?void 0:_,disabled:r.disabled,onClick:()=>{r.disabled!==!0&&o(!0)},ref:i,type:`button`,"data-active":a,children:[(0,d.jsx)(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":c,children:c?r.placeholder:s}),(0,d.jsx)(H,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),a&&(0,d.jsx)(Re,{isOpen:a,onClose:()=>o(!1),triggerRef:i,value:r.value,inertWorkaround:r.inertWorkaround,children:(0,d.jsx)(Be,{value:r.value,onChange:t=>{e(t),o(!1)},children:r.children})}),r.assistiveText!==void 0&&(0,d.jsx)(q,{"data-invalid":r.invalid===!0,id:_,children:r.assistiveText})]})}const He=(0,l.forwardRef)(function({as:e,className:t,...n},r){return(0,d.jsx)((0,l.useMemo)(()=>e??`li`,[e]),{className:z(`charcoal-list-item`,t),ref:r,...n})});function Ue(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else We(e)}function We(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function Ge(e){let{setValue:t,root:n,propsArray:r}=(0,l.useContext)(Z),i=(0,l.useCallback)(()=>{e!==void 0&&t(e)},[e,t]);return[(0,l.useCallback)(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&Ue(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}const Ke=(0,l.forwardRef)(function({className:e,value:t,disabled:n,...r},i){let[a,o]=Ge(t);return(0,d.jsx)(He,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});function qe(e){let{value:t}=(0,l.useContext)(Z),n=e.value===t,{children:r,secondary:i,...a}=e;return(0,d.jsx)(Ke,{...a,"aria-selected":n,children:(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`charcoal-dropdown-selector-menu-item-container`,children:[n&&(0,d.jsx)(H,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]}),i&&(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-secondary`,children:i})]})})}function Je(e){return(0,d.jsxs)(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[(0,d.jsx)(`span`,{children:e.text}),(0,d.jsx)(`ul`,{role:`group`,children:e.children})]})}const Ye=(0,l.createContext)(null),Xe=({value:e,children:t})=>(0,d.jsx)(Ye.Provider,{value:e,children:t}),Ze=()=>{let e=(0,l.useContext)(Ye);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e},Qe=(0,l.forwardRef)(function(e,t){let n=z(`charcoal-segmented-control`,e.className),r=(0,l.useMemo)(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=(0,_.useRadioGroupState)(r),{radioGroupProps:a}=(0,v.useRadioGroup)(r,i),o=(0,l.useMemo)(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return(0,d.jsx)(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:(0,d.jsx)(Xe,{value:i,children:o.map(t=>(0,d.jsx)(et,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})});var $e=(0,l.memo)(Qe);const et=e=>{let t=Ze(),n=(0,l.useRef)(null),{inputProps:r,isDisabled:i,isSelected:a}=(0,v.useRadio)((0,l.useMemo)(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return(0,d.jsxs)(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[(0,d.jsx)(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})},tt=(0,l.forwardRef)(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let s=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:s,"aria-invalid":n,checked:t,"data-rounded":i,...a})});var nt=(0,l.memo)(tt);const rt=l.default.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=z(`charcoal-checkbox__label`,e);return(0,d.jsxs)(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,(0,d.jsx)(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})}),it=(0,l.forwardRef)(function({disabled:e,className:t,id:n,children:r,...i},a){let o=(0,p.useId)(n),s=r===void 0,c=(0,d.jsx)(nt,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:(0,d.jsx)(rt,{className:t,disabled:e,id:o,input:c,children:r})});var at=(0,l.memo)(it);const ot=(0,l.forwardRef)(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let u=(0,p.useObjectRef)(c),f=n!==void 0&&n.length>0,m=z(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),h=i!==void 0&&i.length>0?`image`:`color`,g=h===`color`?r:`url(${i??``})`;return(0,d.jsxs)((0,l.useMemo)(()=>e??`button`,[e]),{...s,ref:u,className:m,"data-state":o,"data-bg-variant":h,"data-size":f?`M`:a,style:{"--charcoal-tag-item-bg":g},children:[(0,d.jsxs)(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":f,children:[f&&(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":f,children:t})]}),o===`active`&&(0,d.jsx)(H,{name:`16/Remove`})]})});var st=(0,l.memo)(ot);function ct({children:e,context:t=`section`,className:n}){return(0,d.jsxs)(`div`,{className:z(`charcoal-hint-text`,n),"data-context":t,children:[(0,d.jsx)(`div`,{className:`charcoal-hint-text-icon`,children:(0,d.jsx)(H,{name:`16/Info`})}),(0,d.jsx)(`p`,{className:`charcoal-hint-text-message`,children:e})]})}const lt=(e,t,n)=>{if(!e)return;let r=t??ft(n);if(r)return r},ut=e=>(0,l.isValidElement)(e)&&!!e.props.children,dt=e=>e==null||typeof e==`boolean`||JSON.stringify(e)===`{}`?``:e.toString(),ft=e=>!Array.isArray(e)&&!(0,l.isValidElement)(e)?dt(e):l.Children.toArray(e).reduce((e,t)=>{let n=``;return n=(0,l.isValidElement)(t)&&ut(t)?ft(t.props.children):(0,l.isValidElement)(t)&&!ut(t)?``:dt(t),e.concat(n)},``);function pt(e){"use memo";let t=(0,y.c)(32),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({lineHeight:r,lineLimit:a,children:n,title:l,hyphens:o,showTooltip:s,useNowrap:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=a===void 0?1:a,f=o===void 0?`auto`:o,p=s===void 0?!0:s,m=c===void 0?!1:c,h;t[9]!==n||t[10]!==p||t[11]!==l?(h=lt(p,l,n),t[9]=n,t[10]=p,t[11]=l,t[12]=h):h=t[12];let g=h,_=z(`charcoal-text-ellipsis`,i.className),v=r!==void 0,b;t[13]===m?b=t[14]:(b=m?{"data-use-nowrap":m}:{},t[13]=m,t[14]=b);let x;t[15]!==v||t[16]!==r?(x=v&&{"--charcoal-text-ellipsis-line-height":`${r}px`},t[15]=v,t[16]=r,t[17]=x):x=t[17];let S;t[18]!==f||t[19]!==u||t[20]!==i.style||t[21]!==x?(S={...x,"--charcoal-text-ellipsis-line-limit":u,hyphens:f,...i.style},t[18]=f,t[19]=u,t[20]=i.style,t[21]=x,t[22]=S):S=t[22];let C=S,w;return t[23]!==n||t[24]!==_||t[25]!==g||t[26]!==v||t[27]!==u||t[28]!==i||t[29]!==b||t[30]!==C?(w=(0,d.jsx)(`div`,{...i,className:_,"data-line-limit":u,"data-has-line-height":v,...b,style:C,title:g,children:n}),t[23]=n,t[24]=_,t[25]=g,t[26]=v,t[27]=u,t[28]=i,t[29]=b,t[30]=C,t[31]=w):w=t[31],w}function mt(e,t,n){"use memo";let r=(0,y.c)(7),i=n===void 0?7:n;process.env.NODE_ENV!==`production`&&((0,f.default)((e|0)===e,`\`page\` must be integer (${e})`),(0,f.default)((t|0)===t,`\`pageCount\` must be integer (${t})`),(0,f.default)(i===5||i===7,`\`pageRangeDisplayed\` must be 5 or 7 (${i})`));let a=Math.min(t,Math.max(e+Math.floor(i/2),i)),o;if(a<=i){let e;r[0]===a?e=r[1]:(e=Array.from({length:1+a-1},ht),r[0]=a,r[1]=e),o=e}else{let e=a-(i-1)+2,t;if(r[2]!==e||r[3]!==a){let n;r[5]===e?n=r[6]:(n=(t,n)=>e+n,r[5]=e,r[6]=n),t=[1,`...`,...Array.from({length:1+a-e},n)],r[2]=e,r[3]=a,r[4]=t}else t=r[4];o=t}let s=o;return(0,l.useDebugValue)(s),s}function ht(e,t){return 1+t}const gt=(0,l.createContext)(null);function _t(){let e=(0,l.useContext)(gt);if(e==null)throw Error(`Pagination components must be used within a Pagination component`);return e}function $(e){"use memo";let t=(0,y.c)(15),{direction:n,ariaLabel:r}=e,{page:i,pageCount:a,size:o,isLinkMode:s,makeUrl:c,LinkComponent:l,makeClickHandler:u,linkProps:f}=_t(),p=n===`prev`,m=p?Math.max(1,i-1):Math.min(a,i+1),h=p?i<=1:i>=a,g=z(`charcoal-pagination-nav-button`,f?.className),_=p?`24/Prev`:`24/Next`,v;t[0]!==l||t[1]!==h||t[2]!==s||t[3]!==f||t[4]!==u||t[5]!==c||t[6]!==g||t[7]!==m?(v=s&&c?{component:l,href:c(m),"aria-disabled":h,...f,className:g}:{disabled:h,onClick:u(m),className:g},t[0]=l,t[1]=h,t[2]=s,t[3]=f,t[4]=u,t[5]=c,t[6]=g,t[7]=m,t[8]=v):v=t[8];let b;return t[9]!==r||t[10]!==h||t[11]!==o||t[12]!==_||t[13]!==v?(b=(0,d.jsx)(B,{icon:_,size:o,hidden:h,"aria-label":r,...v}),t[9]=r,t[10]=h,t[11]=o,t[12]=_,t[13]=v,t[14]=b):b=t[14],b}function vt(e){"use memo";let t=(0,y.c)(19),{value:n}=e,{page:r,size:i,isLinkMode:a,makeUrl:o,LinkComponent:s,makeClickHandler:c,linkProps:l}=_t(),u=z(`charcoal-pagination-button`,l?.className);if(n===`...`){let e;return t[0]===i?e=t[1]:(e=(0,d.jsx)(B,{icon:`24/Dot`,size:i,disabled:!0,className:`charcoal-pagination-spacer`,"aria-hidden":!0}),t[0]=i,t[1]=e),e}if(n===r){let e;return t[2]===n?e=t[3]:(e=(0,d.jsx)(`span`,{className:`charcoal-pagination-button`,"aria-current":`page`,children:n}),t[2]=n,t[3]=e),e}if(typeof n!=`number`)return null;if(a&&o){let e;t[4]!==o||t[5]!==n?(e=o(n),t[4]=o,t[5]=n,t[6]=e):e=t[6];let r;return t[7]!==s||t[8]!==l||t[9]!==u||t[10]!==e||t[11]!==n?(r=(0,d.jsx)(s,{href:e,...l,className:u,children:n}),t[7]=s,t[8]=l,t[9]=u,t[10]=e,t[11]=n,t[12]=r):r=t[12],r}let f;t[13]!==c||t[14]!==n?(f=c(n),t[13]=c,t[14]=n,t[15]=f):f=t[15];let p;return t[16]!==f||t[17]!==n?(p=(0,d.jsx)(`button`,{type:`button`,className:`charcoal-pagination-button`,onClick:f,children:n}),t[16]=f,t[17]=n,t[18]=p):p=t[18],p}function yt(e){"use memo";let t=(0,y.c)(40),n,r,i,a,o,s,c,l,u,f,p,m;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],f=t[10],p=t[11],m=t[12]):({page:s,pageCount:c,pageRangeDisplayed:l,size:u,onChange:o,makeUrl:i,component:f,linkProps:r,className:n,ariaLabelNext:p,ariaLabelPrev:m,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=f,t[11]=p,t[12]=m);let h=u===void 0?`M`:u,g=f===void 0?`a`:f,_=p===void 0?`Next`:p,v=m===void 0?`Previous`:m,b=mt(s,c,l),x=i!==void 0,S;t[13]===o?S=t[14]:(S=e=>()=>o?.(e),t[13]=o,t[14]=S);let C=S,w=z(`charcoal-pagination`,n),T;t[15]!==g||t[16]!==x||t[17]!==r||t[18]!==C||t[19]!==i||t[20]!==s||t[21]!==c||t[22]!==h?(T={page:s,pageCount:c,size:h,isLinkMode:x,makeUrl:i,LinkComponent:g,makeClickHandler:C,linkProps:r},t[15]=g,t[16]=x,t[17]=r,t[18]=C,t[19]=i,t[20]=s,t[21]=c,t[22]=h,t[23]=T):T=t[23];let E=T,D;t[24]===v?D=t[25]:(D=(0,d.jsx)($,{direction:`prev`,ariaLabel:v}),t[24]=v,t[25]=D);let O;t[26]===b?O=t[27]:(O=b.map(bt),t[26]=b,t[27]=O);let k;t[28]===_?k=t[29]:(k=(0,d.jsx)($,{direction:`next`,ariaLabel:_}),t[28]=_,t[29]=k);let A;t[30]!==w||t[31]!==a||t[32]!==h||t[33]!==k||t[34]!==D||t[35]!==O?(A=(0,d.jsxs)(`nav`,{"data-size":h,"aria-label":`Pagination`,...a,className:w,children:[D,O,k]}),t[30]=w,t[31]=a,t[32]=h,t[33]=k,t[34]=D,t[35]=O,t[36]=A):A=t[36];let j;return t[37]!==A||t[38]!==E?(j=(0,d.jsx)(gt.Provider,{value:E,children:A}),t[37]=A,t[38]=E,t[39]=j):j=t[39],j}function bt(e){return(0,d.jsx)(vt,{value:e},e)}exports.Button=te,exports.CharcoalProvider=S,exports.Checkbox=at,exports.Clickable=ne,exports.DropdownMenuItem=qe,exports.DropdownSelector=Ve,exports.HintText=ct,exports.Icon=H,exports.IconButton=B,exports.LoadingSpinner=Fe,exports.LoadingSpinnerIcon=Ie,exports.MenuItemGroup=Je,exports.Modal=Oe,exports.ModalAlign=je,exports.ModalBody=Me,exports.ModalButtons=Ne,exports.ModalCloseButton=ke,exports.ModalHeader=Ae,exports.MultiSelect=de,exports.MultiSelectGroup=fe,Object.defineProperty(exports,`OverlayProvider`,{enumerable:!0,get:function(){return u.OverlayProvider}}),exports.Radio=ce,exports.RadioGroup=le,exports.SSRProvider=x,exports.SegmentedControl=$e,exports.SetThemeScript=ee,exports.Switch=ge,exports.TagItem=st,exports.TextArea=ye,exports.TextField=ve,exports.UnstablePagination=yt,exports.UnstableTextEllipsis=pt,exports.getThemeSync=j,exports.makeSetThemeScriptCode=L,exports.prefersColorScheme=k,exports.themeSelector=O,exports.themeSetter=D,exports.useLocalStorage=N,exports.useMedia=I,exports.useTheme=M,exports.useThemeSetter=A;
+`}function ee({localStorageKey:e=R.localStorageKey,rootAttribute:t=R.rootAttribute}){return(0,d.jsx)(`script`,{dangerouslySetInnerHTML:{__html:L({localStorageKey:e,rootAttribute:t})}})}const R={localStorageKey:C,rootAttribute:w};function z(...e){return(0,l.useMemo)(()=>e.filter(e=>e).join(` `),[e])}const te=(0,l.forwardRef)(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=(0,l.useMemo)(()=>i??`button`,[i]),u=z(`charcoal-button`,r);return(0,d.jsx)(c,{...o,className:u,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})}),ne=(0,l.forwardRef)(function({component:e,...t},n){let r=z(`charcoal-clickable`,t.className);return(0,d.jsx)((0,l.useMemo)(()=>e??`button`,[e]),{...t,ref:n,className:r})}),B=(0,l.forwardRef)(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){re(t,n);let s=(0,l.useMemo)(()=>i??`button`,[i]),c=z(`charcoal-icon-button`,a.className);return(0,d.jsx)(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:(0,d.jsx)(`pixiv-icon`,{name:n})})});function re(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const ie=l.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}}),ae=(0,l.forwardRef)(function({onChange:e,invalid:t,className:n,...r},i){let a=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})});var oe=(0,l.memo)(ae);const se=(0,l.forwardRef)(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:c,invalid:u,onChange:p}=(0,l.useContext)(ie),m=z(`charcoal-radio__label`,r.className);(0,f.default)(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let h=e===o,g=t||s,_=c&&!h;return(0,d.jsxs)(`label`,{"aria-disabled":g||_,className:m,children:[(0,d.jsx)(oe,{name:a,value:e,checked:h,"aria-invalid":u,onChange:p,disabled:g||_,ref:i}),n!=null&&(0,d.jsx)(`div`,{className:`charcoal-radio__label_div`,children:n})]})});var ce=(0,l.memo)(se);const le=(0,l.forwardRef)(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:s,"aria-orientation":c=`vertical`,...u},f){let p=z(`charcoal-radio-group`,u.className),m=(0,l.useCallback)(e=>{r(e)},[r]),h=(0,l.useMemo)(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return(0,d.jsx)(ie.Provider,{value:h,children:(0,d.jsx)(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":c,className:p,ref:f,children:s})})}),V=(0,l.createContext)({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}}),H=l.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return(0,d.jsx)(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})}),ue=(0,l.forwardRef)(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:s,selected:c,disabled:u,readonly:p,invalid:m,onChange:h}=(0,l.useContext)(V);(0,f.default)(s!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let g=c.includes(e),_=t||u||p,v=(0,l.useCallback)(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),h({value:e,selected:t.currentTarget.checked}))},[n,h,e]),y=z(`charcoal-multi-select`,i);return(0,d.jsxs)(`label`,{"aria-disabled":_,className:y,children:[(0,d.jsx)(`input`,{className:`charcoal-multi-select-input`,name:s,value:e,type:`checkbox`,checked:g,disabled:_,onChange:v,"data-overlay":r===`overlay`,"aria-invalid":m,ref:o}),(0,d.jsx)(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":m,"aria-hidden":!0,children:(0,d.jsx)(H,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&(0,d.jsx)(`div`,{className:`charcoal-multi-select-label`,children:a})]})});var de=(0,l.memo)(ue);function fe({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:s=!1,invalid:c=!1,children:u}){let f=(0,l.useCallback)(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return(0,d.jsx)(V.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:s,invalid:c,onChange:f},children:(0,d.jsx)(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}const pe=(0,l.forwardRef)(function({onChange:e,className:t,...n},r){let i=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{ref:r,className:z(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})}),me=l.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return(0,d.jsxs)(`label`,{htmlFor:r,className:z(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,(0,d.jsx)(`div`,{className:`charcoal-switch__label_div`,children:e})]})}),he=(0,l.forwardRef)(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=(0,p.useId)(i),c=e===void 0,l=(0,d.jsx)(pe,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:(0,d.jsx)(me,{className:r,disabled:n,id:s,input:l,children:e})});var ge=(0,l.memo)(he);const U=l.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return(0,d.jsxs)(`div`,{style:e,className:z(`charcoal-field-label-root`,t),children:[(0,d.jsx)(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&(0,d.jsx)(`div`,{className:`charcoal-field-label-required-text`,children:i}),(0,d.jsx)(`div`,{className:`charcoal-field-label-sub-label`,children:(0,d.jsx)(`span`,{children:a})})]})});function _e(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function W(e){return Array.from(e).length}function G(e,t){(0,l.useEffect)(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function K(e){return(0,l.forwardRef)(function({className:t,...n},r){return(0,d.jsx)(`div`,{className:z(e,t),ref:r,...n})})}const q=K(`charcoal-text-field-assistive-text`),ve=l.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:s,requiredText:c,showCount:u=!1,showLabel:f=!1,subLabel:h,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=W,...x},S){let C=(0,l.useRef)(null),{visuallyHiddenProps:w}=(0,m.useVisuallyHidden)(),[T,E]=(0,l.useState)(b(y??``)),D=(0,l.useCallback)(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(E(n),a?.(t))},[b,i,a]);(0,l.useEffect)(()=>{E(b(y??``))},[b,y]);let O=(0,l.useRef)(null);G(O,C);let k=(0,p.useId)(x.id),A=(0,p.useId)(),j=(0,p.useId)(),M=e!=null&&e.length!==0;return(0,d.jsxs)(`div`,{className:z(`charcoal-text-field-root`,t),"aria-disabled":n,children:[(0,d.jsx)(U,{htmlFor:k,id:j,label:r,required:s,requiredText:c,subLabel:h,...f?{}:w}),(0,d.jsxs)(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:O,children:[o&&(0,d.jsx)(`div`,{className:`charcoal-text-field-prefix`,children:o}),(0,d.jsx)(`input`,{className:`charcoal-text-field-input`,"aria-describedby":M?A:void 0,"aria-invalid":v,"aria-labelledby":j,id:k,"data-invalid":v===!0,maxLength:i,onChange:D,disabled:n,ref:(0,p.mergeRefs)(S,C),type:_,value:y,...x}),(g||u)&&(0,d.jsxs)(`div`,{className:`charcoal-text-field-suffix`,children:[g,u&&(0,d.jsx)(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?T:`${T}/${i}`})]})]}),M&&(0,d.jsx)(q,{"data-invalid":v===!0,id:A,children:e})]})}),ye=(0,l.forwardRef)(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:s,disabled:c=!1,required:u,assistiveText:f,maxLength:h,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=W,...b},x){let{visuallyHiddenProps:S}=(0,m.useVisuallyHidden)(),C=(0,l.useRef)(null),[w,T]=(0,l.useState)(y(n??``)),[E,D]=(0,l.useState)(_),O=(0,l.useCallback)(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;D(_<=t?t:_)},[_]),k=n===void 0,A=(0,l.useCallback)(t=>{let n=t.target.value,r=y(n);h!==void 0&&r>h||(k&&T(r),g&&C.current!==null&&O(C.current),e?.(n))},[g,y,h,k,e,O]);(0,l.useEffect)(()=>{T(y(n??``))},[y,n]),(0,l.useEffect)(()=>{g&&C.current!==null&&O(C.current)},[g,O]);let j=(0,l.useRef)(null);G(j,C);let M=(0,p.useId)(b.id),N=(0,p.useId)(),P=(0,p.useId)(),F=z(`charcoal-text-area-root`,t),I=f!=null&&f.length!==0;return(0,d.jsxs)(`div`,{className:F,"aria-disabled":c,children:[(0,d.jsx)(U,{htmlFor:M,id:P,label:a,required:u,requiredText:o,subLabel:s,...i?{}:S}),(0,d.jsxs)(`div`,{className:`charcoal-text-area-container`,"aria-disabled":c===!0?`true`:void 0,"aria-invalid":v===!0,ref:j,style:{"--charcoal-text-area-rows":`${r?E+1:E}`},children:[(0,d.jsx)(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":I?N:void 0,"aria-invalid":v,"aria-labelledby":P,id:M,maxLength:h,"data-no-bottom-padding":r,onChange:A,ref:_e(x,C),rows:E,value:n,disabled:c,...b}),r&&(0,d.jsx)(`span`,{className:`charcoal-text-area-counter`,children:h===void 0?w:`${w}/${h}`})]}),I&&(0,d.jsx)(q,{"data-invalid":v===!0,id:N,children:f})]})});function be(e){let t=l.useRef(null);return l.useEffect(()=>{e&&(typeof e==`function`?e(t.current):e.current=t.current)}),t}const xe=(0,l.forwardRef)(function({size:e,bottomSheet:t,className:n,...r},i){let a=be(i),{dialogProps:o}=(0,g.useDialog)({role:`dialog`},a);return(0,d.jsx)(`div`,{className:z(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),J=l.createContext(null);function Se(e,t,n=!1){(0,l.useEffect)(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function Ce(e,t,n){let{overlayProps:r,underlayProps:i}=(0,u.useOverlay)({...e,isOpen:t.isOpen,onClose:t.onClose,shouldCloseOnInteractOutside:()=>!1},n);return Se(typeof document<`u`?document.body:null,t.isOpen,e.overflowClip),(0,u.useOverlayFocusContain)(),l.useEffect(()=>{if(t.isOpen&&n.current)return(0,u.ariaHideOutside)([n.current])},[t.isOpen,n]),{modalProps:r,underlayProps:i}}function we(){return typeof window<`u`}function Te(){let[e,t]=l.useState(we()?window.innerWidth:null);return l.useEffect(()=>{let e=()=>{t(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Ee=(0,l.forwardRef)(function({children:e,zIndex:t=10,portalContainer:n,...r},i){let{title:a,size:o=`M`,bottomSheet:s=!1,isDismissable:c,onClose:f,className:m,isOpen:g=!1,closeButtonAriaLabel:_=`Close`}=r,v=(0,p.useObjectRef)(i),{modalProps:y,underlayProps:b}=Ce({...r,isKeyboardDismissDisabled:c===void 0||c===!1},{onClose:f,isOpen:g},v),x=(Te()??1/0)<744,S=x&&s!==!1,C=!x||s!==!0,w=(0,h.useTransition)(g,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:S?{duration:400,easing:h.easings.easeOutQuart}:{duration:0}}),T=l.useRef(null),E=l.useCallback(e=>{e.currentTarget===e.target&&f()},[f]);return w(({backgroundColor:r,overflow:i,transform:l},p)=>p&&(0,d.jsx)(u.Overlay,{portalContainer:n,children:(0,d.jsx)(h.animated.div,{className:`charcoal-modal-background`,ref:T,...b,style:S?{backgroundColor:r,overflow:i,zIndex:t}:{zIndex:t},"data-bottom-sheet":s,onClick:E,children:(0,d.jsx)(J.Provider,{value:T.current,children:(0,d.jsx)(De,{ref:v,...y,style:S?{transform:l}:{},size:o,bottomSheet:s,className:m,children:(0,d.jsxs)(Y.Provider,{value:{titleProps:{},title:a,close:f,showDismiss:C,bottomSheet:s},children:[e,c===!0&&(0,d.jsx)(ke,{"aria-label":_,onClick:f})]})})})})}))}),De=(0,h.animated)(xe);var Oe=(0,l.memo)(Ee);const Y=l.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function ke(e){return(0,d.jsx)(B,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function Ae(){let e=(0,l.useContext)(Y);return(0,d.jsx)(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:(0,d.jsx)(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const je=K(`charcoal-modal-align`),Me=K(`charcoal-modal-body`),Ne=K(`charcoal-modal-buttons`),Pe=(0,l.forwardRef)(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=z(`charcoal-loading-spinner`,r.className);return(0,d.jsx)(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:(0,d.jsx)(Ie,{})})});var Fe=(0,l.memo)(Pe);const Ie=(0,l.forwardRef)(function({once:e=!1},t){let n=(0,l.useRef)(null);return(0,l.useImperativeHandle)(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),(0,d.jsx)(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),X=()=>null;function Le(e){let t=(0,l.useRef)(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=(0,u.usePopover)({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:X,setOpen:X,toggle:X});return Se((0,l.useContext)(J),e.isOpen),e.isOpen?(0,d.jsxs)(u.Overlay,{portalContainer:document.body,children:[(0,d.jsx)(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),(0,d.jsxs)(`div`,{...r,ref:n,className:`charcoal-popover`,children:[(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()}),(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,(0,d.jsx)(`div`,{tabIndex:0,onFocus:e.onClose}),(0,d.jsx)(u.DismissButton,{onDismiss:()=>e.onClose()})]})]}):null}function Re({children:e,...t}){let n=(0,l.useRef)(null);return(0,l.useEffect)(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),(0,l.useEffect)(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),(0,d.jsx)(Le,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function ze(e,t){let n=l.Children.toArray(e);for(let e=0;e<n.length;e++){let r=n[e];if(l.isValidElement(r)){if(`value`in r.props&&r.props.value===t&&`children`in r.props)return r.props.children;if(`children`in r.props){let e=ze(r.props.children,t);if(e!==void 0)return e}}}}const Z=(0,l.createContext)({root:void 0,value:``,propsArray:[],setValue:e=>{}});function Q(e){let t=l.Children.toArray(e),n=[];for(let e=0;e<t.length;e++){let r=t[e];if(l.isValidElement(r)){let e=r.props;`value`in e&&typeof e.value==`string`&&n.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&n.push(...Q(e.children))}}return n}function Be(e){let t=(0,l.useRef)(null),n=(0,l.useMemo)(()=>Q(e.children),[e.children]);return(0,d.jsx)(`ul`,{className:`charcoal-menu-list`,ref:t,children:(0,d.jsx)(Z.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function Ve({onChange:e,showLabel:t=!1,selectRef:n,...r}){let i=(0,l.useRef)(null),[a,o]=(0,l.useState)(!1),s=ze(r.children,r.value),c=(0,l.useMemo)(()=>r.placeholder!==void 0&&s===void 0,[s,r.placeholder]),u=Q(r.children),{visuallyHiddenProps:f}=(0,m.useVisuallyHidden)(),h=(0,l.useCallback)(t=>{e(t.target.value)},[e]),g=(0,p.useId)(),_=(0,p.useId)();return(0,d.jsxs)(`div`,{className:z(`charcoal-dropdown-selector-root`,r.className),"aria-disabled":r.disabled,children:[(0,d.jsx)(U,{id:g,label:r.label,required:r.required,requiredText:r.requiredText,subLabel:r.subLabel,...t?{}:f}),(0,d.jsx)(`div`,{...f,"aria-hidden":`true`,children:(0,d.jsx)(`select`,{name:r.name,value:r.value,onChange:h,tabIndex:-1,ref:n,children:u.map(e=>(0,d.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),(0,d.jsxs)(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":g,"aria-invalid":r.invalid,"aria-describedby":r.assistiveText===void 0?void 0:_,disabled:r.disabled,onClick:()=>{r.disabled!==!0&&o(!0)},ref:i,type:`button`,"data-active":a,children:[(0,d.jsx)(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":c,children:c?r.placeholder:s}),(0,d.jsx)(H,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),a&&(0,d.jsx)(Re,{isOpen:a,onClose:()=>o(!1),triggerRef:i,value:r.value,inertWorkaround:r.inertWorkaround,children:(0,d.jsx)(Be,{value:r.value,onChange:t=>{e(t),o(!1)},children:r.children})}),r.assistiveText!==void 0&&(0,d.jsx)(q,{"data-invalid":r.invalid===!0,id:_,children:r.assistiveText})]})}const He=(0,l.forwardRef)(function({as:e,className:t,...n},r){return(0,d.jsx)((0,l.useMemo)(()=>e??`li`,[e]),{className:z(`charcoal-list-item`,t),ref:r,...n})});function Ue(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else We(e)}function We(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function Ge(e){let{setValue:t,root:n,propsArray:r}=(0,l.useContext)(Z),i=(0,l.useCallback)(()=>{e!==void 0&&t(e)},[e,t]);return[(0,l.useCallback)(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&Ue(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}const Ke=(0,l.forwardRef)(function({className:e,value:t,disabled:n,...r},i){let[a,o]=Ge(t);return(0,d.jsx)(He,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});function qe(e){let{value:t}=(0,l.useContext)(Z),n=e.value===t,{children:r,secondary:i,...a}=e;return(0,d.jsx)(Ke,{...a,"aria-selected":n,children:(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`charcoal-dropdown-selector-menu-item-container`,children:[n&&(0,d.jsx)(H,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]}),i&&(0,d.jsx)(`span`,{className:`charcoal-dropdown-selector-menu-secondary`,children:i})]})})}function Je(e){return(0,d.jsxs)(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[(0,d.jsx)(`span`,{children:e.text}),(0,d.jsx)(`ul`,{role:`group`,children:e.children})]})}const Ye=(0,l.createContext)(null),Xe=({value:e,children:t})=>(0,d.jsx)(Ye.Provider,{value:e,children:t}),Ze=()=>{let e=(0,l.useContext)(Ye);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e},Qe=(0,l.forwardRef)(function(e,t){let n=z(`charcoal-segmented-control`,e.className),r=(0,l.useMemo)(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=(0,_.useRadioGroupState)(r),{radioGroupProps:a}=(0,v.useRadioGroup)(r,i),o=(0,l.useMemo)(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return(0,d.jsx)(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:(0,d.jsx)(Xe,{value:i,children:o.map(t=>(0,d.jsx)(et,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})});var $e=(0,l.memo)(Qe);const et=e=>{let t=Ze(),n=(0,l.useRef)(null),{inputProps:r,isDisabled:i,isSelected:a}=(0,v.useRadio)((0,l.useMemo)(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return(0,d.jsxs)(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[(0,d.jsx)(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})},tt=(0,l.forwardRef)(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let s=(0,l.useCallback)(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return(0,d.jsx)(`input`,{className:z(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:s,"aria-invalid":n,checked:t,"data-rounded":i,...a})});var nt=(0,l.memo)(tt);const rt=l.default.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=z(`charcoal-checkbox__label`,e);return(0,d.jsxs)(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,(0,d.jsx)(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})}),it=(0,l.forwardRef)(function({disabled:e,className:t,id:n,children:r,...i},a){let o=(0,p.useId)(n),s=r===void 0,c=(0,d.jsx)(nt,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:(0,d.jsx)(rt,{className:t,disabled:e,id:o,input:c,children:r})});var at=(0,l.memo)(it);const ot=(0,l.forwardRef)(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let u=(0,p.useObjectRef)(c),f=n!==void 0&&n.length>0,m=z(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),h=i!==void 0&&i.length>0?`image`:`color`,g=h===`color`?r:`url(${i??``})`;return(0,d.jsxs)((0,l.useMemo)(()=>e??`button`,[e]),{...s,ref:u,className:m,"data-state":o,"data-bg-variant":h,"data-size":f?`M`:a,style:{"--charcoal-tag-item-bg":g},children:[(0,d.jsxs)(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":f,children:[f&&(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),(0,d.jsx)(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":f,children:t})]}),o===`active`&&(0,d.jsx)(H,{name:`16/Remove`})]})});var st=(0,l.memo)(ot);function ct({children:e,context:t=`section`,className:n}){return(0,d.jsxs)(`div`,{className:z(`charcoal-hint-text`,n),"data-context":t,children:[(0,d.jsx)(`div`,{className:`charcoal-hint-text-icon`,children:(0,d.jsx)(H,{name:`16/Info`})}),(0,d.jsx)(`p`,{className:`charcoal-hint-text-message`,children:e})]})}const lt=(e,t,n)=>{if(!e)return;let r=t??ft(n);if(r)return r},ut=e=>(0,l.isValidElement)(e)&&!!e.props.children,dt=e=>e==null||typeof e==`boolean`||JSON.stringify(e)===`{}`?``:e.toString(),ft=e=>!Array.isArray(e)&&!(0,l.isValidElement)(e)?dt(e):l.Children.toArray(e).reduce((e,t)=>{let n=``;return n=(0,l.isValidElement)(t)&&ut(t)?ft(t.props.children):(0,l.isValidElement)(t)&&!ut(t)?``:dt(t),e.concat(n)},``);function pt(e){"use memo";let t=(0,y.c)(32),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({lineHeight:r,lineLimit:a,children:n,title:l,hyphens:o,showTooltip:s,useNowrap:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=a===void 0?1:a,f=o===void 0?`auto`:o,p=s===void 0?!0:s,m=c===void 0?!1:c,h;t[9]!==n||t[10]!==p||t[11]!==l?(h=lt(p,l,n),t[9]=n,t[10]=p,t[11]=l,t[12]=h):h=t[12];let g=h,_=z(`charcoal-text-ellipsis`,i.className),v=r!==void 0,b;t[13]===m?b=t[14]:(b=m?{"data-use-nowrap":m}:{},t[13]=m,t[14]=b);let x;t[15]!==v||t[16]!==r?(x=v&&{"--charcoal-text-ellipsis-line-height":`${r}px`},t[15]=v,t[16]=r,t[17]=x):x=t[17];let S;t[18]!==f||t[19]!==u||t[20]!==i.style||t[21]!==x?(S={...x,"--charcoal-text-ellipsis-line-limit":u,hyphens:f,...i.style},t[18]=f,t[19]=u,t[20]=i.style,t[21]=x,t[22]=S):S=t[22];let C=S,w;return t[23]!==n||t[24]!==_||t[25]!==g||t[26]!==v||t[27]!==u||t[28]!==i||t[29]!==b||t[30]!==C?(w=(0,d.jsx)(`div`,{...i,className:_,"data-line-limit":u,"data-has-line-height":v,...b,style:C,title:g,children:n}),t[23]=n,t[24]=_,t[25]=g,t[26]=v,t[27]=u,t[28]=i,t[29]=b,t[30]=C,t[31]=w):w=t[31],w}function mt(e,t,n){"use memo";let r=(0,y.c)(7),i=n===void 0?7:n;process.env.NODE_ENV!==`production`&&((0,f.default)((e|0)===e,`\`page\` must be integer (${e})`),(0,f.default)((t|0)===t,`\`pageCount\` must be integer (${t})`),(0,f.default)(i===5||i===7,`\`pageRangeDisplayed\` must be 5 or 7 (${i})`));let a=Math.min(t,Math.max(e+Math.floor(i/2),i)),o;if(a<=i){let e;r[0]===a?e=r[1]:(e=Array.from({length:1+a-1},ht),r[0]=a,r[1]=e),o=e}else{let e=a-(i-1)+2,t;if(r[2]!==e||r[3]!==a){let n;r[5]===e?n=r[6]:(n=(t,n)=>e+n,r[5]=e,r[6]=n),t=[1,`...`,...Array.from({length:1+a-e},n)],r[2]=e,r[3]=a,r[4]=t}else t=r[4];o=t}let s=o;return(0,l.useDebugValue)(s),s}function ht(e,t){return 1+t}const gt=(0,l.createContext)(null);function _t(){let e=(0,l.useContext)(gt);if(e==null)throw Error(`Pagination components must be used within a Pagination component`);return e}function $(e){"use memo";let t=(0,y.c)(15),{direction:n,ariaLabel:r}=e,{page:i,pageCount:a,size:o,isLinkMode:s,makeUrl:c,LinkComponent:l,makeClickHandler:u,linkProps:f}=_t(),p=n===`prev`,m=p?Math.max(1,i-1):Math.min(a,i+1),h=p?i<=1:i>=a,g=z(`charcoal-pagination-nav-button`,f?.className),_=p?`24/Prev`:`24/Next`,v;t[0]!==l||t[1]!==h||t[2]!==s||t[3]!==f||t[4]!==u||t[5]!==c||t[6]!==g||t[7]!==m?(v=s&&c?{component:l,href:c(m),"aria-disabled":h,...f,className:g}:{disabled:h,onClick:u(m),className:g},t[0]=l,t[1]=h,t[2]=s,t[3]=f,t[4]=u,t[5]=c,t[6]=g,t[7]=m,t[8]=v):v=t[8];let b;return t[9]!==r||t[10]!==h||t[11]!==o||t[12]!==_||t[13]!==v?(b=(0,d.jsx)(B,{icon:_,size:o,hidden:h,"aria-label":r,...v}),t[9]=r,t[10]=h,t[11]=o,t[12]=_,t[13]=v,t[14]=b):b=t[14],b}function vt(e){"use memo";let t=(0,y.c)(19),{value:n}=e,{page:r,size:i,isLinkMode:a,makeUrl:o,LinkComponent:s,makeClickHandler:c,linkProps:l}=_t(),u=z(`charcoal-pagination-button`,l?.className);if(n===`...`){let e;return t[0]===i?e=t[1]:(e=(0,d.jsx)(B,{icon:`24/Dot`,size:i,disabled:!0,className:`charcoal-pagination-spacer`,"aria-hidden":!0}),t[0]=i,t[1]=e),e}if(n===r){let e;return t[2]===n?e=t[3]:(e=(0,d.jsx)(`span`,{className:`charcoal-pagination-button`,"aria-current":`page`,children:n}),t[2]=n,t[3]=e),e}if(typeof n!=`number`)return null;if(a&&o){let e;t[4]!==o||t[5]!==n?(e=o(n),t[4]=o,t[5]=n,t[6]=e):e=t[6];let r;return t[7]!==s||t[8]!==l||t[9]!==u||t[10]!==e||t[11]!==n?(r=(0,d.jsx)(s,{href:e,...l,className:u,children:n}),t[7]=s,t[8]=l,t[9]=u,t[10]=e,t[11]=n,t[12]=r):r=t[12],r}let f;t[13]!==c||t[14]!==n?(f=c(n),t[13]=c,t[14]=n,t[15]=f):f=t[15];let p;return t[16]!==f||t[17]!==n?(p=(0,d.jsx)(`button`,{type:`button`,className:`charcoal-pagination-button`,onClick:f,children:n}),t[16]=f,t[17]=n,t[18]=p):p=t[18],p}function yt(e){"use memo";let t=(0,y.c)(40),n,r,i,a,o,s,c,l,u,f,p,m;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],f=t[10],p=t[11],m=t[12]):({page:s,pageCount:c,pageRangeDisplayed:l,size:u,onChange:o,makeUrl:i,component:f,linkProps:r,className:n,ariaLabelNext:p,ariaLabelPrev:m,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=f,t[11]=p,t[12]=m);let h=u===void 0?`M`:u,g=f===void 0?`a`:f,_=p===void 0?`Next`:p,v=m===void 0?`Previous`:m,b=mt(s,c,l),x=i!==void 0,S;t[13]===o?S=t[14]:(S=e=>()=>o?.(e),t[13]=o,t[14]=S);let C=S,w=z(`charcoal-pagination`,n),T;t[15]!==g||t[16]!==x||t[17]!==r||t[18]!==C||t[19]!==i||t[20]!==s||t[21]!==c||t[22]!==h?(T={page:s,pageCount:c,size:h,isLinkMode:x,makeUrl:i,LinkComponent:g,makeClickHandler:C,linkProps:r},t[15]=g,t[16]=x,t[17]=r,t[18]=C,t[19]=i,t[20]=s,t[21]=c,t[22]=h,t[23]=T):T=t[23];let E=T,D;t[24]===v?D=t[25]:(D=(0,d.jsx)($,{direction:`prev`,ariaLabel:v}),t[24]=v,t[25]=D);let O;t[26]===b?O=t[27]:(O=b.map(bt),t[26]=b,t[27]=O);let k;t[28]===_?k=t[29]:(k=(0,d.jsx)($,{direction:`next`,ariaLabel:_}),t[28]=_,t[29]=k);let A;t[30]!==w||t[31]!==a||t[32]!==h||t[33]!==k||t[34]!==D||t[35]!==O?(A=(0,d.jsxs)(`nav`,{"data-size":h,"aria-label":`Pagination`,...a,className:w,children:[D,O,k]}),t[30]=w,t[31]=a,t[32]=h,t[33]=k,t[34]=D,t[35]=O,t[36]=A):A=t[36];let j;return t[37]!==A||t[38]!==E?(j=(0,d.jsx)(gt.Provider,{value:E,children:A}),t[37]=A,t[38]=E,t[39]=j):j=t[39],j}function bt(e){return(0,d.jsx)(vt,{value:e},e)}exports.Button=te,exports.CharcoalProvider=S,exports.Checkbox=at,exports.Clickable=ne,exports.DropdownMenuItem=qe,exports.DropdownSelector=Ve,exports.HintText=ct,exports.Icon=H,exports.IconButton=B,exports.LoadingSpinner=Fe,exports.LoadingSpinnerIcon=Ie,exports.MenuItem=Ke,exports.MenuItemGroup=Je,exports.Modal=Oe,exports.ModalAlign=je,exports.ModalBody=Me,exports.ModalButtons=Ne,exports.ModalCloseButton=ke,exports.ModalHeader=Ae,exports.MultiSelect=de,exports.MultiSelectGroup=fe,Object.defineProperty(exports,`OverlayProvider`,{enumerable:!0,get:function(){return u.OverlayProvider}}),exports.Radio=ce,exports.RadioGroup=le,exports.SSRProvider=x,exports.SegmentedControl=$e,exports.SetThemeScript=ee,exports.Switch=ge,exports.TagItem=st,exports.TextArea=ye,exports.TextField=ve,exports.UnstablePagination=yt,exports.UnstableTextEllipsis=pt,exports.getThemeSync=j,exports.makeSetThemeScriptCode=L,exports.prefersColorScheme=k,exports.themeSelector=O,exports.themeSetter=D,exports.useLocalStorage=N,exports.useMedia=I,exports.useTheme=M,exports.useThemeSetter=A;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -1168,6 +1168,31 @@
   margin: 0;
 }
 
+.charcoal-list-item {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  min-height: 40px;
+  cursor: pointer;
+  outline: none;
+
+  padding-right: 16px;
+  padding-left: 16px;
+
+  transition: background-color 0.2s;
+}
+
+.charcoal-list-item:not([aria-disabled='true']):hover,
+.charcoal-list-item:not([aria-disabled='true']):focus,
+.charcoal-list-item:not([aria-disabled='true']):focus-within {
+  background-color: var(--charcoal-surface3);
+}
+
+.charcoal-list-item[aria-disabled='true'] {
+  opacity: 0.32;
+  cursor: default;
+}
+
 .charcoal-dropdown-selector-menu-item {
   font-size: 14px;
   line-height: 22px;
@@ -1205,31 +1230,6 @@
   margin-left: 20px;
 }
 
-.charcoal-list-item {
-  list-style: none;
-  display: flex;
-  align-items: center;
-  min-height: 40px;
-  cursor: pointer;
-  outline: none;
-
-  padding-right: 16px;
-  padding-left: 16px;
-
-  transition: background-color 0.2s;
-}
-
-.charcoal-list-item:not([aria-disabled='true']):hover,
-.charcoal-list-item:not([aria-disabled='true']):focus,
-.charcoal-list-item:not([aria-disabled='true']):focus-within {
-  background-color: var(--charcoal-surface3);
-}
-
-.charcoal-list-item[aria-disabled='true'] {
-  opacity: 0.32;
-  cursor: default;
-}
-
 .charcoal-menu-item-group {
   display: block;
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css","../src/components/TextEllipsis/index.css","../src/components/Pagination/index.css"],"sourcesContent":[".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n",".charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".charcoal-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.charcoal-pagination-button {\n  cursor: pointer;\n  appearance: none;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  user-select: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n\n  /* HACK:\n   * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n   * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n   */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-transform: translateZ(0);\n\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n  border-radius: 20px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-pagination-button:focus {\n  outline: none;\n}\n\n.charcoal-pagination-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-pagination[data-size='S'] .charcoal-pagination-button {\n  min-width: 32px;\n  min-height: 32px;\n}\n\n.charcoal-pagination[data-size='M'] .charcoal-pagination-button {\n  min-width: 40px;\n  min-height: 40px;\n}\n\n.charcoal-pagination-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-pagination-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-pagination-button[aria-disabled='false']:active {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface10);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-pagination-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-pagination-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-pagination-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-pagination-button[aria-current] {\n  cursor: default;\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):hover,\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):active {\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-nav-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-spacer,\n.charcoal-pagination-spacer:hover,\n.charcoal-pagination-spacer:active {\n  cursor: default;\n  color: var(--charcoal-text3);\n  background: none;\n}\n\n.charcoal-pagination-spacer.charcoal-icon-button:disabled {\n  opacity: 1;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC1JA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACpCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACTA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC/EA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACzCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AClBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC/GA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC3IA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css","../src/components/TextEllipsis/index.css","../src/components/Pagination/index.css"],"sourcesContent":[".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n\n.charcoal-dropdown-selector-menu-item-container {\n  display: flex;\n  align-items: center;\n}\n\n.charcoal-dropdown-selector-menu-secondary {\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--charcoal-text3);\n  padding-bottom: 9px;\n\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n",".charcoal-text-ellipsis {\n  overflow: hidden;\n  overflow-wrap: break-word;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='true'] {\n  line-height: var(--charcoal-text-ellipsis-line-height);\n}\n\n.charcoal-text-ellipsis[data-has-line-height='false'] {\n  line-height: inherit;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'][data-use-nowrap='true'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".charcoal-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.charcoal-pagination-button {\n  cursor: pointer;\n  appearance: none;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  user-select: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n\n  /* HACK:\n   * Safari doesn't correctly repaint the elements when they're reordered in response to interaction.\n   * This forces it to repaint them. This doesn't work if put on the parents either, has to be here.\n   */\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -webkit-transform: translateZ(0);\n\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n  border-radius: 20px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-pagination-button:focus {\n  outline: none;\n}\n\n.charcoal-pagination-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-pagination[data-size='S'] .charcoal-pagination-button {\n  min-width: 32px;\n  min-height: 32px;\n}\n\n.charcoal-pagination[data-size='M'] .charcoal-pagination-button {\n  min-width: 40px;\n  min-height: 40px;\n}\n\n.charcoal-pagination-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-pagination-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-pagination-button[aria-disabled='false']:active {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-surface10);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-pagination-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-pagination-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-pagination-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-pagination-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-pagination-button[aria-current] {\n  cursor: default;\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):hover,\n.charcoal-pagination-button[aria-current]:not(:disabled):not(\n    [aria-disabled]\n  ):active {\n  background-color: var(--charcoal-surface6);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-pagination-nav-button[hidden] {\n  visibility: hidden;\n  display: block;\n}\n\n.charcoal-pagination-spacer,\n.charcoal-pagination-spacer:hover,\n.charcoal-pagination-spacer:active {\n  cursor: default;\n  color: var(--charcoal-text3);\n  background: none;\n}\n\n.charcoal-pagination-spacer.charcoal-icon-button:disabled {\n  opacity: 1;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC1JA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACpCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACTA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC/EA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACzCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AClBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC/GA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC3IA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA"}

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export { default as Modal, type ModalProps, ModalCloseButton, } from './componen
 export { ModalHeader, ModalAlign, ModalBody, ModalButtons, } from './components/Modal/ModalPlumbing';
 export { default as LoadingSpinner, LoadingSpinnerIcon, type LoadingSpinnerIconHandler, } from './components/LoadingSpinner';
 export { default as DropdownSelector, type DropdownSelectorProps, } from './components/DropdownSelector';
+export { default as MenuItem, type MenuItemProps, } from './components/DropdownSelector/MenuItem';
 export { default as DropdownMenuItem, type DropdownMenuItemProps, } from './components/DropdownSelector/DropdownMenuItem';
 export { default as MenuItemGroup, type MenuItemGroupProps, } from './components/DropdownSelector/MenuItemGroup';
 export { default as SegmentedControl, type SegmentedControlProps, } from './components/SegmentedControl';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,GACnB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA"}