@maxio-com/react-ui-components 4.6.2 → 4.6.4

package/README.md

@@ -1,12 +1,12 @@
 # React UI Components
 
-UI Components for React Applications. Built with [Maxio CSS Design System 6.2.0](https://internal-cdn.chargify.com/6.2.0/storybook/index.html).
+UI Components for React Applications. Built with [Maxio CSS Design System 6.9.2](https://internal-cdn.chargify.com/6.9.2/storybook/index.html).
 
 ## Usage
 
 Make sure to include the snippet with design system stylesheet CSS file on Your page:
 
-`<link rel="stylesheet" href="https://internal-cdn.chargify.com/6.2.0/styles.css">`
+`<link rel="stylesheet" href="https://internal-cdn.chargify.com/6.9.2/styles.css">`
 
 or import it in main js file:
 

package/dist/index.esm.js

@@ -1 +1 @@
-import e,{useRef as a,useEffect as t,useState as n,createContext as i,useId as l,useContext as r,cloneElement as o,useCallback as s,useMemo as c,Children as m,isValidElement as d}from"react";import u from"classnames";import{useId as p,useButton as v,useLink as h,useSearchField as x,useProgressBar as g,useCheckboxGroupItem as b,useCheckboxGroup as E,useRadio as f,useRadioGroup as _,useTextField as N}from"react-aria";import{AnimatePresence as w,motion as y}from"framer-motion";import{useClick as k,useHover as I,useFocus as C,useDismiss as O,useFloating as S,offset as $,useInteractions as P,useRole as V,FloatingPortal as T}from"@floating-ui/react-dom-interactions";const D=["address-card","arrow-down","arrow-down-left","arrow-down-left-long","arrow-down-long","arrow-down-right","arrow-down-right-long","arrow-down-up","arrow-left","arrow-left-long","arrow-left-right","arrow-right","arrow-right-long","arrow-turn-down-right","arrow-up","arrow-up-left","arrow-up-left-long","arrow-up-long","arrow-up-right","arrow-up-right-long","bank","bar-chart","briefcase","building","business-intelligence","caret-down","caret-left","caret-right","caret-up","chat","check","check-box","check-box-checked","check-box-checked-fill","check-box-indeterminate-fill","check-circle","check-circle-fill","chevron-down","chevron-left","chevron-right","chevron-up","chevron-up-down","circle","circle-half-stroke-small","circle-small-dash","circle-small-fill","circle-small-stroke","clipboard","cloud","cog","copy-file","credit-card","cross","cross-circle","cross-circle-fill","dashboard","diamond-small-fill","document","document-blank","dollar","dot-circle-fill","dot-fill","error","error-fill","error-small-fill","globe","graph","home","info-circle","info-circle-fill","life-ring","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","sidebar"],F=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),M=["cloud","globe","life-ring","sidebar"],z=({variant:a,white:t,className:n})=>{const i=F.get(a)||a,l=D.includes(i)&&!M.includes(i),r=u({"fa-kit":l,"fa-sharp fa-regular":!l},`fa-${i}`,t&&"maxio-icon--white",n);return e.createElement("i",{className:r})},L=({item:n,isSelected:i,truncateLabel:l=!1,role:r="option"})=>{const o=a(null),s=a(!1),c=p();if(t((()=>{var e;i&&s.current&&(null===(e=o.current)||void 0===e||e.focus())}),[i]),t((()=>{s.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:m,trailingIconName:d,label:v,description:h,link:x}=n,g=u("maxio-action-list__label",{"maxio-truncate":l});return e.createElement("a",{"aria-labelledby":c,...x,className:"maxio-action-list__content",tabIndex:i?0:-1,ref:o,role:r},m&&e.createElement(z,{variant:m,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:g,id:c},v),h&&e.createElement("span",{className:"maxio-action-list__description"},h),d&&e.createElement(z,{variant:d,className:"maxio-action-list__trailing-icon"}))},W=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?W(e-1,a,t||e):e-1,R=({items:a,isShadowed:t=!0,itemProps:i={},className:l,truncateLabels:r=!1,...o})=>{const s=u("maxio-action-list",l,{"maxio-action-list--shadow":t}),[c,m]=n((()=>a.findIndex((e=>"divider"!==e.type))));return 0===a.length?null:e.createElement("div",{className:s,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=a[c];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),m((e=>W(e,a)))),"ArrowDown"===e.code&&(e.preventDefault(),m((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,a))))},role:"listbox",...o},a.map(((a,t)=>e.createElement(L,{item:a,truncateLabel:r,key:`listbox-${a.id}`,isSelected:t===c,...i}))))},B=({className:a,src:t,alt:n="avatar"})=>e.createElement("img",{className:u("maxio-avatar",a),alt:n,src:t}),H=i({}),A=({children:a})=>{const[t,i]=n(!1),r=l(),o=l();return e.createElement(H.Provider,{value:{controlsId:r,buttonId:o,isOpen:t,onClose:()=>i(!1),onOpen:()=>i(!0),onToggle:()=>i((e=>!e))}},a)};function q(){const e=r(H);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const U=({children:a})=>{const{isOpen:t,onToggle:n,onClose:i}=q();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:i}):a)},G=({children:a})=>e.createElement(A,null,e.createElement(U,null,a)),K=({items:a,alignItemsEnd:t=!1})=>{const n=u("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:i,buttonId:l}=q();return e.createElement("div",{className:n,role:"presentation"},e.createElement(R,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":l,items:a}))},Y=({children:a,iconName:t="chevron-down","aria-label":n,size:i="lg",variant:l="secondary"})=>{const r=u({"maxio-action-menu__chevron":"chevron-down"===t}),o=u("maxio-button",`maxio-button--${l}`,`maxio-button--${i}`,{"maxio-button--icon":t&&!a}),{isOpen:s,buttonId:c,controlsId:m}=q();return e.createElement("summary",{className:o,"aria-haspopup":"true","aria-label":n,"aria-expanded":s,"aria-controls":m,id:c},e.createElement("div",{className:"maxio-header-button__content"},a&&e.createElement("span",null,a),t&&e.createElement(z,{variant:t,className:`${r} maxio-button__trailing-element`})))},j=({icon:a,variant:t="default"})=>e.createElement("i",{className:u("maxio-brand-logo",`maxio-brand-logo-${a}`,{[`maxio-brand-logo--${t}`]:"default"!==t})}),X={click:k,hover:I,focus:C,dismiss:O},J=(e,a)=>a.map((a=>X[a](e))),Q=({placement:e="top",isActive:n=!1,interactions:i=["hover"],floatingElementOffset:l=0,onOverlayUpdate:r,autoHideMs:o})=>{const s=a(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:v}=S({placement:e,open:n,onOpenChange:e=>r(e),middleware:[$(l)]}),{getReferenceProps:h,getFloatingProps:x}=P([...J(u,i),V(u,{role:"tooltip"})]);t((()=>{s.current&&clearTimeout(s.current),n&&o&&(s.current=window.setTimeout((()=>r(!1)),o))}),[n,o]);return{isActive:n,refs:{floating:p,reference:v},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:h,getFloatingProps:x}};function Z(e,i=0){const l=a((new Date).getTime()),r=a((new Date).getTime()),[o,s]=n(!1);return t((()=>{const a=()=>{l.current=(new Date).getTime(),s(!0)},t=()=>{r.current=(new Date).getTime(),window.setTimeout((()=>{l.current-r.current<=0&&s(!1)}),i)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",t)),()=>{n&&(n.removeEventListener("mouseenter",a),n.removeEventListener("mouseleave",t))}}),[e]),o}function ee(e=500){const[i,l]=n((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),r=a(null);return t((()=>{const a=()=>{var a;const{innerWidth:t,innerHeight:n}=window;window.clearTimeout(null!==(a=r.current)&&void 0!==a?a:void 0),r.current=window.setTimeout((()=>{l({windowWitdh:t,windowHeight:n})}),e)};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}}),[e]),i}const ae=({children:a,usePortal:t=!1,isActive:n=!1,placement:i="top",interactions:l=["hover"],role:r="tooltip",renderOverlay:o,floatingElementOffset:s,motionSettings:c={},autoHideMs:m,onOverlayUpdate:d,className:p})=>{const{getReferenceProps:v,getFloatingProps:h,refs:{floating:x,reference:g},floatingElementCSSPosition:b}=Q({role:r,isActive:n,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:l,placement:i}),E=e.createElement(w,null,n&&e.createElement(y.div,{ref:x,style:b,...c,...h()},o()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:g,className:u("maxio-inline-flex",p),...v(),"data-testid":"overlay-trigger"},a),t?e.createElement(T,{id:"maxio-ui-portal"},E):E)},te=({size:a="md",white:t=!1,className:n})=>{const i=u("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":t});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},ne=({children:t,loading:n=!1,fullWidth:i=!1,className:l,variant:r="primary",size:s="lg",disabled:c,icon:m,as:d="button",href:p,...h})=>{const x=a(null),{buttonProps:g}=v({...h,isDisabled:c},x),b=u("maxio-button",l,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--loading":n,"maxio-button--full-width":i}),E=["primary","secondary","danger"].includes(r),f={...h["aria-label"]&&{"aria-label":h["aria-label"]},...p&&{href:p},..."button"===d?g:{}};return e.createElement(d,{...f,className:b},t,e.createElement("div",{className:"maxio-button__icon-container"},!n&&m&&o(m,{className:"maxio-button__trailing-element"}),n&&e.createElement(te,{className:"maxio-button__trailing-element",size:"md",white:E})))},ie=({icon:a,as:t,href:n,...i})=>e.createElement(ne,{as:t,href:n,icon:a,className:"maxio-button--icon",...i},null),le=({defaultChecked:a,checked:t,onChange:n,disabled:i,valueDescription:r,valueDescriptionPosition:o,className:c,name:m,id:d,...p})=>{const v=l(),h="boolean"==typeof a,x=d||v,g="left"===o?"row":"row-reverse",b=r&&o,E=s((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;h&&(e.currentTarget.checked=!a),n&&n(!a,e)}}),[h,n]),f=p["aria-label"]||(b?void 0:r);return e.createElement("div",{className:u("maxio-toggle",c,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:g},"data-testid":"toggle-container"},b?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},r):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:a,checked:t,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:E,disabled:i,className:"maxio-toggle__checkbox",id:x,name:m,"aria-label":f}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":t,"aria-hidden":"true"},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},re=({children:a,arrowPosition:t,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:u("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${t}`]:t})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},a)),oe={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},se=({children:a,interactions:t=["hover"],placement:i="right",maxWidth:l=160,size:r="regular",renderContent:o,autoHideMs:m,isVisible:d,usePortal:u,className:p,onVisibilityUpdate:v,floatingElementOffset:h=5})=>{const[x,g]=n(!1),b=void 0!==d,E=s((e=>{b||g(e),v&&v(e)}),[d]),f=c((()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(i)),[i]);return e.createElement(ae,{role:"tooltip",className:p,floatingElementOffset:h,motionSettings:f,isActive:b?d:x,onOverlayUpdate:E,autoHideMs:m,usePortal:u,placement:i,interactions:t,renderOverlay:()=>e.createElement(re,{size:r,arrowPosition:oe[i],maxWidth:l},o())},a)},ce=({children:a,as:t,iconName:n,noPadding:i,className:l,...r})=>{const o=e.useRef(null);let{buttonProps:s}=v(r,o),{linkProps:c}=h(r,o);const m="a"===t?c:s,d=t||"button";return e.createElement(d,{className:u("maxio-header-button",l,{"maxio-header-button--no-padding":i}),ref:o,...m},e.createElement("div",{className:"maxio-header-button__content"},a||null,n&&e.createElement(z,{variant:n})))},me=({className:a,sidebarToggleVisible:i=!0,sidebarToggleExpanded:l=!0,variant:r="grey",socket:o,rightSocket:s,onClickSidebarIcon:c})=>{const[m,d]=n(l);t((()=>{d(l)}),[l]);const p=u("maxio-header",a,{[`maxio-header--bar-${r}`]:r});return e.createElement("nav",{className:p},i&&e.createElement(ce,{"aria-label":"toggle sidebar",className:m?"":"maxio-header__menu-toggle--active",iconName:m?"menu-chevron-left":"menu-chevron-right",onClick:()=>{d((e=>(c&&c(!e),!e)))}}),e.createElement("a",{className:"maxio-header__brand",href:"/","aria-label":"Maxio"}),o&&e.createElement("div",{className:"maxio-header__socket"},o),s&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},s))},de=({items:a})=>e.createElement("ul",{className:"maxio-header-nav"},a.map((({label:a,id:t,isActive:n,...i})=>e.createElement("li",{className:"maxio-header-nav__item",key:`header-nav-list-item-${t}`},e.createElement("a",{className:u("maxio-header-nav__link",{"maxio-header-nav__link--active":n}),...i},a))))),ue=({className:a,innerRef:t,...n})=>{const[i,l]=e.useState(n.value||""),{inputProps:r}=x({value:n.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:i,setValue:l},t);return e.createElement("div",{className:u("maxio-header-search-field",a)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(z,{variant:"search"})),e.createElement("input",{ref:t,className:"maxio-header-search-field__input",type:"search",...r}))};ue.displayName="SearchField";const pe=({options:a,innerRef:t,...n})=>e.createElement("div",{className:"maxio-header-search-menu",role:"button"},e.createElement("select",{name:"entity",className:"maxio-header-search-menu__select","aria-label":"Menu",ref:t,...n},a.map((({label:a,value:t})=>e.createElement("option",{key:`${a}-${t}`,value:t},a)))),e.createElement("div",{className:"maxio-header-search-menu__icon"},e.createElement(z,{variant:"chevron-down"})));pe.displayName="SearchMenu";const ve=({options:t,onSubmit:n})=>{const i=a(null),l=a(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,t,r,o;e.preventDefault(),n({searchField:null!==(t=null===(a=i.current)||void 0===a?void 0:a.value)&&void 0!==t?t:"",selectField:null!==(o=null===(r=l.current)||void 0===r?void 0:r.value)&&void 0!==o?o:""})}},e.createElement(pe,{innerRef:l,options:t}),e.createElement(ue,{innerRef:i}),e.createElement(ce,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},he=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(se,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(z,{variant:a,className:l}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(z,{variant:t}))),xe=i({}),ge=()=>r(xe),be=({children:a,isOpen:i,onChange:l,withIcons:r=!0,sections:o,shouldToggleSidebar:s=!0,topDropdownItems:c,collapseBreakpoint:m=800})=>{const[d,u]=n((()=>!s||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>m)));t((()=>{"boolean"==typeof i&&(u(i),l&&l(i))}),[i]);const[p,v]=n(o),h=()=>{u(!1),l&&l(!1)},{windowWitdh:x}=ee(200);t((()=>{!function(e){if(!s)return;e<m&&d&&h()}(x)}),[x]),t((()=>{!function(){const e=g();e&&v((a=>a.map((a=>{var t;return{...a,...(null===(t=a.items)||void 0===t?void 0:t.includes(e))&&{isCurrent:!0,isOpen:!0}}}))))}()}),[]);return e.createElement(xe.Provider,{value:{sections:p,topDropdownItems:c,onSectionOpen:e=>{const a=g();v((t=>t.map((t=>{var n;if(!d)return{...t,isOpen:t.name===e};const i=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:i}}))))},isOpen:d,onOpen:()=>{u(!0),l&&l(!0)},onClose:h,onToggle:()=>{u((e=>(l&&l(!e),!e)))},withIcons:r}},a);function g(){return p.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},Ee=()=>{const{onOpen:t,topDropdownItems:n,isOpen:i}=ge(),{mainItem:l,otherItems:r,actions:o}=n,s=a(null),m=Z(s),d=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),u=c((()=>[...r.map(d),(null==r?void 0:r.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(d)].filter((e=>null!=e))),[o,r]),p=r.length+o.length;return e.createElement(e.Fragment,null,0===p?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:l.url,onClick:t},e.createElement("span",{className:"maxio-side-nav__menu-title"},l.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:t,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:s},l.url?e.createElement(e.Fragment,null,e.createElement(he,{type:"menu",isTooltipVisible:!i&&m,leadingIcon:l.icon,trailingIcon:"chevron-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(he,{type:"menu",trailingIcon:"chevron-down"},l.title)),e.createElement(R,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},fe=({section:t})=>{var n;const{isOpen:i,withIcons:l}=ge(),r=a(null),o=Z(r);return e.createElement("li",{className:"maxio-side-nav__item","data-key":t.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":t.isCurrent?"page":void 0,role:"button",href:t.href,ref:r},e.createElement(he,{isTooltipVisible:o&&!i,type:"menu",leadingIcon:l&&null!==(n=t.icon)&&void 0!==n?n:void 0},t.name)))},_e=({section:t})=>{var n,i,l;const{onOpen:r,onSectionOpen:o,isOpen:s,withIcons:m}=ge();const d=c((()=>{var e;const a=null===(e=t.items)||void 0===e?void 0:e.some((e=>e.isCurrent));return s?t.isCurrent&&!a||!t.isOpen&&t.isCurrent:t.isCurrent}),[t,s]),p=a(null),v=Z(p);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(fe,{section:t}):e.createElement("li",{className:u("maxio-side-nav__item",{"maxio-side-nav__item--active":d,"maxio-side-nav__item--icon":m}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:p,"aria-expanded":t.isOpen,"aria-current":d?"page":void 0,type:"button",onClick:function(){o(t.name),r()}},e.createElement(he,{type:"menu",isTooltipVisible:!s&&v,leadingIcon:m&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(i=t.items)||void 0===i?void 0:i.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__menu"},null===(l=t.items)||void 0===l?void 0:l.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name)))))))},Ne=()=>{const{sections:a}=ge();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(_e,{key:`section-${a.name}`,section:a}))))},we=()=>{const{isOpen:a}=ge();return e.createElement("nav",{className:u("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement("div",null,e.createElement(Ee,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(Ne,null)))},ye=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i,collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(be,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(we,null)),ke=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],Ie=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(se,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(o=a,ke.includes(o)?e.createElement(j,{icon:a}):e.createElement(z,{variant:a,className:l})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(z,{variant:t})));var o},Ce=e=>"heading"!==e.type,Oe=e=>{const a=(e=>e.flat().filter(Ce).map((e=>e.items)).flat().find((e=>null==e?void 0:e.isCurrent)))(e);return a?e.map((e=>e.map((e=>{var t;return Ce(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},Se=i({}),$e=()=>r(Se),Pe=({children:i,isOpen:l,onChange:r,withIcons:o=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=a(!1),[p,v]=n((()=>!c||("boolean"==typeof l?l:"undefined"==typeof window||window.innerWidth>d))),[h,x]=n((()=>Oe(s))),{windowWitdh:g}=ee(200);t((()=>{u.current&&(null==r||r(p))}),[p,r]),t((()=>{u.current=!0}),[]),t((()=>{!function(e){if(!c)return;e<d&&p&&b()}(g)}),[g]),t((()=>{"boolean"==typeof l&&v(l)}),[l]);const b=()=>{v(!1)};return e.createElement(Se.Provider,{value:{sections:h,topDropdownItems:m,onSectionOpen:e=>{x((a=>a.map((a=>a.map((a=>Ce(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:p,onOpen:()=>{v(!0)},onClose:b,withIcons:o,shouldToggleSidebar:c}},i)},Ve=()=>{const{onOpen:t,topDropdownItems:n,isOpen:i}=$e(),{mainItem:l,otherItems:r,actions:o}=n,s=a(null),m=Z(s),d=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:u,itemsCount:p}=c((()=>({itemsCount:r.length+o.length,items:[...r.map(d),(null==r?void 0:r.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(d)].filter((e=>null!=e))})),[o,r]);return e.createElement(e.Fragment,null,0===p?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:l.url,onClick:t},e.createElement("span",{className:"maxio-side-nav-v2__menu-title"},l.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav-v2--action-menu"},e.createElement("summary",{onClick:t,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:s},l.url?e.createElement(e.Fragment,null,e.createElement(Ie,{type:"menu",isTooltipVisible:!i&&m,leadingIcon:l.icon,trailingIcon:"chevron-up-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(Ie,{type:"menu",trailingIcon:"chevron-up-down"},l.title)),e.createElement(R,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},Te=({section:t})=>{const{isOpen:n,withIcons:i}=$e(),l=a(null),r=Z(l);return e.createElement("li",{className:"maxio-side-nav-v2__item","data-key":t.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav-v2__link","aria-current":t.isCurrent?"page":void 0,role:"button",href:t.href,ref:l},e.createElement(Ie,{isTooltipVisible:r&&!n,type:"menu",leadingIcon:i?t.icon:void 0},t.name)))},De=({section:t})=>{var n,i;const{onOpen:l,onSectionOpen:r,isOpen:o,withIcons:s}=$e(),c=a(null),m=Z(c);if(!Ce(t))return e.createElement("li",{className:"maxio-side-nav-v2__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(Te,{section:t}):e.createElement("li",{className:u("maxio-side-nav-v2__item",{"maxio-side-nav-v2__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav-v2__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{r(t.name),l()}},e.createElement(Ie,{type:"menu",isTooltipVisible:!o&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(n=t.items)||void 0===n?void 0:n.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav-v2__menu"},null===(i=t.items)||void 0===i?void 0:i.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav-v2__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav-v2__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav-v2__link-title"},a.name)))))))},Fe=()=>{const{sections:a}=$e();return e.createElement(e.Fragment,null,a.map(((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav-v2__items",key:`section-list-${t}`},a.map(((a,n)=>e.createElement(De,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},Me=()=>{const{onClose:a,shouldToggleSidebar:t}=$e();return e.createElement("div",{className:"maxio-side-nav-v2__logo-container"},e.createElement("a",{className:"maxio-side-nav-v2__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav-v2__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(z,{variant:"sidebar"})))},ze=()=>{const{isOpen:a}=$e();return e.createElement("nav",{className:u("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!a})},e.createElement(Me,null),e.createElement(Ve,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(Fe,null)))},Le=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:i=[],collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(Pe,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(ze,null)),We=({label:a,helperText:t,size:n="md",variant:i="default",status:l,value:r,maxValue:o=100})=>{const s=p(),c=p(),m=l&&!!a&&!!r&&!("inline"===i),d=t&&!("inline"===i),v=t&&"inline"===i,{progressBarProps:h,labelProps:x}=g({maxValue:o,value:r,label:a}),b=u("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===n,"maxio-progress-bar--success":r&&!("inline"===i)&&"success"===l,"maxio-progress-bar--error":r&&!("inline"===i)&&"error"===l,"maxio-progress-bar--indent":"indent"===i,"maxio-progress-bar--inline":"inline"===i,"maxio-progress-bar--indeterminate":void 0===r});return e.createElement("div",{className:b,...h},e.createElement("div",{id:s,className:"maxio-progress-bar__label",...x},a),v&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${r}%`}})),m&&e.createElement("div",{className:`maxio-progress-bar__${l}-icon`}),d&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},Re=({as:a="div",children:t,compact:n=!1,size:i="md",className:l,...r})=>{const o=a,s=u({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},l);return e.createElement(o,{className:s,...r},t)},Be={sm:"h3",md:"h2",lg:"h1"},He=({children:a,size:t="sm",className:n,...i})=>{const l=Be[t],r=u(`maxio-heading-${t}`,n);return e.createElement(l,{className:r,...i},a)},Ae=({as:a="div",children:t,size:n="md",className:i,...l})=>{const r=a,o=u(`maxio-display-${n}`,i);return e.createElement(r,{className:o,...l},t)},qe=({as:a="div",children:t,className:n,...i})=>{const l=a,r=u("maxio-code",n);return e.createElement(l,{className:r,...i},t)},Ue=({as:a="div",children:t,size:n="sm",className:i,...l})=>{const r=a,o=u(`maxio-label-${n}`,i);return e.createElement(r,{className:o,...l},t)},Ge=i({}),Ke=()=>r(Ge),Ye=({children:a,variant:i="line",withDivider:l=!1,defaultIndex:r=0,onChange:o,index:s})=>{const[c,m]=n((()=>void 0!==s?s:r));t((()=>{void 0===s&&m(r),"number"==typeof s&&m(s)}),[r,s]);return e.createElement(Ge.Provider,{value:{currentIndex:c,variant:i,withDivider:l,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof o&&o(a)}}},a)},je=({disabled:n=!1,value:i=0,isCurrent:l,...r})=>{const{onChange:o,currentIndex:s}=Ke(),c=u("maxio-tabs__tab",{"maxio-tabs__tab--active":s===i,"maxio-tabs__tab--disabled":n,"maxio-tabs__tab--icon":"icon"===r.type}),m=()=>{o(i)},d={"aria-selected":l,id:`tab-${i}`,"aria-controls":`panel-${i}`,role:"tab",tabIndex:l?0:-1},p=a(null),v=a(!1);if(t((()=>{var e;l&&v.current&&(null===(e=p.current)||void 0===e||e.focus())}),[l]),t((()=>{v.current=!0}),[]),"icon"===r.type){const{icon:a,...t}=r;return e.createElement("div",{className:c,ref:p,onClick:m,...d,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:h,rightIcon:x,...g}=r;return e.createElement("div",{ref:p,className:c,onClick:m,...d,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},h,x||null))},Xe=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,index:l,onChange:r})=>e.createElement(Ye,{defaultIndex:i,variant:t,withDivider:n,index:l,onChange:r},a),Je=({children:a,value:t,...n})=>{const{currentIndex:i}=Ke();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:i!==t},a)},Qe=({children:a})=>{const{currentIndex:t}=Ke();return e.createElement(e.Fragment,null,m.map(a,((e,a)=>{if(d(e)&&e.type===Je)return a===t?o(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},Ze=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?Ze(e-1,a,t||e):e-1,ea=({children:t,className:n,ariaLabel:i,...l})=>{const{variant:r,withDivider:s,currentIndex:c,onChange:p}=Ke(),v=u("maxio-tabs",n,{"maxio-tabs--contained":"contained"===r,"maxio-tabs--divider":s}),h=a(null),x=()=>m.map(t,(e=>e.props));return e.createElement("div",{className:v,role:"tablist","aria-label":i,"aria-orientation":"horizontal",ref:h,onKeyDown:e=>{var a;"ArrowRight"===e.key&&p((e=>((e,a)=>{const t=a.findIndex(((a,t)=>!a.disabled&&t>e));return-1===t?e:t})(e,x()))),"ArrowLeft"===e.key&&p((e=>Ze(e,x()))),null===(a=h.current)||void 0===a||a.focus()},...l},m.map(t,((e,a)=>{if(d(e)&&e.type===je)return o(e,{value:a,isCurrent:c===a});throw new Error("You can only pass <Tab /> component as children")})))},aa=({children:a,size:t="sm",disabled:n,external:i,icon:l,variant:r,underline:o,...s})=>{const c=u("maxio-link",{[`maxio-link--${t}`]:t,"maxio-link--disabled":n,[`maxio-link--${r}`]:r,"maxio-link--underline":o}),m=i?"_blank":"_self";return e.createElement("a",{className:c,target:m,...s},a,l&&e.createElement(z,{variant:l,className:"maxio-link__icon"}))},ta=({children:a,size:t="md",sentiment:n="default",kind:i="primary",leadingIcon:l,trailingIcon:r})=>{const o=u("maxio-tag",`maxio-tag--${t}`,`maxio-tag--${i}`,`maxio-tag--${n}`);return e.createElement("div",{className:o},l&&e.createElement(z,{variant:l,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),r&&e.createElement(z,{variant:r,className:"maxio-tag__icon"}))},na=({children:a,className:t,href:n,onClick:i,target:l,disabled:r})=>{const o=n||i;if(!o)return e.createElement("div",{className:"maxio-tile"},a);const s=u("maxio-tile",t,{"maxio-tile--clickable":o,"maxio-tile--disabled":r});return e.createElement("a",{className:s,href:n,target:l,onClick:e=>{r&&n&&e.preventDefault(),!r&&i&&i()}},a)},ia=i({}),la=()=>r(ia),ra=({name:a,values:t,onChange:i,disabled:l=!1,invalid:r=!1,children:o})=>{const[s,c]=n(null!=t?t:[]);return e.createElement(ia.Provider,{value:{disabled:l,invalid:r,name:a,values:s,onChange:e=>{let a=[];a=s.includes(e)?s.filter((a=>a!==e)):[...s,e],c(a),i&&i(a)}}},o)},oa=({label:t,error:n=!1,className:i,indeterminate:l,...r})=>{var o;const s=a(null),{name:c,disabled:m,invalid:d,onChange:p,values:v=[]}=la(),h=!!c,x=null!=m?m:r.disabled,g=null!=d?d:n,E=null!==(o=r.value)&&void 0!==o?o:"",f=h?v.includes(E):r.checked,_=u("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":x,"maxio-checkbox--error":g,"maxio-checkbox--indeterminate":l},i),{inputProps:N}=b({value:E,"aria-label":null!=t?t:r["aria-label"]},{isDisabled:null!=x&&x,isReadOnly:null!=x&&x,setValue:p,addValue:p,toggleValue:p,removeValue:p,value:v,isSelected:e=>v.includes(e),validationState:n?"invalid":"valid",isInvalid:!!n},s);return e.createElement("label",{className:_},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:s,...h?N:r}),e.createElement("span",{className:"maxio-checkbox__control"},n&&e.createElement("span",{className:"maxio-checkbox__control-error"})),t&&e.createElement("span",{className:"maxio-checkbox__label"},t))},sa=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-helper-text",t),...n},a),ca=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-error",t),...n},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},a)),ma=({className:a,children:t,label:n,errorMessage:i,helperText:l,disabled:r})=>{const{values:o=[],onChange:s,name:c}=la(),{descriptionProps:m,errorMessageProps:d,groupProps:p,labelProps:v}=E({name:c,label:n},{validationState:i?"invalid":"valid",isDisabled:null!=r&&r,isInvalid:!!i,isReadOnly:null!=r&&r,setValue:s,addValue:s,toggleValue:s,removeValue:s,value:o,isSelected:e=>o.includes(e)}),h=u("maxio-checkbox-group",{"maxio-checkbox-group--disabled":r},a),x=l&&!i;return e.createElement("div",{className:h,...p},n&&e.createElement("label",{className:"maxio-checkbox-group__label",...v},n),t,x&&e.createElement(sa,{...m},l),i&&e.createElement(ca,{...d},i))},da=a=>e.createElement(ra,{...a},e.createElement(ma,{...a},a.children)),ua=i({}),pa=()=>r(ua),va=({children:a,onChange:i,value:l,defaultValue:r="",name:o,indent:s,disabled:c})=>{const[m,d]=n(r),[u,p]=n(null);t((()=>{d(null!=l?l:r)}),[l]);return e.createElement(ua.Provider,{value:{onChange:e=>{d(e),i&&i(e)},name:o,value:m,indent:s,disabled:c,lastFocusedValue:u,setLastFocusedValue:p}},a)},ha=({indent:t=!1,disabled:n=!1,invalid:i=!1,label:l,...r})=>{const o=a(null),{disabled:s,indent:c,invalid:m,name:d,onChange:p,value:v,setLastFocusedValue:h=(()=>{}),lastFocusedValue:x=null}=pa(),g=!!d,b=m||i,E=s||n,_=u("maxio-radio",{"maxio-radio--indent":c||t,"maxio-radio--disabled":E,"maxio-radio--error":b}),{inputProps:N}=f({...r,children:l,value:(r.value||"").toString()},{isDisabled:E,isReadOnly:E,isRequired:!1,name:d,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=v?v:null,setSelectedValue:p,setLastFocusedValue:h,lastFocusedValue:x},o);return e.createElement("label",{className:_},e.createElement("input",{ref:o,type:"radio",className:"maxio-radio__input",...g?N:r}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},l))},xa=({children:a,label:t,errorMessage:n,helperText:i,disabled:l=!1,invalid:r=!1})=>{const{name:o,onChange:s,value:c,lastFocusedValue:m,setLastFocusedValue:d}=pa(),{radioGroupProps:u,labelProps:p,descriptionProps:v,errorMessageProps:h}=_({name:o,label:t},{name:o,validationState:r?"invalid":"valid",isDisabled:l,isInvalid:r,isReadOnly:l,isRequired:!1,selectedValue:c,lastFocusedValue:m,setLastFocusedValue:d,setSelectedValue:s});return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...u},t&&e.createElement("label",{className:"maxio-radio-group__label",...p},t),a,n&&r&&e.createElement(ca,{...h},n),i&&!n&&e.createElement(sa,{...v},i)))},ga=a=>e.createElement(va,{...a},e.createElement(xa,{...a},a.children)),ba=({disabled:t=!1,invalid:n=!1,readOnly:i=!1,size:l="md",variant:r="primary",label:o,helperText:s,errorMessage:c,leadingElement:m=null,trailingElement:d=null,onChange:p,fullWidth:v,...h})=>{var x,g;const b=a(null),{labelProps:E,inputProps:f,descriptionProps:_,errorMessageProps:w}=N({...h,label:o,description:s,errorMessage:c,defaultValue:null===(x=h.defaultValue)||void 0===x?void 0:x.toString(),value:null===(g=h.value)||void 0===g?void 0:g.toString()},b),y=u("maxio-text-field",`maxio-text-field--${r}`,`maxio-text-field--${l}`,{"maxio-text-field--disabled":t,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":v}),k=n&&c;return e.createElement("div",{className:y},o&&e.createElement("label",{className:"maxio-text-field__label",...E},o),e.createElement("div",{className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(z,{variant:"warning-circle-fill"})),e.createElement("input",{ref:b,type:"text",className:"maxio-text-field__input",...f,onChange:p}),d&&!n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),s&&!k&&e.createElement("div",{className:"maxio-form-helper-text",..._},s),k&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},c)))},Ea=({options:a,label:t,variant:n="primary",size:i="md",inline:l=!1,disabled:r=!1,readOnly:o=!1,helperText:s,errorMessage:c,...m})=>{const d=u("maxio-select",`maxio-select--${n}`,`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--read-only":o,"maxio-select--inline":l,"maxio-select--error":!!c}),v=p();return e.createElement("div",{className:d},t&&e.createElement("label",{htmlFor:v,className:"maxio-select__label"},t),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:v,className:"maxio-select__input",disabled:r||o,...m},a.map((a=>e.createElement("option",{key:`option-${a.value}`,value:a.value},a.label)))),e.createElement("div",{className:"maxio-select__icons-container"},!!c&&e.createElement(z,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(z,{variant:"chevron-down"}))),!!c&&e.createElement("div",{className:"maxio-select__error-text"},c),s&&!c&&e.createElement("div",{className:"maxio-select__helper-text"},s))},fa=({children:a,className:t,to:n,...i})=>{const l=n?e.createElement(aa,{size:"sm",href:n},a):a;return e.createElement("li",{className:u("maxio-breadcrumbs__item",t),...i},l)},_a="Breadcrumbs requires at least one BreadcrumbsItem as children",Na='Last BreadcrumbsItem should not have "to" prop. It is the current page.',wa="Breadcrumbs only accepts BreadcrumbsItem as children",ya=({className:a,children:t,...n})=>{const i=m.count(t);if(0===i)throw new Error(_a);const l=m.map(t,((e,a)=>{if(d(e)&&e.type==fa){if(a===i-1&&e.props.to)throw new Error(Na);return o(e,{"aria-current":a===i-1?"page":void 0})}throw new Error(wa)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:u("maxio-breadcrumbs",a)},l))};export{R as ActionList,B as Avatar,Re as Body,j as BrandLogo,ya as Breadcrumbs,fa as BreadcrumbsItem,ne as Button,oa as Checkbox,da as CheckboxGroup,qe as Code,Ae as Display,ca as FormErrorMessage,sa as FormHelperText,me as Header,ce as HeaderButton,de as HeaderNav,ue as HeaderSearchField,ve as HeaderSearchInput,pe as HeaderSearchMenu,He as Heading,z as Icon,ie as IconButton,Ue as Label,aa as Link,G as Menu,Y as MenuButton,K as MenuList,ae as OverlayTrigger,We as ProgressBar,ha as Radio,ga as RadioGroup,Ea as Select,ye as SideNav,Le as SideNavV2,je as Tab,ea as TabList,Je as TabPanel,Qe as TabPanels,Xe as Tabs,ta as Tag,ba as TextInput,na as Tile,le as Toggle,re as Tooltip,se as TooltipTrigger,Z as useHover,Q as useOverlayTrigger,ee as useWindowSize};
+import e,{useRef as a,useEffect as t,useState as n,createContext as i,useId as l,useContext as r,Children as o,isValidElement as s,cloneElement as c,useCallback as m,useMemo as d}from"react";import u from"classnames";import{useId as v,useButton as p,useLink as h,useSearchField as x,useProgressBar as g,useCheckboxGroupItem as b,useCheckboxGroup as f,useRadio as E,useRadioGroup as _,useTextField as N}from"react-aria";import{AnimatePresence as w,motion as y}from"framer-motion";import{useClick as k,useHover as I,useFocus as C,useDismiss as O,useFloating as $,offset as S,useInteractions as P,useRole as V,FloatingPortal as T}from"@floating-ui/react-dom-interactions";const D=["address-card","arrow-down","arrow-down-left","arrow-down-left-long","arrow-down-long","arrow-down-right","arrow-down-right-long","arrow-down-up","arrow-left","arrow-left-long","arrow-left-right","arrow-right","arrow-right-long","arrow-turn-down-right","arrow-up","arrow-up-left","arrow-up-left-long","arrow-up-long","arrow-up-right","arrow-up-right-long","bank","bar-chart","briefcase","building","business-intelligence","caret-down","caret-left","caret-right","caret-up","chat","check","check-box","check-box-checked","check-box-checked-fill","check-box-indeterminate-fill","check-circle","check-circle-fill","chevron-down","chevron-left","chevron-right","chevron-up","chevron-up-down","circle","circle-half-stroke-small","circle-small-dash","circle-small-fill","circle-small-stroke","clipboard","cloud","cog","copy-file","credit-card","cross","cross-circle","cross-circle-fill","dashboard","diamond-small-fill","document","document-blank","dollar","dot-circle-fill","dot-fill","error","error-fill","error-small-fill","globe","graph","home","info-circle","info-circle-fill","life-ring","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","sidebar"],F=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),M=["cloud","globe","life-ring","sidebar"],z=({variant:a,white:t,className:n})=>{const i=F.get(a)||a,l=D.includes(i)&&!M.includes(i),r=u({"fa-kit":l,"fa-sharp fa-regular":!l},`fa-${i}`,t&&"maxio-icon--white",n);return e.createElement("i",{className:r})},L=({item:n,isSelected:i,truncateLabel:l=!1,role:r="option"})=>{const o=a(null),s=a(!1),c=v();if(t((()=>{var e;i&&s.current&&(null===(e=o.current)||void 0===e||e.focus())}),[i]),t((()=>{s.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:m,trailingIconName:d,label:p,description:h,link:x}=n,g=u("maxio-action-list__label",{"maxio-truncate":l});return e.createElement("a",{"aria-labelledby":c,...x,className:"maxio-action-list__content",tabIndex:i?0:-1,ref:o,role:r},m&&e.createElement(z,{variant:m,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:g,id:c},p),h&&e.createElement("span",{className:"maxio-action-list__description"},h),d&&e.createElement(z,{variant:d,className:"maxio-action-list__trailing-icon"}))},W=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?W(e-1,a,t||e):e-1,R=({items:a,isShadowed:t=!0,itemProps:i={},className:l,truncateLabels:r=!1,...o})=>{const s=u("maxio-action-list",l,{"maxio-action-list--shadow":t}),[c,m]=n((()=>a.findIndex((e=>"divider"!==e.type))));return 0===a.length?null:e.createElement("div",{className:s,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=a[c];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),m((e=>W(e,a)))),"ArrowDown"===e.code&&(e.preventDefault(),m((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,a))))},role:"listbox",...o},a.map(((a,t)=>e.createElement(L,{item:a,truncateLabel:r,key:`listbox-${a.id}`,isSelected:t===c,...i}))))},B=i({}),H=({children:a})=>{const[t,i]=n(!1),r=l(),o=l();return e.createElement(B.Provider,{value:{controlsId:r,buttonId:o,isOpen:t,onClose:()=>i(!1),onOpen:()=>i(!0),onToggle:()=>i((e=>!e))}},a)};function A(){const e=r(B);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const q=({children:a})=>{const{isOpen:t,onToggle:n,onClose:i}=A();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:i}):a)},U=({children:a})=>e.createElement(H,null,e.createElement(q,null,a)),j=({items:a,alignItemsEnd:t=!1})=>{const n=u("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:i,buttonId:l}=A();return e.createElement("div",{className:n,role:"presentation"},e.createElement(R,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":l,items:a}))},Y=({children:a,iconName:t="chevron-down","aria-label":n,size:i="lg",variant:l="secondary"})=>{const r=u({"maxio-action-menu__chevron":"chevron-down"===t}),o=u("maxio-button",`maxio-button--${l}`,`maxio-button--${i}`,{"maxio-button--icon":t&&!a}),{isOpen:s,buttonId:c,controlsId:m}=A();return e.createElement("summary",{className:o,"aria-haspopup":"true","aria-label":n,"aria-expanded":s,"aria-controls":m,id:c},e.createElement("div",{className:"maxio-header-button__content"},a&&e.createElement("span",null,a),t&&e.createElement(z,{variant:t,className:`${r} maxio-button__trailing-element`})))},G=({className:a,src:t,alt:n="avatar"})=>e.createElement("img",{className:u("maxio-avatar",a),alt:n,src:t}),K=({icon:a,variant:t="default"})=>e.createElement("i",{className:u("maxio-brand-logo",`maxio-brand-logo-${a}`,{[`maxio-brand-logo--${t}`]:"default"!==t})}),X=({children:a,size:t="sm",disabled:n,external:i,icon:l,variant:r,underline:o,...s})=>{const c=u("maxio-link",{[`maxio-link--${t}`]:t,"maxio-link--disabled":n,[`maxio-link--${r}`]:r,"maxio-link--underline":o}),m=i?"_blank":"_self";return e.createElement("a",{className:c,target:m,...s},a,l&&e.createElement(z,{variant:l,className:"maxio-link__icon"}))},J=({children:a,className:t,to:n,...i})=>{const l=n?e.createElement(X,{size:"sm",href:n},a):a;return e.createElement("li",{className:u("maxio-breadcrumbs__item",t),...i},l)},Q="Breadcrumbs requires at least one BreadcrumbsItem as children",Z='Last BreadcrumbsItem should not have "to" prop. It is the current page.',ee="Breadcrumbs only accepts BreadcrumbsItem as children",ae=({className:a,children:t,...n})=>{const i=o.count(t);if(0===i)throw new Error(Q);const l=o.map(t,((e,a)=>{if(s(e)&&e.type==J){if(a===i-1&&e.props.to)throw new Error(Z);return c(e,{"aria-current":a===i-1?"page":void 0})}throw new Error(ee)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:u("maxio-breadcrumbs",a)},l))},te=({size:a="md",white:t=!1,className:n})=>{const i=u("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":t});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},ne=({children:t,loading:n=!1,fullWidth:i=!1,className:l,variant:r="primary",size:o="lg",disabled:s,icon:m,as:d="button",href:v,...h})=>{const x=a(null),{buttonProps:g}=p({...h,isDisabled:s},x),b=u("maxio-button",l,{[`maxio-button--${o}`]:o,[`maxio-button--${r}`]:r,"maxio-button--loading":n,"maxio-button--full-width":i}),f=["primary","secondary","danger"].includes(r),E={...h["aria-label"]&&{"aria-label":h["aria-label"]},...v&&{href:v},..."button"===d?g:{}};return e.createElement(d,{...E,className:b},t,e.createElement("div",{className:"maxio-button__icon-container"},!n&&m&&c(m,{className:"maxio-button__trailing-element"}),n&&e.createElement(te,{className:"maxio-button__trailing-element",size:"md",white:f})))},ie=({icon:a,as:t,href:n,...i})=>e.createElement(ne,{as:t,href:n,icon:a,className:"maxio-button--icon",...i},null),le=({children:a,as:t,iconName:n,noPadding:i,className:l,...r})=>{const o=e.useRef(null);let{buttonProps:s}=p(r,o),{linkProps:c}=h(r,o);const m="a"===t?c:s,d=t||"button";return e.createElement(d,{className:u("maxio-header-button",l,{"maxio-header-button--no-padding":i}),ref:o,...m},e.createElement("div",{className:"maxio-header-button__content"},a||null,n&&e.createElement(z,{variant:n})))},re=({className:a,sidebarToggleVisible:i=!0,sidebarToggleExpanded:l=!0,variant:r="grey",socket:o,rightSocket:s,onClickSidebarIcon:c})=>{const[m,d]=n(l);t((()=>{d(l)}),[l]);const v=u("maxio-header",a,{[`maxio-header--bar-${r}`]:r});return e.createElement("nav",{className:v},i&&e.createElement(le,{"aria-label":"toggle sidebar",className:m?"":"maxio-header__menu-toggle--active",iconName:m?"menu-chevron-left":"menu-chevron-right",onClick:()=>{d((e=>(c&&c(!e),!e)))}}),e.createElement("a",{className:"maxio-header__brand",href:"/","aria-label":"Maxio"}),o&&e.createElement("div",{className:"maxio-header__socket"},o),s&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},s))},oe=({items:a})=>e.createElement("ul",{className:"maxio-header-nav"},a.map((({label:a,id:t,isActive:n,...i})=>e.createElement("li",{className:"maxio-header-nav__item",key:`header-nav-list-item-${t}`},e.createElement("a",{className:u("maxio-header-nav__link",{"maxio-header-nav__link--active":n}),...i},a))))),se=({className:a,innerRef:t,...n})=>{const[i,l]=e.useState(n.value||""),{inputProps:r}=x({value:n.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:i,setValue:l},t);return e.createElement("div",{className:u("maxio-header-search-field",a)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(z,{variant:"search"})),e.createElement("input",{ref:t,className:"maxio-header-search-field__input",type:"search",...r}))};se.displayName="SearchField";const ce=({options:a,innerRef:t,...n})=>e.createElement("div",{className:"maxio-header-search-menu",role:"button"},e.createElement("select",{name:"entity",className:"maxio-header-search-menu__select","aria-label":"Menu",ref:t,...n},a.map((({label:a,value:t})=>e.createElement("option",{key:`${a}-${t}`,value:t},a)))),e.createElement("div",{className:"maxio-header-search-menu__icon"},e.createElement(z,{variant:"chevron-down"})));ce.displayName="SearchMenu";const me=({options:t,onSubmit:n})=>{const i=a(null),l=a(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,t,r,o;e.preventDefault(),n({searchField:null!==(t=null===(a=i.current)||void 0===a?void 0:a.value)&&void 0!==t?t:"",selectField:null!==(o=null===(r=l.current)||void 0===r?void 0:r.value)&&void 0!==o?o:""})}},e.createElement(ce,{innerRef:l,options:t}),e.createElement(se,{innerRef:i}),e.createElement(le,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},de={click:k,hover:I,focus:C,dismiss:O},ue=(e,a)=>a.map((a=>de[a](e))),ve=({placement:e="top",isActive:n=!1,interactions:i=["hover"],floatingElementOffset:l=0,onOverlayUpdate:r,autoHideMs:o})=>{const s=a(null),{strategy:c,x:m,y:d,context:u,floating:v,reference:p}=$({placement:e,open:n,onOpenChange:e=>r(e),middleware:[S(l)]}),{getReferenceProps:h,getFloatingProps:x}=P([...ue(u,i),V(u,{role:"tooltip"})]);t((()=>{s.current&&clearTimeout(s.current),n&&o&&(s.current=window.setTimeout((()=>r(!1)),o))}),[n,o]);return{isActive:n,refs:{floating:v,reference:p},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:h,getFloatingProps:x}};function pe(e,i=0){const l=a((new Date).getTime()),r=a((new Date).getTime()),[o,s]=n(!1);return t((()=>{const a=()=>{l.current=(new Date).getTime(),s(!0)},t=()=>{r.current=(new Date).getTime(),window.setTimeout((()=>{l.current-r.current<=0&&s(!1)}),i)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",t)),()=>{n&&(n.removeEventListener("mouseenter",a),n.removeEventListener("mouseleave",t))}}),[e]),o}function he(e=500){const[i,l]=n((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),r=a(null);return t((()=>{const a=()=>{var a;const{innerWidth:t,innerHeight:n}=window;window.clearTimeout(null!==(a=r.current)&&void 0!==a?a:void 0),r.current=window.setTimeout((()=>{l({windowWitdh:t,windowHeight:n})}),e)};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}}),[e]),i}const xe=({children:a,usePortal:t=!1,isActive:n=!1,placement:i="top",interactions:l=["hover"],role:r="tooltip",renderOverlay:o,floatingElementOffset:s,motionSettings:c={},autoHideMs:m,onOverlayUpdate:d,className:v})=>{const{getReferenceProps:p,getFloatingProps:h,refs:{floating:x,reference:g},floatingElementCSSPosition:b}=ve({role:r,isActive:n,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:l,placement:i}),f=e.createElement(w,null,n&&e.createElement(y.div,{ref:x,style:b,...c,...h()},o()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:g,className:u("maxio-inline-flex",v),...p(),"data-testid":"overlay-trigger"},a),t?e.createElement(T,{id:"maxio-ui-portal"},f):f)},ge=({label:a,helperText:t,size:n="md",variant:i="default",status:l,value:r,maxValue:o=100})=>{const s=v(),c=v(),m=l&&!!a&&!!r&&!("inline"===i),d=t&&!("inline"===i),p=t&&"inline"===i,{progressBarProps:h,labelProps:x}=g({maxValue:o,value:r,label:a}),b=u("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===n,"maxio-progress-bar--success":r&&!("inline"===i)&&"success"===l,"maxio-progress-bar--error":r&&!("inline"===i)&&"error"===l,"maxio-progress-bar--indent":"indent"===i,"maxio-progress-bar--inline":"inline"===i,"maxio-progress-bar--indeterminate":void 0===r});return e.createElement("div",{className:b,...h},e.createElement("div",{id:s,className:"maxio-progress-bar__label",...x},a),p&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${r}%`}})),m&&e.createElement("div",{className:`maxio-progress-bar__${l}-icon`}),d&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},be=({children:a,arrowPosition:t,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:u("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${t}`]:t})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},a)),fe={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},Ee=({children:a,interactions:t=["hover"],placement:i="right",maxWidth:l=160,size:r="regular",renderContent:o,autoHideMs:s,isVisible:c,usePortal:u,className:v,onVisibilityUpdate:p,floatingElementOffset:h=5})=>{const[x,g]=n(!1),b=void 0!==c,f=m((e=>{b||g(e),p&&p(e)}),[c]),E=d((()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(i)),[i]);return e.createElement(xe,{role:"tooltip",className:v,floatingElementOffset:h,motionSettings:E,isActive:b?c:x,onOverlayUpdate:f,autoHideMs:s,usePortal:u,placement:i,interactions:t,renderOverlay:()=>e.createElement(be,{size:r,arrowPosition:fe[i],maxWidth:l},o())},a)},_e=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(Ee,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(z,{variant:a,className:l}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(z,{variant:t}))),Ne=i({}),we=()=>r(Ne),ye=({children:a,isOpen:i,onChange:l,withIcons:r=!0,sections:o,shouldToggleSidebar:s=!0,topDropdownItems:c,collapseBreakpoint:m=800})=>{const[d,u]=n((()=>!s||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>m)));t((()=>{"boolean"==typeof i&&(u(i),l&&l(i))}),[i]);const[v,p]=n(o),h=()=>{u(!1),l&&l(!1)},{windowWitdh:x}=he(200);t((()=>{!function(e){if(!s)return;e<m&&d&&h()}(x)}),[x]),t((()=>{!function(){const e=g();e&&p((a=>a.map((a=>{var t;return{...a,...(null===(t=a.items)||void 0===t?void 0:t.includes(e))&&{isCurrent:!0,isOpen:!0}}}))))}()}),[]);return e.createElement(Ne.Provider,{value:{sections:v,topDropdownItems:c,onSectionOpen:e=>{const a=g();p((t=>t.map((t=>{var n;if(!d)return{...t,isOpen:t.name===e};const i=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:i}}))))},isOpen:d,onOpen:()=>{u(!0),l&&l(!0)},onClose:h,onToggle:()=>{u((e=>(l&&l(!e),!e)))},withIcons:r}},a);function g(){return v.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},ke=()=>{const{onOpen:t,topDropdownItems:n,isOpen:i}=we(),{mainItem:l,otherItems:r,actions:o}=n,s=a(null),c=pe(s),m=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),u=d((()=>[...r.map(m),(null==r?void 0:r.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(m)].filter((e=>null!=e))),[o,r]),v=r.length+o.length;return e.createElement(e.Fragment,null,0===v?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:l.url,onClick:t},e.createElement("span",{className:"maxio-side-nav__menu-title"},l.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:t,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:s},l.url?e.createElement(e.Fragment,null,e.createElement(_e,{type:"menu",isTooltipVisible:!i&&c,leadingIcon:l.icon,trailingIcon:"chevron-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(_e,{type:"menu",trailingIcon:"chevron-down"},l.title)),e.createElement(R,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},Ie=({section:t})=>{var n;const{isOpen:i,withIcons:l}=we(),r=a(null),o=pe(r);return e.createElement("li",{className:"maxio-side-nav__item","data-key":t.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":t.isCurrent?"page":void 0,role:"button",href:t.href,ref:r},e.createElement(_e,{isTooltipVisible:o&&!i,type:"menu",leadingIcon:l&&null!==(n=t.icon)&&void 0!==n?n:void 0},t.name)))},Ce=({section:t})=>{var n,i,l;const{onOpen:r,onSectionOpen:o,isOpen:s,withIcons:c}=we();const m=d((()=>{var e;const a=null===(e=t.items)||void 0===e?void 0:e.some((e=>e.isCurrent));return s?t.isCurrent&&!a||!t.isOpen&&t.isCurrent:t.isCurrent}),[t,s]),v=a(null),p=pe(v);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(Ie,{section:t}):e.createElement("li",{className:u("maxio-side-nav__item",{"maxio-side-nav__item--active":m,"maxio-side-nav__item--icon":c}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:v,"aria-expanded":t.isOpen,"aria-current":m?"page":void 0,type:"button",onClick:function(){o(t.name),r()}},e.createElement(_e,{type:"menu",isTooltipVisible:!s&&p,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(i=t.items)||void 0===i?void 0:i.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__menu"},null===(l=t.items)||void 0===l?void 0:l.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name)))))))},Oe=()=>{const{sections:a}=we();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(Ce,{key:`section-${a.name}`,section:a}))))},$e=()=>{const{isOpen:a}=we();return e.createElement("nav",{className:u("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement("div",null,e.createElement(ke,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(Oe,null)))},Se=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i,collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(ye,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement($e,null)),Pe=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],Ve=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(Ee,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(o=a,Pe.includes(o)?e.createElement(K,{icon:a}):e.createElement(z,{variant:a,className:l})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(z,{variant:t})));var o},Te=e=>"heading"!==e.type,De=e=>{const a=(e=>e.flat().filter(Te).map((e=>e.items)).flat().find((e=>null==e?void 0:e.isCurrent)))(e);return a?e.map((e=>e.map((e=>{var t;return Te(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},Fe=i({}),Me=()=>r(Fe),ze=({children:i,isOpen:l,onChange:r,withIcons:o=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=a(!1),[v,p]=n((()=>!c||("boolean"==typeof l?l:"undefined"==typeof window||window.innerWidth>d))),[h,x]=n((()=>De(s))),{windowWitdh:g}=he(200);t((()=>{u.current&&(null==r||r(v))}),[v,r]),t((()=>{u.current=!0}),[]),t((()=>{!function(e){if(!c)return;e<d&&v&&b()}(g)}),[g]),t((()=>{"boolean"==typeof l&&p(l)}),[l]);const b=()=>{p(!1)};return e.createElement(Fe.Provider,{value:{sections:h,topDropdownItems:m,onSectionOpen:e=>{x((a=>a.map((a=>a.map((a=>Te(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:v,onOpen:()=>{p(!0)},onClose:b,withIcons:o,shouldToggleSidebar:c}},i)},Le=()=>{const{onOpen:t,topDropdownItems:n,isOpen:i}=Me(),{mainItem:l,otherItems:r,actions:o}=n,s=a(null),c=pe(s),m=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:u,itemsCount:v}=d((()=>({itemsCount:r.length+o.length,items:[...r.map(m),(null==r?void 0:r.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(m)].filter((e=>null!=e))})),[o,r]);return e.createElement(e.Fragment,null,0===v?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:l.url,onClick:t},e.createElement("span",{className:"maxio-side-nav-v2__menu-title"},l.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav-v2--action-menu"},e.createElement("summary",{onClick:t,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:s},l.url?e.createElement(e.Fragment,null,e.createElement(Ve,{type:"menu",isTooltipVisible:!i&&c,leadingIcon:l.icon,trailingIcon:"chevron-up-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(Ve,{type:"menu",trailingIcon:"chevron-up-down"},l.title)),e.createElement(R,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},We=({section:t})=>{const{isOpen:n,withIcons:i}=Me(),l=a(null),r=pe(l);return e.createElement("li",{className:"maxio-side-nav-v2__item","data-key":t.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav-v2__link","aria-current":t.isCurrent?"page":void 0,role:"button",href:t.href,ref:l},e.createElement(Ve,{isTooltipVisible:r&&!n,type:"menu",leadingIcon:i?t.icon:void 0},t.name)))},Re=({section:t})=>{var n,i;const{onOpen:l,onSectionOpen:r,isOpen:o,withIcons:s}=Me(),c=a(null),m=pe(c);if(!Te(t))return e.createElement("li",{className:"maxio-side-nav-v2__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(We,{section:t}):e.createElement("li",{className:u("maxio-side-nav-v2__item",{"maxio-side-nav-v2__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav-v2__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{r(t.name),l()}},e.createElement(Ve,{type:"menu",isTooltipVisible:!o&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(n=t.items)||void 0===n?void 0:n.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav-v2__menu"},null===(i=t.items)||void 0===i?void 0:i.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav-v2__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav-v2__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav-v2__link-title"},a.name)))))))},Be=()=>{const{sections:a}=Me();return e.createElement(e.Fragment,null,a.map(((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav-v2__items",key:`section-list-${t}`},a.map(((a,n)=>e.createElement(Re,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},He=()=>{const{onClose:a,shouldToggleSidebar:t}=Me();return e.createElement("div",{className:"maxio-side-nav-v2__logo-container"},e.createElement("a",{className:"maxio-side-nav-v2__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav-v2__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(z,{variant:"sidebar"})))},Ae=()=>{const{isOpen:a}=Me();return e.createElement("nav",{className:u("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!a})},e.createElement(He,null),e.createElement(Le,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(Be,null)))},qe=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:i=[],collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(ze,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(Ae,null)),Ue=i({}),je=()=>r(Ue),Ye=({children:a,variant:i="line",withDivider:l=!1,defaultIndex:r=0,onChange:o,index:s})=>{const[c,m]=n((()=>void 0!==s?s:r));t((()=>{void 0===s&&m(r),"number"==typeof s&&m(s)}),[r,s]);return e.createElement(Ue.Provider,{value:{currentIndex:c,variant:i,withDivider:l,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof o&&o(a)}}},a)},Ge=({disabled:n=!1,value:i=0,isCurrent:l,...r})=>{const{onChange:o,currentIndex:s}=je(),c=u("maxio-tabs__tab",{"maxio-tabs__tab--active":s===i,"maxio-tabs__tab--disabled":n,"maxio-tabs__tab--icon":"icon"===r.type}),m=()=>{o(i)},d={"aria-selected":l,id:`tab-${i}`,"aria-controls":`panel-${i}`,role:"tab",tabIndex:l?0:-1},v=a(null),p=a(!1);if(t((()=>{var e;l&&p.current&&(null===(e=v.current)||void 0===e||e.focus())}),[l]),t((()=>{p.current=!0}),[]),"icon"===r.type){const{icon:a,...t}=r;return e.createElement("div",{className:c,ref:v,onClick:m,...d,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:h,rightIcon:x,...g}=r;return e.createElement("div",{ref:v,className:c,onClick:m,...d,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},h,x||null))},Ke=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,index:l,onChange:r})=>e.createElement(Ye,{defaultIndex:i,variant:t,withDivider:n,index:l,onChange:r},a),Xe=({children:a,value:t,...n})=>{const{currentIndex:i}=je();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:i!==t},a)},Je=({children:a})=>{const{currentIndex:t}=je();return e.createElement(e.Fragment,null,o.map(a,((e,a)=>{if(s(e)&&e.type===Xe)return a===t?c(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},Qe=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?Qe(e-1,a,t||e):e-1,Ze=({children:t,className:n,ariaLabel:i,...l})=>{const{variant:r,withDivider:m,currentIndex:d,onChange:v}=je(),p=u("maxio-tabs",n,{"maxio-tabs--contained":"contained"===r,"maxio-tabs--divider":m}),h=a(null),x=()=>o.map(t,(e=>e.props));return e.createElement("div",{className:p,role:"tablist","aria-label":i,"aria-orientation":"horizontal",ref:h,onKeyDown:e=>{var a;"ArrowRight"===e.key&&v((e=>((e,a)=>{const t=a.findIndex(((a,t)=>!a.disabled&&t>e));return-1===t?e:t})(e,x()))),"ArrowLeft"===e.key&&v((e=>Qe(e,x()))),null===(a=h.current)||void 0===a||a.focus()},...l},o.map(t,((e,a)=>{if(s(e)&&e.type===Ge)return c(e,{value:a,isCurrent:d===a});throw new Error("You can only pass <Tab /> component as children")})))},ea=({children:a,size:t="md",sentiment:n="default",kind:i="primary",leadingIcon:l,trailingIcon:r})=>{const o=u("maxio-tag",`maxio-tag--${t}`,`maxio-tag--${i}`,`maxio-tag--${n}`);return e.createElement("div",{className:o},l&&e.createElement(z,{variant:l,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),r&&e.createElement(z,{variant:r,className:"maxio-tag__icon"}))},aa=({children:a,className:t,href:n,onClick:i,target:l,disabled:r})=>{const o=n||i;if(!o)return e.createElement("div",{className:"maxio-tile"},a);const s=u("maxio-tile",t,{"maxio-tile--clickable":o,"maxio-tile--disabled":r});return e.createElement("a",{className:s,href:n,target:l,onClick:e=>{r&&n&&e.preventDefault(),!r&&i&&i()}},a)},ta=({defaultChecked:a,checked:t,onChange:n,disabled:i,valueDescription:r,valueDescriptionPosition:o,className:s,name:c,id:d,...v})=>{const p=l(),h="boolean"==typeof a,x=d||p,g="left"===o?"row":"row-reverse",b=r&&o,f=m((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;h&&(e.currentTarget.checked=!a),n&&n(!a,e)}}),[h,n]),E=v["aria-label"]||(b?void 0:r);return e.createElement("div",{className:u("maxio-toggle",s,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:g},"data-testid":"toggle-container"},b?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},r):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:a,checked:t,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:f,disabled:i,className:"maxio-toggle__checkbox",id:x,name:c,"aria-label":E}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":t,"aria-hidden":"true"},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},na=({basis:a,flex:t,flexDirection:n="row",wrap:i,grow:l,shrink:r,gap:o,gapX:s,gapY:c,className:m,children:d,alignItems:v,justifyContent:p,container:h=!1,...x})=>{const g=u({"maxio-flex":h,[`maxio-flex-${t}`]:t,[`maxio-basis-${a}`]:void 0!==a,[`maxio-flex-${n}`]:n,[`maxio-flex-${i}`]:i,[`maxio-grow-${l}`]:void 0!==l,[`maxio-shrink-${r}`]:void 0!==r,[`maxio-gap-${o}`]:void 0!==o,[`maxio-gap-x-${s}`]:void 0!==s,[`maxio-gap-y-${c}`]:void 0!==c,[`maxio-flex-${v}`]:v,[`maxio-justify-${p}`]:p},m);return e.createElement("div",{className:g,...x},d)},ia=({children:a,actions:t,sideNavIsClosed:n,openSideNav:i})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(ie,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(z,{variant:"sidebar"}),onClick:i}),e.createElement(na,{container:!0,flex:"grow",justifyContent:"end"},a),t),la=({as:a="div",children:t,compact:n=!1,size:i="md",className:l,...r})=>{const o=a,s=u({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},l);return e.createElement(o,{className:s,...r},t)},ra={sm:"h3",md:"h2",lg:"h1"},oa=({children:a,size:t="sm",className:n,...i})=>{const l=ra[t],r=u(`maxio-heading-${t}`,n);return e.createElement(l,{className:r,...i},a)},sa=({as:a="div",children:t,size:n="md",className:i,...l})=>{const r=a,o=u(`maxio-display-${n}`,i);return e.createElement(r,{className:o,...l},t)},ca=({as:a="div",children:t,className:n,...i})=>{const l=a,r=u("maxio-code",n);return e.createElement(l,{className:r,...i},t)},ma=({as:a="div",children:t,size:n="sm",className:i,...l})=>{const r=a,o=u(`maxio-label-${n}`,i);return e.createElement(r,{className:o,...l},t)},da=i({}),ua=()=>r(da),va=({name:a,values:t,onChange:i,disabled:l=!1,invalid:r=!1,children:o})=>{const[s,c]=n(null!=t?t:[]);return e.createElement(da.Provider,{value:{disabled:l,invalid:r,name:a,values:s,onChange:e=>{let a=[];a=s.includes(e)?s.filter((a=>a!==e)):[...s,e],c(a),i&&i(a)}}},o)},pa=({label:t,error:n=!1,className:i,indeterminate:l,...r})=>{var o;const s=a(null),{name:c,disabled:m,invalid:d,onChange:v,values:p=[]}=ua(),h=!!c,x=null!=m?m:r.disabled,g=null!=d?d:n,f=null!==(o=r.value)&&void 0!==o?o:"",E=h?p.includes(f):r.checked,_=u("maxio-checkbox",{"maxio-checkbox--checked":E,"maxio-checkbox--disabled":x,"maxio-checkbox--error":g,"maxio-checkbox--indeterminate":l},i),{inputProps:N}=b({value:f,"aria-label":null!=t?t:r["aria-label"]},{isDisabled:null!=x&&x,isReadOnly:null!=x&&x,setValue:v,addValue:v,toggleValue:v,removeValue:v,value:p,isSelected:e=>p.includes(e),validationState:n?"invalid":"valid",isInvalid:!!n},s);return e.createElement("label",{className:_},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:s,...h?N:r}),e.createElement("span",{className:"maxio-checkbox__control"},n&&e.createElement("span",{className:"maxio-checkbox__control-error"})),t&&e.createElement("span",{className:"maxio-checkbox__label"},t))},ha=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-helper-text",t),...n},a),xa=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-error",t),...n},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},a)),ga=({className:a,children:t,label:n,errorMessage:i,helperText:l,disabled:r})=>{const{values:o=[],onChange:s,name:c}=ua(),{descriptionProps:m,errorMessageProps:d,groupProps:v,labelProps:p}=f({name:c,label:n},{validationState:i?"invalid":"valid",isDisabled:null!=r&&r,isInvalid:!!i,isReadOnly:null!=r&&r,setValue:s,addValue:s,toggleValue:s,removeValue:s,value:o,isSelected:e=>o.includes(e)}),h=u("maxio-checkbox-group",{"maxio-checkbox-group--disabled":r},a),x=l&&!i;return e.createElement("div",{className:h,...v},n&&e.createElement("label",{className:"maxio-checkbox-group__label",...p},n),t,x&&e.createElement(ha,{...m},l),i&&e.createElement(xa,{...d},i))},ba=a=>e.createElement(va,{...a},e.createElement(ga,{...a},a.children)),fa=i({}),Ea=()=>r(fa),_a=({children:a,onChange:i,value:l,defaultValue:r="",name:o,indent:s,disabled:c})=>{const[m,d]=n(r),[u,v]=n(null);t((()=>{d(null!=l?l:r)}),[l]);return e.createElement(fa.Provider,{value:{onChange:e=>{d(e),i&&i(e)},name:o,value:m,indent:s,disabled:c,lastFocusedValue:u,setLastFocusedValue:v}},a)},Na=({indent:t=!1,disabled:n=!1,invalid:i=!1,label:l,...r})=>{const o=a(null),{disabled:s,indent:c,invalid:m,name:d,onChange:v,value:p,setLastFocusedValue:h=(()=>{}),lastFocusedValue:x=null}=Ea(),g=!!d,b=m||i,f=s||n,_=u("maxio-radio",{"maxio-radio--indent":c||t,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:N}=E({...r,children:l,value:(r.value||"").toString()},{isDisabled:f,isReadOnly:f,isRequired:!1,name:d,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=p?p:null,setSelectedValue:v,setLastFocusedValue:h,lastFocusedValue:x},o);return e.createElement("label",{className:_},e.createElement("input",{ref:o,type:"radio",className:"maxio-radio__input",...g?N:r}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},l))},wa=({children:a,label:t,errorMessage:n,helperText:i,disabled:l=!1,invalid:r=!1})=>{const{name:o,onChange:s,value:c,lastFocusedValue:m,setLastFocusedValue:d}=Ea(),{radioGroupProps:u,labelProps:v,descriptionProps:p,errorMessageProps:h}=_({name:o,label:t},{name:o,validationState:r?"invalid":"valid",isDisabled:l,isInvalid:r,isReadOnly:l,isRequired:!1,selectedValue:c,lastFocusedValue:m,setLastFocusedValue:d,setSelectedValue:s});return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...u},t&&e.createElement("label",{className:"maxio-radio-group__label",...v},t),a,n&&r&&e.createElement(xa,{...h},n),i&&!n&&e.createElement(ha,{...p},i)))},ya=a=>e.createElement(_a,{...a},e.createElement(wa,{...a},a.children)),ka=({disabled:t=!1,invalid:n=!1,readOnly:i=!1,size:l="md",variant:r="primary",label:o,helperText:s,errorMessage:c,leadingElement:m=null,trailingElement:d=null,onChange:v,fullWidth:p,...h})=>{var x,g;const b=a(null),{labelProps:f,inputProps:E,descriptionProps:_,errorMessageProps:w}=N({...h,label:o,description:s,errorMessage:c,defaultValue:null===(x=h.defaultValue)||void 0===x?void 0:x.toString(),value:null===(g=h.value)||void 0===g?void 0:g.toString()},b),y=u("maxio-text-field",`maxio-text-field--${r}`,`maxio-text-field--${l}`,{"maxio-text-field--disabled":t,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":p}),k=n&&c;return e.createElement("div",{className:y},o&&e.createElement("label",{className:"maxio-text-field__label",...f},o),e.createElement("div",{className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(z,{variant:"warning-circle-fill"})),e.createElement("input",{ref:b,type:"text",className:"maxio-text-field__input",...E,onChange:v}),d&&!n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),s&&!k&&e.createElement("div",{className:"maxio-form-helper-text",..._},s),k&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},c)))},Ia=({options:a,label:t,variant:n="primary",size:i="md",inline:l=!1,disabled:r=!1,readOnly:o=!1,helperText:s,errorMessage:c,...m})=>{const d=u("maxio-select",`maxio-select--${n}`,`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--read-only":o,"maxio-select--inline":l,"maxio-select--error":!!c}),p=v();return e.createElement("div",{className:d},t&&e.createElement("label",{htmlFor:p,className:"maxio-select__label"},t),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:p,className:"maxio-select__input",disabled:r||o,...m},a.map((a=>e.createElement("option",{key:`option-${a.value}`,value:a.value},a.label)))),e.createElement("div",{className:"maxio-select__icons-container"},!!c&&e.createElement(z,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(z,{variant:"chevron-down"}))),!!c&&e.createElement("div",{className:"maxio-select__error-text"},c),s&&!c&&e.createElement("div",{className:"maxio-select__helper-text"},s))};export{R as ActionList,G as Avatar,la as Body,K as BrandLogo,ae as Breadcrumbs,J as BreadcrumbsItem,ne as Button,pa as Checkbox,ba as CheckboxGroup,ca as Code,sa as Display,xa as FormErrorMessage,ha as FormHelperText,re as Header,le as HeaderButton,oe as HeaderNav,se as HeaderSearchField,me as HeaderSearchInput,ce as HeaderSearchMenu,oa as Heading,z as Icon,ie as IconButton,ma as Label,X as Link,te as LoadingSpinner,U as Menu,Y as MenuButton,j as MenuList,xe as OverlayTrigger,ge as ProgressBar,Na as Radio,ya as RadioGroup,Ia as Select,Se as SideNav,qe as SideNavV2,Ge as Tab,Ze as TabList,Xe as TabPanel,Je as TabPanels,Ke as Tabs,ea as Tag,ka as TextInput,aa as Tile,ta as Toggle,be as Tooltip,Ee as TooltipTrigger,ia as TopBar,pe as useHover,ve as useOverlayTrigger,he as useWindowSize};

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),a=require("classnames"),t=require("react-aria"),n=require("framer-motion"),i=require("@floating-ui/react-dom-interactions");const l=["address-card","arrow-down","arrow-down-left","arrow-down-left-long","arrow-down-long","arrow-down-right","arrow-down-right-long","arrow-down-up","arrow-left","arrow-left-long","arrow-left-right","arrow-right","arrow-right-long","arrow-turn-down-right","arrow-up","arrow-up-left","arrow-up-left-long","arrow-up-long","arrow-up-right","arrow-up-right-long","bank","bar-chart","briefcase","building","business-intelligence","caret-down","caret-left","caret-right","caret-up","chat","check","check-box","check-box-checked","check-box-checked-fill","check-box-indeterminate-fill","check-circle","check-circle-fill","chevron-down","chevron-left","chevron-right","chevron-up","chevron-up-down","circle","circle-half-stroke-small","circle-small-dash","circle-small-fill","circle-small-stroke","clipboard","cloud","cog","copy-file","credit-card","cross","cross-circle","cross-circle-fill","dashboard","diamond-small-fill","document","document-blank","dollar","dot-circle-fill","dot-fill","error","error-fill","error-small-fill","globe","graph","home","info-circle","info-circle-fill","life-ring","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","sidebar"],r=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),o=["cloud","globe","life-ring","sidebar"],s=({variant:t,white:n,className:i})=>{const s=r.get(t)||t,c=l.includes(s)&&!o.includes(s),m=a({"fa-kit":c,"fa-sharp fa-regular":!c},`fa-${s}`,n&&"maxio-icon--white",i);return e.createElement("i",{className:m})},c=({item:n,isSelected:i,truncateLabel:l=!1,role:r="option"})=>{const o=e.useRef(null),c=e.useRef(!1),m=t.useId();if(e.useEffect((()=>{var e;i&&c.current&&(null===(e=o.current)||void 0===e||e.focus())}),[i]),e.useEffect((()=>{c.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,trailingIconName:u,label:p,description:v,link:x}=n,h=a("maxio-action-list__label",{"maxio-truncate":l});return e.createElement("a",{"aria-labelledby":m,...x,className:"maxio-action-list__content",tabIndex:i?0:-1,ref:o,role:r},d&&e.createElement(s,{variant:d,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:h,id:m},p),v&&e.createElement("span",{className:"maxio-action-list__description"},v),u&&e.createElement(s,{variant:u,className:"maxio-action-list__trailing-icon"}))},m=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?m(e-1,a,t||e):e-1,d=({items:t,isShadowed:n=!0,itemProps:i={},className:l,truncateLabels:r=!1,...o})=>{const s=a("maxio-action-list",l,{"maxio-action-list--shadow":n}),[d,u]=e.useState((()=>t.findIndex((e=>"divider"!==e.type))));return 0===t.length?null:e.createElement("div",{className:s,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[d];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),u((e=>m(e,t)))),"ArrowDown"===e.code&&(e.preventDefault(),u((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,t))))},role:"listbox",...o},t.map(((a,t)=>e.createElement(c,{item:a,truncateLabel:r,key:`listbox-${a.id}`,isSelected:t===d,...i}))))},u=e.createContext({}),p=({children:a})=>{const[t,n]=e.useState(!1),i=e.useId(),l=e.useId();return e.createElement(u.Provider,{value:{controlsId:i,buttonId:l,isOpen:t,onClose:()=>n(!1),onOpen:()=>n(!0),onToggle:()=>n((e=>!e))}},a)};function v(){const a=e.useContext(u);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const x=({children:a})=>{const{isOpen:t,onToggle:n,onClose:i}=v();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:i}):a)},h=({icon:t,variant:n="default"})=>e.createElement("i",{className:a("maxio-brand-logo",`maxio-brand-logo-${t}`,{[`maxio-brand-logo--${n}`]:"default"!==n})}),g={click:i.useClick,hover:i.useHover,focus:i.useFocus,dismiss:i.useDismiss},b=(e,a)=>a.map((a=>g[a](e))),f=({placement:a="top",isActive:t=!1,interactions:n=["hover"],floatingElementOffset:l=0,onOverlayUpdate:r,autoHideMs:o})=>{const s=e.useRef(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:v}=i.useFloating({placement:a,open:t,onOpenChange:e=>r(e),middleware:[i.offset(l)]}),{getReferenceProps:x,getFloatingProps:h}=i.useInteractions([...b(u,n),i.useRole(u,{role:"tooltip"})]);e.useEffect((()=>{s.current&&clearTimeout(s.current),t&&o&&(s.current=window.setTimeout((()=>r(!1)),o))}),[t,o]);return{isActive:t,refs:{floating:p,reference:v},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:x,getFloatingProps:h}};function E(a,t=0){const n=e.useRef((new Date).getTime()),i=e.useRef((new Date).getTime()),[l,r]=e.useState(!1);return e.useEffect((()=>{const e=()=>{n.current=(new Date).getTime(),r(!0)},l=()=>{i.current=(new Date).getTime(),window.setTimeout((()=>{n.current-i.current<=0&&r(!1)}),t)},o=a&&a.current;return o&&(o.addEventListener("mouseenter",e),o.addEventListener("mouseleave",l)),()=>{o&&(o.removeEventListener("mouseenter",e),o.removeEventListener("mouseleave",l))}}),[a]),l}function _(a=500){const[t,n]=e.useState((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),i=e.useRef(null);return e.useEffect((()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:l}=window;window.clearTimeout(null!==(e=i.current)&&void 0!==e?e:void 0),i.current=window.setTimeout((()=>{n({windowWitdh:t,windowHeight:l})}),a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[a]),t}const N=({children:t,usePortal:l=!1,isActive:r=!1,placement:o="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:v,className:x})=>{const{getReferenceProps:h,getFloatingProps:g,refs:{floating:b,reference:E},floatingElementCSSPosition:_}=f({role:c,isActive:r,onOverlayUpdate:v,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:o}),N=e.createElement(n.AnimatePresence,null,r&&e.createElement(n.motion.div,{ref:b,style:_,...u,...g()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:E,className:a("maxio-inline-flex",x),...h(),"data-testid":"overlay-trigger"},t),l?e.createElement(i.FloatingPortal,{id:"maxio-ui-portal"},N):N)},w=({size:t="md",white:n=!1,className:i})=>{const l=a("maxio-loading-spinner",i,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":n});return e.createElement("div",{className:l,role:"status","aria-label":"loading"})},y=({children:n,loading:i=!1,fullWidth:l=!1,className:r,variant:o="primary",size:s="lg",disabled:c,icon:m,as:d="button",href:u,...p})=>{const v=e.useRef(null),{buttonProps:x}=t.useButton({...p,isDisabled:c},v),h=a("maxio-button",r,{[`maxio-button--${s}`]:s,[`maxio-button--${o}`]:o,"maxio-button--loading":i,"maxio-button--full-width":l}),g=["primary","secondary","danger"].includes(o),b={...p["aria-label"]&&{"aria-label":p["aria-label"]},...u&&{href:u},..."button"===d?x:{}};return e.createElement(d,{...b,className:h},n,e.createElement("div",{className:"maxio-button__icon-container"},!i&&m&&e.cloneElement(m,{className:"maxio-button__trailing-element"}),i&&e.createElement(w,{className:"maxio-button__trailing-element",size:"md",white:g})))},k=({children:t,arrowPosition:n,size:i="regular",maxWidth:l=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${i}`,{[`maxio-tooltip--arrow-${n}`]:n})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:l}},t)),C={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},I=({children:a,interactions:t=["hover"],placement:n="right",maxWidth:i=160,size:l="regular",renderContent:r,autoHideMs:o,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,v]=e.useState(!1),x=void 0!==s,h=e.useCallback((e=>{x||v(e),d&&d(e)}),[s]),g=e.useMemo((()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(n)),[n]);return e.createElement(N,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:g,isActive:x?s:p,onOverlayUpdate:h,autoHideMs:o,usePortal:c,placement:n,interactions:t,renderOverlay:()=>e.createElement(k,{size:l,arrowPosition:C[n],maxWidth:i},r())},a)},S=({children:n,as:i,iconName:l,noPadding:r,className:o,...c})=>{const m=e.useRef(null);let{buttonProps:d}=t.useButton(c,m),{linkProps:u}=t.useLink(c,m);const p="a"===i?u:d,v=i||"button";return e.createElement(v,{className:a("maxio-header-button",o,{"maxio-header-button--no-padding":r}),ref:m,...p},e.createElement("div",{className:"maxio-header-button__content"},n||null,l&&e.createElement(s,{variant:l})))},O=({className:n,innerRef:i,...l})=>{const[r,o]=e.useState(l.value||""),{inputProps:c}=t.useSearchField({value:l.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:r,setValue:o},i);return e.createElement("div",{className:a("maxio-header-search-field",n)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(s,{variant:"search"})),e.createElement("input",{ref:i,className:"maxio-header-search-field__input",type:"search",...c}))};O.displayName="SearchField";const T=({options:a,innerRef:t,...n})=>e.createElement("div",{className:"maxio-header-search-menu",role:"button"},e.createElement("select",{name:"entity",className:"maxio-header-search-menu__select","aria-label":"Menu",ref:t,...n},a.map((({label:a,value:t})=>e.createElement("option",{key:`${a}-${t}`,value:t},a)))),e.createElement("div",{className:"maxio-header-search-menu__icon"},e.createElement(s,{variant:"chevron-down"})));T.displayName="SearchMenu";const P=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(I,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(s,{variant:a,className:l}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(s,{variant:t}))),$=e.createContext({}),V=()=>e.useContext($),R=({children:a,isOpen:t,onChange:n,withIcons:i=!0,sections:l,shouldToggleSidebar:r=!0,topDropdownItems:o,collapseBreakpoint:s=800})=>{const[c,m]=e.useState((()=>!r||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s)));e.useEffect((()=>{"boolean"==typeof t&&(m(t),n&&n(t))}),[t]);const[d,u]=e.useState(l),p=()=>{m(!1),n&&n(!1)},{windowWitdh:v}=_(200);e.useEffect((()=>{!function(e){if(!r)return;e<s&&c&&p()}(v)}),[v]),e.useEffect((()=>{!function(){const e=x();e&&u((a=>a.map((a=>{var t;return{...a,...(null===(t=a.items)||void 0===t?void 0:t.includes(e))&&{isCurrent:!0,isOpen:!0}}}))))}()}),[]);return e.createElement($.Provider,{value:{sections:d,topDropdownItems:o,onSectionOpen:e=>{const a=x();u((t=>t.map((t=>{var n;if(!c)return{...t,isOpen:t.name===e};const i=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:i}}))))},isOpen:c,onOpen:()=>{m(!0),n&&n(!0)},onClose:p,onToggle:()=>{m((e=>(n&&n(!e),!e)))},withIcons:i}},a);function x(){return d.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},D=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=V(),{mainItem:i,otherItems:l,actions:r}=t,o=e.useRef(null),s=E(o),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),m=e.useMemo((()=>[...l.map(c),(null==l?void 0:l.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(c)].filter((e=>null!=e))),[r,l]),u=l.length+r.length;return e.createElement(e.Fragment,null,0===u?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:i.url,onClick:a},e.createElement("span",{className:"maxio-side-nav__menu-title"},i.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:o},i.url?e.createElement(e.Fragment,null,e.createElement(P,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:i.icon,trailingIcon:"chevron-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(P,{type:"menu",trailingIcon:"chevron-down"},i.title)),e.createElement(d,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},F=({section:a})=>{var t;const{isOpen:n,withIcons:i}=V(),l=e.useRef(null),r=E(l);return e.createElement("li",{className:"maxio-side-nav__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:l},e.createElement(P,{isTooltipVisible:r&&!n,type:"menu",leadingIcon:i&&null!==(t=a.icon)&&void 0!==t?t:void 0},a.name)))},M=({section:t})=>{var n,i,l;const{onOpen:r,onSectionOpen:o,isOpen:s,withIcons:c}=V();const m=e.useMemo((()=>{var e;const a=null===(e=t.items)||void 0===e?void 0:e.some((e=>e.isCurrent));return s?t.isCurrent&&!a||!t.isOpen&&t.isCurrent:t.isCurrent}),[t,s]),d=e.useRef(null),u=E(d);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(F,{section:t}):e.createElement("li",{className:a("maxio-side-nav__item",{"maxio-side-nav__item--active":m,"maxio-side-nav__item--icon":c}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:d,"aria-expanded":t.isOpen,"aria-current":m?"page":void 0,type:"button",onClick:function(){o(t.name),r()}},e.createElement(P,{type:"menu",isTooltipVisible:!s&&u,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(i=t.items)||void 0===i?void 0:i.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__menu"},null===(l=t.items)||void 0===l?void 0:l.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name)))))))},L=()=>{const{sections:a}=V();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(M,{key:`section-${a.name}`,section:a}))))},B=()=>{const{isOpen:t}=V();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement("div",null,e.createElement(D,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(L,null)))},z=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],H=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(I,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(o=a,z.includes(o)?e.createElement(h,{icon:a}):e.createElement(s,{variant:a,className:l})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(s,{variant:t})));var o},W=e=>"heading"!==e.type,A=e=>{const a=(e=>e.flat().filter(W).map((e=>e.items)).flat().find((e=>null==e?void 0:e.isCurrent)))(e);return a?e.map((e=>e.map((e=>{var t;return W(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},q=e.createContext({}),G=()=>e.useContext(q),U=({children:a,isOpen:t,onChange:n,withIcons:i=!0,sections:l,shouldToggleSidebar:r=!0,topDropdownItems:o,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState((()=>!r||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s))),[u,p]=e.useState((()=>A(l))),{windowWitdh:v}=_(200);e.useEffect((()=>{c.current&&(null==n||n(m))}),[m,n]),e.useEffect((()=>{c.current=!0}),[]),e.useEffect((()=>{!function(e){if(!r)return;e<s&&m&&x()}(v)}),[v]),e.useEffect((()=>{"boolean"==typeof t&&d(t)}),[t]);const x=()=>{d(!1)};return e.createElement(q.Provider,{value:{sections:u,topDropdownItems:o,onSectionOpen:e=>{p((a=>a.map((a=>a.map((a=>W(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:m,onOpen:()=>{d(!0)},onClose:x,withIcons:i,shouldToggleSidebar:r}},a)},K=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=G(),{mainItem:i,otherItems:l,actions:r}=t,o=e.useRef(null),s=E(o),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:m,itemsCount:u}=e.useMemo((()=>({itemsCount:l.length+r.length,items:[...l.map(c),(null==l?void 0:l.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(c)].filter((e=>null!=e))})),[r,l]);return e.createElement(e.Fragment,null,0===u?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:i.url,onClick:a},e.createElement("span",{className:"maxio-side-nav-v2__menu-title"},i.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav-v2--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:o},i.url?e.createElement(e.Fragment,null,e.createElement(H,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(H,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),e.createElement(d,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},Y=({section:a})=>{const{isOpen:t,withIcons:n}=G(),i=e.useRef(null),l=E(i);return e.createElement("li",{className:"maxio-side-nav-v2__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav-v2__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:i},e.createElement(H,{isTooltipVisible:l&&!t,type:"menu",leadingIcon:n?a.icon:void 0},a.name)))},j=({section:t})=>{var n,i;const{onOpen:l,onSectionOpen:r,isOpen:o,withIcons:s}=G(),c=e.useRef(null),m=E(c);if(!W(t))return e.createElement("li",{className:"maxio-side-nav-v2__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(Y,{section:t}):e.createElement("li",{className:a("maxio-side-nav-v2__item",{"maxio-side-nav-v2__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav-v2__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{r(t.name),l()}},e.createElement(H,{type:"menu",isTooltipVisible:!o&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(n=t.items)||void 0===n?void 0:n.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav-v2__menu"},null===(i=t.items)||void 0===i?void 0:i.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav-v2__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav-v2__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav-v2__link-title"},a.name)))))))},X=()=>{const{sections:a}=G();return e.createElement(e.Fragment,null,a.map(((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav-v2__items",key:`section-list-${t}`},a.map(((a,n)=>e.createElement(j,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},J=()=>{const{onClose:a,shouldToggleSidebar:t}=G();return e.createElement("div",{className:"maxio-side-nav-v2__logo-container"},e.createElement("a",{className:"maxio-side-nav-v2__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav-v2__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(s,{variant:"sidebar"})))},Q=()=>{const{isOpen:t}=G();return e.createElement("nav",{className:a("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!t})},e.createElement(J,null),e.createElement(K,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(X,null)))},Z={sm:"h3",md:"h2",lg:"h1"},ee=e.createContext({}),ae=()=>e.useContext(ee),te=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,onChange:l,index:r})=>{const[o,s]=e.useState((()=>void 0!==r?r:i));e.useEffect((()=>{void 0===r&&s(i),"number"==typeof r&&s(r)}),[i,r]);return e.createElement(ee.Provider,{value:{currentIndex:o,variant:t,withDivider:n,onChange:e=>{let a;a="function"==typeof e?e(o):e,void 0===r&&s(a),"function"==typeof l&&l(a)}}},a)},ne=({disabled:t=!1,value:n=0,isCurrent:i,...l})=>{const{onChange:r,currentIndex:o}=ae(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":o===n,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===l.type}),c=()=>{r(n)},m={"aria-selected":i,id:`tab-${n}`,"aria-controls":`panel-${n}`,role:"tab",tabIndex:i?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect((()=>{var e;i&&u.current&&(null===(e=d.current)||void 0===e||e.focus())}),[i]),e.useEffect((()=>{u.current=!0}),[]),"icon"===l.type){const{icon:a,...t}=l;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:p,rightIcon:v,...x}=l;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...x},e.createElement("div",{className:"maxio-tabs__tab__content"},p,v||null))},ie=({children:a,value:t,...n})=>{const{currentIndex:i}=ae();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:i!==t},a)},le=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?le(e-1,a,t||e):e-1,re=({children:t,size:n="sm",disabled:i,external:l,icon:r,variant:o,underline:c,...m})=>{const d=a("maxio-link",{[`maxio-link--${n}`]:n,"maxio-link--disabled":i,[`maxio-link--${o}`]:o,"maxio-link--underline":c}),u=l?"_blank":"_self";return e.createElement("a",{className:d,target:u,...m},t,r&&e.createElement(s,{variant:r,className:"maxio-link__icon"}))},oe=e.createContext({}),se=()=>e.useContext(oe),ce=({name:a,values:t,onChange:n,disabled:i=!1,invalid:l=!1,children:r})=>{const[o,s]=e.useState(null!=t?t:[]);return e.createElement(oe.Provider,{value:{disabled:i,invalid:l,name:a,values:o,onChange:e=>{let a=[];a=o.includes(e)?o.filter((a=>a!==e)):[...o,e],s(a),n&&n(a)}}},r)},me=({children:t,className:n,...i})=>e.createElement("div",{className:a("maxio-form-helper-text",n),...i},t),de=({children:t,className:n,...i})=>e.createElement("div",{className:a("maxio-form-error",n),...i},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},t)),ue=({className:n,children:i,label:l,errorMessage:r,helperText:o,disabled:s})=>{const{values:c=[],onChange:m,name:d}=se(),{descriptionProps:u,errorMessageProps:p,groupProps:v,labelProps:x}=t.useCheckboxGroup({name:d,label:l},{validationState:r?"invalid":"valid",isDisabled:null!=s&&s,isInvalid:!!r,isReadOnly:null!=s&&s,setValue:m,addValue:m,toggleValue:m,removeValue:m,value:c,isSelected:e=>c.includes(e)}),h=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),g=o&&!r;return e.createElement("div",{className:h,...v},l&&e.createElement("label",{className:"maxio-checkbox-group__label",...x},l),i,g&&e.createElement(me,{...u},o),r&&e.createElement(de,{...p},r))},pe=e.createContext({}),ve=()=>e.useContext(pe),xe=({children:a,onChange:t,value:n,defaultValue:i="",name:l,indent:r,disabled:o})=>{const[s,c]=e.useState(i),[m,d]=e.useState(null);e.useEffect((()=>{c(null!=n?n:i)}),[n]);return e.createElement(pe.Provider,{value:{onChange:e=>{c(e),t&&t(e)},name:l,value:s,indent:r,disabled:o,lastFocusedValue:m,setLastFocusedValue:d}},a)},he=({children:a,label:n,errorMessage:i,helperText:l,disabled:r=!1,invalid:o=!1})=>{const{name:s,onChange:c,value:m,lastFocusedValue:d,setLastFocusedValue:u}=ve(),{radioGroupProps:p,labelProps:v,descriptionProps:x,errorMessageProps:h}=t.useRadioGroup({name:s,label:n},{name:s,validationState:o?"invalid":"valid",isDisabled:r,isInvalid:o,isReadOnly:r,isRequired:!1,selectedValue:m,lastFocusedValue:d,setLastFocusedValue:u,setSelectedValue:c});return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...p},n&&e.createElement("label",{className:"maxio-radio-group__label",...v},n),a,i&&o&&e.createElement(de,{...h},i),l&&!i&&e.createElement(me,{...x},l)))},ge=({children:t,className:n,to:i,...l})=>{const r=i?e.createElement(re,{size:"sm",href:i},t):t;return e.createElement("li",{className:a("maxio-breadcrumbs__item",n),...l},r)},be="Breadcrumbs requires at least one BreadcrumbsItem as children",fe='Last BreadcrumbsItem should not have "to" prop. It is the current page.',Ee="Breadcrumbs only accepts BreadcrumbsItem as children";exports.ActionList=d,exports.Avatar=({className:t,src:n,alt:i="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:i,src:n}),exports.Body=({as:t="div",children:n,compact:i=!1,size:l="md",className:r,...o})=>{const s=t,c=a({[`maxio-body-${l}`]:!i,[`maxio-body-${l}-compact`]:i},r);return e.createElement(s,{className:c,...o},n)},exports.BrandLogo=h,exports.Breadcrumbs=({className:t,children:n,...i})=>{const l=e.Children.count(n);if(0===l)throw new Error(be);const r=e.Children.map(n,((a,t)=>{if(e.isValidElement(a)&&a.type==ge){if(t===l-1&&a.props.to)throw new Error(fe);return e.cloneElement(a,{"aria-current":t===l-1?"page":void 0})}throw new Error(Ee)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...i},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},r))},exports.BreadcrumbsItem=ge,exports.Button=y,exports.Checkbox=({label:n,error:i=!1,className:l,indeterminate:r,...o})=>{var s;const c=e.useRef(null),{name:m,disabled:d,invalid:u,onChange:p,values:v=[]}=se(),x=!!m,h=null!=d?d:o.disabled,g=null!=u?u:i,b=null!==(s=o.value)&&void 0!==s?s:"",f=x?v.includes(b):o.checked,E=a("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":h,"maxio-checkbox--error":g,"maxio-checkbox--indeterminate":r},l),{inputProps:_}=t.useCheckboxGroupItem({value:b,"aria-label":null!=n?n:o["aria-label"]},{isDisabled:null!=h&&h,isReadOnly:null!=h&&h,setValue:p,addValue:p,toggleValue:p,removeValue:p,value:v,isSelected:e=>v.includes(e),validationState:i?"invalid":"valid",isInvalid:!!i},c);return e.createElement("label",{className:E},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...x?_:o}),e.createElement("span",{className:"maxio-checkbox__control"},i&&e.createElement("span",{className:"maxio-checkbox__control-error"})),n&&e.createElement("span",{className:"maxio-checkbox__label"},n))},exports.CheckboxGroup=a=>e.createElement(ce,{...a},e.createElement(ue,{...a},a.children)),exports.Code=({as:t="div",children:n,className:i,...l})=>{const r=t,o=a("maxio-code",i);return e.createElement(r,{className:o,...l},n)},exports.Display=({as:t="div",children:n,size:i="md",className:l,...r})=>{const o=t,s=a(`maxio-display-${i}`,l);return e.createElement(o,{className:s,...r},n)},exports.FormErrorMessage=de,exports.FormHelperText=me,exports.Header=({className:t,sidebarToggleVisible:n=!0,sidebarToggleExpanded:i=!0,variant:l="grey",socket:r,rightSocket:o,onClickSidebarIcon:s})=>{const[c,m]=e.useState(i);e.useEffect((()=>{m(i)}),[i]);const d=a("maxio-header",t,{[`maxio-header--bar-${l}`]:l});return e.createElement("nav",{className:d},n&&e.createElement(S,{"aria-label":"toggle sidebar",className:c?"":"maxio-header__menu-toggle--active",iconName:c?"menu-chevron-left":"menu-chevron-right",onClick:()=>{m((e=>(s&&s(!e),!e)))}}),e.createElement("a",{className:"maxio-header__brand",href:"/","aria-label":"Maxio"}),r&&e.createElement("div",{className:"maxio-header__socket"},r),o&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},o))},exports.HeaderButton=S,exports.HeaderNav=({items:t})=>e.createElement("ul",{className:"maxio-header-nav"},t.map((({label:t,id:n,isActive:i,...l})=>e.createElement("li",{className:"maxio-header-nav__item",key:`header-nav-list-item-${n}`},e.createElement("a",{className:a("maxio-header-nav__link",{"maxio-header-nav__link--active":i}),...l},t))))),exports.HeaderSearchField=O,exports.HeaderSearchInput=({options:a,onSubmit:t})=>{const n=e.useRef(null),i=e.useRef(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,l,r,o;e.preventDefault(),t({searchField:null!==(l=null===(a=n.current)||void 0===a?void 0:a.value)&&void 0!==l?l:"",selectField:null!==(o=null===(r=i.current)||void 0===r?void 0:r.value)&&void 0!==o?o:""})}},e.createElement(T,{innerRef:i,options:a}),e.createElement(O,{innerRef:n}),e.createElement(S,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},exports.HeaderSearchMenu=T,exports.Heading=({children:t,size:n="sm",className:i,...l})=>{const r=Z[n],o=a(`maxio-heading-${n}`,i);return e.createElement(r,{className:o,...l},t)},exports.Icon=s,exports.IconButton=({icon:a,as:t,href:n,...i})=>e.createElement(y,{as:t,href:n,icon:a,className:"maxio-button--icon",...i},null),exports.Label=({as:t="div",children:n,size:i="sm",className:l,...r})=>{const o=t,s=a(`maxio-label-${i}`,l);return e.createElement(o,{className:s,...r},n)},exports.Link=re,exports.Menu=({children:a})=>e.createElement(p,null,e.createElement(x,null,a)),exports.MenuButton=({children:t,iconName:n="chevron-down","aria-label":i,size:l="lg",variant:r="secondary"})=>{const o=a({"maxio-action-menu__chevron":"chevron-down"===n}),c=a("maxio-button",`maxio-button--${r}`,`maxio-button--${l}`,{"maxio-button--icon":n&&!t}),{isOpen:m,buttonId:d,controlsId:u}=v();return e.createElement("summary",{className:c,"aria-haspopup":"true","aria-label":i,"aria-expanded":m,"aria-controls":u,id:d},e.createElement("div",{className:"maxio-header-button__content"},t&&e.createElement("span",null,t),n&&e.createElement(s,{variant:n,className:`${o} maxio-button__trailing-element`})))},exports.MenuList=({items:t,alignItemsEnd:n=!1})=>{const i=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":n}),{controlsId:l,buttonId:r}=v();return e.createElement("div",{className:i,role:"presentation"},e.createElement(d,{role:"menu",itemProps:{role:"menuitem"},id:l,"aria-labelledby":r,items:t}))},exports.OverlayTrigger=N,exports.ProgressBar=({label:n,helperText:i,size:l="md",variant:r="default",status:o,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=o&&!!n&&!!s&&!("inline"===r),p=i&&!("inline"===r),v=i&&"inline"===r,{progressBarProps:x,labelProps:h}=t.useProgressBar({maxValue:c,value:s,label:n}),g=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===l,"maxio-progress-bar--success":s&&!("inline"===r)&&"success"===o,"maxio-progress-bar--error":s&&!("inline"===r)&&"error"===o,"maxio-progress-bar--indent":"indent"===r,"maxio-progress-bar--inline":"inline"===r,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:g,...x},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...h},n),v&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},i),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${s}%`}})),u&&e.createElement("div",{className:`maxio-progress-bar__${o}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},i))},exports.Radio=({indent:n=!1,disabled:i=!1,invalid:l=!1,label:r,...o})=>{const s=e.useRef(null),{disabled:c,indent:m,invalid:d,name:u,onChange:p,value:v,setLastFocusedValue:x=(()=>{}),lastFocusedValue:h=null}=ve(),g=!!u,b=d||l,f=c||i,E=a("maxio-radio",{"maxio-radio--indent":m||n,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:_}=t.useRadio({...o,children:r,value:(o.value||"").toString()},{isDisabled:f,isReadOnly:f,isRequired:!1,name:u,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=v?v:null,setSelectedValue:p,setLastFocusedValue:x,lastFocusedValue:h},s);return e.createElement("label",{className:E},e.createElement("input",{ref:s,type:"radio",className:"maxio-radio__input",...g?_:o}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},r))},exports.RadioGroup=a=>e.createElement(xe,{...a},e.createElement(he,{...a},a.children)),exports.Select=({options:n,label:i,variant:l="primary",size:r="md",inline:o=!1,disabled:c=!1,readOnly:m=!1,helperText:d,errorMessage:u,...p})=>{const v=a("maxio-select",`maxio-select--${l}`,`maxio-select--${r}`,{"maxio-select--disabled":c,"maxio-select--read-only":m,"maxio-select--inline":o,"maxio-select--error":!!u}),x=t.useId();return e.createElement("div",{className:v},i&&e.createElement("label",{htmlFor:x,className:"maxio-select__label"},i),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:x,className:"maxio-select__input",disabled:c||m,...p},n.map((a=>e.createElement("option",{key:`option-${a.value}`,value:a.value},a.label)))),e.createElement("div",{className:"maxio-select__icons-container"},!!u&&e.createElement(s,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(s,{variant:"chevron-down"}))),!!u&&e.createElement("div",{className:"maxio-select__error-text"},u),d&&!u&&e.createElement("div",{className:"maxio-select__helper-text"},d))},exports.SideNav=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i,collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(R,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(B,null)),exports.SideNavV2=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:i=[],collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(U,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(Q,null)),exports.Tab=ne,exports.TabList=({children:t,className:n,ariaLabel:i,...l})=>{const{variant:r,withDivider:o,currentIndex:s,onChange:c}=ae(),m=a("maxio-tabs",n,{"maxio-tabs--contained":"contained"===r,"maxio-tabs--divider":o}),d=e.useRef(null),u=()=>e.Children.map(t,(e=>e.props));return e.createElement("div",{className:m,role:"tablist","aria-label":i,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var a;"ArrowRight"===e.key&&c((e=>((e,a)=>{const t=a.findIndex(((a,t)=>!a.disabled&&t>e));return-1===t?e:t})(e,u()))),"ArrowLeft"===e.key&&c((e=>le(e,u()))),null===(a=d.current)||void 0===a||a.focus()},...l},e.Children.map(t,((a,t)=>{if(e.isValidElement(a)&&a.type===ne)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")})))},exports.TabPanel=ie,exports.TabPanels=({children:a})=>{const{currentIndex:t}=ae();return e.createElement(e.Fragment,null,e.Children.map(a,((a,n)=>{if(e.isValidElement(a)&&a.type===ie)return n===t?e.cloneElement(a,{value:n}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},exports.Tabs=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,index:l,onChange:r})=>e.createElement(te,{defaultIndex:i,variant:t,withDivider:n,index:l,onChange:r},a),exports.Tag=({children:t,size:n="md",sentiment:i="default",kind:l="primary",leadingIcon:r,trailingIcon:o})=>{const c=a("maxio-tag",`maxio-tag--${n}`,`maxio-tag--${l}`,`maxio-tag--${i}`);return e.createElement("div",{className:c},r&&e.createElement(s,{variant:r,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),o&&e.createElement(s,{variant:o,className:"maxio-tag__icon"}))},exports.TextInput=({disabled:n=!1,invalid:i=!1,readOnly:l=!1,size:r="md",variant:o="primary",label:c,helperText:m,errorMessage:d,leadingElement:u=null,trailingElement:p=null,onChange:v,fullWidth:x,...h})=>{var g,b;const f=e.useRef(null),{labelProps:E,inputProps:_,descriptionProps:N,errorMessageProps:w}=t.useTextField({...h,label:c,description:m,errorMessage:d,defaultValue:null===(g=h.defaultValue)||void 0===g?void 0:g.toString(),value:null===(b=h.value)||void 0===b?void 0:b.toString()},f),y=a("maxio-text-field",`maxio-text-field--${o}`,`maxio-text-field--${r}`,{"maxio-text-field--disabled":n,"maxio-text-field--error":i,"maxio-text-field--readonly":l,"maxio-text-field--full-width":x}),k=i&&d;return e.createElement("div",{className:y},c&&e.createElement("label",{className:"maxio-text-field__label",...E},c),e.createElement("div",{className:"maxio-text-field__items"},u&&e.createElement("div",{className:"maxio-text-field__leading-element"},u),i&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(s,{variant:"warning-circle-fill"})),e.createElement("input",{ref:f,type:"text",className:"maxio-text-field__input",..._,onChange:v}),p&&!i&&e.createElement("div",{className:"maxio-text-field__trailing-element"},p)),m&&!k&&e.createElement("div",{className:"maxio-form-helper-text",...N},m),k&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},d)))},exports.Tile=({children:t,className:n,href:i,onClick:l,target:r,disabled:o})=>{const s=i||l;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",n,{"maxio-tile--clickable":s,"maxio-tile--disabled":o});return e.createElement("a",{className:c,href:i,target:r,onClick:e=>{o&&i&&e.preventDefault(),!o&&l&&l()}},t)},exports.Toggle=({defaultChecked:t,checked:n,onChange:i,disabled:l,valueDescription:r,valueDescriptionPosition:o,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,v=m||u,x="left"===o?"row":"row-reverse",h=r&&o,g=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),i&&i(!a,e)}}),[p,i]),b=d["aria-label"]||(h?void 0:r);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":l}),style:{display:"inline-flex",flexDirection:x},"data-testid":"toggle-container"},h?e.createElement("label",{className:"maxio-toggle__label",htmlFor:v},r):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:n,onChange:e=>{i&&i(e.target.checked,e)},onKeyDown:g,disabled:l,className:"maxio-toggle__checkbox",id:v,name:c,"aria-label":b}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":n,"aria-hidden":"true"},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},exports.Tooltip=k,exports.TooltipTrigger=I,exports.useHover=E,exports.useOverlayTrigger=f,exports.useWindowSize=_;
+"use strict";var e=require("react"),a=require("classnames"),t=require("react-aria"),n=require("framer-motion"),i=require("@floating-ui/react-dom-interactions");const l=["address-card","arrow-down","arrow-down-left","arrow-down-left-long","arrow-down-long","arrow-down-right","arrow-down-right-long","arrow-down-up","arrow-left","arrow-left-long","arrow-left-right","arrow-right","arrow-right-long","arrow-turn-down-right","arrow-up","arrow-up-left","arrow-up-left-long","arrow-up-long","arrow-up-right","arrow-up-right-long","bank","bar-chart","briefcase","building","business-intelligence","caret-down","caret-left","caret-right","caret-up","chat","check","check-box","check-box-checked","check-box-checked-fill","check-box-indeterminate-fill","check-circle","check-circle-fill","chevron-down","chevron-left","chevron-right","chevron-up","chevron-up-down","circle","circle-half-stroke-small","circle-small-dash","circle-small-fill","circle-small-stroke","clipboard","cloud","cog","copy-file","credit-card","cross","cross-circle","cross-circle-fill","dashboard","diamond-small-fill","document","document-blank","dollar","dot-circle-fill","dot-fill","error","error-fill","error-small-fill","globe","graph","home","info-circle","info-circle-fill","life-ring","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","sidebar"],r=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),o=["cloud","globe","life-ring","sidebar"],s=({variant:t,white:n,className:i})=>{const s=r.get(t)||t,c=l.includes(s)&&!o.includes(s),m=a({"fa-kit":c,"fa-sharp fa-regular":!c},`fa-${s}`,n&&"maxio-icon--white",i);return e.createElement("i",{className:m})},c=({item:n,isSelected:i,truncateLabel:l=!1,role:r="option"})=>{const o=e.useRef(null),c=e.useRef(!1),m=t.useId();if(e.useEffect((()=>{var e;i&&c.current&&(null===(e=o.current)||void 0===e||e.focus())}),[i]),e.useEffect((()=>{c.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,trailingIconName:u,label:p,description:v,link:x}=n,h=a("maxio-action-list__label",{"maxio-truncate":l});return e.createElement("a",{"aria-labelledby":m,...x,className:"maxio-action-list__content",tabIndex:i?0:-1,ref:o,role:r},d&&e.createElement(s,{variant:d,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:h,id:m},p),v&&e.createElement("span",{className:"maxio-action-list__description"},v),u&&e.createElement(s,{variant:u,className:"maxio-action-list__trailing-icon"}))},m=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?m(e-1,a,t||e):e-1,d=({items:t,isShadowed:n=!0,itemProps:i={},className:l,truncateLabels:r=!1,...o})=>{const s=a("maxio-action-list",l,{"maxio-action-list--shadow":n}),[d,u]=e.useState((()=>t.findIndex((e=>"divider"!==e.type))));return 0===t.length?null:e.createElement("div",{className:s,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[d];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),u((e=>m(e,t)))),"ArrowDown"===e.code&&(e.preventDefault(),u((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,t))))},role:"listbox",...o},t.map(((a,t)=>e.createElement(c,{item:a,truncateLabel:r,key:`listbox-${a.id}`,isSelected:t===d,...i}))))},u=e.createContext({}),p=({children:a})=>{const[t,n]=e.useState(!1),i=e.useId(),l=e.useId();return e.createElement(u.Provider,{value:{controlsId:i,buttonId:l,isOpen:t,onClose:()=>n(!1),onOpen:()=>n(!0),onToggle:()=>n((e=>!e))}},a)};function v(){const a=e.useContext(u);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const x=({children:a})=>{const{isOpen:t,onToggle:n,onClose:i}=v();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:i}):a)},h=({icon:t,variant:n="default"})=>e.createElement("i",{className:a("maxio-brand-logo",`maxio-brand-logo-${t}`,{[`maxio-brand-logo--${n}`]:"default"!==n})}),g=({children:t,size:n="sm",disabled:i,external:l,icon:r,variant:o,underline:c,...m})=>{const d=a("maxio-link",{[`maxio-link--${n}`]:n,"maxio-link--disabled":i,[`maxio-link--${o}`]:o,"maxio-link--underline":c}),u=l?"_blank":"_self";return e.createElement("a",{className:d,target:u,...m},t,r&&e.createElement(s,{variant:r,className:"maxio-link__icon"}))},b=({children:t,className:n,to:i,...l})=>{const r=i?e.createElement(g,{size:"sm",href:i},t):t;return e.createElement("li",{className:a("maxio-breadcrumbs__item",n),...l},r)},f="Breadcrumbs requires at least one BreadcrumbsItem as children",E='Last BreadcrumbsItem should not have "to" prop. It is the current page.',_="Breadcrumbs only accepts BreadcrumbsItem as children",N=({size:t="md",white:n=!1,className:i})=>{const l=a("maxio-loading-spinner",i,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":n});return e.createElement("div",{className:l,role:"status","aria-label":"loading"})},w=({children:n,loading:i=!1,fullWidth:l=!1,className:r,variant:o="primary",size:s="lg",disabled:c,icon:m,as:d="button",href:u,...p})=>{const v=e.useRef(null),{buttonProps:x}=t.useButton({...p,isDisabled:c},v),h=a("maxio-button",r,{[`maxio-button--${s}`]:s,[`maxio-button--${o}`]:o,"maxio-button--loading":i,"maxio-button--full-width":l}),g=["primary","secondary","danger"].includes(o),b={...p["aria-label"]&&{"aria-label":p["aria-label"]},...u&&{href:u},..."button"===d?x:{}};return e.createElement(d,{...b,className:h},n,e.createElement("div",{className:"maxio-button__icon-container"},!i&&m&&e.cloneElement(m,{className:"maxio-button__trailing-element"}),i&&e.createElement(N,{className:"maxio-button__trailing-element",size:"md",white:g})))},y=({icon:a,as:t,href:n,...i})=>e.createElement(w,{as:t,href:n,icon:a,className:"maxio-button--icon",...i},null),k=({children:n,as:i,iconName:l,noPadding:r,className:o,...c})=>{const m=e.useRef(null);let{buttonProps:d}=t.useButton(c,m),{linkProps:u}=t.useLink(c,m);const p="a"===i?u:d,v=i||"button";return e.createElement(v,{className:a("maxio-header-button",o,{"maxio-header-button--no-padding":r}),ref:m,...p},e.createElement("div",{className:"maxio-header-button__content"},n||null,l&&e.createElement(s,{variant:l})))},C=({className:n,innerRef:i,...l})=>{const[r,o]=e.useState(l.value||""),{inputProps:c}=t.useSearchField({value:l.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:r,setValue:o},i);return e.createElement("div",{className:a("maxio-header-search-field",n)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(s,{variant:"search"})),e.createElement("input",{ref:i,className:"maxio-header-search-field__input",type:"search",...c}))};C.displayName="SearchField";const I=({options:a,innerRef:t,...n})=>e.createElement("div",{className:"maxio-header-search-menu",role:"button"},e.createElement("select",{name:"entity",className:"maxio-header-search-menu__select","aria-label":"Menu",ref:t,...n},a.map((({label:a,value:t})=>e.createElement("option",{key:`${a}-${t}`,value:t},a)))),e.createElement("div",{className:"maxio-header-search-menu__icon"},e.createElement(s,{variant:"chevron-down"})));I.displayName="SearchMenu";const S={click:i.useClick,hover:i.useHover,focus:i.useFocus,dismiss:i.useDismiss},O=(e,a)=>a.map((a=>S[a](e))),$=({placement:a="top",isActive:t=!1,interactions:n=["hover"],floatingElementOffset:l=0,onOverlayUpdate:r,autoHideMs:o})=>{const s=e.useRef(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:v}=i.useFloating({placement:a,open:t,onOpenChange:e=>r(e),middleware:[i.offset(l)]}),{getReferenceProps:x,getFloatingProps:h}=i.useInteractions([...O(u,n),i.useRole(u,{role:"tooltip"})]);e.useEffect((()=>{s.current&&clearTimeout(s.current),t&&o&&(s.current=window.setTimeout((()=>r(!1)),o))}),[t,o]);return{isActive:t,refs:{floating:p,reference:v},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:x,getFloatingProps:h}};function T(a,t=0){const n=e.useRef((new Date).getTime()),i=e.useRef((new Date).getTime()),[l,r]=e.useState(!1);return e.useEffect((()=>{const e=()=>{n.current=(new Date).getTime(),r(!0)},l=()=>{i.current=(new Date).getTime(),window.setTimeout((()=>{n.current-i.current<=0&&r(!1)}),t)},o=a&&a.current;return o&&(o.addEventListener("mouseenter",e),o.addEventListener("mouseleave",l)),()=>{o&&(o.removeEventListener("mouseenter",e),o.removeEventListener("mouseleave",l))}}),[a]),l}function P(a=500){const[t,n]=e.useState((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),i=e.useRef(null);return e.useEffect((()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:l}=window;window.clearTimeout(null!==(e=i.current)&&void 0!==e?e:void 0),i.current=window.setTimeout((()=>{n({windowWitdh:t,windowHeight:l})}),a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[a]),t}const V=({children:t,usePortal:l=!1,isActive:r=!1,placement:o="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:v,className:x})=>{const{getReferenceProps:h,getFloatingProps:g,refs:{floating:b,reference:f},floatingElementCSSPosition:E}=$({role:c,isActive:r,onOverlayUpdate:v,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:o}),_=e.createElement(n.AnimatePresence,null,r&&e.createElement(n.motion.div,{ref:b,style:E,...u,...g()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:f,className:a("maxio-inline-flex",x),...h(),"data-testid":"overlay-trigger"},t),l?e.createElement(i.FloatingPortal,{id:"maxio-ui-portal"},_):_)},R=({children:t,arrowPosition:n,size:i="regular",maxWidth:l=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${i}`,{[`maxio-tooltip--arrow-${n}`]:n})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:l}},t)),D={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},F=({children:a,interactions:t=["hover"],placement:n="right",maxWidth:i=160,size:l="regular",renderContent:r,autoHideMs:o,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,v]=e.useState(!1),x=void 0!==s,h=e.useCallback((e=>{x||v(e),d&&d(e)}),[s]),g=e.useMemo((()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(n)),[n]);return e.createElement(V,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:g,isActive:x?s:p,onOverlayUpdate:h,autoHideMs:o,usePortal:c,placement:n,interactions:t,renderOverlay:()=>e.createElement(R,{size:l,arrowPosition:D[n],maxWidth:i},r())},a)},M=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(F,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(s,{variant:a,className:l}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(s,{variant:t}))),L=e.createContext({}),B=()=>e.useContext(L),z=({children:a,isOpen:t,onChange:n,withIcons:i=!0,sections:l,shouldToggleSidebar:r=!0,topDropdownItems:o,collapseBreakpoint:s=800})=>{const[c,m]=e.useState((()=>!r||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s)));e.useEffect((()=>{"boolean"==typeof t&&(m(t),n&&n(t))}),[t]);const[d,u]=e.useState(l),p=()=>{m(!1),n&&n(!1)},{windowWitdh:v}=P(200);e.useEffect((()=>{!function(e){if(!r)return;e<s&&c&&p()}(v)}),[v]),e.useEffect((()=>{!function(){const e=x();e&&u((a=>a.map((a=>{var t;return{...a,...(null===(t=a.items)||void 0===t?void 0:t.includes(e))&&{isCurrent:!0,isOpen:!0}}}))))}()}),[]);return e.createElement(L.Provider,{value:{sections:d,topDropdownItems:o,onSectionOpen:e=>{const a=x();u((t=>t.map((t=>{var n;if(!c)return{...t,isOpen:t.name===e};const i=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:i}}))))},isOpen:c,onOpen:()=>{m(!0),n&&n(!0)},onClose:p,onToggle:()=>{m((e=>(n&&n(!e),!e)))},withIcons:i}},a);function x(){return d.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},H=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=B(),{mainItem:i,otherItems:l,actions:r}=t,o=e.useRef(null),s=T(o),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),m=e.useMemo((()=>[...l.map(c),(null==l?void 0:l.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(c)].filter((e=>null!=e))),[r,l]),u=l.length+r.length;return e.createElement(e.Fragment,null,0===u?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:i.url,onClick:a},e.createElement("span",{className:"maxio-side-nav__menu-title"},i.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:o},i.url?e.createElement(e.Fragment,null,e.createElement(M,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:i.icon,trailingIcon:"chevron-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(M,{type:"menu",trailingIcon:"chevron-down"},i.title)),e.createElement(d,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},W=({section:a})=>{var t;const{isOpen:n,withIcons:i}=B(),l=e.useRef(null),r=T(l);return e.createElement("li",{className:"maxio-side-nav__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:l},e.createElement(M,{isTooltipVisible:r&&!n,type:"menu",leadingIcon:i&&null!==(t=a.icon)&&void 0!==t?t:void 0},a.name)))},A=({section:t})=>{var n,i,l;const{onOpen:r,onSectionOpen:o,isOpen:s,withIcons:c}=B();const m=e.useMemo((()=>{var e;const a=null===(e=t.items)||void 0===e?void 0:e.some((e=>e.isCurrent));return s?t.isCurrent&&!a||!t.isOpen&&t.isCurrent:t.isCurrent}),[t,s]),d=e.useRef(null),u=T(d);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(W,{section:t}):e.createElement("li",{className:a("maxio-side-nav__item",{"maxio-side-nav__item--active":m,"maxio-side-nav__item--icon":c}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:d,"aria-expanded":t.isOpen,"aria-current":m?"page":void 0,type:"button",onClick:function(){o(t.name),r()}},e.createElement(M,{type:"menu",isTooltipVisible:!s&&u,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(i=t.items)||void 0===i?void 0:i.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__menu"},null===(l=t.items)||void 0===l?void 0:l.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name)))))))},q=()=>{const{sections:a}=B();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(A,{key:`section-${a.name}`,section:a}))))},G=()=>{const{isOpen:t}=B();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement("div",null,e.createElement(H,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(q,null)))},U=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],j=({leadingIcon:a,trailingIcon:t,type:n="menu",children:i,leadingIconClassName:l,isTooltipVisible:r=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(F,{usePortal:!0,isVisible:r,renderContent:()=>i,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(o=a,U.includes(o)?e.createElement(h,{icon:a}):e.createElement(s,{variant:a,className:l})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},i),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(s,{variant:t})));var o},Y=e=>"heading"!==e.type,K=e=>{const a=(e=>e.flat().filter(Y).map((e=>e.items)).flat().find((e=>null==e?void 0:e.isCurrent)))(e);return a?e.map((e=>e.map((e=>{var t;return Y(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},X=e.createContext({}),J=()=>e.useContext(X),Q=({children:a,isOpen:t,onChange:n,withIcons:i=!0,sections:l,shouldToggleSidebar:r=!0,topDropdownItems:o,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState((()=>!r||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s))),[u,p]=e.useState((()=>K(l))),{windowWitdh:v}=P(200);e.useEffect((()=>{c.current&&(null==n||n(m))}),[m,n]),e.useEffect((()=>{c.current=!0}),[]),e.useEffect((()=>{!function(e){if(!r)return;e<s&&m&&x()}(v)}),[v]),e.useEffect((()=>{"boolean"==typeof t&&d(t)}),[t]);const x=()=>{d(!1)};return e.createElement(X.Provider,{value:{sections:u,topDropdownItems:o,onSectionOpen:e=>{p((a=>a.map((a=>a.map((a=>Y(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:m,onOpen:()=>{d(!0)},onClose:x,withIcons:i,shouldToggleSidebar:r}},a)},Z=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=J(),{mainItem:i,otherItems:l,actions:r}=t,o=e.useRef(null),s=T(o),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:m,itemsCount:u}=e.useMemo((()=>({itemsCount:l.length+r.length,items:[...l.map(c),(null==l?void 0:l.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(c)].filter((e=>null!=e))})),[r,l]);return e.createElement(e.Fragment,null,0===u?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:i.url,onClick:a},e.createElement("span",{className:"maxio-side-nav-v2__menu-title"},i.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav-v2--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:o},i.url?e.createElement(e.Fragment,null,e.createElement(j,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(j,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),e.createElement(d,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},ee=({section:a})=>{const{isOpen:t,withIcons:n}=J(),i=e.useRef(null),l=T(i);return e.createElement("li",{className:"maxio-side-nav-v2__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav-v2__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:i},e.createElement(j,{isTooltipVisible:l&&!t,type:"menu",leadingIcon:n?a.icon:void 0},a.name)))},ae=({section:t})=>{var n,i;const{onOpen:l,onSectionOpen:r,isOpen:o,withIcons:s}=J(),c=e.useRef(null),m=T(c);if(!Y(t))return e.createElement("li",{className:"maxio-side-nav-v2__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(ee,{section:t}):e.createElement("li",{className:a("maxio-side-nav-v2__item",{"maxio-side-nav-v2__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav-v2__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{r(t.name),l()}},e.createElement(j,{type:"menu",isTooltipVisible:!o&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(n=t.items)||void 0===n?void 0:n.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav-v2__menu"},null===(i=t.items)||void 0===i?void 0:i.map((a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav-v2__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav-v2__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav-v2__link-title"},a.name)))))))},te=()=>{const{sections:a}=J();return e.createElement(e.Fragment,null,a.map(((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav-v2__items",key:`section-list-${t}`},a.map(((a,n)=>e.createElement(ae,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},ne=()=>{const{onClose:a,shouldToggleSidebar:t}=J();return e.createElement("div",{className:"maxio-side-nav-v2__logo-container"},e.createElement("a",{className:"maxio-side-nav-v2__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav-v2__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(s,{variant:"sidebar"})))},ie=()=>{const{isOpen:t}=J();return e.createElement("nav",{className:a("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!t})},e.createElement(ne,null),e.createElement(Z,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(te,null)))},le=e.createContext({}),re=()=>e.useContext(le),oe=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,onChange:l,index:r})=>{const[o,s]=e.useState((()=>void 0!==r?r:i));e.useEffect((()=>{void 0===r&&s(i),"number"==typeof r&&s(r)}),[i,r]);return e.createElement(le.Provider,{value:{currentIndex:o,variant:t,withDivider:n,onChange:e=>{let a;a="function"==typeof e?e(o):e,void 0===r&&s(a),"function"==typeof l&&l(a)}}},a)},se=({disabled:t=!1,value:n=0,isCurrent:i,...l})=>{const{onChange:r,currentIndex:o}=re(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":o===n,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===l.type}),c=()=>{r(n)},m={"aria-selected":i,id:`tab-${n}`,"aria-controls":`panel-${n}`,role:"tab",tabIndex:i?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect((()=>{var e;i&&u.current&&(null===(e=d.current)||void 0===e||e.focus())}),[i]),e.useEffect((()=>{u.current=!0}),[]),"icon"===l.type){const{icon:a,...t}=l;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:p,rightIcon:v,...x}=l;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...x},e.createElement("div",{className:"maxio-tabs__tab__content"},p,v||null))},ce=({children:a,value:t,...n})=>{const{currentIndex:i}=re();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:i!==t},a)},me=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?me(e-1,a,t||e):e-1,de=({basis:t,flex:n,flexDirection:i="row",wrap:l,grow:r,shrink:o,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:p,justifyContent:v,container:x=!1,...h})=>{const g=a({"maxio-flex":x,[`maxio-flex-${n}`]:n,[`maxio-basis-${t}`]:void 0!==t,[`maxio-flex-${i}`]:i,[`maxio-flex-${l}`]:l,[`maxio-grow-${r}`]:void 0!==r,[`maxio-shrink-${o}`]:void 0!==o,[`maxio-gap-${s}`]:void 0!==s,[`maxio-gap-x-${c}`]:void 0!==c,[`maxio-gap-y-${m}`]:void 0!==m,[`maxio-flex-${p}`]:p,[`maxio-justify-${v}`]:v},d);return e.createElement("div",{className:g,...h},u)},ue={sm:"h3",md:"h2",lg:"h1"},pe=e.createContext({}),ve=()=>e.useContext(pe),xe=({name:a,values:t,onChange:n,disabled:i=!1,invalid:l=!1,children:r})=>{const[o,s]=e.useState(null!=t?t:[]);return e.createElement(pe.Provider,{value:{disabled:i,invalid:l,name:a,values:o,onChange:e=>{let a=[];a=o.includes(e)?o.filter((a=>a!==e)):[...o,e],s(a),n&&n(a)}}},r)},he=({children:t,className:n,...i})=>e.createElement("div",{className:a("maxio-form-helper-text",n),...i},t),ge=({children:t,className:n,...i})=>e.createElement("div",{className:a("maxio-form-error",n),...i},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},t)),be=({className:n,children:i,label:l,errorMessage:r,helperText:o,disabled:s})=>{const{values:c=[],onChange:m,name:d}=ve(),{descriptionProps:u,errorMessageProps:p,groupProps:v,labelProps:x}=t.useCheckboxGroup({name:d,label:l},{validationState:r?"invalid":"valid",isDisabled:null!=s&&s,isInvalid:!!r,isReadOnly:null!=s&&s,setValue:m,addValue:m,toggleValue:m,removeValue:m,value:c,isSelected:e=>c.includes(e)}),h=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),g=o&&!r;return e.createElement("div",{className:h,...v},l&&e.createElement("label",{className:"maxio-checkbox-group__label",...x},l),i,g&&e.createElement(he,{...u},o),r&&e.createElement(ge,{...p},r))},fe=e.createContext({}),Ee=()=>e.useContext(fe),_e=({children:a,onChange:t,value:n,defaultValue:i="",name:l,indent:r,disabled:o})=>{const[s,c]=e.useState(i),[m,d]=e.useState(null);e.useEffect((()=>{c(null!=n?n:i)}),[n]);return e.createElement(fe.Provider,{value:{onChange:e=>{c(e),t&&t(e)},name:l,value:s,indent:r,disabled:o,lastFocusedValue:m,setLastFocusedValue:d}},a)},Ne=({children:a,label:n,errorMessage:i,helperText:l,disabled:r=!1,invalid:o=!1})=>{const{name:s,onChange:c,value:m,lastFocusedValue:d,setLastFocusedValue:u}=Ee(),{radioGroupProps:p,labelProps:v,descriptionProps:x,errorMessageProps:h}=t.useRadioGroup({name:s,label:n},{name:s,validationState:o?"invalid":"valid",isDisabled:r,isInvalid:o,isReadOnly:r,isRequired:!1,selectedValue:m,lastFocusedValue:d,setLastFocusedValue:u,setSelectedValue:c});return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...p},n&&e.createElement("label",{className:"maxio-radio-group__label",...v},n),a,i&&o&&e.createElement(ge,{...h},i),l&&!i&&e.createElement(he,{...x},l)))};exports.ActionList=d,exports.Avatar=({className:t,src:n,alt:i="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:i,src:n}),exports.Body=({as:t="div",children:n,compact:i=!1,size:l="md",className:r,...o})=>{const s=t,c=a({[`maxio-body-${l}`]:!i,[`maxio-body-${l}-compact`]:i},r);return e.createElement(s,{className:c,...o},n)},exports.BrandLogo=h,exports.Breadcrumbs=({className:t,children:n,...i})=>{const l=e.Children.count(n);if(0===l)throw new Error(f);const r=e.Children.map(n,((a,t)=>{if(e.isValidElement(a)&&a.type==b){if(t===l-1&&a.props.to)throw new Error(E);return e.cloneElement(a,{"aria-current":t===l-1?"page":void 0})}throw new Error(_)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...i},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},r))},exports.BreadcrumbsItem=b,exports.Button=w,exports.Checkbox=({label:n,error:i=!1,className:l,indeterminate:r,...o})=>{var s;const c=e.useRef(null),{name:m,disabled:d,invalid:u,onChange:p,values:v=[]}=ve(),x=!!m,h=null!=d?d:o.disabled,g=null!=u?u:i,b=null!==(s=o.value)&&void 0!==s?s:"",f=x?v.includes(b):o.checked,E=a("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":h,"maxio-checkbox--error":g,"maxio-checkbox--indeterminate":r},l),{inputProps:_}=t.useCheckboxGroupItem({value:b,"aria-label":null!=n?n:o["aria-label"]},{isDisabled:null!=h&&h,isReadOnly:null!=h&&h,setValue:p,addValue:p,toggleValue:p,removeValue:p,value:v,isSelected:e=>v.includes(e),validationState:i?"invalid":"valid",isInvalid:!!i},c);return e.createElement("label",{className:E},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...x?_:o}),e.createElement("span",{className:"maxio-checkbox__control"},i&&e.createElement("span",{className:"maxio-checkbox__control-error"})),n&&e.createElement("span",{className:"maxio-checkbox__label"},n))},exports.CheckboxGroup=a=>e.createElement(xe,{...a},e.createElement(be,{...a},a.children)),exports.Code=({as:t="div",children:n,className:i,...l})=>{const r=t,o=a("maxio-code",i);return e.createElement(r,{className:o,...l},n)},exports.Display=({as:t="div",children:n,size:i="md",className:l,...r})=>{const o=t,s=a(`maxio-display-${i}`,l);return e.createElement(o,{className:s,...r},n)},exports.FormErrorMessage=ge,exports.FormHelperText=he,exports.Header=({className:t,sidebarToggleVisible:n=!0,sidebarToggleExpanded:i=!0,variant:l="grey",socket:r,rightSocket:o,onClickSidebarIcon:s})=>{const[c,m]=e.useState(i);e.useEffect((()=>{m(i)}),[i]);const d=a("maxio-header",t,{[`maxio-header--bar-${l}`]:l});return e.createElement("nav",{className:d},n&&e.createElement(k,{"aria-label":"toggle sidebar",className:c?"":"maxio-header__menu-toggle--active",iconName:c?"menu-chevron-left":"menu-chevron-right",onClick:()=>{m((e=>(s&&s(!e),!e)))}}),e.createElement("a",{className:"maxio-header__brand",href:"/","aria-label":"Maxio"}),r&&e.createElement("div",{className:"maxio-header__socket"},r),o&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},o))},exports.HeaderButton=k,exports.HeaderNav=({items:t})=>e.createElement("ul",{className:"maxio-header-nav"},t.map((({label:t,id:n,isActive:i,...l})=>e.createElement("li",{className:"maxio-header-nav__item",key:`header-nav-list-item-${n}`},e.createElement("a",{className:a("maxio-header-nav__link",{"maxio-header-nav__link--active":i}),...l},t))))),exports.HeaderSearchField=C,exports.HeaderSearchInput=({options:a,onSubmit:t})=>{const n=e.useRef(null),i=e.useRef(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,l,r,o;e.preventDefault(),t({searchField:null!==(l=null===(a=n.current)||void 0===a?void 0:a.value)&&void 0!==l?l:"",selectField:null!==(o=null===(r=i.current)||void 0===r?void 0:r.value)&&void 0!==o?o:""})}},e.createElement(I,{innerRef:i,options:a}),e.createElement(C,{innerRef:n}),e.createElement(k,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},exports.HeaderSearchMenu=I,exports.Heading=({children:t,size:n="sm",className:i,...l})=>{const r=ue[n],o=a(`maxio-heading-${n}`,i);return e.createElement(r,{className:o,...l},t)},exports.Icon=s,exports.IconButton=y,exports.Label=({as:t="div",children:n,size:i="sm",className:l,...r})=>{const o=t,s=a(`maxio-label-${i}`,l);return e.createElement(o,{className:s,...r},n)},exports.Link=g,exports.LoadingSpinner=N,exports.Menu=({children:a})=>e.createElement(p,null,e.createElement(x,null,a)),exports.MenuButton=({children:t,iconName:n="chevron-down","aria-label":i,size:l="lg",variant:r="secondary"})=>{const o=a({"maxio-action-menu__chevron":"chevron-down"===n}),c=a("maxio-button",`maxio-button--${r}`,`maxio-button--${l}`,{"maxio-button--icon":n&&!t}),{isOpen:m,buttonId:d,controlsId:u}=v();return e.createElement("summary",{className:c,"aria-haspopup":"true","aria-label":i,"aria-expanded":m,"aria-controls":u,id:d},e.createElement("div",{className:"maxio-header-button__content"},t&&e.createElement("span",null,t),n&&e.createElement(s,{variant:n,className:`${o} maxio-button__trailing-element`})))},exports.MenuList=({items:t,alignItemsEnd:n=!1})=>{const i=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":n}),{controlsId:l,buttonId:r}=v();return e.createElement("div",{className:i,role:"presentation"},e.createElement(d,{role:"menu",itemProps:{role:"menuitem"},id:l,"aria-labelledby":r,items:t}))},exports.OverlayTrigger=V,exports.ProgressBar=({label:n,helperText:i,size:l="md",variant:r="default",status:o,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=o&&!!n&&!!s&&!("inline"===r),p=i&&!("inline"===r),v=i&&"inline"===r,{progressBarProps:x,labelProps:h}=t.useProgressBar({maxValue:c,value:s,label:n}),g=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===l,"maxio-progress-bar--success":s&&!("inline"===r)&&"success"===o,"maxio-progress-bar--error":s&&!("inline"===r)&&"error"===o,"maxio-progress-bar--indent":"indent"===r,"maxio-progress-bar--inline":"inline"===r,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:g,...x},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...h},n),v&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},i),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${s}%`}})),u&&e.createElement("div",{className:`maxio-progress-bar__${o}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},i))},exports.Radio=({indent:n=!1,disabled:i=!1,invalid:l=!1,label:r,...o})=>{const s=e.useRef(null),{disabled:c,indent:m,invalid:d,name:u,onChange:p,value:v,setLastFocusedValue:x=(()=>{}),lastFocusedValue:h=null}=Ee(),g=!!u,b=d||l,f=c||i,E=a("maxio-radio",{"maxio-radio--indent":m||n,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:_}=t.useRadio({...o,children:r,value:(o.value||"").toString()},{isDisabled:f,isReadOnly:f,isRequired:!1,name:u,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=v?v:null,setSelectedValue:p,setLastFocusedValue:x,lastFocusedValue:h},s);return e.createElement("label",{className:E},e.createElement("input",{ref:s,type:"radio",className:"maxio-radio__input",...g?_:o}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},r))},exports.RadioGroup=a=>e.createElement(_e,{...a},e.createElement(Ne,{...a},a.children)),exports.Select=({options:n,label:i,variant:l="primary",size:r="md",inline:o=!1,disabled:c=!1,readOnly:m=!1,helperText:d,errorMessage:u,...p})=>{const v=a("maxio-select",`maxio-select--${l}`,`maxio-select--${r}`,{"maxio-select--disabled":c,"maxio-select--read-only":m,"maxio-select--inline":o,"maxio-select--error":!!u}),x=t.useId();return e.createElement("div",{className:v},i&&e.createElement("label",{htmlFor:x,className:"maxio-select__label"},i),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:x,className:"maxio-select__input",disabled:c||m,...p},n.map((a=>e.createElement("option",{key:`option-${a.value}`,value:a.value},a.label)))),e.createElement("div",{className:"maxio-select__icons-container"},!!u&&e.createElement(s,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(s,{variant:"chevron-down"}))),!!u&&e.createElement("div",{className:"maxio-select__error-text"},u),d&&!u&&e.createElement("div",{className:"maxio-select__helper-text"},d))},exports.SideNav=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i,collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(z,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(G,null)),exports.SideNavV2=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:i=[],collapseBreakpoint:l=800,isOpen:r,onChange:o})=>e.createElement(Q,{isOpen:r,onChange:o,collapseBreakpoint:l,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:i},e.createElement(ie,null)),exports.Tab=se,exports.TabList=({children:t,className:n,ariaLabel:i,...l})=>{const{variant:r,withDivider:o,currentIndex:s,onChange:c}=re(),m=a("maxio-tabs",n,{"maxio-tabs--contained":"contained"===r,"maxio-tabs--divider":o}),d=e.useRef(null),u=()=>e.Children.map(t,(e=>e.props));return e.createElement("div",{className:m,role:"tablist","aria-label":i,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var a;"ArrowRight"===e.key&&c((e=>((e,a)=>{const t=a.findIndex(((a,t)=>!a.disabled&&t>e));return-1===t?e:t})(e,u()))),"ArrowLeft"===e.key&&c((e=>me(e,u()))),null===(a=d.current)||void 0===a||a.focus()},...l},e.Children.map(t,((a,t)=>{if(e.isValidElement(a)&&a.type===se)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")})))},exports.TabPanel=ce,exports.TabPanels=({children:a})=>{const{currentIndex:t}=re();return e.createElement(e.Fragment,null,e.Children.map(a,((a,n)=>{if(e.isValidElement(a)&&a.type===ce)return n===t?e.cloneElement(a,{value:n}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},exports.Tabs=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:i=0,index:l,onChange:r})=>e.createElement(oe,{defaultIndex:i,variant:t,withDivider:n,index:l,onChange:r},a),exports.Tag=({children:t,size:n="md",sentiment:i="default",kind:l="primary",leadingIcon:r,trailingIcon:o})=>{const c=a("maxio-tag",`maxio-tag--${n}`,`maxio-tag--${l}`,`maxio-tag--${i}`);return e.createElement("div",{className:c},r&&e.createElement(s,{variant:r,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),o&&e.createElement(s,{variant:o,className:"maxio-tag__icon"}))},exports.TextInput=({disabled:n=!1,invalid:i=!1,readOnly:l=!1,size:r="md",variant:o="primary",label:c,helperText:m,errorMessage:d,leadingElement:u=null,trailingElement:p=null,onChange:v,fullWidth:x,...h})=>{var g,b;const f=e.useRef(null),{labelProps:E,inputProps:_,descriptionProps:N,errorMessageProps:w}=t.useTextField({...h,label:c,description:m,errorMessage:d,defaultValue:null===(g=h.defaultValue)||void 0===g?void 0:g.toString(),value:null===(b=h.value)||void 0===b?void 0:b.toString()},f),y=a("maxio-text-field",`maxio-text-field--${o}`,`maxio-text-field--${r}`,{"maxio-text-field--disabled":n,"maxio-text-field--error":i,"maxio-text-field--readonly":l,"maxio-text-field--full-width":x}),k=i&&d;return e.createElement("div",{className:y},c&&e.createElement("label",{className:"maxio-text-field__label",...E},c),e.createElement("div",{className:"maxio-text-field__items"},u&&e.createElement("div",{className:"maxio-text-field__leading-element"},u),i&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(s,{variant:"warning-circle-fill"})),e.createElement("input",{ref:f,type:"text",className:"maxio-text-field__input",..._,onChange:v}),p&&!i&&e.createElement("div",{className:"maxio-text-field__trailing-element"},p)),m&&!k&&e.createElement("div",{className:"maxio-form-helper-text",...N},m),k&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},d)))},exports.Tile=({children:t,className:n,href:i,onClick:l,target:r,disabled:o})=>{const s=i||l;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",n,{"maxio-tile--clickable":s,"maxio-tile--disabled":o});return e.createElement("a",{className:c,href:i,target:r,onClick:e=>{o&&i&&e.preventDefault(),!o&&l&&l()}},t)},exports.Toggle=({defaultChecked:t,checked:n,onChange:i,disabled:l,valueDescription:r,valueDescriptionPosition:o,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,v=m||u,x="left"===o?"row":"row-reverse",h=r&&o,g=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),i&&i(!a,e)}}),[p,i]),b=d["aria-label"]||(h?void 0:r);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":l}),style:{display:"inline-flex",flexDirection:x},"data-testid":"toggle-container"},h?e.createElement("label",{className:"maxio-toggle__label",htmlFor:v},r):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:n,onChange:e=>{i&&i(e.target.checked,e)},onKeyDown:g,disabled:l,className:"maxio-toggle__checkbox",id:v,name:c,"aria-label":b}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":n,"aria-hidden":"true"},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},exports.Tooltip=R,exports.TooltipTrigger=F,exports.TopBar=({children:a,actions:t,sideNavIsClosed:n,openSideNav:i})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(y,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(s,{variant:"sidebar"}),onClick:i}),e.createElement(de,{container:!0,flex:"grow",justifyContent:"end"},a),t),exports.useHover=T,exports.useOverlayTrigger=$,exports.useWindowSize=P;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "4.6.2",
+  "version": "4.6.4",
   "description": "React UI components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -49,5 +49,5 @@
     "framer-motion": "^7.6.4",
     "react-aria": "^3.28.0"
   },
-  "gitHead": "ca8a83b2689401d40f4cdbacaffbfd00eebccbc5"
+  "gitHead": "1d25e65f07d6d5a1f9c0cb3adad1c38d510e5570"
 }

package/typings/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { ReactNode, RefObject, FC, MutableRefObject, ElementType, AnchorHTMLAttributes, InputHTMLAttributes, HTMLAttributes, LiHTMLAttributes } from 'react';
+import React__default, { ReactNode, HTMLAttributes, LiHTMLAttributes, MutableRefObject, AnchorHTMLAttributes, RefObject, FC, ElementType, InputHTMLAttributes } from 'react';
 import * as _floating_ui_react_dom_interactions from '@floating-ui/react-dom-interactions';
 import { AnimationProps } from 'framer-motion';
 
@@ -45,15 +45,6 @@ interface ActionListProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const ActionList: ({ items, isShadowed, itemProps, className, truncateLabels, ...props }: ActionListProps) => JSX.Element | null;
 //# sourceMappingURL=ActionList.d.ts.map
 
-declare type AvatarProps = {
-    className?: string;
-    src: string;
-    alt?: string;
-};
-
-declare const Avatar: ({ className, src, alt }: AvatarProps) => JSX.Element;
-//# sourceMappingURL=Avatar.d.ts.map
-
 interface MenuProps {
     children: ReactNode | (({ isOpen, onClose, }: {
         isOpen: boolean;
@@ -91,6 +82,15 @@ declare type MenuButtonProps = Omit<ButtonProps, 'onClick' | 'children' | 'disab
 declare const MenuButton: ({ children, iconName, "aria-label": ariaLabel, size, variant, }: MenuButtonProps) => JSX.Element;
 //# sourceMappingURL=MenuButton.d.ts.map
 
+declare type AvatarProps = {
+    className?: string;
+    src: string;
+    alt?: string;
+};
+
+declare const Avatar: ({ className, src, alt }: AvatarProps) => JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map
+
 declare const LOGOS: readonly ["avalara", "chargify", "hubspot", "netsuite", "pipedrive", "quickbooks", "sage", "saasoptics", "salesforce", "xero"];
 declare type BrandLogoVariant = 'default' | 'white' | 'grayscale';
 declare type BrandLogoIcon = (typeof LOGOS)[number];
@@ -102,60 +102,16 @@ declare type BrandLogoProps = {
 declare const BrandLogo: ({ icon, variant }: BrandLogoProps) => JSX.Element;
 //# sourceMappingURL=BrandLogo.d.ts.map
 
-declare type Alignment = 'start' | 'end';
-declare type Side = 'top' | 'right' | 'bottom' | 'left';
-declare type AlignedPlacement = `${Side}-${Alignment}`;
-declare type Placement = Side | AlignedPlacement;
-declare type Interactions = 'click' | 'hover' | 'focus' | 'dismiss';
-declare type OverlayAriaRole = 'tooltip' | 'dialog' | 'alertdialog' | 'menu' | 'listbox' | 'grid' | 'tree';
-
-declare type OverlayTriggerSettings = {
-    placement?: Placement;
-    isInitiallyActive?: boolean;
-    interactions?: Interactions[];
-    floatingElementOffset?: number;
-    role: OverlayAriaRole;
-    isActive?: boolean;
-    onOverlayUpdate: (isActive: boolean) => void;
-    autoHideMs?: number;
-};
-declare const useOverlayTrigger: ({ placement, isActive, interactions, floatingElementOffset, onOverlayUpdate, autoHideMs, }: OverlayTriggerSettings) => {
-    isActive: boolean;
-    refs: {
-        floating: (node: HTMLElement | null) => void;
-        reference: (node: _floating_ui_react_dom_interactions.ReferenceType | null) => void;
-    };
-    floatingElementCSSPosition: {
-        position: _floating_ui_react_dom_interactions.Strategy;
-        top: number;
-        left: number;
-    };
-    getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-};
-
-declare function useHover<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, mouseLeaveDelay?: number): boolean;
+declare type BreadcrumbsProps = HTMLAttributes<HTMLElement>;
+declare type BreadcrumbsItemProps = {
+    to?: string;
+} & LiHTMLAttributes<HTMLLIElement>;
 
-declare function useWindowSize(debounce?: number): {
-    windowWitdh: number;
-    windowHeight: number;
-};
+declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map
 
-declare type OverlayTriggerProps = {
-    children: React__default.ReactNode;
-    placement?: Placement;
-    usePortal?: boolean;
-    interactions?: Interactions[];
-    renderOverlay: () => React__default.ReactNode;
-    role?: OverlayAriaRole;
-    floatingElementOffset?: number;
-    isActive?: boolean;
-    onOverlayUpdate: (isActive: boolean) => void;
-    motionSettings?: AnimationProps;
-    autoHideMs?: number;
-    className?: string;
-};
-declare const OverlayTrigger: FC<OverlayTriggerProps>;
+declare const BreadcrumbsItem: React__default.FC<BreadcrumbsItemProps>;
+//# sourceMappingURL=BreadcrumbsItem.d.ts.map
 
 declare const Button: ({ children, loading, fullWidth, className, variant, size, disabled, icon, as: AsComponent, href, ...props }: ButtonProps) => JSX.Element;
 //# sourceMappingURL=Button.d.ts.map
@@ -165,39 +121,6 @@ declare type IconButtonProps = Omit<ButtonProps, 'fullWidth' | 'children'>;
 declare const IconButton: ({ icon, as, href, ...props }: IconButtonProps) => JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map
 
-declare type ToggleProps = {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (value: boolean, event?: React__default.ChangeEvent<HTMLInputElement> | React__default.KeyboardEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-    name?: string;
-    valueDescription?: string;
-    valueDescriptionPosition?: 'left' | 'right';
-    className?: string;
-    id?: string;
-    'aria-label'?: string;
-};
-declare const Toggle: ({ defaultChecked, checked, onChange, disabled, valueDescription, valueDescriptionPosition, className, name, id, ...props }: ToggleProps) => JSX.Element;
-
-declare type ArrowPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
-
-declare type TooltipProps = {
-    children: React__default.ReactNode;
-    size?: 'regular' | 'small';
-    arrowPosition?: ArrowPosition;
-    maxWidth?: number | 'none';
-};
-declare const Tooltip: FC<TooltipProps>;
-
-declare type TooltipTriggerProps = {
-    children: React__default.ReactNode;
-    isVisible?: boolean;
-    onVisibilityUpdate?: (isVisible: boolean) => void;
-    renderContent: () => React__default.ReactNode;
-    floatingElementOffset?: number;
-} & Pick<OverlayTriggerProps, 'placement' | 'interactions' | 'usePortal' | 'autoHideMs' | 'className'> & Pick<TooltipProps, 'size' | 'maxWidth'>;
-declare const TooltipTrigger: FC<TooltipTriggerProps>;
-
 declare type HeaderVariant = 'green' | 'blue' | 'grey';
 interface HeaderProps {
     className?: string;
@@ -263,6 +186,97 @@ interface SearchInputProps {
 }
 declare const SearchInput: ({ options, onSubmit }: SearchInputProps) => JSX.Element;
 
+declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'high-contrast' | 'inverse';
+declare type Size = 'xs' | 'sm' | 'md' | 'lg';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: ReactNode;
+    size?: Size;
+    disabled?: boolean;
+    icon?: IconVariant;
+    external?: boolean;
+    variant?: Variant;
+    underline?: boolean;
+}
+
+declare const Link: React__default.FC<LinkProps>;
+//# sourceMappingURL=Link.d.ts.map
+
+declare type LoadingSpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
+declare type LoadingSpinnerProps = {
+    size?: LoadingSpinnerSize;
+    white?: boolean;
+    className?: string;
+};
+
+declare const LoadingSpinner: ({ size, white, className, }: LoadingSpinnerProps) => JSX.Element;
+//# sourceMappingURL=LoadingSpinner.d.ts.map
+
+declare type Alignment = 'start' | 'end';
+declare type Side = 'top' | 'right' | 'bottom' | 'left';
+declare type AlignedPlacement = `${Side}-${Alignment}`;
+declare type Placement = Side | AlignedPlacement;
+declare type Interactions = 'click' | 'hover' | 'focus' | 'dismiss';
+declare type OverlayAriaRole = 'tooltip' | 'dialog' | 'alertdialog' | 'menu' | 'listbox' | 'grid' | 'tree';
+
+declare type OverlayTriggerSettings = {
+    placement?: Placement;
+    isInitiallyActive?: boolean;
+    interactions?: Interactions[];
+    floatingElementOffset?: number;
+    role: OverlayAriaRole;
+    isActive?: boolean;
+    onOverlayUpdate: (isActive: boolean) => void;
+    autoHideMs?: number;
+};
+declare const useOverlayTrigger: ({ placement, isActive, interactions, floatingElementOffset, onOverlayUpdate, autoHideMs, }: OverlayTriggerSettings) => {
+    isActive: boolean;
+    refs: {
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: _floating_ui_react_dom_interactions.ReferenceType | null) => void;
+    };
+    floatingElementCSSPosition: {
+        position: _floating_ui_react_dom_interactions.Strategy;
+        top: number;
+        left: number;
+    };
+    getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+};
+
+declare function useHover<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, mouseLeaveDelay?: number): boolean;
+
+declare function useWindowSize(debounce?: number): {
+    windowWitdh: number;
+    windowHeight: number;
+};
+
+declare type OverlayTriggerProps = {
+    children: React__default.ReactNode;
+    placement?: Placement;
+    usePortal?: boolean;
+    interactions?: Interactions[];
+    renderOverlay: () => React__default.ReactNode;
+    role?: OverlayAriaRole;
+    floatingElementOffset?: number;
+    isActive?: boolean;
+    onOverlayUpdate: (isActive: boolean) => void;
+    motionSettings?: AnimationProps;
+    autoHideMs?: number;
+    className?: string;
+};
+declare const OverlayTrigger: FC<OverlayTriggerProps>;
+
+interface ProgressBarProps {
+    label: string;
+    helperText?: string;
+    size?: 'md' | 'lg';
+    status?: 'success' | 'error';
+    variant?: 'default' | 'inline' | 'indent';
+    value?: number;
+    maxValue?: number;
+}
+declare const ProgressBar: ({ label, helperText, size, variant, status, value, maxValue, }: ProgressBarProps) => JSX.Element;
+
 interface SingleSection$1 {
     href?: string;
     icon: IconVariant | null;
@@ -357,51 +371,6 @@ interface SideNavTopDropdownItem {
 declare type SideNavWrapperProps = Omit<SideNavProviderProps, 'children'>;
 declare const SideNavWrapper: ({ withIcons, shouldToggleSidebar, topDropdownItems, sections, collapseBreakpoint, isOpen, onChange, }: SideNavWrapperProps) => JSX.Element;
 
-interface ProgressBarProps {
-    label: string;
-    helperText?: string;
-    size?: 'md' | 'lg';
-    status?: 'success' | 'error';
-    variant?: 'default' | 'inline' | 'indent';
-    value?: number;
-    maxValue?: number;
-}
-declare const ProgressBar: ({ label, helperText, size, variant, status, value, maxValue, }: ProgressBarProps) => JSX.Element;
-
-declare type BaseTypographyProps = {
-    className?: string;
-    children: ReactNode;
-};
-
-declare type BodyProps = BaseTypographyProps & {
-    as?: ElementType;
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    compact?: boolean;
-};
-declare const Body: ({ as, children, compact, size, className, ...rest }: BodyProps) => JSX.Element;
-
-declare type HeadingProps = BaseTypographyProps & {
-    size?: 'sm' | 'md' | 'lg';
-};
-declare const Heading: ({ children, size, className, ...rest }: HeadingProps) => JSX.Element;
-
-declare type DisplayProps = BaseTypographyProps & {
-    as?: ElementType;
-    size?: 'sm' | 'md' | 'lg';
-};
-declare const Display: ({ as, children, size, className, ...rest }: DisplayProps) => JSX.Element;
-
-declare type CodeProps = BaseTypographyProps & {
-    as?: ElementType;
-};
-declare const Code: ({ as, children, className, ...rest }: CodeProps) => JSX.Element;
-
-declare type LabelProps = BaseTypographyProps & {
-    as?: ElementType;
-    size?: 'xs' | 'sm';
-};
-declare const Label: ({ as, children, size, className, ...rest }: LabelProps) => JSX.Element;
-
 declare type CommonTabProps = React.HTMLAttributes<HTMLDivElement> & {
     disabled?: boolean;
     value?: number;
@@ -457,21 +426,6 @@ interface TabListProps extends React__default.HtmlHTMLAttributes<HTMLDivElement>
 declare const TabList: ({ children, className, ariaLabel, ...props }: TabListProps) => JSX.Element;
 //# sourceMappingURL=TabList.d.ts.map
 
-declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'high-contrast' | 'inverse';
-declare type Size = 'xs' | 'sm' | 'md' | 'lg';
-interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    children: ReactNode;
-    size?: Size;
-    disabled?: boolean;
-    icon?: IconVariant;
-    external?: boolean;
-    variant?: Variant;
-    underline?: boolean;
-}
-
-declare const Link: React__default.FC<LinkProps>;
-//# sourceMappingURL=Link.d.ts.map
-
 declare type TagSize = 'md' | 'sm';
 declare type TagKind = 'primary' | 'secondary' | 'tertiary';
 declare type TagSentiment = 'default' | 'info' | 'success' | 'warning' | 'danger' | 'highlight';
@@ -496,6 +450,82 @@ declare type TileProps = {
 declare const Tile: ({ children, className, href, onClick, target, disabled, }: TileProps) => JSX.Element;
 //# sourceMappingURL=Tile.d.ts.map
 
+declare type ToggleProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (value: boolean, event?: React__default.ChangeEvent<HTMLInputElement> | React__default.KeyboardEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    name?: string;
+    valueDescription?: string;
+    valueDescriptionPosition?: 'left' | 'right';
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+};
+declare const Toggle: ({ defaultChecked, checked, onChange, disabled, valueDescription, valueDescriptionPosition, className, name, id, ...props }: ToggleProps) => JSX.Element;
+
+declare type ArrowPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
+
+declare type TooltipProps = {
+    children: React__default.ReactNode;
+    size?: 'regular' | 'small';
+    arrowPosition?: ArrowPosition;
+    maxWidth?: number | 'none';
+};
+declare const Tooltip: FC<TooltipProps>;
+
+declare type TooltipTriggerProps = {
+    children: React__default.ReactNode;
+    isVisible?: boolean;
+    onVisibilityUpdate?: (isVisible: boolean) => void;
+    renderContent: () => React__default.ReactNode;
+    floatingElementOffset?: number;
+} & Pick<OverlayTriggerProps, 'placement' | 'interactions' | 'usePortal' | 'autoHideMs' | 'className'> & Pick<TooltipProps, 'size' | 'maxWidth'>;
+declare const TooltipTrigger: FC<TooltipTriggerProps>;
+
+declare type TopBarProps = {
+    actions: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    sideNavIsClosed?: boolean;
+    openSideNav?: () => void;
+};
+
+declare const TopBar: ({ children, actions, sideNavIsClosed, openSideNav, }: TopBarProps) => JSX.Element;
+
+declare type BaseTypographyProps = {
+    className?: string;
+    children: ReactNode;
+};
+
+declare type BodyProps = BaseTypographyProps & {
+    as?: ElementType;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    compact?: boolean;
+};
+declare const Body: ({ as, children, compact, size, className, ...rest }: BodyProps) => JSX.Element;
+
+declare type HeadingProps = BaseTypographyProps & {
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const Heading: ({ children, size, className, ...rest }: HeadingProps) => JSX.Element;
+
+declare type DisplayProps = BaseTypographyProps & {
+    as?: ElementType;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const Display: ({ as, children, size, className, ...rest }: DisplayProps) => JSX.Element;
+
+declare type CodeProps = BaseTypographyProps & {
+    as?: ElementType;
+};
+declare const Code: ({ as, children, className, ...rest }: CodeProps) => JSX.Element;
+
+declare type LabelProps = BaseTypographyProps & {
+    as?: ElementType;
+    size?: 'xs' | 'sm';
+};
+declare const Label: ({ as, children, size, className, ...rest }: LabelProps) => JSX.Element;
+
 interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     error?: boolean;
     indeterminate?: boolean;
@@ -601,15 +631,4 @@ interface FormHelperTextProps extends React__default.HtmlHTMLAttributes<HTMLDivE
 declare const FormHelperText: ({ children, className, ...props }: FormHelperTextProps) => JSX.Element;
 //# sourceMappingURL=FormHelperText.d.ts.map
 
-declare type BreadcrumbsProps = HTMLAttributes<HTMLElement>;
-declare type BreadcrumbsItemProps = {
-    to?: string;
-} & LiHTMLAttributes<HTMLLIElement>;
-
-declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
-//# sourceMappingURL=Breadcrumbs.d.ts.map
-
-declare const BreadcrumbsItem: React__default.FC<BreadcrumbsItemProps>;
-//# sourceMappingURL=BreadcrumbsItem.d.ts.map
-
-export { ActionList, Avatar, Body, BrandLogo, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Code, Display, FormErrorMessage, FormHelperText, Header, HeaderButton, HeaderNav, SearchField as HeaderSearchField, SearchInput as HeaderSearchInput, SearchMenu as HeaderSearchMenu, Heading, Icon, IconButton, Interactions, Label, Link, Menu, MenuButton, MenuList, OverlayAriaRole, OverlayTrigger, Placement, ProgressBar, Radio, RadioGroup, Select, SideNavWrapper$1 as SideNav, SideNavWrapper as SideNavV2, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextInput, Tile, Toggle, Tooltip, TooltipTrigger, useHover, useOverlayTrigger, useWindowSize };
+export { ActionList, Avatar, Body, BrandLogo, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Code, Display, FormErrorMessage, FormHelperText, Header, HeaderButton, HeaderNav, SearchField as HeaderSearchField, SearchInput as HeaderSearchInput, SearchMenu as HeaderSearchMenu, Heading, Icon, IconButton, Interactions, Label, Link, LoadingSpinner, Menu, MenuButton, MenuList, OverlayAriaRole, OverlayTrigger, Placement, ProgressBar, Radio, RadioGroup, Select, SideNavWrapper$1 as SideNav, SideNavWrapper as SideNavV2, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextInput, Tile, Toggle, Tooltip, TooltipTrigger, TopBar, useHover, useOverlayTrigger, useWindowSize };