@maxio-com/react-ui-components 9.12.0 → 9.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/typings/index.d.ts +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import a,{useRef as t,useEffect as l,useState as n,cloneElement as i,isValidElement as o,createContext as r,useId as s,useContext as c,Children as m,useMemo as d,forwardRef as u,useCallback as p,useImperativeHandle as x}from"react";import v from"classnames";import{useId as g,useLink as b,useButton as h,usePress as f,useFocusRing as E,mergeProps as _,useCheckboxGroupItem as N,useCheckbox as w,useCheckboxGroup as y,useRadio as k,useRadioGroup as C,useTextField as I,useProgressBar as S,useToggleButton as P}from"react-aria";import{flexRender as $,useReactTable as D,getSortedRowModel as T,getExpandedRowModel as O,getCoreRowModel as R}from"@tanstack/react-table";export{createColumnHelper}from"@tanstack/react-table";import{useToggleState as z}from"@react-stately/toggle";import{useCheckboxGroupState as M}from"@react-stately/checkbox";import{AnimatePresence as B,motion as A}from"framer-motion";import{useDismiss as L,useFocus as V,useHover as H,useClick as F,useFloating as W,offset as j,useInteractions as q,useRole as U,FloatingPortal as G}from"@floating-ui/react-dom-interactions";import{ListBox as K,ListBoxItem as Y,composeRenderProps as Z,ListBoxSection as X,Header as Q,Popover as J,OverlayArrow as ee,ComboBox as ae,Label as te,Input as le,Button as ne,Text as ie,FieldError as oe,TextField as re}from"react-aria-components";export{DialogTrigger,Pressable}from"react-aria-components";import{useRadioGroupState as se}from"@react-stately/radio";import{useToastState as ce,useToastQueue as me,ToastQueue as de}from"@react-stately/toast";import{useToast as ue,useToastRegion as pe}from"@react-aria/toast";const xe=["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","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","graph","home","info-circle","info-circle-fill","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","dropbox","hubspot","sage","oracle","quotapath","avalara","pipedrive","quickbooks","salesforce","xero"],ve=["dropbox","hubspot","sage","oracle","quotapath"],ge=["avalara","pipedrive","quickbooks","salesforce","xero"],be=({variant:e,color:t,className:l,size:n})=>{const i=(e,a)=>a.includes(e),o=i(e,xe)||i(e,ve),r=i(e,ge),s=v({"fa-kit":o,"fa-kit-duotone":r,"fa-sharp fa-regular":!o&&!r,[`fa-${e}`]:!0,[`fa-${n}`]:n,[`maxio-icon--${t}`]:t&&!i(e,ve)&&!i(e,ge)},l);return a.createElement("i",{className:s})},he=({item:e,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=t(null),c=t(!1),m=g();if(l(()=>{var e;n&&c.current&&(null===(e=s.current)||void 0===e||e.focus())},[n]),l(()=>{c.current=!0},[]),"divider"===e.type)return a.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,leadingIconClassName:u,trailingIconName:p,label:x,description:b,link:h}=e,f=v("maxio-action-list__label",{"maxio-truncate":i});return a.createElement("a",{"aria-labelledby":m,...h,className:v("maxio-action-list__content",h.className,{"maxio-action-list__content--size-small":r}),tabIndex:n?0:-1,ref:s,role:o},d&&a.createElement(be,{variant:d,className:v("maxio-action-list__leading-icon",u)}),a.createElement("span",{className:f,id:m},x),b&&a.createElement("span",{className:"maxio-action-list__description"},b),p&&a.createElement(be,{variant:p,className:"maxio-action-list__trailing-icon"}))},fe=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?fe(e-1,a,t||e):e-1,Ee=({items:e,isShadowed:t=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=v("maxio-action-list",i,{"maxio-action-list--shadow":t}),[m,d]=n(()=>e.findIndex(e=>"divider"!==e.type));return 0===e.length?null:a.createElement("div",{className:c,onKeyDown:a=>{if("Space"===a.code||"Enter"===a.code){const a=e[m];a&&"divider"!==a.type&&window.open(a.link.href,a.link.target||"_self")}"ArrowUp"===a.code&&(a.preventDefault(),d(a=>fe(a,e))),"ArrowDown"===a.code&&(a.preventDefault(),d(a=>((e,a)=>{const t=a.findIndex((a,t)=>"divider"!==a.type&&t>e);return-1===t?e:t})(a,e)))},role:"listbox",...s},e.map((e,t)=>a.createElement(he,{item:e,truncateLabel:o,key:`listbox-${e.id}`,isSelected:t===m,small:r,...l})))},_e=({className:e,children:t,disabled:l,external:n,icon:i,size:o="sm",underline:r,variant:s,...c})=>{const m=v("maxio-link",{[`maxio-link--${o}`]:o,"maxio-link--disabled":l,[`maxio-link--${s}`]:s,"maxio-link--underline":r},e),d=n?"_blank":"_self";return a.createElement("a",{className:m,target:d,...c},t,i&&a.createElement(be,{variant:i,className:"maxio-link__icon"}))},Ne=({size:e="md",white:t=!1,className:l})=>{const n=v("maxio-loading-spinner",l,`maxio-loading-spinner--${e}`,{"maxio-loading-spinner--white":t});return a.createElement("div",{className:n,role:"status","aria-label":"loading"})},we=({fullWidth:e=!1,leadingElement:l,trailingElement:n,icon:r,variant:s="primary",size:c,...m})=>{const d=t(null),{linkProps:u}=b({...m},d),p=v("maxio-button",m.className,{[`maxio-button--${c}`]:c,[`maxio-button--${s}`]:s,"maxio-button--full-width":e});return a.createElement("a",{...u,ref:d,className:p,href:m.href},l&&i(l,{...o(l)&&{className:"maxio-button__leading-element"}}),m.children,(n||r)&&i(n||r,{...o(n||r)&&{className:"maxio-button__trailing-element"}}))},ye=({disabled:e,loading:l=!1,fullWidth:n=!1,leadingElement:r,trailingElement:s,icon:c,variant:m="primary",size:d,...u})=>{const p=t(null),{buttonProps:x}=h({...u,isDisabled:e,formAction:"string"==typeof u.formAction?u.formAction:void 0},p),g=["primary","danger"].includes(m),b=v("maxio-button",u.className,{[`maxio-button--${d}`]:d,[`maxio-button--${m}`]:m,"maxio-button--loading":l,"maxio-button--full-width":n});return a.createElement("button",{...x,className:b,ref:p},r&&i(r,{...o(r)&&{className:"maxio-button__leading-element"}}),u.children,!l&&(s||c)&&i(s||c,{...o(s||c)&&{className:"maxio-button__trailing-element"}}),l&&a.createElement(Ne,{className:"maxio-button__trailing-element",size:"md",white:g}))},ke=e=>(e=>"href"in e)(e)?a.createElement(we,{...e}):a.createElement(ye,{...e}),Ce=({"aria-label":e,className:t,...l})=>a.createElement(ke,{"aria-label":e,className:v("maxio-button--icon",t),...l},null),Ie=({children:e,title:t,linkText:l,linkExternal:n,href:i,display:o="inline",sentiment:r="info",onDismiss:s,className:c})=>{if(!e&&!t)return console.warn("Alert component requires either children or title prop to be rendered"),null;const m=v("maxio-alert",{[`maxio-alert--${r}`]:"info"!==r&&r},c),d={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r],u=v("maxio-alert__content",{"maxio-alert__content--block":"block"===o});return a.createElement("div",{className:m},a.createElement(be,{variant:d,className:"maxio-alert__icon","aria-hidden":"true"}),a.createElement("section",{className:"maxio-alert__container"},a.createElement("div",{className:u},t&&a.createElement("span",{className:"maxio-alert__title"},t),e&&a.createElement("span",{className:"maxio-alert__message"},e),l&&i&&a.createElement(_e,{className:"maxio-alert__link",href:i,variant:"high-contrast",underline:!0,...n?{external:!0}:{}},l))),s&&a.createElement(Ce,{icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,className:"maxio-alert__dismiss"}))},Se=r({}),Pe=({children:e})=>{const[t,l]=n(!1),i=s(),o=s();return a.createElement(Se.Provider,{value:{controlsId:i,buttonId:o,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},e)};function $e(){const e=c(Se);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const De=({children:e})=>{const{isOpen:t,onToggle:l,onClose:n}=$e();return a.createElement("details",{open:t,onToggle:l,className:"maxio-action-menu"},"function"==typeof e?e({isOpen:t,onClose:n}):e)},Te=({children:e})=>a.createElement(Pe,null,a.createElement(De,null,e)),Oe=({items:e,alignItemsEnd:t=!1})=>{const l=v("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:n,buttonId:i}=$e();return a.createElement("div",{className:l,role:"presentation"},a.createElement(Ee,{role:"menu",itemProps:{role:"menuitem"},id:n,"aria-labelledby":i,items:e}))},Re=({children:e,iconName:t="chevron-down","aria-label":l,size:n="md",variant:i="secondary"})=>{const o=v({"maxio-action-menu__chevron":"chevron-down"===t}),r=v("maxio-button",`maxio-button--${i}`,`maxio-button--${n}`,{"maxio-button--icon":t&&!e}),{isOpen:s,buttonId:c,controlsId:m}=$e();return a.createElement("summary",{className:r,"aria-haspopup":"true","aria-label":l,"aria-expanded":s,"aria-controls":m,id:c},e&&a.createElement("span",null,e),t&&a.createElement(be,{variant:t,className:`${o} maxio-button__trailing-element`}))},ze=({className:e,src:t,alt:l="avatar"})=>a.createElement("img",{className:v("maxio-avatar",e),alt:l,src:t}),Me=({children:e,title:t,linkText:l,linkExternal:n,href:i,display:o="inline",sentiment:r="info",onDismiss:s,className:c})=>{if(!e&&!t)return console.warn("Banner component requires either children or title prop to be rendered"),null;const m=v("maxio-banner",{[`maxio-banner--${r}`]:"info"!==r&&r,className:c}),d={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r],u=v("maxio-banner__content",{"maxio-banner__content--block":"block"===o});return a.createElement("div",{className:m,"aria-live":"assertive"},a.createElement(be,{variant:d,className:"maxio-banner__icon","aria-hidden":"true"}),a.createElement("section",{className:"maxio-banner__container"},a.createElement("div",{className:u},t&&a.createElement("span",{className:"maxio-banner__title"},t),e&&a.createElement("span",{className:"maxio-banner__message"},e),l&&i&&a.createElement(_e,{href:i,..."warning"!==r&&{variant:"inverse"},underline:!0,...n?{external:!0}:{}},l))),s&&a.createElement(Ce,{icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,className:"maxio-banner__dismiss"}))},Be=({children:e,className:t,href:l,...n})=>{const i=l?a.createElement(_e,{size:"sm",href:l},e):e;return a.createElement("li",{className:v("maxio-breadcrumbs__item",t),...n},i)},Ae="Breadcrumbs requires at least one BreadcrumbsItem as children",Le='Last BreadcrumbsItem should not have "href" prop. It is the current page.',Ve="Breadcrumbs only accepts BreadcrumbsItem as children",He=({className:e,children:t,...l})=>{const n=m.count(t);if(0===n)throw new Error(Ae);const r=m.map(t,(e,a)=>{if(o(e)&&e.type===Be){if(a===n-1&&e.props.href)throw new Error(Le);return i(e,{"aria-current":a===n-1?"page":void 0})}throw new Error(Ve)});return a.createElement("nav",{"aria-label":"Breadcrumb",...l},a.createElement("ol",{className:v("maxio-breadcrumbs",e)},r))},Fe="row-controls",We="row-actions",je=({children:e,pattern:t,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=n(!1),[c,m]=n(!1),d=t&&o&&i,u=v("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 a.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)}},a.createElement("table",{className:u},e))},qe=({children:e})=>a.createElement("thead",null,e),Ue=({children:e})=>a.createElement("tbody",null,e),Ge=({children:e,table:t,header:l,className:n,enableExpanding:i,...o})=>{var r,s,c,m,d,u,p,x,g,b,h;const f=null==l?void 0:l.column,E=null===(r=null==f?void 0:f.getCanSort)||void 0===r?void 0:r.call(f),_=null===(s=null==f?void 0:f.getToggleSortingHandler)||void 0===s?void 0:s.call(f),N=null==l?void 0:l.isPlaceholder,w=null===(m=null===(c=null==f?void 0:f.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.align,y=null===(u=null===(d=null==f?void 0:f.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.width,k=null===(x=null===(p=null==f?void 0:f.columnDef)||void 0===p?void 0:p.meta)||void 0===x?void 0:x.controls,C=null===(b=null===(g=null==f?void 0:f.columnDef)||void 0===g?void 0:g.meta)||void 0===b?void 0:b.actions,I=null==f?void 0:f.getIsPinned(),S=null==f?void 0:f.getIsSorted(),P="asc"===S,$=v("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${I}`]:I,"maxio-data-table__cell--sortable":E,"maxio-data-table__cell--active":S,[`maxio-data-table__cell--${w}`]:w,"maxio-data-table__cell--controls":k,"maxio-data-table__cell--actions":C}),D=y?{width:y}:{},T=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!S,P),O=null==t?void 0:t.getToggleAllRowsExpandedHandler(),R=null===(h=null==t?void 0:t.getIsAllRowsExpanded)||void 0===h?void 0:h.call(t),z=(null==l?void 0:l.headerGroup.headers[0].id)===Fe?1:0,M=i&&(null==l?void 0:l.index)===z;return N?null:a.createElement("th",{scope:"col",role:"columnheader","aria-sort":S?P?"ascending":"descending":"none",className:$,onClick:_,colSpan:null==l?void 0:l.colSpan,style:D,...o},a.createElement("div",{className:"maxio-data-table__cell-flex"},!0===i&&M&&a.createElement(Ce,{size:"sm",variant:"ghost",icon:a.createElement(be,{size:"xs",variant:R?"chevron-down":"chevron-right"}),onClick:O,"aria-label":R?"Collapse all rows":"Expand all rows","data-open":R,className:"maxio-data-table__expand-button"}),e,E&&a.createElement(be,{variant:T,className:"maxio-data-table__sort-icon"})))},Ke=({children:e,row:t,isChild:l,isHeader:n,className:i,onRowAction:o,...r})=>{var s,c,m;const d=null===(s=null==t?void 0:t.getIsSelected)||void 0===s?void 0:s.call(t),u=(null===(c=null==t?void 0:t.getCanExpand)||void 0===c?void 0:c.call(t))&&(null===(m=null==t?void 0:t.getIsExpanded)||void 0===m?void 0:m.call(t)),p=Boolean(t&&o&&!n&&!l),x=a.useRef(null),g=e=>{x.current=e.target},{pressProps:b}=f({isDisabled:!p,onPress:e=>{var a;const l=null!==(a=x.current)&&void 0!==a?a:e.target;x.current=null,t&&o&&!(e=>e instanceof Element&&Boolean(e.closest("a,button,input,select,textarea,label")))(l)&&o(t)}}),{focusProps:h,isFocused:N}=E(),w=v({"maxio-data-table__row":!n,"maxio-data-table__header-row":n,"maxio-data-table__row--active":d||N,"maxio-data-table__row--expanded":u,"maxio-data-table__row--expanded-child":l,"maxio-data-table__row--actionable":p},i),y=p?_({onClickCapture:g,onKeyDownCapture:g,tabIndex:0},b,h,r):r;return a.createElement("tr",{...y,className:w,tabIndex:p?y.tabIndex:r.tabIndex},e)},Ye=r({}),Ze=u(({checked:e,disabled:t,invalid:l,indeterminate:n,className:i,inputProps:o,error:r,label:s},c)=>{const m=v("maxio-checkbox",{"maxio-checkbox--checked":e,"maxio-checkbox--disabled":t,"maxio-checkbox--error":l,"maxio-checkbox--indeterminate":n},i);return a.createElement("label",{className:m},a.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...o}),a.createElement("span",{className:"maxio-checkbox__control"},r&&a.createElement("span",{className:"maxio-checkbox__control-error"})),s&&a.createElement("span",{className:"maxio-checkbox__label"},s))});Ze.displayName="InnerCheckbox";const Xe=({label:e,error:l=!1,className:n,indeterminate:i,value:o="",disabled:r,readOnly:s,defaultChecked:m,checked:d,...u})=>{const p=t(null),x=c(Ye),{inputProps:v,isDisabled:g,isInvalid:b,isSelected:h}=x&&Object.keys(x).length>0?N({value:o,"aria-label":null!=e?e:u["aria-label"],isDisabled:r,isInvalid:l,isIndeterminate:i,isReadOnly:s,...u},x,p):w({"aria-label":null!=e?e:u["aria-label"],isDisabled:r,isInvalid:l,isIndeterminate:i,isReadOnly:s,value:o,...u},z({...u,isSelected:d,defaultSelected:m}),p);return a.createElement(Ze,{inputProps:v,checked:h,disabled:g,invalid:b,indeterminate:i,className:n,error:l,label:e,ref:p,...u})},Qe=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-form-helper-text",t),...l},e),Je=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-form-error",t),...l},a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},e)),ea=({helperText:e,className:t,errorMessage:l,children:n,disabled:i,label:o,defaultValue:r,name:s,...c})=>{var m;const d=M({defaultValue:r,name:s,errorMessage:l,description:e,label:o,isDisabled:i,isInvalid:!!l,...c}),{groupProps:u,labelProps:p,descriptionProps:x,errorMessageProps:g,isInvalid:b}=y({"aria-label":null===(m=null!=o?o:c["aria-label"])||void 0===m?void 0:m.toString(),isDisabled:i,isInvalid:!!l,...c},d),h=v("maxio-checkbox-group",{"maxio-checkbox-group--disabled":i},t),f=e&&!l;return a.createElement("div",{className:h,...u},o&&a.createElement("label",{className:"maxio-checkbox-group__label",...p},o),a.createElement(Ye.Provider,{value:d},n),f&&a.createElement(Qe,{...x},e),l&&b&&a.createElement(Je,{...g},l))},aa=({table:e})=>{var t,l,n,i;const o=null===(t=null==e?void 0:e.getToggleAllPageRowsSelectedHandler)||void 0===t?void 0:t.call(e),r=(null===(l=null==e?void 0:e.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(e))||(null===(n=null==e?void 0:e.getIsAllRowsSelected)||void 0===n?void 0:n.call(e)),s=null===(i=null==e?void 0:e.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(e);return a.createElement(Xe,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},ta=({row:e})=>{var t,l,n,i;const o=null===(t=null==e?void 0:e.getToggleSelectedHandler)||void 0===t?void 0:t.call(e),r=(null===(l=null==e?void 0:e.getIsSelected)||void 0===l?void 0:l.call(e))||(null===(n=null==e?void 0:e.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(e)),s=null===(i=null==e?void 0:e.getIsSomeSelected)||void 0===i?void 0:i.call(e),c=e.id||e.index;return a.createElement(Xe,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},la=({children:e})=>a.createElement("div",{className:"maxio-data-table__cell-flex"},e),na=({row:e,cell:t,children:l,className:n,...i})=>{var o,r,s,c,m,d;const u=null==t?void 0:t.column,p=null===(r=null===(o=null==u?void 0:u.columnDef)||void 0===o?void 0:o.meta)||void 0===r?void 0:r.align,x=null===(c=null===(s=null==u?void 0:u.columnDef)||void 0===s?void 0:s.meta)||void 0===c?void 0:c.controls,g=null===(d=null===(m=null==u?void 0:u.columnDef)||void 0===m?void 0:m.meta)||void 0===d?void 0:d.actions,b=null==u?void 0:u.getIsPinned(),h=v("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${p}`]:p,"maxio-data-table__cell--controls":x,"maxio-data-table__cell--actions":g});return a.createElement("td",{className:h,...i},l)},ia=({row:e,SubRowComponent:t,pattern:l,enableExpanding:n,onRowAction:i})=>{var o,r,s,c,m;const d=t&&e.getParentRow()&&e.getParentRow().getIsExpanded(),u=d&&e.getVisibleCells()[0].column.columnDef.id===Fe,p=d&&e.getVisibleCells()[e.getVisibleCells().length-1].column.columnDef.id===We,x=[p,u].filter(Boolean).length,v=e.getVisibleCells().length-x,g=null!==(r=null===(o=e.getParentRow())||void 0===o?void 0:o.index)&&void 0!==r?r:e.index,b=l&&t&&g%2==1?"maxio-data-table__row--with-pattern":void 0,h=null===(s=e.getCanExpand)||void 0===s?void 0:s.call(e),f=null===(c=null==e?void 0:e.getToggleExpandedHandler)||void 0===c?void 0:c.call(e),E=null===(m=null==e?void 0:e.getIsExpanded)||void 0===m?void 0:m.call(e),_=h&&n?0:1.75,N=e.getVisibleCells()[0].column.columnDef.id===Fe?1:0,w=e.getVisibleCells().find(({column:e})=>{var a;const{actions:t,controls:l}=null!==(a=e.columnDef.meta)&&void 0!==a?a:{};return!t&&!l}),y=i&&w?w.id:void 0;return a.createElement(a.Fragment,{key:e.id},d?a.createElement(Ke,{key:`${e.id}-sub`,row:e,isChild:!0,className:b},u&&a.createElement(na,{className:"maxio-data-table__cell--pinned-left"}),a.createElement(na,{colSpan:v},t(e)),p&&a.createElement(na,{className:"maxio-data-table__cell--pinned-right"})):a.createElement(Ke,{key:`${e.id}-parent`,row:e,className:b,onRowAction:i,"aria-labelledby":y},e.getVisibleCells().map(t=>{const l=n&&t.column.getIndex()===N;return a.createElement(na,{key:t.id,row:e,cell:t,id:t.id},a.createElement("div",{className:"maxio-data-table__cell-flex",style:n&&l?{paddingLeft:`${(null==e?void 0:e.depth)+_}rem`}:void 0},n&&h&&l&&a.createElement(Ce,{size:"sm",variant:"ghost",icon:a.createElement(be,{size:"xs",variant:E?"chevron-down":"chevron-right"}),onClick:f,"aria-label":E?"Collapse row":"Expand row","data-open":E,className:"maxio-data-table__expand-button"}),$(t.column.columnDef.cell,t.getContext())))})))},oa=({pattern:e,size:t="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:u,actions:p,onRowAction:x,...v})=>{const g=(({columns:e,HeaderControls:t,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>d(()=>{const s={id:Fe,header:e=>a.createElement(t,{...e,enableExpanding:o,enableRowSelection:r}),cell:e=>a.createElement(l,{...e,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:We,header:"",cell:e=>a.createElement(n,{...e},i(e.row,e.table)),meta:{actions:!0}}:null;let m=[...e];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,e,t,l]))({columns:u,HeaderControls:aa,RowControls:ta,RowActions:la,actions:p,enableRowSelection:c,enableExpanding:Boolean(m)}),b=D({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...v.state},getSubRows:e=>e.subRows,getCoreRowModel:R(),enableRowSelection:c,enableExpanding:Boolean(m),...!v.manualExpanding&&{getExpandedRowModel:O()},enableSorting:s,...!v.manualSorting&&{getSortedRowModel:T()},columns:g,...v}),h=b.getCanSomeRowsExpand(),f=b.getState();return l(()=>{null==i||i(f.expanded)},[i,f.expanded]),l(()=>{null==o||o(f.rowSelection)},[o,f.rowSelection]),l(()=>{null==r||r(f.sorting)},[r,f.sorting]),a.createElement(je,{pattern:e,size:t,isExpandable:h,isUsingCustomRow:!!n},a.createElement(qe,null,b.getHeaderGroups().map(e=>a.createElement(Ke,{key:e.id,table:b,isHeader:!0},e.headers.map(e=>a.createElement(Ge,{key:e.id,table:b,header:e,enableExpanding:m},$(e.column.columnDef.header,e.getContext())))))),a.createElement(Ue,null,b.getRowModel().rows.map(t=>a.createElement(ia,{key:t.id,row:t,pattern:e,SubRowComponent:n,enableExpanding:m,onRowAction:x}))))},ra={click:F,hover:e=>H(e,{delay:100}),focus:V,dismiss:L},sa=(e,a)=>a.map(a=>ra[a](e)),ca=({placement:e="top",isActive:a=!1,interactions:n=["hover"],floatingElementOffset:i=0,onOverlayUpdate:o,autoHideMs:r})=>{const s=t(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:x}=W({placement:e,open:a,onOpenChange:e=>o(e),middleware:[j(i)]}),{getReferenceProps:v,getFloatingProps:g}=q([...sa(u,n),U(u,{role:"tooltip"})]);l(()=>{s.current&&clearTimeout(s.current),a&&r&&(s.current=window.setTimeout(()=>o(!1),r))},[a,r]);return{isActive:a,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:v,getFloatingProps:g}};function ma(e,a=0){const i=t((new Date).getTime()),o=t((new Date).getTime()),[r,s]=n(!1);return l(()=>{const t=()=>{i.current=(new Date).getTime(),s(!0)},l=()=>{o.current=(new Date).getTime(),window.setTimeout(()=>{i.current-o.current<=0&&s(!1)},a)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",t),n.addEventListener("mouseleave",l)),()=>{n&&(n.removeEventListener("mouseenter",t),n.removeEventListener("mouseleave",l))}},[e]),r}function da(e=500){const[a,i]=n(()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}}),o=t(null);return l(()=>{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]),a}const ua=({children:e,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:p,getFloatingProps:x,refs:{floating:g,reference:b},floatingElementCSSPosition:h}=ca({isActive:l,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:i,placement:n}),f=a.createElement(B,null,l&&a.createElement(A.div,{ref:g,style:h,...c,...x()},r()));return a.createElement(a.Fragment,null,a.createElement("div",{ref:b,className:v("maxio-inline-flex",u),...p(),"data-testid":"overlay-trigger"},e),t?a.createElement(G,{id:"maxio-ui-portal"},f):f)},pa=({children:e,arrowPosition:t,size:l="regular",maxWidth:n=160})=>a.createElement("div",{"data-testid":"tooltip",className:v("maxio-tooltip",`maxio-tooltip--${l}`,{[`maxio-tooltip--arrow-${t}`]:t})},a.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:n}},e)),xa={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"},va=({children:e,interactions:i=["hover"],placement:o="right",maxWidth:r=160,size:s="regular",renderContent:c,autoHideMs:m,isVisible:u,usePortal:x,className:v,onVisibilityUpdate:g,floatingElementOffset:b=5})=>{const[h,f]=n(!1),E=void 0!==u,_=t(null),N=p(e=>{_.current&&clearTimeout(_.current),_.current=window.setTimeout(()=>{E||f(e),g&&g(e)},50)},[E,g]),w=d(()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(o),[o]);return l(()=>()=>{_.current&&clearTimeout(_.current)},[]),a.createElement(ua,{role:"tooltip",className:v,floatingElementOffset:b,motionSettings:w,isActive:E?u:h,onOverlayUpdate:N,autoHideMs:m,usePortal:x,placement:o,interactions:i,renderOverlay:()=>a.createElement(pa,{size:s,arrowPosition:xa[o],maxWidth:r},c())},e)},ga=({as:e="div",children:t,compact:l=!1,size:n="md",className:i,...o})=>{const r=e,s=v({[`maxio-body-${n}`]:!l,[`maxio-body-${n}-compact`]:l},i);return a.createElement(r,{className:s,...o},t)},ba=({className:e,...t})=>a.createElement(K,{...t,className:v("maxio-listbox",e)});ba.displayName="ListBox";const ha=({className:e,...t})=>{const l=t.textValue||("string"==typeof t.children?t.children:void 0);return a.createElement(Y,{...t,textValue:l,className:v("maxio-listbox__item",e)},Z(t.children,(e,{isSelected:t})=>a.createElement(a.Fragment,null,a.createElement("div",{className:"maxio-listbox__content"},"string"==typeof e?a.createElement(ga,{size:"sm"},e):e),t&&a.createElement(be,{variant:"check"}))))};ha.displayName="ListBox.Item";const fa=({className:e,...t})=>a.createElement(X,{...t,className:v("maxio-listbox__section",e)});fa.displayName="ListBox.Section";const Ea=({className:e,...t})=>a.createElement(Q,{...t,className:v("maxio-listbox__header",e)});Ea.displayName="ListBox.Header";const _a=Object.assign(ba,{Item:ha,Section:fa,Header:Ea}),Na=({className:e,hideArrow:t=!1,children:l,offset:n=4,...i})=>a.createElement(J,{...i,className:v("maxio-popover",e),offset:n},a.createElement(a.Fragment,null,!t&&a.createElement(ee,{className:"maxio-popover__arrow"},a.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12","aria-hidden":!0},a.createElement("path",{d:"M0 0 L6 6 L12 0"}))),l)),wa=({isDisabled:e=!1,isInvalid:t=!1,isReadOnly:l=!1,size:n="md",label:i,description:o,errorMessage:r,leadingElement:s=null,fullWidth:c,className:m,placeholder:d,renderEmptyState:u,selectionMode:p,children:x,...g})=>{const b=a.useRef(null),h=a.useRef(null),[f,E]=a.useState(),[_,N]=a.useState(0),w=!!r,y=t||w,k=x,C=a.useCallback(()=>{const e=b.current;if(!e)return;const a=h.current,t=a?a.getBoundingClientRect().left-e.getBoundingClientRect().left:0;N(e=>e===-t?e:-t),E(a=>{const t=`${e.offsetWidth}px`;return(null==a?void 0:a["--trigger-width"])===t?a:{"--trigger-width":t}})},[]);a.useEffect(()=>{const e=b.current;if(!e)return;if(C(),"undefined"==typeof ResizeObserver)return;const a=new ResizeObserver(C);return a.observe(e),()=>a.disconnect()},[C]);const I=v("maxio-text-field",`maxio-text-field--${n}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":y,"maxio-text-field--readonly":l,"maxio-text-field--full-width":c},m);return a.createElement(ae,{...g,isDisabled:e,isInvalid:y,isReadOnly:l,selectionMode:p,className:I},i&&a.createElement(te,{className:"maxio-text-field__label"},i),a.createElement("div",{ref:b,className:"maxio-text-field__items"},s&&a.createElement("div",{className:"maxio-text-field__leading-element"},s),a.createElement(le,{ref:h,className:"maxio-text-field__input",placeholder:d}),a.createElement("div",{className:"maxio-text-field__trailing-element"},a.createElement(ne,{className:v("maxio-button","maxio-button--ghost","maxio-button--icon","maxio-button--sm")},a.createElement(be,{variant:"chevron-up-down"})))),o&&!w&&a.createElement(ie,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},o),r&&a.createElement(oe,{className:"maxio-form-error"},e=>a.createElement(a.Fragment,null,a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},"function"==typeof r?r(e):r))),a.createElement(Na,{hideArrow:!0,className:"maxio-combobox__popover",crossOffset:_,style:f},a.createElement(_a,{renderEmptyState:u},k)))};wa.displayName="ComboBox";const ya=e=>a.createElement(_a.Item,{...e});ya.displayName="ComboBox.Item";const ka=e=>a.createElement(_a.Section,{...e});ka.displayName="ComboBox.Section";const Ca=e=>a.createElement(_a.Header,{...e});Ca.displayName="ComboBox.Header";const Ia=Object.assign(wa,{Item:ya,Section:ka,Header:Ca}),Sa=r({}),Pa=({indent:e=!1,disabled:l=!1,invalid:n=!1,label:i,...o})=>{const r=t(null),s=c(Sa),{inputProps:m,isDisabled:d}=k({...o,value:(o.value||"").toString(),"aria-label":o["aria-label"]||i,isDisabled:l},s,r),u=v("maxio-radio",{"maxio-radio--indent":e,"maxio-radio--disabled":d||s.isDisabled,"maxio-radio--error":n||s.isInvalid});return a.createElement("label",{className:u},a.createElement("input",{ref:r,role:"radio",type:"radio",className:"maxio-radio__input",...m,name:s.name||m.name}),a.createElement("span",{className:"maxio-radio__control"}),a.createElement("span",{className:"maxio-radio__label"},i))},$a=({children:e,label:t,errorMessage:l,helperText:n,disabled:i=!1,invalid:o=!1,name:r,defaultValue:s,...c})=>{const m=se({isDisabled:i,isInvalid:o,description:n,name:r,label:t,errorMessage:l,defaultValue:s,...c}),{radioGroupProps:d,labelProps:u,descriptionProps:p,errorMessageProps:x}=C({"aria-label":c["aria-label"]||t,...c},m);return a.createElement(a.Fragment,null,a.createElement("div",{className:"maxio-radio-group",...d},t&&a.createElement("label",{className:"maxio-radio-group__label",...u},t),a.createElement(Sa.Provider,{value:m},e),o&&l&&a.createElement(Je,{...x},l),n&&!o&&a.createElement(Qe,{...p},n)))},Da=u(({isDisabled:e=!1,isInvalid:t=!1,isReadOnly:l=!1,size:n="md",label:i,description:o,errorMessage:r,leadingElement:s=null,trailingElement:c=null,fullWidth:m,className:d,...u},p)=>{const x=v("maxio-text-field",`maxio-text-field--${n}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":t,"maxio-text-field--readonly":l,"maxio-text-field--full-width":m},d);return a.createElement(re,{...u,isDisabled:e,isReadOnly:l,isInvalid:t,className:x},i&&a.createElement(te,{className:"maxio-text-field__label"},i),a.createElement("div",{className:"maxio-text-field__items"},s&&a.createElement("div",{className:"maxio-text-field__leading-element"},s),a.createElement(le,{ref:p,className:"maxio-text-field__input"}),c&&a.createElement("div",{className:"maxio-text-field__trailing-element"},c)),o&&!(t&&r)&&a.createElement(ie,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},o),r&&a.createElement(oe,{className:"maxio-form-error"},a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},r)))});Da.displayName="TextField";const Ta=u(({disabled:e=!1,invalid:n=!1,readOnly:i=!1,size:o="md",label:r,helperText:s,showErrorMessage:c=!0,errorMessage:m,leadingElement:d=null,trailingElement:u=null,fullWidth:p,className:g,...b},h)=>{var f,E;const _=t(null);x(h,()=>_.current),l(()=>{console.warn("TextInput is deprecated. Please use TextField instead.")},[]);const{spellCheck:N,...w}=b,y={...w,label:r,description:s,errorMessage:m,defaultValue:null===(f=b.defaultValue)||void 0===f?void 0:f.toString(),value:null===(E=b.value)||void 0===E?void 0:E.toString(),isDisabled:e,isReadOnly:i,isInvalid:n},{labelProps:k,inputProps:C,descriptionProps:S,errorMessageProps:P}=I(y,_),$=v("maxio-text-field",`maxio-text-field--${o}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":p},g),D=n&&m&&c;return a.createElement("div",{className:$},r&&a.createElement("label",{className:"maxio-text-field__label",...k},r),a.createElement("div",{className:"maxio-text-field__items"},d&&a.createElement("div",{className:"maxio-text-field__leading-element"},d),a.createElement("input",{ref:_,type:"text",className:"maxio-text-field__input",...C,spellCheck:N}),u&&a.createElement("div",{className:"maxio-text-field__trailing-element"},u)),s&&!D&&a.createElement("div",{className:"maxio-form-helper-text",...S},s),D&&a.createElement(Je,{...P},m))});Ta.displayName="TextInput";const Oa=({options:e,label:t,size:l="md",inline:n=!1,disabled:i=!1,helperText:o,errorMessage:r,fullWidth:s=!1,...c})=>{const m=v("maxio-select",`maxio-select--${l}`,{"maxio-select--disabled":i,"maxio-select--inline":n,"maxio-select--error":!!r,"maxio-select--full-width":s}),d=g();return a.createElement("div",{className:m},t&&a.createElement("label",{htmlFor:d,className:"maxio-select__label"},t),a.createElement("div",{className:"maxio-select__input-container"},a.createElement("select",{id:d,className:"maxio-select__input",disabled:i,...c},e.map(e=>a.createElement("option",{key:`option-${e.value}`,value:e.value,disabled:e.disabled},e.label))),a.createElement(be,{variant:"chevron-up-down"})),!!r&&a.createElement(Je,null,r),o&&!r&&a.createElement("div",{className:"maxio-form-helper-text"},o))},Ra=({size:e="md",onChange:t,totalItems:i=0,itemsPerPage:o=30,currentPage:r=1,pageSizeOptions:s,manualPageInput:c=!1})=>{const[m,d]=n(r),[u,p]=n(o),[x,v]=n(r.toString());l(()=>{v(m.toString())},[m]);const g=Math.ceil(i/u),b=m<g,h=m>1,f=u*(m-1)+1,E=Math.min(u*m,i),_=s.map(e=>({label:e.toString(),value:e.toString()})),N=Array.from({length:g},(e,a)=>a+1).map(e=>({label:e.toString(),value:e.toString()})),w=e=>{d(e),null==t||t({currentPage:e,itemsPerPage:u})},y=e=>{const a=parseInt(e,10);if(isNaN(a))return void v(m.toString());const t=Math.max(1,Math.min(a,g));v(t.toString()),w(t)};return a.createElement("div",{className:"maxio-pagination"},a.createElement("div",{className:"maxio-pagination__items-per-page"},a.createElement("label",{htmlFor:"items-per-page-large",className:"maxio-pagination__label"},"Items per page"),a.createElement(Oa,{inline:!0,size:e,options:_,onChange:e=>{return a=Number(e.target.value),p(a),d(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:u,id:"items-per-page-large"})),a.createElement("div",{className:"maxio-pagination__total-items"},a.createElement("span",null,f,"–",E," of ",i," items")),a.createElement("div",{className:"maxio-pagination__current-page"},c?a.createElement(Ta,{className:"maxio-pagination__page-input",value:x,min:1,max:g,onChange:e=>(e=>{v(e)})(e),onBlur:e=>{y(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&(y(e.currentTarget.value),e.currentTarget.blur())},"aria-label":"Page number",size:e,type:"number",onWheel:e=>e.preventDefault()}):a.createElement(Oa,{inline:!0,size:e,"aria-label":"Select page",onChange:e=>w(Number(e.target.value)),value:m,options:N,id:"page-index-large"}),a.createElement("div",{className:"maxio-pagination__label"},"of ",g," pages")),a.createElement("div",{className:"maxio-pagination__controls"},a.createElement(va,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},a.createElement(Ce,{icon:a.createElement(be,{variant:"chevron-left"}),size:e,variant:"ghost",onClick:()=>w(m-1),"aria-label":"Previous",disabled:!h})),a.createElement(va,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},a.createElement(Ce,{icon:a.createElement(be,{variant:"chevron-right"}),size:e,variant:"ghost",onClick:()=>w(m+1),"aria-label":"Next",disabled:!b}))))},za=({label:e,helperText:t,size:l="md",variant:n="default",status:i,value:o,maxValue:r=100})=>{const s=g(),c=g(),m=i&&!!e&&!!o&&!("inline"===n),d=t&&!("inline"===n),u=t&&"inline"===n,{progressBarProps:p,labelProps:x}=S({maxValue:r,value:o,label:e}),b=v("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 a.createElement("div",{className:b,...p},a.createElement("div",{id:s,className:"maxio-progress-bar__label",...x},e),u&&a.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t),a.createElement("div",{className:"maxio-progress-bar__track"},a.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${o}%`}})),m&&a.createElement("div",{className:`maxio-progress-bar__${i}-icon`}),d&&a.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},Ma=({leadingIcon:e,trailingIcon:t,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>a.createElement(a.Fragment,null,e&&a.createElement(va,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},a.createElement("span",{className:"maxio-side-nav__icon"},a.createElement(be,{variant:e,className:i}))),a.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),t&&a.createElement("span",{className:"maxio-side-nav__menu-chevron"},a.createElement(be,{variant:t}))),Ba=e=>"heading"!==e.type,Aa=e=>{const a=(e=>e.flat().filter(Ba).map(e=>e.items).flat().find(e=>null==e?void 0:e.isCurrent))(e);return a?e.map(e=>e.map(e=>{var t;return Ba(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})):e},La=r({}),Va=()=>c(La),Ha=({children:e,isOpen:i,onChange:o,withIcons:r=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=t(!1),[p,x]=n(()=>!c||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>d)),[v,g]=n(()=>Aa(s)),{windowWitdh:b}=da(200);l(()=>{u.current&&(null==o||o(p))},[p,o]),l(()=>{u.current=!0},[]),l(()=>{!function(e){if(!c)return;e<d&&p&&h()}(b)},[b]),l(()=>{"boolean"==typeof i&&x(i)},[i]);const h=()=>{x(!1)};return a.createElement(La.Provider,{value:{sections:v,topDropdownItems:m,onSectionOpen:e=>{g(a=>a.map(a=>a.map(a=>Ba(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a)))},isOpen:p,onOpen:()=>{x(!0)},onClose:h,withIcons:r,shouldToggleSidebar:c}},e)},Fa=()=>{const{onOpen:e,topDropdownItems:l,isOpen:n}=Va(),{mainItem:i,otherItems:o,actions:r}=l,s=t(null),c=ma(s),m=({id:e,title:a,icon:t,iconClass:l,url:n,...i})=>({id:e,label:a,leadingIconName:t,leadingIconClassName:l,link:{href:n,...i}}),{items:u,itemsCount:p}=d(()=>({itemsCount:o.length+r.length,items:[...o.map(m),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(m)].filter(e=>null!=e)}),[r,o]);return a.createElement(a.Fragment,null,0===p?a.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:i.url,onClick:e},a.createElement("span",{className:"maxio-side-nav__menu-title"},i.title)):a.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},a.createElement("summary",{onClick:e,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:s},i.url?a.createElement(a.Fragment,null,a.createElement(Ma,{type:"menu",isTooltipVisible:!n&&c,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):a.createElement(Ma,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),a.createElement(Ee,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u,small:!0})))},Wa=({section:e})=>{const{isOpen:l,withIcons:n}=Va(),i=t(null),o=ma(i);return a.createElement("li",{className:"maxio-side-nav__item","data-key":e.key,"data-testid":"maxio-sidebar-section"},a.createElement("a",{className:"maxio-side-nav__link","aria-current":e.isCurrent?"page":void 0,role:"button",href:e.href,ref:i},a.createElement(Ma,{isTooltipVisible:o&&!l,type:"menu",leadingIcon:n?e.icon:void 0},e.name)))},ja=({section:e})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=Va(),c=t(null),m=ma(c);if(!Ba(e))return a.createElement("li",{className:"maxio-side-nav__item-header"},e.title);return e.Component?a.createElement(e.Component,{section:e}):e.href?a.createElement(Wa,{section:e}):a.createElement("li",{className:v("maxio-side-nav__item",{"maxio-side-nav__item--icon":s}),"data-testid":"maxio-sidebar-section"},a.createElement("button",{className:"maxio-side-nav__menu-button",ref:c,"aria-expanded":e.isOpen?"true":"false",type:"button",onClick:()=>{o(e.name),i()}},a.createElement(Ma,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?e.icon:void 0,trailingIcon:(null===(l=e.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},e.name)),a.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=e.items)||void 0===n?void 0:n.map(e=>a.createElement("li",{key:`section-sub-item-${e.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},a.createElement("a",{className:"maxio-side-nav__link",href:e.href,"aria-current":e.isCurrent?"page":void 0},a.createElement("span",{className:"maxio-side-nav__link-title"},e.name))))))},qa=()=>{const{sections:e}=Va();return a.createElement(a.Fragment,null,e.map((e,t)=>a.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${t}`},e.map((e,l)=>a.createElement(ja,{key:`section-list-item-${e.type}-${t}-${l}`,section:e})))))},Ua=()=>{const{onClose:e,shouldToggleSidebar:t}=Va();return a.createElement("div",{className:"maxio-side-nav__logo-container"},a.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),t&&a.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:e},a.createElement(be,{variant:"sidebar"})))},Ga=()=>{const{isOpen:e}=Va();return a.createElement("nav",{className:v("maxio-side-nav",{"maxio-side-nav--collapsed":!e})},a.createElement(Ua,null),a.createElement(Fa,null),a.createElement("div",{className:"maxio-side-nav__items-container"},a.createElement(qa,null)))},Ka=({withIcons:e=!0,shouldToggleSidebar:t=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>a.createElement(Ha,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:e,shouldToggleSidebar:t,topDropdownItems:l,sections:n},a.createElement(Ga,null)),Ya=r({}),Za=()=>c(Ya),Xa=({children:e,variant:t="line",withDivider:i=!1,defaultIndex:o=0,onChange:r,index:s})=>{const[c,m]=n(()=>void 0!==s?s:o);l(()=>{void 0===s&&m(o),"number"==typeof s&&m(s)},[o,s]);return a.createElement(Ya.Provider,{value:{currentIndex:c,variant:t,withDivider:i,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof r&&r(a)}}},e)},Qa=({disabled:e=!1,value:n=0,isCurrent:i,...o})=>{const{onChange:r,currentIndex:s}=Za(),c=v("maxio-tabs__tab",{"maxio-tabs__tab--active":s===n,"maxio-tabs__tab--disabled":e,"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=t(null),p=t(!1);if(l(()=>{var e;i&&p.current&&(null===(e=u.current)||void 0===e||e.focus())},[i]),l(()=>{p.current=!0},[]),"icon"===o.type){const{icon:e,...t}=o;return a.createElement("div",{className:c,ref:u,onClick:m,...d,...t},a.createElement("div",{className:"maxio-tabs__tab__content"},e))}const{children:x,rightIcon:g,...b}=o;return a.createElement("div",{ref:u,className:c,onClick:m,...d,...b},a.createElement("div",{className:"maxio-tabs__tab__content"},x,g||null))},Ja=({children:e,variant:t="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>a.createElement(Xa,{defaultIndex:n,variant:t,withDivider:l,index:i,onChange:o},e),et=({children:e,value:t,...l})=>{const{currentIndex:n}=Za();return a.createElement("div",{...l,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:n!==t},e)},at=({children:e})=>{const{currentIndex:t}=Za();return a.createElement(a.Fragment,null,m.map(e,(e,a)=>{if(o(e)&&e.type===et)return a===t?i(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},tt=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?tt(e-1,a,t||e):e-1,lt=({children:e,className:l,ariaLabel:n,...r})=>{const{variant:s,withDivider:c,currentIndex:d,onChange:u}=Za(),p=v("maxio-tabs",l,{"maxio-tabs--contained":"contained"===s,"maxio-tabs--divider":c}),x=t(null),g=()=>m.map(e,e=>e.props);return a.createElement("div",{className:p,role:"tablist","aria-label":n,"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=>tt(e,g())),null===(a=x.current)||void 0===a||a.focus()},...r},m.map(e,(e,a)=>{if(o(e)&&e.type===Qa)return i(e,{value:a,isCurrent:d===a});throw new Error("You can only pass <Tab /> component as children")}))},nt=({children:e,size:t,sentiment:l,kind:n="primary",leadingIcon:i,trailingIcon:o})=>{const r=v("maxio-tag",`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`,!!t&&`maxio-tag--${t}`);return a.createElement("div",{className:r},i&&a.createElement(be,{variant:i,className:"maxio-tag__icon"}),a.createElement("span",{className:"maxio-tag__label"},e),o&&a.createElement(be,{variant:o,className:"maxio-tag__icon"}))},it=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__header",t),...l},e);it.displayName="Card.Header";const ot=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__body",t),...l},e);ot.displayName="Card.Body";const rt=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__footer",t),...l},e);rt.displayName="Card.Footer";const st=({children:e,className:t,variant:l="primary",...n})=>a.createElement("div",{className:v("maxio-card",`maxio-card--${l}`,t),...n},e);st.displayName="Card";const ct=Object.assign(st,{Header:it,Body:ot,Footer:rt}),mt=({children:e,className:t,href:l,onClick:n,target:i,disabled:o})=>{const r=l||n;if(!r)return a.createElement("div",{className:"maxio-tile"},e);const s=v("maxio-tile",t,{"maxio-tile--clickable":r,"maxio-tile--disabled":o});return a.createElement("a",{className:s,href:l,target:i,onClick:e=>{o&&l&&e.preventDefault(),!o&&n&&n()}},e)};var dt,ut,pt,xt;function vt(){return vt=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},vt.apply(null,arguments)}const gt=a=>e.createElement("svg",vt({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},a),dt||(dt=e.createElement("path",{d:"M59.32 11.3 70.64 0l40.74 40.35v70.99H40.89L0 70.52l11.15-11.14 36.2 36.15h30.07l3.07-3.39-50.91-51.15 10.99-10.97 51.24 50.83 3.72-3.38V47.13zM180.68 11.3 169.36 0l-40.73 40.35v70.99h70.48L240 70.51l-11.15-11.14-36.2 36.15h-30.06l-3.07-3.39 50.91-51.15-10.99-10.97-51.24 50.83-3.72-3.38V47.12l36.2-35.83ZM59.32 228.7l11.31 11.29 40.74-40.35v-70.99H40.89L0 169.48l11.15 11.14 36.2-36.15h30.07l3.07 3.39-50.92 51.15 10.99 10.97 51.24-50.83 3.72 3.38v30.34zM180.68 228.7l-11.32 11.29-40.73-40.35v-70.99h70.48L240 169.48l-11.15 11.14-36.2-36.15h-30.06l-3.07 3.39 50.91 51.15-10.99 10.97-51.24-50.83-3.72 3.38v30.34zM1015.27 139.55c0-29.94-23.74-53.46-52.11-53.46s-52.11 23.52-52.11 53.46 23.74 53.46 52.11 53.46 52.11-23.52 52.11-53.46m20.32.95c-.5 40.27-32.73 72.76-72.43 72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71 72.44-73.71h.94c39.57.52 71.5 33.32 71.5 73.71v.95Z"})),ut||(ut=e.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),pt||(pt=e.createElement("path",{fillRule:"evenodd",d:"M850.05 24h20.33v20.33h-20.33zM695.01 82.85l50.83 56.28v6.53l-50.28 55.67 15.23 13.2 49.22-54.49h4.71l49.22 54.49 15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15 55.52h-3.96l-50.15-55.52L695 82.85ZM660.49 78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13 0-52.44 18.93-58.09 44.86l-.28 1.27 19.33 3.72.31-1.14c2.39-8.91 6.66-16.54 13.04-21.94 6.36-5.39 14.91-8.63 26.02-8.63s19.12 3.25 24.76 8.96c5.64 5.72 8.73 14.06 8.73 24.53v6.11L616.62 130l-3.26.68c-16.14 3.47-29.79 7.84-39.59 14.45-10.54 7.11-16.64 16.83-16.64 30.62 0 12.51 4.51 22.62 12.5 29.59 7.96 6.95 19.25 10.67 32.63 10.67 22.27 0 41.87-12.03 51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58Zm-40.09 68.13c-12.86 2.77-23.05 5.42-30.03 9.63-3.46 2.09-6.08 4.54-7.84 7.54s-2.71 6.62-2.71 11.15c0 6.38 2.1 12.12 6.32 16.27 4.22 4.14 10.7 6.82 19.7 6.82 26.85 0 47.46-20.48 47.46-51.36v-7.2l-32.9 7.14Z"})),xt||(xt=e.createElement("path",{d:"M434.8 188.74h4.54l61.73-164.33.15-.41h35.57v189.35H515.9V55.37h-4.33l-59.7 157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98H336V24h35.57z"}))),bt=e=>{const{size:t="sm",className:l,variant:n="lockup",alt:i="maxio logo"}=e,o="mark"===n,r="number"==typeof t;return a.createElement(gt,{role:"img",viewBox:o?"0 0 240 240":"0 0 1036 240","aria-label":i,height:r?t:void 0,className:v("maxio-logo",!r&&`maxio-logo--${t}`,o&&"maxio-logo--mark",l)})},ht=({state:e,...l})=>{var n,i;const o=t(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=ue(l,e,o),{closable:d=!0,underline:u=!0,external:p=!1}=l.toast.content,x=v("maxio-toast",{[`maxio-toast--${l.toast.content.sentiment}`]:l.toast.content.sentiment}),g={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 a.createElement("div",{className:x,"data-maxio-mode":"dark",...r,ref:o},a.createElement(be,{variant:g,className:"maxio-toast__icon"}),a.createElement("div",{className:"maxio-toast__container",...s},a.createElement("div",{className:"maxio-toast__content",...c},l.toast.content.title&&a.createElement("span",{className:"maxio-toast__title"},l.toast.content.title),l.toast.content.message&&a.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)&&a.createElement(_e,{href:l.toast.content.link.href,underline:u,external:p},l.toast.content.link.text))),d&&a.createElement(Ce,{variant:"ghost",icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",className:"maxio-toast__dismiss",...m}))},ft=({state:e,...t})=>{const l=a.useRef(null),{regionProps:n}=pe(t,e,l);return a.createElement("div",{...n,ref:l,className:t.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},e.visibleToasts.map(t=>a.createElement(ht,{key:t.key,toast:t,state:e})))},Et=({children:e,...t})=>{const{maxVisibleToasts:l=5,...n}=t,i=ce({maxVisibleToasts:l,...n});return a.useEffect(()=>{console.warn("ToastProvider is deprecated. Please use the global toast API instead.")},[]),a.createElement(a.Fragment,null,e(i),i.visibleToasts.length>0&&a.createElement(ft,{...t,state:i}))},_t=r(null),Nt=({children:e,toastQueue:t,...l})=>{const n=me(t),i=p(()=>{n.visibleToasts.forEach(e=>{t.close(e.key)})},[n.visibleToasts,t]),o=d(()=>({addToast:t.add.bind(t),removeToast:t.clear.bind(t),removeAllToasts:i,state:n}),[t,i,n]);return a.createElement(_t.Provider,{value:o},e,n.visibleToasts.length>0&&a.createElement(ft,{...l,state:n}))},wt=()=>{const e=c(_t);if(!e)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return e};class yt extends de{}const kt=({defaultChecked:e,checked:t,onChange:l,disabled:n,valueDescription:i,valueDescriptionPosition:o,className:r,name:c,id:m,...d})=>{const u=s(),x="boolean"==typeof e,g=m||u,b="left"===o?"row":"row-reverse",h=i&&o,f=p(e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;x&&(e.currentTarget.checked=!a),l&&l(!a,e)}},[x,l]),E=d["aria-label"]||(h?void 0:i);return a.createElement("div",{className:v("maxio-toggle",r,{"maxio-toggle--disabled":n}),style:{display:"inline-flex",flexDirection:b},"data-testid":"toggle-container"},h?a.createElement("label",{className:"maxio-toggle__label",htmlFor:g},i):null,a.createElement("div",{className:"maxio-toggle__container"},a.createElement("input",{type:"checkbox",defaultChecked:e,checked:t,onChange:e=>{l&&l(e.target.checked,e)},onKeyDown:f,disabled:n,className:"maxio-toggle__checkbox",id:g,name:c,"aria-label":E}),a.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":t,"aria-hidden":"true"},a.createElement("div",{className:"maxio-toggle__handle"}),a.createElement("span",{className:"maxio-toggle__icon"},a.createElement("i",{className:"maxio-toggle__icon-on"})),a.createElement("span",{className:"maxio-toggle__icon"},a.createElement("i",{className:"maxio-toggle__icon-off"})))))},Ct=({basis:e,flex:t,flexDirection:l,wrap:n,grow:i,shrink:o,gap:r,gapX:s,gapY:c,className:m,children:d,alignItems:u,justifyContent:p,...x})=>{const g=v("maxio-flex",{[`maxio-flex-${t}`]:t,[`maxio-basis-${e}`]:void 0!==e,[`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-${p}`]:p},m);return a.createElement("div",{className:g,...x},d)},It=({children:e,actions:t,sideNavIsClosed:l,openSideNav:n})=>a.createElement("nav",{className:"maxio-top-bar"},l&&a.createElement(Ce,{"aria-label":"Open Side Navigation",variant:"ghost",icon:a.createElement(be,{variant:"sidebar"}),onClick:n}),a.createElement(Ct,{grow:!0,justifyContent:"end"},e),t),St={sm:"h3",md:"h2",lg:"h1"},Pt=({children:e,size:t="sm",className:l,...n})=>{const i=St[t],o=v(`maxio-heading-${t}`,l);return a.createElement(i,{className:o,...n},e)},$t=({as:e="div",children:t,size:l="md",className:n,...i})=>{const o=e,r=v(`maxio-display-${l}`,n);return a.createElement(o,{className:r,...i},t)},Dt=({as:e="div",children:t,className:l,...n})=>{const i=e,o=v("maxio-code",l);return a.createElement(i,{className:o,...n},t)},Tt=({as:e="div",children:t,size:l="sm",className:n,...i})=>{const o=e,r=v(`maxio-label-${l}`,n);return a.createElement(o,{className:r,...i},t)},Ot=({...e})=>{const l=t(null),{buttonProps:n}=h(e,l);return a.createElement("button",{...n,className:"maxio-chip__dismiss-button"},a.createElement(be,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},Rt=({label:e,onDismiss:l,dismissLabel:n,leadingIcon:i,trailingIcon:o,title:r,...s})=>{const c=t(null),m=z(s),{buttonProps:d}=P(s,m,c),u=v("maxio-chip",{"maxio-chip--selected":null==m?void 0:m.isSelected}),p=v("maxio-chip__button",{"maxio-chip--dismissible":l});return a.createElement("div",{className:u},a.createElement("button",{className:p,ref:c,...d,title:r},i&&a.createElement(be,{variant:i,className:"maxio-chip__icon"}),a.createElement("span",{className:"maxio-chip__label"},e),o&&!l&&a.createElement(be,{variant:o,className:"maxio-chip__icon"})),l&&a.createElement(Ot,{onPress:l,"aria-label":n}))},zt=({children:e,templateColumns:t,templateRows:l,autoColumns:n,autoRows:i,inline:o,column:r,columnStart:s,columnEnd:c,row:m,rowStart:d,rowEnd:u,gap:p,gapX:x,gapY:g,className:b,justifyContent:h,alignItems:f,...E})=>{const _=v(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-${p}`]:void 0!==p,[`maxio-gap-x-${x}`]:void 0!==x,[`maxio-gap-y-${g}`]:void 0!==g,[`maxio-justify-${h}`]:h,[`maxio-items-${f}`]:f});return a.createElement("div",{className:_||void 0,...E},e)},Mt={success:"maxio-auth-layout__heading--success",danger:"maxio-auth-layout__heading--danger"},Bt=({children:e,heading:t,description:l,sentiment:n="success",leadingElement:i=null,alert:o,topAddon:r=null,footer:s})=>a.createElement("div",{className:"maxio-auth-layout"},a.createElement(Ct,{alignItems:"center",justifyContent:"between"},a.createElement(bt,{size:"md"}),r),o&&a.createElement(Ie,{display:"block",title:o.title,sentiment:o.sentiment},o.children),a.createElement(ct,{variant:"secondary"},a.createElement(ct.Body,null,a.createElement(Ct,{flexDirection:"col",gap:6},a.createElement(Ct,{flexDirection:"col",gap:2},a.createElement(Ct,{alignItems:"center",gap:2},i,a.createElement(Pt,{size:"lg",className:v("maxio-auth-layout__heading",Mt[n])},t)),l&&a.createElement(Ct,{style:{color:"var(--maxio-color-text-tertiary)"}},a.createElement(ga,{size:"sm",className:"maxio-auth-layout__description"},l))),e)),s&&a.createElement(ct.Footer,null,s)));export{Ee as ActionList,Ie as Alert,Bt as AuthLayout,ze as Avatar,Me as Banner,ga as Body,He as Breadcrumbs,Be as BreadcrumbsItem,ke as Button,ct as Card,Xe as Checkbox,ea as CheckboxGroup,Rt as Chip,Dt as Code,Ia as ComboBox,oa as DataTable,$t as Display,Ct as Flex,Je as FormErrorMessage,Qe as FormHelperText,Nt as GlobalToastProvider,zt as Grid,Pt as Heading,be as Icon,Ce as IconButton,Tt as Label,_e as Link,_a as ListBox,Ne as LoadingSpinner,bt as Logo,Te as Menu,Re as MenuButton,Oe as MenuList,ua as OverlayTrigger,Ra as Pagination,Na as Popover,za as ProgressBar,Pa as Radio,$a as RadioGroup,Oa as Select,Ka as SideNav,Qa as Tab,lt as TabList,et as TabPanel,at as TabPanels,Ja as Tabs,nt as Tag,Da as TextField,Ta as TextInput,mt as Tile,Et as ToastProvider,yt as ToastQueue,kt as Toggle,pa as Tooltip,va as TooltipTrigger,It as TopBar,ma as useHover,ca as useOverlayTrigger,wt as useToast,da as useWindowSize};
|
|
1
|
+
import*as e from"react";import a,{useRef as t,useEffect as l,useState as n,cloneElement as i,isValidElement as o,createContext as r,useId as s,useContext as c,Children as m,useMemo as d,forwardRef as u,useCallback as p,useImperativeHandle as x}from"react";import v from"classnames";import{useId as g,useLink as b,useButton as h,usePress as f,useFocusRing as E,mergeProps as _,useCheckboxGroupItem as N,useCheckbox as w,useCheckboxGroup as y,useRadio as k,useRadioGroup as C,useTextField as I,useProgressBar as S,useToggleButton as P}from"react-aria";import{flexRender as $,useReactTable as D,getSortedRowModel as T,getExpandedRowModel as O,getCoreRowModel as R}from"@tanstack/react-table";export{createColumnHelper}from"@tanstack/react-table";import{useToggleState as z}from"@react-stately/toggle";import{useCheckboxGroupState as M}from"@react-stately/checkbox";import{AnimatePresence as B,motion as A}from"framer-motion";import{useDismiss as L,useFocus as V,useHover as H,useClick as F,useFloating as W,offset as j,useInteractions as U,useRole as q,FloatingPortal as G}from"@floating-ui/react-dom-interactions";import{ListBox as K,ListBoxItem as Y,composeRenderProps as Z,ListBoxSection as X,Header as Q,Popover as J,OverlayArrow as ee,ComboBox as ae,Label as te,Input as le,Button as ne,Text as ie,FieldError as oe,TextField as re}from"react-aria-components";export{DialogTrigger,Pressable}from"react-aria-components";import{useRadioGroupState as se}from"@react-stately/radio";import{useToastState as ce,useToastQueue as me,ToastQueue as de}from"@react-stately/toast";import{useToast as ue,useToastRegion as pe}from"@react-aria/toast";const xe=["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","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","graph","home","info-circle","info-circle-fill","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill"],ve=["anrok","dropbox","hubspot","numeral","oracle","quotapath","sage","sphere","taxjar"],ge=["avalara","pipedrive","quickbooks","salesforce","xero"],be=({variant:e,color:t,className:l,size:n})=>{const i=(e,a)=>a.includes(e),o=i(e,xe)||i(e,ve),r=i(e,ge),s=v({"fa-kit":o,"fa-kit-duotone":r,"fa-sharp fa-regular":!o&&!r,[`fa-${e}`]:!0,[`fa-${n}`]:n,[`maxio-icon--${t}`]:t&&!i(e,ve)&&!i(e,ge)},l);return a.createElement("i",{className:s})},he=({item:e,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=t(null),c=t(!1),m=g();if(l(()=>{var e;n&&c.current&&(null===(e=s.current)||void 0===e||e.focus())},[n]),l(()=>{c.current=!0},[]),"divider"===e.type)return a.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,leadingIconClassName:u,trailingIconName:p,label:x,description:b,link:h}=e,f=v("maxio-action-list__label",{"maxio-truncate":i});return a.createElement("a",{"aria-labelledby":m,...h,className:v("maxio-action-list__content",h.className,{"maxio-action-list__content--size-small":r}),tabIndex:n?0:-1,ref:s,role:o},d&&a.createElement(be,{variant:d,className:v("maxio-action-list__leading-icon",u)}),a.createElement("span",{className:f,id:m},x),b&&a.createElement("span",{className:"maxio-action-list__description"},b),p&&a.createElement(be,{variant:p,className:"maxio-action-list__trailing-icon"}))},fe=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?fe(e-1,a,t||e):e-1,Ee=({items:e,isShadowed:t=!0,itemProps:l={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=v("maxio-action-list",i,{"maxio-action-list--shadow":t}),[m,d]=n(()=>e.findIndex(e=>"divider"!==e.type));return 0===e.length?null:a.createElement("div",{className:c,onKeyDown:a=>{if("Space"===a.code||"Enter"===a.code){const a=e[m];a&&"divider"!==a.type&&window.open(a.link.href,a.link.target||"_self")}"ArrowUp"===a.code&&(a.preventDefault(),d(a=>fe(a,e))),"ArrowDown"===a.code&&(a.preventDefault(),d(a=>((e,a)=>{const t=a.findIndex((a,t)=>"divider"!==a.type&&t>e);return-1===t?e:t})(a,e)))},role:"listbox",...s},e.map((e,t)=>a.createElement(he,{item:e,truncateLabel:o,key:`listbox-${e.id}`,isSelected:t===m,small:r,...l})))},_e=({className:e,children:t,disabled:l,external:n,icon:i,size:o="sm",underline:r,variant:s,...c})=>{const m=v("maxio-link",{[`maxio-link--${o}`]:o,"maxio-link--disabled":l,[`maxio-link--${s}`]:s,"maxio-link--underline":r},e),d=n?"_blank":"_self";return a.createElement("a",{className:m,target:d,...c},t,i&&a.createElement(be,{variant:i,className:"maxio-link__icon"}))},Ne=({size:e="md",white:t=!1,className:l})=>{const n=v("maxio-loading-spinner",l,`maxio-loading-spinner--${e}`,{"maxio-loading-spinner--white":t});return a.createElement("div",{className:n,role:"status","aria-label":"loading"})},we=({fullWidth:e=!1,leadingElement:l,trailingElement:n,icon:r,variant:s="primary",size:c,...m})=>{const d=t(null),{linkProps:u}=b({...m},d),p=v("maxio-button",m.className,{[`maxio-button--${c}`]:c,[`maxio-button--${s}`]:s,"maxio-button--full-width":e});return a.createElement("a",{...u,ref:d,className:p,href:m.href},l&&i(l,{...o(l)&&{className:"maxio-button__leading-element"}}),m.children,(n||r)&&i(n||r,{...o(n||r)&&{className:"maxio-button__trailing-element"}}))},ye=({disabled:e,loading:l=!1,fullWidth:n=!1,leadingElement:r,trailingElement:s,icon:c,variant:m="primary",size:d,...u})=>{const p=t(null),{buttonProps:x}=h({...u,isDisabled:e,formAction:"string"==typeof u.formAction?u.formAction:void 0},p),g=["primary","danger"].includes(m),b=v("maxio-button",u.className,{[`maxio-button--${d}`]:d,[`maxio-button--${m}`]:m,"maxio-button--loading":l,"maxio-button--full-width":n});return a.createElement("button",{...x,className:b,ref:p},r&&i(r,{...o(r)&&{className:"maxio-button__leading-element"}}),u.children,!l&&(s||c)&&i(s||c,{...o(s||c)&&{className:"maxio-button__trailing-element"}}),l&&a.createElement(Ne,{className:"maxio-button__trailing-element",size:"md",white:g}))},ke=e=>(e=>"href"in e)(e)?a.createElement(we,{...e}):a.createElement(ye,{...e}),Ce=({"aria-label":e,className:t,...l})=>a.createElement(ke,{"aria-label":e,className:v("maxio-button--icon",t),...l},null),Ie=({children:e,title:t,linkText:l,linkExternal:n,href:i,display:o="inline",sentiment:r="info",onDismiss:s,className:c})=>{if(!e&&!t)return console.warn("Alert component requires either children or title prop to be rendered"),null;const m=v("maxio-alert",{[`maxio-alert--${r}`]:"info"!==r&&r},c),d={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r],u=v("maxio-alert__content",{"maxio-alert__content--block":"block"===o});return a.createElement("div",{className:m},a.createElement(be,{variant:d,className:"maxio-alert__icon","aria-hidden":"true"}),a.createElement("section",{className:"maxio-alert__container"},a.createElement("div",{className:u},t&&a.createElement("span",{className:"maxio-alert__title"},t),e&&a.createElement("span",{className:"maxio-alert__message"},e),l&&i&&a.createElement(_e,{className:"maxio-alert__link",href:i,variant:"high-contrast",underline:!0,...n?{external:!0}:{}},l))),s&&a.createElement(Ce,{icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,className:"maxio-alert__dismiss"}))},Se=r({}),Pe=({children:e})=>{const[t,l]=n(!1),i=s(),o=s();return a.createElement(Se.Provider,{value:{controlsId:i,buttonId:o,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},e)};function $e(){const e=c(Se);if(!e||"object"==typeof e&&0===Object.keys(e).length)throw new Error("useMenu hook must be used within a MenuProvider");return e}const De=({children:e})=>{const{isOpen:t,onToggle:l,onClose:n}=$e();return a.createElement("details",{open:t,onToggle:l,className:"maxio-action-menu"},"function"==typeof e?e({isOpen:t,onClose:n}):e)},Te=({children:e})=>a.createElement(Pe,null,a.createElement(De,null,e)),Oe=({items:e,alignItemsEnd:t=!1})=>{const l=v("maxio-action-menu__content",{"maxio-action-menu__content--align-end":t}),{controlsId:n,buttonId:i}=$e();return a.createElement("div",{className:l,role:"presentation"},a.createElement(Ee,{role:"menu",itemProps:{role:"menuitem"},id:n,"aria-labelledby":i,items:e}))},Re=({children:e,iconName:t="chevron-down","aria-label":l,size:n="md",variant:i="secondary"})=>{const o=v({"maxio-action-menu__chevron":"chevron-down"===t}),r=v("maxio-button",`maxio-button--${i}`,`maxio-button--${n}`,{"maxio-button--icon":t&&!e}),{isOpen:s,buttonId:c,controlsId:m}=$e();return a.createElement("summary",{className:r,"aria-haspopup":"true","aria-label":l,"aria-expanded":s,"aria-controls":m,id:c},e&&a.createElement("span",null,e),t&&a.createElement(be,{variant:t,className:`${o} maxio-button__trailing-element`}))},ze=({className:e,src:t,alt:l="avatar"})=>a.createElement("img",{className:v("maxio-avatar",e),alt:l,src:t}),Me=({children:e,title:t,linkText:l,linkExternal:n,href:i,display:o="inline",sentiment:r="info",onDismiss:s,className:c})=>{if(!e&&!t)return console.warn("Banner component requires either children or title prop to be rendered"),null;const m=v("maxio-banner",{[`maxio-banner--${r}`]:"info"!==r&&r,className:c}),d={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[r],u=v("maxio-banner__content",{"maxio-banner__content--block":"block"===o});return a.createElement("div",{className:m,"aria-live":"assertive"},a.createElement(be,{variant:d,className:"maxio-banner__icon","aria-hidden":"true"}),a.createElement("section",{className:"maxio-banner__container"},a.createElement("div",{className:u},t&&a.createElement("span",{className:"maxio-banner__title"},t),e&&a.createElement("span",{className:"maxio-banner__message"},e),l&&i&&a.createElement(_e,{href:i,..."warning"!==r&&{variant:"inverse"},underline:!0,...n?{external:!0}:{}},l))),s&&a.createElement(Ce,{icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:s,className:"maxio-banner__dismiss"}))},Be=({children:e,className:t,href:l,...n})=>{const i=l?a.createElement(_e,{size:"sm",href:l},e):e;return a.createElement("li",{className:v("maxio-breadcrumbs__item",t),...n},i)},Ae="Breadcrumbs requires at least one BreadcrumbsItem as children",Le='Last BreadcrumbsItem should not have "href" prop. It is the current page.',Ve="Breadcrumbs only accepts BreadcrumbsItem as children",He=({className:e,children:t,...l})=>{const n=m.count(t);if(0===n)throw new Error(Ae);const r=m.map(t,(e,a)=>{if(o(e)&&e.type===Be){if(a===n-1&&e.props.href)throw new Error(Le);return i(e,{"aria-current":a===n-1?"page":void 0})}throw new Error(Ve)});return a.createElement("nav",{"aria-label":"Breadcrumb",...l},a.createElement("ol",{className:v("maxio-breadcrumbs",e)},r))},Fe="row-controls",We="row-actions",je=({children:e,pattern:t,size:l,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=n(!1),[c,m]=n(!1),d=t&&o&&i,u=v("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 a.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)}},a.createElement("table",{className:u},e))},Ue=({children:e})=>a.createElement("thead",null,e),qe=({children:e})=>a.createElement("tbody",null,e),Ge=({children:e,table:t,header:l,className:n,enableExpanding:i,...o})=>{var r,s,c,m,d,u,p,x,g,b,h;const f=null==l?void 0:l.column,E=null===(r=null==f?void 0:f.getCanSort)||void 0===r?void 0:r.call(f),_=null===(s=null==f?void 0:f.getToggleSortingHandler)||void 0===s?void 0:s.call(f),N=null==l?void 0:l.isPlaceholder,w=null===(m=null===(c=null==f?void 0:f.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.align,y=null===(u=null===(d=null==f?void 0:f.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.width,k=null===(x=null===(p=null==f?void 0:f.columnDef)||void 0===p?void 0:p.meta)||void 0===x?void 0:x.controls,C=null===(b=null===(g=null==f?void 0:f.columnDef)||void 0===g?void 0:g.meta)||void 0===b?void 0:b.actions,I=null==f?void 0:f.getIsPinned(),S=null==f?void 0:f.getIsSorted(),P="asc"===S,$=v("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${I}`]:I,"maxio-data-table__cell--sortable":E,"maxio-data-table__cell--active":S,[`maxio-data-table__cell--${w}`]:w,"maxio-data-table__cell--controls":k,"maxio-data-table__cell--actions":C}),D=y?{width:y}:{},T=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!S,P),O=null==t?void 0:t.getToggleAllRowsExpandedHandler(),R=null===(h=null==t?void 0:t.getIsAllRowsExpanded)||void 0===h?void 0:h.call(t),z=(null==l?void 0:l.headerGroup.headers[0].id)===Fe?1:0,M=i&&(null==l?void 0:l.index)===z;return N?null:a.createElement("th",{scope:"col",role:"columnheader","aria-sort":S?P?"ascending":"descending":"none",className:$,onClick:_,colSpan:null==l?void 0:l.colSpan,style:D,...o},a.createElement("div",{className:"maxio-data-table__cell-flex"},!0===i&&M&&a.createElement(Ce,{size:"sm",variant:"ghost",icon:a.createElement(be,{size:"xs",variant:R?"chevron-down":"chevron-right"}),onClick:O,"aria-label":R?"Collapse all rows":"Expand all rows","data-open":R,className:"maxio-data-table__expand-button"}),e,E&&a.createElement(be,{variant:T,className:"maxio-data-table__sort-icon"})))},Ke=({children:e,row:t,isChild:l,isHeader:n,className:i,onRowAction:o,...r})=>{var s,c,m;const d=null===(s=null==t?void 0:t.getIsSelected)||void 0===s?void 0:s.call(t),u=(null===(c=null==t?void 0:t.getCanExpand)||void 0===c?void 0:c.call(t))&&(null===(m=null==t?void 0:t.getIsExpanded)||void 0===m?void 0:m.call(t)),p=Boolean(t&&o&&!n&&!l),x=a.useRef(null),g=e=>{x.current=e.target},{pressProps:b}=f({isDisabled:!p,onPress:e=>{var a;const l=null!==(a=x.current)&&void 0!==a?a:e.target;x.current=null,t&&o&&!(e=>e instanceof Element&&Boolean(e.closest("a,button,input,select,textarea,label")))(l)&&o(t)}}),{focusProps:h,isFocused:N}=E(),w=v({"maxio-data-table__row":!n,"maxio-data-table__header-row":n,"maxio-data-table__row--active":d||N,"maxio-data-table__row--expanded":u,"maxio-data-table__row--expanded-child":l,"maxio-data-table__row--actionable":p},i),y=p?_({onClickCapture:g,onKeyDownCapture:g,tabIndex:0},b,h,r):r;return a.createElement("tr",{...y,className:w,tabIndex:p?y.tabIndex:r.tabIndex},e)},Ye=r({}),Ze=u(({checked:e,disabled:t,invalid:l,indeterminate:n,className:i,inputProps:o,error:r,label:s},c)=>{const m=v("maxio-checkbox",{"maxio-checkbox--checked":e,"maxio-checkbox--disabled":t,"maxio-checkbox--error":l,"maxio-checkbox--indeterminate":n},i);return a.createElement("label",{className:m},a.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:c,...o}),a.createElement("span",{className:"maxio-checkbox__control"},r&&a.createElement("span",{className:"maxio-checkbox__control-error"})),s&&a.createElement("span",{className:"maxio-checkbox__label"},s))});Ze.displayName="InnerCheckbox";const Xe=({label:e,error:l=!1,className:n,indeterminate:i,value:o="",disabled:r,readOnly:s,defaultChecked:m,checked:d,...u})=>{const p=t(null),x=c(Ye),{inputProps:v,isDisabled:g,isInvalid:b,isSelected:h}=x&&Object.keys(x).length>0?N({value:o,"aria-label":null!=e?e:u["aria-label"],isDisabled:r,isInvalid:l,isIndeterminate:i,isReadOnly:s,...u},x,p):w({"aria-label":null!=e?e:u["aria-label"],isDisabled:r,isInvalid:l,isIndeterminate:i,isReadOnly:s,value:o,...u},z({...u,isSelected:d,defaultSelected:m}),p);return a.createElement(Ze,{inputProps:v,checked:h,disabled:g,invalid:b,indeterminate:i,className:n,error:l,label:e,ref:p,...u})},Qe=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-form-helper-text",t),...l},e),Je=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-form-error",t),...l},a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},e)),ea=({helperText:e,className:t,errorMessage:l,children:n,disabled:i,label:o,defaultValue:r,name:s,...c})=>{var m;const d=M({defaultValue:r,name:s,errorMessage:l,description:e,label:o,isDisabled:i,isInvalid:!!l,...c}),{groupProps:u,labelProps:p,descriptionProps:x,errorMessageProps:g,isInvalid:b}=y({"aria-label":null===(m=null!=o?o:c["aria-label"])||void 0===m?void 0:m.toString(),isDisabled:i,isInvalid:!!l,...c},d),h=v("maxio-checkbox-group",{"maxio-checkbox-group--disabled":i},t),f=e&&!l;return a.createElement("div",{className:h,...u},o&&a.createElement("label",{className:"maxio-checkbox-group__label",...p},o),a.createElement(Ye.Provider,{value:d},n),f&&a.createElement(Qe,{...x},e),l&&b&&a.createElement(Je,{...g},l))},aa=({table:e})=>{var t,l,n,i;const o=null===(t=null==e?void 0:e.getToggleAllPageRowsSelectedHandler)||void 0===t?void 0:t.call(e),r=(null===(l=null==e?void 0:e.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(e))||(null===(n=null==e?void 0:e.getIsAllRowsSelected)||void 0===n?void 0:n.call(e)),s=null===(i=null==e?void 0:e.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(e);return a.createElement(Xe,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},ta=({row:e})=>{var t,l,n,i;const o=null===(t=null==e?void 0:e.getToggleSelectedHandler)||void 0===t?void 0:t.call(e),r=(null===(l=null==e?void 0:e.getIsSelected)||void 0===l?void 0:l.call(e))||(null===(n=null==e?void 0:e.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(e)),s=null===(i=null==e?void 0:e.getIsSomeSelected)||void 0===i?void 0:i.call(e),c=e.id||e.index;return a.createElement(Xe,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},la=({children:e})=>a.createElement("div",{className:"maxio-data-table__cell-flex"},e),na=({row:e,cell:t,children:l,className:n,...i})=>{var o,r,s,c,m,d;const u=null==t?void 0:t.column,p=null===(r=null===(o=null==u?void 0:u.columnDef)||void 0===o?void 0:o.meta)||void 0===r?void 0:r.align,x=null===(c=null===(s=null==u?void 0:u.columnDef)||void 0===s?void 0:s.meta)||void 0===c?void 0:c.controls,g=null===(d=null===(m=null==u?void 0:u.columnDef)||void 0===m?void 0:m.meta)||void 0===d?void 0:d.actions,b=null==u?void 0:u.getIsPinned(),h=v("maxio-data-table__cell",n,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${p}`]:p,"maxio-data-table__cell--controls":x,"maxio-data-table__cell--actions":g});return a.createElement("td",{className:h,...i},l)},ia=({row:e,SubRowComponent:t,pattern:l,enableExpanding:n,onRowAction:i})=>{var o,r,s,c,m;const d=t&&e.getParentRow()&&e.getParentRow().getIsExpanded(),u=d&&e.getVisibleCells()[0].column.columnDef.id===Fe,p=d&&e.getVisibleCells()[e.getVisibleCells().length-1].column.columnDef.id===We,x=[p,u].filter(Boolean).length,v=e.getVisibleCells().length-x,g=null!==(r=null===(o=e.getParentRow())||void 0===o?void 0:o.index)&&void 0!==r?r:e.index,b=l&&t&&g%2==1?"maxio-data-table__row--with-pattern":void 0,h=null===(s=e.getCanExpand)||void 0===s?void 0:s.call(e),f=null===(c=null==e?void 0:e.getToggleExpandedHandler)||void 0===c?void 0:c.call(e),E=null===(m=null==e?void 0:e.getIsExpanded)||void 0===m?void 0:m.call(e),_=h&&n?0:1.75,N=e.getVisibleCells()[0].column.columnDef.id===Fe?1:0,w=e.getVisibleCells().find(({column:e})=>{var a;const{actions:t,controls:l}=null!==(a=e.columnDef.meta)&&void 0!==a?a:{};return!t&&!l}),y=i&&w?w.id:void 0;return a.createElement(a.Fragment,{key:e.id},d?a.createElement(Ke,{key:`${e.id}-sub`,row:e,isChild:!0,className:b},u&&a.createElement(na,{className:"maxio-data-table__cell--pinned-left"}),a.createElement(na,{colSpan:v},t(e)),p&&a.createElement(na,{className:"maxio-data-table__cell--pinned-right"})):a.createElement(Ke,{key:`${e.id}-parent`,row:e,className:b,onRowAction:i,"aria-labelledby":y},e.getVisibleCells().map(t=>{const l=n&&t.column.getIndex()===N;return a.createElement(na,{key:t.id,row:e,cell:t,id:t.id},a.createElement("div",{className:"maxio-data-table__cell-flex",style:n&&l?{paddingLeft:`${(null==e?void 0:e.depth)+_}rem`}:void 0},n&&h&&l&&a.createElement(Ce,{size:"sm",variant:"ghost",icon:a.createElement(be,{size:"xs",variant:E?"chevron-down":"chevron-right"}),onClick:f,"aria-label":E?"Collapse row":"Expand row","data-open":E,className:"maxio-data-table__expand-button"}),$(t.column.columnDef.cell,t.getContext())))})))},oa=({pattern:e,size:t="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:u,actions:p,onRowAction:x,...v})=>{const g=(({columns:e,HeaderControls:t,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>d(()=>{const s={id:Fe,header:e=>a.createElement(t,{...e,enableExpanding:o,enableRowSelection:r}),cell:e=>a.createElement(l,{...e,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:We,header:"",cell:e=>a.createElement(n,{...e},i(e.row,e.table)),meta:{actions:!0}}:null;let m=[...e];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,e,t,l]))({columns:u,HeaderControls:aa,RowControls:ta,RowActions:la,actions:p,enableRowSelection:c,enableExpanding:Boolean(m)}),b=D({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...v.state},getSubRows:e=>e.subRows,getCoreRowModel:R(),enableRowSelection:c,enableExpanding:Boolean(m),...!v.manualExpanding&&{getExpandedRowModel:O()},enableSorting:s,...!v.manualSorting&&{getSortedRowModel:T()},columns:g,...v}),h=b.getCanSomeRowsExpand(),f=b.getState();return l(()=>{null==i||i(f.expanded)},[i,f.expanded]),l(()=>{null==o||o(f.rowSelection)},[o,f.rowSelection]),l(()=>{null==r||r(f.sorting)},[r,f.sorting]),a.createElement(je,{pattern:e,size:t,isExpandable:h,isUsingCustomRow:!!n},a.createElement(Ue,null,b.getHeaderGroups().map(e=>a.createElement(Ke,{key:e.id,table:b,isHeader:!0},e.headers.map(e=>a.createElement(Ge,{key:e.id,table:b,header:e,enableExpanding:m},$(e.column.columnDef.header,e.getContext())))))),a.createElement(qe,null,b.getRowModel().rows.map(t=>a.createElement(ia,{key:t.id,row:t,pattern:e,SubRowComponent:n,enableExpanding:m,onRowAction:x}))))},ra={click:F,hover:e=>H(e,{delay:100}),focus:V,dismiss:L},sa=(e,a)=>a.map(a=>ra[a](e)),ca=({placement:e="top",isActive:a=!1,interactions:n=["hover"],floatingElementOffset:i=0,onOverlayUpdate:o,autoHideMs:r})=>{const s=t(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:x}=W({placement:e,open:a,onOpenChange:e=>o(e),middleware:[j(i)]}),{getReferenceProps:v,getFloatingProps:g}=U([...sa(u,n),q(u,{role:"tooltip"})]);l(()=>{s.current&&clearTimeout(s.current),a&&r&&(s.current=window.setTimeout(()=>o(!1),r))},[a,r]);return{isActive:a,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:v,getFloatingProps:g}};function ma(e,a=0){const i=t((new Date).getTime()),o=t((new Date).getTime()),[r,s]=n(!1);return l(()=>{const t=()=>{i.current=(new Date).getTime(),s(!0)},l=()=>{o.current=(new Date).getTime(),window.setTimeout(()=>{i.current-o.current<=0&&s(!1)},a)},n=e&&e.current;return n&&(n.addEventListener("mouseenter",t),n.addEventListener("mouseleave",l)),()=>{n&&(n.removeEventListener("mouseenter",t),n.removeEventListener("mouseleave",l))}},[e]),r}function da(e=500){const[a,i]=n(()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}}),o=t(null);return l(()=>{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]),a}const ua=({children:e,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:p,getFloatingProps:x,refs:{floating:g,reference:b},floatingElementCSSPosition:h}=ca({isActive:l,onOverlayUpdate:d,autoHideMs:m,floatingElementOffset:s,interactions:i,placement:n}),f=a.createElement(B,null,l&&a.createElement(A.div,{ref:g,style:h,...c,...x()},r()));return a.createElement(a.Fragment,null,a.createElement("div",{ref:b,className:v("maxio-inline-flex",u),...p(),"data-testid":"overlay-trigger"},e),t?a.createElement(G,{id:"maxio-ui-portal"},f):f)},pa=({children:e,arrowPosition:t,size:l="regular",maxWidth:n=160})=>a.createElement("div",{"data-testid":"tooltip",className:v("maxio-tooltip",`maxio-tooltip--${l}`,{[`maxio-tooltip--arrow-${t}`]:t})},a.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:n}},e)),xa={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"},va=({children:e,interactions:i=["hover"],placement:o="right",maxWidth:r=160,size:s="regular",renderContent:c,autoHideMs:m,isVisible:u,usePortal:x,className:v,onVisibilityUpdate:g,floatingElementOffset:b=5})=>{const[h,f]=n(!1),E=void 0!==u,_=t(null),N=p(e=>{_.current&&clearTimeout(_.current),_.current=window.setTimeout(()=>{E||f(e),g&&g(e)},50)},[E,g]),w=d(()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(o),[o]);return l(()=>()=>{_.current&&clearTimeout(_.current)},[]),a.createElement(ua,{role:"tooltip",className:v,floatingElementOffset:b,motionSettings:w,isActive:E?u:h,onOverlayUpdate:N,autoHideMs:m,usePortal:x,placement:o,interactions:i,renderOverlay:()=>a.createElement(pa,{size:s,arrowPosition:xa[o],maxWidth:r},c())},e)},ga=({as:e="div",children:t,compact:l=!1,size:n="md",className:i,...o})=>{const r=e,s=v({[`maxio-body-${n}`]:!l,[`maxio-body-${n}-compact`]:l},i);return a.createElement(r,{className:s,...o},t)},ba=({className:e,...t})=>a.createElement(K,{...t,className:v("maxio-listbox",e)});ba.displayName="ListBox";const ha=({className:e,...t})=>{const l=t.textValue||("string"==typeof t.children?t.children:void 0);return a.createElement(Y,{...t,textValue:l,className:v("maxio-listbox__item",e)},Z(t.children,(e,{isSelected:t})=>a.createElement(a.Fragment,null,a.createElement("div",{className:"maxio-listbox__content"},"string"==typeof e?a.createElement(ga,{size:"sm"},e):e),t&&a.createElement(be,{variant:"check"}))))};ha.displayName="ListBox.Item";const fa=({className:e,...t})=>a.createElement(X,{...t,className:v("maxio-listbox__section",e)});fa.displayName="ListBox.Section";const Ea=({className:e,...t})=>a.createElement(Q,{...t,className:v("maxio-listbox__header",e)});Ea.displayName="ListBox.Header";const _a=Object.assign(ba,{Item:ha,Section:fa,Header:Ea}),Na=({className:e,hideArrow:t=!1,children:l,offset:n=4,...i})=>a.createElement(J,{...i,className:v("maxio-popover",e),offset:n},a.createElement(a.Fragment,null,!t&&a.createElement(ee,{className:"maxio-popover__arrow"},a.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12","aria-hidden":!0},a.createElement("path",{d:"M0 0 L6 6 L12 0"}))),l)),wa=({isDisabled:e=!1,isInvalid:t=!1,isReadOnly:l=!1,size:n="md",label:i,description:o,errorMessage:r,leadingElement:s=null,fullWidth:c,className:m,placeholder:d,renderEmptyState:u,selectionMode:p,children:x,...g})=>{const b=a.useRef(null),h=a.useRef(null),[f,E]=a.useState(),[_,N]=a.useState(0),w=!!r,y=t||w,k=x,C=a.useCallback(()=>{const e=b.current;if(!e)return;const a=h.current,t=a?a.getBoundingClientRect().left-e.getBoundingClientRect().left:0;N(e=>e===-t?e:-t),E(a=>{const t=`${e.offsetWidth}px`;return(null==a?void 0:a["--trigger-width"])===t?a:{"--trigger-width":t}})},[]);a.useEffect(()=>{const e=b.current;if(!e)return;if(C(),"undefined"==typeof ResizeObserver)return;const a=new ResizeObserver(C);return a.observe(e),()=>a.disconnect()},[C]);const I=v("maxio-text-field",`maxio-text-field--${n}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":y,"maxio-text-field--readonly":l,"maxio-text-field--full-width":c},m);return a.createElement(ae,{...g,isDisabled:e,isInvalid:y,isReadOnly:l,selectionMode:p,className:I},i&&a.createElement(te,{className:"maxio-text-field__label"},i),a.createElement("div",{ref:b,className:"maxio-text-field__items"},s&&a.createElement("div",{className:"maxio-text-field__leading-element"},s),a.createElement(le,{ref:h,className:"maxio-text-field__input",placeholder:d}),a.createElement("div",{className:"maxio-text-field__trailing-element"},a.createElement(ne,{className:v("maxio-button","maxio-button--ghost","maxio-button--icon","maxio-button--sm")},a.createElement(be,{variant:"chevron-up-down"})))),o&&!w&&a.createElement(ie,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},o),r&&a.createElement(oe,{className:"maxio-form-error"},e=>a.createElement(a.Fragment,null,a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},"function"==typeof r?r(e):r))),a.createElement(Na,{hideArrow:!0,className:"maxio-combobox__popover",crossOffset:_,style:f},a.createElement(_a,{renderEmptyState:u},k)))};wa.displayName="ComboBox";const ya=e=>a.createElement(_a.Item,{...e});ya.displayName="ComboBox.Item";const ka=e=>a.createElement(_a.Section,{...e});ka.displayName="ComboBox.Section";const Ca=e=>a.createElement(_a.Header,{...e});Ca.displayName="ComboBox.Header";const Ia=Object.assign(wa,{Item:ya,Section:ka,Header:Ca}),Sa=r({}),Pa=({indent:e=!1,disabled:l=!1,invalid:n=!1,label:i,...o})=>{const r=t(null),s=c(Sa),{inputProps:m,isDisabled:d}=k({...o,value:(o.value||"").toString(),"aria-label":o["aria-label"]||i,isDisabled:l},s,r),u=v("maxio-radio",{"maxio-radio--indent":e,"maxio-radio--disabled":d||s.isDisabled,"maxio-radio--error":n||s.isInvalid});return a.createElement("label",{className:u},a.createElement("input",{ref:r,role:"radio",type:"radio",className:"maxio-radio__input",...m,name:s.name||m.name}),a.createElement("span",{className:"maxio-radio__control"}),a.createElement("span",{className:"maxio-radio__label"},i))},$a=({children:e,label:t,errorMessage:l,helperText:n,disabled:i=!1,invalid:o=!1,name:r,defaultValue:s,...c})=>{const m=se({isDisabled:i,isInvalid:o,description:n,name:r,label:t,errorMessage:l,defaultValue:s,...c}),{radioGroupProps:d,labelProps:u,descriptionProps:p,errorMessageProps:x}=C({"aria-label":c["aria-label"]||t,...c},m);return a.createElement(a.Fragment,null,a.createElement("div",{className:"maxio-radio-group",...d},t&&a.createElement("label",{className:"maxio-radio-group__label",...u},t),a.createElement(Sa.Provider,{value:m},e),o&&l&&a.createElement(Je,{...x},l),n&&!o&&a.createElement(Qe,{...p},n)))},Da=u(({isDisabled:e=!1,isInvalid:t=!1,isReadOnly:l=!1,size:n="md",label:i,description:o,errorMessage:r,leadingElement:s=null,trailingElement:c=null,fullWidth:m,className:d,...u},p)=>{const x=v("maxio-text-field",`maxio-text-field--${n}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":t,"maxio-text-field--readonly":l,"maxio-text-field--full-width":m},d);return a.createElement(re,{...u,isDisabled:e,isReadOnly:l,isInvalid:t,className:x},i&&a.createElement(te,{className:"maxio-text-field__label"},i),a.createElement("div",{className:"maxio-text-field__items"},s&&a.createElement("div",{className:"maxio-text-field__leading-element"},s),a.createElement(le,{ref:p,className:"maxio-text-field__input"}),c&&a.createElement("div",{className:"maxio-text-field__trailing-element"},c)),o&&!(t&&r)&&a.createElement(ie,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},o),r&&a.createElement(oe,{className:"maxio-form-error"},a.createElement(be,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),a.createElement("div",{className:"maxio-form-error__text"},r)))});Da.displayName="TextField";const Ta=u(({disabled:e=!1,invalid:n=!1,readOnly:i=!1,size:o="md",label:r,helperText:s,showErrorMessage:c=!0,errorMessage:m,leadingElement:d=null,trailingElement:u=null,fullWidth:p,className:g,...b},h)=>{var f,E;const _=t(null);x(h,()=>_.current),l(()=>{console.warn("TextInput is deprecated. Please use TextField instead.")},[]);const{spellCheck:N,...w}=b,y={...w,label:r,description:s,errorMessage:m,defaultValue:null===(f=b.defaultValue)||void 0===f?void 0:f.toString(),value:null===(E=b.value)||void 0===E?void 0:E.toString(),isDisabled:e,isReadOnly:i,isInvalid:n},{labelProps:k,inputProps:C,descriptionProps:S,errorMessageProps:P}=I(y,_),$=v("maxio-text-field",`maxio-text-field--${o}`,{"maxio-text-field--disabled":e,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":p},g),D=n&&m&&c;return a.createElement("div",{className:$},r&&a.createElement("label",{className:"maxio-text-field__label",...k},r),a.createElement("div",{className:"maxio-text-field__items"},d&&a.createElement("div",{className:"maxio-text-field__leading-element"},d),a.createElement("input",{ref:_,type:"text",className:"maxio-text-field__input",...C,spellCheck:N}),u&&a.createElement("div",{className:"maxio-text-field__trailing-element"},u)),s&&!D&&a.createElement("div",{className:"maxio-form-helper-text",...S},s),D&&a.createElement(Je,{...P},m))});Ta.displayName="TextInput";const Oa=({options:e,label:t,size:l="md",inline:n=!1,disabled:i=!1,helperText:o,errorMessage:r,fullWidth:s=!1,...c})=>{const m=v("maxio-select",`maxio-select--${l}`,{"maxio-select--disabled":i,"maxio-select--inline":n,"maxio-select--error":!!r,"maxio-select--full-width":s}),d=g();return a.createElement("div",{className:m},t&&a.createElement("label",{htmlFor:d,className:"maxio-select__label"},t),a.createElement("div",{className:"maxio-select__input-container"},a.createElement("select",{id:d,className:"maxio-select__input",disabled:i,...c},e.map(e=>a.createElement("option",{key:`option-${e.value}`,value:e.value,disabled:e.disabled},e.label))),a.createElement(be,{variant:"chevron-up-down"})),!!r&&a.createElement(Je,null,r),o&&!r&&a.createElement("div",{className:"maxio-form-helper-text"},o))},Ra=({size:e="md",onChange:t,totalItems:i=0,itemsPerPage:o=30,currentPage:r=1,pageSizeOptions:s,manualPageInput:c=!1})=>{const[m,d]=n(r),[u,p]=n(o),[x,v]=n(r.toString());l(()=>{v(m.toString())},[m]);const g=Math.ceil(i/u),b=m<g,h=m>1,f=u*(m-1)+1,E=Math.min(u*m,i),_=s.map(e=>({label:e.toString(),value:e.toString()})),N=Array.from({length:g},(e,a)=>a+1).map(e=>({label:e.toString(),value:e.toString()})),w=e=>{d(e),null==t||t({currentPage:e,itemsPerPage:u})},y=e=>{const a=parseInt(e,10);if(isNaN(a))return void v(m.toString());const t=Math.max(1,Math.min(a,g));v(t.toString()),w(t)};return a.createElement("div",{className:"maxio-pagination"},a.createElement("div",{className:"maxio-pagination__items-per-page"},a.createElement("label",{htmlFor:"items-per-page-large",className:"maxio-pagination__label"},"Items per page"),a.createElement(Oa,{inline:!0,size:e,options:_,onChange:e=>{return a=Number(e.target.value),p(a),d(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:u,id:"items-per-page-large"})),a.createElement("div",{className:"maxio-pagination__total-items"},a.createElement("span",null,f,"–",E," of ",i," items")),a.createElement("div",{className:"maxio-pagination__current-page"},c?a.createElement(Ta,{className:"maxio-pagination__page-input",value:x,min:1,max:g,onChange:e=>(e=>{v(e)})(e),onBlur:e=>{y(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&(y(e.currentTarget.value),e.currentTarget.blur())},"aria-label":"Page number",size:e,type:"number",onWheel:e=>e.preventDefault()}):a.createElement(Oa,{inline:!0,size:e,"aria-label":"Select page",onChange:e=>w(Number(e.target.value)),value:m,options:N,id:"page-index-large"}),a.createElement("div",{className:"maxio-pagination__label"},"of ",g," pages")),a.createElement("div",{className:"maxio-pagination__controls"},a.createElement(va,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},a.createElement(Ce,{icon:a.createElement(be,{variant:"chevron-left"}),size:e,variant:"ghost",onClick:()=>w(m-1),"aria-label":"Previous",disabled:!h})),a.createElement(va,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},a.createElement(Ce,{icon:a.createElement(be,{variant:"chevron-right"}),size:e,variant:"ghost",onClick:()=>w(m+1),"aria-label":"Next",disabled:!b}))))},za=({label:e,helperText:t,size:l="md",variant:n="default",status:i,value:o,maxValue:r=100})=>{const s=g(),c=g(),m=i&&!!e&&!!o&&!("inline"===n),d=t&&!("inline"===n),u=t&&"inline"===n,{progressBarProps:p,labelProps:x}=S({maxValue:r,value:o,label:e}),b=v("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 a.createElement("div",{className:b,...p},a.createElement("div",{id:s,className:"maxio-progress-bar__label",...x},e),u&&a.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t),a.createElement("div",{className:"maxio-progress-bar__track"},a.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${o}%`}})),m&&a.createElement("div",{className:`maxio-progress-bar__${i}-icon`}),d&&a.createElement("div",{id:c,className:"maxio-progress-bar__helper-text"},t))},Ma=({leadingIcon:e,trailingIcon:t,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>a.createElement(a.Fragment,null,e&&a.createElement(va,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},a.createElement("span",{className:"maxio-side-nav__icon"},a.createElement(be,{variant:e,className:i}))),a.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),t&&a.createElement("span",{className:"maxio-side-nav__menu-chevron"},a.createElement(be,{variant:t}))),Ba=e=>"heading"!==e.type,Aa=e=>{const a=(e=>e.flat().filter(Ba).map(e=>e.items).flat().find(e=>null==e?void 0:e.isCurrent))(e);return a?e.map(e=>e.map(e=>{var t;return Ba(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})):e},La=r({}),Va=()=>c(La),Ha=({children:e,isOpen:i,onChange:o,withIcons:r=!0,sections:s,shouldToggleSidebar:c=!0,topDropdownItems:m,collapseBreakpoint:d=800})=>{const u=t(!1),[p,x]=n(()=>!c||("boolean"==typeof i?i:"undefined"==typeof window||window.innerWidth>d)),[v,g]=n(()=>Aa(s)),{windowWitdh:b}=da(200);l(()=>{u.current&&(null==o||o(p))},[p,o]),l(()=>{u.current=!0},[]),l(()=>{!function(e){if(!c)return;e<d&&p&&h()}(b)},[b]),l(()=>{"boolean"==typeof i&&x(i)},[i]);const h=()=>{x(!1)};return a.createElement(La.Provider,{value:{sections:v,topDropdownItems:m,onSectionOpen:e=>{g(a=>a.map(a=>a.map(a=>Ba(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a)))},isOpen:p,onOpen:()=>{x(!0)},onClose:h,withIcons:r,shouldToggleSidebar:c}},e)},Fa=()=>{const{onOpen:e,topDropdownItems:l,isOpen:n}=Va(),{mainItem:i,otherItems:o,actions:r}=l,s=t(null),c=ma(s),m=({id:e,title:a,icon:t,iconClass:l,url:n,...i})=>({id:e,label:a,leadingIconName:t,leadingIconClassName:l,link:{href:n,...i}}),{items:u,itemsCount:p}=d(()=>({itemsCount:o.length+r.length,items:[...o.map(m),(null==o?void 0:o.length)>0&&(null==r?void 0:r.length)>0?{type:"divider",id:"item-divider"}:null,...r.map(m)].filter(e=>null!=e)}),[r,o]);return a.createElement(a.Fragment,null,0===p?a.createElement("a",{className:"maxio-side-nav__menu-button maxio-side-nav__menu-button--large",href:i.url,onClick:e},a.createElement("span",{className:"maxio-side-nav__menu-title"},i.title)):a.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},a.createElement("summary",{onClick:e,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:s},i.url?a.createElement(a.Fragment,null,a.createElement(Ma,{type:"menu",isTooltipVisible:!n&&c,leadingIcon:i.icon,trailingIcon:"chevron-up-down",leadingIconClassName:i.iconClass},i.title)):a.createElement(Ma,{type:"menu",trailingIcon:"chevron-up-down"},i.title)),a.createElement(Ee,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:u,small:!0})))},Wa=({section:e})=>{const{isOpen:l,withIcons:n}=Va(),i=t(null),o=ma(i);return a.createElement("li",{className:"maxio-side-nav__item","data-key":e.key,"data-testid":"maxio-sidebar-section"},a.createElement("a",{className:"maxio-side-nav__link","aria-current":e.isCurrent?"page":void 0,role:"button",href:e.href,ref:i},a.createElement(Ma,{isTooltipVisible:o&&!l,type:"menu",leadingIcon:n?e.icon:void 0},e.name)))},ja=({section:e})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=Va(),c=t(null),m=ma(c);if(!Ba(e))return a.createElement("li",{className:"maxio-side-nav__item-header"},e.title);return e.Component?a.createElement(e.Component,{section:e}):e.href?a.createElement(Wa,{section:e}):a.createElement("li",{className:v("maxio-side-nav__item",{"maxio-side-nav__item--icon":s}),"data-testid":"maxio-sidebar-section"},a.createElement("button",{className:"maxio-side-nav__menu-button",ref:c,"aria-expanded":e.isOpen?"true":"false",type:"button",onClick:()=>{o(e.name),i()}},a.createElement(Ma,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?e.icon:void 0,trailingIcon:(null===(l=e.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},e.name)),a.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=e.items)||void 0===n?void 0:n.map(e=>a.createElement("li",{key:`section-sub-item-${e.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},a.createElement("a",{className:"maxio-side-nav__link",href:e.href,"aria-current":e.isCurrent?"page":void 0},a.createElement("span",{className:"maxio-side-nav__link-title"},e.name))))))},Ua=()=>{const{sections:e}=Va();return a.createElement(a.Fragment,null,e.map((e,t)=>a.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${t}`},e.map((e,l)=>a.createElement(ja,{key:`section-list-item-${e.type}-${t}-${l}`,section:e})))))},qa=()=>{const{onClose:e,shouldToggleSidebar:t}=Va();return a.createElement("div",{className:"maxio-side-nav__logo-container"},a.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),t&&a.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:e},a.createElement(be,{variant:"sidebar"})))},Ga=()=>{const{isOpen:e}=Va();return a.createElement("nav",{className:v("maxio-side-nav",{"maxio-side-nav--collapsed":!e})},a.createElement(qa,null),a.createElement(Fa,null),a.createElement("div",{className:"maxio-side-nav__items-container"},a.createElement(Ua,null)))},Ka=({withIcons:e=!0,shouldToggleSidebar:t=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>a.createElement(Ha,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:e,shouldToggleSidebar:t,topDropdownItems:l,sections:n},a.createElement(Ga,null)),Ya=r({}),Za=()=>c(Ya),Xa=({children:e,variant:t="line",withDivider:i=!1,defaultIndex:o=0,onChange:r,index:s})=>{const[c,m]=n(()=>void 0!==s?s:o);l(()=>{void 0===s&&m(o),"number"==typeof s&&m(s)},[o,s]);return a.createElement(Ya.Provider,{value:{currentIndex:c,variant:t,withDivider:i,onChange:e=>{let a;a="function"==typeof e?e(c):e,void 0===s&&m(a),"function"==typeof r&&r(a)}}},e)},Qa=({disabled:e=!1,value:n=0,isCurrent:i,...o})=>{const{onChange:r,currentIndex:s}=Za(),c=v("maxio-tabs__tab",{"maxio-tabs__tab--active":s===n,"maxio-tabs__tab--disabled":e,"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=t(null),p=t(!1);if(l(()=>{var e;i&&p.current&&(null===(e=u.current)||void 0===e||e.focus())},[i]),l(()=>{p.current=!0},[]),"icon"===o.type){const{icon:e,...t}=o;return a.createElement("div",{className:c,ref:u,onClick:m,...d,...t},a.createElement("div",{className:"maxio-tabs__tab__content"},e))}const{children:x,rightIcon:g,...b}=o;return a.createElement("div",{ref:u,className:c,onClick:m,...d,...b},a.createElement("div",{className:"maxio-tabs__tab__content"},x,g||null))},Ja=({children:e,variant:t="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>a.createElement(Xa,{defaultIndex:n,variant:t,withDivider:l,index:i,onChange:o},e),et=({children:e,value:t,...l})=>{const{currentIndex:n}=Za();return a.createElement("div",{...l,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:n!==t},e)},at=({children:e})=>{const{currentIndex:t}=Za();return a.createElement(a.Fragment,null,m.map(e,(e,a)=>{if(o(e)&&e.type===et)return a===t?i(e,{value:a}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},tt=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?tt(e-1,a,t||e):e-1,lt=({children:e,className:l,ariaLabel:n,...r})=>{const{variant:s,withDivider:c,currentIndex:d,onChange:u}=Za(),p=v("maxio-tabs",l,{"maxio-tabs--contained":"contained"===s,"maxio-tabs--divider":c}),x=t(null),g=()=>m.map(e,e=>e.props);return a.createElement("div",{className:p,role:"tablist","aria-label":n,"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=>tt(e,g())),null===(a=x.current)||void 0===a||a.focus()},...r},m.map(e,(e,a)=>{if(o(e)&&e.type===Qa)return i(e,{value:a,isCurrent:d===a});throw new Error("You can only pass <Tab /> component as children")}))},nt=({children:e,size:t,sentiment:l,kind:n="primary",leadingIcon:i,trailingIcon:o})=>{const r=v("maxio-tag",`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`,!!t&&`maxio-tag--${t}`);return a.createElement("div",{className:r},i&&a.createElement(be,{variant:i,className:"maxio-tag__icon"}),a.createElement("span",{className:"maxio-tag__label"},e),o&&a.createElement(be,{variant:o,className:"maxio-tag__icon"}))},it=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__header",t),...l},e);it.displayName="Card.Header";const ot=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__body",t),...l},e);ot.displayName="Card.Body";const rt=({children:e,className:t,...l})=>a.createElement("div",{className:v("maxio-card__footer",t),...l},e);rt.displayName="Card.Footer";const st=({children:e,className:t,variant:l="primary",...n})=>a.createElement("div",{className:v("maxio-card",`maxio-card--${l}`,t),...n},e);st.displayName="Card";const ct=Object.assign(st,{Header:it,Body:ot,Footer:rt}),mt=({children:e,className:t,href:l,onClick:n,target:i,disabled:o})=>{const r=l||n;if(!r)return a.createElement("div",{className:"maxio-tile"},e);const s=v("maxio-tile",t,{"maxio-tile--clickable":r,"maxio-tile--disabled":o});return a.createElement("a",{className:s,href:l,target:i,onClick:e=>{o&&l&&e.preventDefault(),!o&&n&&n()}},e)};var dt,ut,pt,xt;function vt(){return vt=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)({}).hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},vt.apply(null,arguments)}const gt=a=>e.createElement("svg",vt({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},a),dt||(dt=e.createElement("path",{d:"M59.32 11.3 70.64 0l40.74 40.35v70.99H40.89L0 70.52l11.15-11.14 36.2 36.15h30.07l3.07-3.39-50.91-51.15 10.99-10.97 51.24 50.83 3.72-3.38V47.13zM180.68 11.3 169.36 0l-40.73 40.35v70.99h70.48L240 70.51l-11.15-11.14-36.2 36.15h-30.06l-3.07-3.39 50.91-51.15-10.99-10.97-51.24 50.83-3.72-3.38V47.12l36.2-35.83ZM59.32 228.7l11.31 11.29 40.74-40.35v-70.99H40.89L0 169.48l11.15 11.14 36.2-36.15h30.07l3.07 3.39-50.92 51.15 10.99 10.97 51.24-50.83 3.72 3.38v30.34zM180.68 228.7l-11.32 11.29-40.73-40.35v-70.99h70.48L240 169.48l-11.15 11.14-36.2-36.15h-30.06l-3.07 3.39 50.91 51.15-10.99 10.97-51.24-50.83-3.72 3.38v30.34zM1015.27 139.55c0-29.94-23.74-53.46-52.11-53.46s-52.11 23.52-52.11 53.46 23.74 53.46 52.11 53.46 52.11-23.52 52.11-53.46m20.32.95c-.5 40.27-32.73 72.76-72.43 72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71 72.44-73.71h.94c39.57.52 71.5 33.32 71.5 73.71v.95Z"})),ut||(ut=e.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),pt||(pt=e.createElement("path",{fillRule:"evenodd",d:"M850.05 24h20.33v20.33h-20.33zM695.01 82.85l50.83 56.28v6.53l-50.28 55.67 15.23 13.2 49.22-54.49h4.71l49.22 54.49 15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15 55.52h-3.96l-50.15-55.52L695 82.85ZM660.49 78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13 0-52.44 18.93-58.09 44.86l-.28 1.27 19.33 3.72.31-1.14c2.39-8.91 6.66-16.54 13.04-21.94 6.36-5.39 14.91-8.63 26.02-8.63s19.12 3.25 24.76 8.96c5.64 5.72 8.73 14.06 8.73 24.53v6.11L616.62 130l-3.26.68c-16.14 3.47-29.79 7.84-39.59 14.45-10.54 7.11-16.64 16.83-16.64 30.62 0 12.51 4.51 22.62 12.5 29.59 7.96 6.95 19.25 10.67 32.63 10.67 22.27 0 41.87-12.03 51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58Zm-40.09 68.13c-12.86 2.77-23.05 5.42-30.03 9.63-3.46 2.09-6.08 4.54-7.84 7.54s-2.71 6.62-2.71 11.15c0 6.38 2.1 12.12 6.32 16.27 4.22 4.14 10.7 6.82 19.7 6.82 26.85 0 47.46-20.48 47.46-51.36v-7.2l-32.9 7.14Z"})),xt||(xt=e.createElement("path",{d:"M434.8 188.74h4.54l61.73-164.33.15-.41h35.57v189.35H515.9V55.37h-4.33l-59.7 157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98H336V24h35.57z"}))),bt=e=>{const{size:t="sm",className:l,variant:n="lockup",alt:i="maxio logo"}=e,o="mark"===n,r="number"==typeof t;return a.createElement(gt,{role:"img",viewBox:o?"0 0 240 240":"0 0 1036 240","aria-label":i,height:r?t:void 0,className:v("maxio-logo",!r&&`maxio-logo--${t}`,o&&"maxio-logo--mark",l)})},ht=({state:e,...l})=>{var n,i;const o=t(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=ue(l,e,o),{closable:d=!0,underline:u=!0,external:p=!1}=l.toast.content,x=v("maxio-toast",{[`maxio-toast--${l.toast.content.sentiment}`]:l.toast.content.sentiment}),g={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 a.createElement("div",{className:x,"data-maxio-mode":"dark",...r,ref:o},a.createElement(be,{variant:g,className:"maxio-toast__icon"}),a.createElement("div",{className:"maxio-toast__container",...s},a.createElement("div",{className:"maxio-toast__content",...c},l.toast.content.title&&a.createElement("span",{className:"maxio-toast__title"},l.toast.content.title),l.toast.content.message&&a.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)&&a.createElement(_e,{href:l.toast.content.link.href,underline:u,external:p},l.toast.content.link.text))),d&&a.createElement(Ce,{variant:"ghost",icon:a.createElement(be,{variant:"cross"}),"aria-label":"Dismiss Notification",className:"maxio-toast__dismiss",...m}))},ft=({state:e,...t})=>{const l=a.useRef(null),{regionProps:n}=pe(t,e,l);return a.createElement("div",{...n,ref:l,className:t.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},e.visibleToasts.map(t=>a.createElement(ht,{key:t.key,toast:t,state:e})))},Et=({children:e,...t})=>{const{maxVisibleToasts:l=5,...n}=t,i=ce({maxVisibleToasts:l,...n});return a.useEffect(()=>{console.warn("ToastProvider is deprecated. Please use the global toast API instead.")},[]),a.createElement(a.Fragment,null,e(i),i.visibleToasts.length>0&&a.createElement(ft,{...t,state:i}))},_t=r(null),Nt=({children:e,toastQueue:t,...l})=>{const n=me(t),i=p(()=>{n.visibleToasts.forEach(e=>{t.close(e.key)})},[n.visibleToasts,t]),o=d(()=>({addToast:t.add.bind(t),removeToast:t.clear.bind(t),removeAllToasts:i,state:n}),[t,i,n]);return a.createElement(_t.Provider,{value:o},e,n.visibleToasts.length>0&&a.createElement(ft,{...l,state:n}))},wt=()=>{const e=c(_t);if(!e)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return e};class yt extends de{}const kt=({defaultChecked:e,checked:t,onChange:l,disabled:n,valueDescription:i,valueDescriptionPosition:o,className:r,name:c,id:m,...d})=>{const u=s(),x="boolean"==typeof e,g=m||u,b="left"===o?"row":"row-reverse",h=i&&o,f=p(e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;x&&(e.currentTarget.checked=!a),l&&l(!a,e)}},[x,l]),E=d["aria-label"]||(h?void 0:i);return a.createElement("div",{className:v("maxio-toggle",r,{"maxio-toggle--disabled":n}),style:{display:"inline-flex",flexDirection:b},"data-testid":"toggle-container"},h?a.createElement("label",{className:"maxio-toggle__label",htmlFor:g},i):null,a.createElement("div",{className:"maxio-toggle__container"},a.createElement("input",{type:"checkbox",defaultChecked:e,checked:t,onChange:e=>{l&&l(e.target.checked,e)},onKeyDown:f,disabled:n,className:"maxio-toggle__checkbox",id:g,name:c,"aria-label":E}),a.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":t,"aria-hidden":"true"},a.createElement("div",{className:"maxio-toggle__handle"}),a.createElement("span",{className:"maxio-toggle__icon"},a.createElement("i",{className:"maxio-toggle__icon-on"})),a.createElement("span",{className:"maxio-toggle__icon"},a.createElement("i",{className:"maxio-toggle__icon-off"})))))},Ct=({basis:e,flex:t,flexDirection:l,wrap:n,grow:i,shrink:o,gap:r,gapX:s,gapY:c,className:m,children:d,alignItems:u,justifyContent:p,...x})=>{const g=v("maxio-flex",{[`maxio-flex-${t}`]:t,[`maxio-basis-${e}`]:void 0!==e,[`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-${p}`]:p},m);return a.createElement("div",{className:g,...x},d)},It=({children:e,actions:t,sideNavIsClosed:l,openSideNav:n})=>a.createElement("nav",{className:"maxio-top-bar"},l&&a.createElement(Ce,{"aria-label":"Open Side Navigation",variant:"ghost",icon:a.createElement(be,{variant:"sidebar"}),onClick:n}),a.createElement(Ct,{grow:!0,justifyContent:"end"},e),t),St={sm:"h3",md:"h2",lg:"h1"},Pt=({children:e,size:t="sm",className:l,...n})=>{const i=St[t],o=v(`maxio-heading-${t}`,l);return a.createElement(i,{className:o,...n},e)},$t=({as:e="div",children:t,size:l="md",className:n,...i})=>{const o=e,r=v(`maxio-display-${l}`,n);return a.createElement(o,{className:r,...i},t)},Dt=({as:e="div",children:t,className:l,...n})=>{const i=e,o=v("maxio-code",l);return a.createElement(i,{className:o,...n},t)},Tt=({as:e="div",children:t,size:l="sm",className:n,...i})=>{const o=e,r=v(`maxio-label-${l}`,n);return a.createElement(o,{className:r,...i},t)},Ot=({...e})=>{const l=t(null),{buttonProps:n}=h(e,l);return a.createElement("button",{...n,className:"maxio-chip__dismiss-button"},a.createElement(be,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},Rt=({label:e,onDismiss:l,dismissLabel:n,leadingIcon:i,trailingIcon:o,title:r,...s})=>{const c=t(null),m=z(s),{buttonProps:d}=P(s,m,c),u=v("maxio-chip",{"maxio-chip--selected":null==m?void 0:m.isSelected}),p=v("maxio-chip__button",{"maxio-chip--dismissible":l});return a.createElement("div",{className:u},a.createElement("button",{className:p,ref:c,...d,title:r},i&&a.createElement(be,{variant:i,className:"maxio-chip__icon"}),a.createElement("span",{className:"maxio-chip__label"},e),o&&!l&&a.createElement(be,{variant:o,className:"maxio-chip__icon"})),l&&a.createElement(Ot,{onPress:l,"aria-label":n}))},zt=({children:e,templateColumns:t,templateRows:l,autoColumns:n,autoRows:i,inline:o,column:r,columnStart:s,columnEnd:c,row:m,rowStart:d,rowEnd:u,gap:p,gapX:x,gapY:g,className:b,justifyContent:h,alignItems:f,...E})=>{const _=v(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-${p}`]:void 0!==p,[`maxio-gap-x-${x}`]:void 0!==x,[`maxio-gap-y-${g}`]:void 0!==g,[`maxio-justify-${h}`]:h,[`maxio-items-${f}`]:f});return a.createElement("div",{className:_||void 0,...E},e)},Mt={success:"maxio-auth-layout__heading--success",danger:"maxio-auth-layout__heading--danger"},Bt=({children:e,heading:t,description:l,sentiment:n="success",leadingElement:i=null,alert:o,topAddon:r=null,footer:s})=>a.createElement("div",{className:"maxio-auth-layout"},a.createElement(Ct,{alignItems:"center",justifyContent:"between"},a.createElement(bt,{size:"md"}),r),o&&a.createElement(Ie,{display:"block",title:o.title,sentiment:o.sentiment},o.children),a.createElement(ct,{variant:"secondary"},a.createElement(ct.Body,null,a.createElement(Ct,{flexDirection:"col",gap:6},a.createElement(Ct,{flexDirection:"col",gap:2},a.createElement(Ct,{alignItems:"center",gap:2},i,a.createElement(Pt,{size:"lg",className:v("maxio-auth-layout__heading",Mt[n])},t)),l&&a.createElement(Ct,{style:{color:"var(--maxio-color-text-tertiary)"}},a.createElement(ga,{size:"sm",className:"maxio-auth-layout__description"},l))),e)),s&&a.createElement(ct.Footer,null,s)));export{Ee as ActionList,Ie as Alert,Bt as AuthLayout,ze as Avatar,Me as Banner,ga as Body,He as Breadcrumbs,Be as BreadcrumbsItem,ke as Button,ct as Card,Xe as Checkbox,ea as CheckboxGroup,Rt as Chip,Dt as Code,Ia as ComboBox,oa as DataTable,$t as Display,Ct as Flex,Je as FormErrorMessage,Qe as FormHelperText,Nt as GlobalToastProvider,zt as Grid,Pt as Heading,be as Icon,Ce as IconButton,Tt as Label,_e as Link,_a as ListBox,Ne as LoadingSpinner,bt as Logo,Te as Menu,Re as MenuButton,Oe as MenuList,ua as OverlayTrigger,Ra as Pagination,Na as Popover,za as ProgressBar,Pa as Radio,$a as RadioGroup,Oa as Select,Ka as SideNav,Qa as Tab,lt as TabList,et as TabPanel,at as TabPanels,Ja as Tabs,nt as Tag,Da as TextField,Ta as TextInput,mt as Tile,Et as ToastProvider,yt as ToastQueue,kt as Toggle,pa as Tooltip,va as TooltipTrigger,It as TopBar,ma as useHover,ca as useOverlayTrigger,wt as useToast,da as useWindowSize};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("classnames"),a=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-aria-components"),c=require("@react-stately/radio"),m=require("@react-stately/toast"),d=require("@react-aria/toast");function u(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var x=u(e);const p=["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","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","graph","home","info-circle","info-circle-fill","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill","dropbox","hubspot","sage","oracle","quotapath","avalara","pipedrive","quickbooks","salesforce","xero"],g=["dropbox","hubspot","sage","oracle","quotapath"],v=["avalara","pipedrive","quickbooks","salesforce","xero"],b=({variant:a,color:l,className:n,size:i})=>{const o=(e,t)=>t.includes(e),r=o(a,p)||o(a,g),s=o(a,v),c=t({"fa-kit":r,"fa-kit-duotone":s,"fa-sharp fa-regular":!r&&!s,[`fa-${a}`]:!0,[`fa-${i}`]:i,[`maxio-icon--${l}`]:l&&!o(a,g)&&!o(a,v)},n);return e.createElement("i",{className:c})},f=({item:l,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),c=e.useRef(!1),m=a.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:x,label:p,description:g,link:v}=l,f=t("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...v,className:t("maxio-action-list__content",v.className,{"maxio-action-list__content--size-small":r}),tabIndex:n?0:-1,ref:s,role:o},d&&e.createElement(b,{variant:d,className:t("maxio-action-list__leading-icon",u)}),e.createElement("span",{className:f,id:m},p),g&&e.createElement("span",{className:"maxio-action-list__description"},g),x&&e.createElement(b,{variant:x,className:"maxio-action-list__trailing-icon"}))},h=(e,t,a)=>0===e?e:1===e&&"divider"===t[e-1].type?a||e:"divider"===t[e-1].type?h(e-1,t,a||e):e-1,E=({items:a,isShadowed:l=!0,itemProps:n={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=t("maxio-action-list",i,{"maxio-action-list--shadow":l}),[m,d]=e.useState(()=>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=>h(e,a))),"ArrowDown"===e.code&&(e.preventDefault(),d(e=>((e,t)=>{const a=t.findIndex((t,a)=>"divider"!==t.type&&a>e);return-1===a?e:a})(e,a)))},role:"listbox",...s},a.map((t,a)=>e.createElement(f,{item:t,truncateLabel:o,key:`listbox-${t.id}`,isSelected:a===m,small:r,...n})))},_=({className:a,children:l,disabled:n,external:i,icon:o,size:r="sm",underline:s,variant:c,...m})=>{const d=t("maxio-link",{[`maxio-link--${r}`]:r,"maxio-link--disabled":n,[`maxio-link--${c}`]:c,"maxio-link--underline":s},a),u=i?"_blank":"_self";return e.createElement("a",{className:d,target:u,...m},l,o&&e.createElement(b,{variant:o,className:"maxio-link__icon"}))},N=({size:a="md",white:l=!1,className:n})=>{const i=t("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":l});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},w=({fullWidth:l=!1,leadingElement:n,trailingElement:i,icon:o,variant:r="primary",size:s,...c})=>{const m=e.useRef(null),{linkProps:d}=a.useLink({...c},m),u=t("maxio-button",c.className,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--full-width":l});return e.createElement("a",{...d,ref:m,className:u,href:c.href},n&&e.cloneElement(n,{...e.isValidElement(n)&&{className:"maxio-button__leading-element"}}),c.children,(i||o)&&e.cloneElement(i||o,{...e.isValidElement(i||o)&&{className:"maxio-button__trailing-element"}}))},y=({disabled:l,loading:n=!1,fullWidth:i=!1,leadingElement:o,trailingElement:r,icon:s,variant:c="primary",size:m,...d})=>{const u=e.useRef(null),{buttonProps:x}=a.useButton({...d,isDisabled:l,formAction:"string"==typeof d.formAction?d.formAction:void 0},u),p=["primary","danger"].includes(c),g=t("maxio-button",d.className,{[`maxio-button--${m}`]:m,[`maxio-button--${c}`]:c,"maxio-button--loading":n,"maxio-button--full-width":i});return e.createElement("button",{...x,className:g,ref:u},o&&e.cloneElement(o,{...e.isValidElement(o)&&{className:"maxio-button__leading-element"}}),d.children,!n&&(r||s)&&e.cloneElement(r||s,{...e.isValidElement(r||s)&&{className:"maxio-button__trailing-element"}}),n&&e.createElement(N,{className:"maxio-button__trailing-element",size:"md",white:p}))},k=t=>(e=>"href"in e)(t)?e.createElement(w,{...t}):e.createElement(y,{...t}),C=({"aria-label":a,className:l,...n})=>e.createElement(k,{"aria-label":a,className:t("maxio-button--icon",l),...n},null),I=({children:a,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!a&&!l)return console.warn("Alert component requires either children or title prop to be rendered"),null;const d=t("maxio-alert",{[`maxio-alert--${s}`]:"info"!==s&&s},m),u={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[s],x=t("maxio-alert__content",{"maxio-alert__content--block":"block"===r});return e.createElement("div",{className:d},e.createElement(b,{variant:u,className:"maxio-alert__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-alert__container"},e.createElement("div",{className:x},l&&e.createElement("span",{className:"maxio-alert__title"},l),a&&e.createElement("span",{className:"maxio-alert__message"},a),n&&o&&e.createElement(_,{className:"maxio-alert__link",href:o,variant:"high-contrast",underline:!0,...i?{external:!0}:{}},n))),c&&e.createElement(C,{icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:c,className:"maxio-alert__dismiss"}))},S=e.createContext({}),P=({children:t})=>{const[a,l]=e.useState(!1),n=e.useId(),i=e.useId();return e.createElement(S.Provider,{value:{controlsId:n,buttonId:i,isOpen:a,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},t)};function R(){const t=e.useContext(S);if(!t||"object"==typeof t&&0===Object.keys(t).length)throw new Error("useMenu hook must be used within a MenuProvider");return t}const T=({children:t})=>{const{isOpen:a,onToggle:l,onClose:n}=R();return e.createElement("details",{open:a,onToggle:l,className:"maxio-action-menu"},"function"==typeof t?t({isOpen:a,onClose:n}):t)},$=({children:a,className:l,href:n,...i})=>{const o=n?e.createElement(_,{size:"sm",href:n},a):a;return e.createElement("li",{className:t("maxio-breadcrumbs__item",l),...i},o)},D="Breadcrumbs requires at least one BreadcrumbsItem as children",O='Last BreadcrumbsItem should not have "href" prop. It is the current page.',z="Breadcrumbs only accepts BreadcrumbsItem as children",B="row-controls",M="row-actions",L=({children:a,pattern:l,size:n,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=l&&o&&i,u=t("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 t=e.target;s(t.scrollLeft>0),m(t.scrollWidth-t.clientWidth-t.scrollLeft>0)}},e.createElement("table",{className:u},a))},A=({children:t})=>e.createElement("thead",null,t),V=({children:t})=>e.createElement("tbody",null,t),H=({children:a,table:l,header:n,className:i,enableExpanding:o,...r})=>{var s,c,m,d,u,x,p,g,v,f,h;const E=null==n?void 0:n.column,_=null===(s=null==E?void 0:E.getCanSort)||void 0===s?void 0:s.call(E),N=null===(c=null==E?void 0:E.getToggleSortingHandler)||void 0===c?void 0:c.call(E),w=null==n?void 0:n.isPlaceholder,y=null===(d=null===(m=null==E?void 0:E.columnDef)||void 0===m?void 0:m.meta)||void 0===d?void 0:d.align,k=null===(x=null===(u=null==E?void 0:E.columnDef)||void 0===u?void 0:u.meta)||void 0===x?void 0:x.width,I=null===(g=null===(p=null==E?void 0:E.columnDef)||void 0===p?void 0:p.meta)||void 0===g?void 0:g.controls,S=null===(f=null===(v=null==E?void 0:E.columnDef)||void 0===v?void 0:v.meta)||void 0===f?void 0:f.actions,P=null==E?void 0:E.getIsPinned(),R=null==E?void 0:E.getIsSorted(),T="asc"===R,$=t("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${P}`]:P,"maxio-data-table__cell--sortable":_,"maxio-data-table__cell--active":R,[`maxio-data-table__cell--${y}`]:y,"maxio-data-table__cell--controls":I,"maxio-data-table__cell--actions":S}),D=k?{width:k}:{},O=((e,t)=>e&&t?"arrow-up":e&&!t?"arrow-down":"arrow-down-up")(!!R,T),z=null==l?void 0:l.getToggleAllRowsExpandedHandler(),M=null===(h=null==l?void 0:l.getIsAllRowsExpanded)||void 0===h?void 0:h.call(l),L=(null==n?void 0:n.headerGroup.headers[0].id)===B?1:0,A=o&&(null==n?void 0:n.index)===L;return w?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":R?T?"ascending":"descending":"none",className:$,onClick:N,colSpan:null==n?void 0:n.colSpan,style:D,...r},e.createElement("div",{className:"maxio-data-table__cell-flex"},!0===o&&A&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:M?"chevron-down":"chevron-right"}),onClick:z,"aria-label":M?"Collapse all rows":"Expand all rows","data-open":M,className:"maxio-data-table__expand-button"}),a,_&&e.createElement(b,{variant:O,className:"maxio-data-table__sort-icon"})))},F=({children:l,row:n,isChild:i,isHeader:o,className:r,onRowAction:s,...c})=>{var m,d,u;const x=null===(m=null==n?void 0:n.getIsSelected)||void 0===m?void 0:m.call(n),p=(null===(d=null==n?void 0:n.getCanExpand)||void 0===d?void 0:d.call(n))&&(null===(u=null==n?void 0:n.getIsExpanded)||void 0===u?void 0:u.call(n)),g=Boolean(n&&s&&!o&&!i),v=e.useRef(null),b=e=>{v.current=e.target},{pressProps:f}=a.usePress({isDisabled:!g,onPress:e=>{var t;const a=null!==(t=v.current)&&void 0!==t?t:e.target;v.current=null,n&&s&&!(e=>e instanceof Element&&Boolean(e.closest("a,button,input,select,textarea,label")))(a)&&s(n)}}),{focusProps:h,isFocused:E}=a.useFocusRing(),_=t({"maxio-data-table__row":!o,"maxio-data-table__header-row":o,"maxio-data-table__row--active":x||E,"maxio-data-table__row--expanded":p,"maxio-data-table__row--expanded-child":i,"maxio-data-table__row--actionable":g},r),N=g?a.mergeProps({onClickCapture:b,onKeyDownCapture:b,tabIndex:0},f,h,c):c;return e.createElement("tr",{...N,className:_,tabIndex:g?N.tabIndex:c.tabIndex},l)},W=e.createContext({}),j=e.forwardRef(({checked:a,disabled:l,invalid:n,indeterminate:i,className:o,inputProps:r,error:s,label:c},m)=>{const d=t("maxio-checkbox",{"maxio-checkbox--checked":a,"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))});j.displayName="InnerCheckbox";const q=({label:t,error:l=!1,className:i,indeterminate:o,value:r="",disabled:s,readOnly:c,defaultChecked:m,checked:d,...u})=>{const x=e.useRef(null),p=e.useContext(W),{inputProps:g,isDisabled:v,isInvalid:b,isSelected:f}=p&&Object.keys(p).length>0?a.useCheckboxGroupItem({value:r,"aria-label":null!=t?t:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,...u},p,x):a.useCheckbox({"aria-label":null!=t?t:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,value:r,...u},n.useToggleState({...u,isSelected:d,defaultSelected:m}),x);return e.createElement(j,{inputProps:g,checked:f,disabled:v,invalid:b,indeterminate:o,className:i,error:l,label:t,ref:x,...u})},G=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-form-helper-text",l),...n},a),U=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-form-error",l),...n},e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},a)),K=({table:t})=>{var a,l,n,i;const o=null===(a=null==t?void 0:t.getToggleAllPageRowsSelectedHandler)||void 0===a?void 0:a.call(t),r=(null===(l=null==t?void 0:t.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(t))||(null===(n=null==t?void 0:t.getIsAllRowsSelected)||void 0===n?void 0:n.call(t)),s=null===(i=null==t?void 0:t.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(t);return e.createElement(q,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},Y=({row:t})=>{var a,l,n,i;const o=null===(a=null==t?void 0:t.getToggleSelectedHandler)||void 0===a?void 0:a.call(t),r=(null===(l=null==t?void 0:t.getIsSelected)||void 0===l?void 0:l.call(t))||(null===(n=null==t?void 0:t.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(t)),s=null===(i=null==t?void 0:t.getIsSomeSelected)||void 0===i?void 0:i.call(t),c=t.id||t.index;return e.createElement(q,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},Z=({children:t})=>e.createElement("div",{className:"maxio-data-table__cell-flex"},t),Q=({row:a,cell:l,children:n,className:i,...o})=>{var r,s,c,m,d,u;const x=null==l?void 0:l.column,p=null===(s=null===(r=null==x?void 0:x.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,g=null===(m=null===(c=null==x?void 0:x.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null===(u=null===(d=null==x?void 0:x.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.actions,b=null==x?void 0:x.getIsPinned(),f=t("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${p}`]:p,"maxio-data-table__cell--controls":g,"maxio-data-table__cell--actions":v});return e.createElement("td",{className:f,...o},n)},X=({row:t,SubRowComponent:a,pattern:n,enableExpanding:i,onRowAction:o})=>{var r,s,c,m,d;const u=a&&t.getParentRow()&&t.getParentRow().getIsExpanded(),x=u&&t.getVisibleCells()[0].column.columnDef.id===B,p=u&&t.getVisibleCells()[t.getVisibleCells().length-1].column.columnDef.id===M,g=[p,x].filter(Boolean).length,v=t.getVisibleCells().length-g,f=null!==(s=null===(r=t.getParentRow())||void 0===r?void 0:r.index)&&void 0!==s?s:t.index,h=n&&a&&f%2==1?"maxio-data-table__row--with-pattern":void 0,E=null===(c=t.getCanExpand)||void 0===c?void 0:c.call(t),_=null===(m=null==t?void 0:t.getToggleExpandedHandler)||void 0===m?void 0:m.call(t),N=null===(d=null==t?void 0:t.getIsExpanded)||void 0===d?void 0:d.call(t),w=E&&i?0:1.75,y=t.getVisibleCells()[0].column.columnDef.id===B?1:0,k=t.getVisibleCells().find(({column:e})=>{var t;const{actions:a,controls:l}=null!==(t=e.columnDef.meta)&&void 0!==t?t:{};return!a&&!l}),I=o&&k?k.id:void 0;return e.createElement(e.Fragment,{key:t.id},u?e.createElement(F,{key:`${t.id}-sub`,row:t,isChild:!0,className:h},x&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Q,{colSpan:v},a(t)),p&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(F,{key:`${t.id}-parent`,row:t,className:h,onRowAction:o,"aria-labelledby":I},t.getVisibleCells().map(a=>{const n=i&&a.column.getIndex()===y;return e.createElement(Q,{key:a.id,row:t,cell:a,id:a.id},e.createElement("div",{className:"maxio-data-table__cell-flex",style:i&&n?{paddingLeft:`${(null==t?void 0:t.depth)+w}rem`}:void 0},i&&E&&n&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:N?"chevron-down":"chevron-right"}),onClick:_,"aria-label":N?"Collapse row":"Expand row","data-open":N,className:"maxio-data-table__expand-button"}),l.flexRender(a.column.columnDef.cell,a.getContext())))})))},J={click:r.useClick,hover:e=>r.useHover(e,{delay:100}),focus:r.useFocus,dismiss:r.useDismiss},ee=(e,t)=>t.map(t=>J[t](e)),te=({placement:t="top",isActive:a=!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:x,reference:p}=r.useFloating({placement:t,open:a,onOpenChange:e=>i(e),middleware:[r.offset(n)]}),{getReferenceProps:g,getFloatingProps:v}=r.useInteractions([...ee(u,l),r.useRole(u,{role:"tooltip"})]);e.useEffect(()=>{s.current&&clearTimeout(s.current),a&&o&&(s.current=window.setTimeout(()=>i(!1),o))},[a,o]);return{isActive:a,refs:{floating:x,reference:p},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:v}};function ae(t,a=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)},a)},r=t&&t.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}},[t]),i}function le(t=500){const[a,l]=e.useState(()=>{const{innerWidth:e,innerHeight:t}=window;return{windowWitdh:e,windowHeight:t}}),n=e.useRef(null);return e.useEffect(()=>{const e=()=>{var e;const{innerWidth:a,innerHeight:i}=window;window.clearTimeout(null!==(e=n.current)&&void 0!==e?e:void 0),n.current=window.setTimeout(()=>{l({windowWitdh:a,windowHeight:i})},t)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[t]),a}const ne=({children:a,usePortal:l=!1,isActive:n=!1,placement:i="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:x,onOverlayUpdate:p,className:g})=>{const{getReferenceProps:v,getFloatingProps:b,refs:{floating:f,reference:h},floatingElementCSSPosition:E}=te({isActive:n,onOverlayUpdate:p,autoHideMs:x,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:t("maxio-inline-flex",g),...v(),"data-testid":"overlay-trigger"},a),l?e.createElement(r.FloatingPortal,{id:"maxio-ui-portal"},_):_)},ie=({children:a,arrowPosition:l,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:t("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${l}`]:l})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},a)),oe={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},re=({children:t,interactions:a=["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[x,p]=e.useState(!1),g=void 0!==s,v=e.useRef(null),b=e.useCallback(e=>{v.current&&clearTimeout(v.current),v.current=window.setTimeout(()=>{g||p(e),d&&d(e)},50)},[g,d]),f=e.useMemo(()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",a=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:a},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:a},transition:{ease:[.4,0,.5,1],duration:.2}}})(l),[l]);return e.useEffect(()=>()=>{v.current&&clearTimeout(v.current)},[]),e.createElement(ne,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:f,isActive:g?s:x,onOverlayUpdate:b,autoHideMs:r,usePortal:c,placement:l,interactions:a,renderOverlay:()=>e.createElement(ie,{size:i,arrowPosition:oe[l],maxWidth:n},o())},t)},se=({as:a="div",children:l,compact:n=!1,size:i="md",className:o,...r})=>{const s=a,c=t({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},o);return e.createElement(s,{className:c,...r},l)},ce=({className:a,...l})=>e.createElement(s.ListBox,{...l,className:t("maxio-listbox",a)});ce.displayName="ListBox";const me=({className:a,...l})=>{const n=l.textValue||("string"==typeof l.children?l.children:void 0);return e.createElement(s.ListBoxItem,{...l,textValue:n,className:t("maxio-listbox__item",a)},s.composeRenderProps(l.children,(t,{isSelected:a})=>e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-listbox__content"},"string"==typeof t?e.createElement(se,{size:"sm"},t):t),a&&e.createElement(b,{variant:"check"}))))};me.displayName="ListBox.Item";const de=({className:a,...l})=>e.createElement(s.ListBoxSection,{...l,className:t("maxio-listbox__section",a)});de.displayName="ListBox.Section";const ue=({className:a,...l})=>e.createElement(s.Header,{...l,className:t("maxio-listbox__header",a)});ue.displayName="ListBox.Header";const xe=Object.assign(ce,{Item:me,Section:de,Header:ue}),pe=({className:a,hideArrow:l=!1,children:n,offset:i=4,...o})=>e.createElement(s.Popover,{...o,className:t("maxio-popover",a),offset:i},e.createElement(e.Fragment,null,!l&&e.createElement(s.OverlayArrow,{className:"maxio-popover__arrow"},e.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12","aria-hidden":!0},e.createElement("path",{d:"M0 0 L6 6 L12 0"}))),n)),ge=({isDisabled:a=!1,isInvalid:l=!1,isReadOnly:n=!1,size:i="md",label:o,description:r,errorMessage:c,leadingElement:m=null,fullWidth:d,className:u,placeholder:x,renderEmptyState:p,selectionMode:g,children:v,...f})=>{const h=e.useRef(null),E=e.useRef(null),[_,N]=e.useState(),[w,y]=e.useState(0),k=!!c,C=l||k,I=v,S=e.useCallback(()=>{const e=h.current;if(!e)return;const t=E.current,a=t?t.getBoundingClientRect().left-e.getBoundingClientRect().left:0;y(e=>e===-a?e:-a),N(t=>{const a=`${e.offsetWidth}px`;return(null==t?void 0:t["--trigger-width"])===a?t:{"--trigger-width":a}})},[]);e.useEffect(()=>{const e=h.current;if(!e)return;if(S(),"undefined"==typeof ResizeObserver)return;const t=new ResizeObserver(S);return t.observe(e),()=>t.disconnect()},[S]);const P=t("maxio-text-field",`maxio-text-field--${i}`,{"maxio-text-field--disabled":a,"maxio-text-field--error":C,"maxio-text-field--readonly":n,"maxio-text-field--full-width":d},u);return e.createElement(s.ComboBox,{...f,isDisabled:a,isInvalid:C,isReadOnly:n,selectionMode:g,className:P},o&&e.createElement(s.Label,{className:"maxio-text-field__label"},o),e.createElement("div",{ref:h,className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),e.createElement(s.Input,{ref:E,className:"maxio-text-field__input",placeholder:x}),e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(s.Button,{className:t("maxio-button","maxio-button--ghost","maxio-button--icon","maxio-button--sm")},e.createElement(b,{variant:"chevron-up-down"})))),r&&!k&&e.createElement(s.Text,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},r),c&&e.createElement(s.FieldError,{className:"maxio-form-error"},t=>e.createElement(e.Fragment,null,e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},"function"==typeof c?c(t):c))),e.createElement(pe,{hideArrow:!0,className:"maxio-combobox__popover",crossOffset:w,style:_},e.createElement(xe,{renderEmptyState:p},I)))};ge.displayName="ComboBox";const ve=t=>e.createElement(xe.Item,{...t});ve.displayName="ComboBox.Item";const be=t=>e.createElement(xe.Section,{...t});be.displayName="ComboBox.Section";const fe=t=>e.createElement(xe.Header,{...t});fe.displayName="ComboBox.Header";const he=Object.assign(ge,{Item:ve,Section:be,Header:fe}),Ee=e.createContext({}),_e=e.forwardRef(({isDisabled:a=!1,isInvalid:l=!1,isReadOnly:n=!1,size:i="md",label:o,description:r,errorMessage:c,leadingElement:m=null,trailingElement:d=null,fullWidth:u,className:x,...p},g)=>{const v=t("maxio-text-field",`maxio-text-field--${i}`,{"maxio-text-field--disabled":a,"maxio-text-field--error":l,"maxio-text-field--readonly":n,"maxio-text-field--full-width":u},x);return e.createElement(s.TextField,{...p,isDisabled:a,isReadOnly:n,isInvalid:l,className:v},o&&e.createElement(s.Label,{className:"maxio-text-field__label"},o),e.createElement("div",{className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),e.createElement(s.Input,{ref:g,className:"maxio-text-field__input"}),d&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),r&&!(l&&c)&&e.createElement(s.Text,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},r),c&&e.createElement(s.FieldError,{className:"maxio-form-error"},e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},c)))});_e.displayName="TextField";const Ne=e.forwardRef(({disabled:l=!1,invalid:n=!1,readOnly:i=!1,size:o="md",label:r,helperText:s,showErrorMessage:c=!0,errorMessage:m,leadingElement:d=null,trailingElement:u=null,fullWidth:x,className:p,...g},v)=>{var b,f;const h=e.useRef(null);e.useImperativeHandle(v,()=>h.current),e.useEffect(()=>{console.warn("TextInput is deprecated. Please use TextField instead.")},[]);const{spellCheck:E,..._}=g,N={..._,label:r,description:s,errorMessage:m,defaultValue:null===(b=g.defaultValue)||void 0===b?void 0:b.toString(),value:null===(f=g.value)||void 0===f?void 0:f.toString(),isDisabled:l,isReadOnly:i,isInvalid:n},{labelProps:w,inputProps:y,descriptionProps:k,errorMessageProps:C}=a.useTextField(N,h),I=t("maxio-text-field",`maxio-text-field--${o}`,{"maxio-text-field--disabled":l,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":x},p),S=n&&m&&c;return e.createElement("div",{className:I},r&&e.createElement("label",{className:"maxio-text-field__label",...w},r),e.createElement("div",{className:"maxio-text-field__items"},d&&e.createElement("div",{className:"maxio-text-field__leading-element"},d),e.createElement("input",{ref:h,type:"text",className:"maxio-text-field__input",...y,spellCheck:E}),u&&e.createElement("div",{className:"maxio-text-field__trailing-element"},u)),s&&!S&&e.createElement("div",{className:"maxio-form-helper-text",...k},s),S&&e.createElement(U,{...C},m))});Ne.displayName="TextInput";const we=({options:l,label:n,size:i="md",inline:o=!1,disabled:r=!1,helperText:s,errorMessage:c,fullWidth:m=!1,...d})=>{const u=t("maxio-select",`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--inline":o,"maxio-select--error":!!c,"maxio-select--full-width":m}),x=a.useId();return e.createElement("div",{className:u},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:r,...d},l.map(t=>e.createElement("option",{key:`option-${t.value}`,value:t.value,disabled:t.disabled},t.label))),e.createElement(b,{variant:"chevron-up-down"})),!!c&&e.createElement(U,null,c),s&&!c&&e.createElement("div",{className:"maxio-form-helper-text"},s))},ye=({leadingIcon:t,trailingIcon:a,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,t&&e.createElement(re,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(b,{variant:t,className:i}))),e.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),a&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(b,{variant:a}))),ke=e=>"heading"!==e.type,Ce=e=>{const t=(e=>e.flat().filter(ke).map(e=>e.items).flat().find(e=>null==e?void 0:e.isCurrent))(e);return t?e.map(e=>e.map(e=>{var a;return ke(e)&&(null===(a=e.items)||void 0===a?void 0:a.includes(t))?{...e,isOpen:!0}:e})):e},Ie=e.createContext({}),Se=()=>e.useContext(Ie),Pe=({children:t,isOpen:a,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 a?a:"undefined"==typeof window||window.innerWidth>s)),[u,x]=e.useState(()=>Ce(i)),{windowWitdh:p}=le(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()}(p)},[p]),e.useEffect(()=>{"boolean"==typeof a&&d(a)},[a]);const g=()=>{d(!1)};return e.createElement(Ie.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{x(t=>t.map(t=>t.map(t=>ke(t)?{...t,isOpen:(null==t?void 0:t.name)===e&&!t.isOpen}:t)))},isOpen:m,onOpen:()=>{d(!0)},onClose:g,withIcons:n,shouldToggleSidebar:o}},t)},Re=()=>{const{onOpen:t,topDropdownItems:a,isOpen:l}=Se(),{mainItem:n,otherItems:i,actions:o}=a,r=e.useRef(null),s=ae(r),c=({id:e,title:t,icon:a,iconClass:l,url:n,...i})=>({id:e,label:t,leadingIconName:a,leadingIconClassName:l,link:{href:n,...i}}),{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:t},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:t,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:r},n.url?e.createElement(e.Fragment,null,e.createElement(ye,{type:"menu",isTooltipVisible:!l&&s,leadingIcon:n.icon,trailingIcon:"chevron-up-down",leadingIconClassName:n.iconClass},n.title)):e.createElement(ye,{type:"menu",trailingIcon:"chevron-up-down"},n.title)),e.createElement(E,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m,small:!0})))},Te=({section:t})=>{const{isOpen:a,withIcons:l}=Se(),n=e.useRef(null),i=ae(n);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:n},e.createElement(ye,{isTooltipVisible:i&&!a,type:"menu",leadingIcon:l?t.icon:void 0},t.name)))},$e=({section:a})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=Se(),c=e.useRef(null),m=ae(c);if(!ke(a))return e.createElement("li",{className:"maxio-side-nav__item-header"},a.title);return a.Component?e.createElement(a.Component,{section:a}):a.href?e.createElement(Te,{section:a}):e.createElement("li",{className:t("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":a.isOpen?"true":"false",type:"button",onClick:()=>{o(a.name),i()}},e.createElement(ye,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?a.icon:void 0,trailingIcon:(null===(l=a.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},a.name)),e.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=a.items)||void 0===n?void 0:n.map(t=>e.createElement("li",{key:`section-sub-item-${t.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:t.href,"aria-current":t.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},t.name))))))},De=()=>{const{sections:t}=Se();return e.createElement(e.Fragment,null,t.map((t,a)=>e.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${a}`},t.map((t,l)=>e.createElement($e,{key:`section-list-item-${t.type}-${a}-${l}`,section:t})))))},Oe=()=>{const{onClose:t,shouldToggleSidebar:a}=Se();return e.createElement("div",{className:"maxio-side-nav__logo-container"},e.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),a&&e.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:t},e.createElement(b,{variant:"sidebar"})))},ze=()=>{const{isOpen:a}=Se();return e.createElement("nav",{className:t("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement(Oe,null),e.createElement(Re,null),e.createElement("div",{className:"maxio-side-nav__items-container"},e.createElement(De,null)))},Be=e.createContext({}),Me=()=>e.useContext(Be),Le=({children:t,variant:a="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:a,withDivider:l,onChange:e=>{let t;t="function"==typeof e?e(r):e,void 0===o&&s(t),"function"==typeof i&&i(t)}}},t)},Ae=({disabled:a=!1,value:l=0,isCurrent:n,...i})=>{const{onChange:o,currentIndex:r}=Me(),s=t("maxio-tabs__tab",{"maxio-tabs__tab--active":r===l,"maxio-tabs__tab--disabled":a,"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:t,...a}=i;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...a},e.createElement("div",{className:"maxio-tabs__tab__content"},t))}const{children:x,rightIcon:p,...g}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},x,p||null))},Ve=({children:t,value:a,...l})=>{const{currentIndex:n}=Me();return e.createElement("div",{...l,...a?{id:`panel-${a}`}:{},role:"tabpanel","aria-labelledby":`tab-${a}`,hidden:n!==a},t)},He=(e,t,a)=>0===e?e:1===e&&t[e-1].disabled?a||e:t[e-1].disabled?He(e-1,t,a||e):e-1,Fe=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__header",l),...n},a);Fe.displayName="Card.Header";const We=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__body",l),...n},a);We.displayName="Card.Body";const je=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__footer",l),...n},a);je.displayName="Card.Footer";const qe=({children:a,className:l,variant:n="primary",...i})=>e.createElement("div",{className:t("maxio-card",`maxio-card--${n}`,l),...i},a);qe.displayName="Card";const Ge=Object.assign(qe,{Header:Fe,Body:We,Footer:je});var Ue,Ke,Ye,Ze;function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},Qe.apply(null,arguments)}const Xe=e=>x.createElement("svg",Qe({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},e),Ue||(Ue=x.createElement("path",{d:"M59.32 11.3 70.64 0l40.74 40.35v70.99H40.89L0 70.52l11.15-11.14 36.2 36.15h30.07l3.07-3.39-50.91-51.15 10.99-10.97 51.24 50.83 3.72-3.38V47.13zM180.68 11.3 169.36 0l-40.73 40.35v70.99h70.48L240 70.51l-11.15-11.14-36.2 36.15h-30.06l-3.07-3.39 50.91-51.15-10.99-10.97-51.24 50.83-3.72-3.38V47.12l36.2-35.83ZM59.32 228.7l11.31 11.29 40.74-40.35v-70.99H40.89L0 169.48l11.15 11.14 36.2-36.15h30.07l3.07 3.39-50.92 51.15 10.99 10.97 51.24-50.83 3.72 3.38v30.34zM180.68 228.7l-11.32 11.29-40.73-40.35v-70.99h70.48L240 169.48l-11.15 11.14-36.2-36.15h-30.06l-3.07 3.39 50.91 51.15-10.99 10.97-51.24-50.83-3.72 3.38v30.34zM1015.27 139.55c0-29.94-23.74-53.46-52.11-53.46s-52.11 23.52-52.11 53.46 23.74 53.46 52.11 53.46 52.11-23.52 52.11-53.46m20.32.95c-.5 40.27-32.73 72.76-72.43 72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71 72.44-73.71h.94c39.57.52 71.5 33.32 71.5 73.71v.95Z"})),Ke||(Ke=x.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),Ye||(Ye=x.createElement("path",{fillRule:"evenodd",d:"M850.05 24h20.33v20.33h-20.33zM695.01 82.85l50.83 56.28v6.53l-50.28 55.67 15.23 13.2 49.22-54.49h4.71l49.22 54.49 15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15 55.52h-3.96l-50.15-55.52L695 82.85ZM660.49 78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13 0-52.44 18.93-58.09 44.86l-.28 1.27 19.33 3.72.31-1.14c2.39-8.91 6.66-16.54 13.04-21.94 6.36-5.39 14.91-8.63 26.02-8.63s19.12 3.25 24.76 8.96c5.64 5.72 8.73 14.06 8.73 24.53v6.11L616.62 130l-3.26.68c-16.14 3.47-29.79 7.84-39.59 14.45-10.54 7.11-16.64 16.83-16.64 30.62 0 12.51 4.51 22.62 12.5 29.59 7.96 6.95 19.25 10.67 32.63 10.67 22.27 0 41.87-12.03 51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58Zm-40.09 68.13c-12.86 2.77-23.05 5.42-30.03 9.63-3.46 2.09-6.08 4.54-7.84 7.54s-2.71 6.62-2.71 11.15c0 6.38 2.1 12.12 6.32 16.27 4.22 4.14 10.7 6.82 19.7 6.82 26.85 0 47.46-20.48 47.46-51.36v-7.2l-32.9 7.14Z"})),Ze||(Ze=x.createElement("path",{d:"M434.8 188.74h4.54l61.73-164.33.15-.41h35.57v189.35H515.9V55.37h-4.33l-59.7 157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98H336V24h35.57z"}))),Je=a=>{const{size:l="sm",className:n,variant:i="lockup",alt:o="maxio logo"}=a,r="mark"===i,s="number"==typeof l;return e.createElement(Xe,{role:"img",viewBox:r?"0 0 240 240":"0 0 1036 240","aria-label":o,height:s?l:void 0,className:t("maxio-logo",!s&&`maxio-logo--${l}`,r&&"maxio-logo--mark",n)})},et=({state:a,...l})=>{var n,i;const o=e.useRef(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=d.useToast(l,a,o),{closable:u=!0,underline:x=!0,external:p=!1}=l.toast.content,g=t("maxio-toast",{[`maxio-toast--${l.toast.content.sentiment}`]:l.toast.content.sentiment}),v={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:g,"data-maxio-mode":"dark",...r,ref:o},e.createElement(b,{variant:v,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),l.toast.content.message&&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(_,{href:l.toast.content.link.href,underline:x,external:p},l.toast.content.link.text))),u&&e.createElement(C,{variant:"ghost",icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",className:"maxio-toast__dismiss",...m}))},tt=({state:t,...a})=>{const l=e.useRef(null),{regionProps:n}=d.useToastRegion(a,t,l);return e.createElement("div",{...n,ref:l,className:a.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},t.visibleToasts.map(a=>e.createElement(et,{key:a.key,toast:a,state:t})))},at=e.createContext(null);class lt extends m.ToastQueue{}const nt=({basis:a,flex:l,flexDirection:n,wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:x,justifyContent:p,...g})=>{const v=t("maxio-flex",{[`maxio-flex-${l}`]:l,[`maxio-basis-${a}`]:void 0!==a,[`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-${x}`]:x,[`maxio-justify-${p}`]:p},d);return e.createElement("div",{className:v,...g},u)},it={sm:"h3",md:"h2",lg:"h1"},ot=({children:a,size:l="sm",className:n,...i})=>{const o=it[l],r=t(`maxio-heading-${l}`,n);return e.createElement(o,{className:r,...i},a)},rt=({...t})=>{const l=e.useRef(null),{buttonProps:n}=a.useButton(t,l);return e.createElement("button",{...n,className:"maxio-chip__dismiss-button"},e.createElement(b,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},st={success:"maxio-auth-layout__heading--success",danger:"maxio-auth-layout__heading--danger"};Object.defineProperty(exports,"createColumnHelper",{enumerable:!0,get:function(){return l.createColumnHelper}}),Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:function(){return s.DialogTrigger}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return s.Pressable}}),exports.ActionList=E,exports.Alert=I,exports.AuthLayout=({children:a,heading:l,description:n,sentiment:i="success",leadingElement:o=null,alert:r,topAddon:s=null,footer:c})=>e.createElement("div",{className:"maxio-auth-layout"},e.createElement(nt,{alignItems:"center",justifyContent:"between"},e.createElement(Je,{size:"md"}),s),r&&e.createElement(I,{display:"block",title:r.title,sentiment:r.sentiment},r.children),e.createElement(Ge,{variant:"secondary"},e.createElement(Ge.Body,null,e.createElement(nt,{flexDirection:"col",gap:6},e.createElement(nt,{flexDirection:"col",gap:2},e.createElement(nt,{alignItems:"center",gap:2},o,e.createElement(ot,{size:"lg",className:t("maxio-auth-layout__heading",st[i])},l)),n&&e.createElement(nt,{style:{color:"var(--maxio-color-text-tertiary)"}},e.createElement(se,{size:"sm",className:"maxio-auth-layout__description"},n))),a)),c&&e.createElement(Ge.Footer,null,c))),exports.Avatar=({className:a,src:l,alt:n="avatar"})=>e.createElement("img",{className:t("maxio-avatar",a),alt:n,src:l}),exports.Banner=({children:a,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!a&&!l)return console.warn("Banner component requires either children or title prop to be rendered"),null;const d=t("maxio-banner",{[`maxio-banner--${s}`]:"info"!==s&&s,className:m}),u={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[s],x=t("maxio-banner__content",{"maxio-banner__content--block":"block"===r});return e.createElement("div",{className:d,"aria-live":"assertive"},e.createElement(b,{variant:u,className:"maxio-banner__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-banner__container"},e.createElement("div",{className:x},l&&e.createElement("span",{className:"maxio-banner__title"},l),a&&e.createElement("span",{className:"maxio-banner__message"},a),n&&o&&e.createElement(_,{href:o,..."warning"!==s&&{variant:"inverse"},underline:!0,...i?{external:!0}:{}},n))),c&&e.createElement(C,{icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:c,className:"maxio-banner__dismiss"}))},exports.Body=se,exports.Breadcrumbs=({className:a,children:l,...n})=>{const i=e.Children.count(l);if(0===i)throw new Error(D);const o=e.Children.map(l,(t,a)=>{if(e.isValidElement(t)&&t.type===$){if(a===i-1&&t.props.href)throw new Error(O);return e.cloneElement(t,{"aria-current":a===i-1?"page":void 0})}throw new Error(z)});return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:t("maxio-breadcrumbs",a)},o))},exports.BreadcrumbsItem=$,exports.Button=k,exports.Card=Ge,exports.Checkbox=q,exports.CheckboxGroup=({helperText:l,className:n,errorMessage:o,children:r,disabled:s,label:c,defaultValue:m,name:d,...u})=>{var x;const p=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}=a.useCheckboxGroup({"aria-label":null===(x=null!=c?c:u["aria-label"])||void 0===x?void 0:x.toString(),isDisabled:s,isInvalid:!!o,...u},p),E=t("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(W.Provider,{value:p},r),_&&e.createElement(G,{...b},l),o&&h&&e.createElement(U,{...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:x}=a.useToggleButton(m,u,d),p=t("maxio-chip",{"maxio-chip--selected":null==u?void 0:u.isSelected}),g=t("maxio-chip__button",{"maxio-chip--dismissible":i});return e.createElement("div",{className:p},e.createElement("button",{className:g,ref:d,...x,title:c},r&&e.createElement(b,{variant:r,className:"maxio-chip__icon"}),e.createElement("span",{className:"maxio-chip__label"},l),s&&!i&&e.createElement(b,{variant:s,className:"maxio-chip__icon"})),i&&e.createElement(rt,{onPress:i,"aria-label":o}))},exports.Code=({as:a="div",children:l,className:n,...i})=>{const o=a,r=t("maxio-code",n);return e.createElement(o,{className:r,...i},l)},exports.ComboBox=he,exports.DataTable=({pattern:t,size:a="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:d,actions:u,onRowAction:x,...p})=>{const g=(({columns:t,HeaderControls:a,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>e.useMemo(()=>{const s={id:B,header:t=>e.createElement(a,{...t,enableExpanding:o,enableRowSelection:r}),cell:t=>e.createElement(l,{...t,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:M,header:"",cell:t=>e.createElement(n,{...t},i(t.row,t.table)),meta:{actions:!0}}:null;let m=[...t];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,t,a,l]))({columns:d,HeaderControls:K,RowControls:Y,RowActions:Z,actions:u,enableRowSelection:c,enableExpanding:Boolean(m)}),v=l.useReactTable({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...p.state},getSubRows:e=>e.subRows,getCoreRowModel:l.getCoreRowModel(),enableRowSelection:c,enableExpanding:Boolean(m),...!p.manualExpanding&&{getExpandedRowModel:l.getExpandedRowModel()},enableSorting:s,...!p.manualSorting&&{getSortedRowModel:l.getSortedRowModel()},columns:g,...p}),b=v.getCanSomeRowsExpand(),f=v.getState();return e.useEffect(()=>{null==i||i(f.expanded)},[i,f.expanded]),e.useEffect(()=>{null==o||o(f.rowSelection)},[o,f.rowSelection]),e.useEffect(()=>{null==r||r(f.sorting)},[r,f.sorting]),e.createElement(L,{pattern:t,size:a,isExpandable:b,isUsingCustomRow:!!n},e.createElement(A,null,v.getHeaderGroups().map(t=>e.createElement(F,{key:t.id,table:v,isHeader:!0},t.headers.map(t=>e.createElement(H,{key:t.id,table:v,header:t,enableExpanding:m},l.flexRender(t.column.columnDef.header,t.getContext())))))),e.createElement(V,null,v.getRowModel().rows.map(a=>e.createElement(X,{key:a.id,row:a,pattern:t,SubRowComponent:n,enableExpanding:m,onRowAction:x}))))},exports.Display=({as:a="div",children:l,size:n="md",className:i,...o})=>{const r=a,s=t(`maxio-display-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Flex=nt,exports.FormErrorMessage=U,exports.FormHelperText=G,exports.GlobalToastProvider=({children:t,toastQueue:a,...l})=>{const n=m.useToastQueue(a),i=e.useCallback(()=>{n.visibleToasts.forEach(e=>{a.close(e.key)})},[n.visibleToasts,a]),o=e.useMemo(()=>({addToast:a.add.bind(a),removeToast:a.clear.bind(a),removeAllToasts:i,state:n}),[a,i,n]);return e.createElement(at.Provider,{value:o},t,n.visibleToasts.length>0&&e.createElement(tt,{...l,state:n}))},exports.Grid=({children:a,templateColumns:l,templateRows:n,autoColumns:i,autoRows:o,inline:r,column:s,columnStart:c,columnEnd:m,row:d,rowStart:u,rowEnd:x,gap:p,gapX:g,gapY:v,className:b,justifyContent:f,alignItems:h,...E})=>{const _=t(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-${x}`]:x,[`maxio-gap-${p}`]:void 0!==p,[`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},a)},exports.Heading=ot,exports.Icon=b,exports.IconButton=C,exports.Label=({as:a="div",children:l,size:n="sm",className:i,...o})=>{const r=a,s=t(`maxio-label-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Link=_,exports.ListBox=xe,exports.LoadingSpinner=N,exports.Logo=Je,exports.Menu=({children:t})=>e.createElement(P,null,e.createElement(T,null,t)),exports.MenuButton=({children:a,iconName:l="chevron-down","aria-label":n,size:i="md",variant:o="secondary"})=>{const r=t({"maxio-action-menu__chevron":"chevron-down"===l}),s=t("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":l&&!a}),{isOpen:c,buttonId:m,controlsId:d}=R();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":n,"aria-expanded":c,"aria-controls":d,id:m},a&&e.createElement("span",null,a),l&&e.createElement(b,{variant:l,className:`${r} maxio-button__trailing-element`}))},exports.MenuList=({items:a,alignItemsEnd:l=!1})=>{const n=t("maxio-action-menu__content",{"maxio-action-menu__content--align-end":l}),{controlsId:i,buttonId:o}=R();return e.createElement("div",{className:n,role:"presentation"},e.createElement(E,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:a}))},exports.OverlayTrigger=ne,exports.Pagination=({size:t="md",onChange:a,totalItems:l=0,itemsPerPage:n=30,currentPage:i=1,pageSizeOptions:o,manualPageInput:r=!1})=>{const[s,c]=e.useState(i),[m,d]=e.useState(n),[u,x]=e.useState(i.toString());e.useEffect(()=>{x(s.toString())},[s]);const p=Math.ceil(l/m),g=s<p,v=s>1,f=m*(s-1)+1,h=Math.min(m*s,l),E=o.map(e=>({label:e.toString(),value:e.toString()})),_=Array.from({length:p},(e,t)=>t+1).map(e=>({label:e.toString(),value:e.toString()})),N=e=>{c(e),null==a||a({currentPage:e,itemsPerPage:m})},w=e=>{const t=parseInt(e,10);if(isNaN(t))return void x(s.toString());const a=Math.max(1,Math.min(t,p));x(a.toString()),N(a)};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(we,{inline:!0,size:t,options:E,onChange:e=>{return t=Number(e.target.value),d(t),c(1),void(null==a||a({currentPage:1,itemsPerPage:t}));var t},value:m,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,f,"–",h," of ",l," items")),e.createElement("div",{className:"maxio-pagination__current-page"},r?e.createElement(Ne,{className:"maxio-pagination__page-input",value:u,min:1,max:p,onChange:e=>(e=>{x(e)})(e),onBlur:e=>{w(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&(w(e.currentTarget.value),e.currentTarget.blur())},"aria-label":"Page number",size:t,type:"number",onWheel:e=>e.preventDefault()}):e.createElement(we,{inline:!0,size:t,"aria-label":"Select page",onChange:e=>N(Number(e.target.value)),value:s,options:_,id:"page-index-large"}),e.createElement("div",{className:"maxio-pagination__label"},"of ",p," pages")),e.createElement("div",{className:"maxio-pagination__controls"},e.createElement(re,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(C,{icon:e.createElement(b,{variant:"chevron-left"}),size:t,variant:"ghost",onClick:()=>N(s-1),"aria-label":"Previous",disabled:!v})),e.createElement(re,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(C,{icon:e.createElement(b,{variant:"chevron-right"}),size:t,variant:"ghost",onClick:()=>N(s+1),"aria-label":"Next",disabled:!g}))))},exports.Popover=pe,exports.ProgressBar=({label:l,helperText:n,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=a.useId(),d=a.useId(),u=r&&!!l&&!!s&&!("inline"===o),x=n&&!("inline"===o),p=n&&"inline"===o,{progressBarProps:g,labelProps:v}=a.useProgressBar({maxValue:c,value:s,label:l}),b=t("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),p&&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`}),x&&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(Ee),{inputProps:m,isDisabled:d}=a.useRadio({...r,value:(r.value||"").toString(),"aria-label":r["aria-label"]||o,isDisabled:n},c,s),u=t("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:t,label:l,errorMessage:n,helperText:i,disabled:o=!1,invalid:r=!1,name:s,defaultValue:m,...d})=>{const u=c.useRadioGroupState({isDisabled:o,isInvalid:r,description:i,name:s,label:l,errorMessage:n,defaultValue:m,...d}),{radioGroupProps:x,labelProps:p,descriptionProps:g,errorMessageProps:v}=a.useRadioGroup({"aria-label":d["aria-label"]||l,...d},u);return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...x},l&&e.createElement("label",{className:"maxio-radio-group__label",...p},l),e.createElement(Ee.Provider,{value:u},t),r&&n&&e.createElement(U,{...v},n),i&&!r&&e.createElement(G,{...g},i)))},exports.Select=we,exports.SideNav=({withIcons:t=!0,shouldToggleSidebar:a=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(Pe,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:t,shouldToggleSidebar:a,topDropdownItems:l,sections:n},e.createElement(ze,null)),exports.Tab=Ae,exports.TabList=({children:a,className:l,ariaLabel:n,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=Me(),m=t("maxio-tabs",l,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(a,e=>e.props);return e.createElement("div",{className:m,role:"tablist","aria-label":n,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var t;"ArrowRight"===e.key&&c(e=>((e,t)=>{const a=t.findIndex((t,a)=>!t.disabled&&a>e);return-1===a?e:a})(e,u())),"ArrowLeft"===e.key&&c(e=>He(e,u())),null===(t=d.current)||void 0===t||t.focus()},...i},e.Children.map(a,(t,a)=>{if(e.isValidElement(t)&&t.type===Ae)return e.cloneElement(t,{value:a,isCurrent:s===a});throw new Error("You can only pass <Tab /> component as children")}))},exports.TabPanel=Ve,exports.TabPanels=({children:t})=>{const{currentIndex:a}=Me();return e.createElement(e.Fragment,null,e.Children.map(t,(t,l)=>{if(e.isValidElement(t)&&t.type===Ve)return l===a?e.cloneElement(t,{value:l}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},exports.Tabs=({children:t,variant:a="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>e.createElement(Le,{defaultIndex:n,variant:a,withDivider:l,index:i,onChange:o},t),exports.Tag=({children:a,size:l,sentiment:n,kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=t("maxio-tag",`maxio-tag--${i}`,!!n&&`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(b,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),r&&e.createElement(b,{variant:r,className:"maxio-tag__icon"}))},exports.TextField=_e,exports.TextInput=Ne,exports.Tile=({children:a,className:l,href:n,onClick:i,target:o,disabled:r})=>{const s=n||i;if(!s)return e.createElement("div",{className:"maxio-tile"},a);const c=t("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()}},a)},exports.ToastProvider=({children:t,...a})=>{const{maxVisibleToasts:l=5,...n}=a,i=m.useToastState({maxVisibleToasts:l,...n});return e.useEffect(()=>{console.warn("ToastProvider is deprecated. Please use the global toast API instead.")},[]),e.createElement(e.Fragment,null,t(i),i.visibleToasts.length>0&&e.createElement(tt,{...a,state:i}))},exports.ToastQueue=lt,exports.Toggle=({defaultChecked:a,checked:l,onChange:n,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),x="boolean"==typeof a,p=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 t=e.currentTarget.checked;x&&(e.currentTarget.checked=!t),n&&n(!t,e)}},[x,n]),f=d["aria-label"]||(v?void 0:o);return e.createElement("div",{className:t("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:p},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:a,checked:l,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:b,disabled:i,className:"maxio-toggle__checkbox",id:p,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=ie,exports.TooltipTrigger=re,exports.TopBar=({children:t,actions:a,sideNavIsClosed:l,openSideNav:n})=>e.createElement("nav",{className:"maxio-top-bar"},l&&e.createElement(C,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(b,{variant:"sidebar"}),onClick:n}),e.createElement(nt,{grow:!0,justifyContent:"end"},t),a),exports.useHover=ae,exports.useOverlayTrigger=te,exports.useToast=()=>{const t=e.useContext(at);if(!t)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return t},exports.useWindowSize=le;
|
|
1
|
+
"use strict";var e=require("react"),t=require("classnames"),a=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-aria-components"),c=require("@react-stately/radio"),m=require("@react-stately/toast"),d=require("@react-aria/toast");function u(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var x=u(e);const p=["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","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","graph","home","info-circle","info-circle-fill","line-vertical","list","login","logout","megaphone","menu","menu-chevron-left","menu-chevron-right","notification","notification-unread","pen","plus","plus-circle","plus-circle-fill","question-circle","question-circle-fill","recently-viewed","search","square-small-fill","trash","triangle-small-fill","user","warning-circle","warning-circle-fill"],g=["anrok","dropbox","hubspot","numeral","oracle","quotapath","sage","sphere","taxjar"],v=["avalara","pipedrive","quickbooks","salesforce","xero"],b=({variant:a,color:l,className:n,size:i})=>{const o=(e,t)=>t.includes(e),r=o(a,p)||o(a,g),s=o(a,v),c=t({"fa-kit":r,"fa-kit-duotone":s,"fa-sharp fa-regular":!r&&!s,[`fa-${a}`]:!0,[`fa-${i}`]:i,[`maxio-icon--${l}`]:l&&!o(a,g)&&!o(a,v)},n);return e.createElement("i",{className:c})},f=({item:l,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),c=e.useRef(!1),m=a.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:x,label:p,description:g,link:v}=l,f=t("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...v,className:t("maxio-action-list__content",v.className,{"maxio-action-list__content--size-small":r}),tabIndex:n?0:-1,ref:s,role:o},d&&e.createElement(b,{variant:d,className:t("maxio-action-list__leading-icon",u)}),e.createElement("span",{className:f,id:m},p),g&&e.createElement("span",{className:"maxio-action-list__description"},g),x&&e.createElement(b,{variant:x,className:"maxio-action-list__trailing-icon"}))},h=(e,t,a)=>0===e?e:1===e&&"divider"===t[e-1].type?a||e:"divider"===t[e-1].type?h(e-1,t,a||e):e-1,E=({items:a,isShadowed:l=!0,itemProps:n={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=t("maxio-action-list",i,{"maxio-action-list--shadow":l}),[m,d]=e.useState(()=>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=>h(e,a))),"ArrowDown"===e.code&&(e.preventDefault(),d(e=>((e,t)=>{const a=t.findIndex((t,a)=>"divider"!==t.type&&a>e);return-1===a?e:a})(e,a)))},role:"listbox",...s},a.map((t,a)=>e.createElement(f,{item:t,truncateLabel:o,key:`listbox-${t.id}`,isSelected:a===m,small:r,...n})))},_=({className:a,children:l,disabled:n,external:i,icon:o,size:r="sm",underline:s,variant:c,...m})=>{const d=t("maxio-link",{[`maxio-link--${r}`]:r,"maxio-link--disabled":n,[`maxio-link--${c}`]:c,"maxio-link--underline":s},a),u=i?"_blank":"_self";return e.createElement("a",{className:d,target:u,...m},l,o&&e.createElement(b,{variant:o,className:"maxio-link__icon"}))},N=({size:a="md",white:l=!1,className:n})=>{const i=t("maxio-loading-spinner",n,`maxio-loading-spinner--${a}`,{"maxio-loading-spinner--white":l});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},w=({fullWidth:l=!1,leadingElement:n,trailingElement:i,icon:o,variant:r="primary",size:s,...c})=>{const m=e.useRef(null),{linkProps:d}=a.useLink({...c},m),u=t("maxio-button",c.className,{[`maxio-button--${s}`]:s,[`maxio-button--${r}`]:r,"maxio-button--full-width":l});return e.createElement("a",{...d,ref:m,className:u,href:c.href},n&&e.cloneElement(n,{...e.isValidElement(n)&&{className:"maxio-button__leading-element"}}),c.children,(i||o)&&e.cloneElement(i||o,{...e.isValidElement(i||o)&&{className:"maxio-button__trailing-element"}}))},y=({disabled:l,loading:n=!1,fullWidth:i=!1,leadingElement:o,trailingElement:r,icon:s,variant:c="primary",size:m,...d})=>{const u=e.useRef(null),{buttonProps:x}=a.useButton({...d,isDisabled:l,formAction:"string"==typeof d.formAction?d.formAction:void 0},u),p=["primary","danger"].includes(c),g=t("maxio-button",d.className,{[`maxio-button--${m}`]:m,[`maxio-button--${c}`]:c,"maxio-button--loading":n,"maxio-button--full-width":i});return e.createElement("button",{...x,className:g,ref:u},o&&e.cloneElement(o,{...e.isValidElement(o)&&{className:"maxio-button__leading-element"}}),d.children,!n&&(r||s)&&e.cloneElement(r||s,{...e.isValidElement(r||s)&&{className:"maxio-button__trailing-element"}}),n&&e.createElement(N,{className:"maxio-button__trailing-element",size:"md",white:p}))},k=t=>(e=>"href"in e)(t)?e.createElement(w,{...t}):e.createElement(y,{...t}),C=({"aria-label":a,className:l,...n})=>e.createElement(k,{"aria-label":a,className:t("maxio-button--icon",l),...n},null),I=({children:a,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!a&&!l)return console.warn("Alert component requires either children or title prop to be rendered"),null;const d=t("maxio-alert",{[`maxio-alert--${s}`]:"info"!==s&&s},m),u={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[s],x=t("maxio-alert__content",{"maxio-alert__content--block":"block"===r});return e.createElement("div",{className:d},e.createElement(b,{variant:u,className:"maxio-alert__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-alert__container"},e.createElement("div",{className:x},l&&e.createElement("span",{className:"maxio-alert__title"},l),a&&e.createElement("span",{className:"maxio-alert__message"},a),n&&o&&e.createElement(_,{className:"maxio-alert__link",href:o,variant:"high-contrast",underline:!0,...i?{external:!0}:{}},n))),c&&e.createElement(C,{icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:c,className:"maxio-alert__dismiss"}))},S=e.createContext({}),P=({children:t})=>{const[a,l]=e.useState(!1),n=e.useId(),i=e.useId();return e.createElement(S.Provider,{value:{controlsId:n,buttonId:i,isOpen:a,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},t)};function R(){const t=e.useContext(S);if(!t||"object"==typeof t&&0===Object.keys(t).length)throw new Error("useMenu hook must be used within a MenuProvider");return t}const T=({children:t})=>{const{isOpen:a,onToggle:l,onClose:n}=R();return e.createElement("details",{open:a,onToggle:l,className:"maxio-action-menu"},"function"==typeof t?t({isOpen:a,onClose:n}):t)},$=({children:a,className:l,href:n,...i})=>{const o=n?e.createElement(_,{size:"sm",href:n},a):a;return e.createElement("li",{className:t("maxio-breadcrumbs__item",l),...i},o)},D="Breadcrumbs requires at least one BreadcrumbsItem as children",O='Last BreadcrumbsItem should not have "href" prop. It is the current page.',z="Breadcrumbs only accepts BreadcrumbsItem as children",B="row-controls",M="row-actions",L=({children:a,pattern:l,size:n,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=l&&o&&i,u=t("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 t=e.target;s(t.scrollLeft>0),m(t.scrollWidth-t.clientWidth-t.scrollLeft>0)}},e.createElement("table",{className:u},a))},A=({children:t})=>e.createElement("thead",null,t),V=({children:t})=>e.createElement("tbody",null,t),H=({children:a,table:l,header:n,className:i,enableExpanding:o,...r})=>{var s,c,m,d,u,x,p,g,v,f,h;const E=null==n?void 0:n.column,_=null===(s=null==E?void 0:E.getCanSort)||void 0===s?void 0:s.call(E),N=null===(c=null==E?void 0:E.getToggleSortingHandler)||void 0===c?void 0:c.call(E),w=null==n?void 0:n.isPlaceholder,y=null===(d=null===(m=null==E?void 0:E.columnDef)||void 0===m?void 0:m.meta)||void 0===d?void 0:d.align,k=null===(x=null===(u=null==E?void 0:E.columnDef)||void 0===u?void 0:u.meta)||void 0===x?void 0:x.width,I=null===(g=null===(p=null==E?void 0:E.columnDef)||void 0===p?void 0:p.meta)||void 0===g?void 0:g.controls,S=null===(f=null===(v=null==E?void 0:E.columnDef)||void 0===v?void 0:v.meta)||void 0===f?void 0:f.actions,P=null==E?void 0:E.getIsPinned(),R=null==E?void 0:E.getIsSorted(),T="asc"===R,$=t("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${P}`]:P,"maxio-data-table__cell--sortable":_,"maxio-data-table__cell--active":R,[`maxio-data-table__cell--${y}`]:y,"maxio-data-table__cell--controls":I,"maxio-data-table__cell--actions":S}),D=k?{width:k}:{},O=((e,t)=>e&&t?"arrow-up":e&&!t?"arrow-down":"arrow-down-up")(!!R,T),z=null==l?void 0:l.getToggleAllRowsExpandedHandler(),M=null===(h=null==l?void 0:l.getIsAllRowsExpanded)||void 0===h?void 0:h.call(l),L=(null==n?void 0:n.headerGroup.headers[0].id)===B?1:0,A=o&&(null==n?void 0:n.index)===L;return w?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":R?T?"ascending":"descending":"none",className:$,onClick:N,colSpan:null==n?void 0:n.colSpan,style:D,...r},e.createElement("div",{className:"maxio-data-table__cell-flex"},!0===o&&A&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:M?"chevron-down":"chevron-right"}),onClick:z,"aria-label":M?"Collapse all rows":"Expand all rows","data-open":M,className:"maxio-data-table__expand-button"}),a,_&&e.createElement(b,{variant:O,className:"maxio-data-table__sort-icon"})))},F=({children:l,row:n,isChild:i,isHeader:o,className:r,onRowAction:s,...c})=>{var m,d,u;const x=null===(m=null==n?void 0:n.getIsSelected)||void 0===m?void 0:m.call(n),p=(null===(d=null==n?void 0:n.getCanExpand)||void 0===d?void 0:d.call(n))&&(null===(u=null==n?void 0:n.getIsExpanded)||void 0===u?void 0:u.call(n)),g=Boolean(n&&s&&!o&&!i),v=e.useRef(null),b=e=>{v.current=e.target},{pressProps:f}=a.usePress({isDisabled:!g,onPress:e=>{var t;const a=null!==(t=v.current)&&void 0!==t?t:e.target;v.current=null,n&&s&&!(e=>e instanceof Element&&Boolean(e.closest("a,button,input,select,textarea,label")))(a)&&s(n)}}),{focusProps:h,isFocused:E}=a.useFocusRing(),_=t({"maxio-data-table__row":!o,"maxio-data-table__header-row":o,"maxio-data-table__row--active":x||E,"maxio-data-table__row--expanded":p,"maxio-data-table__row--expanded-child":i,"maxio-data-table__row--actionable":g},r),N=g?a.mergeProps({onClickCapture:b,onKeyDownCapture:b,tabIndex:0},f,h,c):c;return e.createElement("tr",{...N,className:_,tabIndex:g?N.tabIndex:c.tabIndex},l)},W=e.createContext({}),j=e.forwardRef(({checked:a,disabled:l,invalid:n,indeterminate:i,className:o,inputProps:r,error:s,label:c},m)=>{const d=t("maxio-checkbox",{"maxio-checkbox--checked":a,"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))});j.displayName="InnerCheckbox";const q=({label:t,error:l=!1,className:i,indeterminate:o,value:r="",disabled:s,readOnly:c,defaultChecked:m,checked:d,...u})=>{const x=e.useRef(null),p=e.useContext(W),{inputProps:g,isDisabled:v,isInvalid:b,isSelected:f}=p&&Object.keys(p).length>0?a.useCheckboxGroupItem({value:r,"aria-label":null!=t?t:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,...u},p,x):a.useCheckbox({"aria-label":null!=t?t:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,value:r,...u},n.useToggleState({...u,isSelected:d,defaultSelected:m}),x);return e.createElement(j,{inputProps:g,checked:f,disabled:v,invalid:b,indeterminate:o,className:i,error:l,label:t,ref:x,...u})},G=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-form-helper-text",l),...n},a),U=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-form-error",l),...n},e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},a)),K=({table:t})=>{var a,l,n,i;const o=null===(a=null==t?void 0:t.getToggleAllPageRowsSelectedHandler)||void 0===a?void 0:a.call(t),r=(null===(l=null==t?void 0:t.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(t))||(null===(n=null==t?void 0:t.getIsAllRowsSelected)||void 0===n?void 0:n.call(t)),s=null===(i=null==t?void 0:t.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(t);return e.createElement(q,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},Y=({row:t})=>{var a,l,n,i;const o=null===(a=null==t?void 0:t.getToggleSelectedHandler)||void 0===a?void 0:a.call(t),r=(null===(l=null==t?void 0:t.getIsSelected)||void 0===l?void 0:l.call(t))||(null===(n=null==t?void 0:t.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(t)),s=null===(i=null==t?void 0:t.getIsSomeSelected)||void 0===i?void 0:i.call(t),c=t.id||t.index;return e.createElement(q,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},Z=({children:t})=>e.createElement("div",{className:"maxio-data-table__cell-flex"},t),Q=({row:a,cell:l,children:n,className:i,...o})=>{var r,s,c,m,d,u;const x=null==l?void 0:l.column,p=null===(s=null===(r=null==x?void 0:x.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,g=null===(m=null===(c=null==x?void 0:x.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null===(u=null===(d=null==x?void 0:x.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.actions,b=null==x?void 0:x.getIsPinned(),f=t("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${p}`]:p,"maxio-data-table__cell--controls":g,"maxio-data-table__cell--actions":v});return e.createElement("td",{className:f,...o},n)},X=({row:t,SubRowComponent:a,pattern:n,enableExpanding:i,onRowAction:o})=>{var r,s,c,m,d;const u=a&&t.getParentRow()&&t.getParentRow().getIsExpanded(),x=u&&t.getVisibleCells()[0].column.columnDef.id===B,p=u&&t.getVisibleCells()[t.getVisibleCells().length-1].column.columnDef.id===M,g=[p,x].filter(Boolean).length,v=t.getVisibleCells().length-g,f=null!==(s=null===(r=t.getParentRow())||void 0===r?void 0:r.index)&&void 0!==s?s:t.index,h=n&&a&&f%2==1?"maxio-data-table__row--with-pattern":void 0,E=null===(c=t.getCanExpand)||void 0===c?void 0:c.call(t),_=null===(m=null==t?void 0:t.getToggleExpandedHandler)||void 0===m?void 0:m.call(t),N=null===(d=null==t?void 0:t.getIsExpanded)||void 0===d?void 0:d.call(t),w=E&&i?0:1.75,y=t.getVisibleCells()[0].column.columnDef.id===B?1:0,k=t.getVisibleCells().find(({column:e})=>{var t;const{actions:a,controls:l}=null!==(t=e.columnDef.meta)&&void 0!==t?t:{};return!a&&!l}),I=o&&k?k.id:void 0;return e.createElement(e.Fragment,{key:t.id},u?e.createElement(F,{key:`${t.id}-sub`,row:t,isChild:!0,className:h},x&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Q,{colSpan:v},a(t)),p&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(F,{key:`${t.id}-parent`,row:t,className:h,onRowAction:o,"aria-labelledby":I},t.getVisibleCells().map(a=>{const n=i&&a.column.getIndex()===y;return e.createElement(Q,{key:a.id,row:t,cell:a,id:a.id},e.createElement("div",{className:"maxio-data-table__cell-flex",style:i&&n?{paddingLeft:`${(null==t?void 0:t.depth)+w}rem`}:void 0},i&&E&&n&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:N?"chevron-down":"chevron-right"}),onClick:_,"aria-label":N?"Collapse row":"Expand row","data-open":N,className:"maxio-data-table__expand-button"}),l.flexRender(a.column.columnDef.cell,a.getContext())))})))},J={click:r.useClick,hover:e=>r.useHover(e,{delay:100}),focus:r.useFocus,dismiss:r.useDismiss},ee=(e,t)=>t.map(t=>J[t](e)),te=({placement:t="top",isActive:a=!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:x,reference:p}=r.useFloating({placement:t,open:a,onOpenChange:e=>i(e),middleware:[r.offset(n)]}),{getReferenceProps:g,getFloatingProps:v}=r.useInteractions([...ee(u,l),r.useRole(u,{role:"tooltip"})]);e.useEffect(()=>{s.current&&clearTimeout(s.current),a&&o&&(s.current=window.setTimeout(()=>i(!1),o))},[a,o]);return{isActive:a,refs:{floating:x,reference:p},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:v}};function ae(t,a=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)},a)},r=t&&t.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}},[t]),i}function le(t=500){const[a,l]=e.useState(()=>{const{innerWidth:e,innerHeight:t}=window;return{windowWitdh:e,windowHeight:t}}),n=e.useRef(null);return e.useEffect(()=>{const e=()=>{var e;const{innerWidth:a,innerHeight:i}=window;window.clearTimeout(null!==(e=n.current)&&void 0!==e?e:void 0),n.current=window.setTimeout(()=>{l({windowWitdh:a,windowHeight:i})},t)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[t]),a}const ne=({children:a,usePortal:l=!1,isActive:n=!1,placement:i="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:x,onOverlayUpdate:p,className:g})=>{const{getReferenceProps:v,getFloatingProps:b,refs:{floating:f,reference:h},floatingElementCSSPosition:E}=te({isActive:n,onOverlayUpdate:p,autoHideMs:x,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:t("maxio-inline-flex",g),...v(),"data-testid":"overlay-trigger"},a),l?e.createElement(r.FloatingPortal,{id:"maxio-ui-portal"},_):_)},ie=({children:a,arrowPosition:l,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:t("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${l}`]:l})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},a)),oe={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},re=({children:t,interactions:a=["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[x,p]=e.useState(!1),g=void 0!==s,v=e.useRef(null),b=e.useCallback(e=>{v.current&&clearTimeout(v.current),v.current=window.setTimeout(()=>{g||p(e),d&&d(e)},50)},[g,d]),f=e.useMemo(()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",a=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:a},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:a},transition:{ease:[.4,0,.5,1],duration:.2}}})(l),[l]);return e.useEffect(()=>()=>{v.current&&clearTimeout(v.current)},[]),e.createElement(ne,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:f,isActive:g?s:x,onOverlayUpdate:b,autoHideMs:r,usePortal:c,placement:l,interactions:a,renderOverlay:()=>e.createElement(ie,{size:i,arrowPosition:oe[l],maxWidth:n},o())},t)},se=({as:a="div",children:l,compact:n=!1,size:i="md",className:o,...r})=>{const s=a,c=t({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},o);return e.createElement(s,{className:c,...r},l)},ce=({className:a,...l})=>e.createElement(s.ListBox,{...l,className:t("maxio-listbox",a)});ce.displayName="ListBox";const me=({className:a,...l})=>{const n=l.textValue||("string"==typeof l.children?l.children:void 0);return e.createElement(s.ListBoxItem,{...l,textValue:n,className:t("maxio-listbox__item",a)},s.composeRenderProps(l.children,(t,{isSelected:a})=>e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-listbox__content"},"string"==typeof t?e.createElement(se,{size:"sm"},t):t),a&&e.createElement(b,{variant:"check"}))))};me.displayName="ListBox.Item";const de=({className:a,...l})=>e.createElement(s.ListBoxSection,{...l,className:t("maxio-listbox__section",a)});de.displayName="ListBox.Section";const ue=({className:a,...l})=>e.createElement(s.Header,{...l,className:t("maxio-listbox__header",a)});ue.displayName="ListBox.Header";const xe=Object.assign(ce,{Item:me,Section:de,Header:ue}),pe=({className:a,hideArrow:l=!1,children:n,offset:i=4,...o})=>e.createElement(s.Popover,{...o,className:t("maxio-popover",a),offset:i},e.createElement(e.Fragment,null,!l&&e.createElement(s.OverlayArrow,{className:"maxio-popover__arrow"},e.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12","aria-hidden":!0},e.createElement("path",{d:"M0 0 L6 6 L12 0"}))),n)),ge=({isDisabled:a=!1,isInvalid:l=!1,isReadOnly:n=!1,size:i="md",label:o,description:r,errorMessage:c,leadingElement:m=null,fullWidth:d,className:u,placeholder:x,renderEmptyState:p,selectionMode:g,children:v,...f})=>{const h=e.useRef(null),E=e.useRef(null),[_,N]=e.useState(),[w,y]=e.useState(0),k=!!c,C=l||k,I=v,S=e.useCallback(()=>{const e=h.current;if(!e)return;const t=E.current,a=t?t.getBoundingClientRect().left-e.getBoundingClientRect().left:0;y(e=>e===-a?e:-a),N(t=>{const a=`${e.offsetWidth}px`;return(null==t?void 0:t["--trigger-width"])===a?t:{"--trigger-width":a}})},[]);e.useEffect(()=>{const e=h.current;if(!e)return;if(S(),"undefined"==typeof ResizeObserver)return;const t=new ResizeObserver(S);return t.observe(e),()=>t.disconnect()},[S]);const P=t("maxio-text-field",`maxio-text-field--${i}`,{"maxio-text-field--disabled":a,"maxio-text-field--error":C,"maxio-text-field--readonly":n,"maxio-text-field--full-width":d},u);return e.createElement(s.ComboBox,{...f,isDisabled:a,isInvalid:C,isReadOnly:n,selectionMode:g,className:P},o&&e.createElement(s.Label,{className:"maxio-text-field__label"},o),e.createElement("div",{ref:h,className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),e.createElement(s.Input,{ref:E,className:"maxio-text-field__input",placeholder:x}),e.createElement("div",{className:"maxio-text-field__trailing-element"},e.createElement(s.Button,{className:t("maxio-button","maxio-button--ghost","maxio-button--icon","maxio-button--sm")},e.createElement(b,{variant:"chevron-up-down"})))),r&&!k&&e.createElement(s.Text,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},r),c&&e.createElement(s.FieldError,{className:"maxio-form-error"},t=>e.createElement(e.Fragment,null,e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},"function"==typeof c?c(t):c))),e.createElement(pe,{hideArrow:!0,className:"maxio-combobox__popover",crossOffset:w,style:_},e.createElement(xe,{renderEmptyState:p},I)))};ge.displayName="ComboBox";const ve=t=>e.createElement(xe.Item,{...t});ve.displayName="ComboBox.Item";const be=t=>e.createElement(xe.Section,{...t});be.displayName="ComboBox.Section";const fe=t=>e.createElement(xe.Header,{...t});fe.displayName="ComboBox.Header";const he=Object.assign(ge,{Item:ve,Section:be,Header:fe}),Ee=e.createContext({}),_e=e.forwardRef(({isDisabled:a=!1,isInvalid:l=!1,isReadOnly:n=!1,size:i="md",label:o,description:r,errorMessage:c,leadingElement:m=null,trailingElement:d=null,fullWidth:u,className:x,...p},g)=>{const v=t("maxio-text-field",`maxio-text-field--${i}`,{"maxio-text-field--disabled":a,"maxio-text-field--error":l,"maxio-text-field--readonly":n,"maxio-text-field--full-width":u},x);return e.createElement(s.TextField,{...p,isDisabled:a,isReadOnly:n,isInvalid:l,className:v},o&&e.createElement(s.Label,{className:"maxio-text-field__label"},o),e.createElement("div",{className:"maxio-text-field__items"},m&&e.createElement("div",{className:"maxio-text-field__leading-element"},m),e.createElement(s.Input,{ref:g,className:"maxio-text-field__input"}),d&&e.createElement("div",{className:"maxio-text-field__trailing-element"},d)),r&&!(l&&c)&&e.createElement(s.Text,{slot:"description",elementType:"div",className:"maxio-form-helper-text"},r),c&&e.createElement(s.FieldError,{className:"maxio-form-error"},e.createElement(b,{variant:"warning-circle-fill",className:"maxio-form-error__icon"}),e.createElement("div",{className:"maxio-form-error__text"},c)))});_e.displayName="TextField";const Ne=e.forwardRef(({disabled:l=!1,invalid:n=!1,readOnly:i=!1,size:o="md",label:r,helperText:s,showErrorMessage:c=!0,errorMessage:m,leadingElement:d=null,trailingElement:u=null,fullWidth:x,className:p,...g},v)=>{var b,f;const h=e.useRef(null);e.useImperativeHandle(v,()=>h.current),e.useEffect(()=>{console.warn("TextInput is deprecated. Please use TextField instead.")},[]);const{spellCheck:E,..._}=g,N={..._,label:r,description:s,errorMessage:m,defaultValue:null===(b=g.defaultValue)||void 0===b?void 0:b.toString(),value:null===(f=g.value)||void 0===f?void 0:f.toString(),isDisabled:l,isReadOnly:i,isInvalid:n},{labelProps:w,inputProps:y,descriptionProps:k,errorMessageProps:C}=a.useTextField(N,h),I=t("maxio-text-field",`maxio-text-field--${o}`,{"maxio-text-field--disabled":l,"maxio-text-field--error":n,"maxio-text-field--readonly":i,"maxio-text-field--full-width":x},p),S=n&&m&&c;return e.createElement("div",{className:I},r&&e.createElement("label",{className:"maxio-text-field__label",...w},r),e.createElement("div",{className:"maxio-text-field__items"},d&&e.createElement("div",{className:"maxio-text-field__leading-element"},d),e.createElement("input",{ref:h,type:"text",className:"maxio-text-field__input",...y,spellCheck:E}),u&&e.createElement("div",{className:"maxio-text-field__trailing-element"},u)),s&&!S&&e.createElement("div",{className:"maxio-form-helper-text",...k},s),S&&e.createElement(U,{...C},m))});Ne.displayName="TextInput";const we=({options:l,label:n,size:i="md",inline:o=!1,disabled:r=!1,helperText:s,errorMessage:c,fullWidth:m=!1,...d})=>{const u=t("maxio-select",`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--inline":o,"maxio-select--error":!!c,"maxio-select--full-width":m}),x=a.useId();return e.createElement("div",{className:u},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:r,...d},l.map(t=>e.createElement("option",{key:`option-${t.value}`,value:t.value,disabled:t.disabled},t.label))),e.createElement(b,{variant:"chevron-up-down"})),!!c&&e.createElement(U,null,c),s&&!c&&e.createElement("div",{className:"maxio-form-helper-text"},s))},ye=({leadingIcon:t,trailingIcon:a,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,t&&e.createElement(re,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(b,{variant:t,className:i}))),e.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),a&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(b,{variant:a}))),ke=e=>"heading"!==e.type,Ce=e=>{const t=(e=>e.flat().filter(ke).map(e=>e.items).flat().find(e=>null==e?void 0:e.isCurrent))(e);return t?e.map(e=>e.map(e=>{var a;return ke(e)&&(null===(a=e.items)||void 0===a?void 0:a.includes(t))?{...e,isOpen:!0}:e})):e},Ie=e.createContext({}),Se=()=>e.useContext(Ie),Pe=({children:t,isOpen:a,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 a?a:"undefined"==typeof window||window.innerWidth>s)),[u,x]=e.useState(()=>Ce(i)),{windowWitdh:p}=le(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()}(p)},[p]),e.useEffect(()=>{"boolean"==typeof a&&d(a)},[a]);const g=()=>{d(!1)};return e.createElement(Ie.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{x(t=>t.map(t=>t.map(t=>ke(t)?{...t,isOpen:(null==t?void 0:t.name)===e&&!t.isOpen}:t)))},isOpen:m,onOpen:()=>{d(!0)},onClose:g,withIcons:n,shouldToggleSidebar:o}},t)},Re=()=>{const{onOpen:t,topDropdownItems:a,isOpen:l}=Se(),{mainItem:n,otherItems:i,actions:o}=a,r=e.useRef(null),s=ae(r),c=({id:e,title:t,icon:a,iconClass:l,url:n,...i})=>({id:e,label:t,leadingIconName:a,leadingIconClassName:l,link:{href:n,...i}}),{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:t},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:t,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:r},n.url?e.createElement(e.Fragment,null,e.createElement(ye,{type:"menu",isTooltipVisible:!l&&s,leadingIcon:n.icon,trailingIcon:"chevron-up-down",leadingIconClassName:n.iconClass},n.title)):e.createElement(ye,{type:"menu",trailingIcon:"chevron-up-down"},n.title)),e.createElement(E,{truncateLabels:!0,className:"maxio-action-menu__content","aria-label":"Action list",items:m,small:!0})))},Te=({section:t})=>{const{isOpen:a,withIcons:l}=Se(),n=e.useRef(null),i=ae(n);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:n},e.createElement(ye,{isTooltipVisible:i&&!a,type:"menu",leadingIcon:l?t.icon:void 0},t.name)))},$e=({section:a})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=Se(),c=e.useRef(null),m=ae(c);if(!ke(a))return e.createElement("li",{className:"maxio-side-nav__item-header"},a.title);return a.Component?e.createElement(a.Component,{section:a}):a.href?e.createElement(Te,{section:a}):e.createElement("li",{className:t("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":a.isOpen?"true":"false",type:"button",onClick:()=>{o(a.name),i()}},e.createElement(ye,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?a.icon:void 0,trailingIcon:(null===(l=a.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},a.name)),e.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=a.items)||void 0===n?void 0:n.map(t=>e.createElement("li",{key:`section-sub-item-${t.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:t.href,"aria-current":t.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},t.name))))))},De=()=>{const{sections:t}=Se();return e.createElement(e.Fragment,null,t.map((t,a)=>e.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${a}`},t.map((t,l)=>e.createElement($e,{key:`section-list-item-${t.type}-${a}-${l}`,section:t})))))},Oe=()=>{const{onClose:t,shouldToggleSidebar:a}=Se();return e.createElement("div",{className:"maxio-side-nav__logo-container"},e.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),a&&e.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:t},e.createElement(b,{variant:"sidebar"})))},ze=()=>{const{isOpen:a}=Se();return e.createElement("nav",{className:t("maxio-side-nav",{"maxio-side-nav--collapsed":!a})},e.createElement(Oe,null),e.createElement(Re,null),e.createElement("div",{className:"maxio-side-nav__items-container"},e.createElement(De,null)))},Be=e.createContext({}),Me=()=>e.useContext(Be),Le=({children:t,variant:a="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:a,withDivider:l,onChange:e=>{let t;t="function"==typeof e?e(r):e,void 0===o&&s(t),"function"==typeof i&&i(t)}}},t)},Ae=({disabled:a=!1,value:l=0,isCurrent:n,...i})=>{const{onChange:o,currentIndex:r}=Me(),s=t("maxio-tabs__tab",{"maxio-tabs__tab--active":r===l,"maxio-tabs__tab--disabled":a,"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:t,...a}=i;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...a},e.createElement("div",{className:"maxio-tabs__tab__content"},t))}const{children:x,rightIcon:p,...g}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},x,p||null))},Ve=({children:t,value:a,...l})=>{const{currentIndex:n}=Me();return e.createElement("div",{...l,...a?{id:`panel-${a}`}:{},role:"tabpanel","aria-labelledby":`tab-${a}`,hidden:n!==a},t)},He=(e,t,a)=>0===e?e:1===e&&t[e-1].disabled?a||e:t[e-1].disabled?He(e-1,t,a||e):e-1,Fe=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__header",l),...n},a);Fe.displayName="Card.Header";const We=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__body",l),...n},a);We.displayName="Card.Body";const je=({children:a,className:l,...n})=>e.createElement("div",{className:t("maxio-card__footer",l),...n},a);je.displayName="Card.Footer";const qe=({children:a,className:l,variant:n="primary",...i})=>e.createElement("div",{className:t("maxio-card",`maxio-card--${n}`,l),...i},a);qe.displayName="Card";const Ge=Object.assign(qe,{Header:Fe,Body:We,Footer:je});var Ue,Ke,Ye,Ze;function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},Qe.apply(null,arguments)}const Xe=e=>x.createElement("svg",Qe({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},e),Ue||(Ue=x.createElement("path",{d:"M59.32 11.3 70.64 0l40.74 40.35v70.99H40.89L0 70.52l11.15-11.14 36.2 36.15h30.07l3.07-3.39-50.91-51.15 10.99-10.97 51.24 50.83 3.72-3.38V47.13zM180.68 11.3 169.36 0l-40.73 40.35v70.99h70.48L240 70.51l-11.15-11.14-36.2 36.15h-30.06l-3.07-3.39 50.91-51.15-10.99-10.97-51.24 50.83-3.72-3.38V47.12l36.2-35.83ZM59.32 228.7l11.31 11.29 40.74-40.35v-70.99H40.89L0 169.48l11.15 11.14 36.2-36.15h30.07l3.07 3.39-50.92 51.15 10.99 10.97 51.24-50.83 3.72 3.38v30.34zM180.68 228.7l-11.32 11.29-40.73-40.35v-70.99h70.48L240 169.48l-11.15 11.14-36.2-36.15h-30.06l-3.07 3.39 50.91 51.15-10.99 10.97-51.24-50.83-3.72 3.38v30.34zM1015.27 139.55c0-29.94-23.74-53.46-52.11-53.46s-52.11 23.52-52.11 53.46 23.74 53.46 52.11 53.46 52.11-23.52 52.11-53.46m20.32.95c-.5 40.27-32.73 72.76-72.43 72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71 72.44-73.71h.94c39.57.52 71.5 33.32 71.5 73.71v.95Z"})),Ke||(Ke=x.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),Ye||(Ye=x.createElement("path",{fillRule:"evenodd",d:"M850.05 24h20.33v20.33h-20.33zM695.01 82.85l50.83 56.28v6.53l-50.28 55.67 15.23 13.2 49.22-54.49h4.71l49.22 54.49 15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15 55.52h-3.96l-50.15-55.52L695 82.85ZM660.49 78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13 0-52.44 18.93-58.09 44.86l-.28 1.27 19.33 3.72.31-1.14c2.39-8.91 6.66-16.54 13.04-21.94 6.36-5.39 14.91-8.63 26.02-8.63s19.12 3.25 24.76 8.96c5.64 5.72 8.73 14.06 8.73 24.53v6.11L616.62 130l-3.26.68c-16.14 3.47-29.79 7.84-39.59 14.45-10.54 7.11-16.64 16.83-16.64 30.62 0 12.51 4.51 22.62 12.5 29.59 7.96 6.95 19.25 10.67 32.63 10.67 22.27 0 41.87-12.03 51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58Zm-40.09 68.13c-12.86 2.77-23.05 5.42-30.03 9.63-3.46 2.09-6.08 4.54-7.84 7.54s-2.71 6.62-2.71 11.15c0 6.38 2.1 12.12 6.32 16.27 4.22 4.14 10.7 6.82 19.7 6.82 26.85 0 47.46-20.48 47.46-51.36v-7.2l-32.9 7.14Z"})),Ze||(Ze=x.createElement("path",{d:"M434.8 188.74h4.54l61.73-164.33.15-.41h35.57v189.35H515.9V55.37h-4.33l-59.7 157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98H336V24h35.57z"}))),Je=a=>{const{size:l="sm",className:n,variant:i="lockup",alt:o="maxio logo"}=a,r="mark"===i,s="number"==typeof l;return e.createElement(Xe,{role:"img",viewBox:r?"0 0 240 240":"0 0 1036 240","aria-label":o,height:s?l:void 0,className:t("maxio-logo",!s&&`maxio-logo--${l}`,r&&"maxio-logo--mark",n)})},et=({state:a,...l})=>{var n,i;const o=e.useRef(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=d.useToast(l,a,o),{closable:u=!0,underline:x=!0,external:p=!1}=l.toast.content,g=t("maxio-toast",{[`maxio-toast--${l.toast.content.sentiment}`]:l.toast.content.sentiment}),v={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:g,"data-maxio-mode":"dark",...r,ref:o},e.createElement(b,{variant:v,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),l.toast.content.message&&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(_,{href:l.toast.content.link.href,underline:x,external:p},l.toast.content.link.text))),u&&e.createElement(C,{variant:"ghost",icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",className:"maxio-toast__dismiss",...m}))},tt=({state:t,...a})=>{const l=e.useRef(null),{regionProps:n}=d.useToastRegion(a,t,l);return e.createElement("div",{...n,ref:l,className:a.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},t.visibleToasts.map(a=>e.createElement(et,{key:a.key,toast:a,state:t})))},at=e.createContext(null);class lt extends m.ToastQueue{}const nt=({basis:a,flex:l,flexDirection:n,wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:x,justifyContent:p,...g})=>{const v=t("maxio-flex",{[`maxio-flex-${l}`]:l,[`maxio-basis-${a}`]:void 0!==a,[`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-${x}`]:x,[`maxio-justify-${p}`]:p},d);return e.createElement("div",{className:v,...g},u)},it={sm:"h3",md:"h2",lg:"h1"},ot=({children:a,size:l="sm",className:n,...i})=>{const o=it[l],r=t(`maxio-heading-${l}`,n);return e.createElement(o,{className:r,...i},a)},rt=({...t})=>{const l=e.useRef(null),{buttonProps:n}=a.useButton(t,l);return e.createElement("button",{...n,className:"maxio-chip__dismiss-button"},e.createElement(b,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},st={success:"maxio-auth-layout__heading--success",danger:"maxio-auth-layout__heading--danger"};Object.defineProperty(exports,"createColumnHelper",{enumerable:!0,get:function(){return l.createColumnHelper}}),Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:function(){return s.DialogTrigger}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return s.Pressable}}),exports.ActionList=E,exports.Alert=I,exports.AuthLayout=({children:a,heading:l,description:n,sentiment:i="success",leadingElement:o=null,alert:r,topAddon:s=null,footer:c})=>e.createElement("div",{className:"maxio-auth-layout"},e.createElement(nt,{alignItems:"center",justifyContent:"between"},e.createElement(Je,{size:"md"}),s),r&&e.createElement(I,{display:"block",title:r.title,sentiment:r.sentiment},r.children),e.createElement(Ge,{variant:"secondary"},e.createElement(Ge.Body,null,e.createElement(nt,{flexDirection:"col",gap:6},e.createElement(nt,{flexDirection:"col",gap:2},e.createElement(nt,{alignItems:"center",gap:2},o,e.createElement(ot,{size:"lg",className:t("maxio-auth-layout__heading",st[i])},l)),n&&e.createElement(nt,{style:{color:"var(--maxio-color-text-tertiary)"}},e.createElement(se,{size:"sm",className:"maxio-auth-layout__description"},n))),a)),c&&e.createElement(Ge.Footer,null,c))),exports.Avatar=({className:a,src:l,alt:n="avatar"})=>e.createElement("img",{className:t("maxio-avatar",a),alt:n,src:l}),exports.Banner=({children:a,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!a&&!l)return console.warn("Banner component requires either children or title prop to be rendered"),null;const d=t("maxio-banner",{[`maxio-banner--${s}`]:"info"!==s&&s,className:m}),u={success:"check-circle-fill",warning:"warning-circle-fill",danger:"error-fill",info:"info-circle-fill"}[s],x=t("maxio-banner__content",{"maxio-banner__content--block":"block"===r});return e.createElement("div",{className:d,"aria-live":"assertive"},e.createElement(b,{variant:u,className:"maxio-banner__icon","aria-hidden":"true"}),e.createElement("section",{className:"maxio-banner__container"},e.createElement("div",{className:x},l&&e.createElement("span",{className:"maxio-banner__title"},l),a&&e.createElement("span",{className:"maxio-banner__message"},a),n&&o&&e.createElement(_,{href:o,..."warning"!==s&&{variant:"inverse"},underline:!0,...i?{external:!0}:{}},n))),c&&e.createElement(C,{icon:e.createElement(b,{variant:"cross"}),"aria-label":"Dismiss Notification",variant:"ghost",onClick:c,className:"maxio-banner__dismiss"}))},exports.Body=se,exports.Breadcrumbs=({className:a,children:l,...n})=>{const i=e.Children.count(l);if(0===i)throw new Error(D);const o=e.Children.map(l,(t,a)=>{if(e.isValidElement(t)&&t.type===$){if(a===i-1&&t.props.href)throw new Error(O);return e.cloneElement(t,{"aria-current":a===i-1?"page":void 0})}throw new Error(z)});return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:t("maxio-breadcrumbs",a)},o))},exports.BreadcrumbsItem=$,exports.Button=k,exports.Card=Ge,exports.Checkbox=q,exports.CheckboxGroup=({helperText:l,className:n,errorMessage:o,children:r,disabled:s,label:c,defaultValue:m,name:d,...u})=>{var x;const p=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}=a.useCheckboxGroup({"aria-label":null===(x=null!=c?c:u["aria-label"])||void 0===x?void 0:x.toString(),isDisabled:s,isInvalid:!!o,...u},p),E=t("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(W.Provider,{value:p},r),_&&e.createElement(G,{...b},l),o&&h&&e.createElement(U,{...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:x}=a.useToggleButton(m,u,d),p=t("maxio-chip",{"maxio-chip--selected":null==u?void 0:u.isSelected}),g=t("maxio-chip__button",{"maxio-chip--dismissible":i});return e.createElement("div",{className:p},e.createElement("button",{className:g,ref:d,...x,title:c},r&&e.createElement(b,{variant:r,className:"maxio-chip__icon"}),e.createElement("span",{className:"maxio-chip__label"},l),s&&!i&&e.createElement(b,{variant:s,className:"maxio-chip__icon"})),i&&e.createElement(rt,{onPress:i,"aria-label":o}))},exports.Code=({as:a="div",children:l,className:n,...i})=>{const o=a,r=t("maxio-code",n);return e.createElement(o,{className:r,...i},l)},exports.ComboBox=he,exports.DataTable=({pattern:t,size:a="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:d,actions:u,onRowAction:x,...p})=>{const g=(({columns:t,HeaderControls:a,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>e.useMemo(()=>{const s={id:B,header:t=>e.createElement(a,{...t,enableExpanding:o,enableRowSelection:r}),cell:t=>e.createElement(l,{...t,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:M,header:"",cell:t=>e.createElement(n,{...t},i(t.row,t.table)),meta:{actions:!0}}:null;let m=[...t];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,t,a,l]))({columns:d,HeaderControls:K,RowControls:Y,RowActions:Z,actions:u,enableRowSelection:c,enableExpanding:Boolean(m)}),v=l.useReactTable({state:{columnPinning:{left:["row-controls"],right:["row-actions"]},...p.state},getSubRows:e=>e.subRows,getCoreRowModel:l.getCoreRowModel(),enableRowSelection:c,enableExpanding:Boolean(m),...!p.manualExpanding&&{getExpandedRowModel:l.getExpandedRowModel()},enableSorting:s,...!p.manualSorting&&{getSortedRowModel:l.getSortedRowModel()},columns:g,...p}),b=v.getCanSomeRowsExpand(),f=v.getState();return e.useEffect(()=>{null==i||i(f.expanded)},[i,f.expanded]),e.useEffect(()=>{null==o||o(f.rowSelection)},[o,f.rowSelection]),e.useEffect(()=>{null==r||r(f.sorting)},[r,f.sorting]),e.createElement(L,{pattern:t,size:a,isExpandable:b,isUsingCustomRow:!!n},e.createElement(A,null,v.getHeaderGroups().map(t=>e.createElement(F,{key:t.id,table:v,isHeader:!0},t.headers.map(t=>e.createElement(H,{key:t.id,table:v,header:t,enableExpanding:m},l.flexRender(t.column.columnDef.header,t.getContext())))))),e.createElement(V,null,v.getRowModel().rows.map(a=>e.createElement(X,{key:a.id,row:a,pattern:t,SubRowComponent:n,enableExpanding:m,onRowAction:x}))))},exports.Display=({as:a="div",children:l,size:n="md",className:i,...o})=>{const r=a,s=t(`maxio-display-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Flex=nt,exports.FormErrorMessage=U,exports.FormHelperText=G,exports.GlobalToastProvider=({children:t,toastQueue:a,...l})=>{const n=m.useToastQueue(a),i=e.useCallback(()=>{n.visibleToasts.forEach(e=>{a.close(e.key)})},[n.visibleToasts,a]),o=e.useMemo(()=>({addToast:a.add.bind(a),removeToast:a.clear.bind(a),removeAllToasts:i,state:n}),[a,i,n]);return e.createElement(at.Provider,{value:o},t,n.visibleToasts.length>0&&e.createElement(tt,{...l,state:n}))},exports.Grid=({children:a,templateColumns:l,templateRows:n,autoColumns:i,autoRows:o,inline:r,column:s,columnStart:c,columnEnd:m,row:d,rowStart:u,rowEnd:x,gap:p,gapX:g,gapY:v,className:b,justifyContent:f,alignItems:h,...E})=>{const _=t(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-${x}`]:x,[`maxio-gap-${p}`]:void 0!==p,[`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},a)},exports.Heading=ot,exports.Icon=b,exports.IconButton=C,exports.Label=({as:a="div",children:l,size:n="sm",className:i,...o})=>{const r=a,s=t(`maxio-label-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Link=_,exports.ListBox=xe,exports.LoadingSpinner=N,exports.Logo=Je,exports.Menu=({children:t})=>e.createElement(P,null,e.createElement(T,null,t)),exports.MenuButton=({children:a,iconName:l="chevron-down","aria-label":n,size:i="md",variant:o="secondary"})=>{const r=t({"maxio-action-menu__chevron":"chevron-down"===l}),s=t("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":l&&!a}),{isOpen:c,buttonId:m,controlsId:d}=R();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":n,"aria-expanded":c,"aria-controls":d,id:m},a&&e.createElement("span",null,a),l&&e.createElement(b,{variant:l,className:`${r} maxio-button__trailing-element`}))},exports.MenuList=({items:a,alignItemsEnd:l=!1})=>{const n=t("maxio-action-menu__content",{"maxio-action-menu__content--align-end":l}),{controlsId:i,buttonId:o}=R();return e.createElement("div",{className:n,role:"presentation"},e.createElement(E,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:a}))},exports.OverlayTrigger=ne,exports.Pagination=({size:t="md",onChange:a,totalItems:l=0,itemsPerPage:n=30,currentPage:i=1,pageSizeOptions:o,manualPageInput:r=!1})=>{const[s,c]=e.useState(i),[m,d]=e.useState(n),[u,x]=e.useState(i.toString());e.useEffect(()=>{x(s.toString())},[s]);const p=Math.ceil(l/m),g=s<p,v=s>1,f=m*(s-1)+1,h=Math.min(m*s,l),E=o.map(e=>({label:e.toString(),value:e.toString()})),_=Array.from({length:p},(e,t)=>t+1).map(e=>({label:e.toString(),value:e.toString()})),N=e=>{c(e),null==a||a({currentPage:e,itemsPerPage:m})},w=e=>{const t=parseInt(e,10);if(isNaN(t))return void x(s.toString());const a=Math.max(1,Math.min(t,p));x(a.toString()),N(a)};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(we,{inline:!0,size:t,options:E,onChange:e=>{return t=Number(e.target.value),d(t),c(1),void(null==a||a({currentPage:1,itemsPerPage:t}));var t},value:m,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,f,"–",h," of ",l," items")),e.createElement("div",{className:"maxio-pagination__current-page"},r?e.createElement(Ne,{className:"maxio-pagination__page-input",value:u,min:1,max:p,onChange:e=>(e=>{x(e)})(e),onBlur:e=>{w(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&(w(e.currentTarget.value),e.currentTarget.blur())},"aria-label":"Page number",size:t,type:"number",onWheel:e=>e.preventDefault()}):e.createElement(we,{inline:!0,size:t,"aria-label":"Select page",onChange:e=>N(Number(e.target.value)),value:s,options:_,id:"page-index-large"}),e.createElement("div",{className:"maxio-pagination__label"},"of ",p," pages")),e.createElement("div",{className:"maxio-pagination__controls"},e.createElement(re,{onVisibilityUpdate:()=>{},renderContent:()=>"Previous",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(C,{icon:e.createElement(b,{variant:"chevron-left"}),size:t,variant:"ghost",onClick:()=>N(s-1),"aria-label":"Previous",disabled:!v})),e.createElement(re,{onVisibilityUpdate:()=>{},renderContent:()=>"Next",floatingElementOffset:9,placement:"top",size:"small"},e.createElement(C,{icon:e.createElement(b,{variant:"chevron-right"}),size:t,variant:"ghost",onClick:()=>N(s+1),"aria-label":"Next",disabled:!g}))))},exports.Popover=pe,exports.ProgressBar=({label:l,helperText:n,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=a.useId(),d=a.useId(),u=r&&!!l&&!!s&&!("inline"===o),x=n&&!("inline"===o),p=n&&"inline"===o,{progressBarProps:g,labelProps:v}=a.useProgressBar({maxValue:c,value:s,label:l}),b=t("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),p&&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`}),x&&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(Ee),{inputProps:m,isDisabled:d}=a.useRadio({...r,value:(r.value||"").toString(),"aria-label":r["aria-label"]||o,isDisabled:n},c,s),u=t("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:t,label:l,errorMessage:n,helperText:i,disabled:o=!1,invalid:r=!1,name:s,defaultValue:m,...d})=>{const u=c.useRadioGroupState({isDisabled:o,isInvalid:r,description:i,name:s,label:l,errorMessage:n,defaultValue:m,...d}),{radioGroupProps:x,labelProps:p,descriptionProps:g,errorMessageProps:v}=a.useRadioGroup({"aria-label":d["aria-label"]||l,...d},u);return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...x},l&&e.createElement("label",{className:"maxio-radio-group__label",...p},l),e.createElement(Ee.Provider,{value:u},t),r&&n&&e.createElement(U,{...v},n),i&&!r&&e.createElement(G,{...g},i)))},exports.Select=we,exports.SideNav=({withIcons:t=!0,shouldToggleSidebar:a=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(Pe,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:t,shouldToggleSidebar:a,topDropdownItems:l,sections:n},e.createElement(ze,null)),exports.Tab=Ae,exports.TabList=({children:a,className:l,ariaLabel:n,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=Me(),m=t("maxio-tabs",l,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(a,e=>e.props);return e.createElement("div",{className:m,role:"tablist","aria-label":n,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var t;"ArrowRight"===e.key&&c(e=>((e,t)=>{const a=t.findIndex((t,a)=>!t.disabled&&a>e);return-1===a?e:a})(e,u())),"ArrowLeft"===e.key&&c(e=>He(e,u())),null===(t=d.current)||void 0===t||t.focus()},...i},e.Children.map(a,(t,a)=>{if(e.isValidElement(t)&&t.type===Ae)return e.cloneElement(t,{value:a,isCurrent:s===a});throw new Error("You can only pass <Tab /> component as children")}))},exports.TabPanel=Ve,exports.TabPanels=({children:t})=>{const{currentIndex:a}=Me();return e.createElement(e.Fragment,null,e.Children.map(t,(t,l)=>{if(e.isValidElement(t)&&t.type===Ve)return l===a?e.cloneElement(t,{value:l}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},exports.Tabs=({children:t,variant:a="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>e.createElement(Le,{defaultIndex:n,variant:a,withDivider:l,index:i,onChange:o},t),exports.Tag=({children:a,size:l,sentiment:n,kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=t("maxio-tag",`maxio-tag--${i}`,!!n&&`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(b,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},a),r&&e.createElement(b,{variant:r,className:"maxio-tag__icon"}))},exports.TextField=_e,exports.TextInput=Ne,exports.Tile=({children:a,className:l,href:n,onClick:i,target:o,disabled:r})=>{const s=n||i;if(!s)return e.createElement("div",{className:"maxio-tile"},a);const c=t("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()}},a)},exports.ToastProvider=({children:t,...a})=>{const{maxVisibleToasts:l=5,...n}=a,i=m.useToastState({maxVisibleToasts:l,...n});return e.useEffect(()=>{console.warn("ToastProvider is deprecated. Please use the global toast API instead.")},[]),e.createElement(e.Fragment,null,t(i),i.visibleToasts.length>0&&e.createElement(tt,{...a,state:i}))},exports.ToastQueue=lt,exports.Toggle=({defaultChecked:a,checked:l,onChange:n,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),x="boolean"==typeof a,p=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 t=e.currentTarget.checked;x&&(e.currentTarget.checked=!t),n&&n(!t,e)}},[x,n]),f=d["aria-label"]||(v?void 0:o);return e.createElement("div",{className:t("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:p},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:a,checked:l,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:b,disabled:i,className:"maxio-toggle__checkbox",id:p,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=ie,exports.TooltipTrigger=re,exports.TopBar=({children:t,actions:a,sideNavIsClosed:l,openSideNav:n})=>e.createElement("nav",{className:"maxio-top-bar"},l&&e.createElement(C,{"aria-label":"Open Side Navigation",variant:"ghost",icon:e.createElement(b,{variant:"sidebar"}),onClick:n}),e.createElement(nt,{grow:!0,justifyContent:"end"},t),a),exports.useHover=ae,exports.useOverlayTrigger=te,exports.useToast=()=>{const t=e.useContext(at);if(!t)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return t},exports.useWindowSize=le;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Logo/logo.svg"],"sourcesContent":["<svg\n id=\"logo-svg\"\n data-name=\"Maxio Logo SVG\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 1036 240\"\n>\n <path d=\"M59.32,11.3L70.64,0h0s40.74,40.35,40.74,40.35v70.99H40.89L0,70.52l11.15-11.14,36.2,36.15h30.07l3.07-3.39L29.58,40.99l10.99-10.97,51.24,50.83,3.72-3.38v-30.34L59.32,11.3Z\" />\n <path d=\"M180.68,11.3L169.36,0h0s-40.73,40.35-40.73,40.35v70.99h70.48l40.89-40.83-11.15-11.14-36.2,36.15h-30.06l-3.07-3.39,50.91-51.15-10.99-10.97-51.24,50.83-3.72-3.38v-30.34l36.2-35.83Z\" />\n <path d=\"M59.32,228.7l11.31,11.29h0s40.74-40.35,40.74-40.35v-70.99H40.89L0,169.48l11.15,11.14,36.2-36.15h30.07l3.07,3.39-50.92,51.15,10.99,10.97,51.24-50.83,3.72,3.38v30.34l-36.2,35.83Z\" />\n <path d=\"M180.68,228.7l-11.32,11.29-40.73-40.35v-70.99h70.48l40.89,40.83-11.15,11.14-36.2-36.15h-30.06l-3.07,3.39,50.91,51.15-10.99,10.97-51.24-50.83-3.72,3.38v30.34l36.2,35.83Z\" />\n <path d=\"M1015.27,139.55c0-29.94-23.74-53.46-52.11-53.46-28.37,0-52.11,23.52-52.11,53.46s23.74,53.46,52.11,53.46,52.11-23.52,52.11-53.46ZM1035.59,140.5c-.5,40.27-32.73,72.76-72.43,72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71,72.44-73.71h.94c39.57.52,71.5,33.32,71.5,73.71v.95Z\" />\n <path fill-rule=\"evenodd\" d=\"M870.39,24h-20.33v20.33h20.33v-20.33ZM870.39,64.67h-20.33v148.59h20.33V64.67Z\" />\n <path fill-rule=\"evenodd\" d=\"M850.05,24h20.33v20.33h-20.33v-20.33Z\" />\n <path fill-rule=\"evenodd\" d=\"M695.01,82.85l50.83,56.28v6.53l-50.28,55.67,15.23,13.2,49.22-54.49h4.71l49.22,54.49,15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15,55.52h-3.96l-50.15-55.52-15.23,13.2Z\" />\n <path fill-rule=\"evenodd\" d=\"M660.49,78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13,0-52.44,18.93-58.09,44.86l-.28,1.27,19.33,3.72.31-1.14c2.39-8.91,6.66-16.54,13.04-21.94,6.36-5.39,14.91-8.63,26.02-8.63s19.12,3.25,24.76,8.96c5.64,5.72,8.73,14.06,8.73,24.53v6.11l-36.67,7.59-3.26.68c-16.14,3.47-29.79,7.84-39.59,14.45-10.54,7.11-16.64,16.83-16.64,30.62,0,12.51,4.51,22.62,12.5,29.59,7.96,6.95,19.25,10.67,32.63,10.67,22.27,0,41.87-12.03,51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58ZM620.4,146.77c-12.86,2.77-23.05,5.42-30.03,9.63-3.46,2.09-6.08,4.54-7.84,7.54-1.76,3-2.71,6.62-2.71,11.15,0,6.38,2.1,12.12,6.32,16.27,4.22,4.14,10.7,6.82,19.7,6.82,26.85,0,47.46-20.48,47.46-51.36v-7.2l-32.9,7.14Z\" />\n <path d=\"M434.8,188.74h4.54l61.73-164.33.15-.41h35.57v189.35h-20.89V55.37h-4.33l-59.7,157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98h-20.88V24h35.57l63.23,164.74Z\" />\n</svg>\n"],"names":["_path","_path2","_path3","_path4","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgLogo","props","React","createElement","xmlns","viewBox","d","fillRule"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Logo/logo.svg"],"sourcesContent":["<svg\n id=\"logo-svg\"\n data-name=\"Maxio Logo SVG\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 1036 240\"\n>\n <path d=\"M59.32,11.3L70.64,0h0s40.74,40.35,40.74,40.35v70.99H40.89L0,70.52l11.15-11.14,36.2,36.15h30.07l3.07-3.39L29.58,40.99l10.99-10.97,51.24,50.83,3.72-3.38v-30.34L59.32,11.3Z\" />\n <path d=\"M180.68,11.3L169.36,0h0s-40.73,40.35-40.73,40.35v70.99h70.48l40.89-40.83-11.15-11.14-36.2,36.15h-30.06l-3.07-3.39,50.91-51.15-10.99-10.97-51.24,50.83-3.72-3.38v-30.34l36.2-35.83Z\" />\n <path d=\"M59.32,228.7l11.31,11.29h0s40.74-40.35,40.74-40.35v-70.99H40.89L0,169.48l11.15,11.14,36.2-36.15h30.07l3.07,3.39-50.92,51.15,10.99,10.97,51.24-50.83,3.72,3.38v30.34l-36.2,35.83Z\" />\n <path d=\"M180.68,228.7l-11.32,11.29-40.73-40.35v-70.99h70.48l40.89,40.83-11.15,11.14-36.2-36.15h-30.06l-3.07,3.39,50.91,51.15-10.99,10.97-51.24-50.83-3.72,3.38v30.34l36.2,35.83Z\" />\n <path d=\"M1015.27,139.55c0-29.94-23.74-53.46-52.11-53.46-28.37,0-52.11,23.52-52.11,53.46s23.74,53.46,52.11,53.46,52.11-23.52,52.11-53.46ZM1035.59,140.5c-.5,40.27-32.73,72.76-72.43,72.76h-.94c-39.58-.52-71.5-33.32-71.5-73.71s32.43-73.71,72.44-73.71h.94c39.57.52,71.5,33.32,71.5,73.71v.95Z\" />\n <path fill-rule=\"evenodd\" d=\"M870.39,24h-20.33v20.33h20.33v-20.33ZM870.39,64.67h-20.33v148.59h20.33V64.67Z\" />\n <path fill-rule=\"evenodd\" d=\"M850.05,24h20.33v20.33h-20.33v-20.33Z\" />\n <path fill-rule=\"evenodd\" d=\"M695.01,82.85l50.83,56.28v6.53l-50.28,55.67,15.23,13.2,49.22-54.49h4.71l49.22,54.49,15.23-13.2-50.28-55.67v-6.53l50.83-56.28-15.23-13.2-50.15,55.52h-3.96l-50.15-55.52-15.23,13.2Z\" />\n <path fill-rule=\"evenodd\" d=\"M660.49,78.64c-9.41-9.28-23.26-13.97-41.02-13.97-31.13,0-52.44,18.93-58.09,44.86l-.28,1.27,19.33,3.72.31-1.14c2.39-8.91,6.66-16.54,13.04-21.94,6.36-5.39,14.91-8.63,26.02-8.63s19.12,3.25,24.76,8.96c5.64,5.72,8.73,14.06,8.73,24.53v6.11l-36.67,7.59-3.26.68c-16.14,3.47-29.79,7.84-39.59,14.45-10.54,7.11-16.64,16.83-16.64,30.62,0,12.51,4.51,22.62,12.5,29.59,7.96,6.95,19.25,10.67,32.63,10.67,22.27,0,41.87-12.03,51.04-27.03v25.55h21.39v-95.3c0-17.6-4.77-31.3-14.19-40.58ZM620.4,146.77c-12.86,2.77-23.05,5.42-30.03,9.63-3.46,2.09-6.08,4.54-7.84,7.54-1.76,3-2.71,6.62-2.71,11.15,0,6.38,2.1,12.12,6.32,16.27,4.22,4.14,10.7,6.82,19.7,6.82,26.85,0,47.46-20.48,47.46-51.36v-7.2l-32.9,7.14Z\" />\n <path d=\"M434.8,188.74h4.54l61.73-164.33.15-.41h35.57v189.35h-20.89V55.37h-4.33l-59.7,157.57-.15.41h-29.29l-61.2-157.98h-4.35v157.98h-20.88V24h35.57l63.23,164.74Z\" />\n</svg>\n"],"names":["_path","_path2","_path3","_path4","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgLogo","props","React","createElement","xmlns","viewBox","d","fillRule"],"mappings":"mynCAAA,IAAIA,GAAOC,GAAQC,GAAQC,GAC3B,SAASC,KAAa,OAAOA,GAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,GAASY,MAAM,KAAMN,UAAY,CAEnR,MAAMO,GAAUC,GAAsBC,EAAMC,cAAc,MAAOhB,GAAS,CACxEiB,MAAO,6BACP,YAAa,iBACbC,QAAS,gBACRJ,GAAQlB,KAAUA,GAAqBmB,EAAMC,cAAc,OAAQ,CACpEG,EAAG,m3BACAtB,KAAWA,GAAsBkB,EAAMC,cAAc,OAAQ,CAChEI,SAAU,UACVD,EAAG,iEACArB,KAAWA,GAAsBiB,EAAMC,cAAc,OAAQ,CAChEI,SAAU,UACVD,EAAG,s3BACApB,KAAWA,GAAsBgB,EAAMC,cAAc,OAAQ,CAChEG,EAAG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maxio-com/react-ui-components",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.13.0",
|
|
4
4
|
"description": "React UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "b29234f89ebd5d4dcfebf1baa5bce36115879b01"
|
|
66
66
|
}
|
package/typings/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export { DialogTrigger, Pressable } from 'react-aria-components';
|
|
|
8
8
|
import { ToastState, ToastQueue as ToastQueue$1 } from '@react-stately/toast';
|
|
9
9
|
import { AriaCheckboxGroupProps, AriaRadioGroupProps, AriaToggleButtonProps } from 'react-aria';
|
|
10
10
|
|
|
11
|
-
declare const ICONS: readonly ["address-card", "arrow-down", "arrow-down-left", "arrow-down-left-long", "arrow-down-long", "arrow-down-right", "arrow-down-right-long", "arrow-down-up", "arrow-left", "arrow-left-long", "arrow-left-right", "arrow-right", "arrow-right-long", "arrow-turn-down-right", "arrow-up", "arrow-up-left", "arrow-up-left-long", "arrow-up-long", "arrow-up-right", "arrow-up-right-long", "bank", "bar-chart", "briefcase", "building", "business-intelligence", "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", "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", "graph", "home", "info-circle", "info-circle-fill", "line-vertical", "list", "login", "logout", "megaphone", "menu", "menu-chevron-left", "menu-chevron-right", "notification", "notification-unread", "pen", "plus", "plus-circle", "plus-circle-fill", "question-circle", "question-circle-fill", "recently-viewed", "search", "square-small-fill", "trash", "triangle-small-fill", "user", "warning-circle", "warning-circle-fill"
|
|
11
|
+
declare const ICONS: readonly ["address-card", "arrow-down", "arrow-down-left", "arrow-down-left-long", "arrow-down-long", "arrow-down-right", "arrow-down-right-long", "arrow-down-up", "arrow-left", "arrow-left-long", "arrow-left-right", "arrow-right", "arrow-right-long", "arrow-turn-down-right", "arrow-up", "arrow-up-left", "arrow-up-left-long", "arrow-up-long", "arrow-up-right", "arrow-up-right-long", "bank", "bar-chart", "briefcase", "building", "business-intelligence", "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", "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", "graph", "home", "info-circle", "info-circle-fill", "line-vertical", "list", "login", "logout", "megaphone", "menu", "menu-chevron-left", "menu-chevron-right", "notification", "notification-unread", "pen", "plus", "plus-circle", "plus-circle-fill", "question-circle", "question-circle-fill", "recently-viewed", "search", "square-small-fill", "trash", "triangle-small-fill", "user", "warning-circle", "warning-circle-fill"];
|
|
12
12
|
|
|
13
13
|
type IconVariant = (typeof ICONS)[number] | string;
|
|
14
14
|
type IconProps = {
|