@maxio-com/react-ui-components 8.1.0 → 8.1.2

package/README.md

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

package/dist/index.esm.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "8.1.0",
+  "version": "8.1.2",
   "description": "React UI components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -55,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "93c2a05005ea8164af17b6057eedf1e5f6194af4"
+  "gitHead": "401424252a3a290af18f76e3bfd45fc6d421e8d3"
 }

package/typings/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { ReactNode, HTMLAttributes, LiHTMLAttributes, MutableRefObject, AnchorHTMLAttributes, RefObject, FC, ElementType, InputHTMLAttributes } from 'react';
+import React__default, { ReactNode, HTMLAttributes, LiHTMLAttributes, AnchorHTMLAttributes, RefObject, FC, ElementType, InputHTMLAttributes } from 'react';
 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';
@@ -132,7 +132,7 @@ declare const Banner: ({ children, title, linkText, linkExternal, href, sentimen
 
 declare type BreadcrumbsProps = HTMLAttributes<HTMLElement>;
 declare type BreadcrumbsItemProps = {
-    to?: string;
+    href?: string;
 } & LiHTMLAttributes<HTMLLIElement>;
 
 declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
@@ -178,67 +178,6 @@ declare module '@tanstack/react-table' {
 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;
-    sidebarToggleVisible?: boolean;
-    sidebarToggleExpanded?: boolean;
-    variant?: HeaderVariant;
-    socket?: React__default.ReactNode;
-    rightSocket?: React__default.ReactNode;
-    onClickSidebarIcon?: (isSidebarExpanded: boolean) => void;
-}
-
-declare const Header: ({ className, sidebarToggleVisible, sidebarToggleExpanded, variant, socket, rightSocket, onClickSidebarIcon, }: HeaderProps) => JSX.Element;
-//# sourceMappingURL=Header.d.ts.map
-
-interface HeaderButtonProps<T extends React__default.ElementType> {
-    className?: string;
-    children?: React__default.ReactNode;
-    iconName?: IconVariant;
-    as?: T;
-    noPadding?: boolean;
-}
-declare const HeaderButton: <T extends React__default.ElementType<any> = "button">({ children, as, iconName, noPadding, className, ...props }: HeaderButtonProps<T> & Omit<React__default.PropsWithoutRef<React__default.ComponentProps<T>>, keyof HeaderButtonProps<T>>) => JSX.Element;
-
-interface HeaderNavItem extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'id'> {
-    id: string | number;
-    label: string;
-    isActive?: boolean;
-}
-interface HeaderNavProps {
-    items: HeaderNavItem[];
-}
-declare const HeaderNav: ({ items }: HeaderNavProps) => JSX.Element;
-
-interface SearchFieldProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-    value?: string;
-}
-declare const SearchField: React__default.ForwardRefExoticComponent<SearchFieldProps & React__default.RefAttributes<HTMLInputElement | null>>;
-//# sourceMappingURL=SearchField.d.ts.map
-
-interface SearchMenuOption {
-    label: string;
-    value: string;
-}
-interface SearchMenuProps extends React__default.HTMLProps<HTMLSelectElement> {
-    options: SearchMenuOption[];
-    innerRef: MutableRefObject<HTMLSelectElement | null>;
-}
-declare const SearchMenu: {
-    ({ options, innerRef, ...props }: SearchMenuProps): JSX.Element;
-    displayName: string;
-};
-
-interface SearchInputProps {
-    onSubmit: ({ searchField, selectField, }: {
-        selectField: string;
-        searchField: string;
-    }) => void;
-    options: SearchMenuOption[];
-}
-declare const SearchInput: ({ options, onSubmit }: SearchInputProps) => JSX.Element;
-
 declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'high-contrast' | 'inverse';
 declare type Size = 'xs' | 'sm' | 'md' | 'lg';
 interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -348,50 +287,6 @@ interface ProgressBarProps {
 }
 declare const ProgressBar: ({ label, helperText, size, variant, status, value, maxValue, }: ProgressBarProps) => JSX.Element;
 
-interface SingleSection$1 {
-    href?: string;
-    icon: IconVariant | null;
-    name: string;
-    key: string;
-    isCurrent?: boolean;
-}
-interface SingleSectionWithItems$1 extends SingleSection$1 {
-    isOpen?: boolean;
-    items?: SingleSection$1[];
-}
-declare type SectionComponent$1 = React.FC<{
-    section: SingleSectionWithItems$1;
-}>;
-interface Section$1 extends SingleSectionWithItems$1 {
-    Component?: SectionComponent$1;
-}
-interface SideNavProviderProps$1 {
-    children: ReactNode;
-    withIcons?: boolean;
-    shouldToggleSidebar?: boolean;
-    sections: Section$1[];
-    collapseBreakpoint?: number;
-    topDropdownItems: SideNavTopDropdown$1;
-    isOpen?: boolean;
-    onChange?: (isOpen: boolean) => void;
-}
-interface SideNavTopDropdown$1 {
-    mainItem: SideNavTopDropdownItem$1;
-    otherItems: SideNavTopDropdownItem$1[];
-    actions: SideNavTopDropdownItem$1[];
-}
-interface SideNavTopDropdownItem$1 {
-    id: string;
-    title: string;
-    icon: IconVariant;
-    iconClass?: string;
-    url: string;
-    rel?: string;
-}
-
-declare type SideNavWrapperProps$1 = Omit<SideNavProviderProps$1, 'children'>;
-declare const SideNavWrapper$1: ({ withIcons, shouldToggleSidebar, topDropdownItems, sections, collapseBreakpoint, isOpen, onChange, }: SideNavWrapperProps$1) => JSX.Element;
-
 interface SingleSection {
     href?: string;
     icon: IconVariant | null;
@@ -776,4 +671,4 @@ declare type GridProps = {
 declare const Grid: ({ children, templateColumns, templateRows, autoColumns, autoRows, inline, column, columnStart, columnEnd, row, rowStart, rowEnd, gap, gapX, gapY, className, justifyContent, alignItems, ...props }: GridProps) => JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map
 
-export { ActionList, Alert, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Chip, Code, DataTable, Display, Flex, FormErrorMessage, FormHelperText, Grid, 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 };
+export { ActionList, Alert, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Checkbox, CheckboxGroup, Chip, Code, DataTable, Display, Flex, FormErrorMessage, FormHelperText, Grid, Heading, Icon, IconButton, Interactions, Label, Link, LoadingSpinner, Menu, MenuButton, MenuList, OverlayAriaRole, OverlayTrigger, Pagination, Placement, ProgressBar, Radio, RadioGroup, Select, SideNavWrapper as SideNav, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextInput, Tile, ToastProvider, Toggle, Tooltip, TooltipTrigger, TopBar, useHover, useOverlayTrigger, useWindowSize };