@theroutingcompany/components 0.0.107 → 0.0.108-alpha.0

package/dist/trc-components.umd.js

@@ -728,6 +728,7 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var le=_e(ae,se,H,re,oe+
   ${({variant:e,inverse:t})=>PC(e,t)}
   ${({size:e})=>kC(e)}
 `,AC=N.default.span`
+  width: 100%;
   ${e=>vC(e)}
 `;function IC(e,t){const{as:n,to:r,toTitle:o,formId:a,type:i="button",children:l,variant:s="primary",inverse:u=!1,disabled:d,size:f,onClick:m,onFocus:g,onBlur:h,className:b="",...v}=e,_=n??"button",y=Pt(v,Bt.propNames??[]),w=Pt(v,Di.propNames??[]),D={variant:s,inverse:u,className:b,disabled:d,onClick:m,onFocus:g,onBlur:h,size:f,form:a,type:i,ref:t,...w,...y,...ms(v)},T=c.useMemo(()=>E(AC,{children:l}),[l]);return r&&!n?E(jc,{as:"a",href:r,target:"_blank",rel:"noopener noreferrer",title:o??"Opens in a new tab",...D,"data-id":v["data-id"],children:T}):E(jc,{as:_,...D,"data-id":v["data-id"],children:T})}const Lo=c.forwardRef(IC);Lo.displayName="ButtonV2";const rh=S.default.forwardRef(function(t,n){return E(Lo,{mt:p.spacing_100,mr:p.border_radius_200,...t,ref:n})});rh.displayName="Banner.Action";const OC=rh;function MC(){return`
   transition: background ${p.motion_duration_fast} ${p.motion_ease_in_out};
@@ -761,7 +762,10 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var le=_e(ae,se,H,re,oe+
   ${({variant:e})=>e===oh&&`border: 1px solid ${p.color_gray_opacity_6}`};
   ${({variant:e})=>e===NC&&`background-color: ${p.color_green_opacity_48};`};
   ${({variant:e})=>e===zC&&`background-color: ${p.color_brand_solidago_opacity_48}`};
-  ${({variant:e})=>e===RC&&`background-color: ${p.color_brand_red_opacity_48}`};
+  ${({variant:e})=>e===RC&&`
+    background-color: rgba(218,91,64,0.20);
+    border: 1px solid ${p.color_brand_red_opacity_48};
+    `};
 `,VC=N.default(Be)`
   ${Xg}
   ${MC}
@@ -770,7 +774,7 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var le=_e(ae,se,H,re,oe+
   top: 0.8rem; // really close to size 300 and 350 but not quite
   right: ${p.spacing_350};
   height: 24px;
-`,Uc=c.forwardRef(function(t,n){const{children:r,onDismiss:o,variant:a="default",layout:i="default",title:l,...s}=t,u=Pt(s,$s.propNames??[]),d=l?E(Be,{mb:p.spacing_200,children:E(jn,{as:"h2",looksLike:"h6",normal:!0,children:l})}):null,f=o?J(VC,{as:"button",onClick:o,variant:a,color:p.color_gray_6,type:"button",children:[E(Ei,{children:"Dismiss"}),E(De.Close,{})]}):null;return J(KC,{ref:n,...u,tabIndex:-1,variant:a,overflow:"hidden","data-id":s["data-id"],children:[d,f,E(Si,{space:p.spacing_300,children:r})]})});Uc.displayName="Banner",Uc.Action=OC;function No(e){const t=Pe(e);if(_i()==="virtual"){let n=t.activeElement;Sg(()=>{t.activeElement===n&&e.isConnected&&It(e)})}else It(e)}function BC(e){const t=vt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:r}=e.style,o=n!=="none"&&r!=="hidden"&&r!=="collapse";if(o){const{getComputedStyle:a}=e.ownerDocument.defaultView;let{display:i,visibility:l}=a(e);o=i!=="none"&&l!=="hidden"&&l!=="collapse"}return o}function jC(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function ah(e,t){return e.nodeName!=="#comment"&&BC(e)&&jC(e,t)&&(!e.parentElement||ah(e.parentElement,e))}const ih=S.default.createContext(null),Wc="react-aria-focus-scope-restore";let we=null;function UC(e){let{children:t,contain:n,restoreFocus:r,autoFocus:o}=e,a=c.useRef(null),i=c.useRef(null),l=c.useRef([]),{parentNode:s}=c.useContext(ih)||{},u=c.useMemo(()=>new qc({scopeRef:l}),[l]);Te(()=>{let m=s||Le.root;if(Le.getTreeNode(m.scopeRef)&&we&&!Ti(we,m.scopeRef)){let g=Le.getTreeNode(we);g&&(m=g)}m.addChild(u),Le.addNode(u)},[u,s]),Te(()=>{let m=Le.getTreeNode(l);m&&(m.contain=!!n)},[n]),Te(()=>{var m;let g=(m=a.current)===null||m===void 0?void 0:m.nextSibling,h=[],b=v=>v.stopPropagation();for(;g&&g!==i.current;)h.push(g),g.addEventListener(Wc,b),g=g.nextSibling;return l.current=h,()=>{for(let v of h)v.removeEventListener(Wc,b)}},[t]),JC(l,r,n),YC(l,n),QC(l,r,n),XC(l,o),c.useEffect(()=>{const m=Pe(l.current?l.current[0]:void 0).activeElement;let g=null;if(He(m,l.current)){for(let h of Le.traverse())h.scopeRef&&He(m,h.scopeRef.current)&&(g=h);g===Le.getTreeNode(l)&&(we=g.scopeRef)}},[l]),Te(()=>()=>{var m,g,h;let b=(h=(g=Le.getTreeNode(l))===null||g===void 0||(m=g.parent)===null||m===void 0?void 0:m.scopeRef)!==null&&h!==void 0?h:null;(l===we||Ti(l,we))&&(!b||Le.getTreeNode(b))&&(we=b),Le.removeTreeNode(l)},[l]);let d=c.useMemo(()=>WC(l),[]),f=c.useMemo(()=>({focusManager:d,parentNode:u}),[u,d]);return S.default.createElement(ih.Provider,{value:f},S.default.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:a}),t,S.default.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:i}))}function WC(e){return{focusNext(t={}){let n=e.current,{from:r,tabbable:o,wrap:a,accept:i}=t,l=r||Pe(n[0]).activeElement,s=n[0].previousElementSibling,u=Hn(n),d=Zt(u,{tabbable:o,accept:i},n);d.currentNode=He(l,n)?l:s;let f=d.nextNode();return!f&&a&&(d.currentNode=s,f=d.nextNode()),f&&Jt(f,!0),f},focusPrevious(t={}){let n=e.current,{from:r,tabbable:o,wrap:a,accept:i}=t,l=r||Pe(n[0]).activeElement,s=n[n.length-1].nextElementSibling,u=Hn(n),d=Zt(u,{tabbable:o,accept:i},n);d.currentNode=He(l,n)?l:s;let f=d.previousNode();return!f&&a&&(d.currentNode=s,f=d.previousNode()),f&&Jt(f,!0),f},focusFirst(t={}){let n=e.current,{tabbable:r,accept:o}=t,a=Hn(n),i=Zt(a,{tabbable:r,accept:o},n);i.currentNode=n[0].previousElementSibling;let l=i.nextNode();return l&&Jt(l,!0),l},focusLast(t={}){let n=e.current,{tabbable:r,accept:o}=t,a=Hn(n),i=Zt(a,{tabbable:r,accept:o},n);i.currentNode=n[n.length-1].nextElementSibling;let l=i.previousNode();return l&&Jt(l,!0),l}}}const Hc=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],HC=Hc.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Hc.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const GC=Hc.join(':not([hidden]):not([tabindex="-1"]),');function Hn(e){return e[0].parentElement}function zo(e){let t=Le.getTreeNode(we);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function YC(e,t){let n=c.useRef(void 0),r=c.useRef(void 0);Te(()=>{let o=e.current;if(!t){r.current&&(cancelAnimationFrame(r.current),r.current=void 0);return}const a=Pe(o?o[0]:void 0);let i=u=>{if(u.key!=="Tab"||u.altKey||u.ctrlKey||u.metaKey||!zo(e)||u.isComposing)return;let d=a.activeElement,f=e.current;if(!f||!He(d,f))return;let m=Hn(f),g=Zt(m,{tabbable:!0},f);if(!d)return;g.currentNode=d;let h=u.shiftKey?g.previousNode():g.nextNode();h||(g.currentNode=u.shiftKey?f[f.length-1].nextElementSibling:f[0].previousElementSibling,h=u.shiftKey?g.previousNode():g.nextNode()),u.preventDefault(),h&&Jt(h,!0)},l=u=>{(!we||Ti(we,e))&&He(u.target,e.current)?(we=e,n.current=u.target):zo(e)&&!Pi(u.target,e)?n.current?n.current.focus():we&&we.current&&Gc(we.current):zo(e)&&(n.current=u.target)},s=u=>{r.current&&cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>{if(a.activeElement&&zo(e)&&!Pi(a.activeElement,e))if(we=e,a.body.contains(u.target)){var d;n.current=u.target,(d=n.current)===null||d===void 0||d.focus()}else we.current&&Gc(we.current)})};return a.addEventListener("keydown",i,!1),a.addEventListener("focusin",l,!1),o==null||o.forEach(u=>u.addEventListener("focusin",l,!1)),o==null||o.forEach(u=>u.addEventListener("focusout",s,!1)),()=>{a.removeEventListener("keydown",i,!1),a.removeEventListener("focusin",l,!1),o==null||o.forEach(u=>u.removeEventListener("focusin",l,!1)),o==null||o.forEach(u=>u.removeEventListener("focusout",s,!1))}},[e,t]),Te(()=>()=>{r.current&&cancelAnimationFrame(r.current)},[r])}function lh(e){return Pi(e)}function He(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function Pi(e,t=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:n}of Le.traverse(Le.getTreeNode(t)))if(n&&He(e,n.current))return!0;return!1}function qC(e){return Pi(e,we)}function Ti(e,t){var n;let r=(n=Le.getTreeNode(t))===null||n===void 0?void 0:n.parent;for(;r;){if(r.scopeRef===e)return!0;r=r.parent}return!1}function Jt(e,t=!1){if(e!=null&&!t)try{No(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function sh(e,t=!0){let n=e[0].previousElementSibling,r=Hn(e),o=Zt(r,{tabbable:t},e);o.currentNode=n;let a=o.nextNode();return t&&!a&&(r=Hn(e),o=Zt(r,{tabbable:!1},e),o.currentNode=n,a=o.nextNode()),a}function Gc(e,t=!0){Jt(sh(e,t))}function XC(e,t){const n=S.default.useRef(t);c.useEffect(()=>{if(n.current){we=e;const r=Pe(e.current?e.current[0]:void 0);!He(r.activeElement,we.current)&&e.current&&Gc(e.current)}n.current=!1},[e])}function JC(e,t,n){Te(()=>{if(t||n)return;let r=e.current;const o=Pe(r?r[0]:void 0);let a=i=>{let l=i.target;He(l,e.current)?we=e:lh(l)||(we=null)};return o.addEventListener("focusin",a,!1),r==null||r.forEach(i=>i.addEventListener("focusin",a,!1)),()=>{o.removeEventListener("focusin",a,!1),r==null||r.forEach(i=>i.removeEventListener("focusin",a,!1))}},[e,t,n])}function ZC(e){let t=Le.getTreeNode(we);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return(t==null?void 0:t.scopeRef)===e}function QC(e,t,n){const r=c.useRef(typeof document<"u"?Pe(e.current?e.current[0]:void 0).activeElement:null);Te(()=>{let o=e.current;const a=Pe(o?o[0]:void 0);if(!t||n)return;let i=()=>{(!we||Ti(we,e))&&He(a.activeElement,e.current)&&(we=e)};return a.addEventListener("focusin",i,!1),o==null||o.forEach(l=>l.addEventListener("focusin",i,!1)),()=>{a.removeEventListener("focusin",i,!1),o==null||o.forEach(l=>l.removeEventListener("focusin",i,!1))}},[e,n]),Te(()=>{const o=Pe(e.current?e.current[0]:void 0);if(!t)return;let a=i=>{if(i.key!=="Tab"||i.altKey||i.ctrlKey||i.metaKey||!zo(e)||i.isComposing)return;let l=o.activeElement;if(!He(l,e.current))return;let s=Le.getTreeNode(e);if(!s)return;let u=s.nodeToRestore,d=Zt(o.body,{tabbable:!0});d.currentNode=l;let f=i.shiftKey?d.previousNode():d.nextNode();if((!u||!o.body.contains(u)||u===o.body)&&(u=void 0,s.nodeToRestore=void 0),(!f||!He(f,e.current))&&u){d.currentNode=u;do f=i.shiftKey?d.previousNode():d.nextNode();while(He(f,e.current));i.preventDefault(),i.stopPropagation(),f?Jt(f,!0):lh(u)?Jt(u,!0):l.blur()}};return n||o.addEventListener("keydown",a,!0),()=>{n||o.removeEventListener("keydown",a,!0)}},[e,t,n]),Te(()=>{const o=Pe(e.current?e.current[0]:void 0);if(!t)return;let a=Le.getTreeNode(e);if(a){var i;return a.nodeToRestore=(i=r.current)!==null&&i!==void 0?i:void 0,()=>{let l=Le.getTreeNode(e);if(!l)return;let s=l.nodeToRestore;if(t&&s&&(He(o.activeElement,e.current)||o.activeElement===o.body&&ZC(e))){let u=Le.clone();requestAnimationFrame(()=>{if(o.activeElement===o.body){let d=u.getTreeNode(e);for(;d;){if(d.nodeToRestore&&d.nodeToRestore.isConnected){ch(d.nodeToRestore);return}d=d.parent}for(d=u.getTreeNode(e);d;){if(d.scopeRef&&d.scopeRef.current&&Le.getTreeNode(d.scopeRef)){let f=sh(d.scopeRef.current,!0);ch(f);return}d=d.parent}}})}}}},[e,t])}function ch(e){e.dispatchEvent(new CustomEvent(Wc,{bubbles:!0,cancelable:!0}))&&Jt(e)}function Zt(e,t,n){let r=t!=null&&t.tabbable?GC:HC,o=Pe(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var i;return!(t==null||(i=t.from)===null||i===void 0)&&i.contains(a)?NodeFilter.FILTER_REJECT:a.matches(r)&&ah(a)&&(!n||He(a,n))&&(!(t!=null&&t.accept)||t.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}class Yc{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,r){let o=this.fastMap.get(n??null);if(!o)return;let a=new qc({scopeRef:t});o.addChild(a),a.parent=o,this.fastMap.set(t,a),r&&(a.nodeToRestore=r)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let r=n.parent;for(let a of this.traverse())a!==n&&n.nodeToRestore&&a.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&He(a.nodeToRestore,n.scopeRef.current)&&(a.nodeToRestore=n.nodeToRestore);let o=n.children;r&&(r.removeChild(n),o.size>0&&o.forEach(a=>r&&r.addChild(a))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new Yc;var r;for(let o of this.traverse())n.addTreeNode(o.scopeRef,(r=(t=o.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&r!==void 0?r:null,o.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new qc({scopeRef:null}),this.fastMap.set(null,this.root)}}class qc{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}let Le=new Yc;function Ci(e={}){let{autoFocus:t=!1,isTextInput:n,within:r}=e,o=c.useRef({isFocused:!1,isFocusVisible:t||$i()}),[a,i]=c.useState(!1),[l,s]=c.useState(()=>o.current.isFocused&&o.current.isFocusVisible),u=c.useCallback(()=>s(o.current.isFocused&&o.current.isFocusVisible),[]),d=c.useCallback(g=>{o.current.isFocused=g,i(g),u()},[u]);cC(g=>{o.current.isFocusVisible=g,u()},[],{isTextInput:n});let{focusProps:f}=zc({isDisabled:r,onFocusChange:d}),{focusWithinProps:m}=Fo({isDisabled:!r,onFocusWithinChange:d});return{isFocused:a,isFocusVisible:l,focusProps:r?m:f}}function uh(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=uh(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function ek(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=uh(e))&&(r&&(r+=" "),r+=t);return r}function tk(e){let{children:t,focusClass:n,focusRingClass:r}=e,{isFocused:o,isFocusVisible:a,focusProps:i}=Ci(e),l=S.default.Children.only(t);return S.default.cloneElement(l,fe(l.props,{...i,className:ek({[n||""]:o,[r||""]:a})}))}let nk=S.default.createContext(null);function rk(e){let t=c.useContext(nk)||{};Tg(t,e);let{ref:n,...r}=t;return r}function Xc(e,t){let{focusProps:n}=zc(e),{keyboardProps:r}=pC(e),o=fe(n,r),a=rk(t),i=e.isDisabled?{}:a,l=c.useRef(e.autoFocus);return c.useEffect(()=>{l.current&&t.current&&No(t.current),l.current=!1},[t]),{focusableProps:fe({...o,tabIndex:e.excludeFromTabOrder&&!e.isDisabled?-1:void 0},i)}}function Dr(e,t){let{elementType:n="button",isDisabled:r,onPress:o,onPressStart:a,onPressEnd:i,onPressChange:l,preventFocusOnPress:s,allowFocusWhenDisabled:u,onClick:d,href:f,target:m,rel:g,type:h="button"}=e,b;n==="button"?b={type:h,disabled:r}:b={role:"button",tabIndex:r?void 0:0,href:n==="a"&&r?void 0:f,target:n==="a"?m:void 0,type:n==="input"?h:void 0,disabled:n==="input"?r:void 0,"aria-disabled":!r||n==="input"?void 0:r,rel:n==="a"?g:void 0};let{pressProps:v,isPressed:_}=Er({onPressStart:a,onPressEnd:i,onPressChange:l,onPress:o,isDisabled:r,preventFocusOnPress:s,ref:t}),{focusableProps:y}=Xc(e,t);u&&(y.tabIndex=r?-1:y.tabIndex);let w=fe(y,v,$n(e,{labelable:!0}));return{isPressed:_,buttonProps:fe(b,w,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],onClick:D=>{d&&(d(D),console.warn("onClick is deprecated, please use onPress"))}})}}const Jc=c.createContext(!1);Jc.displayName="FieldsetContext";const dh=N.default.fieldset`
+`,Uc=c.forwardRef(function(t,n){const{children:r,onDismiss:o,variant:a="default",layout:i="default",title:l,style:s,...u}=t,d=Pt(u,$s.propNames??[]),f=l?E(Be,{mb:p.spacing_200,children:E(jn,{as:"h2",looksLike:"h6",normal:!0,children:l})}):null,m=o?J(VC,{as:"button",onClick:o,variant:a,color:p.color_gray_6,type:"button",children:[E(Ei,{children:"Dismiss"}),E(De.Close,{})]}):null;return J(KC,{ref:n,...d,style:s,tabIndex:-1,variant:a,overflow:"hidden","data-id":u["data-id"],children:[f,m,E(Si,{space:p.spacing_300,children:r})]})});Uc.displayName="Banner",Uc.Action=OC;function No(e){const t=Pe(e);if(_i()==="virtual"){let n=t.activeElement;Sg(()=>{t.activeElement===n&&e.isConnected&&It(e)})}else It(e)}function BC(e){const t=vt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:r}=e.style,o=n!=="none"&&r!=="hidden"&&r!=="collapse";if(o){const{getComputedStyle:a}=e.ownerDocument.defaultView;let{display:i,visibility:l}=a(e);o=i!=="none"&&l!=="hidden"&&l!=="collapse"}return o}function jC(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function ah(e,t){return e.nodeName!=="#comment"&&BC(e)&&jC(e,t)&&(!e.parentElement||ah(e.parentElement,e))}const ih=S.default.createContext(null),Wc="react-aria-focus-scope-restore";let we=null;function UC(e){let{children:t,contain:n,restoreFocus:r,autoFocus:o}=e,a=c.useRef(null),i=c.useRef(null),l=c.useRef([]),{parentNode:s}=c.useContext(ih)||{},u=c.useMemo(()=>new qc({scopeRef:l}),[l]);Te(()=>{let m=s||Le.root;if(Le.getTreeNode(m.scopeRef)&&we&&!Ti(we,m.scopeRef)){let g=Le.getTreeNode(we);g&&(m=g)}m.addChild(u),Le.addNode(u)},[u,s]),Te(()=>{let m=Le.getTreeNode(l);m&&(m.contain=!!n)},[n]),Te(()=>{var m;let g=(m=a.current)===null||m===void 0?void 0:m.nextSibling,h=[],b=v=>v.stopPropagation();for(;g&&g!==i.current;)h.push(g),g.addEventListener(Wc,b),g=g.nextSibling;return l.current=h,()=>{for(let v of h)v.removeEventListener(Wc,b)}},[t]),JC(l,r,n),YC(l,n),QC(l,r,n),XC(l,o),c.useEffect(()=>{const m=Pe(l.current?l.current[0]:void 0).activeElement;let g=null;if(He(m,l.current)){for(let h of Le.traverse())h.scopeRef&&He(m,h.scopeRef.current)&&(g=h);g===Le.getTreeNode(l)&&(we=g.scopeRef)}},[l]),Te(()=>()=>{var m,g,h;let b=(h=(g=Le.getTreeNode(l))===null||g===void 0||(m=g.parent)===null||m===void 0?void 0:m.scopeRef)!==null&&h!==void 0?h:null;(l===we||Ti(l,we))&&(!b||Le.getTreeNode(b))&&(we=b),Le.removeTreeNode(l)},[l]);let d=c.useMemo(()=>WC(l),[]),f=c.useMemo(()=>({focusManager:d,parentNode:u}),[u,d]);return S.default.createElement(ih.Provider,{value:f},S.default.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:a}),t,S.default.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:i}))}function WC(e){return{focusNext(t={}){let n=e.current,{from:r,tabbable:o,wrap:a,accept:i}=t,l=r||Pe(n[0]).activeElement,s=n[0].previousElementSibling,u=Hn(n),d=Zt(u,{tabbable:o,accept:i},n);d.currentNode=He(l,n)?l:s;let f=d.nextNode();return!f&&a&&(d.currentNode=s,f=d.nextNode()),f&&Jt(f,!0),f},focusPrevious(t={}){let n=e.current,{from:r,tabbable:o,wrap:a,accept:i}=t,l=r||Pe(n[0]).activeElement,s=n[n.length-1].nextElementSibling,u=Hn(n),d=Zt(u,{tabbable:o,accept:i},n);d.currentNode=He(l,n)?l:s;let f=d.previousNode();return!f&&a&&(d.currentNode=s,f=d.previousNode()),f&&Jt(f,!0),f},focusFirst(t={}){let n=e.current,{tabbable:r,accept:o}=t,a=Hn(n),i=Zt(a,{tabbable:r,accept:o},n);i.currentNode=n[0].previousElementSibling;let l=i.nextNode();return l&&Jt(l,!0),l},focusLast(t={}){let n=e.current,{tabbable:r,accept:o}=t,a=Hn(n),i=Zt(a,{tabbable:r,accept:o},n);i.currentNode=n[n.length-1].nextElementSibling;let l=i.previousNode();return l&&Jt(l,!0),l}}}const Hc=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],HC=Hc.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Hc.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const GC=Hc.join(':not([hidden]):not([tabindex="-1"]),');function Hn(e){return e[0].parentElement}function zo(e){let t=Le.getTreeNode(we);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function YC(e,t){let n=c.useRef(void 0),r=c.useRef(void 0);Te(()=>{let o=e.current;if(!t){r.current&&(cancelAnimationFrame(r.current),r.current=void 0);return}const a=Pe(o?o[0]:void 0);let i=u=>{if(u.key!=="Tab"||u.altKey||u.ctrlKey||u.metaKey||!zo(e)||u.isComposing)return;let d=a.activeElement,f=e.current;if(!f||!He(d,f))return;let m=Hn(f),g=Zt(m,{tabbable:!0},f);if(!d)return;g.currentNode=d;let h=u.shiftKey?g.previousNode():g.nextNode();h||(g.currentNode=u.shiftKey?f[f.length-1].nextElementSibling:f[0].previousElementSibling,h=u.shiftKey?g.previousNode():g.nextNode()),u.preventDefault(),h&&Jt(h,!0)},l=u=>{(!we||Ti(we,e))&&He(u.target,e.current)?(we=e,n.current=u.target):zo(e)&&!Pi(u.target,e)?n.current?n.current.focus():we&&we.current&&Gc(we.current):zo(e)&&(n.current=u.target)},s=u=>{r.current&&cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>{if(a.activeElement&&zo(e)&&!Pi(a.activeElement,e))if(we=e,a.body.contains(u.target)){var d;n.current=u.target,(d=n.current)===null||d===void 0||d.focus()}else we.current&&Gc(we.current)})};return a.addEventListener("keydown",i,!1),a.addEventListener("focusin",l,!1),o==null||o.forEach(u=>u.addEventListener("focusin",l,!1)),o==null||o.forEach(u=>u.addEventListener("focusout",s,!1)),()=>{a.removeEventListener("keydown",i,!1),a.removeEventListener("focusin",l,!1),o==null||o.forEach(u=>u.removeEventListener("focusin",l,!1)),o==null||o.forEach(u=>u.removeEventListener("focusout",s,!1))}},[e,t]),Te(()=>()=>{r.current&&cancelAnimationFrame(r.current)},[r])}function lh(e){return Pi(e)}function He(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function Pi(e,t=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:n}of Le.traverse(Le.getTreeNode(t)))if(n&&He(e,n.current))return!0;return!1}function qC(e){return Pi(e,we)}function Ti(e,t){var n;let r=(n=Le.getTreeNode(t))===null||n===void 0?void 0:n.parent;for(;r;){if(r.scopeRef===e)return!0;r=r.parent}return!1}function Jt(e,t=!1){if(e!=null&&!t)try{No(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function sh(e,t=!0){let n=e[0].previousElementSibling,r=Hn(e),o=Zt(r,{tabbable:t},e);o.currentNode=n;let a=o.nextNode();return t&&!a&&(r=Hn(e),o=Zt(r,{tabbable:!1},e),o.currentNode=n,a=o.nextNode()),a}function Gc(e,t=!0){Jt(sh(e,t))}function XC(e,t){const n=S.default.useRef(t);c.useEffect(()=>{if(n.current){we=e;const r=Pe(e.current?e.current[0]:void 0);!He(r.activeElement,we.current)&&e.current&&Gc(e.current)}n.current=!1},[e])}function JC(e,t,n){Te(()=>{if(t||n)return;let r=e.current;const o=Pe(r?r[0]:void 0);let a=i=>{let l=i.target;He(l,e.current)?we=e:lh(l)||(we=null)};return o.addEventListener("focusin",a,!1),r==null||r.forEach(i=>i.addEventListener("focusin",a,!1)),()=>{o.removeEventListener("focusin",a,!1),r==null||r.forEach(i=>i.removeEventListener("focusin",a,!1))}},[e,t,n])}function ZC(e){let t=Le.getTreeNode(we);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return(t==null?void 0:t.scopeRef)===e}function QC(e,t,n){const r=c.useRef(typeof document<"u"?Pe(e.current?e.current[0]:void 0).activeElement:null);Te(()=>{let o=e.current;const a=Pe(o?o[0]:void 0);if(!t||n)return;let i=()=>{(!we||Ti(we,e))&&He(a.activeElement,e.current)&&(we=e)};return a.addEventListener("focusin",i,!1),o==null||o.forEach(l=>l.addEventListener("focusin",i,!1)),()=>{a.removeEventListener("focusin",i,!1),o==null||o.forEach(l=>l.removeEventListener("focusin",i,!1))}},[e,n]),Te(()=>{const o=Pe(e.current?e.current[0]:void 0);if(!t)return;let a=i=>{if(i.key!=="Tab"||i.altKey||i.ctrlKey||i.metaKey||!zo(e)||i.isComposing)return;let l=o.activeElement;if(!He(l,e.current))return;let s=Le.getTreeNode(e);if(!s)return;let u=s.nodeToRestore,d=Zt(o.body,{tabbable:!0});d.currentNode=l;let f=i.shiftKey?d.previousNode():d.nextNode();if((!u||!o.body.contains(u)||u===o.body)&&(u=void 0,s.nodeToRestore=void 0),(!f||!He(f,e.current))&&u){d.currentNode=u;do f=i.shiftKey?d.previousNode():d.nextNode();while(He(f,e.current));i.preventDefault(),i.stopPropagation(),f?Jt(f,!0):lh(u)?Jt(u,!0):l.blur()}};return n||o.addEventListener("keydown",a,!0),()=>{n||o.removeEventListener("keydown",a,!0)}},[e,t,n]),Te(()=>{const o=Pe(e.current?e.current[0]:void 0);if(!t)return;let a=Le.getTreeNode(e);if(a){var i;return a.nodeToRestore=(i=r.current)!==null&&i!==void 0?i:void 0,()=>{let l=Le.getTreeNode(e);if(!l)return;let s=l.nodeToRestore;if(t&&s&&(He(o.activeElement,e.current)||o.activeElement===o.body&&ZC(e))){let u=Le.clone();requestAnimationFrame(()=>{if(o.activeElement===o.body){let d=u.getTreeNode(e);for(;d;){if(d.nodeToRestore&&d.nodeToRestore.isConnected){ch(d.nodeToRestore);return}d=d.parent}for(d=u.getTreeNode(e);d;){if(d.scopeRef&&d.scopeRef.current&&Le.getTreeNode(d.scopeRef)){let f=sh(d.scopeRef.current,!0);ch(f);return}d=d.parent}}})}}}},[e,t])}function ch(e){e.dispatchEvent(new CustomEvent(Wc,{bubbles:!0,cancelable:!0}))&&Jt(e)}function Zt(e,t,n){let r=t!=null&&t.tabbable?GC:HC,o=Pe(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var i;return!(t==null||(i=t.from)===null||i===void 0)&&i.contains(a)?NodeFilter.FILTER_REJECT:a.matches(r)&&ah(a)&&(!n||He(a,n))&&(!(t!=null&&t.accept)||t.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(o.currentNode=t.from),o}class Yc{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,r){let o=this.fastMap.get(n??null);if(!o)return;let a=new qc({scopeRef:t});o.addChild(a),a.parent=o,this.fastMap.set(t,a),r&&(a.nodeToRestore=r)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let r=n.parent;for(let a of this.traverse())a!==n&&n.nodeToRestore&&a.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&He(a.nodeToRestore,n.scopeRef.current)&&(a.nodeToRestore=n.nodeToRestore);let o=n.children;r&&(r.removeChild(n),o.size>0&&o.forEach(a=>r&&r.addChild(a))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new Yc;var r;for(let o of this.traverse())n.addTreeNode(o.scopeRef,(r=(t=o.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&r!==void 0?r:null,o.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new qc({scopeRef:null}),this.fastMap.set(null,this.root)}}class qc{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}let Le=new Yc;function Ci(e={}){let{autoFocus:t=!1,isTextInput:n,within:r}=e,o=c.useRef({isFocused:!1,isFocusVisible:t||$i()}),[a,i]=c.useState(!1),[l,s]=c.useState(()=>o.current.isFocused&&o.current.isFocusVisible),u=c.useCallback(()=>s(o.current.isFocused&&o.current.isFocusVisible),[]),d=c.useCallback(g=>{o.current.isFocused=g,i(g),u()},[u]);cC(g=>{o.current.isFocusVisible=g,u()},[],{isTextInput:n});let{focusProps:f}=zc({isDisabled:r,onFocusChange:d}),{focusWithinProps:m}=Fo({isDisabled:!r,onFocusWithinChange:d});return{isFocused:a,isFocusVisible:l,focusProps:r?m:f}}function uh(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=uh(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function ek(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=uh(e))&&(r&&(r+=" "),r+=t);return r}function tk(e){let{children:t,focusClass:n,focusRingClass:r}=e,{isFocused:o,isFocusVisible:a,focusProps:i}=Ci(e),l=S.default.Children.only(t);return S.default.cloneElement(l,fe(l.props,{...i,className:ek({[n||""]:o,[r||""]:a})}))}let nk=S.default.createContext(null);function rk(e){let t=c.useContext(nk)||{};Tg(t,e);let{ref:n,...r}=t;return r}function Xc(e,t){let{focusProps:n}=zc(e),{keyboardProps:r}=pC(e),o=fe(n,r),a=rk(t),i=e.isDisabled?{}:a,l=c.useRef(e.autoFocus);return c.useEffect(()=>{l.current&&t.current&&No(t.current),l.current=!1},[t]),{focusableProps:fe({...o,tabIndex:e.excludeFromTabOrder&&!e.isDisabled?-1:void 0},i)}}function Dr(e,t){let{elementType:n="button",isDisabled:r,onPress:o,onPressStart:a,onPressEnd:i,onPressChange:l,preventFocusOnPress:s,allowFocusWhenDisabled:u,onClick:d,href:f,target:m,rel:g,type:h="button"}=e,b;n==="button"?b={type:h,disabled:r}:b={role:"button",tabIndex:r?void 0:0,href:n==="a"&&r?void 0:f,target:n==="a"?m:void 0,type:n==="input"?h:void 0,disabled:n==="input"?r:void 0,"aria-disabled":!r||n==="input"?void 0:r,rel:n==="a"?g:void 0};let{pressProps:v,isPressed:_}=Er({onPressStart:a,onPressEnd:i,onPressChange:l,onPress:o,isDisabled:r,preventFocusOnPress:s,ref:t}),{focusableProps:y}=Xc(e,t);u&&(y.tabIndex=r?-1:y.tabIndex);let w=fe(y,v,$n(e,{labelable:!0}));return{isPressed:_,buttonProps:fe(b,w,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],onClick:D=>{d&&(d(D),console.warn("onClick is deprecated, please use onPress"))}})}}const Jc=c.createContext(!1);Jc.displayName="FieldsetContext";const dh=N.default.fieldset`
   padding: 0;
   border: none;
 `;function ok({children:e,disabled:t,...n}){const o=Mt()||!!t;return E(Jc.Provider,{value:o,children:E(dh,{disabled:t,...n,children:e})})}function Mt(){return c.useContext(Jc)}function fh({isFocusVisible:e,isPressed:t}){return[e?"focused":void 0,t?"pressed":void 0].filter(Boolean).join(" ")}const Zc={small:`${p.spacing_200} ${p.spacing_300}`,large:`${p.spacing_300} ${p.spacing_400}`},yt=N.default.button`
@@ -1614,6 +1618,8 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var le=_e(ae,se,H,re,oe+
 
   ${({truncate:e})=>e&&Es()}
 
+  ${({textDecoration:e})=>e&&`text-decoration: ${e};`}
+
   margin-block: 0;
   overflow-wrap: break-word;
   hyphens: auto;
@@ -1623,7 +1629,7 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var le=_e(ae,se,H,re,oe+
   ${({size:e,variant:t})=>J9(e??"medium",t)}
 `,Z9=N.default(F$)``,Q9=N.default(F$)`
   font-feature-settings: 'tnum' on, 'lnum' on, 'ss01' on;
-`,eA=(e,t)=>{const{variant:n="body",color:r,weak:o=!1,negative:a=!1,italic:i,bold:l,style:s={},as:u="p",...d}=e;let f,m;n==="number"?(f=e.fontWeight??(l?700:300),m=Q9):(f=e.fontWeight??(l?500:300),m=Z9);let g;r?g=r:a?g=p.color_brand_red:o?g=p.color_gray_52:g=p.color_black;const h={...d,fontStyle:i?"italic":"normal",textColor:g,fontWeight:f,style:s,variant:n,as:u};return E(m,{...h,ref:t})},tt=c.forwardRef(eA);tt.displayName="Text";const bd=N.default.ul`
+`,eA=(e,t)=>{const{variant:n="body",color:r,weak:o=!1,negative:a=!1,italic:i,bold:l,textDecoration:s,style:u={},as:d="p",...f}=e;let m,g;n==="number"?(m=e.fontWeight??(l?700:300),g=Q9):(m=e.fontWeight??(l?500:300),g=Z9);let h;r?h=r:a?h=p.color_brand_red:o?h=p.color_gray_52:h=p.color_black;const b={...f,fontStyle:i?"italic":"normal",textColor:h,fontWeight:m,style:u,variant:n,as:d,textDecoration:s};return E(g,{...b,ref:t})},tt=c.forwardRef(eA);tt.displayName="Text";const bd=N.default.ul`
   max-height: 300px;
   overflow: auto;
   list-style: none;