@maxio-com/react-ui-components 4.9.1 → 5.1.0

package/dist/index.esm.js

@@ -1 +1 @@
-import e,{useRef as a,useEffect as t,useState as n,createContext as l,useId as i,useContext as o,Children as r,isValidElement as s,cloneElement as c,useCallback as m,useMemo as d}from"react";import u from"classnames";import{useId as v,useLink as p,useButton as g,useSearchField as x,useProgressBar as h,useCheckboxGroupItem as b,useCheckboxGroup as E,useRadio as _,useRadioGroup as f,useTextField as w}from"react-aria";import{AnimatePresence as N,motion as y}from"framer-motion";import{useClick as k,useHover as C,useFocus as I,useDismiss as S,useFloating as $,offset as O,useInteractions as P,useRole as V,FloatingPortal as D}from"@floating-ui/react-dom-interactions";import{flexRender as R,useReactTable as T,getCoreRowModel as F,getExpandedRowModel as z,getSortedRowModel as M}from"@tanstack/react-table";export{createColumnHelper}from"@tanstack/react-table";const H=["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"],L=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),W=["cloud","globe","life-ring","sidebar"],A=({variant:a,white:t,className:n})=>{const l=L.get(a)||a,i=H.includes(l)&&!W.includes(l),o=u({"fa-kit":i,"fa-sharp fa-regular":!i},`fa-${l}`,t&&"maxio-icon--white",n);return e.createElement("i",{className:o})},B=({item:n,isSelected:l,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=a(null),c=a(!1),m=v();if(t((()=>{var e;l&&c.current&&(null===(e=s.current)||void 0===e||e.focus())}),[l]),t((()=>{c.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,trailingIconName:p,label:g,description:x,link:h}=n,b=u("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...h,className:u("maxio-action-list__content",{"maxio-action-list__content--size-small":r}),tabIndex:l?0:-1,ref:s,role:o},d&&e.createElement(A,{variant:d,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:b,id:m},g),x&&e.createElement("span",{className:"maxio-action-list__description"},x),p&&e.createElement(A,{variant:p,className:"maxio-action-list__trailing-icon"}))},U=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?U(e-1,a,t||e):e-1,q=({items:a,isShadowed:t=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=u("maxio-action-list",i,{"maxio-action-list--shadow":t}),[m,d]=n((()=>a.findIndex((e=>"divider"!==e.type))));return 0===a.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=a[m];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),d((e=>U(e,a)))),"ArrowDown"===e.code&&(e.preventDefault(),d((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,a))))},role:"listbox",...s},a.map(((a,t)=>e.createElement(B,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===m,small:r,...l}))))},j=l({}),G=({children:a})=>{const[t,l]=n(!1),o=i(),r=i();return e.createElement(j.Provider,{value:{controlsId:o,buttonId:r,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l((e=>!e))}},a)};function Y(){const e=o(j);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const K=({children:a})=>{const{isOpen:t,onToggle:n,onClose:l}=Y();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:l}):a)},X=({children:a})=>e.createElement(G,null,e.createElement(K,null,a)),J=({items:a,alignItemsEnd:t=!1})=>{const n=u("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:l,buttonId:i}=Y();return e.createElement("div",{className:n,role:"presentation"},e.createElement(q,{role:"menu",itemProps:{role:"menuitem"},id:l,"aria-labelledby":i,items:a}))},Q=({children:a,iconName:t="chevron-down","aria-label":n,size:l="lg",variant:i="secondary"})=>{const o=u({"maxio-action-menu__chevron":"chevron-down"===t}),r=u("maxio-button",`maxio-button--${i}`,`maxio-button--${l}`,{"maxio-button--icon":t&&!a}),{isOpen:s,buttonId:c,controlsId:m}=Y();return e.createElement("summary",{className:r,"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(A,{variant:t,className:`${o} maxio-button__trailing-element`})))},Z=({className:a,src:t,alt:n="avatar"})=>e.createElement("img",{className:u("maxio-avatar",a),alt:n,src:t}),ee=({icon:a,variant:t="default"})=>e.createElement("i",{className:u("maxio-brand-logo",`maxio-brand-logo-${a}`,{[`maxio-brand-logo--${t}`]:"default"!==t})}),ae=({children:a,size:t="sm",disabled:n,external:l,icon:i,variant:o,underline:r,...s})=>{const c=u("maxio-link",{[`maxio-link--${t}`]:t,"maxio-link--disabled":n,[`maxio-link--${o}`]:o,"maxio-link--underline":r}),m=l?"_blank":"_self";return e.createElement("a",{className:c,target:m,...s},a,i&&e.createElement(A,{variant:i,className:"maxio-link__icon"}))},te=({children:a,className:t,to:n,...l})=>{const i=n?e.createElement(ae,{size:"sm",href:n},a):a;return e.createElement("li",{className:u("maxio-breadcrumbs__item",t),...l},i)},ne="Breadcrumbs requires at least one BreadcrumbsItem as children",le='Last BreadcrumbsItem should not have "to" prop. It is the current page.',ie="Breadcrumbs only accepts BreadcrumbsItem as children",oe=({className:a,children:t,...n})=>{const l=r.count(t);if(0===l)throw new Error(ne);const i=r.map(t,((e,a)=>{if(s(e)&&e.type==te){if(a===l-1&&e.props.to)throw new Error(le);return c(e,{"aria-current":a===l-1?"page":void 0})}throw new Error(ie)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:u("maxio-breadcrumbs",a)},i))},re=({size:a="md",white:t=!1,className:n})=>{const l=u("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":t});return e.createElement("div",{className:l,role:"status","aria-label":"loading"})},se=({fullWidth:t=!1,icon:n,variant:l="primary",size:i="lg",...o})=>{const r=a(null),{linkProps:s}=p({...o},r),m=u("maxio-button",o.className,{[`maxio-button--${i}`]:i,[`maxio-button--${l}`]:l,"maxio-button--full-width":t});return e.createElement("a",{...s,ref:r,className:m,href:o.href},o.children,n&&c(n,{className:"maxio-button__trailing-element"}))},ce=({disabled:t,loading:n=!1,fullWidth:l=!1,icon:i,variant:o="primary",size:r="lg",...s})=>{const m=a(null),{buttonProps:d}=g({...s,isDisabled:t},m),v=["primary","secondary","danger"].includes(o),p=u("maxio-button",s.className,{[`maxio-button--${r}`]:r,[`maxio-button--${o}`]:o,"maxio-button--loading":n,"maxio-button--full-width":l});return e.createElement("button",{...d,className:p,ref:m},s.children,!n&&i&&c(i,{className:"maxio-button__trailing-element"}),n&&e.createElement(re,{className:"maxio-button__trailing-element",size:"md",white:v}))},me=a=>(e=>"href"in e)(a)?e.createElement(se,{...a}):e.createElement(ce,{...a}),de=({"aria-label":a,...t})=>e.createElement(me,{"aria-label":a,className:"maxio-button--icon",...t},null),ue=({children:a,as:t,iconName:n,noPadding:l,className:i,...o})=>{const r=e.useRef(null);let{buttonProps:s}=g(o,r),{linkProps:c}=p(o,r);const m="a"===t?c:s,d=t||"button";return e.createElement(d,{className:u("maxio-header-button",i,{"maxio-header-button--no-padding":l}),ref:r,...m},e.createElement("div",{className:"maxio-header-button__content"},a||null,n&&e.createElement(A,{variant:n})))},ve=({className:a,sidebarToggleVisible:l=!0,sidebarToggleExpanded:i=!0,variant:o="grey",socket:r,rightSocket:s,onClickSidebarIcon:c})=>{const[m,d]=n(i);t((()=>{d(i)}),[i]);const v=u("maxio-header",a,{[`maxio-header--bar-${o}`]:o});return e.createElement("nav",{className:v},l&&e.createElement(ue,{"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"}),r&&e.createElement("div",{className:"maxio-header__socket"},r),s&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},s))},pe=({items:a})=>e.createElement("ul",{className:"maxio-header-nav"},a.map((({label:a,id:t,isActive:n,...l})=>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}),...l},a))))),ge=({className:a,innerRef:t,...n})=>{const[l,i]=e.useState(n.value||""),{inputProps:o}=x({value:n.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:l,setValue:i},t);return e.createElement("div",{className:u("maxio-header-search-field",a)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(A,{variant:"search"})),e.createElement("input",{ref:t,className:"maxio-header-search-field__input",type:"search",...o}))};ge.displayName="SearchField";const xe=({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(A,{variant:"chevron-down"})));xe.displayName="SearchMenu";const he=({options:t,onSubmit:n})=>{const l=a(null),i=a(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,t,o,r;e.preventDefault(),n({searchField:null!==(t=null===(a=l.current)||void 0===a?void 0:a.value)&&void 0!==t?t:"",selectField:null!==(r=null===(o=i.current)||void 0===o?void 0:o.value)&&void 0!==r?r:""})}},e.createElement(xe,{innerRef:i,options:t}),e.createElement(ge,{innerRef:l}),e.createElement(ue,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},be={click:k,hover:C,focus:I,dismiss:S},Ee=(e,a)=>a.map((a=>be[a](e))),_e=({placement:e="top",isActive:n=!1,interactions:l=["hover"],floatingElementOffset:i=0,onOverlayUpdate:o,autoHideMs:r})=>{const s=a(null),{strategy:c,x:m,y:d,context:u,floating:v,reference:p}=$({placement:e,open:n,onOpenChange:e=>o(e),middleware:[O(i)]}),{getReferenceProps:g,getFloatingProps:x}=P([...Ee(u,l),V(u,{role:"tooltip"})]);t((()=>{s.current&&clearTimeout(s.current),n&&r&&(s.current=window.setTimeout((()=>o(!1)),r))}),[n,r]);return{isActive:n,refs:{floating:v,reference:p},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:x}};function fe(e,l=0){const i=a((new Date).getTime()),o=a((new Date).getTime()),[r,s]=n(!1);return t((()=>{const a=()=>{i.current=(new Date).getTime(),s(!0)},t=()=>{o.current=(new Date).getTime(),window.setTimeout((()=>{i.current-o.current<=0&&s(!1)}),l)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",t)),()=>{n&&(n.removeEventListener("mouseenter",a),n.removeEventListener("mouseleave",t))}}),[e]),r}function we(e=500){const[l,i]=n((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),o=a(null);return t((()=>{const a=()=>{var a;const{innerWidth:t,innerHeight:n}=window;window.clearTimeout(null!==(a=o.current)&&void 0!==a?a:void 0),o.current=window.setTimeout((()=>{i({windowWitdh:t,windowHeight:n})}),e)};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}}),[e]),l}const Ne=({children:a,usePortal:t=!1,isActive:n=!1,placement:l="top",interactions:i=["hover"],role:o="tooltip",renderOverlay:r,floatingElementOffset:s,motionSettings:c={},autoHideMs:m,onOverlayUpdate:d,className:v})=>{const{getReferenceProps:p,getFloatingProps:g,refs:{floating:x,reference:h},floatingElementCSSPosition:b}=_e({role:o,isActive:n,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:i,placement:l}),E=e.createElement(N,null,n&&e.createElement(y.div,{ref:x,style:b,...c,...g()},r()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:h,className:u("maxio-inline-flex",v),...p(),"data-testid":"overlay-trigger"},a),t?e.createElement(D,{id:"maxio-ui-portal"},E):E)},ye=({label:a,helperText:t,size:n="md",variant:l="default",status:i,value:o,maxValue:r=100})=>{const s=v(),c=v(),m=i&&!!a&&!!o&&!("inline"===l),d=t&&!("inline"===l),p=t&&"inline"===l,{progressBarProps:g,labelProps:x}=h({maxValue:r,value:o,label:a}),b=u("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===n,"maxio-progress-bar--success":o&&!("inline"===l)&&"success"===i,"maxio-progress-bar--error":o&&!("inline"===l)&&"error"===i,"maxio-progress-bar--indent":"indent"===l,"maxio-progress-bar--inline":"inline"===l,"maxio-progress-bar--indeterminate":void 0===o});return e.createElement("div",{className:b,...g},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":`${o}%`}})),m&&e.createElement("div",{className:`maxio-progress-bar__${i}-icon`}),d&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},ke=({children:a,arrowPosition:t,size:n="regular",maxWidth:l=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:l}},a)),Ce={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"},Ie=({children:a,interactions:t=["hover"],placement:l="right",maxWidth:i=160,size:o="regular",renderContent:r,autoHideMs:s,isVisible:c,usePortal:u,className:v,onVisibilityUpdate:p,floatingElementOffset:g=5})=>{const[x,h]=n(!1),b=void 0!==c,E=m((e=>{b||h(e),p&&p(e)}),[c]),_=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}}})(l)),[l]);return e.createElement(Ne,{role:"tooltip",className:v,floatingElementOffset:g,motionSettings:_,isActive:b?c:x,onOverlayUpdate:E,autoHideMs:s,usePortal:u,placement:l,interactions:t,renderOverlay:()=>e.createElement(ke,{size:o,arrowPosition:Ce[l],maxWidth:i},r())},a)},Se=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(Ie,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(A,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(A,{variant:t}))),$e=l({}),Oe=()=>o($e),Pe=({children:a,isOpen:l,onChange:i,withIcons:o=!0,sections:r,shouldToggleSidebar:s=!0,topDropdownItems:c,collapseBreakpoint:m=800})=>{const[d,u]=n((()=>!s||("boolean"==typeof l?l:"undefined"==typeof window||window.innerWidth>m)));t((()=>{"boolean"==typeof l&&(u(l),i&&i(l))}),[l]);const[v,p]=n(r),g=()=>{u(!1),i&&i(!1)},{windowWitdh:x}=we(200);t((()=>{!function(e){if(!s)return;e<m&&d&&g()}(x)}),[x]),t((()=>{!function(){const e=h();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($e.Provider,{value:{sections:v,topDropdownItems:c,onSectionOpen:e=>{const a=h();p((t=>t.map((t=>{var n;if(!d)return{...t,isOpen:t.name===e};const l=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:l}}))))},isOpen:d,onOpen:()=>{u(!0),i&&i(!0)},onClose:g,onToggle:()=>{u((e=>(i&&i(!e),!e)))},withIcons:o}},a);function h(){return v.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},Ve=()=>{const{onOpen:t,topDropdownItems:n,isOpen:l}=Oe(),{mainItem:i,otherItems:o,actions:r}=n,s=a(null),c=fe(s),m=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),u=d((()=>[...o.map(m),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(m)].filter((e=>null!=e))),[r,o]),v=o.length+r.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:i.url,onClick:t},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:t,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:s},i.url?e.createElement(e.Fragment,null,e.createElement(Se,{type:"menu",isTooltipVisible:!l&&c,leadingIcon:i.icon,trailingIcon:"chevron-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(Se,{type:"menu",trailingIcon:"chevron-down"},i.title)),e.createElement(q,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},De=({section:t})=>{var n;const{isOpen:l,withIcons:i}=Oe(),o=a(null),r=fe(o);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:o},e.createElement(Se,{isTooltipVisible:r&&!l,type:"menu",leadingIcon:i&&null!==(n=t.icon)&&void 0!==n?n:void 0},t.name)))},Re=({section:t})=>{var n,l,i;const{onOpen:o,onSectionOpen:r,isOpen:s,withIcons:c}=Oe();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=fe(v);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(De,{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(){r(t.name),o()}},e.createElement(Se,{type:"menu",isTooltipVisible:!s&&p,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__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__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)))))))},Te=()=>{const{sections:a}=Oe();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(Re,{key:`section-${a.name}`,section:a}))))},Fe=()=>{const{isOpen:a}=Oe();return e.createElement("nav",{className:u("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement("div",null,e.createElement(Ve,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(Te,null)))},ze=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l,collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(Pe,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(Fe,null)),Me=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],He=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(Ie,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(r=a,Me.includes(r)?e.createElement(ee,{icon:a}):e.createElement(A,{variant:a,className:i})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(A,{variant:t})));var r},Le=e=>"heading"!==e.type,We=e=>{const a=(e=>e.flat().filter(Le).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 Le(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},Ae=l({}),Be=()=>o(Ae),Ue=({children:l,isOpen:i,onChange:o,withIcons:r=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=a(!1),[v,p]=n((()=>!c||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>d))),[g,x]=n((()=>We(s))),{windowWitdh:h}=we(200);t((()=>{u.current&&(null==o||o(v))}),[v,o]),t((()=>{u.current=!0}),[]),t((()=>{!function(e){if(!c)return;e<d&&v&&b()}(h)}),[h]),t((()=>{"boolean"==typeof i&&p(i)}),[i]);const b=()=>{p(!1)};return e.createElement(Ae.Provider,{value:{sections:g,topDropdownItems:m,onSectionOpen:e=>{x((a=>a.map((a=>a.map((a=>Le(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:v,onOpen:()=>{p(!0)},onClose:b,withIcons:r,shouldToggleSidebar:c}},l)},qe=()=>{const{onOpen:t,topDropdownItems:n,isOpen:l}=Be(),{mainItem:i,otherItems:o,actions:r}=n,s=a(null),c=fe(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:o.length+r.length,items:[...o.map(m),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(m)].filter((e=>null!=e))})),[r,o]);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:i.url,onClick:t},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:t,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:s},i.url?e.createElement(e.Fragment,null,e.createElement(He,{type:"menu",isTooltipVisible:!l&&c,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(He,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),e.createElement(q,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u,small:!0})))},je=({section:t})=>{const{isOpen:n,withIcons:l}=Be(),i=a(null),o=fe(i);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:i},e.createElement(He,{isTooltipVisible:o&&!n,type:"menu",leadingIcon:l?t.icon:void 0},t.name)))},Ge=({section:t})=>{var n,l;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=Be(),c=a(null),m=fe(c);if(!Le(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(je,{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:()=>{o(t.name),i()}},e.createElement(He,{type:"menu",isTooltipVisible:!r&&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===(l=t.items)||void 0===l?void 0:l.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)))))))},Ye=()=>{const{sections:a}=Be();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(Ge,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},Ke=()=>{const{onClose:a,shouldToggleSidebar:t}=Be();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(A,{variant:"sidebar"})))},Xe=()=>{const{isOpen:a}=Be();return e.createElement("nav",{className:u("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!a})},e.createElement(Ke,null),e.createElement(qe,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(Ye,null)))},Je=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:l=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(Ue,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(Xe,null)),Qe=l({}),Ze=()=>o(Qe),ea=({children:a,variant:l="line",withDivider:i=!1,defaultIndex:o=0,onChange:r,index:s})=>{const[c,m]=n((()=>void 0!==s?s:o));t((()=>{void 0===s&&m(o),"number"==typeof s&&m(s)}),[o,s]);return e.createElement(Qe.Provider,{value:{currentIndex:c,variant:l,withDivider:i,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof r&&r(a)}}},a)},aa=({disabled:n=!1,value:l=0,isCurrent:i,...o})=>{const{onChange:r,currentIndex:s}=Ze(),c=u("maxio-tabs__tab",{"maxio-tabs__tab--active":s===l,"maxio-tabs__tab--disabled":n,"maxio-tabs__tab--icon":"icon"===o.type}),m=()=>{r(l)},d={"aria-selected":i,id:`tab-${l}`,"aria-controls":`panel-${l}`,role:"tab",tabIndex:i?0:-1},v=a(null),p=a(!1);if(t((()=>{var e;i&&p.current&&(null===(e=v.current)||void 0===e||e.focus())}),[i]),t((()=>{p.current=!0}),[]),"icon"===o.type){const{icon:a,...t}=o;return e.createElement("div",{className:c,ref:v,onClick:m,...d,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:g,rightIcon:x,...h}=o;return e.createElement("div",{ref:v,className:c,onClick:m,...d,...h},e.createElement("div",{className:"maxio-tabs__tab__content"},g,x||null))},ta=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:l=0,index:i,onChange:o})=>e.createElement(ea,{defaultIndex:l,variant:t,withDivider:n,index:i,onChange:o},a),na=({children:a,value:t,...n})=>{const{currentIndex:l}=Ze();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:l!==t},a)},la=({children:a})=>{const{currentIndex:t}=Ze();return e.createElement(e.Fragment,null,r.map(a,((e,a)=>{if(s(e)&&e.type===na)return a===t?c(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},ia=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?ia(e-1,a,t||e):e-1,oa=({children:t,className:n,ariaLabel:l,...i})=>{const{variant:o,withDivider:m,currentIndex:d,onChange:v}=Ze(),p=u("maxio-tabs",n,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":m}),g=a(null),x=()=>r.map(t,(e=>e.props));return e.createElement("div",{className:p,role:"tablist","aria-label":l,"aria-orientation":"horizontal",ref:g,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=>ia(e,x()))),null===(a=g.current)||void 0===a||a.focus()},...i},r.map(t,((e,a)=>{if(s(e)&&e.type===aa)return c(e,{value:a,isCurrent:d===a});throw new Error("You can only pass <Tab /> component as children")})))},ra=({children:a,size:t="md",sentiment:n="default",kind:l="primary",leadingIcon:i,trailingIcon:o})=>{const r=u("maxio-tag",`maxio-tag--${t}`,`maxio-tag--${l}`,`maxio-tag--${n}`);return e.createElement("div",{className:r},i&&e.createElement(A,{variant:i,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),o&&e.createElement(A,{variant:o,className:"maxio-tag__icon"}))},sa=({children:a,className:t,href:n,onClick:l,target:i,disabled:o})=>{const r=n||l;if(!r)return e.createElement("div",{className:"maxio-tile"},a);const s=u("maxio-tile",t,{"maxio-tile--clickable":r,"maxio-tile--disabled":o});return e.createElement("a",{className:s,href:n,target:i,onClick:e=>{o&&n&&e.preventDefault(),!o&&l&&l()}},a)},ca=({defaultChecked:a,checked:t,onChange:n,disabled:l,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:d,...v})=>{const p=i(),g="boolean"==typeof a,x=d||p,h="left"===r?"row":"row-reverse",b=o&&r,E=m((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;g&&(e.currentTarget.checked=!a),n&&n(!a,e)}}),[g,n]),_=v["aria-label"]||(b?void 0:o);return e.createElement("div",{className:u("maxio-toggle",s,{"maxio-toggle--disabled":l}),style:{display:"inline-flex",flexDirection:h},"data-testid":"toggle-container"},b?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},o):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:l,className:"maxio-toggle__checkbox",id:x,name:c,"aria-label":_}),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"})))))},ma=({basis:a,flex:t,flexDirection:n="row",wrap:l,grow:i,shrink:o,gap:r,gapX:s,gapY:c,className:m,children:d,alignItems:v,justifyContent:p,container:g=!1,...x})=>{const h=u({"maxio-flex":g,[`maxio-flex-${t}`]:t,[`maxio-basis-${a}`]:void 0!==a,[`maxio-flex-${n}`]:n,[`maxio-flex-${l}`]:l,[`maxio-grow-${i}`]:void 0!==i,[`maxio-shrink-${o}`]:void 0!==o,[`maxio-gap-${r}`]:void 0!==r,[`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:h,...x},d)},da=({children:a,actions:t,sideNavIsClosed:n,openSideNav:l})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(de,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(A,{variant:"sidebar"}),onClick:l}),e.createElement(ma,{container:!0,flex:"grow",justifyContent:"end"},a),t),ua=({as:a="div",children:t,compact:n=!1,size:l="md",className:i,...o})=>{const r=a,s=u({[`maxio-body-${l}`]:!n,[`maxio-body-${l}-compact`]:n},i);return e.createElement(r,{className:s,...o},t)},va={sm:"h3",md:"h2",lg:"h1"},pa=({children:a,size:t="sm",className:n,...l})=>{const i=va[t],o=u(`maxio-heading-${t}`,n);return e.createElement(i,{className:o,...l},a)},ga=({as:a="div",children:t,size:n="md",className:l,...i})=>{const o=a,r=u(`maxio-display-${n}`,l);return e.createElement(o,{className:r,...i},t)},xa=({as:a="div",children:t,className:n,...l})=>{const i=a,o=u("maxio-code",n);return e.createElement(i,{className:o,...l},t)},ha=({as:a="div",children:t,size:n="sm",className:l,...i})=>{const o=a,r=u(`maxio-label-${n}`,l);return e.createElement(o,{className:r,...i},t)},ba=l({}),Ea=()=>o(ba),_a=({name:a,values:t,onChange:l,disabled:i=!1,invalid:o=!1,children:r})=>{const[s,c]=n(null!=t?t:[]);return e.createElement(ba.Provider,{value:{disabled:i,invalid:o,name:a,values:s,onChange:e=>{let a=[];a=s.includes(e)?s.filter((a=>a!==e)):[...s,e],c(a),l&&l(a)}}},r)},fa=({label:t,error:n=!1,className:l,indeterminate:i,...o})=>{var r;const s=a(null),{name:c,disabled:m,invalid:d,onChange:v,values:p=[]}=Ea(),g=!!c,x=null!=m?m:o.disabled,h=null!=d?d:n,E=null!==(r=o.value)&&void 0!==r?r:"",_=g?p.includes(E):o.checked,f=u("maxio-checkbox",{"maxio-checkbox--checked":_,"maxio-checkbox--disabled":x,"maxio-checkbox--error":h,"maxio-checkbox--indeterminate":i},l),{inputProps:w}=b({value:E,"aria-label":null!=t?t:o["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:f},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:s,...g?w:o}),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))},wa=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-helper-text",t),...n},a),Na=({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)),ya=({className:a,children:t,label:n,errorMessage:l,helperText:i,disabled:o})=>{const{values:r=[],onChange:s,name:c}=Ea(),{descriptionProps:m,errorMessageProps:d,groupProps:v,labelProps:p}=E({name:c,label:n},{validationState:l?"invalid":"valid",isDisabled:null!=o&&o,isInvalid:!!l,isReadOnly:null!=o&&o,setValue:s,addValue:s,toggleValue:s,removeValue:s,value:r,isSelected:e=>r.includes(e)}),g=u("maxio-checkbox-group",{"maxio-checkbox-group--disabled":o},a),x=i&&!l;return e.createElement("div",{className:g,...v},n&&e.createElement("label",{className:"maxio-checkbox-group__label",...p},n),t,x&&e.createElement(wa,{...m},i),l&&e.createElement(Na,{...d},l))},ka=a=>e.createElement(_a,{...a},e.createElement(ya,{...a},a.children)),Ca=l({}),Ia=()=>o(Ca),Sa=({children:a,onChange:l,value:i,defaultValue:o="",name:r,indent:s,disabled:c})=>{const[m,d]=n(o),[u,v]=n(null);t((()=>{d(null!=i?i:o)}),[i]);return e.createElement(Ca.Provider,{value:{onChange:e=>{d(e),l&&l(e)},name:r,value:m,indent:s,disabled:c,lastFocusedValue:u,setLastFocusedValue:v}},a)},$a=({indent:t=!1,disabled:n=!1,invalid:l=!1,label:i,...o})=>{const r=a(null),{disabled:s,indent:c,invalid:m,name:d,onChange:v,value:p,setLastFocusedValue:g=(()=>{}),lastFocusedValue:x=null}=Ia(),h=!!d,b=m||l,E=s||n,f=u("maxio-radio",{"maxio-radio--indent":c||t,"maxio-radio--disabled":E,"maxio-radio--error":b}),{inputProps:w}=_({...o,children:i,value:(o.value||"").toString()},{isDisabled:E,isReadOnly:E,isRequired:!1,name:d,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=p?p:null,setSelectedValue:v,setLastFocusedValue:g,lastFocusedValue:x},r);return e.createElement("label",{className:f},e.createElement("input",{ref:r,type:"radio",className:"maxio-radio__input",...h?w:o}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},i))},Oa=({children:a,label:t,errorMessage:n,helperText:l,disabled:i=!1,invalid:o=!1})=>{const{name:r,onChange:s,value:c,lastFocusedValue:m,setLastFocusedValue:d}=Ia(),{radioGroupProps:u,labelProps:v,descriptionProps:p,errorMessageProps:g}=f({name:r,label:t},{name:r,validationState:o?"invalid":"valid",isDisabled:i,isInvalid:o,isReadOnly:i,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&&o&&e.createElement(Na,{...g},n),l&&!n&&e.createElement(wa,{...p},l)))},Pa=a=>e.createElement(Sa,{...a},e.createElement(Oa,{...a},a.children)),Va=({disabled:t=!1,invalid:n=!1,readOnly:l=!1,size:i="md",variant:o="primary",label:r,helperText:s,errorMessage:c,leadingElement:m=null,trailingElement:d=null,onChange:v,fullWidth:p,...g})=>{var x,h;const b=a(null),{labelProps:E,inputProps:_,descriptionProps:f,errorMessageProps:N}=w({...g,label:r,description:s,errorMessage:c,defaultValue:null===(x=g.defaultValue)||void 0===x?void 0:x.toString(),value:null===(h=g.value)||void 0===h?void 0:h.toString()},b),y=u("maxio-text-field",`maxio-text-field--${o}`,`maxio-text-field--${i}`,{"maxio-text-field--disabled":t,"maxio-text-field--error":n,"maxio-text-field--readonly":l,"maxio-text-field--full-width":p}),k=n&&c;return e.createElement("div",{className:y},r&&e.createElement("label",{className:"maxio-text-field__label",...E},r),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(A,{variant:"warning-circle-fill"})),e.createElement("input",{ref:b,type:"text",className:"maxio-text-field__input",..._,onChange:v}),d&&!n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),s&&!k&&e.createElement("div",{className:"maxio-form-helper-text",...f},s),k&&e.createElement("div",{className:"maxio-form-error",...N},e.createElement("div",{className:"maxio-form-error__text"},c)))},Da=({options:a,label:t,variant:n="primary",size:l="md",inline:i=!1,disabled:o=!1,readOnly:r=!1,helperText:s,errorMessage:c,...m})=>{const d=u("maxio-select",`maxio-select--${n}`,`maxio-select--${l}`,{"maxio-select--disabled":o,"maxio-select--read-only":r,"maxio-select--inline":i,"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:o||r,...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(A,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(A,{variant:"chevron-down"}))),!!c&&e.createElement("div",{className:"maxio-select__error-text"},c),s&&!c&&e.createElement("div",{className:"maxio-select__helper-text"},s))},Ra=({children:a,pattern:t,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=n(!1),[c,m]=n(!1),d=t&&o&&i,v=u("maxio-data-table",{"maxio-data-table--pattern":t&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${l}`]:l,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:v},a))},Ta=({children:a})=>e.createElement("thead",null,a),Fa=({children:a})=>e.createElement("tbody",null,a),za=({children:a,header:t,className:n,...l})=>{var i,o,r,s,c,m,d,v;const p=null==t?void 0:t.column,g=null===(i=null==p?void 0:p.getCanSort)||void 0===i?void 0:i.call(p),x=null===(o=null==p?void 0:p.getToggleSortingHandler)||void 0===o?void 0:o.call(p),h=null==t?void 0:t.isPlaceholder,b=null===(s=null===(r=null==p?void 0:p.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,E=null===(m=null===(c=null==p?void 0:p.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.width,_=null===(v=null===(d=null==p?void 0:p.columnDef)||void 0===d?void 0:d.meta)||void 0===v?void 0:v.controls,f=null==p?void 0:p.getIsPinned(),w=null==p?void 0:p.getIsSorted(),N="asc"===w,y=u("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${f}`]:f,"maxio-data-table__cell--sortable":g,"maxio-data-table__cell--active":w,[`maxio-data-table__cell--${b}`]:b,"maxio-data-table__cell--controls":_}),k=E?{width:E}:{},C=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!w,N);return h?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":w?N?"ascending":"descending":"none",className:y,onClick:x,colSpan:null==t?void 0:t.colSpan,style:k,...l},e.createElement("div",{className:"maxio-data-table__cell-flex"},a,g&&e.createElement(A,{variant:C,className:"maxio-data-table__sort-icon"})))},Ma=({children:a,row:t,isChild:n,isHeader:l,className:i})=>{var o,r,s;const c=null===(o=null==t?void 0:t.getIsSelected)||void 0===o?void 0:o.call(t),m=(null===(r=null==t?void 0:t.getCanExpand)||void 0===r?void 0:r.call(t))&&(null===(s=null==t?void 0:t.getIsExpanded)||void 0===s?void 0:s.call(t)),d=u({"maxio-data-table__row":!l,"maxio-data-table__header-row":l,"maxio-data-table__row--active":c,"maxio-data-table__row--expanded":m,"maxio-data-table__row--expanded-child":n},i);return e.createElement("tr",{className:d},a)},Ha=({table:a,enableExpanding:t,enableRowSelection:n})=>{var l,i,o,r,s;const c=null===(l=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===l?void 0:l.call(a),m=(null===(i=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===i?void 0:i.call(a))||(null===(o=null==a?void 0:a.getIsAllRowsSelected)||void 0===o?void 0:o.call(a)),d=null===(r=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===r?void 0:r.call(a),u=null==a?void 0:a.getToggleAllRowsExpandedHandler(),v=null===(s=null==a?void 0:a.getIsAllRowsExpanded)||void 0===s?void 0:s.call(a);return e.createElement(e.Fragment,null,t&&e.createElement(de,{size:"sm",variant:"ghost",icon:e.createElement(A,{variant:v?"chevron-up":"chevron-down"}),onClick:u,"aria-label":v?"Collapse all rows":"Expand all rows","data-open":v}),n&&e.createElement(fa,{"aria-label":"Select all rows",onChange:c,checked:m,indeterminate:!m&&d}))},La=({row:a,enableExpanding:t})=>{var n,l,i,o,r,s,c,m;const d=null===(n=a.getCanSelect)||void 0===n?void 0:n.call(a),u=null===(l=a.getCanExpand)||void 0===l?void 0:l.call(a),v=null===(i=null==a?void 0:a.getToggleSelectedHandler)||void 0===i?void 0:i.call(a),p=(null===(o=null==a?void 0:a.getIsSelected)||void 0===o?void 0:o.call(a))||(null===(r=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===r?void 0:r.call(a)),g=null===(s=null==a?void 0:a.getIsSomeSelected)||void 0===s?void 0:s.call(a),x=null===(c=null==a?void 0:a.getToggleExpandedHandler)||void 0===c?void 0:c.call(a),h=null===(m=null==a?void 0:a.getIsExpanded)||void 0===m?void 0:m.call(a),b=!u&&t&&d?2:0,E=a.id||a.index;return e.createElement("div",{className:"maxio-data-table__cell-flex",style:{paddingLeft:`${(null==a?void 0:a.depth)+b}rem`}},u&&e.createElement(de,{size:"sm",variant:"ghost",icon:e.createElement(A,{variant:h?"chevron-up":"chevron-down"}),onClick:x,"aria-label":h?"Collapse row":"Expand row","data-open":h}),d&&e.createElement(fa,{"aria-label":`Select row ${E}`,onChange:v,checked:p,indeterminate:g}))},Wa=({row:a,cell:t,children:n,className:l,...i})=>{var o,r,s,c;const m=null==t?void 0:t.column,d=null===(r=null===(o=null==m?void 0:m.columnDef)||void 0===o?void 0:o.meta)||void 0===r?void 0:r.align,v=null===(c=null===(s=null==m?void 0:m.columnDef)||void 0===s?void 0:s.meta)||void 0===c?void 0:c.controls,p=null==m?void 0:m.getIsPinned(),g=u("maxio-data-table__cell",l,{[`maxio-data-table__cell--pinned-${p}`]:p,[`maxio-data-table__cell--${d}`]:d,"maxio-data-table__cell--controls":v});return e.createElement("td",{className:g,...i},n)},Aa=({row:a,SubRowComponent:t,pattern:n})=>{var l,i;const o=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),r=o&&"row-controls"===a.getVisibleCells()[0].column.columnDef.id,s=o&&"row-actions"===a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id,c=[s,r].filter(Boolean).length,m=a.getVisibleCells().length-c,d=null!==(i=null===(l=a.getParentRow())||void 0===l?void 0:l.index)&&void 0!==i?i:a.index,u=n&&t&&d%2==1?"maxio-data-table__row--with-pattern":void 0;return e.createElement(e.Fragment,{key:a.id},o?e.createElement(Ma,{key:`${a.id}-sub`,row:a,isChild:!0,className:u},r&&e.createElement(Wa,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Wa,{colSpan:m},t(a)),s&&e.createElement(Wa,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(Ma,{key:`${a.id}-parent`,row:a,className:u},a.getVisibleCells().map((t=>e.createElement(Wa,{key:t.id,row:a,cell:t},R(t.column.columnDef.cell,t.getContext()))))))},Ba=({pattern:a,size:n="md",SubRowComponent:l,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m=!1,columns:u,...v})=>{const p=(({columns:a,HeaderControls:t,RowControls:n,enableExpanding:l,enableRowSelection:i})=>d((()=>l||i?[{id:"row-controls",header:a=>e.createElement(t,{...a,enableExpanding:l,enableRowSelection:i}),cell:a=>e.createElement(n,{...a,enableExpanding:l}),meta:{controls:!0}},...a]:a),[l,i,a]))({columns:u,HeaderControls:Ha,RowControls:La,enableExpanding:m,enableRowSelection:c}),g=T({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...v.state},getSubRows:e=>e.subRows,getCoreRowModel:F(),enableRowSelection:c,enableExpanding:m,...!v.manualExpanding&&{getExpandedRowModel:z()},enableSorting:s,...!v.manualSorting&&{getSortedRowModel:M()},columns:p,...v}),x=g.getCanSomeRowsExpand(),h=g.getState();return t((()=>{null==i||i(h.expanded)}),[i,h.expanded]),t((()=>{null==o||o(h.rowSelection)}),[o,h.rowSelection]),t((()=>{null==r||r(h.sorting)}),[r,h.sorting]),e.createElement(Ra,{pattern:a,size:n,isExpandable:x,isUsingCustomRow:!!l},e.createElement(Ta,null,g.getHeaderGroups().map((a=>e.createElement(Ma,{key:a.id,table:g,isHeader:!0},a.headers.map((a=>e.createElement(za,{key:a.id,header:a},R(a.column.columnDef.header,a.getContext())))))))),e.createElement(Fa,null,g.getRowModel().rows.map((t=>e.createElement(Aa,{key:t.id,row:t,pattern:a,SubRowComponent:l})))))};export{q as ActionList,Z as Avatar,ua as Body,ee as BrandLogo,oe as Breadcrumbs,te as BreadcrumbsItem,me as Button,fa as Checkbox,ka as CheckboxGroup,xa as Code,Ba as DataTable,ga as Display,Na as FormErrorMessage,wa as FormHelperText,ve as Header,ue as HeaderButton,pe as HeaderNav,ge as HeaderSearchField,he as HeaderSearchInput,xe as HeaderSearchMenu,pa as Heading,A as Icon,de as IconButton,ha as Label,ae as Link,re as LoadingSpinner,X as Menu,Q as MenuButton,J as MenuList,Ne as OverlayTrigger,ye as ProgressBar,$a as Radio,Pa as RadioGroup,Da as Select,ze as SideNav,Je as SideNavV2,aa as Tab,oa as TabList,na as TabPanel,la as TabPanels,ta as Tabs,ra as Tag,Va as TextInput,sa as Tile,ca as Toggle,ke as Tooltip,Ie as TooltipTrigger,da as TopBar,fe as useHover,_e as useOverlayTrigger,we as useWindowSize};
+import e,{useRef as a,useEffect as t,useState as n,cloneElement as l,createContext as i,useId as o,useContext as r,Children as s,isValidElement as c,useMemo as m,useCallback as d}from"react";import u from"classnames";import{useId as v,useLink as p,useButton as g,useCheckboxGroupItem as x,useCheckboxGroup as h,useSearchField as b,useRadio as E,useRadioGroup as f,useTextField as _,useProgressBar as N}from"react-aria";import{flexRender as w,useReactTable as k,getCoreRowModel as y,getExpandedRowModel as C,getSortedRowModel as I}from"@tanstack/react-table";export{createColumnHelper}from"@tanstack/react-table";import{AnimatePresence as S,motion as P}from"framer-motion";import{useClick as $,useHover as O,useFocus as D,useDismiss as T,useFloating as V,offset as R,useInteractions as z,useRole as F,FloatingPortal as M}from"@floating-ui/react-dom-interactions";import{useToastState as H}from"@react-stately/toast";import{useToast as L,useToastRegion as W}from"@react-aria/toast";const A=["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"],B=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),U=["cloud","globe","life-ring","sidebar"],q=({variant:a,white:t,className:n})=>{const l=B.get(a)||a,i=A.includes(l)&&!U.includes(l),o=u({"fa-kit":i,"fa-sharp fa-regular":!i},`fa-${l}`,t&&"maxio-icon--white",n);return e.createElement("i",{className:o})},j=({item:n,isSelected:l,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=a(null),c=a(!1),m=v();if(t((()=>{var e;l&&c.current&&(null===(e=s.current)||void 0===e||e.focus())}),[l]),t((()=>{c.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,trailingIconName:p,label:g,description:x,link:h}=n,b=u("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...h,className:u("maxio-action-list__content",{"maxio-action-list__content--size-small":r}),tabIndex:l?0:-1,ref:s,role:o},d&&e.createElement(q,{variant:d,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:b,id:m},g),x&&e.createElement("span",{className:"maxio-action-list__description"},x),p&&e.createElement(q,{variant:p,className:"maxio-action-list__trailing-icon"}))},G=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?G(e-1,a,t||e):e-1,Y=({items:a,isShadowed:t=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=u("maxio-action-list",i,{"maxio-action-list--shadow":t}),[m,d]=n((()=>a.findIndex((e=>"divider"!==e.type))));return 0===a.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=a[m];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),d((e=>G(e,a)))),"ArrowDown"===e.code&&(e.preventDefault(),d((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,a))))},role:"listbox",...s},a.map(((a,t)=>e.createElement(j,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===m,small:r,...l}))))},K=({children:a,size:t="sm",disabled:n,external:l,icon:i,variant:o,underline:r,...s})=>{const c=u("maxio-link",{[`maxio-link--${t}`]:t,"maxio-link--disabled":n,[`maxio-link--${o}`]:o,"maxio-link--underline":r}),m=l?"_blank":"_self";return e.createElement("a",{className:c,target:m,...s},a,i&&e.createElement(q,{variant:i,className:"maxio-link__icon"}))},X=({size:a="md",white:t=!1,className:n})=>{const l=u("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":t});return e.createElement("div",{className:l,role:"status","aria-label":"loading"})},J=({fullWidth:t=!1,icon:n,variant:i="primary",size:o,...r})=>{const s=a(null),{linkProps:c}=p({...r},s),m=u("maxio-button",r.className,{[`maxio-button--${o}`]:o,[`maxio-button--${i}`]:i,"maxio-button--full-width":t});return e.createElement("a",{...c,ref:s,className:m,href:r.href},r.children,n&&l(n,{className:"maxio-button__trailing-element"}))},Q=({disabled:t,loading:n=!1,fullWidth:i=!1,icon:o,variant:r="primary",size:s,...c})=>{const m=a(null),{buttonProps:d}=g({...c,isDisabled:t},m),v=["primary","secondary","danger"].includes(r),p=u("maxio-button",c.className,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--loading":n,"maxio-button--full-width":i});return e.createElement("button",{...d,className:p,ref:m},c.children,!n&&o&&l(o,{className:"maxio-button__trailing-element"}),n&&e.createElement(X,{className:"maxio-button__trailing-element",size:"md",white:v}))},Z=a=>(e=>"href"in e)(a)?e.createElement(J,{...a}):e.createElement(Q,{...a}),ee=({"aria-label":a,...t})=>e.createElement(Z,{"aria-label":a,className:"maxio-button--icon",...t},null),ae=({children:a,title:t,linkText:n,linkExternal:l,href:i,sentiment:o="info",onDismiss:r})=>{const s=u("maxio-alert",{[`maxio-alert--${o}`]:"info"!==o&&o}),c={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[o];return e.createElement("div",{className:s},e.createElement(q,{variant:c,className:"maxio-alert__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-alert__container"},e.createElement("div",{className:"maxio-alert__content"},t&&e.createElement("span",{className:"maxio-alert__title"},t),e.createElement("span",{className:"maxio-alert__message"},a)),n&&i?e.createElement(K,{href:i,underline:!0,...l?{external:!0}:{}},n):null),r&&e.createElement(ee,{icon:e.createElement(q,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:r,size:"lg"}))},te=i({}),ne=({children:a})=>{const[t,l]=n(!1),i=o(),r=o();return e.createElement(te.Provider,{value:{controlsId:i,buttonId:r,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l((e=>!e))}},a)};function le(){const e=r(te);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const ie=({children:a})=>{const{isOpen:t,onToggle:n,onClose:l}=le();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:l}):a)},oe=({children:a})=>e.createElement(ne,null,e.createElement(ie,null,a)),re=({items:a,alignItemsEnd:t=!1})=>{const n=u("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:l,buttonId:i}=le();return e.createElement("div",{className:n,role:"presentation"},e.createElement(Y,{role:"menu",itemProps:{role:"menuitem"},id:l,"aria-labelledby":i,items:a}))},se=({children:a,iconName:t="chevron-down","aria-label":n,size:l="lg",variant:i="secondary"})=>{const o=u({"maxio-action-menu__chevron":"chevron-down"===t}),r=u("maxio-button",`maxio-button--${i}`,`maxio-button--${l}`,{"maxio-button--icon":t&&!a}),{isOpen:s,buttonId:c,controlsId:m}=le();return e.createElement("summary",{className:r,"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(q,{variant:t,className:`${o} maxio-button__trailing-element`})))},ce=({className:a,src:t,alt:n="avatar"})=>e.createElement("img",{className:u("maxio-avatar",a),alt:n,src:t}),me=({children:a,title:t,linkText:n,linkExternal:l,href:i,sentiment:o="info",onDismiss:r})=>{const s=u("maxio-banner",{[`maxio-banner--${o}`]:"info"!==o&&o}),c={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[o];return e.createElement("div",{className:s,"aria-live":"assertive"},e.createElement(q,{variant:c,className:"maxio-banner__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-banner__container"},e.createElement("div",{className:"maxio-banner__content"},t&&e.createElement("span",{className:"maxio-banner__title"},t),e.createElement("span",{className:"maxio-banner__message"},a)),n&&i?e.createElement(K,{href:i,..."warning"!==o&&{variant:"inverse"},underline:!0,...l?{external:!0}:{}},n):null),r&&e.createElement(ee,{icon:e.createElement(q,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:r,size:"lg"}))},de=({icon:a,variant:t="default"})=>e.createElement("i",{className:u("maxio-brand-logo",`maxio-brand-logo-${a}`,{[`maxio-brand-logo--${t}`]:"default"!==t})}),ue=({children:a,className:t,to:n,...l})=>{const i=n?e.createElement(K,{size:"sm",href:n},a):a;return e.createElement("li",{className:u("maxio-breadcrumbs__item",t),...l},i)},ve="Breadcrumbs requires at least one BreadcrumbsItem as children",pe='Last BreadcrumbsItem should not have "to" prop. It is the current page.',ge="Breadcrumbs only accepts BreadcrumbsItem as children",xe=({className:a,children:t,...n})=>{const i=s.count(t);if(0===i)throw new Error(ve);const o=s.map(t,((e,a)=>{if(c(e)&&e.type==ue){if(a===i-1&&e.props.to)throw new Error(pe);return l(e,{"aria-current":a===i-1?"page":void 0})}throw new Error(ge)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:u("maxio-breadcrumbs",a)},o))},he=({children:a,pattern:t,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=n(!1),[c,m]=n(!1),d=t&&o&&i,v=u("maxio-data-table",{"maxio-data-table--pattern":t&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${l}`]:l,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:v},a))},be=({children:a})=>e.createElement("thead",null,a),Ee=({children:a})=>e.createElement("tbody",null,a),fe=({children:a,header:t,className:n,...l})=>{var i,o,r,s,c,m,d,v;const p=null==t?void 0:t.column,g=null===(i=null==p?void 0:p.getCanSort)||void 0===i?void 0:i.call(p),x=null===(o=null==p?void 0:p.getToggleSortingHandler)||void 0===o?void 0:o.call(p),h=null==t?void 0:t.isPlaceholder,b=null===(s=null===(r=null==p?void 0:p.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,E=null===(m=null===(c=null==p?void 0:p.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.width,f=null===(v=null===(d=null==p?void 0:p.columnDef)||void 0===d?void 0:d.meta)||void 0===v?void 0:v.controls,_=null==p?void 0:p.getIsPinned(),N=null==p?void 0:p.getIsSorted(),w="asc"===N,k=u("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${_}`]:_,"maxio-data-table__cell--sortable":g,"maxio-data-table__cell--active":N,[`maxio-data-table__cell--${b}`]:b,"maxio-data-table__cell--controls":f}),y=E?{width:E}:{},C=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!N,w);return h?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":N?w?"ascending":"descending":"none",className:k,onClick:x,colSpan:null==t?void 0:t.colSpan,style:y,...l},e.createElement("div",{className:"maxio-data-table__cell-flex"},a,g&&e.createElement(q,{variant:C,className:"maxio-data-table__sort-icon"})))},_e=({children:a,row:t,isChild:n,isHeader:l,className:i})=>{var o,r,s;const c=null===(o=null==t?void 0:t.getIsSelected)||void 0===o?void 0:o.call(t),m=(null===(r=null==t?void 0:t.getCanExpand)||void 0===r?void 0:r.call(t))&&(null===(s=null==t?void 0:t.getIsExpanded)||void 0===s?void 0:s.call(t)),d=u({"maxio-data-table__row":!l,"maxio-data-table__header-row":l,"maxio-data-table__row--active":c,"maxio-data-table__row--expanded":m,"maxio-data-table__row--expanded-child":n},i);return e.createElement("tr",{className:d},a)},Ne=i({}),we=()=>r(Ne),ke=({name:a,values:t,onChange:l,disabled:i=!1,invalid:o=!1,children:r})=>{const[s,c]=n(null!=t?t:[]);return e.createElement(Ne.Provider,{value:{disabled:i,invalid:o,name:a,values:s,onChange:e=>{let a=[];a=s.includes(e)?s.filter((a=>a!==e)):[...s,e],c(a),l&&l(a)}}},r)},ye=({label:t,error:n=!1,className:l,indeterminate:i,...o})=>{var r;const s=a(null),{name:c,disabled:m,invalid:d,onChange:v,values:p=[]}=we(),g=!!c,h=null!=m?m:o.disabled,b=null!=d?d:n,E=null!==(r=o.value)&&void 0!==r?r:"",f=g?p.includes(E):o.checked,_=u("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":h,"maxio-checkbox--error":b,"maxio-checkbox--indeterminate":i},l),{inputProps:N}=x({value:E,"aria-label":null!=t?t:o["aria-label"]},{isDisabled:null!=h&&h,isReadOnly:null!=h&&h,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,...g?N:o}),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))},Ce=({children:a,className:t,...n})=>e.createElement("div",{className:u("maxio-form-helper-text",t),...n},a),Ie=({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)),Se=({className:a,children:t,label:n,errorMessage:l,helperText:i,disabled:o})=>{const{values:r=[],onChange:s,name:c}=we(),{descriptionProps:m,errorMessageProps:d,groupProps:v,labelProps:p}=h({name:c,label:n},{validationState:l?"invalid":"valid",isDisabled:null!=o&&o,isInvalid:!!l,isReadOnly:null!=o&&o,setValue:s,addValue:s,toggleValue:s,removeValue:s,value:r,isSelected:e=>r.includes(e)}),g=u("maxio-checkbox-group",{"maxio-checkbox-group--disabled":o},a),x=i&&!l;return e.createElement("div",{className:g,...v},n&&e.createElement("label",{className:"maxio-checkbox-group__label",...p},n),t,x&&e.createElement(Ce,{...m},i),l&&e.createElement(Ie,{...d},l))},Pe=a=>e.createElement(ke,{...a},e.createElement(Se,{...a},a.children)),$e=({table:a,enableExpanding:t,enableRowSelection:n})=>{var l,i,o,r,s;const c=null===(l=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===l?void 0:l.call(a),m=(null===(i=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===i?void 0:i.call(a))||(null===(o=null==a?void 0:a.getIsAllRowsSelected)||void 0===o?void 0:o.call(a)),d=null===(r=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===r?void 0:r.call(a),u=null==a?void 0:a.getToggleAllRowsExpandedHandler(),v=null===(s=null==a?void 0:a.getIsAllRowsExpanded)||void 0===s?void 0:s.call(a);return e.createElement(e.Fragment,null,t&&e.createElement(ee,{size:"sm",variant:"ghost",icon:e.createElement(q,{variant:v?"chevron-up":"chevron-down"}),onClick:u,"aria-label":v?"Collapse all rows":"Expand all rows","data-open":v}),n&&e.createElement(ye,{"aria-label":"Select all rows",onChange:c,checked:m,indeterminate:!m&&d}))},Oe=({row:a,enableExpanding:t})=>{var n,l,i,o,r,s,c,m;const d=null===(n=a.getCanSelect)||void 0===n?void 0:n.call(a),u=null===(l=a.getCanExpand)||void 0===l?void 0:l.call(a),v=null===(i=null==a?void 0:a.getToggleSelectedHandler)||void 0===i?void 0:i.call(a),p=(null===(o=null==a?void 0:a.getIsSelected)||void 0===o?void 0:o.call(a))||(null===(r=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===r?void 0:r.call(a)),g=null===(s=null==a?void 0:a.getIsSomeSelected)||void 0===s?void 0:s.call(a),x=null===(c=null==a?void 0:a.getToggleExpandedHandler)||void 0===c?void 0:c.call(a),h=null===(m=null==a?void 0:a.getIsExpanded)||void 0===m?void 0:m.call(a),b=!u&&t&&d?2:0,E=a.id||a.index;return e.createElement("div",{className:"maxio-data-table__cell-flex",style:{paddingLeft:`${(null==a?void 0:a.depth)+b}rem`}},u&&e.createElement(ee,{size:"sm",variant:"ghost",icon:e.createElement(q,{variant:h?"chevron-up":"chevron-down"}),onClick:x,"aria-label":h?"Collapse row":"Expand row","data-open":h}),d&&e.createElement(ye,{"aria-label":`Select row ${E}`,onChange:v,checked:p,indeterminate:g}))},De=({row:a,cell:t,children:n,className:l,...i})=>{var o,r,s,c;const m=null==t?void 0:t.column,d=null===(r=null===(o=null==m?void 0:m.columnDef)||void 0===o?void 0:o.meta)||void 0===r?void 0:r.align,v=null===(c=null===(s=null==m?void 0:m.columnDef)||void 0===s?void 0:s.meta)||void 0===c?void 0:c.controls,p=null==m?void 0:m.getIsPinned(),g=u("maxio-data-table__cell",l,{[`maxio-data-table__cell--pinned-${p}`]:p,[`maxio-data-table__cell--${d}`]:d,"maxio-data-table__cell--controls":v});return e.createElement("td",{className:g,...i},n)},Te=({row:a,SubRowComponent:t,pattern:n})=>{var l,i;const o=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),r=o&&"row-controls"===a.getVisibleCells()[0].column.columnDef.id,s=o&&"row-actions"===a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id,c=[s,r].filter(Boolean).length,m=a.getVisibleCells().length-c,d=null!==(i=null===(l=a.getParentRow())||void 0===l?void 0:l.index)&&void 0!==i?i:a.index,u=n&&t&&d%2==1?"maxio-data-table__row--with-pattern":void 0;return e.createElement(e.Fragment,{key:a.id},o?e.createElement(_e,{key:`${a.id}-sub`,row:a,isChild:!0,className:u},r&&e.createElement(De,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(De,{colSpan:m},t(a)),s&&e.createElement(De,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(_e,{key:`${a.id}-parent`,row:a,className:u},a.getVisibleCells().map((t=>e.createElement(De,{key:t.id,row:a,cell:t},w(t.column.columnDef.cell,t.getContext()))))))},Ve=({pattern:a,size:n="md",SubRowComponent:l,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:d=!1,columns:u,...v})=>{const p=(({columns:a,HeaderControls:t,RowControls:n,enableExpanding:l,enableRowSelection:i})=>m((()=>l||i?[{id:"row-controls",header:a=>e.createElement(t,{...a,enableExpanding:l,enableRowSelection:i}),cell:a=>e.createElement(n,{...a,enableExpanding:l}),meta:{controls:!0}},...a]:a),[l,i,a]))({columns:u,HeaderControls:$e,RowControls:Oe,enableExpanding:d,enableRowSelection:c}),g=k({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...v.state},getSubRows:e=>e.subRows,getCoreRowModel:y(),enableRowSelection:c,enableExpanding:d,...!v.manualExpanding&&{getExpandedRowModel:C()},enableSorting:s,...!v.manualSorting&&{getSortedRowModel:I()},columns:p,...v}),x=g.getCanSomeRowsExpand(),h=g.getState();return t((()=>{null==i||i(h.expanded)}),[i,h.expanded]),t((()=>{null==o||o(h.rowSelection)}),[o,h.rowSelection]),t((()=>{null==r||r(h.sorting)}),[r,h.sorting]),e.createElement(he,{pattern:a,size:n,isExpandable:x,isUsingCustomRow:!!l},e.createElement(be,null,g.getHeaderGroups().map((a=>e.createElement(_e,{key:a.id,table:g,isHeader:!0},a.headers.map((a=>e.createElement(fe,{key:a.id,header:a},w(a.column.columnDef.header,a.getContext())))))))),e.createElement(Ee,null,g.getRowModel().rows.map((t=>e.createElement(Te,{key:t.id,row:t,pattern:a,SubRowComponent:l})))))},Re=({children:a,as:t,iconName:n,noPadding:l,className:i,...o})=>{const r=e.useRef(null);let{buttonProps:s}=g(o,r),{linkProps:c}=p(o,r);const m="a"===t?c:s,d=t||"button";return e.createElement(d,{className:u("maxio-header-button",i,{"maxio-header-button--no-padding":l}),ref:r,...m},e.createElement("div",{className:"maxio-header-button__content"},a||null,n&&e.createElement(q,{variant:n})))},ze=({className:a,sidebarToggleVisible:l=!0,sidebarToggleExpanded:i=!0,variant:o="grey",socket:r,rightSocket:s,onClickSidebarIcon:c})=>{const[m,d]=n(i);t((()=>{d(i)}),[i]);const v=u("maxio-header",a,{[`maxio-header--bar-${o}`]:o});return e.createElement("nav",{className:v},l&&e.createElement(Re,{"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"}),r&&e.createElement("div",{className:"maxio-header__socket"},r),s&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},s))},Fe=({items:a})=>e.createElement("ul",{className:"maxio-header-nav"},a.map((({label:a,id:t,isActive:n,...l})=>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}),...l},a))))),Me=({className:a,innerRef:t,...n})=>{const[l,i]=e.useState(n.value||""),{inputProps:o}=b({value:n.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:l,setValue:i},t);return e.createElement("div",{className:u("maxio-header-search-field",a)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(q,{variant:"search"})),e.createElement("input",{ref:t,className:"maxio-header-search-field__input",type:"search",...o}))};Me.displayName="SearchField";const He=({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(q,{variant:"chevron-down"})));He.displayName="SearchMenu";const Le=({options:t,onSubmit:n})=>{const l=a(null),i=a(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,t,o,r;e.preventDefault(),n({searchField:null!==(t=null===(a=l.current)||void 0===a?void 0:a.value)&&void 0!==t?t:"",selectField:null!==(r=null===(o=i.current)||void 0===o?void 0:o.value)&&void 0!==r?r:""})}},e.createElement(He,{innerRef:i,options:t}),e.createElement(Me,{innerRef:l}),e.createElement(Re,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},We={click:$,hover:O,focus:D,dismiss:T},Ae=(e,a)=>a.map((a=>We[a](e))),Be=({placement:e="top",isActive:n=!1,interactions:l=["hover"],floatingElementOffset:i=0,onOverlayUpdate:o,autoHideMs:r})=>{const s=a(null),{strategy:c,x:m,y:d,context:u,floating:v,reference:p}=V({placement:e,open:n,onOpenChange:e=>o(e),middleware:[R(i)]}),{getReferenceProps:g,getFloatingProps:x}=z([...Ae(u,l),F(u,{role:"tooltip"})]);t((()=>{s.current&&clearTimeout(s.current),n&&r&&(s.current=window.setTimeout((()=>o(!1)),r))}),[n,r]);return{isActive:n,refs:{floating:v,reference:p},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:x}};function Ue(e,l=0){const i=a((new Date).getTime()),o=a((new Date).getTime()),[r,s]=n(!1);return t((()=>{const a=()=>{i.current=(new Date).getTime(),s(!0)},t=()=>{o.current=(new Date).getTime(),window.setTimeout((()=>{i.current-o.current<=0&&s(!1)}),l)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",a),n.addEventListener("mouseleave",t)),()=>{n&&(n.removeEventListener("mouseenter",a),n.removeEventListener("mouseleave",t))}}),[e]),r}function qe(e=500){const[l,i]=n((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),o=a(null);return t((()=>{const a=()=>{var a;const{innerWidth:t,innerHeight:n}=window;window.clearTimeout(null!==(a=o.current)&&void 0!==a?a:void 0),o.current=window.setTimeout((()=>{i({windowWitdh:t,windowHeight:n})}),e)};return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}}),[e]),l}const je=({children:a,usePortal:t=!1,isActive:n=!1,placement:l="top",interactions:i=["hover"],role:o="tooltip",renderOverlay:r,floatingElementOffset:s,motionSettings:c={},autoHideMs:m,onOverlayUpdate:d,className:v})=>{const{getReferenceProps:p,getFloatingProps:g,refs:{floating:x,reference:h},floatingElementCSSPosition:b}=Be({role:o,isActive:n,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:i,placement:l}),E=e.createElement(S,null,n&&e.createElement(P.div,{ref:x,style:b,...c,...g()},r()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:h,className:u("maxio-inline-flex",v),...p(),"data-testid":"overlay-trigger"},a),t?e.createElement(M,{id:"maxio-ui-portal"},E):E)},Ge=({children:a,arrowPosition:t,size:n="regular",maxWidth:l=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:l}},a)),Ye={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"},Ke=({children:a,interactions:t=["hover"],placement:l="right",maxWidth:i=160,size:o="regular",renderContent:r,autoHideMs:s,isVisible:c,usePortal:u,className:v,onVisibilityUpdate:p,floatingElementOffset:g=5})=>{const[x,h]=n(!1),b=void 0!==c,E=d((e=>{b||h(e),p&&p(e)}),[c]),f=m((()=>(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}}})(l)),[l]);return e.createElement(je,{role:"tooltip",className:v,floatingElementOffset:g,motionSettings:f,isActive:b?c:x,onOverlayUpdate:E,autoHideMs:s,usePortal:u,placement:l,interactions:t,renderOverlay:()=>e.createElement(Ge,{size:o,arrowPosition:Ye[l],maxWidth:i},r())},a)},Xe=i({}),Je=()=>r(Xe),Qe=({children:a,onChange:l,value:i,defaultValue:o="",name:r,indent:s,disabled:c})=>{const[m,d]=n(o),[u,v]=n(null);t((()=>{d(null!=i?i:o)}),[i]);return e.createElement(Xe.Provider,{value:{onChange:e=>{d(e),l&&l(e)},name:r,value:m,indent:s,disabled:c,lastFocusedValue:u,setLastFocusedValue:v}},a)},Ze=({indent:t=!1,disabled:n=!1,invalid:l=!1,label:i,...o})=>{const r=a(null),{disabled:s,indent:c,invalid:m,name:d,onChange:v,value:p,setLastFocusedValue:g=(()=>{}),lastFocusedValue:x=null}=Je(),h=!!d,b=m||l,f=s||n,_=u("maxio-radio",{"maxio-radio--indent":c||t,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:N}=E({...o,children:i,value:(o.value||"").toString()},{isDisabled:f,isReadOnly:f,isRequired:!1,name:d,validationState:b?"invalid":"valid",isInvalid:b,selectedValue:null!=p?p:null,setSelectedValue:v,setLastFocusedValue:g,lastFocusedValue:x},r);return e.createElement("label",{className:_},e.createElement("input",{ref:r,type:"radio",className:"maxio-radio__input",...h?N:o}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},i))},ea=({children:a,label:t,errorMessage:n,helperText:l,disabled:i=!1,invalid:o=!1})=>{const{name:r,onChange:s,value:c,lastFocusedValue:m,setLastFocusedValue:d}=Je(),{radioGroupProps:u,labelProps:v,descriptionProps:p,errorMessageProps:g}=f({name:r,label:t},{name:r,validationState:o?"invalid":"valid",isDisabled:i,isInvalid:o,isReadOnly:i,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&&o&&e.createElement(Ie,{...g},n),l&&!n&&e.createElement(Ce,{...p},l)))},aa=a=>e.createElement(Qe,{...a},e.createElement(ea,{...a},a.children)),ta=({disabled:t=!1,invalid:n=!1,readOnly:l=!1,size:i="md",variant:o="primary",label:r,helperText:s,errorMessage:c,leadingElement:m=null,trailingElement:d=null,onChange:v,fullWidth:p,...g})=>{var x,h;const b=a(null),{labelProps:E,inputProps:f,descriptionProps:N,errorMessageProps:w}=_({...g,label:r,description:s,errorMessage:c,defaultValue:null===(x=g.defaultValue)||void 0===x?void 0:x.toString(),value:null===(h=g.value)||void 0===h?void 0:h.toString()},b),k=u("maxio-text-field",`maxio-text-field--${o}`,`maxio-text-field--${i}`,{"maxio-text-field--disabled":t,"maxio-text-field--error":n,"maxio-text-field--readonly":l,"maxio-text-field--full-width":p}),y=n&&c;return e.createElement("div",{className:k},r&&e.createElement("label",{className:"maxio-text-field__label",...E},r),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(q,{variant:"warning-circle-fill"})),e.createElement("input",{ref:b,type:"text",className:"maxio-text-field__input",...f,onChange:v}),d&&!n&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),s&&!y&&e.createElement("div",{className:"maxio-form-helper-text",...N},s),y&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},c)))},na=({options:a,label:t,variant:n="primary",size:l="md",inline:i=!1,disabled:o=!1,readOnly:r=!1,helperText:s,errorMessage:c,...m})=>{const d=u("maxio-select",`maxio-select--${n}`,`maxio-select--${l}`,{"maxio-select--disabled":o,"maxio-select--read-only":r,"maxio-select--inline":i,"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:o||r,...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(q,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(q,{variant:"chevron-down"}))),!!c&&e.createElement("div",{className:"maxio-select__error-text"},c),s&&!c&&e.createElement("div",{className:"maxio-select__helper-text"},s))},la=({size:a="lg",onChange:t,totalItems:l=0,itemsPerPage:i=30,currentPage:o=1,pageSizeOptions:r})=>{const[s,c]=n(o),[m,d]=n(i),u=Math.ceil(l/m),v=s<u,p=s>1,g=m*(s-1)+1,x=Math.min(m*s,l),h=r.map((e=>({label:e.toString(),value:e.toString()}))),b=Array.from({length:u},((e,a)=>a+1)).map((e=>({label:e.toString(),value:e.toString()}))),E=e=>{c(e),null==t||t({currentPage:e,itemsPerPage:m})};return e.createElement("div",{className:"maxio-pagination"},e.createElement("div",{className:"maxio-pagination__items-per-page"},e.createElement("label",{htmlFor:"items-per-page-large",className:"maxio-pagination__label"},"Items per page"),e.createElement(na,{inline:!0,size:a,options:h,onChange:e=>{return a=Number(e.target.value),d(a),c(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:m,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,g,"–",x," of ",l," items")),e.createElement("div",{className:"maxio-pagination__current-page"},e.createElement(na,{inline:!0,size:a,"aria-label":"Select page",onChange:e=>E(Number(e.target.value)),value:s,options:b,id:"page-index-large"}),e.createElement("div",{className:"maxio-pagination__label"},"of ",u," pages")),e.createElement("div",{className:"maxio-pagination__controls"},e.createElement(Ke,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(ee,{icon:e.createElement(q,{variant:"chevron-left"}),size:a,variant:"ghost",onClick:()=>E(s-1),"aria-label":"Previous",disabled:!p})),e.createElement(Ke,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(ee,{icon:e.createElement(q,{variant:"chevron-right"}),size:a,variant:"ghost",onClick:()=>E(s+1),"aria-label":"Next",disabled:!v}))))},ia=({label:a,helperText:t,size:n="md",variant:l="default",status:i,value:o,maxValue:r=100})=>{const s=v(),c=v(),m=i&&!!a&&!!o&&!("inline"===l),d=t&&!("inline"===l),p=t&&"inline"===l,{progressBarProps:g,labelProps:x}=N({maxValue:r,value:o,label:a}),h=u("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===n,"maxio-progress-bar--success":o&&!("inline"===l)&&"success"===i,"maxio-progress-bar--error":o&&!("inline"===l)&&"error"===i,"maxio-progress-bar--indent":"indent"===l,"maxio-progress-bar--inline":"inline"===l,"maxio-progress-bar--indeterminate":void 0===o});return e.createElement("div",{className:h,...g},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":`${o}%`}})),m&&e.createElement("div",{className:`maxio-progress-bar__${i}-icon`}),d&&e.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},oa=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(Ke,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(q,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(q,{variant:t}))),ra=i({}),sa=()=>r(ra),ca=({children:a,isOpen:l,onChange:i,withIcons:o=!0,sections:r,shouldToggleSidebar:s=!0,topDropdownItems:c,collapseBreakpoint:m=800})=>{const[d,u]=n((()=>!s||("boolean"==typeof l?l:"undefined"==typeof window||window.innerWidth>m)));t((()=>{"boolean"==typeof l&&(u(l),i&&i(l))}),[l]);const[v,p]=n(r),g=()=>{u(!1),i&&i(!1)},{windowWitdh:x}=qe(200);t((()=>{!function(e){if(!s)return;e<m&&d&&g()}(x)}),[x]),t((()=>{!function(){const e=h();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(ra.Provider,{value:{sections:v,topDropdownItems:c,onSectionOpen:e=>{const a=h();p((t=>t.map((t=>{var n;if(!d)return{...t,isOpen:t.name===e};const l=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:l}}))))},isOpen:d,onOpen:()=>{u(!0),i&&i(!0)},onClose:g,onToggle:()=>{u((e=>(i&&i(!e),!e)))},withIcons:o}},a);function h(){return v.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},ma=()=>{const{onOpen:t,topDropdownItems:n,isOpen:l}=sa(),{mainItem:i,otherItems:o,actions:r}=n,s=a(null),c=Ue(s),d=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),u=m((()=>[...o.map(d),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(d)].filter((e=>null!=e))),[r,o]),v=o.length+r.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:i.url,onClick:t},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:t,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:s},i.url?e.createElement(e.Fragment,null,e.createElement(oa,{type:"menu",isTooltipVisible:!l&&c,leadingIcon:i.icon,trailingIcon:"chevron-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(oa,{type:"menu",trailingIcon:"chevron-down"},i.title)),e.createElement(Y,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u})))},da=({section:t})=>{var n;const{isOpen:l,withIcons:i}=sa(),o=a(null),r=Ue(o);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:o},e.createElement(oa,{isTooltipVisible:r&&!l,type:"menu",leadingIcon:i&&null!==(n=t.icon)&&void 0!==n?n:void 0},t.name)))},ua=({section:t})=>{var n,l,i;const{onOpen:o,onSectionOpen:r,isOpen:s,withIcons:c}=sa();const d=m((()=>{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=Ue(v);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(da,{section:t}):e.createElement("li",{className:u("maxio-side-nav__item",{"maxio-side-nav__item--active":d,"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":d?"page":void 0,type:"button",onClick:function(){r(t.name),o()}},e.createElement(oa,{type:"menu",isTooltipVisible:!s&&p,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__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__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)))))))},va=()=>{const{sections:a}=sa();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(ua,{key:`section-${a.name}`,section:a}))))},pa=()=>{const{isOpen:a}=sa();return e.createElement("nav",{className:u("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement("div",null,e.createElement(ma,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(va,null)))},ga=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l,collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ca,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(pa,null)),xa=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],ha=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(Ke,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(r=a,xa.includes(r)?e.createElement(de,{icon:a}):e.createElement(q,{variant:a,className:i})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(q,{variant:t})));var r},ba=e=>"heading"!==e.type,Ea=e=>{const a=(e=>e.flat().filter(ba).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 ba(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},fa=i({}),_a=()=>r(fa),Na=({children:l,isOpen:i,onChange:o,withIcons:r=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=a(!1),[v,p]=n((()=>!c||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>d))),[g,x]=n((()=>Ea(s))),{windowWitdh:h}=qe(200);t((()=>{u.current&&(null==o||o(v))}),[v,o]),t((()=>{u.current=!0}),[]),t((()=>{!function(e){if(!c)return;e<d&&v&&b()}(h)}),[h]),t((()=>{"boolean"==typeof i&&p(i)}),[i]);const b=()=>{p(!1)};return e.createElement(fa.Provider,{value:{sections:g,topDropdownItems:m,onSectionOpen:e=>{x((a=>a.map((a=>a.map((a=>ba(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:v,onOpen:()=>{p(!0)},onClose:b,withIcons:r,shouldToggleSidebar:c}},l)},wa=()=>{const{onOpen:t,topDropdownItems:n,isOpen:l}=_a(),{mainItem:i,otherItems:o,actions:r}=n,s=a(null),c=Ue(s),d=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:u,itemsCount:v}=m((()=>({itemsCount:o.length+r.length,items:[...o.map(d),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(d)].filter((e=>null!=e))})),[r,o]);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:i.url,onClick:t},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:t,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:s},i.url?e.createElement(e.Fragment,null,e.createElement(ha,{type:"menu",isTooltipVisible:!l&&c,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):e.createElement(ha,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),e.createElement(Y,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u,small:!0})))},ka=({section:t})=>{const{isOpen:n,withIcons:l}=_a(),i=a(null),o=Ue(i);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:i},e.createElement(ha,{isTooltipVisible:o&&!n,type:"menu",leadingIcon:l?t.icon:void 0},t.name)))},ya=({section:t})=>{var n,l;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=_a(),c=a(null),m=Ue(c);if(!ba(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(ka,{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:()=>{o(t.name),i()}},e.createElement(ha,{type:"menu",isTooltipVisible:!r&&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===(l=t.items)||void 0===l?void 0:l.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)))))))},Ca=()=>{const{sections:a}=_a();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(ya,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},Ia=()=>{const{onClose:a,shouldToggleSidebar:t}=_a();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(q,{variant:"sidebar"})))},Sa=()=>{const{isOpen:a}=_a();return e.createElement("nav",{className:u("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!a})},e.createElement(Ia,null),e.createElement(wa,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(Ca,null)))},Pa=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:l=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(Na,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(Sa,null)),$a=i({}),Oa=()=>r($a),Da=({children:a,variant:l="line",withDivider:i=!1,defaultIndex:o=0,onChange:r,index:s})=>{const[c,m]=n((()=>void 0!==s?s:o));t((()=>{void 0===s&&m(o),"number"==typeof s&&m(s)}),[o,s]);return e.createElement($a.Provider,{value:{currentIndex:c,variant:l,withDivider:i,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof r&&r(a)}}},a)},Ta=({disabled:n=!1,value:l=0,isCurrent:i,...o})=>{const{onChange:r,currentIndex:s}=Oa(),c=u("maxio-tabs__tab",{"maxio-tabs__tab--active":s===l,"maxio-tabs__tab--disabled":n,"maxio-tabs__tab--icon":"icon"===o.type}),m=()=>{r(l)},d={"aria-selected":i,id:`tab-${l}`,"aria-controls":`panel-${l}`,role:"tab",tabIndex:i?0:-1},v=a(null),p=a(!1);if(t((()=>{var e;i&&p.current&&(null===(e=v.current)||void 0===e||e.focus())}),[i]),t((()=>{p.current=!0}),[]),"icon"===o.type){const{icon:a,...t}=o;return e.createElement("div",{className:c,ref:v,onClick:m,...d,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:g,rightIcon:x,...h}=o;return e.createElement("div",{ref:v,className:c,onClick:m,...d,...h},e.createElement("div",{className:"maxio-tabs__tab__content"},g,x||null))},Va=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:l=0,index:i,onChange:o})=>e.createElement(Da,{defaultIndex:l,variant:t,withDivider:n,index:i,onChange:o},a),Ra=({children:a,value:t,...n})=>{const{currentIndex:l}=Oa();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:l!==t},a)},za=({children:a})=>{const{currentIndex:t}=Oa();return e.createElement(e.Fragment,null,s.map(a,((e,a)=>{if(c(e)&&e.type===Ra)return a===t?l(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")})))},Fa=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?Fa(e-1,a,t||e):e-1,Ma=({children:t,className:n,ariaLabel:i,...o})=>{const{variant:r,withDivider:m,currentIndex:d,onChange:v}=Oa(),p=u("maxio-tabs",n,{"maxio-tabs--contained":"contained"===r,"maxio-tabs--divider":m}),g=a(null),x=()=>s.map(t,(e=>e.props));return e.createElement("div",{className:p,role:"tablist","aria-label":i,"aria-orientation":"horizontal",ref:g,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=>Fa(e,x()))),null===(a=g.current)||void 0===a||a.focus()},...o},s.map(t,((e,a)=>{if(c(e)&&e.type===Ta)return l(e,{value:a,isCurrent:d===a});throw new Error("You can only pass <Tab /> component as children")})))},Ha=({children:a,size:t="md",sentiment:n="default",kind:l="primary",leadingIcon:i,trailingIcon:o})=>{const r=u("maxio-tag",`maxio-tag--${t}`,`maxio-tag--${l}`,`maxio-tag--${n}`);return e.createElement("div",{className:r},i&&e.createElement(q,{variant:i,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),o&&e.createElement(q,{variant:o,className:"maxio-tag__icon"}))},La=({children:a,className:t,href:n,onClick:l,target:i,disabled:o})=>{const r=n||l;if(!r)return e.createElement("div",{className:"maxio-tile"},a);const s=u("maxio-tile",t,{"maxio-tile--clickable":r,"maxio-tile--disabled":o});return e.createElement("a",{className:s,href:n,target:i,onClick:e=>{o&&n&&e.preventDefault(),!o&&l&&l()}},a)},Wa=({state:t,...n})=>{var l,i;const o=a(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=L(n,t,o),d=u("maxio-toast",{[`maxio-toast--${n.toast.content.sentiment}`]:n.toast.content.sentiment}),v={default:"info-circle-fill",success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[n.toast.content.sentiment||"default"];return e.createElement("div",{className:d,"data-maxio-mode":"dark",...r,ref:o},e.createElement(q,{variant:v,className:"maxio-toast__icon"}),e.createElement("div",{className:"maxio-toast__container",...s},e.createElement("div",{className:"maxio-toast__content",...c},n.toast.content.title&&e.createElement("span",{className:"maxio-toast__title"},n.toast.content.title),e.createElement("span",{className:"maxio-toast__message"},n.toast.content.message)),(null===(l=n.toast.content.link)||void 0===l?void 0:l.text)&&(null===(i=n.toast.content.link)||void 0===i?void 0:i.href)&&e.createElement(K,{href:n.toast.content.link.href,underline:!0,...n.toast.content.external?{external:!0}:{}},n.toast.content.link.text)),e.createElement(ee,{variant:"ghost",icon:e.createElement(q,{variant:"cross"}),"aria-label":"Dismiss Notification",size:"lg",...m}))},Aa=({state:a,...t})=>{let n=e.useRef(null),{regionProps:l}=W(t,a,n);return e.createElement("div",{...l,ref:n,className:t.className,style:{paddingTop:"10px",display:"flex",flexDirection:"column",gap:"10px"}},a.visibleToasts.map((t=>e.createElement(Wa,{key:t.key,toast:t,state:a}))))},Ba=({children:a,...t})=>{const{maxVisibleToasts:n=5,...l}=t,i=H({maxVisibleToasts:n,...l});return e.createElement(e.Fragment,null,a(i),i.visibleToasts.length>0&&e.createElement(Aa,{...t,state:i}))},Ua=({defaultChecked:a,checked:t,onChange:n,disabled:l,valueDescription:i,valueDescriptionPosition:r,className:s,name:c,id:m,...v})=>{const p=o(),g="boolean"==typeof a,x=m||p,h="left"===r?"row":"row-reverse",b=i&&r,E=d((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;g&&(e.currentTarget.checked=!a),n&&n(!a,e)}}),[g,n]),f=v["aria-label"]||(b?void 0:i);return e.createElement("div",{className:u("maxio-toggle",s,{"maxio-toggle--disabled":l}),style:{display:"inline-flex",flexDirection:h},"data-testid":"toggle-container"},b?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},i):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:l,className:"maxio-toggle__checkbox",id:x,name:c,"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"})))))},qa=({basis:a,flex:t,flexDirection:n="row",wrap:l,grow:i,shrink:o,gap:r,gapX:s,gapY:c,className:m,children:d,alignItems:v,justifyContent:p,container:g=!1,...x})=>{const h=u({"maxio-flex":g,[`maxio-flex-${t}`]:t,[`maxio-basis-${a}`]:void 0!==a,[`maxio-flex-${n}`]:n,[`maxio-flex-${l}`]:l,[`maxio-grow-${i}`]:void 0!==i,[`maxio-shrink-${o}`]:void 0!==o,[`maxio-gap-${r}`]:void 0!==r,[`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:h,...x},d)},ja=({children:a,actions:t,sideNavIsClosed:n,openSideNav:l})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(ee,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(q,{variant:"sidebar"}),onClick:l,size:"lg"}),e.createElement(qa,{container:!0,flex:"grow",justifyContent:"end"},a),t),Ga=({as:a="div",children:t,compact:n=!1,size:l="md",className:i,...o})=>{const r=a,s=u({[`maxio-body-${l}`]:!n,[`maxio-body-${l}-compact`]:n},i);return e.createElement(r,{className:s,...o},t)},Ya={sm:"h3",md:"h2",lg:"h1"},Ka=({children:a,size:t="sm",className:n,...l})=>{const i=Ya[t],o=u(`maxio-heading-${t}`,n);return e.createElement(i,{className:o,...l},a)},Xa=({as:a="div",children:t,size:n="md",className:l,...i})=>{const o=a,r=u(`maxio-display-${n}`,l);return e.createElement(o,{className:r,...i},t)},Ja=({as:a="div",children:t,className:n,...l})=>{const i=a,o=u("maxio-code",n);return e.createElement(i,{className:o,...l},t)},Qa=({as:a="div",children:t,size:n="sm",className:l,...i})=>{const o=a,r=u(`maxio-label-${n}`,l);return e.createElement(o,{className:r,...i},t)};export{Y as ActionList,ae as Alert,ce as Avatar,me as Banner,Ga as Body,de as BrandLogo,xe as Breadcrumbs,ue as BreadcrumbsItem,Z as Button,ye as Checkbox,Pe as CheckboxGroup,Ja as Code,Ve as DataTable,Xa as Display,Ie as FormErrorMessage,Ce as FormHelperText,ze as Header,Re as HeaderButton,Fe as HeaderNav,Me as HeaderSearchField,Le as HeaderSearchInput,He as HeaderSearchMenu,Ka as Heading,q as Icon,ee as IconButton,Qa as Label,K as Link,X as LoadingSpinner,oe as Menu,se as MenuButton,re as MenuList,je as OverlayTrigger,la as Pagination,ia as ProgressBar,Ze as Radio,aa as RadioGroup,na as Select,ga as SideNav,Pa as SideNavV2,Ta as Tab,Ma as TabList,Ra as TabPanel,za as TabPanels,Va as Tabs,Ha as Tag,ta as TextInput,La as Tile,Ba as ToastProvider,Ua as Toggle,Ge as Tooltip,Ke as TooltipTrigger,ja as TopBar,Ue as useHover,Be as useOverlayTrigger,qe 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"),l=require("@floating-ui/react-dom-interactions"),i=require("@tanstack/react-table");const o=["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"]]),s=["cloud","globe","life-ring","sidebar"],c=({variant:t,white:n,className:l})=>{const i=r.get(t)||t,c=o.includes(i)&&!s.includes(i),m=a({"fa-kit":c,"fa-sharp fa-regular":!c},`fa-${i}`,n&&"maxio-icon--white",l);return e.createElement("i",{className:m})},m=({item:n,isSelected:l,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),m=e.useRef(!1),d=t.useId();if(e.useEffect((()=>{var e;l&&m.current&&(null===(e=s.current)||void 0===e||e.focus())}),[l]),e.useEffect((()=>{m.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:u,trailingIconName:p,label:v,description:x,link:g}=n,h=a("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":d,...g,className:a("maxio-action-list__content",{"maxio-action-list__content--size-small":r}),tabIndex:l?0:-1,ref:s,role:o},u&&e.createElement(c,{variant:u,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:h,id:d},v),x&&e.createElement("span",{className:"maxio-action-list__description"},x),p&&e.createElement(c,{variant:p,className:"maxio-action-list__trailing-icon"}))},d=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?d(e-1,a,t||e):e-1,u=({items:t,isShadowed:n=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=a("maxio-action-list",i,{"maxio-action-list--shadow":n}),[u,p]=e.useState((()=>t.findIndex((e=>"divider"!==e.type))));return 0===t.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[u];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),p((e=>d(e,t)))),"ArrowDown"===e.code&&(e.preventDefault(),p((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,t))))},role:"listbox",...s},t.map(((a,t)=>e.createElement(m,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===u,small:r,...l}))))},p=e.createContext({}),v=({children:a})=>{const[t,n]=e.useState(!1),l=e.useId(),i=e.useId();return e.createElement(p.Provider,{value:{controlsId:l,buttonId:i,isOpen:t,onClose:()=>n(!1),onOpen:()=>n(!0),onToggle:()=>n((e=>!e))}},a)};function x(){const a=e.useContext(p);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const g=({children:a})=>{const{isOpen:t,onToggle:n,onClose:l}=x();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:l}):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})}),b=({children:t,size:n="sm",disabled:l,external:i,icon:o,variant:r,underline:s,...m})=>{const d=a("maxio-link",{[`maxio-link--${n}`]:n,"maxio-link--disabled":l,[`maxio-link--${r}`]:r,"maxio-link--underline":s}),u=i?"_blank":"_self";return e.createElement("a",{className:d,target:u,...m},t,o&&e.createElement(c,{variant:o,className:"maxio-link__icon"}))},f=({children:t,className:n,to:l,...i})=>{const o=l?e.createElement(b,{size:"sm",href:l},t):t;return e.createElement("li",{className:a("maxio-breadcrumbs__item",n),...i},o)},E="Breadcrumbs requires at least one BreadcrumbsItem as children",_='Last BreadcrumbsItem should not have "to" prop. It is the current page.',w="Breadcrumbs only accepts BreadcrumbsItem as children",N=({size:t="md",white:n=!1,className:l})=>{const i=a("maxio-loading-spinner",l,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":n});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},y=({fullWidth:n=!1,icon:l,variant:i="primary",size:o="lg",...r})=>{const s=e.useRef(null),{linkProps:c}=t.useLink({...r},s),m=a("maxio-button",r.className,{[`maxio-button--${o}`]:o,[`maxio-button--${i}`]:i,"maxio-button--full-width":n});return e.createElement("a",{...c,ref:s,className:m,href:r.href},r.children,l&&e.cloneElement(l,{className:"maxio-button__trailing-element"}))},C=({disabled:n,loading:l=!1,fullWidth:i=!1,icon:o,variant:r="primary",size:s="lg",...c})=>{const m=e.useRef(null),{buttonProps:d}=t.useButton({...c,isDisabled:n},m),u=["primary","secondary","danger"].includes(r),p=a("maxio-button",c.className,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--loading":l,"maxio-button--full-width":i});return e.createElement("button",{...d,className:p,ref:m},c.children,!l&&o&&e.cloneElement(o,{className:"maxio-button__trailing-element"}),l&&e.createElement(N,{className:"maxio-button__trailing-element",size:"md",white:u}))},k=a=>(e=>"href"in e)(a)?e.createElement(y,{...a}):e.createElement(C,{...a}),S=({"aria-label":a,...t})=>e.createElement(k,{"aria-label":a,className:"maxio-button--icon",...t},null),I=({children:n,as:l,iconName:i,noPadding:o,className:r,...s})=>{const m=e.useRef(null);let{buttonProps:d}=t.useButton(s,m),{linkProps:u}=t.useLink(s,m);const p="a"===l?u:d,v=l||"button";return e.createElement(v,{className:a("maxio-header-button",r,{"maxio-header-button--no-padding":o}),ref:m,...p},e.createElement("div",{className:"maxio-header-button__content"},n||null,i&&e.createElement(c,{variant:i})))},R=({className:n,innerRef:l,...i})=>{const[o,r]=e.useState(i.value||""),{inputProps:s}=t.useSearchField({value:i.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:o,setValue:r},l);return e.createElement("div",{className:a("maxio-header-search-field",n)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(c,{variant:"search"})),e.createElement("input",{ref:l,className:"maxio-header-search-field__input",type:"search",...s}))};R.displayName="SearchField";const $=({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(c,{variant:"chevron-down"})));$.displayName="SearchMenu";const O={click:l.useClick,hover:l.useHover,focus:l.useFocus,dismiss:l.useDismiss},P=(e,a)=>a.map((a=>O[a](e))),T=({placement:a="top",isActive:t=!1,interactions:n=["hover"],floatingElementOffset:i=0,onOverlayUpdate:o,autoHideMs:r})=>{const s=e.useRef(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:v}=l.useFloating({placement:a,open:t,onOpenChange:e=>o(e),middleware:[l.offset(i)]}),{getReferenceProps:x,getFloatingProps:g}=l.useInteractions([...P(u,n),l.useRole(u,{role:"tooltip"})]);e.useEffect((()=>{s.current&&clearTimeout(s.current),t&&r&&(s.current=window.setTimeout((()=>o(!1)),r))}),[t,r]);return{isActive:t,refs:{floating:p,reference:v},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:x,getFloatingProps:g}};function V(a,t=0){const n=e.useRef((new Date).getTime()),l=e.useRef((new Date).getTime()),[i,o]=e.useState(!1);return e.useEffect((()=>{const e=()=>{n.current=(new Date).getTime(),o(!0)},i=()=>{l.current=(new Date).getTime(),window.setTimeout((()=>{n.current-l.current<=0&&o(!1)}),t)},r=a&&a.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}}),[a]),i}function D(a=500){const[t,n]=e.useState((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),l=e.useRef(null);return e.useEffect((()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:i}=window;window.clearTimeout(null!==(e=l.current)&&void 0!==e?e:void 0),l.current=window.setTimeout((()=>{n({windowWitdh:t,windowHeight:i})}),a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[a]),t}const F=({children:t,usePortal:i=!1,isActive:o=!1,placement:r="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:v,className:x})=>{const{getReferenceProps:g,getFloatingProps:h,refs:{floating:b,reference:f},floatingElementCSSPosition:E}=T({role:c,isActive:o,onOverlayUpdate:v,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:r}),_=e.createElement(n.AnimatePresence,null,o&&e.createElement(n.motion.div,{ref:b,style:E,...u,...h()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:f,className:a("maxio-inline-flex",x),...g(),"data-testid":"overlay-trigger"},t),i?e.createElement(l.FloatingPortal,{id:"maxio-ui-portal"},_):_)},M=({children:t,arrowPosition:n,size:l="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${l}`,{[`maxio-tooltip--arrow-${n}`]:n})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),H={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"},L=({children:a,interactions:t=["hover"],placement:n="right",maxWidth:l=160,size:i="regular",renderContent:o,autoHideMs:r,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,v]=e.useState(!1),x=void 0!==s,g=e.useCallback((e=>{x||v(e),d&&d(e)}),[s]),h=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(F,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:h,isActive:x?s:p,onOverlayUpdate:g,autoHideMs:r,usePortal:c,placement:n,interactions:t,renderOverlay:()=>e.createElement(M,{size:i,arrowPosition:H[n],maxWidth:l},o())},a)},z=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(L,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(c,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(c,{variant:t}))),B=e.createContext({}),W=()=>e.useContext(B),A=({children:a,isOpen:t,onChange:n,withIcons:l=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const[c,m]=e.useState((()=>!o||("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(i),p=()=>{m(!1),n&&n(!1)},{windowWitdh:v}=D(200);e.useEffect((()=>{!function(e){if(!o)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(B.Provider,{value:{sections:d,topDropdownItems:r,onSectionOpen:e=>{const a=x();u((t=>t.map((t=>{var n;if(!c)return{...t,isOpen:t.name===e};const l=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:l}}))))},isOpen:c,onOpen:()=>{m(!0),n&&n(!0)},onClose:p,onToggle:()=>{m((e=>(n&&n(!e),!e)))},withIcons:l}},a);function x(){return d.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},q=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=W(),{mainItem:l,otherItems:i,actions:o}=t,r=e.useRef(null),s=V(r),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),m=e.useMemo((()=>[...i.map(c),(null==i?void 0:i.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(c)].filter((e=>null!=e))),[o,i]),d=i.length+o.length;return e.createElement(e.Fragment,null,0===d?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:l.url,onClick:a},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:a,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:r},l.url?e.createElement(e.Fragment,null,e.createElement(z,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:l.icon,trailingIcon:"chevron-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(z,{type:"menu",trailingIcon:"chevron-down"},l.title)),e.createElement(u,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},U=({section:a})=>{var t;const{isOpen:n,withIcons:l}=W(),i=e.useRef(null),o=V(i);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:i},e.createElement(z,{isTooltipVisible:o&&!n,type:"menu",leadingIcon:l&&null!==(t=a.icon)&&void 0!==t?t:void 0},a.name)))},G=({section:t})=>{var n,l,i;const{onOpen:o,onSectionOpen:r,isOpen:s,withIcons:c}=W();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=V(d);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(U,{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(){r(t.name),o()}},e.createElement(z,{type:"menu",isTooltipVisible:!s&&u,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__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__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)))))))},j=()=>{const{sections:a}=W();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(G,{key:`section-${a.name}`,section:a}))))},Y=()=>{const{isOpen:t}=W();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement("div",null,e.createElement(q,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(j,null)))},K=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],X=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(L,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(r=a,K.includes(r)?e.createElement(h,{icon:a}):e.createElement(c,{variant:a,className:i})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(c,{variant:t})));var r},J=e=>"heading"!==e.type,Q=e=>{const a=(e=>e.flat().filter(J).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 J(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},Z=e.createContext({}),ee=()=>e.useContext(Z),ae=({children:a,isOpen:t,onChange:n,withIcons:l=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState((()=>!o||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s))),[u,p]=e.useState((()=>Q(i))),{windowWitdh:v}=D(200);e.useEffect((()=>{c.current&&(null==n||n(m))}),[m,n]),e.useEffect((()=>{c.current=!0}),[]),e.useEffect((()=>{!function(e){if(!o)return;e<s&&m&&x()}(v)}),[v]),e.useEffect((()=>{"boolean"==typeof t&&d(t)}),[t]);const x=()=>{d(!1)};return e.createElement(Z.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{p((a=>a.map((a=>a.map((a=>J(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:m,onOpen:()=>{d(!0)},onClose:x,withIcons:l,shouldToggleSidebar:o}},a)},te=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=ee(),{mainItem:l,otherItems:i,actions:o}=t,r=e.useRef(null),s=V(r),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:m,itemsCount:d}=e.useMemo((()=>({itemsCount:i.length+o.length,items:[...i.map(c),(null==i?void 0:i.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(c)].filter((e=>null!=e))})),[o,i]);return e.createElement(e.Fragment,null,0===d?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:l.url,onClick:a},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:a,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:r},l.url?e.createElement(e.Fragment,null,e.createElement(X,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:l.icon,trailingIcon:"chevron-up-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(X,{type:"menu",trailingIcon:"chevron-up-down"},l.title)),e.createElement(u,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m,small:!0})))},ne=({section:a})=>{const{isOpen:t,withIcons:n}=ee(),l=e.useRef(null),i=V(l);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:l},e.createElement(X,{isTooltipVisible:i&&!t,type:"menu",leadingIcon:n?a.icon:void 0},a.name)))},le=({section:t})=>{var n,l;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=ee(),c=e.useRef(null),m=V(c);if(!J(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(ne,{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:()=>{o(t.name),i()}},e.createElement(X,{type:"menu",isTooltipVisible:!r&&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===(l=t.items)||void 0===l?void 0:l.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)))))))},ie=()=>{const{sections:a}=ee();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(le,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},oe=()=>{const{onClose:a,shouldToggleSidebar:t}=ee();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(c,{variant:"sidebar"})))},re=()=>{const{isOpen:t}=ee();return e.createElement("nav",{className:a("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!t})},e.createElement(oe,null),e.createElement(te,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(ie,null)))},se=e.createContext({}),ce=()=>e.useContext(se),me=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:l=0,onChange:i,index:o})=>{const[r,s]=e.useState((()=>void 0!==o?o:l));e.useEffect((()=>{void 0===o&&s(l),"number"==typeof o&&s(o)}),[l,o]);return e.createElement(se.Provider,{value:{currentIndex:r,variant:t,withDivider:n,onChange:e=>{let a;a="function"==typeof e?e(r):e,void 0===o&&s(a),"function"==typeof i&&i(a)}}},a)},de=({disabled:t=!1,value:n=0,isCurrent:l,...i})=>{const{onChange:o,currentIndex:r}=ce(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":r===n,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===i.type}),c=()=>{o(n)},m={"aria-selected":l,id:`tab-${n}`,"aria-controls":`panel-${n}`,role:"tab",tabIndex:l?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect((()=>{var e;l&&u.current&&(null===(e=d.current)||void 0===e||e.focus())}),[l]),e.useEffect((()=>{u.current=!0}),[]),"icon"===i.type){const{icon:a,...t}=i;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}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...x},e.createElement("div",{className:"maxio-tabs__tab__content"},p,v||null))},ue=({children:a,value:t,...n})=>{const{currentIndex:l}=ce();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:l!==t},a)},pe=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?pe(e-1,a,t||e):e-1,ve=({basis:t,flex:n,flexDirection:l="row",wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:p,justifyContent:v,container:x=!1,...g})=>{const h=a({"maxio-flex":x,[`maxio-flex-${n}`]:n,[`maxio-basis-${t}`]:void 0!==t,[`maxio-flex-${l}`]:l,[`maxio-flex-${i}`]:i,[`maxio-grow-${o}`]:void 0!==o,[`maxio-shrink-${r}`]:void 0!==r,[`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:h,...g},u)},xe={sm:"h3",md:"h2",lg:"h1"},ge=e.createContext({}),he=()=>e.useContext(ge),be=({name:a,values:t,onChange:n,disabled:l=!1,invalid:i=!1,children:o})=>{const[r,s]=e.useState(null!=t?t:[]);return e.createElement(ge.Provider,{value:{disabled:l,invalid:i,name:a,values:r,onChange:e=>{let a=[];a=r.includes(e)?r.filter((a=>a!==e)):[...r,e],s(a),n&&n(a)}}},o)},fe=({label:n,error:l=!1,className:i,indeterminate:o,...r})=>{var s;const c=e.useRef(null),{name:m,disabled:d,invalid:u,onChange:p,values:v=[]}=he(),x=!!m,g=null!=d?d:r.disabled,h=null!=u?u:l,b=null!==(s=r.value)&&void 0!==s?s:"",f=x?v.includes(b):r.checked,E=a("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":g,"maxio-checkbox--error":h,"maxio-checkbox--indeterminate":o},i),{inputProps:_}=t.useCheckboxGroupItem({value:b,"aria-label":null!=n?n:r["aria-label"]},{isDisabled:null!=g&&g,isReadOnly:null!=g&&g,setValue:p,addValue:p,toggleValue:p,removeValue:p,value:v,isSelected:e=>v.includes(e),validationState:l?"invalid":"valid",isInvalid:!!l},c);return e.createElement("label",{className:E},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...x?_:r}),e.createElement("span",{className:"maxio-checkbox__control"},l&&e.createElement("span",{className:"maxio-checkbox__control-error"})),n&&e.createElement("span",{className:"maxio-checkbox__label"},n))},Ee=({children:t,className:n,...l})=>e.createElement("div",{className:a("maxio-form-helper-text",n),...l},t),_e=({children:t,className:n,...l})=>e.createElement("div",{className:a("maxio-form-error",n),...l},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},t)),we=({className:n,children:l,label:i,errorMessage:o,helperText:r,disabled:s})=>{const{values:c=[],onChange:m,name:d}=he(),{descriptionProps:u,errorMessageProps:p,groupProps:v,labelProps:x}=t.useCheckboxGroup({name:d,label:i},{validationState:o?"invalid":"valid",isDisabled:null!=s&&s,isInvalid:!!o,isReadOnly:null!=s&&s,setValue:m,addValue:m,toggleValue:m,removeValue:m,value:c,isSelected:e=>c.includes(e)}),g=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),h=r&&!o;return e.createElement("div",{className:g,...v},i&&e.createElement("label",{className:"maxio-checkbox-group__label",...x},i),l,h&&e.createElement(Ee,{...u},r),o&&e.createElement(_e,{...p},o))},Ne=e.createContext({}),ye=()=>e.useContext(Ne),Ce=({children:a,onChange:t,value:n,defaultValue:l="",name:i,indent:o,disabled:r})=>{const[s,c]=e.useState(l),[m,d]=e.useState(null);e.useEffect((()=>{c(null!=n?n:l)}),[n]);return e.createElement(Ne.Provider,{value:{onChange:e=>{c(e),t&&t(e)},name:i,value:s,indent:o,disabled:r,lastFocusedValue:m,setLastFocusedValue:d}},a)},ke=({children:a,label:n,errorMessage:l,helperText:i,disabled:o=!1,invalid:r=!1})=>{const{name:s,onChange:c,value:m,lastFocusedValue:d,setLastFocusedValue:u}=ye(),{radioGroupProps:p,labelProps:v,descriptionProps:x,errorMessageProps:g}=t.useRadioGroup({name:s,label:n},{name:s,validationState:r?"invalid":"valid",isDisabled:o,isInvalid:r,isReadOnly:o,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,l&&r&&e.createElement(_e,{...g},l),i&&!l&&e.createElement(Ee,{...x},i)))},Se=({children:t,pattern:n,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=n&&o&&i,u=a("maxio-data-table",{"maxio-data-table--pattern":n&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${l}`]:l,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:u},t))},Ie=({children:a})=>e.createElement("thead",null,a),Re=({children:a})=>e.createElement("tbody",null,a),$e=({children:t,header:n,className:l,...i})=>{var o,r,s,m,d,u,p,v;const x=null==n?void 0:n.column,g=null===(o=null==x?void 0:x.getCanSort)||void 0===o?void 0:o.call(x),h=null===(r=null==x?void 0:x.getToggleSortingHandler)||void 0===r?void 0:r.call(x),b=null==n?void 0:n.isPlaceholder,f=null===(m=null===(s=null==x?void 0:x.columnDef)||void 0===s?void 0:s.meta)||void 0===m?void 0:m.align,E=null===(u=null===(d=null==x?void 0:x.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.width,_=null===(v=null===(p=null==x?void 0:x.columnDef)||void 0===p?void 0:p.meta)||void 0===v?void 0:v.controls,w=null==x?void 0:x.getIsPinned(),N=null==x?void 0:x.getIsSorted(),y="asc"===N,C=a("maxio-data-table__cell",l,{[`maxio-data-table__cell--pinned-${w}`]:w,"maxio-data-table__cell--sortable":g,"maxio-data-table__cell--active":N,[`maxio-data-table__cell--${f}`]:f,"maxio-data-table__cell--controls":_}),k=E?{width:E}:{},S=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!N,y);return b?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":N?y?"ascending":"descending":"none",className:C,onClick:h,colSpan:null==n?void 0:n.colSpan,style:k,...i},e.createElement("div",{className:"maxio-data-table__cell-flex"},t,g&&e.createElement(c,{variant:S,className:"maxio-data-table__sort-icon"})))},Oe=({children:t,row:n,isChild:l,isHeader:i,className:o})=>{var r,s,c;const m=null===(r=null==n?void 0:n.getIsSelected)||void 0===r?void 0:r.call(n),d=(null===(s=null==n?void 0:n.getCanExpand)||void 0===s?void 0:s.call(n))&&(null===(c=null==n?void 0:n.getIsExpanded)||void 0===c?void 0:c.call(n)),u=a({"maxio-data-table__row":!i,"maxio-data-table__header-row":i,"maxio-data-table__row--active":m,"maxio-data-table__row--expanded":d,"maxio-data-table__row--expanded-child":l},o);return e.createElement("tr",{className:u},t)},Pe=({table:a,enableExpanding:t,enableRowSelection:n})=>{var l,i,o,r,s;const m=null===(l=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===l?void 0:l.call(a),d=(null===(i=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===i?void 0:i.call(a))||(null===(o=null==a?void 0:a.getIsAllRowsSelected)||void 0===o?void 0:o.call(a)),u=null===(r=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===r?void 0:r.call(a),p=null==a?void 0:a.getToggleAllRowsExpandedHandler(),v=null===(s=null==a?void 0:a.getIsAllRowsExpanded)||void 0===s?void 0:s.call(a);return e.createElement(e.Fragment,null,t&&e.createElement(S,{size:"sm",variant:"ghost",icon:e.createElement(c,{variant:v?"chevron-up":"chevron-down"}),onClick:p,"aria-label":v?"Collapse all rows":"Expand all rows","data-open":v}),n&&e.createElement(fe,{"aria-label":"Select all rows",onChange:m,checked:d,indeterminate:!d&&u}))},Te=({row:a,enableExpanding:t})=>{var n,l,i,o,r,s,m,d;const u=null===(n=a.getCanSelect)||void 0===n?void 0:n.call(a),p=null===(l=a.getCanExpand)||void 0===l?void 0:l.call(a),v=null===(i=null==a?void 0:a.getToggleSelectedHandler)||void 0===i?void 0:i.call(a),x=(null===(o=null==a?void 0:a.getIsSelected)||void 0===o?void 0:o.call(a))||(null===(r=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===r?void 0:r.call(a)),g=null===(s=null==a?void 0:a.getIsSomeSelected)||void 0===s?void 0:s.call(a),h=null===(m=null==a?void 0:a.getToggleExpandedHandler)||void 0===m?void 0:m.call(a),b=null===(d=null==a?void 0:a.getIsExpanded)||void 0===d?void 0:d.call(a),f=!p&&t&&u?2:0,E=a.id||a.index;return e.createElement("div",{className:"maxio-data-table__cell-flex",style:{paddingLeft:`${(null==a?void 0:a.depth)+f}rem`}},p&&e.createElement(S,{size:"sm",variant:"ghost",icon:e.createElement(c,{variant:b?"chevron-up":"chevron-down"}),onClick:h,"aria-label":b?"Collapse row":"Expand row","data-open":b}),u&&e.createElement(fe,{"aria-label":`Select row ${E}`,onChange:v,checked:x,indeterminate:g}))},Ve=({row:t,cell:n,children:l,className:i,...o})=>{var r,s,c,m;const d=null==n?void 0:n.column,u=null===(s=null===(r=null==d?void 0:d.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,p=null===(m=null===(c=null==d?void 0:d.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null==d?void 0:d.getIsPinned(),x=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${v}`]:v,[`maxio-data-table__cell--${u}`]:u,"maxio-data-table__cell--controls":p});return e.createElement("td",{className:x,...o},l)},De=({row:a,SubRowComponent:t,pattern:n})=>{var l,o;const r=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),s=r&&"row-controls"===a.getVisibleCells()[0].column.columnDef.id,c=r&&"row-actions"===a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id,m=[c,s].filter(Boolean).length,d=a.getVisibleCells().length-m,u=null!==(o=null===(l=a.getParentRow())||void 0===l?void 0:l.index)&&void 0!==o?o:a.index,p=n&&t&&u%2==1?"maxio-data-table__row--with-pattern":void 0;return e.createElement(e.Fragment,{key:a.id},r?e.createElement(Oe,{key:`${a.id}-sub`,row:a,isChild:!0,className:p},s&&e.createElement(Ve,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Ve,{colSpan:d},t(a)),c&&e.createElement(Ve,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(Oe,{key:`${a.id}-parent`,row:a,className:p},a.getVisibleCells().map((t=>e.createElement(Ve,{key:t.id,row:a,cell:t},i.flexRender(t.column.columnDef.cell,t.getContext()))))))};Object.defineProperty(exports,"createColumnHelper",{enumerable:!0,get:function(){return i.createColumnHelper}}),exports.ActionList=u,exports.Avatar=({className:t,src:n,alt:l="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:l,src:n}),exports.Body=({as:t="div",children:n,compact:l=!1,size:i="md",className:o,...r})=>{const s=t,c=a({[`maxio-body-${i}`]:!l,[`maxio-body-${i}-compact`]:l},o);return e.createElement(s,{className:c,...r},n)},exports.BrandLogo=h,exports.Breadcrumbs=({className:t,children:n,...l})=>{const i=e.Children.count(n);if(0===i)throw new Error(E);const o=e.Children.map(n,((a,t)=>{if(e.isValidElement(a)&&a.type==f){if(t===i-1&&a.props.to)throw new Error(_);return e.cloneElement(a,{"aria-current":t===i-1?"page":void 0})}throw new Error(w)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...l},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},o))},exports.BreadcrumbsItem=f,exports.Button=k,exports.Checkbox=fe,exports.CheckboxGroup=a=>e.createElement(be,{...a},e.createElement(we,{...a},a.children)),exports.Code=({as:t="div",children:n,className:l,...i})=>{const o=t,r=a("maxio-code",l);return e.createElement(o,{className:r,...i},n)},exports.DataTable=({pattern:a,size:t="md",SubRowComponent:n,onExpand:l,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m=!1,columns:d,...u})=>{const p=(({columns:a,HeaderControls:t,RowControls:n,enableExpanding:l,enableRowSelection:i})=>e.useMemo((()=>l||i?[{id:"row-controls",header:a=>e.createElement(t,{...a,enableExpanding:l,enableRowSelection:i}),cell:a=>e.createElement(n,{...a,enableExpanding:l}),meta:{controls:!0}},...a]:a),[l,i,a]))({columns:d,HeaderControls:Pe,RowControls:Te,enableExpanding:m,enableRowSelection:c}),v=i.useReactTable({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...u.state},getSubRows:e=>e.subRows,getCoreRowModel:i.getCoreRowModel(),enableRowSelection:c,enableExpanding:m,...!u.manualExpanding&&{getExpandedRowModel:i.getExpandedRowModel()},enableSorting:s,...!u.manualSorting&&{getSortedRowModel:i.getSortedRowModel()},columns:p,...u}),x=v.getCanSomeRowsExpand(),g=v.getState();return e.useEffect((()=>{null==l||l(g.expanded)}),[l,g.expanded]),e.useEffect((()=>{null==o||o(g.rowSelection)}),[o,g.rowSelection]),e.useEffect((()=>{null==r||r(g.sorting)}),[r,g.sorting]),e.createElement(Se,{pattern:a,size:t,isExpandable:x,isUsingCustomRow:!!n},e.createElement(Ie,null,v.getHeaderGroups().map((a=>e.createElement(Oe,{key:a.id,table:v,isHeader:!0},a.headers.map((a=>e.createElement($e,{key:a.id,header:a},i.flexRender(a.column.columnDef.header,a.getContext())))))))),e.createElement(Re,null,v.getRowModel().rows.map((t=>e.createElement(De,{key:t.id,row:t,pattern:a,SubRowComponent:n})))))},exports.Display=({as:t="div",children:n,size:l="md",className:i,...o})=>{const r=t,s=a(`maxio-display-${l}`,i);return e.createElement(r,{className:s,...o},n)},exports.FormErrorMessage=_e,exports.FormHelperText=Ee,exports.Header=({className:t,sidebarToggleVisible:n=!0,sidebarToggleExpanded:l=!0,variant:i="grey",socket:o,rightSocket:r,onClickSidebarIcon:s})=>{const[c,m]=e.useState(l);e.useEffect((()=>{m(l)}),[l]);const d=a("maxio-header",t,{[`maxio-header--bar-${i}`]:i});return e.createElement("nav",{className:d},n&&e.createElement(I,{"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"}),o&&e.createElement("div",{className:"maxio-header__socket"},o),r&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},r))},exports.HeaderButton=I,exports.HeaderNav=({items:t})=>e.createElement("ul",{className:"maxio-header-nav"},t.map((({label:t,id:n,isActive:l,...i})=>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":l}),...i},t))))),exports.HeaderSearchField=R,exports.HeaderSearchInput=({options:a,onSubmit:t})=>{const n=e.useRef(null),l=e.useRef(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,i,o,r;e.preventDefault(),t({searchField:null!==(i=null===(a=n.current)||void 0===a?void 0:a.value)&&void 0!==i?i:"",selectField:null!==(r=null===(o=l.current)||void 0===o?void 0:o.value)&&void 0!==r?r:""})}},e.createElement($,{innerRef:l,options:a}),e.createElement(R,{innerRef:n}),e.createElement(I,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},exports.HeaderSearchMenu=$,exports.Heading=({children:t,size:n="sm",className:l,...i})=>{const o=xe[n],r=a(`maxio-heading-${n}`,l);return e.createElement(o,{className:r,...i},t)},exports.Icon=c,exports.IconButton=S,exports.Label=({as:t="div",children:n,size:l="sm",className:i,...o})=>{const r=t,s=a(`maxio-label-${l}`,i);return e.createElement(r,{className:s,...o},n)},exports.Link=b,exports.LoadingSpinner=N,exports.Menu=({children:a})=>e.createElement(v,null,e.createElement(g,null,a)),exports.MenuButton=({children:t,iconName:n="chevron-down","aria-label":l,size:i="lg",variant:o="secondary"})=>{const r=a({"maxio-action-menu__chevron":"chevron-down"===n}),s=a("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":n&&!t}),{isOpen:m,buttonId:d,controlsId:u}=x();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":l,"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(c,{variant:n,className:`${r} maxio-button__trailing-element`})))},exports.MenuList=({items:t,alignItemsEnd:n=!1})=>{const l=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":n}),{controlsId:i,buttonId:o}=x();return e.createElement("div",{className:l,role:"presentation"},e.createElement(u,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:t}))},exports.OverlayTrigger=F,exports.ProgressBar=({label:n,helperText:l,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=r&&!!n&&!!s&&!("inline"===o),p=l&&!("inline"===o),v=l&&"inline"===o,{progressBarProps:x,labelProps:g}=t.useProgressBar({maxValue:c,value:s,label:n}),h=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===i,"maxio-progress-bar--success":s&&!("inline"===o)&&"success"===r,"maxio-progress-bar--error":s&&!("inline"===o)&&"error"===r,"maxio-progress-bar--indent":"indent"===o,"maxio-progress-bar--inline":"inline"===o,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:h,...x},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...g},n),v&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},l),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__${r}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},l))},exports.Radio=({indent:n=!1,disabled:l=!1,invalid:i=!1,label:o,...r})=>{const s=e.useRef(null),{disabled:c,indent:m,invalid:d,name:u,onChange:p,value:v,setLastFocusedValue:x=(()=>{}),lastFocusedValue:g=null}=ye(),h=!!u,b=d||i,f=c||l,E=a("maxio-radio",{"maxio-radio--indent":m||n,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:_}=t.useRadio({...r,children:o,value:(r.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:g},s);return e.createElement("label",{className:E},e.createElement("input",{ref:s,type:"radio",className:"maxio-radio__input",...h?_:r}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},o))},exports.RadioGroup=a=>e.createElement(Ce,{...a},e.createElement(ke,{...a},a.children)),exports.Select=({options:n,label:l,variant:i="primary",size:o="md",inline:r=!1,disabled:s=!1,readOnly:m=!1,helperText:d,errorMessage:u,...p})=>{const v=a("maxio-select",`maxio-select--${i}`,`maxio-select--${o}`,{"maxio-select--disabled":s,"maxio-select--read-only":m,"maxio-select--inline":r,"maxio-select--error":!!u}),x=t.useId();return e.createElement("div",{className:v},l&&e.createElement("label",{htmlFor:x,className:"maxio-select__label"},l),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:x,className:"maxio-select__input",disabled:s||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(c,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(c,{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:l,collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(A,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(Y,null)),exports.SideNavV2=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:l=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ae,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(re,null)),exports.Tab=de,exports.TabList=({children:t,className:n,ariaLabel:l,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=ce(),m=a("maxio-tabs",n,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(t,(e=>e.props));return e.createElement("div",{className:m,role:"tablist","aria-label":l,"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=>pe(e,u()))),null===(a=d.current)||void 0===a||a.focus()},...i},e.Children.map(t,((a,t)=>{if(e.isValidElement(a)&&a.type===de)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")})))},exports.TabPanel=ue,exports.TabPanels=({children:a})=>{const{currentIndex:t}=ce();return e.createElement(e.Fragment,null,e.Children.map(a,((a,n)=>{if(e.isValidElement(a)&&a.type===ue)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:l=0,index:i,onChange:o})=>e.createElement(me,{defaultIndex:l,variant:t,withDivider:n,index:i,onChange:o},a),exports.Tag=({children:t,size:n="md",sentiment:l="default",kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=a("maxio-tag",`maxio-tag--${n}`,`maxio-tag--${i}`,`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(c,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),r&&e.createElement(c,{variant:r,className:"maxio-tag__icon"}))},exports.TextInput=({disabled:n=!1,invalid:l=!1,readOnly:i=!1,size:o="md",variant:r="primary",label:s,helperText:m,errorMessage:d,leadingElement:u=null,trailingElement:p=null,onChange:v,fullWidth:x,...g})=>{var h,b;const f=e.useRef(null),{labelProps:E,inputProps:_,descriptionProps:w,errorMessageProps:N}=t.useTextField({...g,label:s,description:m,errorMessage:d,defaultValue:null===(h=g.defaultValue)||void 0===h?void 0:h.toString(),value:null===(b=g.value)||void 0===b?void 0:b.toString()},f),y=a("maxio-text-field",`maxio-text-field--${r}`,`maxio-text-field--${o}`,{"maxio-text-field--disabled":n,"maxio-text-field--error":l,"maxio-text-field--readonly":i,"maxio-text-field--full-width":x}),C=l&&d;return e.createElement("div",{className:y},s&&e.createElement("label",{className:"maxio-text-field__label",...E},s),e.createElement("div",{className:"maxio-text-field__items"},u&&e.createElement("div",{className:"maxio-text-field__leading-element"},u),l&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(c,{variant:"warning-circle-fill"})),e.createElement("input",{ref:f,type:"text",className:"maxio-text-field__input",..._,onChange:v}),p&&!l&&e.createElement("div",{className:"maxio-text-field__trailing-element"},p)),m&&!C&&e.createElement("div",{className:"maxio-form-helper-text",...w},m),C&&e.createElement("div",{className:"maxio-form-error",...N},e.createElement("div",{className:"maxio-form-error__text"},d)))},exports.Tile=({children:t,className:n,href:l,onClick:i,target:o,disabled:r})=>{const s=l||i;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",n,{"maxio-tile--clickable":s,"maxio-tile--disabled":r});return e.createElement("a",{className:c,href:l,target:o,onClick:e=>{r&&l&&e.preventDefault(),!r&&i&&i()}},t)},exports.Toggle=({defaultChecked:t,checked:n,onChange:l,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,v=m||u,x="left"===r?"row":"row-reverse",g=o&&r,h=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),l&&l(!a,e)}}),[p,l]),b=d["aria-label"]||(g?void 0:o);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:x},"data-testid":"toggle-container"},g?e.createElement("label",{className:"maxio-toggle__label",htmlFor:v},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:n,onChange:e=>{l&&l(e.target.checked,e)},onKeyDown:h,disabled:i,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=M,exports.TooltipTrigger=L,exports.TopBar=({children:a,actions:t,sideNavIsClosed:n,openSideNav:l})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(S,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(c,{variant:"sidebar"}),onClick:l}),e.createElement(ve,{container:!0,flex:"grow",justifyContent:"end"},a),t),exports.useHover=V,exports.useOverlayTrigger=T,exports.useWindowSize=D;
+"use strict";var e=require("react"),a=require("classnames"),t=require("react-aria"),n=require("@tanstack/react-table"),l=require("framer-motion"),i=require("@floating-ui/react-dom-interactions"),o=require("@react-stately/toast"),r=require("@react-aria/toast");const s=["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"],c=new Map([["profile","user"],["edit","pen"],["life-buoy","life-ring"]]),m=["cloud","globe","life-ring","sidebar"],d=({variant:t,white:n,className:l})=>{const i=c.get(t)||t,o=s.includes(i)&&!m.includes(i),r=a({"fa-kit":o,"fa-sharp fa-regular":!o},`fa-${i}`,n&&"maxio-icon--white",l);return e.createElement("i",{className:r})},u=({item:n,isSelected:l,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),c=e.useRef(!1),m=t.useId();if(e.useEffect((()=>{var e;l&&c.current&&(null===(e=s.current)||void 0===e||e.focus())}),[l]),e.useEffect((()=>{c.current=!0}),[]),"divider"===n.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:u,trailingIconName:p,label:v,description:x,link:g}=n,h=a("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...g,className:a("maxio-action-list__content",{"maxio-action-list__content--size-small":r}),tabIndex:l?0:-1,ref:s,role:o},u&&e.createElement(d,{variant:u,className:"maxio-action-list__leading-icon"}),e.createElement("span",{className:h,id:m},v),x&&e.createElement("span",{className:"maxio-action-list__description"},x),p&&e.createElement(d,{variant:p,className:"maxio-action-list__trailing-icon"}))},p=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?p(e-1,a,t||e):e-1,v=({items:t,isShadowed:n=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=a("maxio-action-list",i,{"maxio-action-list--shadow":n}),[m,d]=e.useState((()=>t.findIndex((e=>"divider"!==e.type))));return 0===t.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[m];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),d((e=>p(e,t)))),"ArrowDown"===e.code&&(e.preventDefault(),d((e=>((e,a)=>{const t=a.findIndex(((a,t)=>"divider"!==a.type&&t>e));return-1===t?e:t})(e,t))))},role:"listbox",...s},t.map(((a,t)=>e.createElement(u,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===m,small:r,...l}))))},x=({children:t,size:n="sm",disabled:l,external:i,icon:o,variant:r,underline:s,...c})=>{const m=a("maxio-link",{[`maxio-link--${n}`]:n,"maxio-link--disabled":l,[`maxio-link--${r}`]:r,"maxio-link--underline":s}),u=i?"_blank":"_self";return e.createElement("a",{className:m,target:u,...c},t,o&&e.createElement(d,{variant:o,className:"maxio-link__icon"}))},g=({size:t="md",white:n=!1,className:l})=>{const i=a("maxio-loading-spinner",l,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":n});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},h=({fullWidth:n=!1,icon:l,variant:i="primary",size:o,...r})=>{const s=e.useRef(null),{linkProps:c}=t.useLink({...r},s),m=a("maxio-button",r.className,{[`maxio-button--${o}`]:o,[`maxio-button--${i}`]:i,"maxio-button--full-width":n});return e.createElement("a",{...c,ref:s,className:m,href:r.href},r.children,l&&e.cloneElement(l,{className:"maxio-button__trailing-element"}))},b=({disabled:n,loading:l=!1,fullWidth:i=!1,icon:o,variant:r="primary",size:s,...c})=>{const m=e.useRef(null),{buttonProps:d}=t.useButton({...c,isDisabled:n},m),u=["primary","secondary","danger"].includes(r),p=a("maxio-button",c.className,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--loading":l,"maxio-button--full-width":i});return e.createElement("button",{...d,className:p,ref:m},c.children,!l&&o&&e.cloneElement(o,{className:"maxio-button__trailing-element"}),l&&e.createElement(g,{className:"maxio-button__trailing-element",size:"md",white:u}))},f=a=>(e=>"href"in e)(a)?e.createElement(h,{...a}):e.createElement(b,{...a}),E=({"aria-label":a,...t})=>e.createElement(f,{"aria-label":a,className:"maxio-button--icon",...t},null),_=e.createContext({}),N=({children:a})=>{const[t,n]=e.useState(!1),l=e.useId(),i=e.useId();return e.createElement(_.Provider,{value:{controlsId:l,buttonId:i,isOpen:t,onClose:()=>n(!1),onOpen:()=>n(!0),onToggle:()=>n((e=>!e))}},a)};function w(){const a=e.useContext(_);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const k=({children:a})=>{const{isOpen:t,onToggle:n,onClose:l}=w();return e.createElement("details",{open:t,onToggle:n,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:l}):a)},y=({icon:t,variant:n="default"})=>e.createElement("i",{className:a("maxio-brand-logo",`maxio-brand-logo-${t}`,{[`maxio-brand-logo--${n}`]:"default"!==n})}),C=({children:t,className:n,to:l,...i})=>{const o=l?e.createElement(x,{size:"sm",href:l},t):t;return e.createElement("li",{className:a("maxio-breadcrumbs__item",n),...i},o)},S="Breadcrumbs requires at least one BreadcrumbsItem as children",I='Last BreadcrumbsItem should not have "to" prop. It is the current page.',P="Breadcrumbs only accepts BreadcrumbsItem as children",R=({children:t,pattern:n,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=n&&o&&i,u=a("maxio-data-table",{"maxio-data-table--pattern":n&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${l}`]:l,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:u},t))},T=({children:a})=>e.createElement("thead",null,a),$=({children:a})=>e.createElement("tbody",null,a),O=({children:t,header:n,className:l,...i})=>{var o,r,s,c,m,u,p,v;const x=null==n?void 0:n.column,g=null===(o=null==x?void 0:x.getCanSort)||void 0===o?void 0:o.call(x),h=null===(r=null==x?void 0:x.getToggleSortingHandler)||void 0===r?void 0:r.call(x),b=null==n?void 0:n.isPlaceholder,f=null===(c=null===(s=null==x?void 0:x.columnDef)||void 0===s?void 0:s.meta)||void 0===c?void 0:c.align,E=null===(u=null===(m=null==x?void 0:x.columnDef)||void 0===m?void 0:m.meta)||void 0===u?void 0:u.width,_=null===(v=null===(p=null==x?void 0:x.columnDef)||void 0===p?void 0:p.meta)||void 0===v?void 0:v.controls,N=null==x?void 0:x.getIsPinned(),w=null==x?void 0:x.getIsSorted(),k="asc"===w,y=a("maxio-data-table__cell",l,{[`maxio-data-table__cell--pinned-${N}`]:N,"maxio-data-table__cell--sortable":g,"maxio-data-table__cell--active":w,[`maxio-data-table__cell--${f}`]:f,"maxio-data-table__cell--controls":_}),C=E?{width:E}:{},S=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!w,k);return b?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":w?k?"ascending":"descending":"none",className:y,onClick:h,colSpan:null==n?void 0:n.colSpan,style:C,...i},e.createElement("div",{className:"maxio-data-table__cell-flex"},t,g&&e.createElement(d,{variant:S,className:"maxio-data-table__sort-icon"})))},D=({children:t,row:n,isChild:l,isHeader:i,className:o})=>{var r,s,c;const m=null===(r=null==n?void 0:n.getIsSelected)||void 0===r?void 0:r.call(n),d=(null===(s=null==n?void 0:n.getCanExpand)||void 0===s?void 0:s.call(n))&&(null===(c=null==n?void 0:n.getIsExpanded)||void 0===c?void 0:c.call(n)),u=a({"maxio-data-table__row":!i,"maxio-data-table__header-row":i,"maxio-data-table__row--active":m,"maxio-data-table__row--expanded":d,"maxio-data-table__row--expanded-child":l},o);return e.createElement("tr",{className:u},t)},V=e.createContext({}),z=()=>e.useContext(V),F=({name:a,values:t,onChange:n,disabled:l=!1,invalid:i=!1,children:o})=>{const[r,s]=e.useState(null!=t?t:[]);return e.createElement(V.Provider,{value:{disabled:l,invalid:i,name:a,values:r,onChange:e=>{let a=[];a=r.includes(e)?r.filter((a=>a!==e)):[...r,e],s(a),n&&n(a)}}},o)},M=({label:n,error:l=!1,className:i,indeterminate:o,...r})=>{var s;const c=e.useRef(null),{name:m,disabled:d,invalid:u,onChange:p,values:v=[]}=z(),x=!!m,g=null!=d?d:r.disabled,h=null!=u?u:l,b=null!==(s=r.value)&&void 0!==s?s:"",f=x?v.includes(b):r.checked,E=a("maxio-checkbox",{"maxio-checkbox--checked":f,"maxio-checkbox--disabled":g,"maxio-checkbox--error":h,"maxio-checkbox--indeterminate":o},i),{inputProps:_}=t.useCheckboxGroupItem({value:b,"aria-label":null!=n?n:r["aria-label"]},{isDisabled:null!=g&&g,isReadOnly:null!=g&&g,setValue:p,addValue:p,toggleValue:p,removeValue:p,value:v,isSelected:e=>v.includes(e),validationState:l?"invalid":"valid",isInvalid:!!l},c);return e.createElement("label",{className:E},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...x?_:r}),e.createElement("span",{className:"maxio-checkbox__control"},l&&e.createElement("span",{className:"maxio-checkbox__control-error"})),n&&e.createElement("span",{className:"maxio-checkbox__label"},n))},H=({children:t,className:n,...l})=>e.createElement("div",{className:a("maxio-form-helper-text",n),...l},t),L=({children:t,className:n,...l})=>e.createElement("div",{className:a("maxio-form-error",n),...l},e.createElement("i",{className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},t)),B=({className:n,children:l,label:i,errorMessage:o,helperText:r,disabled:s})=>{const{values:c=[],onChange:m,name:d}=z(),{descriptionProps:u,errorMessageProps:p,groupProps:v,labelProps:x}=t.useCheckboxGroup({name:d,label:i},{validationState:o?"invalid":"valid",isDisabled:null!=s&&s,isInvalid:!!o,isReadOnly:null!=s&&s,setValue:m,addValue:m,toggleValue:m,removeValue:m,value:c,isSelected:e=>c.includes(e)}),g=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),h=r&&!o;return e.createElement("div",{className:g,...v},i&&e.createElement("label",{className:"maxio-checkbox-group__label",...x},i),l,h&&e.createElement(H,{...u},r),o&&e.createElement(L,{...p},o))},A=({table:a,enableExpanding:t,enableRowSelection:n})=>{var l,i,o,r,s;const c=null===(l=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===l?void 0:l.call(a),m=(null===(i=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===i?void 0:i.call(a))||(null===(o=null==a?void 0:a.getIsAllRowsSelected)||void 0===o?void 0:o.call(a)),u=null===(r=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===r?void 0:r.call(a),p=null==a?void 0:a.getToggleAllRowsExpandedHandler(),v=null===(s=null==a?void 0:a.getIsAllRowsExpanded)||void 0===s?void 0:s.call(a);return e.createElement(e.Fragment,null,t&&e.createElement(E,{size:"sm",variant:"ghost",icon:e.createElement(d,{variant:v?"chevron-up":"chevron-down"}),onClick:p,"aria-label":v?"Collapse all rows":"Expand all rows","data-open":v}),n&&e.createElement(M,{"aria-label":"Select all rows",onChange:c,checked:m,indeterminate:!m&&u}))},W=({row:a,enableExpanding:t})=>{var n,l,i,o,r,s,c,m;const u=null===(n=a.getCanSelect)||void 0===n?void 0:n.call(a),p=null===(l=a.getCanExpand)||void 0===l?void 0:l.call(a),v=null===(i=null==a?void 0:a.getToggleSelectedHandler)||void 0===i?void 0:i.call(a),x=(null===(o=null==a?void 0:a.getIsSelected)||void 0===o?void 0:o.call(a))||(null===(r=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===r?void 0:r.call(a)),g=null===(s=null==a?void 0:a.getIsSomeSelected)||void 0===s?void 0:s.call(a),h=null===(c=null==a?void 0:a.getToggleExpandedHandler)||void 0===c?void 0:c.call(a),b=null===(m=null==a?void 0:a.getIsExpanded)||void 0===m?void 0:m.call(a),f=!p&&t&&u?2:0,_=a.id||a.index;return e.createElement("div",{className:"maxio-data-table__cell-flex",style:{paddingLeft:`${(null==a?void 0:a.depth)+f}rem`}},p&&e.createElement(E,{size:"sm",variant:"ghost",icon:e.createElement(d,{variant:b?"chevron-up":"chevron-down"}),onClick:h,"aria-label":b?"Collapse row":"Expand row","data-open":b}),u&&e.createElement(M,{"aria-label":`Select row ${_}`,onChange:v,checked:x,indeterminate:g}))},q=({row:t,cell:n,children:l,className:i,...o})=>{var r,s,c,m;const d=null==n?void 0:n.column,u=null===(s=null===(r=null==d?void 0:d.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,p=null===(m=null===(c=null==d?void 0:d.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null==d?void 0:d.getIsPinned(),x=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${v}`]:v,[`maxio-data-table__cell--${u}`]:u,"maxio-data-table__cell--controls":p});return e.createElement("td",{className:x,...o},l)},U=({row:a,SubRowComponent:t,pattern:l})=>{var i,o;const r=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),s=r&&"row-controls"===a.getVisibleCells()[0].column.columnDef.id,c=r&&"row-actions"===a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id,m=[c,s].filter(Boolean).length,d=a.getVisibleCells().length-m,u=null!==(o=null===(i=a.getParentRow())||void 0===i?void 0:i.index)&&void 0!==o?o:a.index,p=l&&t&&u%2==1?"maxio-data-table__row--with-pattern":void 0;return e.createElement(e.Fragment,{key:a.id},r?e.createElement(D,{key:`${a.id}-sub`,row:a,isChild:!0,className:p},s&&e.createElement(q,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(q,{colSpan:d},t(a)),c&&e.createElement(q,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(D,{key:`${a.id}-parent`,row:a,className:p},a.getVisibleCells().map((t=>e.createElement(q,{key:t.id,row:a,cell:t},n.flexRender(t.column.columnDef.cell,t.getContext()))))))},G=({children:n,as:l,iconName:i,noPadding:o,className:r,...s})=>{const c=e.useRef(null);let{buttonProps:m}=t.useButton(s,c),{linkProps:u}=t.useLink(s,c);const p="a"===l?u:m,v=l||"button";return e.createElement(v,{className:a("maxio-header-button",r,{"maxio-header-button--no-padding":o}),ref:c,...p},e.createElement("div",{className:"maxio-header-button__content"},n||null,i&&e.createElement(d,{variant:i})))},j=({className:n,innerRef:l,...i})=>{const[o,r]=e.useState(i.value||""),{inputProps:s}=t.useSearchField({value:i.value,"aria-label":"Search",placeholder:"Search",name:"search"},{value:o,setValue:r},l);return e.createElement("div",{className:a("maxio-header-search-field",n)},e.createElement("div",{className:"maxio-header-search-field__button"},e.createElement(d,{variant:"search"})),e.createElement("input",{ref:l,className:"maxio-header-search-field__input",type:"search",...s}))};j.displayName="SearchField";const Y=({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(d,{variant:"chevron-down"})));Y.displayName="SearchMenu";const K={click:i.useClick,hover:i.useHover,focus:i.useFocus,dismiss:i.useDismiss},X=(e,a)=>a.map((a=>K[a](e))),J=({placement:a="top",isActive:t=!1,interactions:n=["hover"],floatingElementOffset:l=0,onOverlayUpdate:o,autoHideMs:r})=>{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=>o(e),middleware:[i.offset(l)]}),{getReferenceProps:x,getFloatingProps:g}=i.useInteractions([...X(u,n),i.useRole(u,{role:"tooltip"})]);e.useEffect((()=>{s.current&&clearTimeout(s.current),t&&r&&(s.current=window.setTimeout((()=>o(!1)),r))}),[t,r]);return{isActive:t,refs:{floating:p,reference:v},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:x,getFloatingProps:g}};function Q(a,t=0){const n=e.useRef((new Date).getTime()),l=e.useRef((new Date).getTime()),[i,o]=e.useState(!1);return e.useEffect((()=>{const e=()=>{n.current=(new Date).getTime(),o(!0)},i=()=>{l.current=(new Date).getTime(),window.setTimeout((()=>{n.current-l.current<=0&&o(!1)}),t)},r=a&&a.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}}),[a]),i}function Z(a=500){const[t,n]=e.useState((()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}})),l=e.useRef(null);return e.useEffect((()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:i}=window;window.clearTimeout(null!==(e=l.current)&&void 0!==e?e:void 0),l.current=window.setTimeout((()=>{n({windowWitdh:t,windowHeight:i})}),a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[a]),t}const ee=({children:t,usePortal:n=!1,isActive:o=!1,placement:r="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:v,className:x})=>{const{getReferenceProps:g,getFloatingProps:h,refs:{floating:b,reference:f},floatingElementCSSPosition:E}=J({role:c,isActive:o,onOverlayUpdate:v,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:r}),_=e.createElement(l.AnimatePresence,null,o&&e.createElement(l.motion.div,{ref:b,style:E,...u,...h()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:f,className:a("maxio-inline-flex",x),...g(),"data-testid":"overlay-trigger"},t),n?e.createElement(i.FloatingPortal,{id:"maxio-ui-portal"},_):_)},ae=({children:t,arrowPosition:n,size:l="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${l}`,{[`maxio-tooltip--arrow-${n}`]:n})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),te={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"},ne=({children:a,interactions:t=["hover"],placement:n="right",maxWidth:l=160,size:i="regular",renderContent:o,autoHideMs:r,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,v]=e.useState(!1),x=void 0!==s,g=e.useCallback((e=>{x||v(e),d&&d(e)}),[s]),h=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(ee,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:h,isActive:x?s:p,onOverlayUpdate:g,autoHideMs:r,usePortal:c,placement:n,interactions:t,renderOverlay:()=>e.createElement(ae,{size:i,arrowPosition:te[n],maxWidth:l},o())},a)},le=e.createContext({}),ie=()=>e.useContext(le),oe=({children:a,onChange:t,value:n,defaultValue:l="",name:i,indent:o,disabled:r})=>{const[s,c]=e.useState(l),[m,d]=e.useState(null);e.useEffect((()=>{c(null!=n?n:l)}),[n]);return e.createElement(le.Provider,{value:{onChange:e=>{c(e),t&&t(e)},name:i,value:s,indent:o,disabled:r,lastFocusedValue:m,setLastFocusedValue:d}},a)},re=({children:a,label:n,errorMessage:l,helperText:i,disabled:o=!1,invalid:r=!1})=>{const{name:s,onChange:c,value:m,lastFocusedValue:d,setLastFocusedValue:u}=ie(),{radioGroupProps:p,labelProps:v,descriptionProps:x,errorMessageProps:g}=t.useRadioGroup({name:s,label:n},{name:s,validationState:r?"invalid":"valid",isDisabled:o,isInvalid:r,isReadOnly:o,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,l&&r&&e.createElement(L,{...g},l),i&&!l&&e.createElement(H,{...x},i)))},se=({options:n,label:l,variant:i="primary",size:o="md",inline:r=!1,disabled:s=!1,readOnly:c=!1,helperText:m,errorMessage:u,...p})=>{const v=a("maxio-select",`maxio-select--${i}`,`maxio-select--${o}`,{"maxio-select--disabled":s,"maxio-select--read-only":c,"maxio-select--inline":r,"maxio-select--error":!!u}),x=t.useId();return e.createElement("div",{className:v},l&&e.createElement("label",{htmlFor:x,className:"maxio-select__label"},l),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:x,className:"maxio-select__input",disabled:s||c,...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(d,{variant:"warning-circle-fill",className:"maxio-select__icon-error"}),e.createElement(d,{variant:"chevron-down"}))),!!u&&e.createElement("div",{className:"maxio-select__error-text"},u),m&&!u&&e.createElement("div",{className:"maxio-select__helper-text"},m))},ce=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(ne,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(d,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(d,{variant:t}))),me=e.createContext({}),de=()=>e.useContext(me),ue=({children:a,isOpen:t,onChange:n,withIcons:l=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const[c,m]=e.useState((()=>!o||("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(i),p=()=>{m(!1),n&&n(!1)},{windowWitdh:v}=Z(200);e.useEffect((()=>{!function(e){if(!o)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(me.Provider,{value:{sections:d,topDropdownItems:r,onSectionOpen:e=>{const a=x();u((t=>t.map((t=>{var n;if(!c)return{...t,isOpen:t.name===e};const l=t.name===e&&!t.isOpen;return a&&(null===(n=t.items)||void 0===n||n.includes(a)),{...t,isOpen:l}}))))},isOpen:c,onOpen:()=>{m(!0),n&&n(!0)},onClose:p,onToggle:()=>{m((e=>(n&&n(!e),!e)))},withIcons:l}},a);function x(){return d.map((e=>e.items)).flat().filter((e=>null!=e)).find((e=>e.isCurrent))}},pe=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=de(),{mainItem:l,otherItems:i,actions:o}=t,r=e.useRef(null),s=Q(r),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),m=e.useMemo((()=>[...i.map(c),(null==i?void 0:i.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(c)].filter((e=>null!=e))),[o,i]),d=i.length+o.length;return e.createElement(e.Fragment,null,0===d?e.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:l.url,onClick:a},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:a,className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large","aria-haspopup":"true",ref:r},l.url?e.createElement(e.Fragment,null,e.createElement(ce,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:l.icon,trailingIcon:"chevron-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(ce,{type:"menu",trailingIcon:"chevron-down"},l.title)),e.createElement(v,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m})))},ve=({section:a})=>{var t;const{isOpen:n,withIcons:l}=de(),i=e.useRef(null),o=Q(i);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:i},e.createElement(ce,{isTooltipVisible:o&&!n,type:"menu",leadingIcon:l&&null!==(t=a.icon)&&void 0!==t?t:void 0},a.name)))},xe=({section:t})=>{var n,l,i;const{onOpen:o,onSectionOpen:r,isOpen:s,withIcons:c}=de();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=Q(d);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(ve,{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(){r(t.name),o()}},e.createElement(ce,{type:"menu",isTooltipVisible:!s&&u,leadingIcon:c&&null!==(n=t.icon)&&void 0!==n?n:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),t.isOpen&&s&&e.createElement("ul",{className:"maxio-side-nav__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__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)))))))},ge=()=>{const{sections:a}=de();return e.createElement("ul",{className:"maxio-side-nav__items"},a.map((a=>e.createElement(xe,{key:`section-${a.name}`,section:a}))))},he=()=>{const{isOpen:t}=de();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement("div",null,e.createElement(pe,null),e.createElement("hr",{className:"maxio-side-nav__divider"}),e.createElement(ge,null)))},be=["avalara","chargify","hubspot","netsuite","pipedrive","quickbooks","sage","saasoptics","salesforce","xero"],fe=({leadingIcon:a,trailingIcon:t,type:n="menu",children:l,leadingIconClassName:i,isTooltipVisible:o=!1})=>{return e.createElement(e.Fragment,null,a&&e.createElement(ne,{usePortal:!0,isVisible:o,renderContent:()=>l,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},(r=a,be.includes(r)?e.createElement(y,{icon:a}):e.createElement(d,{variant:a,className:i})))),e.createElement("span",{className:`maxio-side-nav-v2__${n}-title`,"data-testid":"maxio-sidebar-section-name"},l),t&&e.createElement("span",{className:"maxio-side-nav-v2__menu-chevron"},e.createElement(d,{variant:t})));var r},Ee=e=>"heading"!==e.type,_e=e=>{const a=(e=>e.flat().filter(Ee).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 Ee(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})))):e},Ne=e.createContext({}),we=()=>e.useContext(Ne),ke=({children:a,isOpen:t,onChange:n,withIcons:l=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState((()=>!o||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s))),[u,p]=e.useState((()=>_e(i))),{windowWitdh:v}=Z(200);e.useEffect((()=>{c.current&&(null==n||n(m))}),[m,n]),e.useEffect((()=>{c.current=!0}),[]),e.useEffect((()=>{!function(e){if(!o)return;e<s&&m&&x()}(v)}),[v]),e.useEffect((()=>{"boolean"==typeof t&&d(t)}),[t]);const x=()=>{d(!1)};return e.createElement(Ne.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{p((a=>a.map((a=>a.map((a=>Ee(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a))))))},isOpen:m,onOpen:()=>{d(!0)},onClose:x,withIcons:l,shouldToggleSidebar:o}},a)},ye=()=>{const{onOpen:a,topDropdownItems:t,isOpen:n}=we(),{mainItem:l,otherItems:i,actions:o}=t,r=e.useRef(null),s=Q(r),c=({id:e,title:a,icon:t,...n})=>({id:e,label:a,leadingIconName:t,link:{href:n.url,...n}}),{items:m,itemsCount:d}=e.useMemo((()=>({itemsCount:i.length+o.length,items:[...i.map(c),(null==i?void 0:i.length)>0&&(null==o?void 0:o.length)>0?{type:"divider",id:"item-divider"}:null,...o.map(c)].filter((e=>null!=e))})),[o,i]);return e.createElement(e.Fragment,null,0===d?e.createElement("a",{className:"maxio-side-nav-v2__menu-button maxio-side-nav-v2__menu-button--large",href:l.url,onClick:a},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:a,className:"maxio-side-nav-v2__menu-button","aria-haspopup":"true",ref:r},l.url?e.createElement(e.Fragment,null,e.createElement(fe,{type:"menu",isTooltipVisible:!n&&s,leadingIcon:l.icon,trailingIcon:"chevron-up-down",leadingIconClassName:l.iconClass},l.title)):e.createElement(fe,{type:"menu",trailingIcon:"chevron-up-down"},l.title)),e.createElement(v,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m,small:!0})))},Ce=({section:a})=>{const{isOpen:t,withIcons:n}=we(),l=e.useRef(null),i=Q(l);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:l},e.createElement(fe,{isTooltipVisible:i&&!t,type:"menu",leadingIcon:n?a.icon:void 0},a.name)))},Se=({section:t})=>{var n,l;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=we(),c=e.useRef(null),m=Q(c);if(!Ee(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(Ce,{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:()=>{o(t.name),i()}},e.createElement(fe,{type:"menu",isTooltipVisible:!r&&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===(l=t.items)||void 0===l?void 0:l.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)))))))},Ie=()=>{const{sections:a}=we();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(Se,{key:`section-list-item-${a.type}-${t}-${n}`,section:a})))))))},Pe=()=>{const{onClose:a,shouldToggleSidebar:t}=we();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(d,{variant:"sidebar"})))},Re=()=>{const{isOpen:t}=we();return e.createElement("nav",{className:a("maxio-side-nav-v2",{"maxio-side-nav-v2--collapsed":!t})},e.createElement(Pe,null),e.createElement(ye,null),e.createElement("div",{className:"maxio-side-nav-v2__items-container"},e.createElement(Ie,null)))},Te=e.createContext({}),$e=()=>e.useContext(Te),Oe=({children:a,variant:t="line",withDivider:n=!1,defaultIndex:l=0,onChange:i,index:o})=>{const[r,s]=e.useState((()=>void 0!==o?o:l));e.useEffect((()=>{void 0===o&&s(l),"number"==typeof o&&s(o)}),[l,o]);return e.createElement(Te.Provider,{value:{currentIndex:r,variant:t,withDivider:n,onChange:e=>{let a;a="function"==typeof e?e(r):e,void 0===o&&s(a),"function"==typeof i&&i(a)}}},a)},De=({disabled:t=!1,value:n=0,isCurrent:l,...i})=>{const{onChange:o,currentIndex:r}=$e(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":r===n,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===i.type}),c=()=>{o(n)},m={"aria-selected":l,id:`tab-${n}`,"aria-controls":`panel-${n}`,role:"tab",tabIndex:l?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect((()=>{var e;l&&u.current&&(null===(e=d.current)||void 0===e||e.focus())}),[l]),e.useEffect((()=>{u.current=!0}),[]),"icon"===i.type){const{icon:a,...t}=i;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}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...x},e.createElement("div",{className:"maxio-tabs__tab__content"},p,v||null))},Ve=({children:a,value:t,...n})=>{const{currentIndex:l}=$e();return e.createElement("div",{...n,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:l!==t},a)},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,Fe=({state:t,...n})=>{var l,i;const o=e.useRef(null),{toastProps:s,contentProps:c,titleProps:m,closeButtonProps:u}=r.useToast(n,t,o),p=a("maxio-toast",{[`maxio-toast--${n.toast.content.sentiment}`]:n.toast.content.sentiment}),v={default:"info-circle-fill",success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[n.toast.content.sentiment||"default"];return e.createElement("div",{className:p,"data-maxio-mode":"dark",...s,ref:o},e.createElement(d,{variant:v,className:"maxio-toast__icon"}),e.createElement("div",{className:"maxio-toast__container",...c},e.createElement("div",{className:"maxio-toast__content",...m},n.toast.content.title&&e.createElement("span",{className:"maxio-toast__title"},n.toast.content.title),e.createElement("span",{className:"maxio-toast__message"},n.toast.content.message)),(null===(l=n.toast.content.link)||void 0===l?void 0:l.text)&&(null===(i=n.toast.content.link)||void 0===i?void 0:i.href)&&e.createElement(x,{href:n.toast.content.link.href,underline:!0,...n.toast.content.external?{external:!0}:{}},n.toast.content.link.text)),e.createElement(E,{variant:"ghost",icon:e.createElement(d,{variant:"cross"}),"aria-label":"Dismiss Notification",size:"lg",...u}))},Me=({state:a,...t})=>{let n=e.useRef(null),{regionProps:l}=r.useToastRegion(t,a,n);return e.createElement("div",{...l,ref:n,className:t.className,style:{paddingTop:"10px",display:"flex",flexDirection:"column",gap:"10px"}},a.visibleToasts.map((t=>e.createElement(Fe,{key:t.key,toast:t,state:a}))))},He=({basis:t,flex:n,flexDirection:l="row",wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:p,justifyContent:v,container:x=!1,...g})=>{const h=a({"maxio-flex":x,[`maxio-flex-${n}`]:n,[`maxio-basis-${t}`]:void 0!==t,[`maxio-flex-${l}`]:l,[`maxio-flex-${i}`]:i,[`maxio-grow-${o}`]:void 0!==o,[`maxio-shrink-${r}`]:void 0!==r,[`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:h,...g},u)},Le={sm:"h3",md:"h2",lg:"h1"};Object.defineProperty(exports,"createColumnHelper",{enumerable:!0,get:function(){return n.createColumnHelper}}),exports.ActionList=v,exports.Alert=({children:t,title:n,linkText:l,linkExternal:i,href:o,sentiment:r="info",onDismiss:s})=>{const c=a("maxio-alert",{[`maxio-alert--${r}`]:"info"!==r&&r}),m={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r];return e.createElement("div",{className:c},e.createElement(d,{variant:m,className:"maxio-alert__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-alert__container"},e.createElement("div",{className:"maxio-alert__content"},n&&e.createElement("span",{className:"maxio-alert__title"},n),e.createElement("span",{className:"maxio-alert__message"},t)),l&&o?e.createElement(x,{href:o,underline:!0,...i?{external:!0}:{}},l):null),s&&e.createElement(E,{icon:e.createElement(d,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,size:"lg"}))},exports.Avatar=({className:t,src:n,alt:l="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:l,src:n}),exports.Banner=({children:t,title:n,linkText:l,linkExternal:i,href:o,sentiment:r="info",onDismiss:s})=>{const c=a("maxio-banner",{[`maxio-banner--${r}`]:"info"!==r&&r}),m={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r];return e.createElement("div",{className:c,"aria-live":"assertive"},e.createElement(d,{variant:m,className:"maxio-banner__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-banner__container"},e.createElement("div",{className:"maxio-banner__content"},n&&e.createElement("span",{className:"maxio-banner__title"},n),e.createElement("span",{className:"maxio-banner__message"},t)),l&&o?e.createElement(x,{href:o,..."warning"!==r&&{variant:"inverse"},underline:!0,...i?{external:!0}:{}},l):null),s&&e.createElement(E,{icon:e.createElement(d,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,size:"lg"}))},exports.Body=({as:t="div",children:n,compact:l=!1,size:i="md",className:o,...r})=>{const s=t,c=a({[`maxio-body-${i}`]:!l,[`maxio-body-${i}-compact`]:l},o);return e.createElement(s,{className:c,...r},n)},exports.BrandLogo=y,exports.Breadcrumbs=({className:t,children:n,...l})=>{const i=e.Children.count(n);if(0===i)throw new Error(S);const o=e.Children.map(n,((a,t)=>{if(e.isValidElement(a)&&a.type==C){if(t===i-1&&a.props.to)throw new Error(I);return e.cloneElement(a,{"aria-current":t===i-1?"page":void 0})}throw new Error(P)}));return e.createElement("nav",{"aria-label":"Breadcrumb",...l},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},o))},exports.BreadcrumbsItem=C,exports.Button=f,exports.Checkbox=M,exports.CheckboxGroup=a=>e.createElement(F,{...a},e.createElement(B,{...a},a.children)),exports.Code=({as:t="div",children:n,className:l,...i})=>{const o=t,r=a("maxio-code",l);return e.createElement(o,{className:r,...i},n)},exports.DataTable=({pattern:a,size:t="md",SubRowComponent:l,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m=!1,columns:d,...u})=>{const p=(({columns:a,HeaderControls:t,RowControls:n,enableExpanding:l,enableRowSelection:i})=>e.useMemo((()=>l||i?[{id:"row-controls",header:a=>e.createElement(t,{...a,enableExpanding:l,enableRowSelection:i}),cell:a=>e.createElement(n,{...a,enableExpanding:l}),meta:{controls:!0}},...a]:a),[l,i,a]))({columns:d,HeaderControls:A,RowControls:W,enableExpanding:m,enableRowSelection:c}),v=n.useReactTable({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...u.state},getSubRows:e=>e.subRows,getCoreRowModel:n.getCoreRowModel(),enableRowSelection:c,enableExpanding:m,...!u.manualExpanding&&{getExpandedRowModel:n.getExpandedRowModel()},enableSorting:s,...!u.manualSorting&&{getSortedRowModel:n.getSortedRowModel()},columns:p,...u}),x=v.getCanSomeRowsExpand(),g=v.getState();return e.useEffect((()=>{null==i||i(g.expanded)}),[i,g.expanded]),e.useEffect((()=>{null==o||o(g.rowSelection)}),[o,g.rowSelection]),e.useEffect((()=>{null==r||r(g.sorting)}),[r,g.sorting]),e.createElement(R,{pattern:a,size:t,isExpandable:x,isUsingCustomRow:!!l},e.createElement(T,null,v.getHeaderGroups().map((a=>e.createElement(D,{key:a.id,table:v,isHeader:!0},a.headers.map((a=>e.createElement(O,{key:a.id,header:a},n.flexRender(a.column.columnDef.header,a.getContext())))))))),e.createElement($,null,v.getRowModel().rows.map((t=>e.createElement(U,{key:t.id,row:t,pattern:a,SubRowComponent:l})))))},exports.Display=({as:t="div",children:n,size:l="md",className:i,...o})=>{const r=t,s=a(`maxio-display-${l}`,i);return e.createElement(r,{className:s,...o},n)},exports.FormErrorMessage=L,exports.FormHelperText=H,exports.Header=({className:t,sidebarToggleVisible:n=!0,sidebarToggleExpanded:l=!0,variant:i="grey",socket:o,rightSocket:r,onClickSidebarIcon:s})=>{const[c,m]=e.useState(l);e.useEffect((()=>{m(l)}),[l]);const d=a("maxio-header",t,{[`maxio-header--bar-${i}`]:i});return e.createElement("nav",{className:d},n&&e.createElement(G,{"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"}),o&&e.createElement("div",{className:"maxio-header__socket"},o),r&&e.createElement("div",{className:"maxio-header__socket maxio-header__socket--position-right"},r))},exports.HeaderButton=G,exports.HeaderNav=({items:t})=>e.createElement("ul",{className:"maxio-header-nav"},t.map((({label:t,id:n,isActive:l,...i})=>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":l}),...i},t))))),exports.HeaderSearchField=j,exports.HeaderSearchInput=({options:a,onSubmit:t})=>{const n=e.useRef(null),l=e.useRef(null);return e.createElement("form",{className:"maxio-header-search-input",onSubmit:function(e){var a,i,o,r;e.preventDefault(),t({searchField:null!==(i=null===(a=n.current)||void 0===a?void 0:a.value)&&void 0!==i?i:"",selectField:null!==(r=null===(o=l.current)||void 0===o?void 0:o.value)&&void 0!==r?r:""})}},e.createElement(Y,{innerRef:l,options:a}),e.createElement(j,{innerRef:n}),e.createElement(G,{type:"submit","aria-label":"Submit search",iconName:"arrow-right"}))},exports.HeaderSearchMenu=Y,exports.Heading=({children:t,size:n="sm",className:l,...i})=>{const o=Le[n],r=a(`maxio-heading-${n}`,l);return e.createElement(o,{className:r,...i},t)},exports.Icon=d,exports.IconButton=E,exports.Label=({as:t="div",children:n,size:l="sm",className:i,...o})=>{const r=t,s=a(`maxio-label-${l}`,i);return e.createElement(r,{className:s,...o},n)},exports.Link=x,exports.LoadingSpinner=g,exports.Menu=({children:a})=>e.createElement(N,null,e.createElement(k,null,a)),exports.MenuButton=({children:t,iconName:n="chevron-down","aria-label":l,size:i="lg",variant:o="secondary"})=>{const r=a({"maxio-action-menu__chevron":"chevron-down"===n}),s=a("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":n&&!t}),{isOpen:c,buttonId:m,controlsId:u}=w();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":l,"aria-expanded":c,"aria-controls":u,id:m},e.createElement("div",{className:"maxio-header-button__content"},t&&e.createElement("span",null,t),n&&e.createElement(d,{variant:n,className:`${r} maxio-button__trailing-element`})))},exports.MenuList=({items:t,alignItemsEnd:n=!1})=>{const l=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":n}),{controlsId:i,buttonId:o}=w();return e.createElement("div",{className:l,role:"presentation"},e.createElement(v,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:t}))},exports.OverlayTrigger=ee,exports.Pagination=({size:a="lg",onChange:t,totalItems:n=0,itemsPerPage:l=30,currentPage:i=1,pageSizeOptions:o})=>{const[r,s]=e.useState(i),[c,m]=e.useState(l),u=Math.ceil(n/c),p=r<u,v=r>1,x=c*(r-1)+1,g=Math.min(c*r,n),h=o.map((e=>({label:e.toString(),value:e.toString()}))),b=Array.from({length:u},((e,a)=>a+1)).map((e=>({label:e.toString(),value:e.toString()}))),f=e=>{s(e),null==t||t({currentPage:e,itemsPerPage:c})};return e.createElement("div",{className:"maxio-pagination"},e.createElement("div",{className:"maxio-pagination__items-per-page"},e.createElement("label",{htmlFor:"items-per-page-large",className:"maxio-pagination__label"},"Items per page"),e.createElement(se,{inline:!0,size:a,options:h,onChange:e=>{return a=Number(e.target.value),m(a),s(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:c,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,x,"–",g," of ",n," items")),e.createElement("div",{className:"maxio-pagination__current-page"},e.createElement(se,{inline:!0,size:a,"aria-label":"Select page",onChange:e=>f(Number(e.target.value)),value:r,options:b,id:"page-index-large"}),e.createElement("div",{className:"maxio-pagination__label"},"of ",u," pages")),e.createElement("div",{className:"maxio-pagination__controls"},e.createElement(ne,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(E,{icon:e.createElement(d,{variant:"chevron-left"}),size:a,variant:"ghost",onClick:()=>f(r-1),"aria-label":"Previous",disabled:!v})),e.createElement(ne,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(E,{icon:e.createElement(d,{variant:"chevron-right"}),size:a,variant:"ghost",onClick:()=>f(r+1),"aria-label":"Next",disabled:!p}))))},exports.ProgressBar=({label:n,helperText:l,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=r&&!!n&&!!s&&!("inline"===o),p=l&&!("inline"===o),v=l&&"inline"===o,{progressBarProps:x,labelProps:g}=t.useProgressBar({maxValue:c,value:s,label:n}),h=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===i,"maxio-progress-bar--success":s&&!("inline"===o)&&"success"===r,"maxio-progress-bar--error":s&&!("inline"===o)&&"error"===r,"maxio-progress-bar--indent":"indent"===o,"maxio-progress-bar--inline":"inline"===o,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:h,...x},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...g},n),v&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},l),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__${r}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},l))},exports.Radio=({indent:n=!1,disabled:l=!1,invalid:i=!1,label:o,...r})=>{const s=e.useRef(null),{disabled:c,indent:m,invalid:d,name:u,onChange:p,value:v,setLastFocusedValue:x=(()=>{}),lastFocusedValue:g=null}=ie(),h=!!u,b=d||i,f=c||l,E=a("maxio-radio",{"maxio-radio--indent":m||n,"maxio-radio--disabled":f,"maxio-radio--error":b}),{inputProps:_}=t.useRadio({...r,children:o,value:(r.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:g},s);return e.createElement("label",{className:E},e.createElement("input",{ref:s,type:"radio",className:"maxio-radio__input",...h?_:r}),e.createElement("span",{className:"maxio-radio__control",tabIndex:0}),e.createElement("span",{className:"maxio-radio__label"},o))},exports.RadioGroup=a=>e.createElement(oe,{...a},e.createElement(re,{...a},a.children)),exports.Select=se,exports.SideNav=({withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l,collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ue,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(he,null)),exports.SideNavV2=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:n,sections:l=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ke,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:n,sections:l},e.createElement(Re,null)),exports.Tab=De,exports.TabList=({children:t,className:n,ariaLabel:l,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=$e(),m=a("maxio-tabs",n,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(t,(e=>e.props));return e.createElement("div",{className:m,role:"tablist","aria-label":l,"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=>ze(e,u()))),null===(a=d.current)||void 0===a||a.focus()},...i},e.Children.map(t,((a,t)=>{if(e.isValidElement(a)&&a.type===De)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")})))},exports.TabPanel=Ve,exports.TabPanels=({children:a})=>{const{currentIndex:t}=$e();return e.createElement(e.Fragment,null,e.Children.map(a,((a,n)=>{if(e.isValidElement(a)&&a.type===Ve)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:l=0,index:i,onChange:o})=>e.createElement(Oe,{defaultIndex:l,variant:t,withDivider:n,index:i,onChange:o},a),exports.Tag=({children:t,size:n="md",sentiment:l="default",kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=a("maxio-tag",`maxio-tag--${n}`,`maxio-tag--${i}`,`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(d,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),r&&e.createElement(d,{variant:r,className:"maxio-tag__icon"}))},exports.TextInput=({disabled:n=!1,invalid:l=!1,readOnly:i=!1,size:o="md",variant:r="primary",label:s,helperText:c,errorMessage:m,leadingElement:u=null,trailingElement:p=null,onChange:v,fullWidth:x,...g})=>{var h,b;const f=e.useRef(null),{labelProps:E,inputProps:_,descriptionProps:N,errorMessageProps:w}=t.useTextField({...g,label:s,description:c,errorMessage:m,defaultValue:null===(h=g.defaultValue)||void 0===h?void 0:h.toString(),value:null===(b=g.value)||void 0===b?void 0:b.toString()},f),k=a("maxio-text-field",`maxio-text-field--${r}`,`maxio-text-field--${o}`,{"maxio-text-field--disabled":n,"maxio-text-field--error":l,"maxio-text-field--readonly":i,"maxio-text-field--full-width":x}),y=l&&m;return e.createElement("div",{className:k},s&&e.createElement("label",{className:"maxio-text-field__label",...E},s),e.createElement("div",{className:"maxio-text-field__items"},u&&e.createElement("div",{className:"maxio-text-field__leading-element"},u),l&&e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(d,{variant:"warning-circle-fill"})),e.createElement("input",{ref:f,type:"text",className:"maxio-text-field__input",..._,onChange:v}),p&&!l&&e.createElement("div",{className:"maxio-text-field__trailing-element"},p)),c&&!y&&e.createElement("div",{className:"maxio-form-helper-text",...N},c),y&&e.createElement("div",{className:"maxio-form-error",...w},e.createElement("div",{className:"maxio-form-error__text"},m)))},exports.Tile=({children:t,className:n,href:l,onClick:i,target:o,disabled:r})=>{const s=l||i;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",n,{"maxio-tile--clickable":s,"maxio-tile--disabled":r});return e.createElement("a",{className:c,href:l,target:o,onClick:e=>{r&&l&&e.preventDefault(),!r&&i&&i()}},t)},exports.ToastProvider=({children:a,...t})=>{const{maxVisibleToasts:n=5,...l}=t,i=o.useToastState({maxVisibleToasts:n,...l});return e.createElement(e.Fragment,null,a(i),i.visibleToasts.length>0&&e.createElement(Me,{...t,state:i}))},exports.Toggle=({defaultChecked:t,checked:n,onChange:l,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,v=m||u,x="left"===r?"row":"row-reverse",g=o&&r,h=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),l&&l(!a,e)}}),[p,l]),b=d["aria-label"]||(g?void 0:o);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:x},"data-testid":"toggle-container"},g?e.createElement("label",{className:"maxio-toggle__label",htmlFor:v},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:n,onChange:e=>{l&&l(e.target.checked,e)},onKeyDown:h,disabled:i,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=ae,exports.TooltipTrigger=ne,exports.TopBar=({children:a,actions:t,sideNavIsClosed:n,openSideNav:l})=>e.createElement("nav",{className:"maxio-top-bar"},n&&e.createElement(E,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(d,{variant:"sidebar"}),onClick:l,size:"lg"}),e.createElement(He,{container:!0,flex:"grow",justifyContent:"end"},a),t),exports.useHover=Q,exports.useOverlayTrigger=J,exports.useWindowSize=Z;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "4.9.1",
+  "version": "5.1.0",
   "description": "React UI components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -43,6 +43,8 @@
   "dependencies": {
     "@floating-ui/react-dom": "^1.0.0",
     "@floating-ui/react-dom-interactions": "^0.10.3",
+    "@react-aria/toast": "3.0.0-beta.14",
+    "@react-stately/toast": "3.0.0-beta.5",
     "@react-stately/toggle": "^3.7.4",
     "@tanstack/react-table": "^8.15.3",
     "classnames": "^2.3.2",
@@ -52,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a0ddcd8e4431f2e1df4eeb1634195b4ae6aa6f34"
+  "gitHead": "5926f19d72e7d756260605c0580acc4b17a67711"
 }

package/typings/index.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import * as React$1 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';
 import { RowData, Row, ExpandedState, RowSelectionState, SortingState, TableOptions } from '@tanstack/react-table';
 export { createColumnHelper } from '@tanstack/react-table';
+import * as _floating_ui_react_dom_interactions from '@floating-ui/react-dom-interactions';
+import { AnimationProps } from 'framer-motion';
+import { ToastState } from '@react-stately/toast';
 
 declare const ICONS: readonly ["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"];
 
@@ -49,6 +50,20 @@ interface ActionListProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const ActionList: ({ items, isShadowed, itemProps, className, truncateLabels, small, ...props }: ActionListProps) => JSX.Element | null;
 //# sourceMappingURL=ActionList.d.ts.map
 
+declare type Sentiment$2 = 'info' | 'success' | 'warning' | 'danger';
+declare type AlertProps = {
+    title?: string;
+    children: string;
+    onDismiss?: () => void;
+    linkText?: string;
+    linkExternal?: boolean;
+    href?: string;
+    sentiment?: Sentiment$2;
+};
+
+declare const Alert: ({ children, title, linkText, linkExternal, href, sentiment, onDismiss, }: AlertProps) => JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map
+
 interface MenuProps {
     children: ReactNode | (({ isOpen, onClose, }: {
         isOpen: boolean;
@@ -65,10 +80,10 @@ declare const MenuList: ({ items, alignItemsEnd }: MenuListProps) => JSX.Element
 //# sourceMappingURL=MenuList.d.ts.map
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger' | 'skeleton';
-declare type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
+declare type ButtonSize$1 = 'sm' | 'lg' | 'xl';
 interface CommonButtonProps {
     variant?: ButtonVariant;
-    size?: ButtonSize;
+    size?: ButtonSize$1;
     fullWidth?: boolean;
     icon?: React.ReactNode;
 }
@@ -99,6 +114,20 @@ declare type AvatarProps = {
 declare const Avatar: ({ className, src, alt }: AvatarProps) => JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map
 
+declare type Sentiment$1 = 'info' | 'success' | 'warning' | 'danger';
+declare type BannerProps = {
+    title?: string;
+    children: string;
+    onDismiss?: () => void;
+    linkText?: string;
+    linkExternal?: boolean;
+    href?: string;
+    sentiment?: Sentiment$1;
+};
+
+declare const Banner: ({ children, title, linkText, linkExternal, href, sentiment, onDismiss, }: BannerProps) => JSX.Element;
+//# sourceMappingURL=Banner.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];
@@ -124,13 +153,40 @@ declare const BreadcrumbsItem: React__default.FC<BreadcrumbsItemProps>;
 declare const Button: (props: ButtonProps) => JSX.Element;
 //# sourceMappingURL=Button.d.ts.map
 
+declare type ButtonSize = 'sm' | 'lg';
 declare type IconButtonProps = (Omit<InternalButtonProps, 'fullWidth' | 'children'> | Omit<InternalLinkProps, 'fullWidth' | 'children'>) & {
     'aria-label': string;
+    size?: ButtonSize;
 };
 
 declare const IconButton: ({ "aria-label": ariaLabel, ...props }: IconButtonProps) => JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map
 
+declare type TableSize = 'sm' | 'md' | 'lg';
+declare type ColumnAlign = 'left' | 'right';
+declare type RequiredTableOptions<TData extends RowData> = Pick<TableOptions<TData>, 'data' | 'columns'>;
+declare type OptionalTableOptions<TData extends RowData> = Partial<Omit<TableOptions<TData>, 'getCoreRowModel'>>;
+declare type DataTableProps<TData extends RowData = {}> = {
+    size?: TableSize;
+    pattern?: boolean;
+    align?: ColumnAlign;
+    SubRowComponent?: (row: Row<TData>) => React.ReactNode;
+    isLoading?: boolean;
+    onExpand?: (expanded: ExpandedState) => void;
+    onSelect?: (selected: RowSelectionState) => void;
+    onSort?: (selected: SortingState) => void;
+} & RequiredTableOptions<TData> & OptionalTableOptions<TData>;
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        align?: ColumnAlign;
+        width?: string;
+        controls?: boolean;
+    }
+}
+
+declare const DataTable: <TData extends unknown>({ pattern, size, SubRowComponent, onExpand, onSelect, onSort, enableSorting, enableRowSelection, enableExpanding, columns: originalColumns, ...props }: DataTableProps<TData>) => JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map
+
 declare type HeaderVariant = 'green' | 'blue' | 'grey';
 interface HeaderProps {
     className?: string;
@@ -276,6 +332,24 @@ declare type OverlayTriggerProps = {
 };
 declare const OverlayTrigger: FC<OverlayTriggerProps>;
 
+declare type NavSize = 'lg' | 'sm';
+declare type PageSizeOptions = number[];
+declare type PageInfo = {
+    currentPage: number;
+    itemsPerPage: number;
+};
+declare type PaginationProps = {
+    totalItems?: number;
+    currentPage?: number;
+    itemsPerPage?: number;
+    pageSizeOptions: PageSizeOptions;
+    size?: NavSize;
+    onChange?: (pageInfo: PageInfo) => void;
+};
+
+declare const Pagination: ({ size, onChange, totalItems, itemsPerPage: itemsPerPageProp, currentPage: currentPageProp, pageSizeOptions, }: PaginationProps) => JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map
+
 interface ProgressBarProps {
     label: string;
     helperText?: string;
@@ -460,6 +534,26 @@ declare type TileProps = {
 declare const Tile: ({ children, className, href, onClick, target, disabled, }: TileProps) => JSX.Element;
 //# sourceMappingURL=Tile.d.ts.map
 
+declare type Sentiment = 'info' | 'success' | 'warning' | 'danger';
+interface ToastContent extends Omit<LinkProps, 'children'> {
+    title?: string;
+    message?: string;
+    link?: {
+        text: string;
+        href: string;
+    };
+    sentiment?: Sentiment;
+}
+
+declare type ToastProviderProps = {
+    children: (state: ToastState<ToastContent>) => any;
+    className?: string;
+    maxVisibleToasts?: number;
+};
+
+declare const ToastProvider: ({ children, ...props }: ToastProviderProps) => JSX.Element;
+//# sourceMappingURL=ToastProvider.d.ts.map
+
 declare type ToggleProps = {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -641,29 +735,4 @@ interface FormHelperTextProps extends React__default.HtmlHTMLAttributes<HTMLDivE
 declare const FormHelperText: ({ children, className, ...props }: FormHelperTextProps) => JSX.Element;
 //# sourceMappingURL=FormHelperText.d.ts.map
 
-declare type TableSize = 'sm' | 'md' | 'lg';
-declare type ColumnAlign = 'left' | 'right';
-declare type RequiredTableOptions<TData extends RowData> = Pick<TableOptions<TData>, 'data' | 'columns'>;
-declare type OptionalTableOptions<TData extends RowData> = Partial<Omit<TableOptions<TData>, 'getCoreRowModel'>>;
-declare type DataTableProps<TData extends RowData = {}> = {
-    size?: TableSize;
-    pattern?: boolean;
-    align?: ColumnAlign;
-    SubRowComponent?: (row: Row<TData>) => React.ReactNode;
-    isLoading?: boolean;
-    onExpand?: (expanded: ExpandedState) => void;
-    onSelect?: (selected: RowSelectionState) => void;
-    onSort?: (selected: SortingState) => void;
-} & RequiredTableOptions<TData> & OptionalTableOptions<TData>;
-declare module '@tanstack/react-table' {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        align?: ColumnAlign;
-        width?: string;
-        controls?: boolean;
-    }
-}
-
-declare const DataTable: <TData extends unknown>({ pattern, size, SubRowComponent, onExpand, onSelect, onSort, enableSorting, enableRowSelection, enableExpanding, columns: originalColumns, ...props }: DataTableProps<TData>) => JSX.Element;
-//# sourceMappingURL=DataTable.d.ts.map
-
-export { ActionList, Avatar, Body, BrandLogo, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Code, DataTable, 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 };
+export { ActionList, Alert, Avatar, Banner, Body, BrandLogo, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Code, DataTable, 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, Pagination, Placement, ProgressBar, Radio, RadioGroup, Select, SideNavWrapper$1 as SideNav, SideNavWrapper as SideNavV2, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextInput, Tile, ToastProvider, Toggle, Tooltip, TooltipTrigger, TopBar, useHover, useOverlayTrigger, useWindowSize };