@maxio-com/react-ui-components 9.8.0 → 9.8.1

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.
Files changed (4) hide show
  1. package/dist/index.esm.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +2 -2
  4. package/typings/index.d.ts +0 -792
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),a=require("classnames"),t=require("react-aria"),l=require("@tanstack/react-table"),n=require("@react-stately/toggle"),i=require("@react-stately/checkbox"),o=require("framer-motion"),r=require("@floating-ui/react-dom-interactions"),s=require("@react-stately/radio"),c=require("react-aria-components"),m=require("@react-stately/toast"),d=require("@react-aria/toast");function u(e){var a=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}}),a.default=e,Object.freeze(a)}var p=u(e);const x=["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:t,color:l,className:n,size:i})=>{const o=(e,a)=>a.includes(e),r=o(t,x)||o(t,g),s=o(t,v),c=a({"fa-kit":r,"fa-kit-duotone":s,"fa-sharp fa-regular":!r&&!s,[`fa-${t}`]:!0,[`fa-${i}`]:i,[`maxio-icon--${l}`]:l&&!o(t,g)&&!o(t,v)},n);return e.createElement("i",{className:c})},h=({item:l,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),c=e.useRef(!1),m=t.useId();if(e.useEffect(()=>{var e;n&&c.current&&(null===(e=s.current)||void 0===e||e.focus())},[n]),e.useEffect(()=>{c.current=!0},[]),"divider"===l.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,leadingIconClassName:u,trailingIconName:p,label:x,description:g,link:v}=l,h=a("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...v,className:a("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:a("maxio-action-list__leading-icon",u)}),e.createElement("span",{className:h,id:m},x),g&&e.createElement("span",{className:"maxio-action-list__description"},g),p&&e.createElement(b,{variant:p,className:"maxio-action-list__trailing-icon"}))},f=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?f(e-1,a,t||e):e-1,E=({items:t,isShadowed:l=!0,itemProps:n={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=a("maxio-action-list",i,{"maxio-action-list--shadow":l}),[m,d]=e.useState(()=>t.findIndex(e=>"divider"!==e.type));return 0===t.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[m];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),d(e=>f(e,t))),"ArrowDown"===e.code&&(e.preventDefault(),d(e=>((e,a)=>{const t=a.findIndex((a,t)=>"divider"!==a.type&&t>e);return-1===t?e:t})(e,t)))},role:"listbox",...s},t.map((a,t)=>e.createElement(h,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===m,small:r,...n})))},_=({className:t,children:l,disabled:n,external:i,icon:o,size:r="sm",underline:s,variant:c,...m})=>{const d=a("maxio-link",{[`maxio-link--${r}`]:r,"maxio-link--disabled":n,[`maxio-link--${c}`]:c,"maxio-link--underline":s},t),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:t="md",white:l=!1,className:n})=>{const i=a("maxio-loading-spinner",n,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":l});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},w=({fullWidth:l=!1,leadingElement:n,trailingElement:i,icon:o,variant:r="primary",size:s,...c})=>{const m=e.useRef(null),{linkProps:d}=t.useLink({...c},m),u=a("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:p}=t.useButton({...d,isDisabled:l,formAction:"string"==typeof d.formAction?d.formAction:void 0},u),x=["primary","danger"].includes(c),g=a("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",{...p,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:x}))},k=a=>(e=>"href"in e)(a)?e.createElement(w,{...a}):e.createElement(y,{...a}),C=({"aria-label":t,className:l,...n})=>e.createElement(k,{"aria-label":t,className:a("maxio-button--icon",l),...n},null),I=({children:t,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!t&&!l)return console.warn("Alert component requires either children or title prop to be rendered"),null;const d=a("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],p=a("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:p},l&&e.createElement("span",{className:"maxio-alert__title"},l),t&&e.createElement("span",{className:"maxio-alert__message"},t),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:a})=>{const[t,l]=e.useState(!1),n=e.useId(),i=e.useId();return e.createElement(S.Provider,{value:{controlsId:n,buttonId:i,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},a)};function T(){const a=e.useContext(S);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const R=({children:a})=>{const{isOpen:t,onToggle:l,onClose:n}=T();return e.createElement("details",{open:t,onToggle:l,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:n}):a)},$=({children:t,className:l,href:n,...i})=>{const o=n?e.createElement(_,{size:"sm",href:n},t):t;return e.createElement("li",{className:a("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",M="row-controls",L="row-actions",B=({children:t,pattern:l,size:n,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=l&&o&&i,u=a("maxio-data-table",{"maxio-data-table--pattern":l&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${n}`]:n,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:u},t))},V=({children:a})=>e.createElement("thead",null,a),H=({children:a})=>e.createElement("tbody",null,a),A=({children:t,table:l,header:n,className:i,enableExpanding:o,...r})=>{var s,c,m,d,u,p,x,g,v,h,f;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===(p=null===(u=null==E?void 0:E.columnDef)||void 0===u?void 0:u.meta)||void 0===p?void 0:p.width,I=null===(g=null===(x=null==E?void 0:E.columnDef)||void 0===x?void 0:x.meta)||void 0===g?void 0:g.controls,S=null===(h=null===(v=null==E?void 0:E.columnDef)||void 0===v?void 0:v.meta)||void 0===h?void 0:h.actions,P=null==E?void 0:E.getIsPinned(),T=null==E?void 0:E.getIsSorted(),R="asc"===T,$=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${P}`]:P,"maxio-data-table__cell--sortable":_,"maxio-data-table__cell--active":T,[`maxio-data-table__cell--${y}`]:y,"maxio-data-table__cell--controls":I,"maxio-data-table__cell--actions":S}),D=k?{width:k}:{},O=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!T,R),z=null==l?void 0:l.getToggleAllRowsExpandedHandler(),L=null===(f=null==l?void 0:l.getIsAllRowsExpanded)||void 0===f?void 0:f.call(l),B=(null==n?void 0:n.headerGroup.headers[0].id)===M?1:0,V=o&&(null==n?void 0:n.index)===B;return w?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":T?R?"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&&V&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:L?"chevron-down":"chevron-right"}),onClick:z,"aria-label":L?"Collapse all rows":"Expand all rows","data-open":L,className:"maxio-data-table__expand-button"}),t,_&&e.createElement(b,{variant:O,className:"maxio-data-table__sort-icon"})))},F=({children:t,row:l,isChild:n,isHeader:i,className:o})=>{var r,s,c;const m=null===(r=null==l?void 0:l.getIsSelected)||void 0===r?void 0:r.call(l),d=(null===(s=null==l?void 0:l.getCanExpand)||void 0===s?void 0:s.call(l))&&(null===(c=null==l?void 0:l.getIsExpanded)||void 0===c?void 0:c.call(l)),u=a({"maxio-data-table__row":!i,"maxio-data-table__header-row":i,"maxio-data-table__row--active":m,"maxio-data-table__row--expanded":d,"maxio-data-table__row--expanded-child":n},o);return e.createElement("tr",{className:u},t)},q=e.createContext({}),W=e.forwardRef(({checked:t,disabled:l,invalid:n,indeterminate:i,className:o,inputProps:r,error:s,label:c},m)=>{const d=a("maxio-checkbox",{"maxio-checkbox--checked":t,"maxio-checkbox--disabled":l,"maxio-checkbox--error":n,"maxio-checkbox--indeterminate":i},o);return e.createElement("label",{className:d},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:m,...r}),e.createElement("span",{className:"maxio-checkbox__control"},s&&e.createElement("span",{className:"maxio-checkbox__control-error"})),c&&e.createElement("span",{className:"maxio-checkbox__label"},c))});W.displayName="InnerCheckbox";const j=({label:a,error:l=!1,className:i,indeterminate:o,value:r="",disabled:s,readOnly:c,defaultChecked:m,checked:d,...u})=>{const p=e.useRef(null),x=e.useContext(q),{inputProps:g,isDisabled:v,isInvalid:b,isSelected:h}=x&&Object.keys(x).length>0?t.useCheckboxGroupItem({value:r,"aria-label":null!=a?a:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,...u},x,p):t.useCheckbox({"aria-label":null!=a?a:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,value:r,...u},n.useToggleState({...u,isSelected:d,defaultSelected:m}),p);return e.createElement(W,{inputProps:g,checked:h,disabled:v,invalid:b,indeterminate:o,className:i,error:l,label:a,ref:p,...u})},G=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-form-helper-text",l),...n},t),U=({children:t,className:l,...n})=>e.createElement("div",{className:a("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"},t)),Y=({table:a})=>{var t,l,n,i;const o=null===(t=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===t?void 0:t.call(a),r=(null===(l=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(a))||(null===(n=null==a?void 0:a.getIsAllRowsSelected)||void 0===n?void 0:n.call(a)),s=null===(i=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(a);return e.createElement(j,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},Z=({row:a})=>{var t,l,n,i;const o=null===(t=null==a?void 0:a.getToggleSelectedHandler)||void 0===t?void 0:t.call(a),r=(null===(l=null==a?void 0:a.getIsSelected)||void 0===l?void 0:l.call(a))||(null===(n=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(a)),s=null===(i=null==a?void 0:a.getIsSomeSelected)||void 0===i?void 0:i.call(a),c=a.id||a.index;return e.createElement(j,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},K=({children:a})=>e.createElement("div",{className:"maxio-data-table__cell-flex"},a),Q=({row:t,cell:l,children:n,className:i,...o})=>{var r,s,c,m,d,u;const p=null==l?void 0:l.column,x=null===(s=null===(r=null==p?void 0:p.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,g=null===(m=null===(c=null==p?void 0:p.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null===(u=null===(d=null==p?void 0:p.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.actions,b=null==p?void 0:p.getIsPinned(),h=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${x}`]:x,"maxio-data-table__cell--controls":g,"maxio-data-table__cell--actions":v});return e.createElement("td",{className:h,...o},n)},X=({row:a,SubRowComponent:t,pattern:n,enableExpanding:i})=>{var o,r,s,c,m;const d=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),u=d&&a.getVisibleCells()[0].column.columnDef.id===M,p=d&&a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id===L,x=[p,u].filter(Boolean).length,g=a.getVisibleCells().length-x,v=null!==(r=null===(o=a.getParentRow())||void 0===o?void 0:o.index)&&void 0!==r?r:a.index,h=n&&t&&v%2==1?"maxio-data-table__row--with-pattern":void 0,f=null===(s=a.getCanExpand)||void 0===s?void 0:s.call(a),E=null===(c=null==a?void 0:a.getToggleExpandedHandler)||void 0===c?void 0:c.call(a),_=null===(m=null==a?void 0:a.getIsExpanded)||void 0===m?void 0:m.call(a),N=f&&i?0:1.75,w=a.getVisibleCells()[0].column.columnDef.id===M?1:0;return e.createElement(e.Fragment,{key:a.id},d?e.createElement(F,{key:`${a.id}-sub`,row:a,isChild:!0,className:h},u&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Q,{colSpan:g},t(a)),p&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(F,{key:`${a.id}-parent`,row:a,className:h},a.getVisibleCells().map(t=>{const n=i&&t.column.getIndex()===w;return e.createElement(Q,{key:t.id,row:a,cell:t},e.createElement("div",{className:"maxio-data-table__cell-flex",style:i&&n?{paddingLeft:`${(null==a?void 0:a.depth)+N}rem`}:void 0},i&&f&&n&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:_?"chevron-down":"chevron-right"}),onClick:E,"aria-label":_?"Collapse row":"Expand row","data-open":_,className:"maxio-data-table__expand-button"}),l.flexRender(t.column.columnDef.cell,t.getContext())))})))},J={click:r.useClick,hover:e=>r.useHover(e,{delay:100}),focus:r.useFocus,dismiss:r.useDismiss},ee=(e,a)=>a.map(a=>J[a](e)),ae=({placement:a="top",isActive:t=!1,interactions:l=["hover"],floatingElementOffset:n=0,onOverlayUpdate:i,autoHideMs:o})=>{const s=e.useRef(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:x}=r.useFloating({placement:a,open:t,onOpenChange:e=>i(e),middleware:[r.offset(n)]}),{getReferenceProps:g,getFloatingProps:v}=r.useInteractions([...ee(u,l),r.useRole(u,{role:"tooltip"})]);e.useEffect(()=>{s.current&&clearTimeout(s.current),t&&o&&(s.current=window.setTimeout(()=>i(!1),o))},[t,o]);return{isActive:t,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:v}};function te(a,t=0){const l=e.useRef((new Date).getTime()),n=e.useRef((new Date).getTime()),[i,o]=e.useState(!1);return e.useEffect(()=>{const e=()=>{l.current=(new Date).getTime(),o(!0)},i=()=>{n.current=(new Date).getTime(),window.setTimeout(()=>{l.current-n.current<=0&&o(!1)},t)},r=a&&a.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}},[a]),i}function le(a=500){const[t,l]=e.useState(()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}}),n=e.useRef(null);return e.useEffect(()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:i}=window;window.clearTimeout(null!==(e=n.current)&&void 0!==e?e:void 0),n.current=window.setTimeout(()=>{l({windowWitdh:t,windowHeight:i})},a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[a]),t}const ne=({children:t,usePortal:l=!1,isActive:n=!1,placement:i="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:x,className:g})=>{const{getReferenceProps:v,getFloatingProps:b,refs:{floating:h,reference:f},floatingElementCSSPosition:E}=ae({isActive:n,onOverlayUpdate:x,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:i}),_=e.createElement(o.AnimatePresence,null,n&&e.createElement(o.motion.div,{ref:h,style:E,...u,...b()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:f,className:a("maxio-inline-flex",g),...v(),"data-testid":"overlay-trigger"},t),l?e.createElement(r.FloatingPortal,{id:"maxio-ui-portal"},_):_)},ie=({children:t,arrowPosition:l,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${l}`]:l})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),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:a,interactions:t=["hover"],placement:l="right",maxWidth:n=160,size:i="regular",renderContent:o,autoHideMs:r,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,x]=e.useState(!1),g=void 0!==s,v=e.useRef(null),b=e.useCallback(e=>{v.current&&clearTimeout(v.current),v.current=window.setTimeout(()=>{g||x(e),d&&d(e)},50)},[g,d]),h=e.useMemo(()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(l),[l]);return e.useEffect(()=>()=>{v.current&&clearTimeout(v.current)},[]),e.createElement(ne,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:h,isActive:g?s:p,onOverlayUpdate:b,autoHideMs:r,usePortal:c,placement:l,interactions:t,renderOverlay:()=>e.createElement(ie,{size:i,arrowPosition:oe[l],maxWidth:n},o())},a)},se=e.createContext({}),ce=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:p,className:x,...g},v)=>{var b,h;const f=e.useRef(null);e.useImperativeHandle(v,()=>f.current);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===(h=g.value)||void 0===h?void 0:h.toString(),isDisabled:l,isReadOnly:i,isInvalid:n},{labelProps:w,inputProps:y,descriptionProps:k,errorMessageProps:C}=t.useTextField(N,f),I=a("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":p},x),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:f,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))});ce.displayName="TextInput";const me=({options:l,label:n,size:i="md",inline:o=!1,disabled:r=!1,helperText:s,errorMessage:c,fullWidth:m=!1,...d})=>{const u=a("maxio-select",`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--inline":o,"maxio-select--error":!!c,"maxio-select--full-width":m}),p=t.useId();return e.createElement("div",{className:u},n&&e.createElement("label",{htmlFor:p,className:"maxio-select__label"},n),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:p,className:"maxio-select__input",disabled:r,...d},l.map(a=>e.createElement("option",{key:`option-${a.value}`,value:a.value,disabled:a.disabled},a.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))},de=({leadingIcon:a,trailingIcon:t,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(re,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(b,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(b,{variant:t}))),ue=e=>"heading"!==e.type,pe=e=>{const a=(e=>e.flat().filter(ue).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 ue(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})):e},xe=e.createContext({}),ge=()=>e.useContext(xe),ve=({children:a,isOpen:t,onChange:l,withIcons:n=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState(()=>!o||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s)),[u,p]=e.useState(()=>pe(i)),{windowWitdh:x}=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()}(x)},[x]),e.useEffect(()=>{"boolean"==typeof t&&d(t)},[t]);const g=()=>{d(!1)};return e.createElement(xe.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{p(a=>a.map(a=>a.map(a=>ue(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a)))},isOpen:m,onOpen:()=>{d(!0)},onClose:g,withIcons:n,shouldToggleSidebar:o}},a)},be=()=>{const{onOpen:a,topDropdownItems:t,isOpen:l}=ge(),{mainItem:n,otherItems:i,actions:o}=t,r=e.useRef(null),s=te(r),c=({id:e,title:a,icon:t,iconClass:l,url:n,...i})=>({id:e,label:a,leadingIconName:t,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:a},e.createElement("span",{className:"maxio-side-nav__menu-title"},n.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:r},n.url?e.createElement(e.Fragment,null,e.createElement(de,{type:"menu",isTooltipVisible:!l&&s,leadingIcon:n.icon,trailingIcon:"chevron-up-down",leadingIconClassName:n.iconClass},n.title)):e.createElement(de,{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})))},he=({section:a})=>{const{isOpen:t,withIcons:l}=ge(),n=e.useRef(null),i=te(n);return e.createElement("li",{className:"maxio-side-nav__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:n},e.createElement(de,{isTooltipVisible:i&&!t,type:"menu",leadingIcon:l?a.icon:void 0},a.name)))},fe=({section:t})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=ge(),c=e.useRef(null),m=te(c);if(!ue(t))return e.createElement("li",{className:"maxio-side-nav__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(he,{section:t}):e.createElement("li",{className:a("maxio-side-nav__item",{"maxio-side-nav__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{o(t.name),i()}},e.createElement(de,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=t.items)||void 0===n?void 0:n.map(a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name))))))},Ee=()=>{const{sections:a}=ge();return e.createElement(e.Fragment,null,a.map((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${t}`},a.map((a,l)=>e.createElement(fe,{key:`section-list-item-${a.type}-${t}-${l}`,section:a})))))},_e=()=>{const{onClose:a,shouldToggleSidebar:t}=ge();return e.createElement("div",{className:"maxio-side-nav__logo-container"},e.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(b,{variant:"sidebar"})))},Ne=()=>{const{isOpen:t}=ge();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement(_e,null),e.createElement(be,null),e.createElement("div",{className:"maxio-side-nav__items-container"},e.createElement(Ee,null)))},we=e.createContext({}),ye=()=>e.useContext(we),ke=({children:a,variant:t="line",withDivider:l=!1,defaultIndex:n=0,onChange:i,index:o})=>{const[r,s]=e.useState(()=>void 0!==o?o:n);e.useEffect(()=>{void 0===o&&s(n),"number"==typeof o&&s(o)},[n,o]);return e.createElement(we.Provider,{value:{currentIndex:r,variant:t,withDivider:l,onChange:e=>{let a;a="function"==typeof e?e(r):e,void 0===o&&s(a),"function"==typeof i&&i(a)}}},a)},Ce=({disabled:t=!1,value:l=0,isCurrent:n,...i})=>{const{onChange:o,currentIndex:r}=ye(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":r===l,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===i.type}),c=()=>{o(l)},m={"aria-selected":n,id:`tab-${l}`,"aria-controls":`panel-${l}`,role:"tab",tabIndex:n?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect(()=>{var e;n&&u.current&&(null===(e=d.current)||void 0===e||e.focus())},[n]),e.useEffect(()=>{u.current=!0},[]),"icon"===i.type){const{icon:a,...t}=i;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:p,rightIcon:x,...g}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},p,x||null))},Ie=({children:a,value:t,...l})=>{const{currentIndex:n}=ye();return e.createElement("div",{...l,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:n!==t},a)},Se=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?Se(e-1,a,t||e):e-1,Pe=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__header",l),...n},t);Pe.displayName="Card.Header";const Te=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__body",l),...n},t);Te.displayName="Card.Body";const Re=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__footer",l),...n},t);Re.displayName="Card.Footer";const $e=({children:t,className:l,variant:n="primary",...i})=>e.createElement("div",{className:a("maxio-card",`maxio-card--${n}`,l),...i},t);$e.displayName="Card";const De=Object.assign($e,{Header:Pe,Body:Te,Footer:Re});var Oe,ze,Me,Le;function Be(){return Be=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},Be.apply(null,arguments)}const Ve=e=>p.createElement("svg",Be({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},e),Oe||(Oe=p.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"})),ze||(ze=p.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),Me||(Me=p.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"})),Le||(Le=p.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"}))),He=({state:t,...l})=>{var n,i;const o=e.useRef(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=d.useToast(l,t,o),{closable:u=!0,underline:p=!0,external:x=!1}=l.toast.content,g=a("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:p,external:x},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}))},Ae=({state:a,...t})=>{const l=e.useRef(null),{regionProps:n}=d.useToastRegion(t,a,l);return e.createElement("div",{...n,ref:l,className:t.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},a.visibleToasts.map(t=>e.createElement(He,{key:t.key,toast:t,state:a})))},Fe=e.createContext(null);class qe extends m.ToastQueue{}const We=({basis:t,flex:l,flexDirection:n,wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:p,justifyContent:x,...g})=>{const v=a("maxio-flex",{[`maxio-flex-${l}`]:l,[`maxio-basis-${t}`]:void 0!==t,[`maxio-flex-${n}`]:n,[`maxio-flex-${i}`]:i,"maxio-grow":o,"maxio-grow-0":!1===o,"maxio-shrink":r,"maxio-shrink-0":!1===r,[`maxio-gap-${s}`]:void 0!==s,[`maxio-gap-x-${c}`]:void 0!==c,[`maxio-gap-y-${m}`]:void 0!==m,[`maxio-items-${p}`]:p,[`maxio-justify-${x}`]:x},d);return e.createElement("div",{className:v,...g},u)},je=({as:t="div",children:l,compact:n=!1,size:i="md",className:o,...r})=>{const s=t,c=a({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},o);return e.createElement(s,{className:c,...r},l)},Ge={sm:"h3",md:"h2",lg:"h1"},Ue=({children:t,size:l="sm",className:n,...i})=>{const o=Ge[l],r=a(`maxio-heading-${l}`,n);return e.createElement(o,{className:r,...i},t)},Ye=({...a})=>{const l=e.useRef(null),{buttonProps:n}=t.useButton(a,l);return e.createElement("button",{...n,className:"maxio-chip__dismiss-button"},e.createElement(b,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},Ze=({className:t,...l})=>e.createElement(c.ListBox,{...l,className:a("maxio-listbox",t)});Ze.displayName="ListBox";const Ke=({className:t,...l})=>{const n=l.textValue||("string"==typeof l.children?l.children:void 0);return e.createElement(c.ListBoxItem,{...l,textValue:n,className:a("maxio-listbox__item",t)},c.composeRenderProps(l.children,(a,{isSelected:t})=>e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-listbox__content"},"string"==typeof a?e.createElement(je,{size:"sm"},a):a),t&&e.createElement(b,{variant:"check"}))))};Ke.displayName="ListBox.Item";const Qe=({className:t,...l})=>e.createElement(c.ListBoxSection,{...l,className:a("maxio-listbox__section",t)});Qe.displayName="ListBox.Section";const Xe=({className:t,...l})=>e.createElement(c.Header,{...l,className:a("maxio-listbox__header",t)});Xe.displayName="ListBox.Header";const Je=Object.assign(Ze,{Item:Ke,Section:Qe,Header:Xe}),ea={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 c.DialogTrigger}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return c.Pressable}}),exports.ActionList=E,exports.Alert=I,exports.AuthLayout=({children:t,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("div",{className:"maxio-auth-layout__header"}),e.createElement("div",{className:"maxio-auth-layout__main"},r&&e.createElement(I,{display:"block",title:r.title,sentiment:r.sentiment},r.children),e.createElement("div",{className:"maxio-auth-layout__content-wrapper"},s,e.createElement("div",{className:"maxio-auth-layout__content"},e.createElement(We,{flexDirection:"col",gap:2},e.createElement(We,{alignItems:"center",gap:2},o,e.createElement(Ue,{size:"lg",className:a("maxio-auth-layout__heading",ea[i])},l)),n&&e.createElement(je,{size:"sm",className:"maxio-auth-layout__description"},n)),t))),e.createElement(We,{alignItems:"center",className:"maxio-auth-layout__footer"},c),e.createElement("div",{className:"maxio-auth-layout__border-top"}),e.createElement("div",{className:"maxio-auth-layout__border-bottom"}),e.createElement("div",{className:"maxio-auth-layout__border-left"}),e.createElement("div",{className:"maxio-auth-layout__border-right"}),e.createElement("div",{className:"maxio-auth-layout__gradient-bottom"}),e.createElement("div",{className:"maxio-auth-layout__gradient-top"})),exports.Avatar=({className:t,src:l,alt:n="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:n,src:l}),exports.Banner=({children:t,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!t&&!l)return console.warn("Banner component requires either children or title prop to be rendered"),null;const d=a("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],p=a("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:p},l&&e.createElement("span",{className:"maxio-banner__title"},l),t&&e.createElement("span",{className:"maxio-banner__message"},t),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=je,exports.Breadcrumbs=({className:t,children:l,...n})=>{const i=e.Children.count(l);if(0===i)throw new Error(D);const o=e.Children.map(l,(a,t)=>{if(e.isValidElement(a)&&a.type===$){if(t===i-1&&a.props.href)throw new Error(O);return e.cloneElement(a,{"aria-current":t===i-1?"page":void 0})}throw new Error(z)});return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},o))},exports.BreadcrumbsItem=$,exports.Button=k,exports.Card=De,exports.Checkbox=j,exports.CheckboxGroup=({helperText:l,className:n,errorMessage:o,children:r,disabled:s,label:c,defaultValue:m,name:d,...u})=>{var p;const x=i.useCheckboxGroupState({defaultValue:m,name:d,errorMessage:o,description:l,label:c,isDisabled:s,isInvalid:!!o,...u}),{groupProps:g,labelProps:v,descriptionProps:b,errorMessageProps:h,isInvalid:f}=t.useCheckboxGroup({"aria-label":null===(p=null!=c?c:u["aria-label"])||void 0===p?void 0:p.toString(),isDisabled:s,isInvalid:!!o,...u},x),E=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),_=l&&!o;return e.createElement("div",{className:E,...g},c&&e.createElement("label",{className:"maxio-checkbox-group__label",...v},c),e.createElement(q.Provider,{value:x},r),_&&e.createElement(G,{...b},l),o&&f&&e.createElement(U,{...h},o))},exports.Chip=({label:l,onDismiss:i,dismissLabel:o,leadingIcon:r,trailingIcon:s,title:c,...m})=>{const d=e.useRef(null),u=n.useToggleState(m),{buttonProps:p}=t.useToggleButton(m,u,d),x=a("maxio-chip",{"maxio-chip--selected":null==u?void 0:u.isSelected}),g=a("maxio-chip__button",{"maxio-chip--dismissible":i});return e.createElement("div",{className:x},e.createElement("button",{className:g,ref:d,...p,title:c},r&&e.createElement(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(Ye,{onPress:i,"aria-label":o}))},exports.Code=({as:t="div",children:l,className:n,...i})=>{const o=t,r=a("maxio-code",n);return e.createElement(o,{className:r,...i},l)},exports.DataTable=({pattern:a,size:t="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:d,actions:u,...p})=>{const x=(({columns:a,HeaderControls:t,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>e.useMemo(()=>{const s={id:M,header:a=>e.createElement(t,{...a,enableExpanding:o,enableRowSelection:r}),cell:a=>e.createElement(l,{...a,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:L,header:"",cell:a=>e.createElement(n,{...a},i(a.row,a.table)),meta:{actions:!0}}:null;let m=[...a];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,a,t,l]))({columns:d,HeaderControls:Y,RowControls:Z,RowActions:K,actions:u,enableRowSelection:c,enableExpanding:Boolean(m)}),g=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:x,...p}),v=g.getCanSomeRowsExpand(),b=g.getState();return e.useEffect(()=>{null==i||i(b.expanded)},[i,b.expanded]),e.useEffect(()=>{null==o||o(b.rowSelection)},[o,b.rowSelection]),e.useEffect(()=>{null==r||r(b.sorting)},[r,b.sorting]),e.createElement(B,{pattern:a,size:t,isExpandable:v,isUsingCustomRow:!!n},e.createElement(V,null,g.getHeaderGroups().map(a=>e.createElement(F,{key:a.id,table:g,isHeader:!0},a.headers.map(a=>e.createElement(A,{key:a.id,table:g,header:a,enableExpanding:m},l.flexRender(a.column.columnDef.header,a.getContext())))))),e.createElement(H,null,g.getRowModel().rows.map(t=>e.createElement(X,{key:t.id,row:t,pattern:a,SubRowComponent:n,enableExpanding:m}))))},exports.Display=({as:t="div",children:l,size:n="md",className:i,...o})=>{const r=t,s=a(`maxio-display-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Flex=We,exports.FormErrorMessage=U,exports.FormHelperText=G,exports.GlobalToastProvider=({children:a,toastQueue:t,...l})=>{const n=m.useToastQueue(t),i=e.useCallback(()=>{n.visibleToasts.forEach(e=>{t.close(e.key)})},[n.visibleToasts,t]),o=e.useMemo(()=>({addToast:t.add.bind(t),removeToast:t.clear.bind(t),removeAllToasts:i,state:n}),[t,i,n]);return e.createElement(Fe.Provider,{value:o},a,n.visibleToasts.length>0&&e.createElement(Ae,{...l,state:n}))},exports.Grid=({children:t,templateColumns:l,templateRows:n,autoColumns:i,autoRows:o,inline:r,column:s,columnStart:c,columnEnd:m,row:d,rowStart:u,rowEnd:p,gap:x,gapX:g,gapY:v,className:b,justifyContent:h,alignItems:f,...E})=>{const _=a(b,{"maxio-grid":!r,"maxio-inline-grid":r,[`maxio-grid-cols-${l}`]:l,[`maxio-grid-rows-${n}`]:n,[`maxio-auto-cols-${i}`]:i,[`maxio-auto-rows-${o}`]:o,["maxio-col-"+("auto"===s?"auto":`span-${s}`)]:s,[`maxio-col-start-${c}`]:c,[`maxio-col-end-${m}`]:m,["maxio-row-"+("auto"===d?"auto":`span-${d}`)]:d,[`maxio-row-start-${u}`]:u,[`maxio-row-end-${p}`]:p,[`maxio-gap-${x}`]:void 0!==x,[`maxio-gap-x-${g}`]:void 0!==g,[`maxio-gap-y-${v}`]:void 0!==v,[`maxio-justify-${h}`]:h,[`maxio-items-${f}`]:f});return e.createElement("div",{className:_||void 0,...E},t)},exports.Heading=Ue,exports.Icon=b,exports.IconButton=C,exports.Label=({as:t="div",children:l,size:n="sm",className:i,...o})=>{const r=t,s=a(`maxio-label-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Link=_,exports.ListBox=Je,exports.LoadingSpinner=N,exports.Logo=t=>{const{size:l="sm",className:n,variant:i="lockup",alt:o="maxio logo"}=t,r="mark"===i;return e.createElement(Ve,{role:"img",viewBox:r?"0 0 240 240":"0 0 1036 240","aria-label":o,className:a("maxio-logo",`maxio-logo--${l}`,r&&"maxio-logo--mark",n)})},exports.Menu=({children:a})=>e.createElement(P,null,e.createElement(R,null,a)),exports.MenuButton=({children:t,iconName:l="chevron-down","aria-label":n,size:i="md",variant:o="secondary"})=>{const r=a({"maxio-action-menu__chevron":"chevron-down"===l}),s=a("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":l&&!t}),{isOpen:c,buttonId:m,controlsId:d}=T();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":n,"aria-expanded":c,"aria-controls":d,id:m},t&&e.createElement("span",null,t),l&&e.createElement(b,{variant:l,className:`${r} maxio-button__trailing-element`}))},exports.MenuList=({items:t,alignItemsEnd:l=!1})=>{const n=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":l}),{controlsId:i,buttonId:o}=T();return e.createElement("div",{className:n,role:"presentation"},e.createElement(E,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:t}))},exports.OverlayTrigger=ne,exports.Pagination=({size:a="md",onChange:t,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,p]=e.useState(i.toString());e.useEffect(()=>{p(s.toString())},[s]);const x=Math.ceil(l/m),g=s<x,v=s>1,h=m*(s-1)+1,f=Math.min(m*s,l),E=o.map(e=>({label:e.toString(),value:e.toString()})),_=Array.from({length:x},(e,a)=>a+1).map(e=>({label:e.toString(),value:e.toString()})),N=e=>{c(e),null==t||t({currentPage:e,itemsPerPage:m})},w=e=>{const a=parseInt(e,10);if(isNaN(a))return void p(s.toString());const t=Math.max(1,Math.min(a,x));p(t.toString()),N(t)};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(me,{inline:!0,size:a,options:E,onChange:e=>{return a=Number(e.target.value),d(a),c(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:m,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,h,"–",f," of ",l," items")),e.createElement("div",{className:"maxio-pagination__current-page"},r?e.createElement(ce,{className:"maxio-pagination__page-input",value:u,min:1,max:x,onChange:e=>(e=>{p(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:a,type:"number",onWheel:e=>e.preventDefault()}):e.createElement(me,{inline:!0,size:a,"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 ",x," 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:a,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:a,variant:"ghost",onClick:()=>N(s+1),"aria-label":"Next",disabled:!g}))))},exports.Popover=({className:t,hideArrow:l=!1,children:n,...i})=>e.createElement(c.Popover,{...i,className:a("maxio-popover",t)},e.createElement(e.Fragment,null,!l&&e.createElement(c.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)),exports.ProgressBar=({label:l,helperText:n,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=r&&!!l&&!!s&&!("inline"===o),p=n&&!("inline"===o),x=n&&"inline"===o,{progressBarProps:g,labelProps:v}=t.useProgressBar({maxValue:c,value:s,label:l}),b=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===i,"maxio-progress-bar--success":s&&!("inline"===o)&&"success"===r,"maxio-progress-bar--error":s&&!("inline"===o)&&"error"===r,"maxio-progress-bar--indent":"indent"===o,"maxio-progress-bar--inline":"inline"===o,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:b,...g},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...v},l),x&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},n),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${s}%`}})),u&&e.createElement("div",{className:`maxio-progress-bar__${r}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},n))},exports.Radio=({indent:l=!1,disabled:n=!1,invalid:i=!1,label:o,...r})=>{const s=e.useRef(null),c=e.useContext(se),{inputProps:m,isDisabled:d}=t.useRadio({...r,value:(r.value||"").toString(),"aria-label":r["aria-label"]||o,isDisabled:n},c,s),u=a("maxio-radio",{"maxio-radio--indent":l,"maxio-radio--disabled":d||c.isDisabled,"maxio-radio--error":i||c.isInvalid});return e.createElement("label",{className:u},e.createElement("input",{ref:s,role:"radio",type:"radio",className:"maxio-radio__input",...m,name:c.name||m.name}),e.createElement("span",{className:"maxio-radio__control"}),e.createElement("span",{className:"maxio-radio__label"},o))},exports.RadioGroup=({children:a,label:l,errorMessage:n,helperText:i,disabled:o=!1,invalid:r=!1,name:c,defaultValue:m,...d})=>{const u=s.useRadioGroupState({isDisabled:o,isInvalid:r,description:i,name:c,label:l,errorMessage:n,defaultValue:m,...d}),{radioGroupProps:p,labelProps:x,descriptionProps:g,errorMessageProps:v}=t.useRadioGroup({"aria-label":d["aria-label"]||l,...d},u);return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...p},l&&e.createElement("label",{className:"maxio-radio-group__label",...x},l),e.createElement(se.Provider,{value:u},a),r&&n&&e.createElement(U,{...v},n),i&&!r&&e.createElement(G,{...g},i)))},exports.Select=me,exports.SideNav=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ve,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:l,sections:n},e.createElement(Ne,null)),exports.Tab=Ce,exports.TabList=({children:t,className:l,ariaLabel:n,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=ye(),m=a("maxio-tabs",l,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(t,e=>e.props);return e.createElement("div",{className:m,role:"tablist","aria-label":n,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var a;"ArrowRight"===e.key&&c(e=>((e,a)=>{const t=a.findIndex((a,t)=>!a.disabled&&t>e);return-1===t?e:t})(e,u())),"ArrowLeft"===e.key&&c(e=>Se(e,u())),null===(a=d.current)||void 0===a||a.focus()},...i},e.Children.map(t,(a,t)=>{if(e.isValidElement(a)&&a.type===Ce)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")}))},exports.TabPanel=Ie,exports.TabPanels=({children:a})=>{const{currentIndex:t}=ye();return e.createElement(e.Fragment,null,e.Children.map(a,(a,l)=>{if(e.isValidElement(a)&&a.type===Ie)return l===t?e.cloneElement(a,{value:l}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},exports.Tabs=({children:a,variant:t="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>e.createElement(ke,{defaultIndex:n,variant:t,withDivider:l,index:i,onChange:o},a),exports.Tag=({children:t,size:l,sentiment:n,kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=a("maxio-tag",`maxio-tag--${i}`,!!n&&`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(b,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),r&&e.createElement(b,{variant:r,className:"maxio-tag__icon"}))},exports.TextInput=ce,exports.Tile=({children:t,className:l,href:n,onClick:i,target:o,disabled:r})=>{const s=n||i;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",l,{"maxio-tile--clickable":s,"maxio-tile--disabled":r});return e.createElement("a",{className:c,href:n,target:o,onClick:e=>{r&&n&&e.preventDefault(),!r&&i&&i()}},t)},exports.ToastProvider=({children:a,...t})=>{const{maxVisibleToasts:l=5,...n}=t,i=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,a(i),i.visibleToasts.length>0&&e.createElement(Ae,{...t,state:i}))},exports.ToastQueue=qe,exports.Toggle=({defaultChecked:t,checked:l,onChange:n,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,x=m||u,g="left"===r?"row":"row-reverse",v=o&&r,b=e.useCallback(e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),n&&n(!a,e)}},[p,n]),h=d["aria-label"]||(v?void 0:o);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:g},"data-testid":"toggle-container"},v?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:l,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:b,disabled:i,className:"maxio-toggle__checkbox",id:x,name:c,"aria-label":h}),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:a,actions:t,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(We,{grow:!0,justifyContent:"end"},a),t),exports.useHover=te,exports.useOverlayTrigger=ae,exports.useToast=()=>{const a=e.useContext(Fe);if(!a)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return a},exports.useWindowSize=le;
1
+ "use strict";var e=require("react"),a=require("classnames"),t=require("react-aria"),l=require("@tanstack/react-table"),n=require("@react-stately/toggle"),i=require("@react-stately/checkbox"),o=require("framer-motion"),r=require("@floating-ui/react-dom-interactions"),s=require("@react-stately/radio"),c=require("react-aria-components"),m=require("@react-stately/toast"),d=require("@react-aria/toast");function u(e){var a=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}}),a.default=e,Object.freeze(a)}var p=u(e);const x=["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:t,color:l,className:n,size:i})=>{const o=(e,a)=>a.includes(e),r=o(t,x)||o(t,g),s=o(t,v),c=a({"fa-kit":r,"fa-kit-duotone":s,"fa-sharp fa-regular":!r&&!s,[`fa-${t}`]:!0,[`fa-${i}`]:i,[`maxio-icon--${l}`]:l&&!o(t,g)&&!o(t,v)},n);return e.createElement("i",{className:c})},h=({item:l,isSelected:n,truncateLabel:i=!1,role:o="option",small:r=!1})=>{const s=e.useRef(null),c=e.useRef(!1),m=t.useId();if(e.useEffect(()=>{var e;n&&c.current&&(null===(e=s.current)||void 0===e||e.focus())},[n]),e.useEffect(()=>{c.current=!0},[]),"divider"===l.type)return e.createElement("div",{className:"maxio-action-list__divider",role:"separator","aria-hidden":"true"});const{leadingIconName:d,leadingIconClassName:u,trailingIconName:p,label:x,description:g,link:v}=l,h=a("maxio-action-list__label",{"maxio-truncate":i});return e.createElement("a",{"aria-labelledby":m,...v,className:a("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:a("maxio-action-list__leading-icon",u)}),e.createElement("span",{className:h,id:m},x),g&&e.createElement("span",{className:"maxio-action-list__description"},g),p&&e.createElement(b,{variant:p,className:"maxio-action-list__trailing-icon"}))},f=(e,a,t)=>0===e?e:1===e&&"divider"===a[e-1].type?t||e:"divider"===a[e-1].type?f(e-1,a,t||e):e-1,E=({items:t,isShadowed:l=!0,itemProps:n={},className:i,truncateLabels:o=!1,small:r=!1,...s})=>{const c=a("maxio-action-list",i,{"maxio-action-list--shadow":l}),[m,d]=e.useState(()=>t.findIndex(e=>"divider"!==e.type));return 0===t.length?null:e.createElement("div",{className:c,onKeyDown:e=>{if("Space"===e.code||"Enter"===e.code){const e=t[m];e&&"divider"!==e.type&&window.open(e.link.href,e.link.target||"_self")}"ArrowUp"===e.code&&(e.preventDefault(),d(e=>f(e,t))),"ArrowDown"===e.code&&(e.preventDefault(),d(e=>((e,a)=>{const t=a.findIndex((a,t)=>"divider"!==a.type&&t>e);return-1===t?e:t})(e,t)))},role:"listbox",...s},t.map((a,t)=>e.createElement(h,{item:a,truncateLabel:o,key:`listbox-${a.id}`,isSelected:t===m,small:r,...n})))},_=({className:t,children:l,disabled:n,external:i,icon:o,size:r="sm",underline:s,variant:c,...m})=>{const d=a("maxio-link",{[`maxio-link--${r}`]:r,"maxio-link--disabled":n,[`maxio-link--${c}`]:c,"maxio-link--underline":s},t),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:t="md",white:l=!1,className:n})=>{const i=a("maxio-loading-spinner",n,`maxio-loading-spinner--${t}`,{"maxio-loading-spinner--white":l});return e.createElement("div",{className:i,role:"status","aria-label":"loading"})},w=({fullWidth:l=!1,leadingElement:n,trailingElement:i,icon:o,variant:r="primary",size:s,...c})=>{const m=e.useRef(null),{linkProps:d}=t.useLink({...c},m),u=a("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:p}=t.useButton({...d,isDisabled:l,formAction:"string"==typeof d.formAction?d.formAction:void 0},u),x=["primary","danger"].includes(c),g=a("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",{...p,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:x}))},k=a=>(e=>"href"in e)(a)?e.createElement(w,{...a}):e.createElement(y,{...a}),C=({"aria-label":t,className:l,...n})=>e.createElement(k,{"aria-label":t,className:a("maxio-button--icon",l),...n},null),I=({children:t,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!t&&!l)return console.warn("Alert component requires either children or title prop to be rendered"),null;const d=a("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],p=a("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:p},l&&e.createElement("span",{className:"maxio-alert__title"},l),t&&e.createElement("span",{className:"maxio-alert__message"},t),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:a})=>{const[t,l]=e.useState(!1),n=e.useId(),i=e.useId();return e.createElement(S.Provider,{value:{controlsId:n,buttonId:i,isOpen:t,onClose:()=>l(!1),onOpen:()=>l(!0),onToggle:()=>l(e=>!e)}},a)};function T(){const a=e.useContext(S);if(!a||"object"==typeof a&&0===Object.keys(a).length)throw new Error("useMenu hook must be used within a MenuProvider");return a}const R=({children:a})=>{const{isOpen:t,onToggle:l,onClose:n}=T();return e.createElement("details",{open:t,onToggle:l,className:"maxio-action-menu"},"function"==typeof a?a({isOpen:t,onClose:n}):a)},$=({children:t,className:l,href:n,...i})=>{const o=n?e.createElement(_,{size:"sm",href:n},t):t;return e.createElement("li",{className:a("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",M="row-controls",L="row-actions",B=({children:t,pattern:l,size:n,isExpandable:i,isUsingCustomRow:o})=>{const[r,s]=e.useState(!1),[c,m]=e.useState(!1),d=l&&o&&i,u=a("maxio-data-table",{"maxio-data-table--pattern":l&&!d,"maxio-data-table--expanded-child-pattern":d,"maxio-data-table--with-custom-row":o,[`maxio-data-table--${n}`]:n,"maxio-data-table--with-pinned-left-border":r,"maxio-data-table--with-pinned-right-border":c});return e.createElement("div",{className:"maxio-data-table-wrapper",onScroll:e=>{const a=e.target;s(a.scrollLeft>0),m(a.scrollWidth-a.clientWidth-a.scrollLeft>0)}},e.createElement("table",{className:u},t))},V=({children:a})=>e.createElement("thead",null,a),H=({children:a})=>e.createElement("tbody",null,a),A=({children:t,table:l,header:n,className:i,enableExpanding:o,...r})=>{var s,c,m,d,u,p,x,g,v,h,f;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===(p=null===(u=null==E?void 0:E.columnDef)||void 0===u?void 0:u.meta)||void 0===p?void 0:p.width,I=null===(g=null===(x=null==E?void 0:E.columnDef)||void 0===x?void 0:x.meta)||void 0===g?void 0:g.controls,S=null===(h=null===(v=null==E?void 0:E.columnDef)||void 0===v?void 0:v.meta)||void 0===h?void 0:h.actions,P=null==E?void 0:E.getIsPinned(),T=null==E?void 0:E.getIsSorted(),R="asc"===T,$=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${P}`]:P,"maxio-data-table__cell--sortable":_,"maxio-data-table__cell--active":T,[`maxio-data-table__cell--${y}`]:y,"maxio-data-table__cell--controls":I,"maxio-data-table__cell--actions":S}),D=k?{width:k}:{},O=((e,a)=>e&&a?"arrow-up":e&&!a?"arrow-down":"arrow-down-up")(!!T,R),z=null==l?void 0:l.getToggleAllRowsExpandedHandler(),L=null===(f=null==l?void 0:l.getIsAllRowsExpanded)||void 0===f?void 0:f.call(l),B=(null==n?void 0:n.headerGroup.headers[0].id)===M?1:0,V=o&&(null==n?void 0:n.index)===B;return w?null:e.createElement("th",{scope:"col",role:"columnheader","aria-sort":T?R?"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&&V&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:L?"chevron-down":"chevron-right"}),onClick:z,"aria-label":L?"Collapse all rows":"Expand all rows","data-open":L,className:"maxio-data-table__expand-button"}),t,_&&e.createElement(b,{variant:O,className:"maxio-data-table__sort-icon"})))},F=({children:t,row:l,isChild:n,isHeader:i,className:o})=>{var r,s,c;const m=null===(r=null==l?void 0:l.getIsSelected)||void 0===r?void 0:r.call(l),d=(null===(s=null==l?void 0:l.getCanExpand)||void 0===s?void 0:s.call(l))&&(null===(c=null==l?void 0:l.getIsExpanded)||void 0===c?void 0:c.call(l)),u=a({"maxio-data-table__row":!i,"maxio-data-table__header-row":i,"maxio-data-table__row--active":m,"maxio-data-table__row--expanded":d,"maxio-data-table__row--expanded-child":n},o);return e.createElement("tr",{className:u},t)},q=e.createContext({}),W=e.forwardRef(({checked:t,disabled:l,invalid:n,indeterminate:i,className:o,inputProps:r,error:s,label:c},m)=>{const d=a("maxio-checkbox",{"maxio-checkbox--checked":t,"maxio-checkbox--disabled":l,"maxio-checkbox--error":n,"maxio-checkbox--indeterminate":i},o);return e.createElement("label",{className:d},e.createElement("input",{type:"checkbox",role:"checkbox",className:"maxio-checkbox__input",ref:m,...r}),e.createElement("span",{className:"maxio-checkbox__control"},s&&e.createElement("span",{className:"maxio-checkbox__control-error"})),c&&e.createElement("span",{className:"maxio-checkbox__label"},c))});W.displayName="InnerCheckbox";const j=({label:a,error:l=!1,className:i,indeterminate:o,value:r="",disabled:s,readOnly:c,defaultChecked:m,checked:d,...u})=>{const p=e.useRef(null),x=e.useContext(q),{inputProps:g,isDisabled:v,isInvalid:b,isSelected:h}=x&&Object.keys(x).length>0?t.useCheckboxGroupItem({value:r,"aria-label":null!=a?a:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,...u},x,p):t.useCheckbox({"aria-label":null!=a?a:u["aria-label"],isDisabled:s,isInvalid:l,isIndeterminate:o,isReadOnly:c,value:r,...u},n.useToggleState({...u,isSelected:d,defaultSelected:m}),p);return e.createElement(W,{inputProps:g,checked:h,disabled:v,invalid:b,indeterminate:o,className:i,error:l,label:a,ref:p,...u})},G=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-form-helper-text",l),...n},t),U=({children:t,className:l,...n})=>e.createElement("div",{className:a("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"},t)),Y=({table:a})=>{var t,l,n,i;const o=null===(t=null==a?void 0:a.getToggleAllPageRowsSelectedHandler)||void 0===t?void 0:t.call(a),r=(null===(l=null==a?void 0:a.getIsAllPageRowsSelected)||void 0===l?void 0:l.call(a))||(null===(n=null==a?void 0:a.getIsAllRowsSelected)||void 0===n?void 0:n.call(a)),s=null===(i=null==a?void 0:a.getIsSomePageRowsSelected)||void 0===i?void 0:i.call(a);return e.createElement(j,{"aria-label":"Select all rows",onChange:e=>{o("boolean"==typeof e?{target:{checked:e}}:e)},checked:r,indeterminate:!r&&s})},Z=({row:a})=>{var t,l,n,i;const o=null===(t=null==a?void 0:a.getToggleSelectedHandler)||void 0===t?void 0:t.call(a),r=(null===(l=null==a?void 0:a.getIsSelected)||void 0===l?void 0:l.call(a))||(null===(n=null==a?void 0:a.getIsAllSubRowsSelected)||void 0===n?void 0:n.call(a)),s=null===(i=null==a?void 0:a.getIsSomeSelected)||void 0===i?void 0:i.call(a),c=a.id||a.index;return e.createElement(j,{"aria-label":`Select row ${c}`,onChange:o,checked:r,indeterminate:s})},K=({children:a})=>e.createElement("div",{className:"maxio-data-table__cell-flex"},a),Q=({row:t,cell:l,children:n,className:i,...o})=>{var r,s,c,m,d,u;const p=null==l?void 0:l.column,x=null===(s=null===(r=null==p?void 0:p.columnDef)||void 0===r?void 0:r.meta)||void 0===s?void 0:s.align,g=null===(m=null===(c=null==p?void 0:p.columnDef)||void 0===c?void 0:c.meta)||void 0===m?void 0:m.controls,v=null===(u=null===(d=null==p?void 0:p.columnDef)||void 0===d?void 0:d.meta)||void 0===u?void 0:u.actions,b=null==p?void 0:p.getIsPinned(),h=a("maxio-data-table__cell",i,{[`maxio-data-table__cell--pinned-${b}`]:b,[`maxio-data-table__cell--${x}`]:x,"maxio-data-table__cell--controls":g,"maxio-data-table__cell--actions":v});return e.createElement("td",{className:h,...o},n)},X=({row:a,SubRowComponent:t,pattern:n,enableExpanding:i})=>{var o,r,s,c,m;const d=t&&a.getParentRow()&&a.getParentRow().getIsExpanded(),u=d&&a.getVisibleCells()[0].column.columnDef.id===M,p=d&&a.getVisibleCells()[a.getVisibleCells().length-1].column.columnDef.id===L,x=[p,u].filter(Boolean).length,g=a.getVisibleCells().length-x,v=null!==(r=null===(o=a.getParentRow())||void 0===o?void 0:o.index)&&void 0!==r?r:a.index,h=n&&t&&v%2==1?"maxio-data-table__row--with-pattern":void 0,f=null===(s=a.getCanExpand)||void 0===s?void 0:s.call(a),E=null===(c=null==a?void 0:a.getToggleExpandedHandler)||void 0===c?void 0:c.call(a),_=null===(m=null==a?void 0:a.getIsExpanded)||void 0===m?void 0:m.call(a),N=f&&i?0:1.75,w=a.getVisibleCells()[0].column.columnDef.id===M?1:0;return e.createElement(e.Fragment,{key:a.id},d?e.createElement(F,{key:`${a.id}-sub`,row:a,isChild:!0,className:h},u&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-left"}),e.createElement(Q,{colSpan:g},t(a)),p&&e.createElement(Q,{className:"maxio-data-table__cell--pinned-right"})):e.createElement(F,{key:`${a.id}-parent`,row:a,className:h},a.getVisibleCells().map(t=>{const n=i&&t.column.getIndex()===w;return e.createElement(Q,{key:t.id,row:a,cell:t},e.createElement("div",{className:"maxio-data-table__cell-flex",style:i&&n?{paddingLeft:`${(null==a?void 0:a.depth)+N}rem`}:void 0},i&&f&&n&&e.createElement(C,{size:"sm",variant:"ghost",icon:e.createElement(b,{size:"xs",variant:_?"chevron-down":"chevron-right"}),onClick:E,"aria-label":_?"Collapse row":"Expand row","data-open":_,className:"maxio-data-table__expand-button"}),l.flexRender(t.column.columnDef.cell,t.getContext())))})))},J={click:r.useClick,hover:e=>r.useHover(e,{delay:100}),focus:r.useFocus,dismiss:r.useDismiss},ee=(e,a)=>a.map(a=>J[a](e)),ae=({placement:a="top",isActive:t=!1,interactions:l=["hover"],floatingElementOffset:n=0,onOverlayUpdate:i,autoHideMs:o})=>{const s=e.useRef(null),{strategy:c,x:m,y:d,context:u,floating:p,reference:x}=r.useFloating({placement:a,open:t,onOpenChange:e=>i(e),middleware:[r.offset(n)]}),{getReferenceProps:g,getFloatingProps:v}=r.useInteractions([...ee(u,l),r.useRole(u,{role:"tooltip"})]);e.useEffect(()=>{s.current&&clearTimeout(s.current),t&&o&&(s.current=window.setTimeout(()=>i(!1),o))},[t,o]);return{isActive:t,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:g,getFloatingProps:v}};function te(a,t=0){const l=e.useRef((new Date).getTime()),n=e.useRef((new Date).getTime()),[i,o]=e.useState(!1);return e.useEffect(()=>{const e=()=>{l.current=(new Date).getTime(),o(!0)},i=()=>{n.current=(new Date).getTime(),window.setTimeout(()=>{l.current-n.current<=0&&o(!1)},t)},r=a&&a.current;return r&&(r.addEventListener("mouseenter",e),r.addEventListener("mouseleave",i)),()=>{r&&(r.removeEventListener("mouseenter",e),r.removeEventListener("mouseleave",i))}},[a]),i}function le(a=500){const[t,l]=e.useState(()=>{const{innerWidth:e,innerHeight:a}=window;return{windowWitdh:e,windowHeight:a}}),n=e.useRef(null);return e.useEffect(()=>{const e=()=>{var e;const{innerWidth:t,innerHeight:i}=window;window.clearTimeout(null!==(e=n.current)&&void 0!==e?e:void 0),n.current=window.setTimeout(()=>{l({windowWitdh:t,windowHeight:i})},a)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[a]),t}const ne=({children:t,usePortal:l=!1,isActive:n=!1,placement:i="top",interactions:s=["hover"],role:c="tooltip",renderOverlay:m,floatingElementOffset:d,motionSettings:u={},autoHideMs:p,onOverlayUpdate:x,className:g})=>{const{getReferenceProps:v,getFloatingProps:b,refs:{floating:h,reference:f},floatingElementCSSPosition:E}=ae({isActive:n,onOverlayUpdate:x,autoHideMs:p,floatingElementOffset:d,interactions:s,placement:i}),_=e.createElement(o.AnimatePresence,null,n&&e.createElement(o.motion.div,{ref:h,style:E,...u,...b()},m()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:f,className:a("maxio-inline-flex",g),...v(),"data-testid":"overlay-trigger"},t),l?e.createElement(r.FloatingPortal,{id:"maxio-ui-portal"},_):_)},ie=({children:t,arrowPosition:l,size:n="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:a("maxio-tooltip",`maxio-tooltip--${n}`,{[`maxio-tooltip--arrow-${l}`]:l})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),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:a,interactions:t=["hover"],placement:l="right",maxWidth:n=160,size:i="regular",renderContent:o,autoHideMs:r,isVisible:s,usePortal:c,className:m,onVisibilityUpdate:d,floatingElementOffset:u=5})=>{const[p,x]=e.useState(!1),g=void 0!==s,v=e.useRef(null),b=e.useCallback(e=>{v.current&&clearTimeout(v.current),v.current=window.setTimeout(()=>{g||x(e),d&&d(e)},50)},[g,d]),h=e.useMemo(()=>(e=>{const a=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",t=`translate${a}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:t},animate:{opacity:1,visibility:"visible",transform:`translate${a}(0px)`},exit:{opacity:0,visibility:"hidden",transform:t},transition:{ease:[.4,0,.5,1],duration:.2}}})(l),[l]);return e.useEffect(()=>()=>{v.current&&clearTimeout(v.current)},[]),e.createElement(ne,{role:"tooltip",className:m,floatingElementOffset:u,motionSettings:h,isActive:g?s:p,onOverlayUpdate:b,autoHideMs:r,usePortal:c,placement:l,interactions:t,renderOverlay:()=>e.createElement(ie,{size:i,arrowPosition:oe[l],maxWidth:n},o())},a)},se=e.createContext({}),ce=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:p,className:x,...g},v)=>{var b,h;const f=e.useRef(null);e.useImperativeHandle(v,()=>f.current);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===(h=g.value)||void 0===h?void 0:h.toString(),isDisabled:l,isReadOnly:i,isInvalid:n},{labelProps:w,inputProps:y,descriptionProps:k,errorMessageProps:C}=t.useTextField(N,f),I=a("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":p},x),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:f,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))});ce.displayName="TextInput";const me=({options:l,label:n,size:i="md",inline:o=!1,disabled:r=!1,helperText:s,errorMessage:c,fullWidth:m=!1,...d})=>{const u=a("maxio-select",`maxio-select--${i}`,{"maxio-select--disabled":r,"maxio-select--inline":o,"maxio-select--error":!!c,"maxio-select--full-width":m}),p=t.useId();return e.createElement("div",{className:u},n&&e.createElement("label",{htmlFor:p,className:"maxio-select__label"},n),e.createElement("div",{className:"maxio-select__input-container"},e.createElement("select",{id:p,className:"maxio-select__input",disabled:r,...d},l.map(a=>e.createElement("option",{key:`option-${a.value}`,value:a.value,disabled:a.disabled},a.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))},de=({leadingIcon:a,trailingIcon:t,type:l="menu",children:n,leadingIconClassName:i,isTooltipVisible:o=!1})=>e.createElement(e.Fragment,null,a&&e.createElement(re,{usePortal:!0,isVisible:o,renderContent:()=>n,floatingElementOffset:12},e.createElement("span",{className:"maxio-side-nav__icon"},e.createElement(b,{variant:a,className:i}))),e.createElement("span",{className:`maxio-side-nav__${l}-title`,"data-testid":"maxio-sidebar-section-name"},n),t&&e.createElement("span",{className:"maxio-side-nav__menu-chevron"},e.createElement(b,{variant:t}))),ue=e=>"heading"!==e.type,pe=e=>{const a=(e=>e.flat().filter(ue).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 ue(e)&&(null===(t=e.items)||void 0===t?void 0:t.includes(a))?{...e,isOpen:!0}:e})):e},xe=e.createContext({}),ge=()=>e.useContext(xe),ve=({children:a,isOpen:t,onChange:l,withIcons:n=!0,sections:i,shouldToggleSidebar:o=!0,topDropdownItems:r,collapseBreakpoint:s=800})=>{const c=e.useRef(!1),[m,d]=e.useState(()=>!o||("boolean"==typeof t?t:"undefined"==typeof window||window.innerWidth>s)),[u,p]=e.useState(()=>pe(i)),{windowWitdh:x}=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()}(x)},[x]),e.useEffect(()=>{"boolean"==typeof t&&d(t)},[t]);const g=()=>{d(!1)};return e.createElement(xe.Provider,{value:{sections:u,topDropdownItems:r,onSectionOpen:e=>{p(a=>a.map(a=>a.map(a=>ue(a)?{...a,isOpen:(null==a?void 0:a.name)===e&&!a.isOpen}:a)))},isOpen:m,onOpen:()=>{d(!0)},onClose:g,withIcons:n,shouldToggleSidebar:o}},a)},be=()=>{const{onOpen:a,topDropdownItems:t,isOpen:l}=ge(),{mainItem:n,otherItems:i,actions:o}=t,r=e.useRef(null),s=te(r),c=({id:e,title:a,icon:t,iconClass:l,url:n,...i})=>({id:e,label:a,leadingIconName:t,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:a},e.createElement("span",{className:"maxio-side-nav__menu-title"},n.title)):e.createElement("details",{className:"maxio-action-menu maxio-side-nav--action-menu"},e.createElement("summary",{onClick:a,className:"maxio-side-nav__menu-button","aria-haspopup":"true",ref:r},n.url?e.createElement(e.Fragment,null,e.createElement(de,{type:"menu",isTooltipVisible:!l&&s,leadingIcon:n.icon,trailingIcon:"chevron-up-down",leadingIconClassName:n.iconClass},n.title)):e.createElement(de,{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})))},he=({section:a})=>{const{isOpen:t,withIcons:l}=ge(),n=e.useRef(null),i=te(n);return e.createElement("li",{className:"maxio-side-nav__item","data-key":a.key,"data-testid":"maxio-sidebar-section"},e.createElement("a",{className:"maxio-side-nav__link","aria-current":a.isCurrent?"page":void 0,role:"button",href:a.href,ref:n},e.createElement(de,{isTooltipVisible:i&&!t,type:"menu",leadingIcon:l?a.icon:void 0},a.name)))},fe=({section:t})=>{var l,n;const{onOpen:i,onSectionOpen:o,isOpen:r,withIcons:s}=ge(),c=e.useRef(null),m=te(c);if(!ue(t))return e.createElement("li",{className:"maxio-side-nav__item-header"},t.title);return t.Component?e.createElement(t.Component,{section:t}):t.href?e.createElement(he,{section:t}):e.createElement("li",{className:a("maxio-side-nav__item",{"maxio-side-nav__item--icon":s}),"data-testid":"maxio-sidebar-section"},e.createElement("button",{className:"maxio-side-nav__menu-button",ref:c,"aria-expanded":t.isOpen?"true":"false",type:"button",onClick:()=>{o(t.name),i()}},e.createElement(de,{type:"menu",isTooltipVisible:!r&&m,leadingIcon:s?t.icon:void 0,trailingIcon:(null===(l=t.items)||void 0===l?void 0:l.length)?"chevron-down":void 0},t.name)),e.createElement("ul",{className:"maxio-side-nav__menu"},null===(n=t.items)||void 0===n?void 0:n.map(a=>e.createElement("li",{key:`section-sub-item-${a.name}`,className:"maxio-side-nav__item","data-testid":"maxio-section-item"},e.createElement("a",{className:"maxio-side-nav__link",href:a.href,"aria-current":a.isCurrent?"page":void 0},e.createElement("span",{className:"maxio-side-nav__link-title"},a.name))))))},Ee=()=>{const{sections:a}=ge();return e.createElement(e.Fragment,null,a.map((a,t)=>e.createElement("ul",{role:"list",className:"maxio-side-nav__items",key:`section-list-${t}`},a.map((a,l)=>e.createElement(fe,{key:`section-list-item-${a.type}-${t}-${l}`,section:a})))))},_e=()=>{const{onClose:a,shouldToggleSidebar:t}=ge();return e.createElement("div",{className:"maxio-side-nav__logo-container"},e.createElement("a",{className:"maxio-side-nav__brand",href:"/","aria-label":"Maxio"}),t&&e.createElement("button",{className:"maxio-side-nav__menu-toggle","aria-label":"toggle sidebar",onClick:a},e.createElement(b,{variant:"sidebar"})))},Ne=()=>{const{isOpen:t}=ge();return e.createElement("nav",{className:a("maxio-side-nav",{"maxio-side-nav--collapsed":!t})},e.createElement(_e,null),e.createElement(be,null),e.createElement("div",{className:"maxio-side-nav__items-container"},e.createElement(Ee,null)))},we=e.createContext({}),ye=()=>e.useContext(we),ke=({children:a,variant:t="line",withDivider:l=!1,defaultIndex:n=0,onChange:i,index:o})=>{const[r,s]=e.useState(()=>void 0!==o?o:n);e.useEffect(()=>{void 0===o&&s(n),"number"==typeof o&&s(o)},[n,o]);return e.createElement(we.Provider,{value:{currentIndex:r,variant:t,withDivider:l,onChange:e=>{let a;a="function"==typeof e?e(r):e,void 0===o&&s(a),"function"==typeof i&&i(a)}}},a)},Ce=({disabled:t=!1,value:l=0,isCurrent:n,...i})=>{const{onChange:o,currentIndex:r}=ye(),s=a("maxio-tabs__tab",{"maxio-tabs__tab--active":r===l,"maxio-tabs__tab--disabled":t,"maxio-tabs__tab--icon":"icon"===i.type}),c=()=>{o(l)},m={"aria-selected":n,id:`tab-${l}`,"aria-controls":`panel-${l}`,role:"tab",tabIndex:n?0:-1},d=e.useRef(null),u=e.useRef(!1);if(e.useEffect(()=>{var e;n&&u.current&&(null===(e=d.current)||void 0===e||e.focus())},[n]),e.useEffect(()=>{u.current=!0},[]),"icon"===i.type){const{icon:a,...t}=i;return e.createElement("div",{className:s,ref:d,onClick:c,...m,...t},e.createElement("div",{className:"maxio-tabs__tab__content"},a))}const{children:p,rightIcon:x,...g}=i;return e.createElement("div",{ref:d,className:s,onClick:c,...m,...g},e.createElement("div",{className:"maxio-tabs__tab__content"},p,x||null))},Ie=({children:a,value:t,...l})=>{const{currentIndex:n}=ye();return e.createElement("div",{...l,...t?{id:`panel-${t}`}:{},role:"tabpanel","aria-labelledby":`tab-${t}`,hidden:n!==t},a)},Se=(e,a,t)=>0===e?e:1===e&&a[e-1].disabled?t||e:a[e-1].disabled?Se(e-1,a,t||e):e-1,Pe=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__header",l),...n},t);Pe.displayName="Card.Header";const Te=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__body",l),...n},t);Te.displayName="Card.Body";const Re=({children:t,className:l,...n})=>e.createElement("div",{className:a("maxio-card__footer",l),...n},t);Re.displayName="Card.Footer";const $e=({children:t,className:l,variant:n="primary",...i})=>e.createElement("div",{className:a("maxio-card",`maxio-card--${n}`,l),...i},t);$e.displayName="Card";const De=Object.assign($e,{Header:Pe,Body:Te,Footer:Re});var Oe,ze,Me,Le;function Be(){return Be=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},Be.apply(null,arguments)}const Ve=e=>p.createElement("svg",Be({xmlns:"http://www.w3.org/2000/svg","data-name":"Maxio Logo SVG",viewBox:"0 0 1036 240"},e),Oe||(Oe=p.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"})),ze||(ze=p.createElement("path",{fillRule:"evenodd",d:"M870.39 24h-20.33v20.33h20.33zm0 40.67h-20.33v148.59h20.33z"})),Me||(Me=p.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"})),Le||(Le=p.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"}))),He=({state:t,...l})=>{var n,i;const o=e.useRef(null),{toastProps:r,contentProps:s,titleProps:c,closeButtonProps:m}=d.useToast(l,t,o),{closable:u=!0,underline:p=!0,external:x=!1}=l.toast.content,g=a("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:p,external:x},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}))},Ae=({state:a,...t})=>{const l=e.useRef(null),{regionProps:n}=d.useToastRegion(t,a,l);return e.createElement("div",{...n,ref:l,className:t.className,style:{display:"flex",flexDirection:"column",gap:"10px"}},a.visibleToasts.map(t=>e.createElement(He,{key:t.key,toast:t,state:a})))},Fe=e.createContext(null);class qe extends m.ToastQueue{}const We=({basis:t,flex:l,flexDirection:n,wrap:i,grow:o,shrink:r,gap:s,gapX:c,gapY:m,className:d,children:u,alignItems:p,justifyContent:x,...g})=>{const v=a("maxio-flex",{[`maxio-flex-${l}`]:l,[`maxio-basis-${t}`]:void 0!==t,[`maxio-flex-${n}`]:n,[`maxio-flex-${i}`]:i,"maxio-grow":o,"maxio-grow-0":!1===o,"maxio-shrink":r,"maxio-shrink-0":!1===r,[`maxio-gap-${s}`]:void 0!==s,[`maxio-gap-x-${c}`]:void 0!==c,[`maxio-gap-y-${m}`]:void 0!==m,[`maxio-items-${p}`]:p,[`maxio-justify-${x}`]:x},d);return e.createElement("div",{className:v,...g},u)},je=({as:t="div",children:l,compact:n=!1,size:i="md",className:o,...r})=>{const s=t,c=a({[`maxio-body-${i}`]:!n,[`maxio-body-${i}-compact`]:n},o);return e.createElement(s,{className:c,...r},l)},Ge={sm:"h3",md:"h2",lg:"h1"},Ue=({children:t,size:l="sm",className:n,...i})=>{const o=Ge[l],r=a(`maxio-heading-${l}`,n);return e.createElement(o,{className:r,...i},t)},Ye=({...a})=>{const l=e.useRef(null),{buttonProps:n}=t.useButton(a,l);return e.createElement("button",{...n,className:"maxio-chip__dismiss-button"},e.createElement(b,{variant:"cross-circle-fill",className:"maxio-chip__icon"}))},Ze=({className:t,...l})=>e.createElement(c.ListBox,{...l,className:a("maxio-listbox",t)});Ze.displayName="ListBox";const Ke=({className:t,...l})=>{const n=l.textValue||("string"==typeof l.children?l.children:void 0);return e.createElement(c.ListBoxItem,{...l,textValue:n,className:a("maxio-listbox__item",t)},c.composeRenderProps(l.children,(a,{isSelected:t})=>e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-listbox__content"},"string"==typeof a?e.createElement(je,{size:"sm"},a):a),t&&e.createElement(b,{variant:"check"}))))};Ke.displayName="ListBox.Item";const Qe=({className:t,...l})=>e.createElement(c.ListBoxSection,{...l,className:a("maxio-listbox__section",t)});Qe.displayName="ListBox.Section";const Xe=({className:t,...l})=>e.createElement(c.Header,{...l,className:a("maxio-listbox__header",t)});Xe.displayName="ListBox.Header";const Je=Object.assign(Ze,{Item:Ke,Section:Qe,Header:Xe}),ea={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 c.DialogTrigger}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return c.Pressable}}),exports.ActionList=E,exports.Alert=I,exports.AuthLayout=({children:t,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("div",{className:"maxio-auth-layout__header"}),e.createElement("div",{className:"maxio-auth-layout__main"},r&&e.createElement(I,{display:"block",title:r.title,sentiment:r.sentiment},r.children),e.createElement("div",{className:"maxio-auth-layout__content-wrapper"},s,e.createElement("div",{className:"maxio-auth-layout__content"},e.createElement(We,{flexDirection:"col",gap:2},e.createElement(We,{alignItems:"center",gap:2},o,e.createElement(Ue,{size:"lg",className:a("maxio-auth-layout__heading",ea[i])},l)),n&&e.createElement(je,{size:"sm",className:"maxio-auth-layout__description"},n)),t))),e.createElement(We,{alignItems:"center",className:"maxio-auth-layout__footer"},c),e.createElement("div",{className:"maxio-auth-layout__border-top"}),e.createElement("div",{className:"maxio-auth-layout__border-bottom"}),e.createElement("div",{className:"maxio-auth-layout__border-left"}),e.createElement("div",{className:"maxio-auth-layout__border-right"}),e.createElement("div",{className:"maxio-auth-layout__gradient-bottom"}),e.createElement("div",{className:"maxio-auth-layout__gradient-top"})),exports.Avatar=({className:t,src:l,alt:n="avatar"})=>e.createElement("img",{className:a("maxio-avatar",t),alt:n,src:l}),exports.Banner=({children:t,title:l,linkText:n,linkExternal:i,href:o,display:r="inline",sentiment:s="info",onDismiss:c,className:m})=>{if(!t&&!l)return console.warn("Banner component requires either children or title prop to be rendered"),null;const d=a("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],p=a("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:p},l&&e.createElement("span",{className:"maxio-banner__title"},l),t&&e.createElement("span",{className:"maxio-banner__message"},t),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=je,exports.Breadcrumbs=({className:t,children:l,...n})=>{const i=e.Children.count(l);if(0===i)throw new Error(D);const o=e.Children.map(l,(a,t)=>{if(e.isValidElement(a)&&a.type===$){if(t===i-1&&a.props.href)throw new Error(O);return e.cloneElement(a,{"aria-current":t===i-1?"page":void 0})}throw new Error(z)});return e.createElement("nav",{"aria-label":"Breadcrumb",...n},e.createElement("ol",{className:a("maxio-breadcrumbs",t)},o))},exports.BreadcrumbsItem=$,exports.Button=k,exports.Card=De,exports.Checkbox=j,exports.CheckboxGroup=({helperText:l,className:n,errorMessage:o,children:r,disabled:s,label:c,defaultValue:m,name:d,...u})=>{var p;const x=i.useCheckboxGroupState({defaultValue:m,name:d,errorMessage:o,description:l,label:c,isDisabled:s,isInvalid:!!o,...u}),{groupProps:g,labelProps:v,descriptionProps:b,errorMessageProps:h,isInvalid:f}=t.useCheckboxGroup({"aria-label":null===(p=null!=c?c:u["aria-label"])||void 0===p?void 0:p.toString(),isDisabled:s,isInvalid:!!o,...u},x),E=a("maxio-checkbox-group",{"maxio-checkbox-group--disabled":s},n),_=l&&!o;return e.createElement("div",{className:E,...g},c&&e.createElement("label",{className:"maxio-checkbox-group__label",...v},c),e.createElement(q.Provider,{value:x},r),_&&e.createElement(G,{...b},l),o&&f&&e.createElement(U,{...h},o))},exports.Chip=({label:l,onDismiss:i,dismissLabel:o,leadingIcon:r,trailingIcon:s,title:c,...m})=>{const d=e.useRef(null),u=n.useToggleState(m),{buttonProps:p}=t.useToggleButton(m,u,d),x=a("maxio-chip",{"maxio-chip--selected":null==u?void 0:u.isSelected}),g=a("maxio-chip__button",{"maxio-chip--dismissible":i});return e.createElement("div",{className:x},e.createElement("button",{className:g,ref:d,...p,title:c},r&&e.createElement(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(Ye,{onPress:i,"aria-label":o}))},exports.Code=({as:t="div",children:l,className:n,...i})=>{const o=t,r=a("maxio-code",n);return e.createElement(o,{className:r,...i},l)},exports.DataTable=({pattern:a,size:t="md",SubRowComponent:n,onExpand:i,onSelect:o,onSort:r,enableSorting:s=!1,enableRowSelection:c=!1,enableExpanding:m,columns:d,actions:u,...p})=>{const x=(({columns:a,HeaderControls:t,RowControls:l,RowActions:n,actions:i,enableExpanding:o,enableRowSelection:r})=>e.useMemo(()=>{const s={id:M,header:a=>e.createElement(t,{...a,enableExpanding:o,enableRowSelection:r}),cell:a=>e.createElement(l,{...a,enableExpanding:o}),meta:{controls:!0}},c=i&&n?{id:L,header:"",cell:a=>e.createElement(n,{...a},i(a.row,a.table)),meta:{actions:!0}}:null;let m=[...a];return r&&(m=[s,...m]),c&&(m=[...m,c]),m},[i,n,o,r,a,t,l]))({columns:d,HeaderControls:Y,RowControls:Z,RowActions:K,actions:u,enableRowSelection:c,enableExpanding:Boolean(m)}),g=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:x,...p}),v=g.getCanSomeRowsExpand(),b=g.getState();return e.useEffect(()=>{null==i||i(b.expanded)},[i,b.expanded]),e.useEffect(()=>{null==o||o(b.rowSelection)},[o,b.rowSelection]),e.useEffect(()=>{null==r||r(b.sorting)},[r,b.sorting]),e.createElement(B,{pattern:a,size:t,isExpandable:v,isUsingCustomRow:!!n},e.createElement(V,null,g.getHeaderGroups().map(a=>e.createElement(F,{key:a.id,table:g,isHeader:!0},a.headers.map(a=>e.createElement(A,{key:a.id,table:g,header:a,enableExpanding:m},l.flexRender(a.column.columnDef.header,a.getContext())))))),e.createElement(H,null,g.getRowModel().rows.map(t=>e.createElement(X,{key:t.id,row:t,pattern:a,SubRowComponent:n,enableExpanding:m}))))},exports.Display=({as:t="div",children:l,size:n="md",className:i,...o})=>{const r=t,s=a(`maxio-display-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Flex=We,exports.FormErrorMessage=U,exports.FormHelperText=G,exports.GlobalToastProvider=({children:a,toastQueue:t,...l})=>{const n=m.useToastQueue(t),i=e.useCallback(()=>{n.visibleToasts.forEach(e=>{t.close(e.key)})},[n.visibleToasts,t]),o=e.useMemo(()=>({addToast:t.add.bind(t),removeToast:t.clear.bind(t),removeAllToasts:i,state:n}),[t,i,n]);return e.createElement(Fe.Provider,{value:o},a,n.visibleToasts.length>0&&e.createElement(Ae,{...l,state:n}))},exports.Grid=({children:t,templateColumns:l,templateRows:n,autoColumns:i,autoRows:o,inline:r,column:s,columnStart:c,columnEnd:m,row:d,rowStart:u,rowEnd:p,gap:x,gapX:g,gapY:v,className:b,justifyContent:h,alignItems:f,...E})=>{const _=a(b,{"maxio-grid":!r,"maxio-inline-grid":r,[`maxio-grid-cols-${l}`]:l,[`maxio-grid-rows-${n}`]:n,[`maxio-auto-cols-${i}`]:i,[`maxio-auto-rows-${o}`]:o,["maxio-col-"+("auto"===s?"auto":`span-${s}`)]:s,[`maxio-col-start-${c}`]:c,[`maxio-col-end-${m}`]:m,["maxio-row-"+("auto"===d?"auto":`span-${d}`)]:d,[`maxio-row-start-${u}`]:u,[`maxio-row-end-${p}`]:p,[`maxio-gap-${x}`]:void 0!==x,[`maxio-gap-x-${g}`]:void 0!==g,[`maxio-gap-y-${v}`]:void 0!==v,[`maxio-justify-${h}`]:h,[`maxio-items-${f}`]:f});return e.createElement("div",{className:_||void 0,...E},t)},exports.Heading=Ue,exports.Icon=b,exports.IconButton=C,exports.Label=({as:t="div",children:l,size:n="sm",className:i,...o})=>{const r=t,s=a(`maxio-label-${n}`,i);return e.createElement(r,{className:s,...o},l)},exports.Link=_,exports.ListBox=Je,exports.LoadingSpinner=N,exports.Logo=t=>{const{size:l="sm",className:n,variant:i="lockup",alt:o="maxio logo"}=t,r="mark"===i,s="number"==typeof l;return e.createElement(Ve,{role:"img",viewBox:r?"0 0 240 240":"0 0 1036 240","aria-label":o,height:s?l:void 0,className:a("maxio-logo",!s&&`maxio-logo--${l}`,r&&"maxio-logo--mark",n)})},exports.Menu=({children:a})=>e.createElement(P,null,e.createElement(R,null,a)),exports.MenuButton=({children:t,iconName:l="chevron-down","aria-label":n,size:i="md",variant:o="secondary"})=>{const r=a({"maxio-action-menu__chevron":"chevron-down"===l}),s=a("maxio-button",`maxio-button--${o}`,`maxio-button--${i}`,{"maxio-button--icon":l&&!t}),{isOpen:c,buttonId:m,controlsId:d}=T();return e.createElement("summary",{className:s,"aria-haspopup":"true","aria-label":n,"aria-expanded":c,"aria-controls":d,id:m},t&&e.createElement("span",null,t),l&&e.createElement(b,{variant:l,className:`${r} maxio-button__trailing-element`}))},exports.MenuList=({items:t,alignItemsEnd:l=!1})=>{const n=a("maxio-action-menu__content",{"maxio-action-menu__content--align-end":l}),{controlsId:i,buttonId:o}=T();return e.createElement("div",{className:n,role:"presentation"},e.createElement(E,{role:"menu",itemProps:{role:"menuitem"},id:i,"aria-labelledby":o,items:t}))},exports.OverlayTrigger=ne,exports.Pagination=({size:a="md",onChange:t,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,p]=e.useState(i.toString());e.useEffect(()=>{p(s.toString())},[s]);const x=Math.ceil(l/m),g=s<x,v=s>1,h=m*(s-1)+1,f=Math.min(m*s,l),E=o.map(e=>({label:e.toString(),value:e.toString()})),_=Array.from({length:x},(e,a)=>a+1).map(e=>({label:e.toString(),value:e.toString()})),N=e=>{c(e),null==t||t({currentPage:e,itemsPerPage:m})},w=e=>{const a=parseInt(e,10);if(isNaN(a))return void p(s.toString());const t=Math.max(1,Math.min(a,x));p(t.toString()),N(t)};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(me,{inline:!0,size:a,options:E,onChange:e=>{return a=Number(e.target.value),d(a),c(1),void(null==t||t({currentPage:1,itemsPerPage:a}));var a},value:m,id:"items-per-page-large"})),e.createElement("div",{className:"maxio-pagination__total-items"},e.createElement("span",null,h,"–",f," of ",l," items")),e.createElement("div",{className:"maxio-pagination__current-page"},r?e.createElement(ce,{className:"maxio-pagination__page-input",value:u,min:1,max:x,onChange:e=>(e=>{p(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:a,type:"number",onWheel:e=>e.preventDefault()}):e.createElement(me,{inline:!0,size:a,"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 ",x," 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:a,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:a,variant:"ghost",onClick:()=>N(s+1),"aria-label":"Next",disabled:!g}))))},exports.Popover=({className:t,hideArrow:l=!1,children:n,...i})=>e.createElement(c.Popover,{...i,className:a("maxio-popover",t)},e.createElement(e.Fragment,null,!l&&e.createElement(c.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)),exports.ProgressBar=({label:l,helperText:n,size:i="md",variant:o="default",status:r,value:s,maxValue:c=100})=>{const m=t.useId(),d=t.useId(),u=r&&!!l&&!!s&&!("inline"===o),p=n&&!("inline"===o),x=n&&"inline"===o,{progressBarProps:g,labelProps:v}=t.useProgressBar({maxValue:c,value:s,label:l}),b=a("maxio-progress-bar",{"maxio-progress-bar--lg":"lg"===i,"maxio-progress-bar--success":s&&!("inline"===o)&&"success"===r,"maxio-progress-bar--error":s&&!("inline"===o)&&"error"===r,"maxio-progress-bar--indent":"indent"===o,"maxio-progress-bar--inline":"inline"===o,"maxio-progress-bar--indeterminate":void 0===s});return e.createElement("div",{className:b,...g},e.createElement("div",{id:m,className:"maxio-progress-bar__label",...v},l),x&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},n),e.createElement("div",{className:"maxio-progress-bar__track"},e.createElement("div",{className:"maxio-progress-bar__progress",style:{"--tw-scale-x":`${s}%`}})),u&&e.createElement("div",{className:`maxio-progress-bar__${r}-icon`}),p&&e.createElement("div",{id:d,className:"maxio-progress-bar__helper-text"},n))},exports.Radio=({indent:l=!1,disabled:n=!1,invalid:i=!1,label:o,...r})=>{const s=e.useRef(null),c=e.useContext(se),{inputProps:m,isDisabled:d}=t.useRadio({...r,value:(r.value||"").toString(),"aria-label":r["aria-label"]||o,isDisabled:n},c,s),u=a("maxio-radio",{"maxio-radio--indent":l,"maxio-radio--disabled":d||c.isDisabled,"maxio-radio--error":i||c.isInvalid});return e.createElement("label",{className:u},e.createElement("input",{ref:s,role:"radio",type:"radio",className:"maxio-radio__input",...m,name:c.name||m.name}),e.createElement("span",{className:"maxio-radio__control"}),e.createElement("span",{className:"maxio-radio__label"},o))},exports.RadioGroup=({children:a,label:l,errorMessage:n,helperText:i,disabled:o=!1,invalid:r=!1,name:c,defaultValue:m,...d})=>{const u=s.useRadioGroupState({isDisabled:o,isInvalid:r,description:i,name:c,label:l,errorMessage:n,defaultValue:m,...d}),{radioGroupProps:p,labelProps:x,descriptionProps:g,errorMessageProps:v}=t.useRadioGroup({"aria-label":d["aria-label"]||l,...d},u);return e.createElement(e.Fragment,null,e.createElement("div",{className:"maxio-radio-group",...p},l&&e.createElement("label",{className:"maxio-radio-group__label",...x},l),e.createElement(se.Provider,{value:u},a),r&&n&&e.createElement(U,{...v},n),i&&!r&&e.createElement(G,{...g},i)))},exports.Select=me,exports.SideNav=({withIcons:a=!0,shouldToggleSidebar:t=!1,topDropdownItems:l,sections:n=[],collapseBreakpoint:i=800,isOpen:o,onChange:r})=>e.createElement(ve,{isOpen:o,onChange:r,collapseBreakpoint:i,withIcons:a,shouldToggleSidebar:t,topDropdownItems:l,sections:n},e.createElement(Ne,null)),exports.Tab=Ce,exports.TabList=({children:t,className:l,ariaLabel:n,...i})=>{const{variant:o,withDivider:r,currentIndex:s,onChange:c}=ye(),m=a("maxio-tabs",l,{"maxio-tabs--contained":"contained"===o,"maxio-tabs--divider":r}),d=e.useRef(null),u=()=>e.Children.map(t,e=>e.props);return e.createElement("div",{className:m,role:"tablist","aria-label":n,"aria-orientation":"horizontal",ref:d,onKeyDown:e=>{var a;"ArrowRight"===e.key&&c(e=>((e,a)=>{const t=a.findIndex((a,t)=>!a.disabled&&t>e);return-1===t?e:t})(e,u())),"ArrowLeft"===e.key&&c(e=>Se(e,u())),null===(a=d.current)||void 0===a||a.focus()},...i},e.Children.map(t,(a,t)=>{if(e.isValidElement(a)&&a.type===Ce)return e.cloneElement(a,{value:t,isCurrent:s===t});throw new Error("You can only pass <Tab /> component as children")}))},exports.TabPanel=Ie,exports.TabPanels=({children:a})=>{const{currentIndex:t}=ye();return e.createElement(e.Fragment,null,e.Children.map(a,(a,l)=>{if(e.isValidElement(a)&&a.type===Ie)return l===t?e.cloneElement(a,{value:l}):null;throw new Error("You can only pass <TabPanel /> component as children")}))},exports.Tabs=({children:a,variant:t="line",withDivider:l=!1,defaultIndex:n=0,index:i,onChange:o})=>e.createElement(ke,{defaultIndex:n,variant:t,withDivider:l,index:i,onChange:o},a),exports.Tag=({children:t,size:l,sentiment:n,kind:i="primary",leadingIcon:o,trailingIcon:r})=>{const s=a("maxio-tag",`maxio-tag--${i}`,!!n&&`maxio-tag--${n}`,!!l&&`maxio-tag--${l}`);return e.createElement("div",{className:s},o&&e.createElement(b,{variant:o,className:"maxio-tag__icon"}),e.createElement("span",{className:"maxio-tag__label"},t),r&&e.createElement(b,{variant:r,className:"maxio-tag__icon"}))},exports.TextInput=ce,exports.Tile=({children:t,className:l,href:n,onClick:i,target:o,disabled:r})=>{const s=n||i;if(!s)return e.createElement("div",{className:"maxio-tile"},t);const c=a("maxio-tile",l,{"maxio-tile--clickable":s,"maxio-tile--disabled":r});return e.createElement("a",{className:c,href:n,target:o,onClick:e=>{r&&n&&e.preventDefault(),!r&&i&&i()}},t)},exports.ToastProvider=({children:a,...t})=>{const{maxVisibleToasts:l=5,...n}=t,i=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,a(i),i.visibleToasts.length>0&&e.createElement(Ae,{...t,state:i}))},exports.ToastQueue=qe,exports.Toggle=({defaultChecked:t,checked:l,onChange:n,disabled:i,valueDescription:o,valueDescriptionPosition:r,className:s,name:c,id:m,...d})=>{const u=e.useId(),p="boolean"==typeof t,x=m||u,g="left"===r?"row":"row-reverse",v=o&&r,b=e.useCallback(e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const a=e.currentTarget.checked;p&&(e.currentTarget.checked=!a),n&&n(!a,e)}},[p,n]),h=d["aria-label"]||(v?void 0:o);return e.createElement("div",{className:a("maxio-toggle",s,{"maxio-toggle--disabled":i}),style:{display:"inline-flex",flexDirection:g},"data-testid":"toggle-container"},v?e.createElement("label",{className:"maxio-toggle__label",htmlFor:x},o):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:l,onChange:e=>{n&&n(e.target.checked,e)},onKeyDown:b,disabled:i,className:"maxio-toggle__checkbox",id:x,name:c,"aria-label":h}),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:a,actions:t,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(We,{grow:!0,justifyContent:"end"},a),t),exports.useHover=te,exports.useOverlayTrigger=ae,exports.useToast=()=>{const a=e.useContext(Fe);if(!a)throw new Error("useToast must be used within a GlobalToastProvider. Please wrap your app with <GlobalToastProvider> to use the global toast API.");return a},exports.useWindowSize=le;
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maxio-com/react-ui-components",
3
- "version": "9.8.0",
3
+ "version": "9.8.1",
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": "a60b90530e8a811a1c8c84ccc7dc23f1e0372003"
65
+ "gitHead": "874913b829a653ac4bce9904c9a39b61bc8ea773"
66
66
  }