@veeqo/ui 5.17.0 → 5.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/ActionMenu/ActionMenu.d.ts +9 -3
  2. package/dist/components/ActionMenu/styled.d.ts +1 -0
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import e,{useState as t,PureComponent as n,useEffect as o,useMemo as i,forwardRef as r,useRef as a,useCallback as l,Component as s,createRef as d,Fragment as c,useImperativeHandle as u}from"react";import{motion as m,AnimatePresence as p}from"framer-motion";import g,{css as h,createGlobalStyle as b}from"styled-components";import{usePopper as f}from"react-popper";import v from"resize-observer-polyfill";import y,{createPortal as x}from"react-dom";import{uid as w}from"uid/secure";import{MenuItem as E,Menu as C,CalendarGrid as $,CalendarGridHeader as k,CalendarHeaderCell as S,CalendarGridBody as N,CalendarCell as L,RangeCalendar as I,useLocale as z,Button as D,Heading as F,Group as T,DateField as M,DateInput as R,DateSegment as O}from"react-aria-components";import{CSSTransition as A,TransitionGroup as B}from"react-transition-group";import{isWeekend as j,now as H,getLocalTimeZone as W,startOfYear as P,startOfMonth as V,startOfWeek as _,endOfMonth as Z,CalendarDate as Y}from"@internationalized/date";import q from"lodash.throttle";import{useScroll as X,usePrevious as K}from"react-use";import G from"react-scrolllock-configurable";const U=g.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,J={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},Q=(e,t)=>e||(t?J[t]:void 0),ee={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}},te={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},ne={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var oe,ie;!function(e){e.sm="0px 1px 3px rgba(55, 66, 77, 0.15)",e.base="0px 4px 6px rgba(27, 33, 38, 0.2)",e.md="0px 10px 15px rgba(27, 33, 38, 0.2)",e.lg="0px 20px 25px rgba(27, 33, 38, 0.2)"}(oe||(oe={})),function(e){e.none="none",e.line="line",e.xs="xs",e.sm="sm",e.base="base",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl"}(ie||(ie={}));const re=function({increment:e,unit:t,count:n}){const o={};for(let i=0;i<=n;i++){const n=i*e;o[i]=`${n}${t}`}return o}({increment:.25,unit:"rem",count:20}),ae={[ie.none]:"0",[ie.line]:"1px",[ie.xs]:re[1],[ie.sm]:re[2],[ie.base]:re[4],[ie.md]:re[6],[ie.lg]:re[8],[ie.xl]:re[12],[ie.xxl]:re[16]},le=Object.assign(Object.assign({},ae),re),se={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},de={headingXXL:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:ee.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:ee.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:ee.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ee.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:ee.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:ee.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ee.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ee.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ee.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ee.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:se.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ee.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},ce=Object.assign(Object.assign({},se),{breakpoints:te,colors:ee,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:ne,shadows:oe,sizes:le,text:de}),{text:ue,colors:me,fontFamily:pe}=ce,ge=g.span.attrs((({as:e,variant:t})=>({as:Q(e,t)}))).withConfig({displayName:"vui--Text",componentId:"vui--p74sf8"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${pe};line-height:16px;color:#37424d;${({variant:e})=>("button"===e||"buttonSmall"===e)&&"\n cursor: pointer;\n background-color: transparent;\n border: 0;\n "} ${({variant:e,muted:t=!1})=>{if(!e)return"";const n=t?me.neutral.ink.lightest:ue[e].color;return`\n font-family: ${ue[e].fontFamily};\n font-style: ${ue[e].fontStyle};\n font-weight: ${ue[e].fontWeight};\n font-size: ${ue[e].fontSize};\n line-height: ${ue[e].lineHeight};\n color: ${n};\n text-decoration: ${ue[e].textDecoration};\n letter-spacing: ${ue[e].letterSpacing};\n `}}`,he=g(U).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,be=g(he).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${le.base};width:${le.base};color:${({glyphColor:e})=>e};}`,fe=g(he).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,ve=g.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1moens1"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${ce.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${ce.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${ce.colors.secondary.blue.light};}`,ye=g(U).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,xe=g(ge).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,we=g(m(U)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,Ee=g.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,Ce=g(m(U)).withConfig({displayName:"vui--UnstyledAccordionContent",componentId:"vui--59wczx"})``,$e=g.summary.withConfig({displayName:"vui--UnstyledAccordionSummary",componentId:"vui--fyolu6"})`&:focus{outline:none;box-shadow:0 0 0 2px ${ce.colors.secondary.blue.light};}`,ke=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:le.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"})),Se=({className:n,children:o,label:i,iconSlot:r,glyphColor:a=ee.neutral.ink.lightest,timeout:l=350,description:s,shouldOpenOnMount:d,variant:c="default",summaryTextVariant:u="body"})=>{const[p,g]=t(!!d),h=()=>g(!p),b={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:l/1e3}};return"unstyled"===c?e.createElement(Ee,{open:!!d,className:n},e.createElement($e,{onClick:h},e.createElement(ye,null,e.createElement(be,{glyphColor:a},r,e.createElement(ge,{variant:u},i)),e.createElement(fe,null,e.createElement(m.span,{animate:{rotate:p?180:0}},e.createElement(ke,{name:p?"downArrow":"upArrow"})))),!!s&&e.createElement(xe,{variant:"hintText"},s)),p&&e.createElement(Ce,Object.assign({},b),o)):e.createElement(Ee,{open:!!d,className:n},e.createElement(ve,{onClick:h},e.createElement(ye,null,e.createElement(be,{glyphColor:a},r,e.createElement(ge,{variant:u},i)),e.createElement(fe,null,e.createElement(m.span,{animate:{rotate:p?180:0}},e.createElement(ke,{name:p?"downArrow":"upArrow"})))),!!s&&e.createElement(xe,{variant:"hintText"},s)),p&&e.createElement(we,Object.assign({},b),o))};function Ne(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n}"function"==typeof SuppressedError&&SuppressedError;const Le=e=>{const t=w();return e?`${e}-${t}`:t};class Ie extends n{constructor(e){super(e),this.id=Le("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?x(e,this.portalNode):null}}const ze=g.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,De=g.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,Fe=e=>e.filter(Boolean).join(" "),Te=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,o)=>t+t+n+n+o+o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},Me=(e,t)=>{const n=Te(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Re=["app.veeqo.com"];function Oe(e,t=Re){if(e.startsWith("http://")||e.startsWith("https://")){const{hostname:n}=new URL(e);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}if(e.startsWith("//")){const{hostname:n}=new URL(`http:${e}`);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}return!1}const Ae='input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])',Be=({popperElement:e,anchorElement:t,onClose:n,disableFocusLock:i=!1})=>{o((()=>{if(!e||i)return;const t=e.querySelectorAll(Ae);t.length<1||setTimeout((()=>{t[0].focus()}),0)}),[e,i]),o((()=>{if(!e||!e)return;const o=t=>{if("Tab"===t.key&&!t.shiftKey){const o=e.querySelectorAll(Ae);if(o.length<1)return void n();o[0].focus(),t.stopPropagation(),t.preventDefault()}};return null==t||t.addEventListener("keydown",o),()=>null==t?void 0:t.removeEventListener("keydown",o)}),[t,e,n]);return{handleKeyDown:t=>{e&&("Escape"===t.key?n():i||"Tab"!==t.key||(t=>{const n=e.querySelectorAll(Ae),o=n[0],i=n[n.length-1];t.shiftKey&&document.activeElement===o?(t.preventDefault(),i.focus()):t.shiftKey||document.activeElement!==i||(t.preventDefault(),o.focus())})(t))}}},je=n=>{var{id:r,children:a,zIndex:l=ce.layers.popup,placement:s="bottom",anchorElement:d,rootElementRef:c,onShouldClose:u,style:m,disableFocusLock:p,removeBackdrop:g=!1,useAnchorWidth:h}=n,b=Ne(n,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock","removeBackdrop","useAnchorWidth"]);const[y,x]=t(null),{styles:w,attributes:E,update:C}=f(d,y,{placement:s}),$=i((()=>r||Le("popover")),[r]);(({anchorElement:e,popoverId:t})=>{o((()=>{if(e){try{e.hasAttribute("aria-expanded")||(console.warn("Popover - aria-expanded not set on anchor element.",e),e.setAttribute("aria-expanded","true"))}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{e.hasAttribute("aria-controls")||(console.warn("Popover - aria-controls not set on anchor element.",e),e.setAttribute("aria-controls",t))}catch(e){console.warn(`Unable to set aria-controls for popover id: ${t}`)}try{e.hasAttribute("aria-haspopup")||(console.warn("Popover - aria-haspopup not set on anchor element.",e),e.setAttribute("aria-haspopup","dialog"))}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${t}`)}return()=>{try{e.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[e,t])})({anchorElement:d,popoverId:$});const k=()=>{null==d||d.focus(),null==u||u()},{handleKeyDown:S}=Be({popperElement:y,anchorElement:d,onClose:k,disableFocusLock:p});return o((()=>{if(!C||!y)return;const e=new v(C);return e.observe(y),()=>e.disconnect()}),[C,y]),o((()=>{if(C)return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[C]),e.createElement(Ie,{rootElementRef:c},!g&&e.createElement(De,{onClick:k,zIndex:l,"data-testid":"popover-backdrop"}),e.createElement(ze,Object.assign({open:!0,id:$,zIndex:l,ref:x,style:Object.assign(Object.assign(Object.assign({},w.popper),m),h?{minWidth:null==d?void 0:d.clientWidth}:{}),onKeyDown:S},E.popper,b),a))},He=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":r},e.createElement("defs",null,e.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e.createElement("stop",{stopColor:i,stopOpacity:"0",offset:"0%"}),e.createElement("stop",{stopColor:i,stopOpacity:".631",offset:"63.146%"}),e.createElement("stop",{stopColor:i,offset:"100%"}))),e.createElement("g",{fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(1 1)"},e.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:i,strokeWidth:"2"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),We=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 105 105",fill:i,"aria-label":r},e.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),Pe=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:i,"aria-label":r},e.createElement("circle",{cx:"15",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},e.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"105",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),Ve=({className:t,height:n=24,width:o=24,color:i="#588CB0",type:r="TailSpin"})=>{switch(r){case"Grid":return e.createElement(We,{className:t,height:n,width:o,color:i});case"ThreeDots":return e.createElement(Pe,{className:t,height:n,width:o,color:i});default:return e.createElement(He,{className:t,height:n,width:o,color:i})}},_e=g.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({$loading:e})=>e?"opacity: 0;":null};svg{width:${({size:e})=>le[e]};height:${({size:e})=>le[e]};}`,Ze=g.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--nvz516"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${ce.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",i="8px",r="16px",a="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",i="4px",r="14px",a="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${a};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${i};\n font-size: ${r};\n line-height: ${r};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,Ye=g(Ze).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${ce.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?ce.colors.neutral.ink.base:ce.colors.secondary.blue.base};&:hover{background-color:${ce.colors.neutral.grey.lightest};}&:active{background-color:${ce.colors.neutral.grey.lightest};border-color:${ce.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${ce.colors.neutral.grey.base} !important;border-color:${ce.colors.neutral.grey.base} !important;color:${ce.colors.neutral.ink.light} !important;}`,qe=g(Ye).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${ce.colors.secondary.red.base};&:hover{color:${ce.colors.secondary.red.dark};}&:active{border-color:${ce.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.red.light};color:${ce.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.red.light};}`,Xe=g(Ye).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${ce.colors.secondary.blue.base};border-color:${ce.colors.secondary.blue.base};color:white;&:hover{background-color:${ce.colors.secondary.blue.dark};border-color:${ce.colors.secondary.blue.dark};}&:active{background-color:${ce.colors.secondary.blue.dark};border-color:${ce.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};}`,Ke=g(Xe).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${ce.colors.secondary.red.base};border-color:${ce.colors.secondary.red.base};color:white;&:hover{background-color:${ce.colors.secondary.red.dark};border-color:${ce.colors.secondary.red.dark};}&:active{background-color:${ce.colors.secondary.red.dark};border-color:${ce.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.red.light};}`,Ge=g(Ze).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${ce.colors.neutral.ink.base};&:hover{background-color:${ce.colors.neutral.grey.light};}&:active{background-color:${ce.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,Ue=g.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,Je=g(Ue).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${ce.text.link.fontFamily};font-size:${ce.text.link.fontSize};line-height:${ce.text.link.fontSize};font-weight:${ce.text.link.fontWeight};line-height:${ce.text.link.lineHeight};text-decoration:${ce.text.link.textDecoration};color:${ce.colors.secondary.blue.base};&:hover{color:${ce.colors.secondary.blue.dark};}& > * + *{margin-left:${ce.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${ce.colors.secondary.blue.light};border-radius:4px;}`,Qe=g.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--1qt232p"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`,et=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),tt={default:Ye,primary:Xe,destructive:qe,primaryDestructive:Ke,flat:Ge,link:Je,unstyled:Ue},nt=r(((t,n)=>{var{className:o,children:i,icon:r,variant:a="default",size:l="base",dropdown:s=!1,loading:d=!1}=t,c=Ne(t,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===a)return e.createElement(Ue,Object.assign({ref:n,className:o},c),i);const u=tt[a],m=void 0!==i,p=!!r;return e.createElement(u,Object.assign({ref:n,className:o,size:l,hasText:m,hasIcon:p,hasDropdown:s},c),(m||p)&&e.createElement(_e,{$loading:d,hasText:!!i,size:i||"sm"===l?"base":"md"},r&&r,void 0!==i&&i,s&&e.createElement(et,null)),d&&e.createElement(Qe,null,e.createElement(Ve,null)))})),ot=g.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${le.md};padding-right:${le.md};padding-left:${le.md};margin-bottom:${le.md};& > * + *{margin-top:${le.xs};}`,it=g.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${le.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,rt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:le.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"})),at=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"})),lt=({id:t,title:n,subtitle:o,headerVariant:i="headingSmall",action:r,ActionSlot:a,isCollapsed:l,onClickCollapse:s,onClickClose:d})=>e.createElement(ot,null,e.createElement(it,null,e.createElement(ge,{id:t,variant:i},n),r&&e.createElement(nt,{variant:"link",onClick:r.onClick},r.title),a,s&&e.createElement(nt,{variant:"flat",icon:l?e.createElement(rt,null):e.createElement(ke,null),onClick:s}),d&&e.createElement(nt,{variant:"flat",icon:e.createElement(at,null),onClick:d,"aria-label":"Close"})),o&&e.createElement(ge,{variant:"subheadingSmall"},o)),{grey:st}=ee.neutral,dt={0:"none",1:oe.sm,2:oe.base,3:oe.md,4:oe.lg},ct={info:ee.secondary.blue.base,success:ee.secondary.green.base,error:ee.secondary.red.base},ut=g.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${le.base};padding:${le.md};z-index:2;`,mt=g.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${le.md};padding-left:${le.md};margin-top:${le.md};margin-bottom:${le.md};font-family:${de.body.fontFamily};font-size:${de.body.fontSize};font-weight:${de.body.fontWeight};line-height:${de.body.lineHeight};color:${de.body.color};& + &{border-top:${le.line} solid ${st.base};padding-top:${le.md};}`,pt=g.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${le.md};margin-right:-${le.md};`,gt=g(m.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${mt}:first-child{margin-top:0;}`,ht=g.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${le.line} solid ${st.base};box-shadow:${e=>void 0!==e.elevation?dt[e.elevation]:oe.sm};border-radius:${ne.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n &::after {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${le.xs};\n background-color: ${ct[e]};\n }\n `}`,bt={expanded:{height:"auto"},collapsed:{height:0}},ft=({className:n,style:o,title:i,subtitle:r,HeaderActionSlot:a,action:l,collapsable:s,elevation:d,accent:c,children:u,onClose:m,renderFooter:p})=>{const[g,h]=t(!1),b=i&&e.createElement(lt,{title:i,subtitle:r,ActionSlot:a,action:l,onClickClose:m,isCollapsed:g,onClickCollapse:s?()=>{h(!g)}:void 0}),f=s&&!g||!s,v=e.createElement(gt,{animate:f?"expanded":"collapsed",variants:bt,transition:{duration:.3,ease:"easeOut"}},e.createElement(mt,null,u)),y=void 0!==p&&e.createElement(ut,null,p());return e.createElement(ht,{className:n,style:o,elevation:d,accent:c},b,v,y)};ft.Surface=ht,ft.Section=mt,ft.FullBleed=pt,ft.Footer=ut;const{sizes:vt,colors:yt,text:xt}=ce,wt=g(ft.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${vt.base} 0;display:flex;flex-direction:column;`,Et=g.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${yt.neutral.grey.base};margin-top:${vt.base};padding-top:${vt.base};}`,Ct=g(ge).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${vt.sm} ${vt.base} ${vt.sm};`,$t=g(nt).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${vt.lg};padding:${vt.xs} ${vt.base};display:flex;align-items:center;white-space:nowrap;font-family:${xt.body.fontFamily};font-size:${xt.body.fontSize};font-weight:${xt.body.fontWeight};&:hover{background-color:${yt.neutral.grey.light};color:${yt.secondary.blue.base};}& > * + *{margin-left:${vt[3]};}`,kt={item:$t,action:g($t).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${yt.secondary.blue.base};`,link:g($t).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${yt.secondary.blue.base};text-decoration:underline;`},St=({title:n,items:o=[],sections:i,buttonVariant:r,buttonSize:a})=>{const[l,s]=t(!1),[d,c]=t(null),u=t=>{const n=kt[t.variant||"item"];return e.createElement(n,{onClick:()=>{return e=t.onClick,s(!1),void e();var e},key:t.title},t.icon&&t.icon,e.createElement("span",null,t.title))},m=i?i.map((t=>e.createElement(Et,{key:t.title},t.title&&e.createElement(Ct,null,t.title),t.items.map(u)))):o.map(u);return e.createElement(e.Fragment,null,e.createElement(nt,{dropdown:!0,variant:r,size:a,onClick:()=>s(!l),ref:c},n),l&&e.createElement(je,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>s(!1)},e.createElement(wt,null,m)))},Nt=g(m(ft.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1yrw4mw"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${ce.colors.neutral.grey.base};border-radius:${ce.radius.base};padding:${ce.sizes.base};`,Lt=t=>{var{id:n,children:i,className:r,style:a,reversed:l,anchorElement:s,useAnchorWidth:d,onShouldClose:c}=t,u=Ne(t,["id","children","className","style","reversed","anchorElement","useAnchorWidth","onShouldClose"]);return o((()=>()=>null==s?void 0:s.focus()),[s]),e.createElement(je,Object.assign({id:n,"data-testid":n,anchorElement:s,onShouldClose:c,useAnchorWidth:d,placement:"bottom-start"},u),e.createElement(p,null,e.createElement(Nt,{className:r,style:a,useAnchorWidth:d,reversed:l,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},i)))},It=t=>{var{id:n,shouldShow:o,setShouldShow:i,ctaIconSlot:r,ctaProps:l}=t,s=Ne(t,["id","shouldShow","setShouldShow","ctaIconSlot","ctaProps"]);const d=a(null);return e.createElement(e.Fragment,null,e.createElement(nt,Object.assign({ref:d,"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":n,onClick:()=>null==i?void 0:i(!o),icon:r,dropdown:!0},l)),o&&e.createElement(Lt,Object.assign({id:n,anchorElement:d.current,onShouldClose:()=>null==i?void 0:i(!1)},s)))},zt=(e,t)=>{const n=a(null),i=l((e=>{"Escape"===e.key&&(null==t||t())}),[t]),r=l((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",r),document.addEventListener("keyup",i),()=>{document.removeEventListener("click",r),document.removeEventListener("keyup",i)}}),[r,i,e]),n},Dt=(e,n)=>{const[i,r]=t(e);return o((()=>{const t=setTimeout((()=>r(e)),n);return()=>clearTimeout(t)}),[e,n]),i},Ft=({anchorElement:e}={})=>{const[n,o]=t(!1),i=l((()=>o(!n)),[n,o]),r=l((()=>{o(!1),setTimeout((()=>{null==e||e.focus()}),0)}),[o,e]);return{shouldShowDropdown:n,toggleShouldShowDropdown:i,setShouldShowDropdown:o,closeDropdown:r}},Tt=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Mt({children:n}){const[i,r]=t(!0);return o((()=>{function e(){r(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(r(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function i(e){e.metaKey||e.altKey||e.ctrlKey||r(!0)}function a(){"hidden"===document.visibilityState&&(r(!0),n())}return document.addEventListener("keydown",i,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",a,!0),n(),()=>{document.removeEventListener("keydown",i,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",a,!0),o()}}),[r]),e.createElement(Tt.Provider,{value:{hadKeyboardEvent:i,isInitialized:!0}},n)}function Rt(){const[t,n]=e.useState(!1),{hadKeyboardEvent:o,isInitialized:i}=e.useContext(Tt),r=e.useCallback((()=>{t||n(!0)}),[t]),a=e.useCallback((()=>{t&&n(!1)}),[t]);let l;return l=i?o&&t:t,e.useMemo((()=>({focusVisible:l,onFocus:r,onBlur:a})),[l,a,r])}const Ot=(e=!1)=>{const[n,o]=t(e);return[n,l((()=>o(!0)),[o]),l((()=>o(!1)),[o])]},At=e=>{const[n,i]=t(!1),[r,a]=t(!1);o((()=>{if(!e)return;const t=new ResizeObserver((()=>{const t=e.scrollHeight>e.clientHeight;i(t)}));return t.observe(e),()=>{t.disconnect()}}),[e]);return{isOverflowing:n&&!r,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:i}=t.target;a(o-n-i<=0)}}},Bt=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[i]=t(e),[r,a]=t(i[o]);return[r,e=>{const t=i.find((t=>t.key===e));t&&a(t)}]},jt=({id:e,prefix:t})=>i((()=>e||Le(t)),[e,t]),Ht=e=>`\n font-family: ${e.fontFamily};\n font-style: ${e.fontStyle};\n font-weight: ${e.fontWeight};\n font-size: ${e.fontSize};\n line-height: ${e.lineHeight};\n color: ${e.color};\n text-decoration: ${e.textDecoration};\n letter-spacing: ${e.letterSpacing};\n`,Wt=g(E).withConfig({displayName:"vui--MenuItem",componentId:"vui--1vhrzmz"})`display:block;cursor:pointer;margin:${ce.sizes.xs};padding:${ce.sizes.sm};border-radius:${ce.radius.base};outline:0;&:is(a){${Ht(ce.text.link)}}&:is(div){${Ht(ce.text.body)}}white-space:nowrap;&[data-focused]{color:${ce.colors.secondary.blue.base};box-shadow:0 0 0 4px ${ce.colors.secondary.blue.light};}&[data-hovered]{background-color:${ce.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${ce.colors.neutral.grey.lightest};color:${ce.colors.neutral.ink.light};}`,Pt=({id:n,menuLabel:o,ctaProps:i,actions:r})=>{var a;const[l,s]=t(!1),d=jt({id:n,prefix:"action-menu"});return e.createElement(It,{id:d,style:{padding:"0"},shouldShow:l,setShouldShow:s,ctaProps:Object.assign({size:"sm"},i),useAnchorWidth:!0,onKeyDown:({code:e})=>{"Escape"!==e&&"Tab"!==e||s(!1)}},e.createElement(C,{onClose:()=>s(!1),"aria-label":o||(null===(a=i.children)||void 0===a?void 0:a.toString())},null==r?void 0:r.map((t=>{var n;return e.createElement(Wt,Object.assign({},t,{key:t.id||(null===(n=t.children)||void 0===n?void 0:n.toString())}))}))))};var Vt;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Vt||(Vt={}));const _t=g.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:o="start",spacing:i="base"}=e;let r,a,l,s,d="",c="";return"vertical"===t?(r=n&&Vt[n],a=o&&Vt[o],d=ce.sizes[i],l="column"):(r=o&&Vt[o],a=n&&Vt[n],c=ce.sizes[i],l="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(s=1),`\n align-items: ${r};\n justify-content: ${a};\n flex-direction: ${l};\n\n & > * {\n flex: ${s};\n }\n\n & > * + * {\n margin-top: ${d};\n margin-left: ${c};\n }\n `}}`;_t.displayName="Stack";const Zt=g(_t).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--u8ngai"})`border:1px solid ${({colours:{primary:e}})=>e};border-radius:${ce.radius.base};background-color:${({colours:{background:e}})=>e};`,Yt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"})),qt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"})),Xt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),e.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),e.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),Kt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"})),Gt={base:ce.sizes.base,sm:ce.sizes[3],xs:ce.sizes.sm},Ut={base:ce.sizes.md,sm:ce.sizes[5],xs:ce.sizes[5]},Jt={default:Xt,error:Yt,success:Kt,info:qt,warning:t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})),recommend:t=>e.createElement("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M18 8L19.25 5.25L22 4L19.25 2.75L18 0L16.75 2.75L14 4L16.75 5.25L18 8Z",fill:"#694090"}),e.createElement("path",{d:"M18 14L16.75 16.75L14 18L16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14Z",fill:"#694090"}),e.createElement("path",{d:"M10.5 8.5L8 3L5.5 8.5L0 11L5.5 13.5L8 19L10.5 13.5L16 11L10.5 8.5ZM8.99 11.99L8 14.17L7.01 11.99L4.83 11L7.01 10.01L8 7.83L8.99 10.01L11.17 11L8.99 11.99Z",fill:"#694090"}))},Qt={default:{primary:ce.colors.neutral.ink.base,background:ce.colors.neutral.grey.lightest},error:{primary:ce.colors.secondary.red.base,background:ce.colors.secondary.red.lightest},success:{primary:ce.colors.secondary.green.base,background:ce.colors.secondary.green.lightest},info:{primary:ce.colors.secondary.blue.base,background:ce.colors.secondary.blue.lightest},warning:{primary:ce.colors.secondary.orange.base,background:ce.colors.secondary.orange.lightest},recommend:{primary:ce.colors.secondary.purple.dark,background:ce.colors.secondary.purple.lightest}},en=t=>{var{size:n="base",variant:o="default",colours:i,rightActions:r,title:a,titleSlot:l,message:s,children:d,iconSlot:c,onClickClose:u}=t,m=Ne(t,["size","variant","colours","rightActions","title","titleSlot","message","children","iconSlot","onClickClose"]);const p=null!=i?i:Qt[o],g=c||Jt[o],h="xs"===n;return e.createElement(Zt,Object.assign({colours:p,direction:"horizontal",alignX:"between",spacing:"0"},m),e.createElement(_t,{direction:"horizontal",alignY:h?"center":"start",style:{margin:Gt[n],gap:Gt[n]},spacing:0},e.createElement(g,{"aria-hidden":!0,style:{minWidth:Ut[n],minHeight:Ut[n],width:Ut[n],height:Ut[n]},color:p.primary}),e.createElement(_t,{direction:"vertical",spacing:h?0:"xs"},l||e.createElement(ge,{variant:h?"bodySmallBold":"bodyBold",style:"base"===n?{lineHeight:"24px"}:{}},a),d||e.createElement(ge,{variant:h?"bodySmall":"body"},s))),e.createElement(_t,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:h?void 0:ce.sizes[3],gap:h?void 0:Gt[n],alignItems:"center"}},r&&e.createElement(_t,{alignY:"center",spacing:0,style:{gap:Gt[n]}},r.map((t=>{var{label:n}=t,o=Ne(t,["label"]);return e.createElement(nt,Object.assign({key:n,type:"button",size:"sm"},o),n)}))),u&&e.createElement(_t,{alignY:h?"center":"start",style:{height:"100%",padding:h?ce.sizes.xs:void 0}},e.createElement(nt,{variant:"flat",icon:e.createElement(at,null),onClick:u,"aria-label":"Close",size:"sm"}))))},tn=g.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${ce.text.link.fontFamily};font-style:${ce.text.link.fontStyle};font-weight:${ce.text.link.fontWeight};font-size:${ce.text.link.fontSize};line-height:${ce.text.link.lineHeight};color:${ce.colors.secondary.blue.base};text-decoration:${ce.text.link.textDecoration};&:hover{color:${ce.colors.secondary.blue.dark};}`,nn=t=>{var{children:n,href:o,rel:i,allowedHostnames:r=Re}=t,a=Ne(t,["children","href","rel","allowedHostnames"]);const l=Oe(o,r),s=i||(l?"noopener noreferrer":void 0);return e.createElement(tn,Object.assign({href:o,rel:s},a),n)},on=g(U).withConfig({displayName:"vui--Container",componentId:"vui--r1m0qe"})`display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`,rn=r(((t,n)=>{const{children:o,className:i,role:r}=t;return e.createElement(on,{className:i,ref:n,role:r},o)})),an=g(U).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,ln=g(U).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,sn=g(rn).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${ce.layers.popup};${e=>e.reversed?"bottom: 8px;":"top: 6px;"} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`,dn=({cta:t,shouldShowDropdown:n,children:i,className:r="animated-dropdown",reversed:l=!1,onClickAway:s=(()=>{}),timeout:d=350,transitionClassnames:c="dropdown",onClick:u,onMouseEnter:m,onMouseLeave:p})=>{const g=a(null);return((e,t)=>{o((()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(n)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[e,t])})(g,(e=>{n&&s(e)})),e.createElement(an,{className:`${r}-container ${r}`,onClick:u,onMouseEnter:m,onMouseLeave:p,ref:g},!l&&t,e.createElement(ln,{className:`${r}-wrap ${r}`},e.createElement(A,{in:n,timeout:d,classNames:c,unmountOnExit:!0},e.createElement(sn,{role:"dialog",reversed:l,className:`${r}-basic-dropdown ${r}`},i))),l&&t)},cn=g.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${ce.colors.neutral.grey.base};color:${e=>e.textColor};background-color:${e=>e.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${ce.text.bodySmallBold.fontFamily};font-weight:${ce.text.bodySmallBold.fontWeight};font-size:${ce.text.bodySmallBold.fontSize};line-height:${ce.text.bodySmallBold.lineHeight};}`,un=({width:t="40px",name:n="Veeqo",bgColor:o=ce.colors.secondary.blue.base,textColor:i="#ffffff"})=>{const r=n.toUpperCase().match(/\b(\w)/g);return e.createElement(cn,{width:t,bgColor:o,textColor:i,className:"avatar"},null==r?void 0:r.slice(0,2).map(((t,n)=>e.createElement("span",{key:`${t}-${n}`},t))))},mn=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1exlfc5"})`display:inline-block;`,pn=g(mn).withConfig({displayName:"vui--Hoverable",componentId:"vui--up3fpq"})``,gn=g(ge).withConfig({displayName:"vui--TooltipText",componentId:"vui--gpqzg1"})`color:${ce.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,hn=g.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1f7lcs5"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,bn=g.div.withConfig({displayName:"vui--Tip",componentId:"vui--143ip1u"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,fn=g(mn).withConfig({displayName:"vui--Wrap",componentId:"vui--e33d0s"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;var vn;!function(e){e.BOTTOM="bottom",e.TOP="top"}(vn||(vn={}));const yn={duration:400,side:vn.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},xn=({content:n,text:o,hoverableElement:i,config:r,reversed:a,withTriangle:l,classNames:s})=>{const[d,c]=t(null),u=Object.assign(Object.assign({},yn),r),{duration:m,side:p,triangleOffset:g,tipMinWidth:h,tipMaxWidth:b}=u,{styles:v,attributes:y}=f(i,d,{placement:`${p}-${a?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),x=Object.assign(Object.assign({},v.popper),{zIndex:ce.layers.tooltip});return e.createElement(bn,Object.assign({className:s.tip,ref:c,duration:m,triangleOffsetSize:g,style:x},y.popper,{role:"tooltip"}),e.createElement(fn,{className:s.wrap,tipMinWidth:h,tipMaxWidth:b},null!=n?n:e.createElement(gn,null,o)),l&&e.createElement(hn,{id:"veeqo-components-triangle",className:s.triangle}))},wn=({children:n,text:o,content:i,config:r,reversed:a=!1,className:l,withTriangle:s,initialShouldShow:d=!1,useReactPortal:c=!0})=>{const[u,m]=t(d),[p,g]=t(null),h=!!o&&o.trim().length>0,b={container:l&&`${l} ${l}-container`,tip:l&&`${l}-tip`,wrap:l&&`${l}-wrap`,triangle:l&&`${l}-triangle`,hoverable:l&&`${l}-hoverable`},f=!(!i&&!h);if(!f)return n;const v=u&&f&&e.createElement(xn,{classNames:b,hoverableElement:p,config:r,reversed:a,withTriangle:s,text:o,content:i});return e.createElement(mn,{className:b.container},c?y.createPortal(v,document.body):v,e.createElement(pn,{ref:g,className:b.hoverable,onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1)},n))},En=g(U).withConfig({displayName:"vui--BaseBadge",componentId:"vui--1l3fzu"})`display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${de.bodySmall.fontFamily};font-weight:${de.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${le.base};height:${le.base};}`,Cn={default:g(En).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${ee.secondary.blue.base};color:${ee.secondary.blue.base};`,primary:g(En).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${ee.secondary.blue.base};background-color:${ee.secondary.blue.lightest};color:${ee.secondary.blue.base};`,warning:g(En).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${ee.secondary.yellow.base};background-color:${ee.secondary.yellow.lightest};color:${ee.secondary.orange.dark};`},$n=({variant:t="default",hideBorder:n=!1,iconSlot:o,tooltip:i,className:r,e2eClassName:a,children:l})=>{const s=Cn[t];return e.createElement(wn,{text:i},e.createElement(s,{className:Fe([r,a]),hideBorder:n},o&&o,l&&e.createElement("span",null,l)))},kn=g(U).withConfig({displayName:"vui--BannerLayout",componentId:"vui--c6sp3u"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({accentColor:e})=>e&&`\n box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${e};\n `} background-color:${({backgroundColor:e})=>e||"white"};`,Sn=g(U).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,Nn=g(U).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Ln=g(Nn).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${le.md};height:${le.md};color:${({accentColor:e})=>e};}`,In=g(U).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,zn=g(Nn).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,Dn=g(ge).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Fn={help:ee.secondary.blue.base,info:ee.neutral.ink.base,error:ee.secondary.red.base,success:ee.secondary.green.base},Tn=t=>{var{type:n="info",text:o,icon:i,onClose:r,className:a,header:l,children:s,backgroundColor:d="white"}=t,c=Ne(t,["type","text","icon","onClose","className","header","children","backgroundColor"]);const u=Fn[n];return e.createElement(kn,Object.assign({accentColor:u,className:a,backgroundColor:d},c),e.createElement(Sn,null,i&&e.createElement(Ln,{style:{marginRight:le.md},accentColor:u},i),s?e.createElement(In,null,s):e.createElement(e.Fragment,null,e.createElement(zn,null,l||e.createElement(Dn,{variant:"headingSmall"},o)),e.createElement(Nn,null,r&&e.createElement(nt,{variant:"flat","aria-label":"Close",icon:e.createElement(at,null),onClick:r})))))},Mn=g.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${de.body.fontFamily};font-weight:${de.body.fontWeight};font-size:${de.body.fontSize};line-height:${de.body.lineHeight};`,Rn=g.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--17agc2w"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`,On=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"})),An=({children:t,title:n,LinkComponent:o,href:i})=>o?e.createElement(Rn,{className:"breadcrumb"},e.createElement(o,{href:i},n),t):e.createElement(Rn,{className:"breadcrumb"},n,t),Bn=()=>e.createElement(On,{className:"separator",width:le.base,height:le.base}),jn=({children:t,href:n})=>e.createElement("a",{href:n},t),Hn=({children:t})=>e.createElement("span",null,t),Wn=({items:t,Separator:n=e.createElement(Bn,null),LinkComponent:o=jn})=>e.createElement(Mn,{className:"breadcrumbs"},t.map(((i,r)=>e.createElement(An,{key:i.title,title:i.title,href:i.pathname,LinkComponent:r!==t.length-1?o:Hn},t.length!==r+1&&n)))),Pn=t=>e.createElement($,Object.assign({weekdayStyle:"short"},t),e.createElement(k,null,(t=>e.createElement(S,null,t.slice(0,2)))),e.createElement(N,null,(t=>e.createElement(L,{date:t})))),Vn=h`.react-aria-Button{color:${ce.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${ce.sizes.base};height:${ce.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${ce.colors.secondary.blue.light};}&:active,&:hover{background-color:${ce.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${ce.colors.neutral.grey.base};cursor:default;}}`,_n=h`.react-aria-CalendarCell{width:32px;line-height:32px;border-radius:${ce.radius.base};cursor:pointer;text-align:center;&[data-hovered]{background-color:${ce.colors.neutral.grey.base};}&[data-focus-visible],&:focus-visible{outline:2px solid ${ce.colors.secondary.blue.light};}&[data-selected]{background:${ce.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${ce.colors.secondary.blue.light};outline-offset:-3px;}}&[data-unavailable]{cursor:not-allowed;}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{text-decoration:line-through;color:${ce.colors.secondary.red.base};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${ce.colors.neutral.ink.lightest};}&[data-selection-start],&[data-selection-end]{background:${ce.colors.secondary.blue.dark};}&[data-selection-start][data-selection-end]{background-color:${ce.colors.secondary.blue.base};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`,Zn=h`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${Ht(ce.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${ce.sizes.sm};}`,Yn=g(I).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1nu8m35"})`width:fit-content;max-width:100%;color:${ce.colors.neutral.ink.base};font-size:14px;font-family:${ce.fontFamily};${Zn} ${Vn} ${_n} & table{border-collapse:collapse;height:fit-content;& td{padding:0;}}`,qn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"})),Xn=t=>{var n,{disabledRanges:i=[],disallowWeekends:r=!1,isMultiMonth:a=!1}=t,s=Ne(t,["disabledRanges","disallowWeekends","isMultiMonth"]);const[d,c]=e.useState(null===(n=s.value)||void 0===n?void 0:n.start),{locale:u}=z(),m=l((e=>!!r&&j(e,u)||i.some((t=>e.compare(t[0])>=0&&e.compare(t[1])<=0))),[i,r,u]);return o((()=>{var e;c(null===(e=s.value)||void 0===e?void 0:e.start)}),[s.value]),e.createElement(Yn,Object.assign({focusedValue:d,onFocusChange:c,isDateUnavailable:m,visibleDuration:a?{months:2}:void 0},s),e.createElement("header",null,e.createElement(D,{slot:"previous"},e.createElement(qn,null)),e.createElement(F,null),e.createElement(D,{slot:"next"},e.createElement(On,null))),a?e.createElement("div",{style:{display:"flex",gap:ce.sizes.sm,overflow:"auto"}},e.createElement(Pn,null),e.createElement(Pn,{offset:{months:1}})):e.createElement(Pn,null))},Kn={top:"flex-start",center:"center"},Gn=g.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${ce.sizes.base};}`,Un=g.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>Kn[e.align]};`,Jn=g.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,Qn=g.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${ce.sizes.sm};}`,eo=g.div.withConfig({displayName:"vui--HintText",componentId:"vui--lz8nl"})`font-family:${ce.fontFamily};font-size:${ce.sizes[3]};line-height:${ce.sizes[4]};color:${ce.colors.neutral.ink.light};`,to=g.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--piugtf"})`font-family:${ce.text.error.fontFamily};font-size:${ce.text.error.fontSize};font-weight:${ce.text.error.fontWeight};line-height:${ce.text.error.lineHeight};color:${ce.text.error.color};`,no=g.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--2wdtq1"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,oo=g(no).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1an42ms"})`border:2px solid ${ce.colors.neutral.grey.dark};border-radius:${ce.radius.md};padding:${ce.sizes.base} 0.75rem;&:hover{border-color:${ce.colors.secondary.blue.base};}`,io=g(wn).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ifrill"})`display:block;&-hoverable{display:block;}`,ro=({id:t,className:n,label:o,hint:i,tooltip:r,error:a,bordered:l,Badge:s,Accessory:d,Footer:c,children:u,disabled:m=!1,labelVariant:p="body",inputPosition:g="left"})=>{const h={hint:(b=n)?"choice__hint":void 0,label:b?"choice__label":void 0,tooltip:b?"choice__tooltip":void 0,error:b?"choice__error":void 0};var b;const f=e.createElement(Gn,null,"left"===g&&e.createElement(Un,{align:d?"center":"top"},u),d&&e.createElement(Jn,null,d),o||i||a||s||c?e.createElement(Qn,null,e.createElement(_t,{direction:"horizontal",alignY:"center",spacing:"sm"},s,o&&e.createElement(ge,{variant:p,className:h.label},o),r&&e.createElement(io,{text:r,className:h.tooltip},e.createElement(qt,{name:"help",width:ce.sizes.base,color:ce.colors.neutral.ink.lightest}))),i&&e.createElement(eo,{className:h.hint},i),a&&e.createElement(to,{className:h.error},a),c):null,"right"===g&&e.createElement(Un,{align:d?"center":"top"},u));return l?e.createElement(oo,{disabled:m,htmlFor:t,className:n},f):e.createElement(no,{disabled:m,htmlFor:t,className:n},f)},{colors:ao,sizes:lo,radius:so}=ce,co=g.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${ao.neutral.ink.lightest};border-radius:${so.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${ao.secondary.blue.base};border-color:${ao.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${lo[4]};background-position:center;}&:hover{border-color:${ao.secondary.blue.base};}&:active{border-color:${ao.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${ao.secondary.blue.light};outline:0;}&:indeterminate{background-color:${ao.secondary.blue.base};border-color:${ao.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${lo[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${ao.neutral.grey.base};border-color:${ao.neutral.grey.base};color:${ao.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`,uo=t=>{var{checked:n,indeterminate:r,value:s,name:d,disabled:c,ariaLabel:u,className:m,onChange:p}=t,g=Ne(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=i((()=>Le("checkbox")),[]),b=a(null),f=l((e=>{p(e.currentTarget.checked,s)}),[p,s]);return o((()=>{b.current&&(b.current.indeterminate=!0===r)}),[r]),e.createElement(ro,Object.assign({id:h,disabled:c,className:m},g),e.createElement(co,{ref:b,id:h,type:"checkbox",checked:n,value:s,name:d,disabled:c,"aria-label":u,onChange:f}))},mo=g.input.withConfig({displayName:"vui--Input",componentId:"vui--1e1oks4"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`,po=r(((t,n)=>{var{checked:o,value:i,name:r,disabled:a,onChange:s,id:d,children:c}=t,u=Ne(t,["checked","value","name","disabled","onChange","id","children"]);const m=l((e=>{s(e.currentTarget.checked,i)}),[s,i]),p=null!=d?d:Le("radio");return e.createElement(ro,Object.assign({id:p,disabled:a},u),e.createElement(mo,{id:p,type:"radio",checked:o,value:i,name:r,disabled:a,onChange:m,ref:n}),c)})),go=g.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,ho=g.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${ce.text.inputLabel.fontFamily};font-size:${ce.text.inputLabel.fontSize};font-style:${ce.text.inputLabel.fontStyle};font-weight:${ce.text.inputLabel.fontWeight};line-height:${ce.text.inputLabel.lineHeight};text-decoration:${ce.text.inputLabel.textDecoration};color:${ce.text.inputLabel.color};`;class bo extends s{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let i=[];i=t?[...n,e]:n.filter((t=>t!==e)),o(i)}}render(){const{allowMultiple:t,options:n,selected:o,title:i,disabled:r,bordered:a}=this.props,l=t?uo:po;return e.createElement(go,{disabled:r},i&&e.createElement(ho,null,i),n.map((t=>e.createElement(l,Object.assign({key:t.value,bordered:a,checked:o.includes(t.value),onChange:e=>this.handleChange(t.value,e)},t)))))}}const fo=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"})),vo={width:le.base,height:le.base},yo=g(nt).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${le.base};width:${le.base};top:unset;}`,xo=({className:t,text:n,onCopy:o})=>{const[i,r]=e.useState(!1),a=l((()=>{navigator.clipboard.writeText(n),o&&o(),r(!0),setTimeout((()=>r(!1)),2500)}),[o,n]);return e.createElement(wn,{text:i?"Copied!":"Copy to clipboard"},e.createElement(yo,{variant:"flat",size:"sm",className:t,"aria-label":`${i?"Copied":"Copy"} "${n}" to clipboard`,icon:i?e.createElement(Kt,Object.assign({color:ee.secondary.green.base},vo)):e.createElement(fo,Object.assign({color:ee.secondary.blue.base},vo)),onClick:a}))},wo=g.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${ce.text.inputLabel.fontFamily};font-size:${ce.text.inputLabel.fontSize};font-weight:${ce.text.inputLabel.fontWeight};line-height:${ce.text.inputLabel.lineHeight};color:${ce.text.inputLabel.color};`,Eo=g.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${ce.fontFamily};font-size:${ce.sizes[3]};line-height:${ce.sizes[4]};color:${ce.colors.neutral.ink.light};`,Co=g.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${ce.text.error.fontFamily};font-size:${ce.text.error.fontSize};font-weight:${ce.text.error.fontWeight};line-height:${ce.text.error.lineHeight};color:${ce.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${ce.sizes[2]} * -1);width:2px;background-color:${ce.colors.secondary.red.base};}`,$o=g(_t).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,ko=g(wn).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:flex;}`,So=t=>n=>{var{label:o,hint:i,error:r,tooltip:a}=n,l=Ne(n,["label","hint","error","tooltip"]);const s=jt({id:null==l?void 0:l.id,prefix:t.name});return o?e.createElement($o,{spacing:"sm",alignX:"stretch"},e.createElement("div",{style:{marginBottom:ce.sizes.xs}},e.createElement(_t,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement(wo,{id:`${s}-label`,htmlFor:s},o),a&&e.createElement(ko,{text:a},e.createElement(qt,{width:ce.sizes.base,height:ce.sizes.base,color:ce.colors.neutral.ink.light}))),i&&e.createElement(Eo,null,i)),e.createElement(t,Object.assign({id:s,hasError:!!r},l)),r&&e.createElement(Co,null,r)):e.createElement(t,Object.assign({hasError:!!r},l))},No=t=>n=>(o((()=>{console.warn(`${t.name} is deprecated.`)}),[]),e.createElement(t,Object.assign({},n))),Lo=g(T).withConfig({displayName:"vui--DateRangeGroup",componentId:"vui--hv19xg"})`${Ht(ce.text.body)} display:flex;align-items:center;border:1px solid ${ce.colors.neutral.ink.lightest};border-radius:${ce.radius.base};gap:${ce.sizes.xs};padding:${ce.sizes.sm};margin-top:${ce.sizes.sm};&[data-focus-within]{box-shadow:0 0 0 4px ${ce.colors.secondary.blue.light};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${ce.colors.secondary.red.light};border:1px solid ${ce.colors.secondary.red.base};}${({$hasError:e})=>!!e&&`\n box-shadow: 0 0 0 4px ${ce.colors.secondary.red.light};\n border: 1px solid ${ce.colors.secondary.red.base};\n `} *[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${ce.colors.neutral.ink.lightest};}&[data-disabled]{cursor:not-allowed;background-color:${ce.colors.neutral.grey.light};.react-aria-DateInput .react-aria-DateSegment,.date-range-input-splitter{cursor:not-allowed;color:${ce.colors.neutral.ink.light};}}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${ce.radius.base};&[data-invalid]{color:${ce.colors.secondary.red.base};}&[data-focused]{color:white;background-color:${ce.colors.secondary.blue.dark};&[data-invalid]{background-color:${ce.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${ce.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`,Io=So((({id:t,className:n,style:o,shouldForceLeadingZeros:i=!0,hasError:r,minValue:a,maxvalue:l,startValue:s,endValue:d,isDisabled:c,isReadOnly:u,"aria-label":m,"aria-describedby":p,"aria-labelledby":g,onChangeStartDate:h,onChangeEndDate:b})=>e.createElement(Lo,{style:o,className:n,"aria-label":m,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,$hasError:r,isDisabled:c},e.createElement(M,{shouldForceLeadingZeros:i,onChange:h,value:s,minValue:a,maxValue:l,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,"aria-label":"start date",isDisabled:c,isReadOnly:u},e.createElement(R,{slot:"start"},(t=>e.createElement(O,{segment:t})))),e.createElement("span",{className:"date-range-input-splitter","aria-hidden":"true"},"-"),e.createElement(M,{shouldForceLeadingZeros:i,onChange:b,value:d,minValue:a,maxValue:l,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,"aria-label":"end date",isDisabled:c,isReadOnly:u},e.createElement(R,{slot:"end"},(t=>e.createElement(O,{segment:t}))))))),zo=g.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,Do=So(r(((t,n)=>{var{className:o,options:i,value:r,onChange:a,size:s,disabled:d,hasError:c}=t,u=Ne(t,["className","options","value","onChange","size","disabled","hasError"]);const m=l((e=>{a&&a(e.currentTarget.value)}),[a]);return e.createElement(zo,Object.assign({className:o,sizeVariant:s,value:null!=r?r:void 0,onChange:m,disabled:d,hasError:c,ref:n},u),!!i&&i.map((t=>e.createElement("option",{key:t.label,value:t.value,disabled:t.disabled,hidden:t.hidden},t.label))))})));Do.displayName="Select";const Fo=g.span.withConfig({displayName:"vui--Slider",componentId:"vui--x03mdi"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?ce.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,To=g.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`width:100%;height:100%;border-radius:${ce.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${Fo}{box-shadow:0 0 0 4px ${ce.colors.brand.blue.light};}&:checked + ${Fo}{background-color:#0079d1;}&:disabled + ${Fo}{background-color:${ce.colors.neutral.grey.base};}&:checked:disabled + ${Fo}{background-color:${ce.colors.secondary.blue.light};}`,Mo=g.span.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${Fo}:after{height:${({small:e})=>e?"22px":"28px"};width:${({small:e})=>e?"22px":"28px"};left:${({small:e})=>e?"3px":"4px"};bottom:${({small:e})=>e?"3px":"4px"};}${To}:checked + ${Fo}{&:after,svg{-webkit-transform:translateX(${({small:e})=>e?"28px":"36px"});-ms-transform:translateX(${({small:e})=>e?"28px":"36px"});transform:translateX(${({small:e})=>e?"28px":"36px"});}}`,Ro=g(U).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`display:inline-block;user-select:none;`,Oo=r(((t,n)=>{var{id:o="testid",className:i,name:r,switched:a,small:l,onClick:s=(()=>{}),disabled:d,ariaLabel:c,inputPosition:u="right"}=t,m=Ne(t,["id","className","name","switched","small","onClick","disabled","ariaLabel","inputPosition"]);return e.createElement(ro,Object.assign({id:o,inputPosition:u},m),e.createElement(Ro,{className:i,disabled:d},e.createElement(Mo,{small:l,disabled:d,className:i},e.createElement(To,{id:o,role:"switch",type:"checkbox",name:r,"aria-label":c,checked:!!a,onChange:e=>d?void 0:s(e),disabled:d,ref:n}),e.createElement(Fo,{switched:a,disabled:d}))))})),Ao=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}],Bo=({options:n=Ao,selectedPreviousPeriod:i,setSelectedPreviousPeriod:r})=>{const[a,l]=t(!!i);return o((()=>{i||null==r||r(n[0])}),[i,r,n]),e.createElement(e.Fragment,null,e.createElement(ge,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:ce.sizes.sm,whiteSpace:"nowrap"}},e.createElement(Oo,{small:!0,switched:a,onClick:()=>{a&&(null==r||r(null)),l(!a)}}),"Compare previous period"),a&&e.createElement(Do,{"aria-label":"Period to compare against",options:n,value:(null==i?void 0:i.value)||n[0].value,onChange:e=>{const t=n.find((({value:t})=>t===e));t&&(null==r||r(t))}}))};var jo;!function(e){e.TODAY="TODAY",e.YESTERDAY="YESTERDAY",e.LAST_7_DAYS="LAST_7_DAYS",e.LAST_30_DAYS="LAST_30_DAYS",e.LAST_90_DAYS="LAST_90_DAYS",e.LAST_MONTH="LAST_MONTH",e.LAST_12_MONTHS="LAST_12_MONTHS",e.WEEK_TO_DATE="WEEK_TO_DATE",e.MONTH_TO_DATE="MONTH_TO_DATE",e.YEAR_TO_DATE="YEAR_TO_DATE"}(jo||(jo={}));const Ho=e=>{const t=H(W());let n;switch(e){case jo.TODAY:n={start:t,end:t};break;case jo.YESTERDAY:n={start:t.subtract({days:1}),end:t.subtract({days:1})};break;case jo.LAST_7_DAYS:n={start:t.subtract({days:7}),end:t};break;case jo.LAST_30_DAYS:n={start:t.subtract({days:30}),end:t};break;case jo.LAST_90_DAYS:n={start:t.subtract({days:90}),end:t};break;case jo.LAST_MONTH:{const e=V(t.subtract({months:1}));n={start:e,end:Z(e)};break}case jo.LAST_12_MONTHS:{const e=V(t.subtract({months:1}));n={start:V(e).subtract({months:12}),end:Z(e)};break}case jo.WEEK_TO_DATE:n={start:_(t,navigator.language),end:t};break;case jo.MONTH_TO_DATE:n={start:V(t),end:t};break;case jo.YEAR_TO_DATE:n={start:P(t),end:t};break;default:return null}return(e=>{const{start:t,end:n}=e;return{start:new Y(t.year,t.month,t.day),end:new Y(n.year,n.month,n.day)}})(n)},Wo=[{label:"Custom",value:"CUSTOM",disabled:!0},{label:"Today",value:jo.TODAY},{label:"Yesterday",value:jo.YESTERDAY},{label:"Last 7 Days",value:jo.LAST_7_DAYS},{label:"Last 30 Days",value:jo.LAST_30_DAYS},{label:"Last 90 Days",value:jo.LAST_90_DAYS},{label:"Last Month",value:jo.LAST_MONTH},{label:"Last 12 Months",value:jo.LAST_12_MONTHS},{label:"Week to Date",value:jo.WEEK_TO_DATE},{label:"Month to Date",value:jo.MONTH_TO_DATE},{label:"Year to Date",value:jo.YEAR_TO_DATE}],Po=jo.LAST_30_DAYS,Vo=Ho(Po),_o=Wo.find((({value:e})=>e===Po)),Zo=({disabledRanges:e,selectedRange:t})=>{if(!t||!e||0===e.length)return!1;const{start:n,end:o}=t,[i,r]=[n,o].sort();return e.some((([e,t])=>i>=e&&i<=t||r>=e&&r<=t||i<=e&&r>=t))},Yo=g.div.withConfig({displayName:"vui--Divider",componentId:"vui--ssvmxc"})`margin:0 -${ce.sizes.base};border-top:1px solid ${ce.colors.neutral.grey.base};`,qo=t=>{var{className:n,style:r,isDisabled:a,isMultiMonth:s=!1,showDatePresets:d=!0,onReset:c,disabledRanges:u,selectedPreset:m,setSelectedPreset:p,selectedRange:g,setSelectedRange:h,"aria-describedby":b,"aria-label":f}=t,v=Ne(t,["className","style","isDisabled","isMultiMonth","showDatePresets","onReset","disabledRanges","selectedPreset","setSelectedPreset","selectedRange","setSelectedRange","aria-describedby","aria-label"]);const y=l((e=>t=>{const n={start:"start"===e?t:null==g?void 0:g.start,end:"end"===e?t:null==g?void 0:g.end};h(n)}),[null==g?void 0:g.end,null==g?void 0:g.start,h]),x=i((()=>Zo({disabledRanges:u,selectedRange:g})),[u,g]),w=i((()=>g?(e=>Wo.reduce(((t,n)=>{if(n.hidden||t)return t;const o=Ho(n.value);if(!o)return t;const{start:i,end:r}=o;return 0===e.start.compare(i)&&0===e.end.compare(r)?n:t}),void 0))(g):null),[g]);return o((()=>{p(w||Wo[0])}),[w,p]),e.createElement(_t,{direction:"vertical",alignX:"stretch",spacing:"0",style:Object.assign({gap:ce.sizes.base},r),className:n,"aria-describedby":b,"aria-label":f},d&&e.createElement(Do,{disabled:a,label:"Date Range",options:Wo,value:null==m?void 0:m.value,onChange:e=>{h(Ho(jo[e])),p(Wo.find((({value:t})=>t===e))||Wo[0])}}),e.createElement(Io,{isDisabled:a,label:"Start date - End date",onChangeStartDate:y("start"),onChangeEndDate:y("end"),startValue:g&&g.start,endValue:g&&g.end,error:x?"Range contains invalid dates":void 0}),v.showPreviousPeriod&&e.createElement(Bo,Object.assign({},v)),e.createElement(Yo,null),e.createElement(_t,{alignX:"center"},e.createElement(Xn,{"aria-label":"Selected Date Range",isDisabled:a,isMultiMonth:s,value:g,onChange:h,disabledRanges:u})),!!c&&e.createElement(e.Fragment,null,e.createElement(Yo,null),e.createElement(ft.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},e.createElement(nt,{variant:"default",size:"sm",onClick:c,disabled:a},"Reset"))))};function Xo(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function Ko(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${Ko(e.min,"max-content")}, ${Ko(e.max)})`;default:return t||"1fr"}}function Go({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:i,stripingMode:r}){const a=e.map(((e,t)=>`\n th:nth-child(${t+1}),\n td:nth-child(${t+1}) {\n position: sticky;\n left: ${n?function(e,t){return e.slice(0,t-1).reduce(((e,t)=>e+t),0)}(n,t+1):0}px;\n z-index: 2;\n }\n `)),l=t.map(((e,t)=>`\n th:nth-last-child(${t+1}),\n td:nth-last-child(${t+1}) {\n position: sticky;\n right: ${n?function(e,t){return e.slice(t).reduce(((e,t)=>e+t),0)}(n,n.length-t):0}px;\n }\n `)),s="start"!==o&&"none"!==o,d=`\n th:nth-child(${e.length})::after,\n td:nth-child(${e.length})::after {\n position: absolute;\n transform: translate(100%);\n top: 0;\n right: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${s?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,c="end"!==o&&"none"!==o,u=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${c?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,m=`\n tr:nth-child(odd) > td {\n background-color: ${ce.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${ce.colors.neutral.grey.base};\n }\n `,p=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${ce.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${ce.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${i.map((e=>Ko(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?a:""}\n ${t.length>0?l:""}\n\n ${d}\n ${u}\n\n ${"nested"===r?p:m}\n `}var Uo;!function(e){e.ascending="ascending",e.descending="descending"}(Uo||(Uo={}));const Jo=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),Qo=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),ei=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),ti=({sortState:t,columnId:n,size:o})=>t&&t.columnId===n?t.direction===Uo.ascending?e.createElement(Qo,{color:ce.colors.neutral.ink.dark,size:o}):e.createElement(ei,{color:ce.colors.neutral.ink.dark,size:o}):e.createElement(Jo,{size:o});function ni(e,n){const[i,r]=t([]),a=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));r(n)};return o((()=>{a()}),[e.current]),o((()=>{if(!n.current)return;const e=q(a,50),t=new v(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),i}class oi extends Event{constructor(e,t){super(e,{bubbles:!0,cancelable:!0}),this.data=t}}const ii=({tableRef:e,columns:n,columnIds:i})=>{const r=e=>e.reduce(((e,t)=>(e[t.id]=t.width,e)),{}),[a,l]=t(r(n));return o((()=>{const e=r(n),t=Object.assign({},a);Object.keys(e).forEach((n=>{void 0===typeof a[n]&&(t[n]=e[n])})),l(t)}),[JSON.stringify(i)]),{setColumnWidth:({columnId:t,width:o})=>{const i=Object.assign({},a);n.forEach(((r,l)=>{const s=l===n.length-1,d=r.id===t?o:((t,n)=>{var o,i,r;return n?a[t.id]||t.width:a[t.id]||t.width||(null===(r=null===(i=null===(o=e.current)||void 0===o?void 0:o.querySelector(`th[data-columnid="${t.id}"]`))||void 0===i?void 0:i.getBoundingClientRect())||void 0===r?void 0:r.width)||void 0})(r,s);i[r.id]=d})),l(i),((e,t)=>{const n=new oi(e,t);document.dispatchEvent(n)})("columnWidthUpdated",{tableRef:e,columnWidths:i})},columnWidths:a}};function ri(e,t){const{columnWidths:n,setColumnWidth:o}=ii({tableRef:t,columns:e,columnIds:e.map((({id:e})=>e))}),i=e.map((e=>Object.assign(Object.assign({},e),{width:n[e.id]||e.width}))).filter((e=>!0!==e.hidden)),r=i.filter((e=>"left"===e.pinned)),a=i.filter((e=>"right"===e.pinned)),l=i.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...r,...l,...a],pinnedLeft:r,pinnedRight:a,setColumnWidth:o}}function ai(e){o((()=>{if(!e.current)return;let t=!1;const n=e.current,o={left:0,x:0},i=e=>{if(!n)return;const i=e.clientX-o.x;n.scrollLeft=o.left-i,t||(n.style.cursor="grabbing",n.style.userSelect="none"),t=!0},r=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},a=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",i),document.addEventListener("mouseup",r))};return n.addEventListener("mousedown",a),()=>null==n?void 0:n.removeEventListener("mousedown",a)}),[e.current])}function li(){const[e,n]=t([]);return{nestedTableProps:{expandedRowIds:e,setExpanded:(t,o)=>{if(o)if(t){if(e.includes(o))return;const t=[...e,o];n(t)}else{const t=e.findIndex((e=>e===o));if(t<0)return;const i=[...e];i.splice(t,1),n(i)}}}}}function si(e){const[n,i]=t("start"),r=()=>{if(!e.current)return;const{width:t}=e.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=e.current;i(o<t?"none":0!==n?n+t>=o?"end":"middle":"start")};return o((()=>{if(e.current)return e.current.addEventListener("scroll",r),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",r)}}),[e.current]),o((()=>{if(!e.current)return;const t=q(r,50),n=new v(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:n,containerRef:e}}const di="56px",ci=g.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${di};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>Xo(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=3})=>ce.sizes[e]};padding-right:${({spacing:e=3})=>ce.sizes[e]};border-bottom:1px solid ${ce.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function ui(t){var{selected:n,indeterminate:o,onChange:i,selectionMode:r}=t,a=Ne(t,["selected","indeterminate","onChange","selectionMode"]);return"single"===r?e.createElement(ci,Object.assign({},a)):e.createElement(ci,Object.assign({},a),e.createElement(uo,{checked:n,indeterminate:o,onChange:i}))}const mi=g.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>Xo(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>ce.sizes[e]};padding-right:${({spacing:e=3})=>ce.sizes[e]};color:${ce.text.bodySmall.color};font-family:${ce.text.bodySmall.fontFamily};font-size:${ce.text.bodySmall.fontSize};font-style:${ce.text.bodySmall.fontStyle};font-weight:${ce.text.bodySmall.fontWeight};line-height:${ce.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${ce.colors.secondary.blue.base};background-color:${ce.colors.neutral.grey.lightest};}`;function pi(t){var{selected:n,rowId:o,onChange:i,selectionMode:r,disabled:a}=t,l=Ne(t,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===r?e.createElement(mi,Object.assign({},l),e.createElement(po,{value:o,checked:n,disabled:a,onChange:i})):e.createElement(mi,Object.assign({},l),e.createElement(uo,{value:o,checked:n,disabled:a,onChange:i}))}const gi=[[],()=>{}];function hi({selectionMode:t="multiple",selectionState:n,enabledRowIds:o}){const i=!!n,[r,a]=n||gi,l=()=>{r.length!==o.length?a(o):a([])};return{selectionEnabled:i,selectedRowIds:r,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,i)=>e.createElement(ui,Object.assign({},i,{selected:r.length===o.length,indeterminate:r.length>0&&r.length<o.length,onChange:l,selectionMode:t})),renderCell:(n,o,i,r)=>e.createElement(pi,Object.assign({},o,{rowId:n.id,selected:r.selected,onChange:i.setSelected,selectionMode:t,disabled:r.disabled}))},setSelected:(e,n)=>{if(null!=n)if(e&&"single"===t)a([n]);else if(e){if(r.includes(n))return;const e=[...r,n];a(e)}else{const e=r.findIndex((e=>e===n));if(e<0)return;const t=[...r];t.splice(e,1),a(t)}}}}const bi=g.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${ce.colors.neutral.ink.lightest};`,fi=g.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${ce.text.headingTable.color};font-family:${ce.text.headingTable.fontFamily};font-size:${ce.text.headingTable.fontSize};font-style:${ce.text.headingTable.fontStyle};font-weight:${ce.text.headingTable.fontWeight};line-height:${ce.text.headingTable.lineHeight};`,vi=g(fi).attrs((()=>({as:"button",type:"button"}))).withConfig({displayName:"vui--ClickableHeaderContent",componentId:"vui--xbox8h"})`appearance:none;padding:0;border:0;border-radius:4px;background-color:transparent;&:not(:disabled):hover{cursor:pointer;}&:hover ${bi}{background-color:${ce.colors.neutral.grey.light};color:${ce.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${ce.colors.secondary.blue.light};}`,yi=g.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--115ilx"})`position:absolute;right:0;top:37.5%;width:1px;background:${ce.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`,xi=({columnId:t,setColumnWidth:n})=>{const o=d(),i=e=>{const{minTranslate:t,dragDivider:n,dragInitX:o}=window.tableHeaders,i=Math.max(e.clientX-(o||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${i}px)`},r=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:o}=n,i=null==o?void 0:o.getBoundingClientRect().width,r=o.querySelector(".headerContent").getBoundingClientRect().width,a=(e.clientX||0)-(t||0);return Math.max((i||0)+a,r+24)},a=e=>{window.removeEventListener("mouseup",a),window.removeEventListener("dragend",a),window.removeEventListener("mousemove",i),window.removeEventListener("drag",i),null==n||n({columnId:t,width:r({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},l=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:o.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",a),window.addEventListener("dragend",a),window.addEventListener("mousemove",i),window.addEventListener("drag",i))};return e.createElement(yi,{ref:o,className:"th-divider",onMouseDown:l,onDragStart:l})};function wi({column:t,sortState:n,onChangeSort:o,resizeableColumns:i,setColumnWidth:r,columnCount:a=1,columnI:l=0}){if(t.sortable&&!n)throw new Error(`Column '${t.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(t.hidden)return null;const s={key:t.id.toString(),id:`datatable-header-${t.id}`,"data-columnid":String(t.id),role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,s);const d=t.sortable?vi:fi,c=t.sortable?{onClick:()=>{if(!n)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const e=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===Uo.ascending;let i=Uo.ascending;return n&&o&&(i=Uo.descending),{columnId:t,direction:i}}({sortState:n,columnId:t.id});o?o(e):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return e.createElement(ci,Object.assign({},s,{zIndex:3}),e.createElement(wn,{text:t.tooltip},e.createElement(d,Object.assign({},c,{className:"headerContent"}),t.icon&&t.icon,t.title&&e.createElement("span",null,t.title),t.sortable&&e.createElement(bi,null,e.createElement(ti,{sortState:n,columnId:t.id,size:5})))),i&&l<a-1&&e.createElement(xi,{columnId:t.id,setColumnWidth:r}))}const Ei=ce.colors.neutral.grey.base,Ci=ce.colors.neutral.grey.dark,$i=g.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${ce.radius.base};background:${Ei};background-image:linear-gradient(\n to right,\n ${Ei} 0%,\n ${Ci} 20%,\n ${Ei} 40%,\n ${Ei} 100%\n );background-repeat:no-repeat;background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-468px 0;}100%{background-position:468px 0;}}`;const ki=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1feqxrw"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${di};background-color:white;`,Si=g.div.withConfig({displayName:"vui--Content",componentId:"vui--dbz7t3"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${ce.colors.neutral.grey.base};& > *{flex:1;}`;function Ni({selectionColumn:n,intersectionTargetRef:i,containerRef:r,children:a}){var l;const[s,d]=t(!1);o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{d(!e.isIntersecting)}))}));return e.observe(i.current),()=>e.disconnect()}),[i.current]);const c=null===(l=r.current)||void 0===l?void 0:l.getBoundingClientRect(),u={position:"fixed",top:0,left:null==c?void 0:c.left,width:null==c?void 0:c.width},m=s?u:{position:"absolute",top:0,left:0,right:0};return e.createElement(ki,{style:m},wi({column:n}),e.createElement(Si,null,a))}const Li=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"})),Ii=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"})),zi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Di=g.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${ce.sizes.lg};padding-bottom:${ce.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${ce.sizes.md};`,Fi=g.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${ce.sizes.md};background-color:${ce.colors.neutral.grey.light};border-radius:${ce.radius.full};`,Ti=g.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Mi=g.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${ce.colors.brand.blue.lightest};\n }\n `};${({accentColor:e})=>e&&`\n &> *:first-child {\n position: relative;\n }\n\n & > *:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: ${e};\n }\n `}`,Ri=g.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Oi=g.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${ce.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Ai=g.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Bi={full:`border-width: 1px; border-radius: ${ce.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},ji=g.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${ce.colors.neutral.grey.dark};${({borderMode:e="full"})=>Bi[e]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;function Hi({children:n,intersectionTargetRef:i,containerRef:r,cellWidths:l,tableCss:s}){const d=a(null),[c,u]=t(!1),[m,p]=t({top:0,left:0,width:0,height:0}),g=()=>{var e;const t=null===(e=r.current)||void 0===e?void 0:e.getBoundingClientRect(),n={left:(null==t?void 0:t.left)||0,width:(null==t?void 0:t.width)||0,top:0,height:48};p(n)},h=()=>{var e;if(!r.current)return;const t=r.current.scrollLeft;null===(e=d.current)||void 0===e||e.scrollTo(t,0)};if(o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}),{threshold:1});return e.observe(i.current),()=>e.disconnect()}),[i.current]),o((()=>{c&&r.current&&g()}),[r.current,c]),o((()=>{if(!c)return;if(!r.current)return;const e=q(g,33),t=new v(e);return t.observe(r.current),()=>t.disconnect()}),[r.current,c]),o((()=>{h()}),[c]),o((()=>{var e;return null===(e=r.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=r.current)||void 0===e||e.removeEventListener("scroll",h)}}),[r.current]),!c)return null;const b=Object.assign(Object.assign({},m),{height:di,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${ce.colors.neutral.grey.base}`}),f=s+l.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return e.createElement("div",{style:b,ref:d},e.createElement(Oi,{css:f},e.createElement("thead",null,n)))}const Wi=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:o})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==o?void 0:o.includes(e))||!1}),Pi={icon:e.createElement(Xt,{width:48,height:48}),heading:"No results"},Vi=()=>{},_i=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:i=Pi,expandedRowIds:r,loading:l,loadingRowCount:s,onChangeSort:d,rows:c,disabledRowIds:u,selectionMode:m,selectionState:p,setExpanded:g,sortState:h,stripingMode:b,enableStickyHeader:f,resizeableColumns:v})=>{const y=a(null),x=a(null),w=a(null);ai(y);const E=c.map((e=>e.id)).filter((e=>!(null==u?void 0:u.includes(e)))),{selectionEnabled:C,selectedRowIds:$,selectionColumn:k,setSelected:S}=hi({selectionMode:m,selectionState:p,enabledRowIds:E}),N={setSelected:S||Vi,setExpanded:g||Vi},L=[k,...o],I=C?L:o,z=ni(x,y),{visible:D,pinnedLeft:F,pinnedRight:T,setColumnWidth:M}=ri(I,x),R=z.length===D.length?D.map(((e,t)=>Number.isNaN(e.width||"")?z[t]:e.width)):z,{scrollPosition:O}=si(y),A=Go({pinnedLeft:F,pinnedRight:T,cellWidths:R,scrollPosition:O,visible:D,stripingMode:b});if(l){const t=new Array(s).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(ji,{borderMode:n},e.createElement(Ri,{ref:y},e.createElement(Oi,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Mi,{role:"row"},D.map(((e,t)=>wi({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t}))))),e.createElement("tbody",{role:"rowgroup"},t.map((t=>e.createElement(Mi,{key:t.id},D.map((n=>function(t,n){if(!0===n.hidden)return null;const o={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return e.createElement(mi,Object.assign({},o),e.createElement($i,null))}(t,n))))))))))}if(0===c.length)return e.createElement(ji,{borderMode:n},e.createElement(Ri,{ref:y},e.createElement(Oi,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Mi,{role:"row"},D.map(((e,t)=>wi({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(Di,{columnCount:D.length},e.createElement(Fi,null,i.icon),e.createElement(_t,{spacing:"sm",alignX:"center"},e.createElement(ge,{variant:"headingMedium"},i.heading),i.subheading&&e.createElement(ge,{variant:"subheadingMedium"},i.subheading)))))));const B=t=>{const{e2eClassName:n="",accentColor:o}=t,i=Wi(t.id,{selectedRowIds:$,expandedRowIds:r,disabledRowIds:u});return e.createElement(Mi,Object.assign({role:"row",key:t.id,accentColor:o,className:n},i),D.map((e=>function(e,t,n,o){if(t.hidden)return null;const i={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,i,n,o)}(t,e,N,i))))},j=(t,n)=>{var o,i;const a=null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row,l=Wi(n,{selectedRowIds:$,expandedRowIds:r,disabledRowIds:u});return e.createElement(Mi,{role:"row",key:t.id,className:a},D.map((n=>function(t,n,o){if(n.hidden)return null;const i={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return n.renderNestedCell?n.renderNestedCell(t,i,o):e.createElement(mi,Object.assign({},i))}(t,n,l))))},H=t=>{var n;const o=null==r?void 0:r.includes(t.id);return e.createElement("tbody",{role:"rowgroup",key:t.id},B(t),o&&(null===(n=t.nestedRows)||void 0===n?void 0:n.map((e=>j(e,t.id)))))},W=e.createElement(Mi,{role:"row"},D.map(((e,t)=>wi({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t})))),P=o.some((e=>!!e.renderFooter)),V=$.length>0&&!!t;return e.createElement(ji,{borderMode:n},V&&e.createElement(Ni,{selectionColumn:k,intersectionTargetRef:w,containerRef:y},t),e.createElement(Ri,{ref:y},f&&e.createElement(Hi,{tableCss:A,intersectionTargetRef:w,containerRef:y,cellWidths:R},W),e.createElement("div",{ref:w,style:{height:0}}),e.createElement(Oi,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},W),(()=>{const t=!!r;return t&&"nested"===b?c.map(H):t?e.createElement("tbody",{role:"rowgroup"},c.map((e=>{var t;return[B(e),...(null==r?void 0:r.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>j(t,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},c.map(B))})(),P&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(Mi,{role:"row"},D.map((t=>function({column:t}){if(t.hidden)return null;const n={key:t.id,role:"cell",align:t.align,spacing:t.spacing};return t.renderFooter?t.renderFooter(t,n):e.createElement(mi,Object.assign({},n))}({column:t}))))))))};_i.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},_i.Cell=mi,_i.ColumnMenu=function({columns:n,columnGroups:o,setColumns:i}){const[r,a]=t(null),[l,s]=t(!1),d=n.map((e=>[e.id,e])),c=Object.fromEntries(d),u=o.map((e=>e.map((e=>c[e])))),m=(e,t)=>{const o=u[e].map((e=>e.id)),r=[...n];o.forEach((e=>{const n=r.findIndex((t=>t.id===e));n<0||(r[n]=Object.assign(Object.assign({},r[n]),{hidden:t}))})),i(r)};return e.createElement(e.Fragment,null,e.createElement(nt,{ref:a,dropdown:!0,onClick:()=>s(!0)},"Columns"),l&&e.createElement(je,{anchorElement:r,onShouldClose:()=>s(!1)},e.createElement(ft,{style:{width:600}},e.createElement(_t,{alignX:"stretch",spacing:"sm"},u.map(((t,n)=>e.createElement(_t,{key:t[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},e.createElement(nt,{variant:"flat",icon:e.createElement(zi,null)}),e.createElement(_t,{spacing:"sm",style:{flex:1}},t.map((t=>e.createElement("div",{key:t.id},t.title)))),e.createElement(_t,{direction:"horizontal",spacing:"sm"},t[0].hidden?e.createElement(nt,{variant:"flat",icon:e.createElement(Ii,null),onClick:()=>m(n,!1),style:{color:ce.colors.neutral.ink.lightest}}):e.createElement(nt,{variant:"flat",icon:e.createElement(Li,null),onClick:()=>m(n,!0)})))))))))},_i.SelectionCell=pi,_i.SelectionHeader=ui,_i.Header=ci,_i.Truncate=Ai,_i.NoWrap=Ti;const Zi=g.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${ce.sizes.base};}`,Yi=g.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${ce.sizes.xs};}`,qi=g.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${ce.sizes.base};}`,Xi=g.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${ce.sizes.xs};}`,Ki=g.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${ce.text.bodyBold.fontFamily};font-size:${ce.text.bodyBold.fontSize};font-weight:${ce.text.bodyBold.fontWeight};line-height:${ce.text.bodyBold.lineHeight};color:${ce.text.bodyBold.color};`,Gi=g.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${ce.text.body.fontFamily};font-size:${ce.text.body.fontSize};font-weight:${ce.text.body.fontWeight};line-height:${ce.text.body.lineHeight};color:${ce.text.body.color};`,Ui=({items:t,horizontal:n})=>{const o=t=>Array.isArray(t)?t.map((t=>e.createElement(Gi,{key:t},t))):e.createElement(Gi,null,t);return e.createElement(Zi,null,t.map((t=>n?e.createElement(qi,{key:t.term},e.createElement(Ki,null,t.term),e.createElement(Xi,null,o(t.description))):e.createElement(Yi,{key:t.term},e.createElement(Ki,null,t.term),o(t.description)))))},{sizes:Ji,colors:Qi}=ce,er=g.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${Ji.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${Ji.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,tr=g.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${Ji.md};overflow-x:hidden;background-color:${Qi.neutral.grey.lightest};`,nr=({renderHeader:n,children:o})=>{const[i,r]=t(!0);return e.createElement("main",null,n((()=>r(!i)),i),e.createElement(tr,null,e.createElement(er,{showSidebar:i},o)))},or=g.div.withConfig({displayName:"vui--InputGroup",componentId:"vui--1w0e9jz"})`display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:not(:last-child){border-right-width:0 !important;}& > *:hover{}& > *:focus,& > *:active{z-index:5;border-right-width:1px !important;}& > *:focus + *,& > *:active + *{border-left-width:0 !important;}& > *:not(:first-child):not(:last-child){border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}`;var ir;!function(e){e.base="base",e.sm="sm"}(ir||(ir={}));const rr=({hasError:e,inputSize:t})=>h`&{--outline-size:${"sm"===t?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n "}`,ar=g.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${ce.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({inputSize:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} ${rr} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,lr=g.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1k04ik"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${rr}`,sr=/^-?[0-9]*\.?[0-9]+$/,dr=So(r(((t,n)=>{var{id:o,className:i,disabled:r=!1,hasError:a,max:s,min:d,multiline:c=!1,name:u,onChange:m,pattern:p,placeholder:g,rows:h="3",size:b=ir.base,step:f,type:v="text",value:y,spellCheck:x=!1}=t,w=Ne(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const E=l((e=>{if(!m)return;const t=e.currentTarget.value;if(""===t)return void m(t);if("number"!==v)return void m(t);new RegExp(sr).test(t)&&m(t)}),[m,v]),C=null!=o?o:Le("textfield");return"text"===v&&c?e.createElement(lr,Object.assign({className:i,disabled:r,hasError:a,id:C,name:u,onChange:E,placeholder:g,rows:h,value:y,spellCheck:x,ref:n},w)):e.createElement(ar,Object.assign({className:i,disabled:r,hasError:a,id:C,inputSize:b,max:s,min:d,name:u,"aria-label":u,onChange:E,placeholder:g,step:f,type:v,value:y,spellCheck:x,ref:n},w))})));dr.displayName="TextField";const cr=g(U).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,ur=g(U).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,mr=g(dr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${ce.colors.neutral.ink.lightest};}`,pr=g(nt).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${ce.colors.neutral.ink.lightest};`;g(ge).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,g.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${ce.text.error.fontFamily};font-size:${ce.text.error.fontSize};font-weight:${ce.text.error.fontWeight};line-height:${ce.text.error.lineHeight};color:${ce.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${ce.sizes[2]} * -1);width:2px;background-color:${ce.colors.secondary.red.base};}`,g.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${ce.fontFamily};font-size:${ce.sizes[3]};line-height:${ce.sizes[4]};color:${ce.colors.neutral.ink.light};`;const gr=(e,t)=>{t.includes(e.key)&&e.preventDefault()},hr=["-","+","E","e"],br=e=>gr(e,hr),fr=So((t=>{var{size:n=ir.base,handleChangeHeight:o,handleChangeWidth:i,handleChangeLength:r,className:a,height:l,width:s,length:d,unit:c}=t,u=Ne(t,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return e.createElement(cr,{className:a},e.createElement(ur,null,e.createElement(mr,Object.assign({onChange:r,size:n,name:"length",type:"number",placeholder:"L",value:d,min:"0",step:"any",onKeyDown:br},u)),e.createElement(at,{height:ce.sizes.base,width:ce.sizes.base}),e.createElement(mr,Object.assign({onChange:i,size:n,name:"width",type:"number",placeholder:"W",value:s,min:"0",step:"any",onKeyDown:br},u)),e.createElement(at,{height:ce.sizes.base,width:ce.sizes.base}),e.createElement(or,null,e.createElement(mr,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:l,min:"0",step:"any",onKeyDown:br},u)),e.createElement(pr,{size:n},c))))}));fr.displayName="DimensionsInput";const vr=g(U).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${ee.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${ee.neutral.grey.dark};border-radius:4px;svg{width:${le.base};height:${le.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${ce.colors.secondary.blue.light};}`,yr=g(ge).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,xr=g(yr).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,wr=g(rt).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.$shouldShow?"180deg":"0"});width:10px;height:10px;`,Er=g(at).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Cr=g(U).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,$r=g(U).withConfig({displayName:"vui--Header",componentId:"vui--n9war0"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${ee.neutral.grey.base};svg{color:${({color:e})=>e};width:${le[5]};height:${le[5]};margin-right:10px;}`,kr=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),Sr=({className:n,e2eClassName:o,label:i,text:r,iconSlot:a,fill:s=ee.secondary.blue.base,content:d,footer:c,header:u,onClickAway:m,onClick:p,shouldCloseOnClickAway:g=!0})=>{const h=kr(n),b=kr(o),[f,v]=t(null),[y,x]=t(null),{shouldShowDropdown:w,toggleShouldShowDropdown:E,closeDropdown:C}=Ft({anchorElement:f}),{handleKeyDown:$}=Be({popperElement:y,anchorElement:f,onClose:C}),k=l((e=>{w?C():E(),m&&w&&m(e)}),[w,C,E,m]),S=l((e=>{m&&m(e,C),g&&C()}),[m,C,g]);return!d?e.createElement(vr,{className:Fe([null==h?void 0:h.container,null==b?void 0:b.container]),onClick:p},i&&e.createElement(xr,{variant:"subheadingSmallBold"},`${i}:`),e.createElement(ge,null,r),e.createElement(Er,{className:Fe([null==h?void 0:h.cross,null==b?void 0:b.cross]),name:"cross",size:"base",color:ee.neutral.ink.base})):e.createElement(dn,{className:h.filterTagDropdown,shouldShowDropdown:w,onClickAway:S,cta:e.createElement(vr,{className:h.container,onClick:k,ref:v},i&&e.createElement(xr,{variant:"subheadingSmallBold"},`${i}:`),e.createElement(ge,null,r),e.createElement(wr,{color:ee.neutral.ink.base,name:"downArrow",$shouldShow:w}))},e.createElement(Cr,{ref:x,onKeyDown:$},e.createElement($r,{color:s},u||e.createElement(e.Fragment,null,a,e.createElement(ge,{variant:"bodyBold"},i))),d,c))},Nr=g(U).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?le[e]:0};`,Lr=t=>e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"})),Ir=g.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,zr=g.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,Dr=g.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,Fr=g.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,Tr=e=>({container:e?`${e}-image-container`:void 0,image:e?`${e}-image`:void 0,placeholder:e?`${e}-image-placeholder`:void 0,previewImageContainer:e?`${e}-image-preview-container`:void 0}),Mr=({src:n,alt:o="",className:i,e2eClassName:r,width:a,height:s,previewWidth:d,previewHeight:c,previewPlacement:u="right",previewEnabled:m=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=Tr(i),y=Tr(r),[w,E]=t(!1),[C,$]=t({isLoaded:!1,isError:!1}),[k,S]=e.useState(null),[N,L]=e.useState(null),{styles:I,attributes:z}=f(k,N,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),D=l((()=>m?E(!0):{}),[m]),F=l((()=>m?E(!1):{}),[m]),T=!C.isLoaded||C.isError;return e.createElement(Ir,{className:Fe([null==v?void 0:v.container,null==y?void 0:y.container,i])},e.createElement(zr,{src:n,alt:o,className:Fe([null==v?void 0:v.image,null==y?void 0:y.image]),width:a,height:s,onLoad:()=>$({isLoaded:!0,isError:!1}),onError:()=>$({isLoaded:!0,isError:!0}),previewEnabled:m,onMouseEnter:D,onMouseLeave:F,style:T?{display:"none"}:{},ref:S}),!b&&T&&(p||e.createElement(Lr,{className:Fe([null==v?void 0:v.placeholder,null==y?void 0:y.placeholder]),width:g||a,height:h||s})),w&&x(e.createElement(Dr,Object.assign({ref:L,style:I.popper},z.popper,{className:Fe([null==v?void 0:v.previewImageContainer,null==y?void 0:y.previewImageContainer])}),e.createElement(Fr,{src:n,alt:"",width:d,height:c})),document.body))},Rr={width:64,height:64},Or={icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z",fill:"currentColor"}))),Object.assign({},Rr)),title:"No data found"},Ar={icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z",fill:"currentColor"}))),Object.assign({},Rr)),title:"An error occurred when creating the table",subTitle:"Please, try reloading the page once. If this doesn't solve the problem, contact support"};var Br;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(Br||(Br={}));const{text:jr,sizes:Hr}=ce,{blue:Wr}=ce.colors.secondary,{grey:Pr}=ce.colors.neutral,{scrollbar:Vr}=ce.colors.system,_r='\n position: absolute;\n top: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n transition: box-shadow .3s;\n',Zr=g.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,Yr=g.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--1g4i0cu"})`width:100%;overflow-x:${e=>e.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${Pr.dark};border-bottom:1px solid ${Pr.dark};${({showScrollbar:e})=>e?`\n scrollbar-width: auto;\n\n &::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n }\n \n &::-webkit-scrollbar-track {\n background: ${Vr.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${Vr.thumb};\n border-radius: 4px; \n }\n `:""} ${({scrollDisabled:e,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:n,scrollPosition:o})=>e?"":`\n td:nth-child(${t}):after,\n th:nth-child(${t}):after {\n right: 0;\n transform: translate(100%);\n ${_r};\n\n ${o===Br.middle||o===Br.end?"\n box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n\n td:nth-last-child(${n}):after,\n th:nth-last-child(${n}):after {\n left: 0;\n transform: translate(-100%);\n ${_r};\n\n ${o===Br.start||o===Br.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,qr=g(Yr).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${Pr.dark};border-radius:4px;`,Xr=g.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,Kr=g.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${Pr.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;g.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${Pr.lightest};padding:1.5rem 1rem;border-top:1px solid ${Wr.base};}`;const Gr=g.tr.withConfig({displayName:"vui--Row",componentId:"vui--10drh9k"})`&.hidden{visibility:collapse;}${({accentColor:e})=>e&&`\n & > td:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: ${e}; \n }\n `}`,Ur=g.td.withConfig({displayName:"vui--Cell",componentId:"vui--tljl4p"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${jr.bodySmall.fontFamily};font-size:${jr.bodySmall.fontSize};font-weight:${jr.bodySmall.fontWeight};color:${jr.bodySmall.color};line-height:${Hr.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,Jr=g(Ur).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${Pr.dark};font-family:${jr.bodySmallBold.fontFamily};font-size:${jr.bodySmallBold.fontSize};font-weight:${jr.bodySmallBold.fontWeight};color:${jr.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${Pr.light};}`,Qr={left:"flex-start",center:"center",right:"flex-end"},ea=g.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?Qr[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,ta=g.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${Kr}:nth-child(even) td {\n background-color: ${Pr.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${Jr}, & ${Jr} span {\n white-space: nowrap;\n }\n `}`,na=g.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${Ur}{border-top:1px solid ${Pr.dark};background-color:${Pr.lightest};padding-top:${Hr.base};padding-bottom:${Hr.base};line-height:2rem;}`,oa=g.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,ia=g(ta).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,ra=g(U).withConfig({displayName:"vui--SpecificStateContainer",componentId:"vui--991hgo"})`display:flex;flex-direction:column;justify-content:center;align-items:center;height:${e=>e.height}px;background:white;`,aa=g(U).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${ce.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,la=g(ge).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,sa=g(ge).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,da=({height:t,icon:n,title:o,subTitle:i})=>e.createElement(ra,{height:t},e.createElement(aa,null,n),e.createElement(la,{variant:"headingLarge"},o),i&&e.createElement(sa,{variant:"subheadingMedium"},i)),ca=g.button.withConfig({displayName:"vui--CellButton",componentId:"vui--1w0np52"})`appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${ce.sizes.base};border-radius:${ce.radius.base};&:hover{cursor:pointer;background-color:${ce.colors.secondary.blue.lightest};}`,ua=g(ca).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${ce.text.link.color};text-decoration:${ce.text.link.textDecoration};`,ma=g.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:pa}=ce.colors.neutral,ga=g.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,ha=g.div.withConfig({displayName:"vui--SkeletonContentComponent",componentId:"vui--dbfg3y"})`display:inline-block;color:transparent;border-radius:4px;animation-duration:${({isLoading:e=!0})=>e?"1s":0};animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right, ${pa.base} 8%, ${pa.dark} 15%, ${pa.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,ba=({isLoading:t,style:n})=>e.createElement(ga,{style:n},e.createElement(ha,{isLoading:t})),fa=t=>{var{style:n}=t,o=Ne(t,["style"]);return e.createElement(Ur,Object.assign({},o),e.createElement(ba,{style:n}))};fa.defaultProps={style:{}};const va=({renderHeader:n,tableRef:i,wrapperRef:r,isFixedLayout:a,wrapperStyle:s})=>{var d;const[c,u]=t(null),{isSticky:m}=((e,n)=>{const[i,r]=t(!1),a=l((({top:e,bottom:t})=>{let o=i;o=e<=(n||0)&&t>0?!i||o:!i&&o,o!==i&&r(o)}),[i,n]);return o((()=>{const t=()=>{var t;e.current&&a(null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}}),[a,e]),{isSticky:i}})(i,parseInt("string"==typeof(null==s?void 0:s.top)?null==s?void 0:s.top:`${null==s?void 0:s.top}`,10)),p=((null===(d=r.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;X(r);const g=e=>{var t;const n=(null===(t=r.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:c&&(c.scrollLeft=n)};return g(),m?e.createElement(oa,{ref:e=>{u(e),g(e)},style:Object.assign({width:p},s)},e.createElement(ia,{style:{tableLayout:a?"fixed":"auto"}},n())):null},ya=e=>{const t=[];return e.forEach((({index:e,style:n})=>t.push(`\n > td:${void 0!==n.left?"nth-child":"nth-last-child"}(${Math.abs(e)}) {\n position: sticky;\n ${void 0!==n.left?"left":"right"}: ${void 0!==n.left?n.left:n.right}px;\n z-index: ${n.zIndex};\n }\n `))),t.join("\n\n")},xa=t=>{var{style:n,width:o,isLoading:i}=t,r=Ne(t,["style","width","isLoading"]);return e.createElement(Jr,Object.assign({},r,{style:{width:o}}),e.createElement(ba,{style:n,isLoading:i}))},wa=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),Ea=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),Ca=()=>e.createElement(Jo,{width:ce.sizes.base,height:ce.sizes.base,color:"lightgrey"}),$a=()=>e.createElement(wa,{width:ce.sizes.base,height:ce.sizes.base,color:"lightgrey"}),ka=()=>e.createElement(Ea,{width:ce.sizes.base,height:ce.sizes.base,color:"lightgrey"}),Sa=({borderless:n=!1,striped:r=!0,noWrap:s=!1,showScrollbar:d=!1,headers:c,rows:u,renderRow:m,renderNestedRow:p,expandedRowIds:g,renderLoadingRow:h,renderFooterRow:b,renderFooterLoadingRow:f,omitFooterSelectionCell:v=!1,selectedRowIds:y,disabledSelectionInputRowIds:x,selectionMode:w="multiple",onChangeSelectedRowIds:E,sortColumnId:C,sortDirection:$,onChangeSort:k,isError:S=!1,isLoading:N=!1,skeletonRowsNumber:L=5,isHeaderSticky:I=!0,stickyHeaderStyle:z,customSpecificState:D,bodyHeightInSpecificStates:F=375,startFixedColumnsNumber:T,endFixedColumnsNumber:M})=>{const R=n?Yr:qr,O=!!u&&0===u.length,A=Boolean(T||M),B=!T&&!M,j=a(null),H=a(null),[W,P]=t(Br.none);o((()=>{var e;let t=null;const n=()=>{if(!H.current||B)return;const e=H.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),i=n+o;t===o?P(Br.none):0===n?P(Br.start):n>0&&i<t?P(Br.middle):i===t&&P(Br.end)};return H.current&&(t=H.current,n(),null===(e=H.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[j,B]);const V=l((e=>"string"==typeof e?(console.error("You can only use a numeric value in the 'width' property when you use fixed columns"),null):void 0===e?(console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns"),null):e),[]),_=l(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),Z=l((()=>{if(!c||N)return null;const e=[],t=[];let n=0,o=0;if(T){y&&(e.push(_(1,n,"left")),n+=58);for(let t=0;t<T;t+=1){const o=V(c[t].width);o&&(e.push(_(y?t+2:t+1,n,"left")),n+=o)}}if(M)for(let e=0;e<M;e+=1){const n=V(c.slice(-e-1)[0].width);n&&(t.push(_(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[N,V,M,_,c,T,y]),Y=i((()=>Z()),[Z]),q=l(((e,t)=>{if(!y||!E)return;if(e)return"single"===w?void E([t.id]):void E([...y,t.id]);const n=[...y],o=n.findIndex((e=>e===t.id));n.splice(o,1),E(n)}),[E,y,w]),X=l((()=>{if(!y||!E)return;if(y.length===u.length)return void E([]);const e=u.map((e=>e.id));E(e)}),[E,u,y]),K=l((e=>{if(void 0===C||void 0===k)return;let t=C,n="ascending";"ascending"===$&&(n="descending"),e!==C&&(t=e,n="ascending"),k(t,n)}),[k,C,$]),G=l(((t,n)=>{let o="",i=()=>{},r=e.createElement(Ca,null);const{tooltip:a,align:l,icon:s,title:d,sortable:c,id:u}=t;c&&(o="sortable",i=()=>K(u),C===u&&(r="ascending"===$?e.createElement($a,null):e.createElement(ka,null)));const m=e.createElement(ea,{align:l},s&&s,d&&e.createElement("span",null,d),c&&r);return e.createElement(Jr,{key:u,id:`data-table-header-${u}`,className:o,onClick:i,align:t.align,grow:t.grow,style:Object.assign({width:t.width||"auto"},n)},a?e.createElement(wn,{text:a},e.createElement(Zr,null,m)):m)}),[K,C,$]),U=l(((t,n)=>e.createElement(xa,{key:t.id,width:t.width||"auto",style:n,isLoading:N})),[N]),J=l((()=>{if(!c)return null;const t=Z(),n=t?t[0].style:{};return e.createElement(Xr,null,e.createElement(Gr,null,y&&e.createElement(Jr,{style:Object.assign({width:58},n)},"multiple"===w&&e.createElement(uo,{checked:u.length>0&&(null==y?void 0:y.length)===u.length||!1,onChange:X,disabled:x&&x.length>0||N||O,ariaLabel:"Select all"})),c.map(((e,n)=>{const o=y?n+2:n+1,i=n-c.length,r=null==t?void 0:t.find((e=>e.index===o||e.index===i));return e.skeleton&&(N||S||O)?U(e,e.skeletonStyle||{}):G(e,(null==r?void 0:r.style)||{})}))))}),[Z,X,c,O,S,N,U,G,u.length,y,w,x]),Q=l(((t,n)=>{const o={checked:t,onChange:e=>q(e,n),disabled:(null==x?void 0:x.includes(n.id))||!1};return"single"===w?e.createElement(po,Object.assign({},o)):e.createElement(uo,Object.assign({},o))}),[q,w,x]),ee=l((t=>{const n={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===w?e.createElement(fa,{key:void 0===t?null:`radio-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"50%"})}):e.createElement(fa,{key:void 0===t?null:`checkbox-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"0.25rem"})})}),[w]),te=l(((t,n)=>{var o,i;if(!p)return null;const r=p(t);if(!r)return null;const a=(null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row)||"";return e.createElement(Gr,{key:t.id,className:`${a} ${n?"hidden":""}`},y&&e.createElement(Ur,null),r)}),[p,y]),ne=l((t=>{if(!c)return e.createElement(fa,null);const n=c.map((n=>e.createElement(fa,{key:`${t}-${n.id}`})));return y&&n.unshift(ee(t)),n}),[c,ee,y]),oe=()=>b?N&&!f||!N&&O?null:e.createElement(na,{fixedColumnsStyle:ya(Y||[])},e.createElement(Gr,null,y&&!v&&e.createElement(Ur,null),!N&&b(u),N&&f&&f())):null;let ie=T;y&&ie&&(ie+=1);const re=i((()=>u.map((t=>{var n,o,i;const{data:r}=t,a=!!y&&y.includes(t.id),l=!g||g.includes(t.id),s=null===(n=null==r?void 0:r.e2eClassNames)||void 0===n?void 0:n.body,d=null!==(i=null===(o=null==r?void 0:r.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==i?i:"",c=a?`selected ${d}`:`${d}`;return e.createElement(Kr,{key:t.id,className:s,fixedColumnsStyle:ya(Y||[])},e.createElement(Gr,{key:t.id,className:c,accentColor:t.accentColor},y&&e.createElement(Ur,null,Q(a,t)),m(t)),t.nestedRows&&t.nestedRows.map((e=>te(e,!l))))}))),[u,g,Y,te,m,Q,y]);if(N){const t=[];for(let n=0;n<L;n+=1)t.push(e.createElement(Kr,{key:`loading-row-${n}`,fixedColumnsStyle:ya(Y||[])},e.createElement(Gr,null,h?e.createElement(e.Fragment,null,y&&ee(),h()):ne(n))));return e.createElement(R,{ref:H,scrollDisabled:!0,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:M},I&&c&&e.createElement(va,{renderHeader:J,tableRef:j,wrapperRef:H,isFixedLayout:A,wrapperStyle:z}),e.createElement(ta,{ref:j,striped:r,noWrap:s,tableLoading:!0,isFixedLayout:A},J(),t,oe()))}if(O||S){let t=Or;return D?t=D:S&&(t=Ar),e.createElement(R,{scrollDisabled:!0},e.createElement(ta,{ref:j,striped:r,noWrap:s,tableLoading:!1,isFixedLayout:A},J(),oe()),e.createElement(da,Object.assign({height:F},t)))}return e.createElement(R,{scrollDisabled:!1,ref:H,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:M,showScrollbar:d},I&&c&&e.createElement(va,{renderHeader:J,tableRef:j,wrapperRef:H,isFixedLayout:A,wrapperStyle:z}),e.createElement(ta,{ref:j,striped:r,noWrap:s,tableLoading:!1,isFixedLayout:A},J(),re,oe()))};Sa.Cell=Ur,Sa.ClickableCell=t=>{var{onClick:n,children:o}=t,i=Ne(t,["onClick","children"]);return e.createElement(Ur,Object.assign({},i),e.createElement(ua,{onClick:n},o))},Sa.EditableCell=t=>{var{onClick:n,children:o}=t,i=Ne(t,["onClick","children"]);return e.createElement(Ur,Object.assign({},i),e.createElement(ca,{onClick:n},e.createElement(ma,null,o)))},Sa.SkeletonCell=fa,Sa.SkeletonContent=ba;const Na=g.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,La="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",Ia="Log in with Amazon",za=n=>{const[o,i]=t(La);return e.createElement(Na,Object.assign({onMouseDown:()=>{i("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{i(La)},"aria-label":Ia},n),e.createElement("img",{src:o,alt:Ia}))},Da=b`body{overflow:hidden;scrollbar-gutter:stable;}`,Fa=g.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${ce.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${ft.Footer} {\n box-shadow: 0px 10px 15px 0px ${ce.colors.neutral.ink.dark};\n }\n `}`,Ta=e=>!!e.footerSlot,Ma={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Ra={[te.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[te.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[te.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[te.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[te.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},Oa={xs:te.mobile,sm:te.mobile,base:te.tablet,lg:te.lgTablet},{breakpoints:Aa}=ce,Ba=g(m.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--1ohvs0u"})`padding:0;border:none;border-radius:${ce.sizes.sm};box-shadow:${ce.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${ft.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Ma[e]};`} ${Fa}{padding-bottom:${ce.sizes.md};}${ft.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${Aa.mobile} + 1px))and (max-width: ${Aa.tablet}){max-width:${({variant:e})=>Ra[Aa.tablet][e]};}@media (min-width: ${Aa.tablet})and (max-width: ${Aa.lgTablet}){max-width:${({variant:e})=>Ra[Aa.lgTablet][e]};}@media (min-width: ${Aa.lgTablet})and (max-width: ${Aa.desktop}){max-width:${({variant:e})=>Ra[Aa.desktop][e]};}@media (min-width: ${Aa.desktop}){max-width:${({variant:e})=>Ra[Aa.lgDesktop][e]};}@media (max-width: ${({variant:e})=>Oa[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${ft.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Me(ce.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,ja=e.forwardRef(((t,n)=>{var o=Ne(t,[]);return e.createElement(Ba,Object.assign({ref:n},o))})),Ha=n=>{const{shouldShow:i,showHeaderCloseButton:r=!0,fullBleed:l=!1,variant:s="base",onClose:d,children:c}=n,u=a(null),[m,g]=t(null);o((()=>{var e,t;i&&(null===(e=u.current)||void 0===e||e.removeAttribute("open"),null===(t=u.current)||void 0===t||t.showModal())}),[i]);const{isOverflowing:h,onScroll:b}=At(m),f=()=>{var e;null===(e=u.current)||void 0===e||e.close(),d()};return e.createElement(p,null,i&&e.createElement("div",{"data-testid":"dialog-wrapper"},e.createElement(Da,null),e.createElement(ja,{ref:u,onClose:f,variant:s,"aria-describedby":"modal_title"},e.createElement(ft.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:e.createElement(lt,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},r&&{onClickClose:f})),e.createElement(Fa,{onScroll:b,ref:g,isScrollable:h,fullBleed:l},c),Ta(n)&&n.footerSlot,!Ta(n)&&(n.leftActions||n.rightActions)&&e.createElement(ft.Footer,null,e.createElement(_t,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&e.createElement(_t,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((t=>{var{label:n}=t,o=Ne(t,["label"]);return e.createElement(nt,Object.assign({key:n,type:"button"},o),n)}))),n.rightActions&&e.createElement(_t,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((t=>{var{label:n}=t,o=Ne(t,["label"]);return e.createElement(nt,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:Wa,text:Pa,shadows:Va}=ce,{grey:_a}=ce.colors.neutral,Za=g.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${Wa.base} ${Wa.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&Va[e]};`,Ya=g.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${Pa.headingXL.fontFamily};font-size:${Pa.headingXL.fontSize};font-weight:${Pa.headingXL.fontWeight};margin:unset;line-height:1;`,qa=g.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${Pa.subheadingLarge.fontFamily};font-weight:${Pa.subheadingLarge.fontWeight};font-size:${Pa.subheadingLarge.fontSize};line-height:${Pa.subheadingLarge.lineHeight};`,Xa=g.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${ce.radius.base};border:${Wa.line} solid ${_a.base};object-fit:cover;`,Ka=g.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,Ga=g(nt).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${ce.text.link.fontFamily};font-size:${ce.text.link.fontSize};font-weight:${ce.text.link.fontWeight};line-height:${ce.text.link.lineHeight};color:${ce.text.link.color};&:hover{text-decoration:${ce.text.link.textDecoration};}& > * + *{margin-left:${ce.sizes.xs};}`,Ua=g.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1fmdpk3"})`width:100%;display:grid;grid-template-columns:1fr minmax(312px, auto);align-items:flex-start;grid-gap:${Wa.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,Ja=({title:t,subtitle:n,imageSrc:o,actions:i,quickActions:r,backAction:a,Accessory:l,shadow:s="none",onClickPrevious:d,onClickNext:c,onClickToggleSidebar:u})=>{const m=i&&e.createElement(St,{buttonVariant:r?"default":"primary",title:"Actions",sections:i}),p=null==r?void 0:r.map((t=>e.createElement(nt,{key:t.title,variant:t.variant,icon:t.icon,onClick:t.onClick},t.title))),g=a&&e.createElement(nt,{onClick:a.onClick,icon:e.createElement(qn,null),variant:"link"},a.title),h=u&&e.createElement(_t,{direction:"horizontal",alignX:"end"},e.createElement(Ga,{onClick:u},e.createElement("span",null,"Toggle sidebar"),e.createElement(On,{width:le.md})));return e.createElement(Za,{shadow:s},e.createElement(_t,null,g,e.createElement(Ua,null,e.createElement(_t,{direction:"horizontal",spacing:"md"},o&&e.createElement(Xa,{src:o,alt:"",width:"72",height:"72"}),e.createElement("div",{style:{flex:1}},e.createElement(_t,{alignX:"stretch"},e.createElement(Ya,null,t),l,n&&e.createElement(qa,null,n)))),e.createElement(Ka,null,e.createElement(_t,{direction:"horizontal",alignX:"end",spacing:"sm"},p,m,d&&e.createElement(nt,{icon:e.createElement(qn,null),onClick:d}),c&&e.createElement(nt,{icon:e.createElement(On,null),onClick:c})),h))))},Qa=g(_t).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${ce.sizes.lg};height:30px;background-color:${ce.colors.neutral.grey.light};border:1px solid ${ce.colors.neutral.grey.base};border-radius:${ce.sizes.xs};`,el=g(nt).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${ce.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,tl=g(dr).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,nl=({count:t})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(ge,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(Qa,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(ge,{variant:"bodySmall"},t))),ol=({currentPage:e,totalPagesCount:n,handleChangePage:i})=>{const[r,a]=t(`${e}`);o((()=>{a(`${e}`)}),[e]);const l=e=>e>=1&&e<=n,s=()=>{if(r||a(`${e}`),r===`${e}`)return;const t=parseInt(r,10);l(t)&&i(t)};return{pageInputValue:r,handleIncrement:()=>{l(e+1)&&i(e+1)},handleDecrement:()=>{l(e-1)&&i(e-1)},handleInputChange:e=>{e||a(e);const t=parseInt(e,10);var n;l(n=t)&&a(`${n}`)},handleSubmit:s,handleFormSubmit:e=>{e.preventDefault(),s()}}},il=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),rl=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),al=({testId:t,e2eClassName:n,currentPage:o,totalPagesCount:i,handleChangePage:r})=>{const{pageInputValue:a,handleIncrement:l,handleDecrement:s,handleFormSubmit:d,handleInputChange:c,handleSubmit:u}=ol({currentPage:o,totalPagesCount:i,handleChangePage:r});return e.createElement(_t,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:n},e.createElement(el,{onClick:()=>{1!==o&&r(1)},icon:e.createElement(il,null),size:"sm","aria-label":"go to first page"}),e.createElement(el,{onClick:s,icon:e.createElement(qn,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),e.createElement("form",{onSubmit:d},e.createElement(tl,{"aria-live":"polite","aria-label":`page ${o} of ${i}`,size:ir.sm,type:"number",value:a,min:"1",max:`${i}`,onChange:c,onBlur:u})),e.createElement(nl,{count:i}),e.createElement(el,{onClick:l,icon:e.createElement(On,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=i}),e.createElement(el,{onClick:()=>{o!==i&&r(i)},icon:e.createElement(rl,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=i}))},ll=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],sl=g(U).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,dl=g(dn).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,cl=g.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${ee.neutral.grey.base};box-sizing:border-box;border-radius:4px;justify-content:space-between;background:white;cursor:pointer;svg{padding-left:8px;padding-top:2px;}`,ul=g(U).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,ml=g(ge).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${ee.secondary.blue.base};background:${ee.neutral.grey.lightest};}`,pl=({item:t,handleRangeListChange:n})=>{const o=l((()=>n(t)),[n,t]);return e.createElement(ul,{onClick:o},e.createElement(ml,{variant:"bodySmall"},t.label))},gl=t=>{const{handleRangeListChange:n,paginationRange:o=ll}=t;return e.createElement(e.Fragment,null,o.map((t=>e.createElement(c,{key:t.label},e.createElement(pl,{item:t,handleRangeListChange:n})))))};class hl extends s{constructor(e){super(e),this.handleRangeListChange=e=>{const{onPaginationRangeChange:t}=this.props;this.setDropdownValue(e),t(e)},this.setDropdownValue=e=>this.setState({shouldShowDropdown:!1,dropdownValue:e}),this.toggleShouldShow=()=>{const{shouldShowDropdown:e}=this.state;this.setState({shouldShowDropdown:!e})};const{dropdownValue:t=ll[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:t,paginationRange:n=ll,reversedDropdown:o}=this.props,{shouldShowDropdown:i,dropdownValue:r}=this.state;return e.createElement(sl,{className:t},e.createElement(dl,{cta:e.createElement(cl,{onClick:this.toggleShouldShow},e.createElement(ge,{variant:"bodySmall"},r.label),e.createElement(et,{color:ce.colors.neutral.ink.base})),shouldShowDropdown:i,onClickAway:this.toggleShouldShow,reversed:o},e.createElement(gl,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const bl=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1y4bw67"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:e})=>"sm"===e?"32px":"40px"};border-radius:4px;${({size:e})=>"sm"===e?"svg { width: 14px !important; height: 14px !important; };\n\n > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,fl=g.button.withConfig({displayName:"vui--StepButton",componentId:"vui--z17r9v"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,vl=({onIncrement:t,onDecrement:n,disabled:o=!1,size:i})=>e.createElement(bl,{size:i},e.createElement(fl,{type:"button",onClick:t,disabled:o},e.createElement(ke,{height:ce.sizes.base,width:ce.sizes.base,color:ce.colors.neutral.ink.base})),e.createElement(fl,{type:"button",onClick:n,disabled:o},e.createElement(rt,{height:ce.sizes.base,width:ce.sizes.base,color:ce.colors.neutral.ink.base}))),yl=g(dr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${ce.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${ce.colors.neutral.ink.lightest};}`,xl=g(U).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${ce.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({size:e})=>"sm"===e?"30px":"36px"};background-color:${({disabled:e})=>e?ce.colors.neutral.grey.light:"white"};flex-shrink:0;${({size:e})=>"sm"===e?"> span { font-size: 12px }":""};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`,wl=g(ge).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,El=g(or).withConfig({displayName:"vui--PriceInputGroup",componentId:"vui--jpuoo1"})`display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({hasError:e})=>e&&`\n box-shadow: 0 0 0 4px ${ce.colors.secondary.red.light};\n\n > * {\n border-top-color: ${ce.colors.secondary.red.base};\n border-bottom-color: ${ce.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${ce.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${ce.colors.secondary.red.base};\n border-right-color: ${ce.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${ce.colors.secondary.red.base};\n border-bottom-color: ${ce.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${ce.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?ce.colors.secondary.red.base:ce.colors.secondary.blue.base};}}`;const Cl=So((t=>{var{className:n="",hasError:o,currency:i,disabled:r=!1,onChange:a,onPriceChange:l,priceValue:s,step:d="0.1",size:c=ir.base}=t,u=Ne(t,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const m=(e=l)=>{e(((parseFloat(s)||0)+parseFloat(d)).toFixed(2))},p=(e=l)=>{e(((parseFloat(s)||0)-parseFloat(d)).toFixed(2))};return e.createElement(El,{className:n,hasError:o},e.createElement(xl,{disabled:r,size:c},e.createElement(wl,{variant:"hintText"},i)),e.createElement(yl,Object.assign({placeholder:"0.00",type:"currency",value:s,step:d,onChange:e=>a(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void l("");const o=parseFloat(n.replace(",",".")).toFixed(2);l(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&m(a),"ArrowDown"===t&&p(a)},disabled:r,size:c},u)),e.createElement(vl,{onIncrement:()=>m(),onDecrement:()=>p(),disabled:r,size:c}))}));Cl.displayName="PriceInput";const $l=g.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--ejkp56"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`,kl=({children:t})=>e.createElement($l,null,t),Sl=g(dr).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,Nl=g.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,Ll=g(U).withConfig({displayName:"vui--Container",componentId:"vui--18q9h8i"})`position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:0.25rem;${({iconPosition:e})=>{let t="padding-right: 2.5rem;",n="right: 0.5rem;";return"left"===e&&(t="padding-left: 2.5rem",n="left: 0.5rem;"),`\n & ${Sl} {\n ${t}\n }\n\n & ${Nl} {\n ${n}\n }\n `}}`,Il=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"})),zl=({type:t="text",disabled:n=!1,onClearClick:o,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,value:c="",error:u,placeholder:m="",className:p="",name:g,isLoading:h=!1,fill:b,reversed:f=!1,autoComplete:v="on",size:y="base"})=>{const x=c&&c.length>0;return e.createElement(Ll,{className:p,iconPosition:f?"left":"right"},e.createElement(Sl,{size:y,type:t,value:c,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,placeholder:m,name:g,disabled:n,error:u,autoComplete:v}),e.createElement(Nl,null,h?e.createElement(Ve,{height:24,color:b||ce.colors.secondary.blue.base}):x&&o?e.createElement(nt,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text",type:"button"},e.createElement(at,{color:b||ce.colors.neutral.ink.dark})):e.createElement(nt,{variant:"unstyled",onClick:()=>i(c),style:{display:"flex"},"aria-label":"Search",type:"button"},e.createElement(Il,{color:b||ce.colors.neutral.ink.dark,height:le.md,width:le.md}))))},Dl=ce.colors.neutral.grey.lightest,Fl=ce.colors.neutral.grey.dark,Tl=ce.colors.secondary.blue.dark,Ml=g(U).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${Dl};border-color:${Fl};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${ce.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${Tl};border-color:${Tl};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${ce.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,Rl=({options:t,selected:n,className:o,onChange:i})=>e.createElement(Ml,{className:o?`${o}-container`:void 0},t.map((t=>e.createElement(nt,{type:"button","aria-pressed":t.value===n,variant:t.value===n?"primary":"default",key:t.key,onClick:()=>i(t.value),disabled:t.disabled,className:t.value===n?"veeqo-components-active-button":""},t.label)))),Ol=g.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--t1odf6"})`--kbdTextColor:${e=>e.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${ce.colors.neutral.ink.base});font-family:${ce.text.bodySmall.fontFamily};font-style:${ce.text.bodySmall.fontStyle};font-size:${ce.text.bodySmall.fontSize};line-height:${ce.text.bodySmall.lineHeight};font-weight:${ce.text.bodySmall.fontWeight};text-decoration:${ce.text.bodySmall.textDecoration};letter-spacing:${ce.text.bodySmall.letterSpacing};`,Al=g.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--651mmm"})`box-sizing:border-box;color:var(--kbdTextColor, ${ce.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${ce.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${ce.text.bodySmall.fontFamily};font-style:${ce.text.bodySmall.fontStyle};`,Bl={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},jl={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"},Hl=t=>{var{shortcut:n,label:o,inverse:i=!1,displayLabel:r=!1}=t,a=Ne(t,["shortcut","label","inverse","displayLabel"]);const l=n.split("+").map((t=>Bl[t]?e.createElement(Al,{key:`Key: ${t}`,"aria-label":jl[t]},Bl[t]):e.createElement(Al,{key:`Key: ${t}`},t))).reduce(((t,n)=>e.createElement(e.Fragment,null,t,"+",n)));return e.createElement(Ol,Object.assign({"aria-label":o,$inverse:i},a),l," ",r?e.createElement("span",null,o):null)},{blue:Wl}=ee.secondary,{grey:Pl}=ee.neutral,Vl=g.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,_l=g.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${Wl.lightest};}`,Zl=g.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Yl=g.td.withConfig({displayName:"vui--TableCell",componentId:"vui--s41x8b"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${de.bodySmall.fontFamily};font-size:${de.bodySmall.fontSize};font-weight:${de.bodySmall.fontWeight};color:${de.bodySmall.color};line-height:${le.base};& > *{vertical-align:middle;}`,ql=g(Yl).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Pl.dark};font-family:${de.bodySmallBold.fontFamily};font-size:${de.bodySmallBold.fontSize};font-weight:${de.bodySmallBold.fontWeight};color:${de.bodySmallBold.color};`,Xl=g.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${_l} tr:nth-child(even) td {\n background-color: ${Pl.lightest};\n }\n `}`,Kl=({striped:t=!0,className:n,children:o})=>e.createElement(Xl,{striped:t,className:n},o);Kl.Header=Vl,Kl.Body=_l,Kl.Row=Zl,Kl.HeaderCell=ql,Kl.Cell=Yl;const Gl=g(U).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--7bl1ak"})`display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({width:e="",height:t=""})=>`\n width: ${e||"100%"};\n min-width: ${e};\n height: ${t||"20px"};\n min-height: ${t};\n `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;Gl.displayName="Skeleton";const Ul=g.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Jl=g.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${ce.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,Ql=g.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--1tltjvk"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${ce.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${12}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${ce.colors.secondary.blue.light};}`,es=g(Jl).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${ce.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,ts=e=>({container:e?`${e}-slider-container`:void 0,sliderRange:e?`${e}-slider-range`:void 0,slider:e?`${e}-slider`:void 0,startSlider:e?`${e}-start-slider`:void 0,endSlider:e?`${e}-end-slider`:void 0}),ns=({id:n,value:i,min:r,max:s,step:d=1,onChange:c,className:u,e2eClassName:m,onSlideStart:p=(()=>{}),onSlideEnd:g=(()=>{})})=>{const[h,b]=t(!1),[f,v]=t(-1),y=a(null),x=a(null),w=a(null),E=ts(u),C=ts(m),$=l((e=>{var t;if(!h||!y.current)return;const n=f>-1?i[f]:i,o=y.current.getBoundingClientRect();let a=100*(e.pageX-o.x)/o.width/100*(s-r)+r;const l=n-a;if(l>0&&(a=n+Math.ceil(a/d-n/d)*d),l<0&&(a=n+Math.floor(a/d-n/d)*d),n===a)return;a>s&&(a=s),a<r&&(a=r),Array.isArray(i)&&(0===f&&a>i[1]&&([,a]=i),1===f&&a<i[0]&&([a]=i));const u=d.toString().includes(".")?null===(t=d.toString().split(".").pop())||void 0===t?void 0:t.length:0;let m;a=Number(a.toFixed(u)),m=Array.isArray(i)?0===f?[a,i[1]]:[i[0],a]:a,c(m),Array.isArray(m)&&m[0]===m[1]&&(0===f&&v(1),1===f&&v(0))}),[f,h,s,r,c,d,i]),k=l((()=>{b(!1),g()}),[g]),S=l(((e,t)=>{b(!0),p(),"number"==typeof t&&v(t),e.preventDefault()}),[p]);o((()=>{const e=e=>S(e,Array.isArray(i)?0:1),t=e=>S(e,1),n=x.current,o=w.current;return null==n||n.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",$),document.addEventListener("mouseup",k),()=>{null==n||n.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",k)}}),[S,$,k,i]);const N=(t,n,o)=>{let i;return i=Fe("number"==typeof o?0===o?[null==E?void 0:E.startSlider,null==C?void 0:C.startSlider]:[null==E?void 0:E.endSlider,null==C?void 0:C.endSlider]:[null==E?void 0:E.slider,null==C?void 0:C.slider]),e.createElement(Ql,{role:"slider",ref:1===o?w:x,className:i,left:t,"aria-valuemin":r,"aria-valuemax":s,"aria-valuenow":n})},L=t=>{const n=100*(t[0]<r?0:t[0]-r)/(s-r),o=100*(t[1]>s?100:t[1]-r)/(s-r),i=o-n;return e.createElement(e.Fragment,null,e.createElement(es,{className:Fe([null==E?void 0:E.sliderRange,null==C?void 0:C.sliderRange]),left:n,width:i}),N(n,t[0],0),N(o,t[1],1))};let I;return I=Array.isArray(i)?L(i):(e=>{if(Array.isArray(i))return L(i);let t;return t=i>s?100:i<r?0:100*(e-r)/(s-r),N(t,e)})(i),e.createElement(Ul,{className:Fe([null==E?void 0:E.container,null==C?void 0:C.container]),id:n,ref:y},e.createElement(Jl,null),I)},os=g(U).withConfig({displayName:"vui--Tag",componentId:"vui--1rdo7hk"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:t})=>`\n color: ${null!=t?t:ee.neutral.ink.base};\n background-color: ${null!=e?e:ee.neutral.grey.base};\n `}`,is=g(_t).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${ce.layers.tooltip};`,rs=g(_t).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${ce.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${ce.shadows.lg};border-radius:${ce.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:e})=>e};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:e})=>e?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:e})=>e?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,as=g(U).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${ce.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${le.md};height:${le.md};}`,ls=g(_t).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,ss=g(ge).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,ds={info:{accentColor:ee.brand.blue.base,icon:e.createElement(Xt,null)},success:{accentColor:ee.secondary.green.base,icon:e.createElement(Kt,null)},error:{accentColor:ee.secondary.red.base,icon:e.createElement(Yt,null)},merge:{accentColor:ee.secondary.purple.base,icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))),null)}},cs=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),us=({className:t,e2eClassName:n,type:o,iconSlot:i,text:r,last:a,minWidth:l,cta:s,onClose:d})=>{const c=cs(t),u=cs(n);return e.createElement(rs,{className:Fe([null==c?void 0:c.container,null==u?void 0:u.container]),direction:"horizontal",alignY:"center",minWidth:l,last:a},e.createElement(as,{color:ds[o].accentColor,className:Fe([c.icon,u.icon])},null!=i?i:ds[o].icon),e.createElement(ls,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(ss,{variant:"body"},r),s),e.createElement(nt,{variant:"flat",icon:e.createElement(at,{color:"white"}),onClick:d,"aria-label":"Close"}))},ms=({className:t,e2eClassName:n,toasts:i,minWidth:r="50vw",max:a=3,onClose:l})=>(o((()=>{a&&i.length>a&&l(i[0].key)}),[i,a,l]),x(e.createElement(is,{direction:"vertical",alignX:"center",spacing:4},e.createElement(B,{component:null},[...i].reverse().map(((o,a)=>e.createElement(A,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},e.createElement(us,Object.assign({className:t,e2eClassName:n,minWidth:r,last:a===i.length-1,onClose:()=>l(o.key)},o))))))),document.body)),ps=g.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--x718nd"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${ce.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:t})=>{let n="40px",o="24px",i="24px",r="8px",a="16px",l="4px",s="white",d="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",i="16px",r="4px",a="14px",l="2px"),t&&(s="#0079D1",d="#0079D1",c="white"),`\n --outline-width: ${l};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${i};\n border-radius: ${r};\n font-size: ${a};\n\n background-color: ${s};\n border-color: ${d};\n color: ${c};\n `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`,gs=({children:t,checked:n,size:o="base",disabled:i=!1,onChange:r})=>e.createElement(ps,{type:"button",checked:n,size:o,disabled:i,"aria-pressed":n,tabIndex:"0",onClick:()=>r(!n)},t),hs=g.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--17v0v3c"})`display:flex;align-items:center;justify-content:center;padding:${le.md};border-radius:${ne.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${ee.neutral.ink.lightest};background-color:${ee.neutral.grey.lightest};:hover{border:2px dashed ${ee.secondary.blue.base};background-color:${ee.secondary.blue.lightest};}:active{border:2px dashed ${ee.secondary.blue.base};box-shadow:0 0 0 4px ${ee.secondary.blue.light};background-color:${ee.secondary.blue.lightest};}:focus-within{border:2px dashed ${ee.secondary.blue.base};box-shadow:0 0 0 4px ${ee.secondary.blue.light};background-color:${ee.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${ee.secondary.red.base};:hover{border:2px dashed ${ee.secondary.red.base};background-color:${ee.secondary.red.lightest};}:active{border:2px dashed ${ee.secondary.red.base};box-shadow:0 0 0 4px ${ee.secondary.red.light};background-color:${ee.secondary.red.lightest};}:focus-within{border:2px dashed ${ee.secondary.red.base};box-shadow:0 0 0 4px ${ee.secondary.red.light};background-color:${ee.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${ee.neutral.grey.light};border-color:${ee.neutral.ink.lightest};color:${ee.neutral.ink.light};}`;var bs,fs,vs;!function(e){e.CSV=".csv",e.JPEG=".jpeg",e.JPG=".jpg",e.GIF=".gif",e.PNG=".png"}(bs||(bs={})),function(e){e.KB="KB",e.MB="MB"}(fs||(fs={})),function(e){e.VALID="",e.INVALID_FORMAT="File is incorrect format",e.INVALID_SIZE="File size is too big",e.INVALID_FORMAT_AND_SIZE="File is incorrect format and too big"}(vs||(vs={}));const ys=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},e.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),e.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"})),xs=()=>e.createElement(_t,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},e.createElement(ys,null),e.createElement(ge,{variant:"subheadingSmall",style:{paddingTop:le.sm}},"Browse files or drag them here")),ws=({acceptedTypesCopy:t,maxSizeCopy:n})=>t||n?e.createElement(_t,{alignX:"start",spacing:"xs"},t&&e.createElement(ge,{variant:"errorSmall"},"Invalid format (",t,")"),n&&e.createElement(ge,{variant:"errorSmall"},"File is too big (",n,")")):null,Es=g(ge).withConfig({displayName:"vui--SingleLineText",componentId:"vui--1aguyhc"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,Cs=g(_t).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--1g0ca18"})`border:1px solid ${ee.neutral.ink.lightest};border-radius:${ne.base};padding:${le.xs};${ge}{padding-left:${le.xs};}`,$s=({file:t,resetSelection:n,disabled:o})=>t?e.createElement(Cs,{alignX:"between",direction:"horizontal",alignY:"center"},e.createElement(Es,{variant:"body"},null==t?void 0:t.name),e.createElement(nt,{size:"sm",variant:"flat",onClick:n,icon:e.createElement(at,null),"aria-label":"Remove file",disabled:o})):null,ks=r(((n,i)=>{var{id:r,name:s,maxBytes:d=1e6,format:c=fs.MB,fileTypes:m,label:p="Upload file",required:g,disabled:h}=n,b=Ne(n,["id","name","maxBytes","format","fileTypes","label","required","disabled"]);const f=a(null);u(i,(()=>f.current),[]);const[v,y]=t(),[x,w]=t(vs.VALID),E=x===vs.INVALID_FORMAT||x===vs.INVALID_FORMAT_AND_SIZE,C=x===vs.INVALID_SIZE||x===vs.INVALID_FORMAT_AND_SIZE,$=(({maxBytes:e,format:t,baseString:n})=>{const o=null==n?"Max size: ":n;switch(t){case fs.KB:return`${o}${Number(e)/1e3} KB`;case fs.MB:return`${o}${Number(e)/1e6} MB`;default:return`${o}${Number(e)/1e3} KB`}})({maxBytes:d,format:c}),k=(({fileTypes:e,baseString:t})=>{let n=null==t?"Valid types: ":t;return e.forEach(((e,t,o)=>{const i=o.length>1,r=t===o.length-1&&i,a=t===o.length-2&&i;switch(r&&(n+=" and "),e){case bs.CSV:n+="CSV";break;case bs.GIF:n+="GIF";break;case bs.JPEG:n+="JPEG";break;case bs.JPG:n+="JPG";break;case bs.PNG:n+="PNG"}!a&&!r&&o.length>2&&(n+=", ")})),n})({fileTypes:m}),S=(({fileTypes:e})=>{if(1===e.length)return e[0];let t="";return e.forEach(((e,n,o)=>{const i=o.length-1===n&&o.length>1;t+=i?`${e}`:`${e}, `})),t.trim()})({fileTypes:m}),N=()=>{var e;(null===(e=f.current)||void 0===e?void 0:e.value)&&(f.current.value="")},L=({overMaxSize:e,invalidFormat:t})=>{var n;let o=vs.VALID;t&&!e?o=vs.INVALID_FORMAT:!t&&e?o=vs.INVALID_SIZE:t&&e&&(o=vs.INVALID_FORMAT_AND_SIZE),null===(n=f.current)||void 0===n||n.setCustomValidity(o),w(o)},I=l((e=>{if(!e.length)return void L({invalidFormat:!0});const[t]=e,n=t.size>d,[,o]=t.type.split("/"),i=!m.find((e=>e.substring(1)===o));n||i?N():(({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)})({fileList:e,elementId:r}),L({invalidFormat:i,overMaxSize:n}),y(t)}),[m,r,d]),z=l((()=>{N(),y(void 0),L({invalidFormat:!1,overMaxSize:!1})}),[]),D=l((()=>{var e;const t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?I(t):z()}),[z,I]);return o((()=>{const e=null==f?void 0:f.current;return null==e||e.addEventListener("change",D),null==e||e.addEventListener("cancel",z),()=>{null==e||e.removeEventListener("change",D),null==e||e.removeEventListener("cancel",z)}}),[D,z]),e.createElement($o,{spacing:"sm",alignX:"stretch"},e.createElement(wo,{htmlFor:r},p,e.createElement(_t,{spacing:3,alignX:"stretch",style:{paddingTop:le.sm}},e.createElement(Eo,null,e.createElement("div",null,k),e.createElement("div",null,$)),e.createElement(hs,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&I(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=f.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=f.current)||void 0===t||t.blur()}},e.createElement(xs,null),e.createElement("input",Object.assign({ref:f,id:r,type:"file",accept:S,name:s,required:g,disabled:h},b))))),e.createElement(_t,{alignX:"stretch",spacing:"sm"},e.createElement($s,{file:v,resetSelection:z,disabled:h}),e.createElement(ws,{acceptedTypesCopy:E?k:void 0,maxSizeCopy:C?$:void 0})))})),Ss="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",Ns=g(U).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${Ss} display:${e=>e.shouldShow?"initial":"none"};z-index:${ce.layers.modal};`,Ls=g(U).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${Ss} background-color:rgba(55,66,77,0.5);`,Is=g(U).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,zs=({usePortal:t,children:n})=>e.createElement(e.Fragment,null,t?e.createElement(Ie,null,n):n),Ds=({className:t,children:n=null,shouldShow:o=!1,usePortal:i=!0})=>e.createElement(zs,{usePortal:i},e.createElement(Ns,{className:Fe([`${t}-container`,t]),shouldShow:o},e.createElement(Ls,null),e.createElement(G,{isActive:o},e.createElement(Is,{className:Fe([`${t}-wrap`,t])},n)))),Fs=g.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,Ts=g.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,Ms=g(nt).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`,Rs=({id:t,youtubeVideoId:n,showVideoModal:o,handleCloseClick:i})=>{const r=zt(o,i);return e.createElement(Ds,{shouldShow:o,className:`${t}-video`},e.createElement(Fs,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},e.createElement(Ts,{ref:r},e.createElement("iframe",{title:`${t}-video`,src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),e.createElement(Ms,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:e.createElement(at,{color:"white"})}))))};var Os;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Os||(Os={}));const As=g(U).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,Bs=g(ge).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,js=g(U).withConfig({displayName:"vui--Contour",componentId:"vui--zy3oaf"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:t})=>`\n &:hover {\n border: 1px solid ${e.base};\n background-color: ${e.lightest};\n }\n\n ${ge} {\n color: ${null!=t?t:ee.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,Hs=g(ge).withConfig({displayName:"vui--CounterContainer",componentId:"vui--chq9kr"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.base};\n\n & > ${Bs} {\n color: #fff;\n }\n `}`,Ws={style:{marginLeft:le.xs,padding:le.xs,height:le.base,width:le.base}},Ps=g.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${le.sm};svg{height:${le.base};width:${le.base};}`,Vs=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"})),_s=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0}),Zs=({id:t,iconSlot:n,name:o,type:i,className:r,colourPalette:a=ee.secondary.blue,customTextColour:s,count:d,active:c=!1,onClick:u,onDelete:m,onEdit:p,e2eClassName:g})=>{const h=_s(r),b=_s(g),[f,v,y]=Ot(),x=l((()=>u(t)),[t,u]),w=l((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),E=l((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),C=i===Os.draft,$=i===Os.saved,k=c?ee.neutral.ink.dark:ee.neutral.ink.base;return e.createElement(As,{className:`${Fe([null==h?void 0:h.container,null==b?void 0:b.container])} ${c&&(null==b?void 0:b.active)||""}`,onClick:x},e.createElement(js,{active:c,onMouseEnter:v,onMouseLeave:y,colourPalette:a,customTextColour:s},n&&e.createElement(Ps,null,n),e.createElement(ge,{variant:"bodyBold"},o),d&&e.createElement(Hs,{active:c||f,colourPalette:a,customTextColour:s},e.createElement(Bs,{className:null==b?void 0:b.counter,variant:"subheadingSmall"},d)),C&&e.createElement(at,Object.assign({},Ws,{color:k,className:null==b?void 0:b.delete,onClick:w})),$&&c&&e.createElement(Vs,Object.assign({},Ws,{color:k,className:null==b?void 0:b.edit,onClick:E}))))};var Ys;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Ys||(Ys={}));const qs=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"4",fill:"none",viewBox:"0 -4 12 12",role:"presentation"},t),e.createElement("path",{fill:"currentColor",d:"M2 .667C1.267.667.667 1.267.667 2S1.267 3.333 2 3.333c.734 0 1.334-.6 1.334-1.333S2.734.667 2 .667m8 0c-.733 0-1.333.6-1.333 1.333s.6 1.333 1.333 1.333c.734 0 1.334-.6 1.334-1.333S10.734.667 10 .667m-4 0c-.733 0-1.333.6-1.333 1.333S5.267 3.333 6 3.333c.734 0 1.334-.6 1.334-1.333S6.734.667 6 .667"})),Xs=g(ge).withConfig({displayName:"vui--CounterText",componentId:"vui--13z4q4k"})`line-height:1;`,Ks=g(qs).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--lo8tpb"})``,Gs=g(at).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--u5oj4b"})``,Us=g(ge).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1nbpnol"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.dark};\n\n & > ${Xs} {\n color: ${ee.neutral.grey.lightest};\n }\n `}`,Js=g(U).withConfig({displayName:"vui--Contour",componentId:"vui--1fc3r48"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${ce.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:e})=>`\n\n &:hover {\n background-color: ${ee.neutral.grey.base};\n & > ${Us} {\n background-color: ${ee.neutral.grey.base};\n & > ${Xs} {\n color: ${ee.neutral.ink.base};\n }\n }\n & > ${ge} {\n color: ${null!=e?e:ee.neutral.ink.dark};\n }\n & > ${Ks} {\n color: ${ee.neutral.ink.dark};\n }\n & > ${Gs} {\n color: ${ee.neutral.ink.dark};\n }\n }\n\n & > ${ge} {\n color: ${null!=e?e:ee.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t,customTextColour:n})=>e&&`\n background-color: ${t.lightest};\n\n & > ${Ks} {\n color: ${t.dark};\n }\n & > ${Gs} {\n color: ${t.dark};\n }\n\n & > ${ge} {\n color: ${null!=n?n:t.dark};\n }\n `}`,Qs=g(Ge).withConfig({displayName:"vui--ViewButton",componentId:"vui--i4ro1b"})`padding:${ce.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:e})=>`\n &:focus-visible {\n ${Js} {\n background-color: ${ee.neutral.grey.base};\n & > ${Us} {\n background-color: ${ee.neutral.grey.base};\n & > ${Xs} {\n color: ${ee.neutral.ink.base};\n }\n }\n & > ${ge} {\n color: ${null!=e?e:ee.neutral.ink.dark};\n }\n & > ${Ks} {\n color: ${ee.neutral.ink.dark};\n }\n & > ${Gs} {\n color: ${ee.neutral.ink.dark};\n }\n }\n `}`,ed={style:{marginLeft:le.xs,padding:le.xs,height:le.base,width:le.base}},td=g.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1cuc9yu"})`display:flex;align-items:center;margin-right:${le.sm};svg{height:${le.base};width:${le.base};}`,nd=e.forwardRef(((t,n)=>{var{id:o,iconSlot:i,name:r,type:a,className:l,colourPalette:s=ee.secondary.blue,customTextColour:d,count:c,active:u=!1,onClick:m,subAction:p,ariaContext:g}=t,h=Ne(t,["id","iconSlot","name","type","className","colourPalette","customTextColour","count","active","onClick","subAction","ariaContext"]);const b={delete:(f=l)?`${f}-delete`:void 0,edit:f?`${f}-edit`:void 0,container:f?`${f}-view`:void 0,active:f?`${f}-active`:void 0,counter:f?`${f}-counter`:void 0};var f;const[v,y,x]=Ot(),w=u&&p?p:m,E=a===Ys.draft,C=a===Ys.saved;return e.createElement(Qs,Object.assign({className:Fe([null==b?void 0:b.container]),onClick:()=>w(o),role:"tab","aria-selected":u,"aria-label":`${u&&E?"Delete":u&&C?"Edit":""} ${r} view ${c?`with ${c} ${g}`:""}`,customTextColour:d,ref:n},h),e.createElement(Js,{active:u,onMouseEnter:y,onMouseLeave:x,colourPalette:s,customTextColour:d},i&&e.createElement(td,null,i),e.createElement(ge,{variant:"bodyBold"},r),null!=c&&e.createElement(Us,{"data-testid":"countContainer",active:u||v,colourPalette:s,customTextColour:d},e.createElement(Xs,{variant:"subheadingSmall"},c)),E&&e.createElement(Gs,Object.assign({},ed,{"aria-label":"delete icon"})),C&&u&&e.createElement(Ks,Object.assign({},ed,{"aria-label":"edit icon"}))))})),od=g(_t).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--x8ukf0"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,id=g(_t).withConfig({displayName:"vui--Container",componentId:"vui--mlh8wa"})`background-color:${ee.neutral.grey.lightest};`,rd=g(qn).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--193620d"})`color:${ee.neutral.ink.base};`,ad=g(On).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--erlipg"})`color:${ee.neutral.ink.base};`,ld=g(qs).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--eg23b0"})`color:${ee.neutral.ink.base};`,sd=g(nt).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--1o9jbht"})`background-color:white;&:hover{background-color:${ee.neutral.grey.lightest};}`,dd=g(nt).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--wtwmiz"})`background-color:white;&:disabled{background-color:white;${rd}{color:${ee.neutral.ink.lightest};}}&:hover{background-color:${ee.neutral.grey.lightest};}`,cd=g(nt).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1ycuwov"})`background-color:white;&:disabled{background-color:white;${ad}{color:${ee.neutral.ink.lightest};}}&:hover{background-color:${ee.neutral.grey.lightest};}`,ud=g(or).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--l3ez4z"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`,md=(e,n)=>{var i;const[r,a]=t(!0),[s,d]=t(!1),[c,u]=t([]),m=null===(i=null==e?void 0:e.current)||void 0===i?void 0:i.querySelector("[aria-selected = true]"),p=K(m),g=l((()=>{var t,n,o,i,r,l,s,c;(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0?a(!1):(document.getElementById("left-arrow")===document.activeElement&&(null===(n=document.getElementById("right-arrow"))||void 0===n||n.focus()),a(!0));const u=(null!==(i=null===(o=e.current)||void 0===o?void 0:o.scrollWidth)&&void 0!==i?i:0)-(null!==(l=null===(r=e.current)||void 0===r?void 0:r.clientWidth)&&void 0!==l?l:0);(null===(s=e.current)||void 0===s?void 0:s.scrollLeft)>=u-10?(document.getElementById("right-arrow")===document.activeElement&&(null===(c=document.getElementById("left-arrow"))||void 0===c||c.focus()),d(!0)):d(!1)}),[e]),h=l((()=>{e.current&&(e.current.scrollWidth-e.current.getBoundingClientRect().width<5?d(!0):d(!1))}),[e]),b=l((()=>{const t=((e,t,n)=>{for(let o=0;o<e.length;o++){if(void 0===e[o+3])return t-n;if(e[o]>=t)return e[o+3]}return t-n})(c,e.current.scrollLeft,e.current.clientWidth);e.current.scrollTo({left:t,top:0,behavior:"smooth"})}),[e,c]),f=l((()=>{const t=((e,t)=>{const n=e.slice().reverse();for(let o=0;o<e.length;o++){if(void 0===n[o+3])return 0;if(n[o]<t)return n[o+3]}return 0})(c,e.current.scrollLeft);e.current.scrollTo({left:t,top:0,behavior:"smooth"})}),[e,c]);return o((()=>{var t,o,i,r,a,l,s;if(null==e?void 0:e.current){if((null===(t=e.current.children)||void 0===t?void 0:t.length)&&(null===(o=e.current.children)||void 0===o?void 0:o.length)!==c.length&&c.length>0&&c.length<n.length&&(e.current.scrollTo({left:e.current.scrollWidth-e.current.clientWidth,top:0,behavior:"smooth"}),u([...c,c[c.length-1]+(null!==(r=null===(i=e.current.children[c.length-1])||void 0===i?void 0:i.getBoundingClientRect().x)&&void 0!==r?r:0)-20])),(null===(a=e.current.children)||void 0===a?void 0:a.length)&&0===c.length&&u((e=>Object.values(e.children).map((e=>e.getBoundingClientRect().x-20)))(e.current)),m!==p&&null!==m&&(null===(l=e.current.children)||void 0===l?void 0:l.length)===c.length){const t=Array.from(e.current.children).indexOf(m);e.current.scrollTo({left:c[t],top:0,behavior:"smooth"})}return h(),window.addEventListener("resize",h),null===(s=e.current)||void 0===s||s.addEventListener("scroll",g),()=>{window.removeEventListener("resize",h)}}}),[e,n,h,g,c,m,p]),{rightDisabled:s,leftDisabled:r,toNextScrollPosition:b,toPrevScrollPosition:f}},pd=e.forwardRef((({children:t,onClickMenu:n,ariaMenuControls:o,ariaMenuExpanded:i},r)=>{const l=a(null),{rightDisabled:s,leftDisabled:d,toNextScrollPosition:c,toPrevScrollPosition:u}=md(l,t);return e.createElement(id,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(od,{ref:l,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},t),e.createElement(ud,null,(!d||!s)&&e.createElement(e.Fragment,null,e.createElement(dd,{id:"left-arrow",icon:e.createElement(rd,null),disabled:d,onClick:u,variant:"flat","aria-label":"move views to the left"}),e.createElement(cd,{id:"right-arrow",icon:e.createElement(ad,null),disabled:s,onClick:c,variant:"flat","aria-label":"move views to the right"})),e.createElement(sd,{icon:e.createElement(ld,null),variant:"flat",onClick:n,"aria-label":"open menu","aria-controls":o,"aria-expanded":i,"aria-haspopup":o?"dialog":void 0,ref:r})))})),gd=g(U).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,hd=g(U).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,bd=g(dr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,fd=g(nt).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${ce.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${ce.colors.secondary.red.base};\n `};`,vd=e=>gr(e,hr),yd=So((t=>{var{size:n=ir.base,hasError:o,className:i}=t,r=Ne(t,["size","hasError","className"]);return e.createElement(gd,{className:i},e.createElement(hd,null,"g"===r.weightUnit&&e.createElement(or,null,e.createElement(bd,Object.assign({size:n,onChange:r.handleChangeGram,name:"gram",type:"number",value:r.gram,hasError:o,min:"0",step:"any",onKeyDown:vd},r)),e.createElement(fd,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(r)&&e.createElement(e.Fragment,null,e.createElement(or,null,e.createElement(bd,Object.assign({size:n,onChange:r.handleChangePound,name:"pound",type:"number",value:r.pound,hasError:o,step:"any",min:"0",onKeyDown:vd},r)),e.createElement(fd,{hasError:o,size:n},"lb")),e.createElement(or,null,e.createElement(bd,Object.assign({size:n,onChange:r.handleChangeOunce,name:"ounce",type:"number",value:r.ounce,hasError:o,min:"0",step:"any",onKeyDown:vd},r)),e.createElement(fd,{hasError:o,size:n},"oz")))))}));yd.displayName="WeightInput",yd.defaultProps={weightUnit:"lb"};export{bs as AcceptedFileTypes,Se as Accordion,St as ActionList,Pt as ActionMenu,en as Alert,nn as Anchor,dn as AnimatedDropdown,un as Avatar,$n as Badge,Tn as Banner,U as BaseContainer,Wn as Breadcrumbs,nt as Button,ft as Card,lt as CardHeader,uo as Checkbox,ro as Choice,bo as ChoiceList,xo as CopyToClipboard,Wo as DATE_RANGE_OPTIONS,_o as DEFAULT_PRESET,Vo as DEFAULT_RANGE,_i as DataTable,Io as DateRangeInput,qo as DateRangePicker,jo as DateRanges,Ui as DescriptionList,nr as DetailPage,fr as DimensionsInput,It as Dropdown,fs as FileSizeUnit,Sr as FilterTag,Mt as FocusVisibleManager,Nr as Grid,Mr as Image,or as InputGroup,Sa as LegacyDataTable,Ve as Loader,za as LoginWithAmazonButton,Ha as Modal,Ja as PageHeader,al as Pagination,hl as PaginationRange,je as Popover,Ds as Popup,Ie as Portal,Cl as PriceInput,po as Radio,Xn as RangeCalendar,kl as ScreenReaderOnly,zl as Search,Rl as SegmentedControl,Do as Select,Hl as ShortcutKeys,Kl as SimpleTable,Gl as Skeleton,ns as Slider,_t as Stack,vl as Stepper,os as Tag,ge as Text,dr as TextField,ms as ToastsLayout,Oo as Toggle,gs as ToggleButton,wn as Tooltip,ks as UploadFile,Rs as VideoModal,Zs as View,nd as ViewTab,pd as ViewsContainer,yd as WeightInput,Fe as buildClassnames,Zo as checkIfDateRangeInvalid,Le as generateId,Ho as getDateRange,Me as getOpaqueHexColor,Te as hexToRgb,Oe as isExternalLink,ce as theme,ni as useCellWidths,zt as useClickOutside,ri as useColumns,Dt as useDebounce,ai as useDragToScroll,Ft as useDropdown,Rt as useFocusVisible,Ot as useHover,jt as useId,At as useIsOverflowing,li as useNested,si as useScrollPosition,hi as useSelection,Bt as useTabs,No as withDeprecated,So as withLabels};
1
+ import e,{useState as t,PureComponent as n,useEffect as o,useMemo as i,forwardRef as r,useRef as a,useCallback as l,Component as s,createRef as d,Fragment as c,useImperativeHandle as u}from"react";import{motion as m,AnimatePresence as p}from"framer-motion";import g,{css as h,createGlobalStyle as b}from"styled-components";import{usePopper as f}from"react-popper";import v from"resize-observer-polyfill";import y,{createPortal as x}from"react-dom";import{uid as w}from"uid/secure";import{MenuItem as E,Section as C,Menu as $,Text as k,CalendarGrid as S,CalendarGridHeader as N,CalendarHeaderCell as L,CalendarGridBody as I,CalendarCell as z,RangeCalendar as D,useLocale as F,Button as T,Heading as M,Group as R,DateField as O,DateInput as A,DateSegment as B}from"react-aria-components";import{CSSTransition as j,TransitionGroup as H}from"react-transition-group";import{isWeekend as W,now as P,getLocalTimeZone as V,startOfYear as _,startOfMonth as Z,startOfWeek as Y,endOfMonth as q,CalendarDate as X}from"@internationalized/date";import K from"lodash.throttle";import{useScroll as G,usePrevious as U}from"react-use";import J from"react-scrolllock-configurable";const Q=g.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,ee={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},te=(e,t)=>e||(t?ee[t]:void 0),ne={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}},oe={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},ie={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var re,ae;!function(e){e.sm="0px 1px 3px rgba(55, 66, 77, 0.15)",e.base="0px 4px 6px rgba(27, 33, 38, 0.2)",e.md="0px 10px 15px rgba(27, 33, 38, 0.2)",e.lg="0px 20px 25px rgba(27, 33, 38, 0.2)"}(re||(re={})),function(e){e.none="none",e.line="line",e.xs="xs",e.sm="sm",e.base="base",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl"}(ae||(ae={}));const le=function({increment:e,unit:t,count:n}){const o={};for(let i=0;i<=n;i++){const n=i*e;o[i]=`${n}${t}`}return o}({increment:.25,unit:"rem",count:20}),se={[ae.none]:"0",[ae.line]:"1px",[ae.xs]:le[1],[ae.sm]:le[2],[ae.base]:le[4],[ae.md]:le[6],[ae.lg]:le[8],[ae.xl]:le[12],[ae.xxl]:le[16]},de=Object.assign(Object.assign({},se),le),ce={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},ue={headingXXL:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:ne.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:ne.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:ne.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ne.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:ne.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:ne.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ne.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:ne.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:ne.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:ne.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:ce.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:ne.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},me=Object.assign(Object.assign({},ce),{breakpoints:oe,colors:ne,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:ie,shadows:re,sizes:de,text:ue}),{text:pe,colors:ge,fontFamily:he}=me,be=g.span.attrs((({as:e,variant:t})=>({as:te(e,t)}))).withConfig({displayName:"vui--Text",componentId:"vui--p74sf8"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${he};line-height:16px;color:#37424d;${({variant:e})=>("button"===e||"buttonSmall"===e)&&"\n cursor: pointer;\n background-color: transparent;\n border: 0;\n "} ${({variant:e,muted:t=!1})=>{if(!e)return"";const n=t?ge.neutral.ink.lightest:pe[e].color;return`\n font-family: ${pe[e].fontFamily};\n font-style: ${pe[e].fontStyle};\n font-weight: ${pe[e].fontWeight};\n font-size: ${pe[e].fontSize};\n line-height: ${pe[e].lineHeight};\n color: ${n};\n text-decoration: ${pe[e].textDecoration};\n letter-spacing: ${pe[e].letterSpacing};\n `}}`,fe=g(Q).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,ve=g(fe).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${de.base};width:${de.base};color:${({glyphColor:e})=>e};}`,ye=g(fe).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,xe=g.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1moens1"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${me.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${me.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${me.colors.secondary.blue.light};}`,we=g(Q).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,Ee=g(be).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,Ce=g(m(Q)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,$e=g.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,ke=g(m(Q)).withConfig({displayName:"vui--UnstyledAccordionContent",componentId:"vui--59wczx"})``,Se=g.summary.withConfig({displayName:"vui--UnstyledAccordionSummary",componentId:"vui--fyolu6"})`&:focus{outline:none;box-shadow:0 0 0 2px ${me.colors.secondary.blue.light};}`,Ne=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:de.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"})),Le=({className:n,children:o,label:i,iconSlot:r,glyphColor:a=ne.neutral.ink.lightest,timeout:l=350,description:s,shouldOpenOnMount:d,variant:c="default",summaryTextVariant:u="body"})=>{const[p,g]=t(!!d),h=()=>g(!p),b={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:l/1e3}};return"unstyled"===c?e.createElement($e,{open:!!d,className:n},e.createElement(Se,{onClick:h},e.createElement(we,null,e.createElement(ve,{glyphColor:a},r,e.createElement(be,{variant:u},i)),e.createElement(ye,null,e.createElement(m.span,{animate:{rotate:p?180:0}},e.createElement(Ne,{name:p?"downArrow":"upArrow"})))),!!s&&e.createElement(Ee,{variant:"hintText"},s)),p&&e.createElement(ke,Object.assign({},b),o)):e.createElement($e,{open:!!d,className:n},e.createElement(xe,{onClick:h},e.createElement(we,null,e.createElement(ve,{glyphColor:a},r,e.createElement(be,{variant:u},i)),e.createElement(ye,null,e.createElement(m.span,{animate:{rotate:p?180:0}},e.createElement(Ne,{name:p?"downArrow":"upArrow"})))),!!s&&e.createElement(Ee,{variant:"hintText"},s)),p&&e.createElement(Ce,Object.assign({},b),o))};function Ie(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n}"function"==typeof SuppressedError&&SuppressedError;const ze=e=>{const t=w();return e?`${e}-${t}`:t};class De extends n{constructor(e){super(e),this.id=ze("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?x(e,this.portalNode):null}}const Fe=g.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,Te=g.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,Me=e=>e.filter(Boolean).join(" "),Re=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,o)=>t+t+n+n+o+o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},Oe=(e,t)=>{const n=Re(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Ae=["app.veeqo.com"];function Be(e,t=Ae){if(e.startsWith("http://")||e.startsWith("https://")){const{hostname:n}=new URL(e);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}if(e.startsWith("//")){const{hostname:n}=new URL(`http:${e}`);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}return!1}const je='input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])',He=({popperElement:e,anchorElement:t,onClose:n,disableFocusLock:i=!1})=>{o((()=>{if(!e||i)return;const t=e.querySelectorAll(je);t.length<1||setTimeout((()=>{t[0].focus()}),0)}),[e,i]),o((()=>{if(!e||!e)return;const o=t=>{if("Tab"===t.key&&!t.shiftKey){const o=e.querySelectorAll(je);if(o.length<1)return void n();o[0].focus(),t.stopPropagation(),t.preventDefault()}};return null==t||t.addEventListener("keydown",o),()=>null==t?void 0:t.removeEventListener("keydown",o)}),[t,e,n]);return{handleKeyDown:t=>{e&&("Escape"===t.key?n():i||"Tab"!==t.key||(t=>{const n=e.querySelectorAll(je),o=n[0],i=n[n.length-1];t.shiftKey&&document.activeElement===o?(t.preventDefault(),i.focus()):t.shiftKey||document.activeElement!==i||(t.preventDefault(),o.focus())})(t))}}},We=n=>{var{id:r,children:a,zIndex:l=me.layers.popup,placement:s="bottom",anchorElement:d,rootElementRef:c,onShouldClose:u,style:m,disableFocusLock:p,removeBackdrop:g=!1,useAnchorWidth:h}=n,b=Ie(n,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock","removeBackdrop","useAnchorWidth"]);const[y,x]=t(null),{styles:w,attributes:E,update:C}=f(d,y,{placement:s}),$=i((()=>r||ze("popover")),[r]);(({anchorElement:e,popoverId:t})=>{o((()=>{if(e){try{e.hasAttribute("aria-expanded")||(console.warn("Popover - aria-expanded not set on anchor element.",e),e.setAttribute("aria-expanded","true"))}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{e.hasAttribute("aria-controls")||(console.warn("Popover - aria-controls not set on anchor element.",e),e.setAttribute("aria-controls",t))}catch(e){console.warn(`Unable to set aria-controls for popover id: ${t}`)}try{e.hasAttribute("aria-haspopup")||(console.warn("Popover - aria-haspopup not set on anchor element.",e),e.setAttribute("aria-haspopup","dialog"))}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${t}`)}return()=>{try{e.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[e,t])})({anchorElement:d,popoverId:$});const k=()=>{null==d||d.focus(),null==u||u()},{handleKeyDown:S}=He({popperElement:y,anchorElement:d,onClose:k,disableFocusLock:p});return o((()=>{if(!C||!y)return;const e=new v(C);return e.observe(y),()=>e.disconnect()}),[C,y]),o((()=>{if(C)return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[C]),e.createElement(De,{rootElementRef:c},!g&&e.createElement(Te,{onClick:k,zIndex:l,"data-testid":"popover-backdrop"}),e.createElement(Fe,Object.assign({open:!0,id:$,zIndex:l,ref:x,style:Object.assign(Object.assign(Object.assign({},w.popper),m),h?{minWidth:null==d?void 0:d.clientWidth}:{}),onKeyDown:S},E.popper,b),a))},Pe=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":r},e.createElement("defs",null,e.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e.createElement("stop",{stopColor:i,stopOpacity:"0",offset:"0%"}),e.createElement("stop",{stopColor:i,stopOpacity:".631",offset:"63.146%"}),e.createElement("stop",{stopColor:i,offset:"100%"}))),e.createElement("g",{fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(1 1)"},e.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:i,strokeWidth:"2"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),Ve=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 105 105",fill:i,"aria-label":r},e.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),_e=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:i,"aria-label":r},e.createElement("circle",{cx:"15",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},e.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"105",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),Ze=({className:t,height:n=24,width:o=24,color:i="#588CB0",type:r="TailSpin"})=>{switch(r){case"Grid":return e.createElement(Ve,{className:t,height:n,width:o,color:i});case"ThreeDots":return e.createElement(_e,{className:t,height:n,width:o,color:i});default:return e.createElement(Pe,{className:t,height:n,width:o,color:i})}},Ye=g.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({$loading:e})=>e?"opacity: 0;":null};svg{width:${({size:e})=>de[e]};height:${({size:e})=>de[e]};}`,qe=g.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--nvz516"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${me.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",i="8px",r="16px",a="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",i="4px",r="14px",a="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${a};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${i};\n font-size: ${r};\n line-height: ${r};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,Xe=g(qe).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${me.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?me.colors.neutral.ink.base:me.colors.secondary.blue.base};&:hover{background-color:${me.colors.neutral.grey.lightest};}&:active{background-color:${me.colors.neutral.grey.lightest};border-color:${me.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${me.colors.neutral.grey.base} !important;border-color:${me.colors.neutral.grey.base} !important;color:${me.colors.neutral.ink.light} !important;}`,Ke=g(Xe).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${me.colors.secondary.red.base};&:hover{color:${me.colors.secondary.red.dark};}&:active{border-color:${me.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.red.light};color:${me.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.red.light};}`,Ge=g(Xe).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${me.colors.secondary.blue.base};border-color:${me.colors.secondary.blue.base};color:white;&:hover{background-color:${me.colors.secondary.blue.dark};border-color:${me.colors.secondary.blue.dark};}&:active{background-color:${me.colors.secondary.blue.dark};border-color:${me.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};}`,Ue=g(Ge).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${me.colors.secondary.red.base};border-color:${me.colors.secondary.red.base};color:white;&:hover{background-color:${me.colors.secondary.red.dark};border-color:${me.colors.secondary.red.dark};}&:active{background-color:${me.colors.secondary.red.dark};border-color:${me.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.red.light};}`,Je=g(qe).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${me.colors.neutral.ink.base};&:hover{background-color:${me.colors.neutral.grey.light};}&:active{background-color:${me.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,Qe=g.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,et=g(Qe).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${me.text.link.fontFamily};font-size:${me.text.link.fontSize};line-height:${me.text.link.fontSize};font-weight:${me.text.link.fontWeight};line-height:${me.text.link.lineHeight};text-decoration:${me.text.link.textDecoration};color:${me.colors.secondary.blue.base};&:hover{color:${me.colors.secondary.blue.dark};}& > * + *{margin-left:${me.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${me.colors.secondary.blue.light};border-radius:4px;}`,tt=g.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--1qt232p"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`,nt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),ot={default:Xe,primary:Ge,destructive:Ke,primaryDestructive:Ue,flat:Je,link:et,unstyled:Qe},it=r(((t,n)=>{var{className:o,children:i,icon:r,variant:a="default",size:l="base",dropdown:s=!1,loading:d=!1}=t,c=Ie(t,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===a)return e.createElement(Qe,Object.assign({ref:n,className:o},c),i);const u=ot[a],m=void 0!==i,p=!!r;return e.createElement(u,Object.assign({ref:n,className:o,size:l,hasText:m,hasIcon:p,hasDropdown:s},c),(m||p)&&e.createElement(Ye,{$loading:d,hasText:!!i,size:i||"sm"===l?"base":"md"},r&&r,void 0!==i&&i,s&&e.createElement(nt,null)),d&&e.createElement(tt,null,e.createElement(Ze,null)))})),rt=g.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${de.md};padding-right:${de.md};padding-left:${de.md};margin-bottom:${de.md};& > * + *{margin-top:${de.xs};}`,at=g.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${de.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,lt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:de.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"})),st=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"})),dt=({id:t,title:n,subtitle:o,headerVariant:i="headingSmall",action:r,ActionSlot:a,isCollapsed:l,onClickCollapse:s,onClickClose:d})=>e.createElement(rt,null,e.createElement(at,null,e.createElement(be,{id:t,variant:i},n),r&&e.createElement(it,{variant:"link",onClick:r.onClick},r.title),a,s&&e.createElement(it,{variant:"flat",icon:l?e.createElement(lt,null):e.createElement(Ne,null),onClick:s}),d&&e.createElement(it,{variant:"flat",icon:e.createElement(st,null),onClick:d,"aria-label":"Close"})),o&&e.createElement(be,{variant:"subheadingSmall"},o)),{grey:ct}=ne.neutral,ut={0:"none",1:re.sm,2:re.base,3:re.md,4:re.lg},mt={info:ne.secondary.blue.base,success:ne.secondary.green.base,error:ne.secondary.red.base},pt=g.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${de.base};padding:${de.md};z-index:2;`,gt=g.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${de.md};padding-left:${de.md};margin-top:${de.md};margin-bottom:${de.md};font-family:${ue.body.fontFamily};font-size:${ue.body.fontSize};font-weight:${ue.body.fontWeight};line-height:${ue.body.lineHeight};color:${ue.body.color};& + &{border-top:${de.line} solid ${ct.base};padding-top:${de.md};}`,ht=g.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${de.md};margin-right:-${de.md};`,bt=g(m.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${gt}:first-child{margin-top:0;}`,ft=g.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${de.line} solid ${ct.base};box-shadow:${e=>void 0!==e.elevation?ut[e.elevation]:re.sm};border-radius:${ie.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n &::after {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${de.xs};\n background-color: ${mt[e]};\n }\n `}`,vt={expanded:{height:"auto"},collapsed:{height:0}},yt=({className:n,style:o,title:i,subtitle:r,HeaderActionSlot:a,action:l,collapsable:s,elevation:d,accent:c,children:u,onClose:m,renderFooter:p})=>{const[g,h]=t(!1),b=i&&e.createElement(dt,{title:i,subtitle:r,ActionSlot:a,action:l,onClickClose:m,isCollapsed:g,onClickCollapse:s?()=>{h(!g)}:void 0}),f=s&&!g||!s,v=e.createElement(bt,{animate:f?"expanded":"collapsed",variants:vt,transition:{duration:.3,ease:"easeOut"}},e.createElement(gt,null,u)),y=void 0!==p&&e.createElement(pt,null,p());return e.createElement(ft,{className:n,style:o,elevation:d,accent:c},b,v,y)};yt.Surface=ft,yt.Section=gt,yt.FullBleed=ht,yt.Footer=pt;const{sizes:xt,colors:wt,text:Et}=me,Ct=g(yt.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${xt.base} 0;display:flex;flex-direction:column;`,$t=g.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${wt.neutral.grey.base};margin-top:${xt.base};padding-top:${xt.base};}`,kt=g(be).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${xt.sm} ${xt.base} ${xt.sm};`,St=g(it).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${xt.lg};padding:${xt.xs} ${xt.base};display:flex;align-items:center;white-space:nowrap;font-family:${Et.body.fontFamily};font-size:${Et.body.fontSize};font-weight:${Et.body.fontWeight};&:hover{background-color:${wt.neutral.grey.light};color:${wt.secondary.blue.base};}& > * + *{margin-left:${xt[3]};}`,Nt={item:St,action:g(St).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${wt.secondary.blue.base};`,link:g(St).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${wt.secondary.blue.base};text-decoration:underline;`},Lt=({title:n,items:o=[],sections:i,buttonVariant:r,buttonSize:a})=>{const[l,s]=t(!1),[d,c]=t(null),u=t=>{const n=Nt[t.variant||"item"];return e.createElement(n,{onClick:()=>{return e=t.onClick,s(!1),void e();var e},key:t.title},t.icon&&t.icon,e.createElement("span",null,t.title))},m=i?i.map((t=>e.createElement($t,{key:t.title},t.title&&e.createElement(kt,null,t.title),t.items.map(u)))):o.map(u);return e.createElement(e.Fragment,null,e.createElement(it,{dropdown:!0,variant:r,size:a,onClick:()=>s(!l),ref:c},n),l&&e.createElement(We,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>s(!1)},e.createElement(Ct,null,m)))},It=g(m(yt.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1yrw4mw"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${me.colors.neutral.grey.base};border-radius:${me.radius.base};padding:${me.sizes.base};`,zt=t=>{var{id:n,children:i,className:r,style:a,reversed:l,anchorElement:s,useAnchorWidth:d,onShouldClose:c}=t,u=Ie(t,["id","children","className","style","reversed","anchorElement","useAnchorWidth","onShouldClose"]);return o((()=>()=>null==s?void 0:s.focus()),[s]),e.createElement(We,Object.assign({id:n,"data-testid":n,anchorElement:s,onShouldClose:c,useAnchorWidth:d,placement:"bottom-start"},u),e.createElement(p,null,e.createElement(It,{className:r,style:a,useAnchorWidth:d,reversed:l,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},i)))},Dt=t=>{var{id:n,shouldShow:o,setShouldShow:i,ctaIconSlot:r,ctaProps:l}=t,s=Ie(t,["id","shouldShow","setShouldShow","ctaIconSlot","ctaProps"]);const d=a(null);return e.createElement(e.Fragment,null,e.createElement(it,Object.assign({ref:d,"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":n,onClick:()=>null==i?void 0:i(!o),icon:r,dropdown:!0},l)),o&&e.createElement(zt,Object.assign({id:n,anchorElement:d.current,onShouldClose:()=>null==i?void 0:i(!1)},s)))},Ft=(e,t)=>{const n=a(null),i=l((e=>{"Escape"===e.key&&(null==t||t())}),[t]),r=l((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",r),document.addEventListener("keyup",i),()=>{document.removeEventListener("click",r),document.removeEventListener("keyup",i)}}),[r,i,e]),n},Tt=(e,n)=>{const[i,r]=t(e);return o((()=>{const t=setTimeout((()=>r(e)),n);return()=>clearTimeout(t)}),[e,n]),i},Mt=({anchorElement:e}={})=>{const[n,o]=t(!1),i=l((()=>o(!n)),[n,o]),r=l((()=>{o(!1),setTimeout((()=>{null==e||e.focus()}),0)}),[o,e]);return{shouldShowDropdown:n,toggleShouldShowDropdown:i,setShouldShowDropdown:o,closeDropdown:r}},Rt=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Ot({children:n}){const[i,r]=t(!0);return o((()=>{function e(){r(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(r(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function i(e){e.metaKey||e.altKey||e.ctrlKey||r(!0)}function a(){"hidden"===document.visibilityState&&(r(!0),n())}return document.addEventListener("keydown",i,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",a,!0),n(),()=>{document.removeEventListener("keydown",i,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",a,!0),o()}}),[r]),e.createElement(Rt.Provider,{value:{hadKeyboardEvent:i,isInitialized:!0}},n)}function At(){const[t,n]=e.useState(!1),{hadKeyboardEvent:o,isInitialized:i}=e.useContext(Rt),r=e.useCallback((()=>{t||n(!0)}),[t]),a=e.useCallback((()=>{t&&n(!1)}),[t]);let l;return l=i?o&&t:t,e.useMemo((()=>({focusVisible:l,onFocus:r,onBlur:a})),[l,a,r])}const Bt=(e=!1)=>{const[n,o]=t(e);return[n,l((()=>o(!0)),[o]),l((()=>o(!1)),[o])]},jt=e=>{const[n,i]=t(!1),[r,a]=t(!1);o((()=>{if(!e)return;const t=new ResizeObserver((()=>{const t=e.scrollHeight>e.clientHeight;i(t)}));return t.observe(e),()=>{t.disconnect()}}),[e]);return{isOverflowing:n&&!r,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:i}=t.target;a(o-n-i<=0)}}},Ht=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[i]=t(e),[r,a]=t(i[o]);return[r,e=>{const t=i.find((t=>t.key===e));t&&a(t)}]},Wt=({id:e,prefix:t})=>i((()=>e||ze(t)),[e,t]),Pt=e=>`\n font-family: ${e.fontFamily};\n font-style: ${e.fontStyle};\n font-weight: ${e.fontWeight};\n font-size: ${e.fontSize};\n line-height: ${e.lineHeight};\n color: ${e.color};\n text-decoration: ${e.textDecoration};\n letter-spacing: ${e.letterSpacing};\n`,Vt=g(E).withConfig({displayName:"vui--MenuItem",componentId:"vui--1vhrzmz"})`display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${me.sizes.xs};padding:${me.sizes.sm};border-radius:${me.radius.base};outline:0;&:is(a){${Pt(me.text.link)}}&:is(div){${Pt(me.text.body)}}white-space:nowrap;&[data-focused]{color:${me.colors.secondary.blue.base};box-shadow:0 0 0 4px ${me.colors.secondary.blue.light};}&[data-hovered]{background-color:${me.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${me.colors.neutral.grey.lightest};color:${me.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${me.colors.neutral.ink.light};font-size:12px;}`,_t=g(C).withConfig({displayName:"vui--Section",componentId:"vui--1lpesff"})`&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${me.colors.neutral.grey.base};padding-top:0.5rem;}`,Zt=({id:n,menuLabel:o,ctaProps:i,actions:r,children:a})=>{var l;const[s,d]=t(!1),c=Wt({id:n,prefix:"action-menu"});return e.createElement(Dt,{id:c,style:{padding:"0"},shouldShow:s,setShouldShow:d,ctaProps:Object.assign({size:"sm"},i),useAnchorWidth:!0,onKeyDown:e=>{"Escape"!==e.code&&"Tab"!==e.code||d(!1),e.preventDefault()}},e.createElement($,{onClose:()=>d(!1),"aria-label":o||(null===(l=i.children)||void 0===l?void 0:l.toString())},null==r?void 0:r.map((t=>{var n;return e.createElement(Vt,Object.assign({},t,{key:t.id||(null===(n=t.children)||void 0===n?void 0:n.toString())}))})),a))};var Yt;Zt.Item=Vt,Zt.Section=_t,Zt.Text=k,function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Yt||(Yt={}));const qt=g.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:o="start",spacing:i="base"}=e;let r,a,l,s,d="",c="";return"vertical"===t?(r=n&&Yt[n],a=o&&Yt[o],d=me.sizes[i],l="column"):(r=o&&Yt[o],a=n&&Yt[n],c=me.sizes[i],l="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(s=1),`\n align-items: ${r};\n justify-content: ${a};\n flex-direction: ${l};\n\n & > * {\n flex: ${s};\n }\n\n & > * + * {\n margin-top: ${d};\n margin-left: ${c};\n }\n `}}`;qt.displayName="Stack";const Xt=g(qt).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--u8ngai"})`border:1px solid ${({colours:{primary:e}})=>e};border-radius:${me.radius.base};background-color:${({colours:{background:e}})=>e};`,Kt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"})),Gt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"})),Ut=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),e.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),e.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),Jt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"})),Qt={base:me.sizes.base,sm:me.sizes[3],xs:me.sizes.sm},en={base:me.sizes.md,sm:me.sizes[5],xs:me.sizes[5]},tn={default:Ut,error:Kt,success:Jt,info:Gt,warning:t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})),recommend:t=>e.createElement("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M18 8L19.25 5.25L22 4L19.25 2.75L18 0L16.75 2.75L14 4L16.75 5.25L18 8Z",fill:"#694090"}),e.createElement("path",{d:"M18 14L16.75 16.75L14 18L16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14Z",fill:"#694090"}),e.createElement("path",{d:"M10.5 8.5L8 3L5.5 8.5L0 11L5.5 13.5L8 19L10.5 13.5L16 11L10.5 8.5ZM8.99 11.99L8 14.17L7.01 11.99L4.83 11L7.01 10.01L8 7.83L8.99 10.01L11.17 11L8.99 11.99Z",fill:"#694090"}))},nn={default:{primary:me.colors.neutral.ink.base,background:me.colors.neutral.grey.lightest},error:{primary:me.colors.secondary.red.base,background:me.colors.secondary.red.lightest},success:{primary:me.colors.secondary.green.base,background:me.colors.secondary.green.lightest},info:{primary:me.colors.secondary.blue.base,background:me.colors.secondary.blue.lightest},warning:{primary:me.colors.secondary.orange.base,background:me.colors.secondary.orange.lightest},recommend:{primary:me.colors.secondary.purple.dark,background:me.colors.secondary.purple.lightest}},on=t=>{var{size:n="base",variant:o="default",colours:i,rightActions:r,title:a,titleSlot:l,message:s,children:d,iconSlot:c,onClickClose:u}=t,m=Ie(t,["size","variant","colours","rightActions","title","titleSlot","message","children","iconSlot","onClickClose"]);const p=null!=i?i:nn[o],g=c||tn[o],h="xs"===n;return e.createElement(Xt,Object.assign({colours:p,direction:"horizontal",alignX:"between",spacing:"0"},m),e.createElement(qt,{direction:"horizontal",alignY:h?"center":"start",style:{margin:Qt[n],gap:Qt[n]},spacing:0},e.createElement(g,{"aria-hidden":!0,style:{minWidth:en[n],minHeight:en[n],width:en[n],height:en[n]},color:p.primary}),e.createElement(qt,{direction:"vertical",spacing:h?0:"xs"},l||e.createElement(be,{variant:h?"bodySmallBold":"bodyBold",style:"base"===n?{lineHeight:"24px"}:{}},a),d||e.createElement(be,{variant:h?"bodySmall":"body"},s))),e.createElement(qt,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:h?void 0:me.sizes[3],gap:h?void 0:Qt[n],alignItems:"center"}},r&&e.createElement(qt,{alignY:"center",spacing:0,style:{gap:Qt[n]}},r.map((t=>{var{label:n}=t,o=Ie(t,["label"]);return e.createElement(it,Object.assign({key:n,type:"button",size:"sm"},o),n)}))),u&&e.createElement(qt,{alignY:h?"center":"start",style:{height:"100%",padding:h?me.sizes.xs:void 0}},e.createElement(it,{variant:"flat",icon:e.createElement(st,null),onClick:u,"aria-label":"Close",size:"sm"}))))},rn=g.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${me.text.link.fontFamily};font-style:${me.text.link.fontStyle};font-weight:${me.text.link.fontWeight};font-size:${me.text.link.fontSize};line-height:${me.text.link.lineHeight};color:${me.colors.secondary.blue.base};text-decoration:${me.text.link.textDecoration};&:hover{color:${me.colors.secondary.blue.dark};}`,an=t=>{var{children:n,href:o,rel:i,allowedHostnames:r=Ae}=t,a=Ie(t,["children","href","rel","allowedHostnames"]);const l=Be(o,r),s=i||(l?"noopener noreferrer":void 0);return e.createElement(rn,Object.assign({href:o,rel:s},a),n)},ln=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--r1m0qe"})`display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`,sn=r(((t,n)=>{const{children:o,className:i,role:r}=t;return e.createElement(ln,{className:i,ref:n,role:r},o)})),dn=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,cn=g(Q).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,un=g(sn).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${me.layers.popup};${e=>e.reversed?"bottom: 8px;":"top: 6px;"} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`,mn=({cta:t,shouldShowDropdown:n,children:i,className:r="animated-dropdown",reversed:l=!1,onClickAway:s=(()=>{}),timeout:d=350,transitionClassnames:c="dropdown",onClick:u,onMouseEnter:m,onMouseLeave:p})=>{const g=a(null);return((e,t)=>{o((()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(n)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[e,t])})(g,(e=>{n&&s(e)})),e.createElement(dn,{className:`${r}-container ${r}`,onClick:u,onMouseEnter:m,onMouseLeave:p,ref:g},!l&&t,e.createElement(cn,{className:`${r}-wrap ${r}`},e.createElement(j,{in:n,timeout:d,classNames:c,unmountOnExit:!0},e.createElement(un,{role:"dialog",reversed:l,className:`${r}-basic-dropdown ${r}`},i))),l&&t)},pn=g.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${me.colors.neutral.grey.base};color:${e=>e.textColor};background-color:${e=>e.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${me.text.bodySmallBold.fontFamily};font-weight:${me.text.bodySmallBold.fontWeight};font-size:${me.text.bodySmallBold.fontSize};line-height:${me.text.bodySmallBold.lineHeight};}`,gn=({width:t="40px",name:n="Veeqo",bgColor:o=me.colors.secondary.blue.base,textColor:i="#ffffff"})=>{const r=n.toUpperCase().match(/\b(\w)/g);return e.createElement(pn,{width:t,bgColor:o,textColor:i,className:"avatar"},null==r?void 0:r.slice(0,2).map(((t,n)=>e.createElement("span",{key:`${t}-${n}`},t))))},hn=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1exlfc5"})`display:inline-block;`,bn=g(hn).withConfig({displayName:"vui--Hoverable",componentId:"vui--up3fpq"})``,fn=g(be).withConfig({displayName:"vui--TooltipText",componentId:"vui--gpqzg1"})`color:${me.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,vn=g.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1f7lcs5"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,yn=g.div.withConfig({displayName:"vui--Tip",componentId:"vui--143ip1u"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,xn=g(hn).withConfig({displayName:"vui--Wrap",componentId:"vui--e33d0s"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;var wn;!function(e){e.BOTTOM="bottom",e.TOP="top"}(wn||(wn={}));const En={duration:400,side:wn.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},Cn=({content:n,text:o,hoverableElement:i,config:r,reversed:a,withTriangle:l,classNames:s})=>{const[d,c]=t(null),u=Object.assign(Object.assign({},En),r),{duration:m,side:p,triangleOffset:g,tipMinWidth:h,tipMaxWidth:b}=u,{styles:v,attributes:y}=f(i,d,{placement:`${p}-${a?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),x=Object.assign(Object.assign({},v.popper),{zIndex:me.layers.tooltip});return e.createElement(yn,Object.assign({className:s.tip,ref:c,duration:m,triangleOffsetSize:g,style:x},y.popper,{role:"tooltip"}),e.createElement(xn,{className:s.wrap,tipMinWidth:h,tipMaxWidth:b},null!=n?n:e.createElement(fn,null,o)),l&&e.createElement(vn,{id:"veeqo-components-triangle",className:s.triangle}))},$n=({children:n,text:o,content:i,config:r,reversed:a=!1,className:l,withTriangle:s,initialShouldShow:d=!1,useReactPortal:c=!0})=>{const[u,m]=t(d),[p,g]=t(null),h=!!o&&o.trim().length>0,b={container:l&&`${l} ${l}-container`,tip:l&&`${l}-tip`,wrap:l&&`${l}-wrap`,triangle:l&&`${l}-triangle`,hoverable:l&&`${l}-hoverable`},f=!(!i&&!h);if(!f)return n;const v=u&&f&&e.createElement(Cn,{classNames:b,hoverableElement:p,config:r,reversed:a,withTriangle:s,text:o,content:i});return e.createElement(hn,{className:b.container},c?y.createPortal(v,document.body):v,e.createElement(bn,{ref:g,className:b.hoverable,onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1)},n))},kn=g(Q).withConfig({displayName:"vui--BaseBadge",componentId:"vui--1l3fzu"})`display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${ue.bodySmall.fontFamily};font-weight:${ue.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${de.base};height:${de.base};}`,Sn={default:g(kn).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${ne.secondary.blue.base};color:${ne.secondary.blue.base};`,primary:g(kn).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${ne.secondary.blue.base};background-color:${ne.secondary.blue.lightest};color:${ne.secondary.blue.base};`,warning:g(kn).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${ne.secondary.yellow.base};background-color:${ne.secondary.yellow.lightest};color:${ne.secondary.orange.dark};`},Nn=({variant:t="default",hideBorder:n=!1,iconSlot:o,tooltip:i,className:r,e2eClassName:a,children:l})=>{const s=Sn[t];return e.createElement($n,{text:i},e.createElement(s,{className:Me([r,a]),hideBorder:n},o&&o,l&&e.createElement("span",null,l)))},Ln=g(Q).withConfig({displayName:"vui--BannerLayout",componentId:"vui--c6sp3u"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({accentColor:e})=>e&&`\n box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${e};\n `} background-color:${({backgroundColor:e})=>e||"white"};`,In=g(Q).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,zn=g(Q).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Dn=g(zn).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${de.md};height:${de.md};color:${({accentColor:e})=>e};}`,Fn=g(Q).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,Tn=g(zn).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,Mn=g(be).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Rn={help:ne.secondary.blue.base,info:ne.neutral.ink.base,error:ne.secondary.red.base,success:ne.secondary.green.base},On=t=>{var{type:n="info",text:o,icon:i,onClose:r,className:a,header:l,children:s,backgroundColor:d="white"}=t,c=Ie(t,["type","text","icon","onClose","className","header","children","backgroundColor"]);const u=Rn[n];return e.createElement(Ln,Object.assign({accentColor:u,className:a,backgroundColor:d},c),e.createElement(In,null,i&&e.createElement(Dn,{style:{marginRight:de.md},accentColor:u},i),s?e.createElement(Fn,null,s):e.createElement(e.Fragment,null,e.createElement(Tn,null,l||e.createElement(Mn,{variant:"headingSmall"},o)),e.createElement(zn,null,r&&e.createElement(it,{variant:"flat","aria-label":"Close",icon:e.createElement(st,null),onClick:r})))))},An=g.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${ue.body.fontFamily};font-weight:${ue.body.fontWeight};font-size:${ue.body.fontSize};line-height:${ue.body.lineHeight};`,Bn=g.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--17agc2w"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`,jn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"})),Hn=({children:t,title:n,LinkComponent:o,href:i})=>o?e.createElement(Bn,{className:"breadcrumb"},e.createElement(o,{href:i},n),t):e.createElement(Bn,{className:"breadcrumb"},n,t),Wn=()=>e.createElement(jn,{className:"separator",width:de.base,height:de.base}),Pn=({children:t,href:n})=>e.createElement("a",{href:n},t),Vn=({children:t})=>e.createElement("span",null,t),_n=({items:t,Separator:n=e.createElement(Wn,null),LinkComponent:o=Pn})=>e.createElement(An,{className:"breadcrumbs"},t.map(((i,r)=>e.createElement(Hn,{key:i.title,title:i.title,href:i.pathname,LinkComponent:r!==t.length-1?o:Vn},t.length!==r+1&&n)))),Zn=t=>e.createElement(S,Object.assign({weekdayStyle:"short"},t),e.createElement(N,null,(t=>e.createElement(L,null,t.slice(0,2)))),e.createElement(I,null,(t=>e.createElement(z,{date:t})))),Yn=h`.react-aria-Button{color:${me.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${me.sizes.base};height:${me.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${me.colors.secondary.blue.light};}&:active,&:hover{background-color:${me.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${me.colors.neutral.grey.base};cursor:default;}}`,qn=h`.react-aria-CalendarCell{width:32px;line-height:32px;border-radius:${me.radius.base};cursor:pointer;text-align:center;&[data-hovered]{background-color:${me.colors.neutral.grey.base};}&[data-focus-visible],&:focus-visible{outline:2px solid ${me.colors.secondary.blue.light};}&[data-selected]{background:${me.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${me.colors.secondary.blue.light};outline-offset:-3px;}}&[data-unavailable]{cursor:not-allowed;}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{text-decoration:line-through;color:${me.colors.secondary.red.base};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${me.colors.neutral.ink.lightest};}&[data-selection-start],&[data-selection-end]{background:${me.colors.secondary.blue.dark};}&[data-selection-start][data-selection-end]{background-color:${me.colors.secondary.blue.base};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`,Xn=h`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${Pt(me.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${me.sizes.sm};}`,Kn=g(D).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1nu8m35"})`width:fit-content;max-width:100%;color:${me.colors.neutral.ink.base};font-size:14px;font-family:${me.fontFamily};${Xn} ${Yn} ${qn} & table{border-collapse:collapse;height:fit-content;& td{padding:0;}}`,Gn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"})),Un=t=>{var n,{disabledRanges:i=[],disallowWeekends:r=!1,isMultiMonth:a=!1}=t,s=Ie(t,["disabledRanges","disallowWeekends","isMultiMonth"]);const[d,c]=e.useState(null===(n=s.value)||void 0===n?void 0:n.start),{locale:u}=F(),m=l((e=>!!r&&W(e,u)||i.some((t=>e.compare(t[0])>=0&&e.compare(t[1])<=0))),[i,r,u]);return o((()=>{var e;c(null===(e=s.value)||void 0===e?void 0:e.start)}),[s.value]),e.createElement(Kn,Object.assign({focusedValue:d,onFocusChange:c,isDateUnavailable:m,visibleDuration:a?{months:2}:void 0},s),e.createElement("header",null,e.createElement(T,{slot:"previous"},e.createElement(Gn,null)),e.createElement(M,null),e.createElement(T,{slot:"next"},e.createElement(jn,null))),a?e.createElement("div",{style:{display:"flex",gap:me.sizes.sm,overflow:"auto"}},e.createElement(Zn,null),e.createElement(Zn,{offset:{months:1}})):e.createElement(Zn,null))},Jn={top:"flex-start",center:"center"},Qn=g.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${me.sizes.base};}`,eo=g.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>Jn[e.align]};`,to=g.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,no=g.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${me.sizes.sm};}`,oo=g.div.withConfig({displayName:"vui--HintText",componentId:"vui--lz8nl"})`font-family:${me.fontFamily};font-size:${me.sizes[3]};line-height:${me.sizes[4]};color:${me.colors.neutral.ink.light};`,io=g.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--piugtf"})`font-family:${me.text.error.fontFamily};font-size:${me.text.error.fontSize};font-weight:${me.text.error.fontWeight};line-height:${me.text.error.lineHeight};color:${me.text.error.color};`,ro=g.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--2wdtq1"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,ao=g(ro).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1an42ms"})`border:2px solid ${me.colors.neutral.grey.dark};border-radius:${me.radius.md};padding:${me.sizes.base} 0.75rem;&:hover{border-color:${me.colors.secondary.blue.base};}`,lo=g($n).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ifrill"})`display:block;&-hoverable{display:block;}`,so=({id:t,className:n,label:o,hint:i,tooltip:r,error:a,bordered:l,Badge:s,Accessory:d,Footer:c,children:u,disabled:m=!1,labelVariant:p="body",inputPosition:g="left"})=>{const h={hint:(b=n)?"choice__hint":void 0,label:b?"choice__label":void 0,tooltip:b?"choice__tooltip":void 0,error:b?"choice__error":void 0};var b;const f=e.createElement(Qn,null,"left"===g&&e.createElement(eo,{align:d?"center":"top"},u),d&&e.createElement(to,null,d),o||i||a||s||c?e.createElement(no,null,e.createElement(qt,{direction:"horizontal",alignY:"center",spacing:"sm"},s,o&&e.createElement(be,{variant:p,className:h.label},o),r&&e.createElement(lo,{text:r,className:h.tooltip},e.createElement(Gt,{name:"help",width:me.sizes.base,color:me.colors.neutral.ink.lightest}))),i&&e.createElement(oo,{className:h.hint},i),a&&e.createElement(io,{className:h.error},a),c):null,"right"===g&&e.createElement(eo,{align:d?"center":"top"},u));return l?e.createElement(ao,{disabled:m,htmlFor:t,className:n},f):e.createElement(ro,{disabled:m,htmlFor:t,className:n},f)},{colors:co,sizes:uo,radius:mo}=me,po=g.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${co.neutral.ink.lightest};border-radius:${mo.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${co.secondary.blue.base};border-color:${co.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${uo[4]};background-position:center;}&:hover{border-color:${co.secondary.blue.base};}&:active{border-color:${co.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${co.secondary.blue.light};outline:0;}&:indeterminate{background-color:${co.secondary.blue.base};border-color:${co.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${uo[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${co.neutral.grey.base};border-color:${co.neutral.grey.base};color:${co.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`,go=t=>{var{checked:n,indeterminate:r,value:s,name:d,disabled:c,ariaLabel:u,className:m,onChange:p}=t,g=Ie(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=i((()=>ze("checkbox")),[]),b=a(null),f=l((e=>{p(e.currentTarget.checked,s)}),[p,s]);return o((()=>{b.current&&(b.current.indeterminate=!0===r)}),[r]),e.createElement(so,Object.assign({id:h,disabled:c,className:m},g),e.createElement(po,{ref:b,id:h,type:"checkbox",checked:n,value:s,name:d,disabled:c,"aria-label":u,onChange:f}))},ho=g.input.withConfig({displayName:"vui--Input",componentId:"vui--1e1oks4"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`,bo=r(((t,n)=>{var{checked:o,value:i,name:r,disabled:a,onChange:s,id:d,children:c}=t,u=Ie(t,["checked","value","name","disabled","onChange","id","children"]);const m=l((e=>{s(e.currentTarget.checked,i)}),[s,i]),p=null!=d?d:ze("radio");return e.createElement(so,Object.assign({id:p,disabled:a},u),e.createElement(ho,{id:p,type:"radio",checked:o,value:i,name:r,disabled:a,onChange:m,ref:n}),c)})),fo=g.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,vo=g.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${me.text.inputLabel.fontFamily};font-size:${me.text.inputLabel.fontSize};font-style:${me.text.inputLabel.fontStyle};font-weight:${me.text.inputLabel.fontWeight};line-height:${me.text.inputLabel.lineHeight};text-decoration:${me.text.inputLabel.textDecoration};color:${me.text.inputLabel.color};`;class yo extends s{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let i=[];i=t?[...n,e]:n.filter((t=>t!==e)),o(i)}}render(){const{allowMultiple:t,options:n,selected:o,title:i,disabled:r,bordered:a}=this.props,l=t?go:bo;return e.createElement(fo,{disabled:r},i&&e.createElement(vo,null,i),n.map((t=>e.createElement(l,Object.assign({key:t.value,bordered:a,checked:o.includes(t.value),onChange:e=>this.handleChange(t.value,e)},t)))))}}const xo=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"})),wo={width:de.base,height:de.base},Eo=g(it).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${de.base};width:${de.base};top:unset;}`,Co=({className:t,text:n,onCopy:o})=>{const[i,r]=e.useState(!1),a=l((()=>{navigator.clipboard.writeText(n),o&&o(),r(!0),setTimeout((()=>r(!1)),2500)}),[o,n]);return e.createElement($n,{text:i?"Copied!":"Copy to clipboard"},e.createElement(Eo,{variant:"flat",size:"sm",className:t,"aria-label":`${i?"Copied":"Copy"} "${n}" to clipboard`,icon:i?e.createElement(Jt,Object.assign({color:ne.secondary.green.base},wo)):e.createElement(xo,Object.assign({color:ne.secondary.blue.base},wo)),onClick:a}))},$o=g.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${me.text.inputLabel.fontFamily};font-size:${me.text.inputLabel.fontSize};font-weight:${me.text.inputLabel.fontWeight};line-height:${me.text.inputLabel.lineHeight};color:${me.text.inputLabel.color};`,ko=g.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${me.fontFamily};font-size:${me.sizes[3]};line-height:${me.sizes[4]};color:${me.colors.neutral.ink.light};`,So=g.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${me.text.error.fontFamily};font-size:${me.text.error.fontSize};font-weight:${me.text.error.fontWeight};line-height:${me.text.error.lineHeight};color:${me.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${me.sizes[2]} * -1);width:2px;background-color:${me.colors.secondary.red.base};}`,No=g(qt).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,Lo=g($n).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:flex;}`,Io=t=>n=>{var{label:o,hint:i,error:r,tooltip:a}=n,l=Ie(n,["label","hint","error","tooltip"]);const s=Wt({id:null==l?void 0:l.id,prefix:t.name});return o?e.createElement(No,{spacing:"sm",alignX:"stretch"},e.createElement("div",{style:{marginBottom:me.sizes.xs}},e.createElement(qt,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement($o,{id:`${s}-label`,htmlFor:s},o),a&&e.createElement(Lo,{text:a},e.createElement(Gt,{width:me.sizes.base,height:me.sizes.base,color:me.colors.neutral.ink.light}))),i&&e.createElement(ko,null,i)),e.createElement(t,Object.assign({id:s,hasError:!!r},l)),r&&e.createElement(So,null,r)):e.createElement(t,Object.assign({hasError:!!r},l))},zo=t=>n=>(o((()=>{console.warn(`${t.name} is deprecated.`)}),[]),e.createElement(t,Object.assign({},n))),Do=g(R).withConfig({displayName:"vui--DateRangeGroup",componentId:"vui--hv19xg"})`${Pt(me.text.body)} display:flex;align-items:center;border:1px solid ${me.colors.neutral.ink.lightest};border-radius:${me.radius.base};gap:${me.sizes.xs};padding:${me.sizes.sm};margin-top:${me.sizes.sm};&[data-focus-within]{box-shadow:0 0 0 4px ${me.colors.secondary.blue.light};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${me.colors.secondary.red.light};border:1px solid ${me.colors.secondary.red.base};}${({$hasError:e})=>!!e&&`\n box-shadow: 0 0 0 4px ${me.colors.secondary.red.light};\n border: 1px solid ${me.colors.secondary.red.base};\n `} *[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${me.colors.neutral.ink.lightest};}&[data-disabled]{cursor:not-allowed;background-color:${me.colors.neutral.grey.light};.react-aria-DateInput .react-aria-DateSegment,.date-range-input-splitter{cursor:not-allowed;color:${me.colors.neutral.ink.light};}}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${me.radius.base};&[data-invalid]{color:${me.colors.secondary.red.base};}&[data-focused]{color:white;background-color:${me.colors.secondary.blue.dark};&[data-invalid]{background-color:${me.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${me.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`,Fo=Io((({id:t,className:n,style:o,shouldForceLeadingZeros:i=!0,hasError:r,minValue:a,maxvalue:l,startValue:s,endValue:d,isDisabled:c,isReadOnly:u,"aria-label":m,"aria-describedby":p,"aria-labelledby":g,onChangeStartDate:h,onChangeEndDate:b})=>e.createElement(Do,{style:o,className:n,"aria-label":m,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,$hasError:r,isDisabled:c},e.createElement(O,{shouldForceLeadingZeros:i,onChange:h,value:s,minValue:a,maxValue:l,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,"aria-label":"start date",isDisabled:c,isReadOnly:u},e.createElement(A,{slot:"start"},(t=>e.createElement(B,{segment:t})))),e.createElement("span",{className:"date-range-input-splitter","aria-hidden":"true"},"-"),e.createElement(O,{shouldForceLeadingZeros:i,onChange:b,value:d,minValue:a,maxValue:l,"aria-describedby":p,"aria-labelledby":null!=g?g:`${t}-label`,"aria-label":"end date",isDisabled:c,isReadOnly:u},e.createElement(A,{slot:"end"},(t=>e.createElement(B,{segment:t}))))))),To=g.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,Mo=Io(r(((t,n)=>{var{className:o,options:i,value:r,onChange:a,size:s,disabled:d,hasError:c}=t,u=Ie(t,["className","options","value","onChange","size","disabled","hasError"]);const m=l((e=>{a&&a(e.currentTarget.value)}),[a]);return e.createElement(To,Object.assign({className:o,sizeVariant:s,value:null!=r?r:void 0,onChange:m,disabled:d,hasError:c,ref:n},u),!!i&&i.map((t=>e.createElement("option",{key:t.label,value:t.value,disabled:t.disabled,hidden:t.hidden},t.label))))})));Mo.displayName="Select";const Ro=g.span.withConfig({displayName:"vui--Slider",componentId:"vui--x03mdi"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?me.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,Oo=g.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`width:100%;height:100%;border-radius:${me.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${Ro}{box-shadow:0 0 0 4px ${me.colors.brand.blue.light};}&:checked + ${Ro}{background-color:#0079d1;}&:disabled + ${Ro}{background-color:${me.colors.neutral.grey.base};}&:checked:disabled + ${Ro}{background-color:${me.colors.secondary.blue.light};}`,Ao=g.span.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${Ro}:after{height:${({small:e})=>e?"22px":"28px"};width:${({small:e})=>e?"22px":"28px"};left:${({small:e})=>e?"3px":"4px"};bottom:${({small:e})=>e?"3px":"4px"};}${Oo}:checked + ${Ro}{&:after,svg{-webkit-transform:translateX(${({small:e})=>e?"28px":"36px"});-ms-transform:translateX(${({small:e})=>e?"28px":"36px"});transform:translateX(${({small:e})=>e?"28px":"36px"});}}`,Bo=g(Q).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`display:inline-block;user-select:none;`,jo=r(((t,n)=>{var{id:o="testid",className:i,name:r,switched:a,small:l,onClick:s=(()=>{}),disabled:d,ariaLabel:c,inputPosition:u="right"}=t,m=Ie(t,["id","className","name","switched","small","onClick","disabled","ariaLabel","inputPosition"]);return e.createElement(so,Object.assign({id:o,inputPosition:u},m),e.createElement(Bo,{className:i,disabled:d},e.createElement(Ao,{small:l,disabled:d,className:i},e.createElement(Oo,{id:o,role:"switch",type:"checkbox",name:r,"aria-label":c,checked:!!a,onChange:e=>d?void 0:s(e),disabled:d,ref:n}),e.createElement(Ro,{switched:a,disabled:d}))))})),Ho=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}],Wo=({options:n=Ho,selectedPreviousPeriod:i,setSelectedPreviousPeriod:r})=>{const[a,l]=t(!!i);return o((()=>{i||null==r||r(n[0])}),[i,r,n]),e.createElement(e.Fragment,null,e.createElement(be,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:me.sizes.sm,whiteSpace:"nowrap"}},e.createElement(jo,{small:!0,switched:a,onClick:()=>{a&&(null==r||r(null)),l(!a)}}),"Compare previous period"),a&&e.createElement(Mo,{"aria-label":"Period to compare against",options:n,value:(null==i?void 0:i.value)||n[0].value,onChange:e=>{const t=n.find((({value:t})=>t===e));t&&(null==r||r(t))}}))};var Po;!function(e){e.TODAY="TODAY",e.YESTERDAY="YESTERDAY",e.LAST_7_DAYS="LAST_7_DAYS",e.LAST_30_DAYS="LAST_30_DAYS",e.LAST_90_DAYS="LAST_90_DAYS",e.LAST_MONTH="LAST_MONTH",e.LAST_12_MONTHS="LAST_12_MONTHS",e.WEEK_TO_DATE="WEEK_TO_DATE",e.MONTH_TO_DATE="MONTH_TO_DATE",e.YEAR_TO_DATE="YEAR_TO_DATE"}(Po||(Po={}));const Vo=e=>{const t=P(V());let n;switch(e){case Po.TODAY:n={start:t,end:t};break;case Po.YESTERDAY:n={start:t.subtract({days:1}),end:t.subtract({days:1})};break;case Po.LAST_7_DAYS:n={start:t.subtract({days:7}),end:t};break;case Po.LAST_30_DAYS:n={start:t.subtract({days:30}),end:t};break;case Po.LAST_90_DAYS:n={start:t.subtract({days:90}),end:t};break;case Po.LAST_MONTH:{const e=Z(t.subtract({months:1}));n={start:e,end:q(e)};break}case Po.LAST_12_MONTHS:{const e=Z(t.subtract({months:1}));n={start:Z(e).subtract({months:12}),end:q(e)};break}case Po.WEEK_TO_DATE:n={start:Y(t,navigator.language),end:t};break;case Po.MONTH_TO_DATE:n={start:Z(t),end:t};break;case Po.YEAR_TO_DATE:n={start:_(t),end:t};break;default:return null}return(e=>{const{start:t,end:n}=e;return{start:new X(t.year,t.month,t.day),end:new X(n.year,n.month,n.day)}})(n)},_o=[{label:"Custom",value:"CUSTOM",disabled:!0},{label:"Today",value:Po.TODAY},{label:"Yesterday",value:Po.YESTERDAY},{label:"Last 7 Days",value:Po.LAST_7_DAYS},{label:"Last 30 Days",value:Po.LAST_30_DAYS},{label:"Last 90 Days",value:Po.LAST_90_DAYS},{label:"Last Month",value:Po.LAST_MONTH},{label:"Last 12 Months",value:Po.LAST_12_MONTHS},{label:"Week to Date",value:Po.WEEK_TO_DATE},{label:"Month to Date",value:Po.MONTH_TO_DATE},{label:"Year to Date",value:Po.YEAR_TO_DATE}],Zo=Po.LAST_30_DAYS,Yo=Vo(Zo),qo=_o.find((({value:e})=>e===Zo)),Xo=({disabledRanges:e,selectedRange:t})=>{if(!t||!e||0===e.length)return!1;const{start:n,end:o}=t,[i,r]=[n,o].sort();return e.some((([e,t])=>i>=e&&i<=t||r>=e&&r<=t||i<=e&&r>=t))},Ko=g.div.withConfig({displayName:"vui--Divider",componentId:"vui--ssvmxc"})`margin:0 -${me.sizes.base};border-top:1px solid ${me.colors.neutral.grey.base};`,Go=t=>{var{className:n,style:r,isDisabled:a,isMultiMonth:s=!1,showDatePresets:d=!0,onReset:c,disabledRanges:u,selectedPreset:m,setSelectedPreset:p,selectedRange:g,setSelectedRange:h,"aria-describedby":b,"aria-label":f}=t,v=Ie(t,["className","style","isDisabled","isMultiMonth","showDatePresets","onReset","disabledRanges","selectedPreset","setSelectedPreset","selectedRange","setSelectedRange","aria-describedby","aria-label"]);const y=l((e=>t=>{const n={start:"start"===e?t:null==g?void 0:g.start,end:"end"===e?t:null==g?void 0:g.end};h(n)}),[null==g?void 0:g.end,null==g?void 0:g.start,h]),x=i((()=>Xo({disabledRanges:u,selectedRange:g})),[u,g]),w=i((()=>g?(e=>_o.reduce(((t,n)=>{if(n.hidden||t)return t;const o=Vo(n.value);if(!o)return t;const{start:i,end:r}=o;return 0===e.start.compare(i)&&0===e.end.compare(r)?n:t}),void 0))(g):null),[g]);return o((()=>{p(w||_o[0])}),[w,p]),e.createElement(qt,{direction:"vertical",alignX:"stretch",spacing:"0",style:Object.assign({gap:me.sizes.base},r),className:n,"aria-describedby":b,"aria-label":f},d&&e.createElement(Mo,{disabled:a,label:"Date Range",options:_o,value:null==m?void 0:m.value,onChange:e=>{h(Vo(Po[e])),p(_o.find((({value:t})=>t===e))||_o[0])}}),e.createElement(Fo,{isDisabled:a,label:"Start date - End date",onChangeStartDate:y("start"),onChangeEndDate:y("end"),startValue:g&&g.start,endValue:g&&g.end,error:x?"Range contains invalid dates":void 0}),v.showPreviousPeriod&&e.createElement(Wo,Object.assign({},v)),e.createElement(Ko,null),e.createElement(qt,{alignX:"center"},e.createElement(Un,{"aria-label":"Selected Date Range",isDisabled:a,isMultiMonth:s,value:g,onChange:h,disabledRanges:u})),!!c&&e.createElement(e.Fragment,null,e.createElement(Ko,null),e.createElement(yt.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},e.createElement(it,{variant:"default",size:"sm",onClick:c,disabled:a},"Reset"))))};function Uo(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function Jo(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${Jo(e.min,"max-content")}, ${Jo(e.max)})`;default:return t||"1fr"}}function Qo({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:i,stripingMode:r}){const a=e.map(((e,t)=>`\n th:nth-child(${t+1}),\n td:nth-child(${t+1}) {\n position: sticky;\n left: ${n?function(e,t){return e.slice(0,t-1).reduce(((e,t)=>e+t),0)}(n,t+1):0}px;\n z-index: 2;\n }\n `)),l=t.map(((e,t)=>`\n th:nth-last-child(${t+1}),\n td:nth-last-child(${t+1}) {\n position: sticky;\n right: ${n?function(e,t){return e.slice(t).reduce(((e,t)=>e+t),0)}(n,n.length-t):0}px;\n }\n `)),s="start"!==o&&"none"!==o,d=`\n th:nth-child(${e.length})::after,\n td:nth-child(${e.length})::after {\n position: absolute;\n transform: translate(100%);\n top: 0;\n right: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${s?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,c="end"!==o&&"none"!==o,u=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${c?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,m=`\n tr:nth-child(odd) > td {\n background-color: ${me.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${me.colors.neutral.grey.base};\n }\n `,p=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${me.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${me.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${i.map((e=>Jo(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?a:""}\n ${t.length>0?l:""}\n\n ${d}\n ${u}\n\n ${"nested"===r?p:m}\n `}var ei;!function(e){e.ascending="ascending",e.descending="descending"}(ei||(ei={}));const ti=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),ni=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),oi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),ii=({sortState:t,columnId:n,size:o})=>t&&t.columnId===n?t.direction===ei.ascending?e.createElement(ni,{color:me.colors.neutral.ink.dark,size:o}):e.createElement(oi,{color:me.colors.neutral.ink.dark,size:o}):e.createElement(ti,{size:o});function ri(e,n){const[i,r]=t([]),a=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));r(n)};return o((()=>{a()}),[e.current]),o((()=>{if(!n.current)return;const e=K(a,50),t=new v(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),i}class ai extends Event{constructor(e,t){super(e,{bubbles:!0,cancelable:!0}),this.data=t}}const li=({tableRef:e,columns:n,columnIds:i})=>{const r=e=>e.reduce(((e,t)=>(e[t.id]=t.width,e)),{}),[a,l]=t(r(n));return o((()=>{const e=r(n),t=Object.assign({},a);Object.keys(e).forEach((n=>{void 0===typeof a[n]&&(t[n]=e[n])})),l(t)}),[JSON.stringify(i)]),{setColumnWidth:({columnId:t,width:o})=>{const i=Object.assign({},a);n.forEach(((r,l)=>{const s=l===n.length-1,d=r.id===t?o:((t,n)=>{var o,i,r;return n?a[t.id]||t.width:a[t.id]||t.width||(null===(r=null===(i=null===(o=e.current)||void 0===o?void 0:o.querySelector(`th[data-columnid="${t.id}"]`))||void 0===i?void 0:i.getBoundingClientRect())||void 0===r?void 0:r.width)||void 0})(r,s);i[r.id]=d})),l(i),((e,t)=>{const n=new ai(e,t);document.dispatchEvent(n)})("columnWidthUpdated",{tableRef:e,columnWidths:i})},columnWidths:a}};function si(e,t){const{columnWidths:n,setColumnWidth:o}=li({tableRef:t,columns:e,columnIds:e.map((({id:e})=>e))}),i=e.map((e=>Object.assign(Object.assign({},e),{width:n[e.id]||e.width}))).filter((e=>!0!==e.hidden)),r=i.filter((e=>"left"===e.pinned)),a=i.filter((e=>"right"===e.pinned)),l=i.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...r,...l,...a],pinnedLeft:r,pinnedRight:a,setColumnWidth:o}}function di(e){o((()=>{if(!e.current)return;let t=!1;const n=e.current,o={left:0,x:0},i=e=>{if(!n)return;const i=e.clientX-o.x;n.scrollLeft=o.left-i,t||(n.style.cursor="grabbing",n.style.userSelect="none"),t=!0},r=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},a=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",i),document.addEventListener("mouseup",r))};return n.addEventListener("mousedown",a),()=>null==n?void 0:n.removeEventListener("mousedown",a)}),[e.current])}function ci(){const[e,n]=t([]);return{nestedTableProps:{expandedRowIds:e,setExpanded:(t,o)=>{if(o)if(t){if(e.includes(o))return;const t=[...e,o];n(t)}else{const t=e.findIndex((e=>e===o));if(t<0)return;const i=[...e];i.splice(t,1),n(i)}}}}}function ui(e){const[n,i]=t("start"),r=()=>{if(!e.current)return;const{width:t}=e.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=e.current;i(o<t?"none":0!==n?n+t>=o?"end":"middle":"start")};return o((()=>{if(e.current)return e.current.addEventListener("scroll",r),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",r)}}),[e.current]),o((()=>{if(!e.current)return;const t=K(r,50),n=new v(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:n,containerRef:e}}const mi="56px",pi=g.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${mi};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>Uo(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=3})=>me.sizes[e]};padding-right:${({spacing:e=3})=>me.sizes[e]};border-bottom:1px solid ${me.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function gi(t){var{selected:n,indeterminate:o,onChange:i,selectionMode:r}=t,a=Ie(t,["selected","indeterminate","onChange","selectionMode"]);return"single"===r?e.createElement(pi,Object.assign({},a)):e.createElement(pi,Object.assign({},a),e.createElement(go,{checked:n,indeterminate:o,onChange:i}))}const hi=g.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>Uo(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>me.sizes[e]};padding-right:${({spacing:e=3})=>me.sizes[e]};color:${me.text.bodySmall.color};font-family:${me.text.bodySmall.fontFamily};font-size:${me.text.bodySmall.fontSize};font-style:${me.text.bodySmall.fontStyle};font-weight:${me.text.bodySmall.fontWeight};line-height:${me.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${me.colors.secondary.blue.base};background-color:${me.colors.neutral.grey.lightest};}`;function bi(t){var{selected:n,rowId:o,onChange:i,selectionMode:r,disabled:a}=t,l=Ie(t,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===r?e.createElement(hi,Object.assign({},l),e.createElement(bo,{value:o,checked:n,disabled:a,onChange:i})):e.createElement(hi,Object.assign({},l),e.createElement(go,{value:o,checked:n,disabled:a,onChange:i}))}const fi=[[],()=>{}];function vi({selectionMode:t="multiple",selectionState:n,enabledRowIds:o}){const i=!!n,[r,a]=n||fi,l=()=>{r.length!==o.length?a(o):a([])};return{selectionEnabled:i,selectedRowIds:r,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,i)=>e.createElement(gi,Object.assign({},i,{selected:r.length===o.length,indeterminate:r.length>0&&r.length<o.length,onChange:l,selectionMode:t})),renderCell:(n,o,i,r)=>e.createElement(bi,Object.assign({},o,{rowId:n.id,selected:r.selected,onChange:i.setSelected,selectionMode:t,disabled:r.disabled}))},setSelected:(e,n)=>{if(null!=n)if(e&&"single"===t)a([n]);else if(e){if(r.includes(n))return;const e=[...r,n];a(e)}else{const e=r.findIndex((e=>e===n));if(e<0)return;const t=[...r];t.splice(e,1),a(t)}}}}const yi=g.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${me.colors.neutral.ink.lightest};`,xi=g.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${me.text.headingTable.color};font-family:${me.text.headingTable.fontFamily};font-size:${me.text.headingTable.fontSize};font-style:${me.text.headingTable.fontStyle};font-weight:${me.text.headingTable.fontWeight};line-height:${me.text.headingTable.lineHeight};`,wi=g(xi).attrs((()=>({as:"button",type:"button"}))).withConfig({displayName:"vui--ClickableHeaderContent",componentId:"vui--xbox8h"})`appearance:none;padding:0;border:0;border-radius:4px;background-color:transparent;&:not(:disabled):hover{cursor:pointer;}&:hover ${yi}{background-color:${me.colors.neutral.grey.light};color:${me.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${me.colors.secondary.blue.light};}`,Ei=g.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--115ilx"})`position:absolute;right:0;top:37.5%;width:1px;background:${me.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`,Ci=({columnId:t,setColumnWidth:n})=>{const o=d(),i=e=>{const{minTranslate:t,dragDivider:n,dragInitX:o}=window.tableHeaders,i=Math.max(e.clientX-(o||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${i}px)`},r=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:o}=n,i=null==o?void 0:o.getBoundingClientRect().width,r=o.querySelector(".headerContent").getBoundingClientRect().width,a=(e.clientX||0)-(t||0);return Math.max((i||0)+a,r+24)},a=e=>{window.removeEventListener("mouseup",a),window.removeEventListener("dragend",a),window.removeEventListener("mousemove",i),window.removeEventListener("drag",i),null==n||n({columnId:t,width:r({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},l=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:o.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",a),window.addEventListener("dragend",a),window.addEventListener("mousemove",i),window.addEventListener("drag",i))};return e.createElement(Ei,{ref:o,className:"th-divider",onMouseDown:l,onDragStart:l})};function $i({column:t,sortState:n,onChangeSort:o,resizeableColumns:i,setColumnWidth:r,columnCount:a=1,columnI:l=0}){if(t.sortable&&!n)throw new Error(`Column '${t.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(t.hidden)return null;const s={key:t.id.toString(),id:`datatable-header-${t.id}`,"data-columnid":String(t.id),role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,s);const d=t.sortable?wi:xi,c=t.sortable?{onClick:()=>{if(!n)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const e=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===ei.ascending;let i=ei.ascending;return n&&o&&(i=ei.descending),{columnId:t,direction:i}}({sortState:n,columnId:t.id});o?o(e):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return e.createElement(pi,Object.assign({},s,{zIndex:3}),e.createElement($n,{text:t.tooltip},e.createElement(d,Object.assign({},c,{className:"headerContent"}),t.icon&&t.icon,t.title&&e.createElement("span",null,t.title),t.sortable&&e.createElement(yi,null,e.createElement(ii,{sortState:n,columnId:t.id,size:5})))),i&&l<a-1&&e.createElement(Ci,{columnId:t.id,setColumnWidth:r}))}const ki=me.colors.neutral.grey.base,Si=me.colors.neutral.grey.dark,Ni=g.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${me.radius.base};background:${ki};background-image:linear-gradient(\n to right,\n ${ki} 0%,\n ${Si} 20%,\n ${ki} 40%,\n ${ki} 100%\n );background-repeat:no-repeat;background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-468px 0;}100%{background-position:468px 0;}}`;const Li=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1feqxrw"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${mi};background-color:white;`,Ii=g.div.withConfig({displayName:"vui--Content",componentId:"vui--dbz7t3"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${me.colors.neutral.grey.base};& > *{flex:1;}`;function zi({selectionColumn:n,intersectionTargetRef:i,containerRef:r,children:a}){var l;const[s,d]=t(!1);o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{d(!e.isIntersecting)}))}));return e.observe(i.current),()=>e.disconnect()}),[i.current]);const c=null===(l=r.current)||void 0===l?void 0:l.getBoundingClientRect(),u={position:"fixed",top:0,left:null==c?void 0:c.left,width:null==c?void 0:c.width},m=s?u:{position:"absolute",top:0,left:0,right:0};return e.createElement(Li,{style:m},$i({column:n}),e.createElement(Ii,null,a))}const Di=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"})),Fi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"})),Ti=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Mi=g.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${me.sizes.lg};padding-bottom:${me.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${me.sizes.md};`,Ri=g.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${me.sizes.md};background-color:${me.colors.neutral.grey.light};border-radius:${me.radius.full};`,Oi=g.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Ai=g.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${me.colors.brand.blue.lightest};\n }\n `};${({accentColor:e})=>e&&`\n &> *:first-child {\n position: relative;\n }\n\n & > *:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: ${e};\n }\n `}`,Bi=g.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,ji=g.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${me.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Hi=g.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Wi={full:`border-width: 1px; border-radius: ${me.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},Pi=g.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${me.colors.neutral.grey.dark};${({borderMode:e="full"})=>Wi[e]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;function Vi({children:n,intersectionTargetRef:i,containerRef:r,cellWidths:l,tableCss:s}){const d=a(null),[c,u]=t(!1),[m,p]=t({top:0,left:0,width:0,height:0}),g=()=>{var e;const t=null===(e=r.current)||void 0===e?void 0:e.getBoundingClientRect(),n={left:(null==t?void 0:t.left)||0,width:(null==t?void 0:t.width)||0,top:0,height:48};p(n)},h=()=>{var e;if(!r.current)return;const t=r.current.scrollLeft;null===(e=d.current)||void 0===e||e.scrollTo(t,0)};if(o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}),{threshold:1});return e.observe(i.current),()=>e.disconnect()}),[i.current]),o((()=>{c&&r.current&&g()}),[r.current,c]),o((()=>{if(!c)return;if(!r.current)return;const e=K(g,33),t=new v(e);return t.observe(r.current),()=>t.disconnect()}),[r.current,c]),o((()=>{h()}),[c]),o((()=>{var e;return null===(e=r.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=r.current)||void 0===e||e.removeEventListener("scroll",h)}}),[r.current]),!c)return null;const b=Object.assign(Object.assign({},m),{height:mi,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${me.colors.neutral.grey.base}`}),f=s+l.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return e.createElement("div",{style:b,ref:d},e.createElement(ji,{css:f},e.createElement("thead",null,n)))}const _i=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:o})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==o?void 0:o.includes(e))||!1}),Zi={icon:e.createElement(Ut,{width:48,height:48}),heading:"No results"},Yi=()=>{},qi=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:i=Zi,expandedRowIds:r,loading:l,loadingRowCount:s,onChangeSort:d,rows:c,disabledRowIds:u,selectionMode:m,selectionState:p,setExpanded:g,sortState:h,stripingMode:b,enableStickyHeader:f,resizeableColumns:v})=>{const y=a(null),x=a(null),w=a(null);di(y);const E=c.map((e=>e.id)).filter((e=>!(null==u?void 0:u.includes(e)))),{selectionEnabled:C,selectedRowIds:$,selectionColumn:k,setSelected:S}=vi({selectionMode:m,selectionState:p,enabledRowIds:E}),N={setSelected:S||Yi,setExpanded:g||Yi},L=[k,...o],I=C?L:o,z=ri(x,y),{visible:D,pinnedLeft:F,pinnedRight:T,setColumnWidth:M}=si(I,x),R=z.length===D.length?D.map(((e,t)=>Number.isNaN(e.width||"")?z[t]:e.width)):z,{scrollPosition:O}=ui(y),A=Qo({pinnedLeft:F,pinnedRight:T,cellWidths:R,scrollPosition:O,visible:D,stripingMode:b});if(l){const t=new Array(s).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(Pi,{borderMode:n},e.createElement(Bi,{ref:y},e.createElement(ji,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Ai,{role:"row"},D.map(((e,t)=>$i({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t}))))),e.createElement("tbody",{role:"rowgroup"},t.map((t=>e.createElement(Ai,{key:t.id},D.map((n=>function(t,n){if(!0===n.hidden)return null;const o={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return e.createElement(hi,Object.assign({},o),e.createElement(Ni,null))}(t,n))))))))))}if(0===c.length)return e.createElement(Pi,{borderMode:n},e.createElement(Bi,{ref:y},e.createElement(ji,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Ai,{role:"row"},D.map(((e,t)=>$i({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(Mi,{columnCount:D.length},e.createElement(Ri,null,i.icon),e.createElement(qt,{spacing:"sm",alignX:"center"},e.createElement(be,{variant:"headingMedium"},i.heading),i.subheading&&e.createElement(be,{variant:"subheadingMedium"},i.subheading)))))));const B=t=>{const{e2eClassName:n="",accentColor:o}=t,i=_i(t.id,{selectedRowIds:$,expandedRowIds:r,disabledRowIds:u});return e.createElement(Ai,Object.assign({role:"row",key:t.id,accentColor:o,className:n},i),D.map((e=>function(e,t,n,o){if(t.hidden)return null;const i={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,i,n,o)}(t,e,N,i))))},j=(t,n)=>{var o,i;const a=null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row,l=_i(n,{selectedRowIds:$,expandedRowIds:r,disabledRowIds:u});return e.createElement(Ai,{role:"row",key:t.id,className:a},D.map((n=>function(t,n,o){if(n.hidden)return null;const i={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return n.renderNestedCell?n.renderNestedCell(t,i,o):e.createElement(hi,Object.assign({},i))}(t,n,l))))},H=t=>{var n;const o=null==r?void 0:r.includes(t.id);return e.createElement("tbody",{role:"rowgroup",key:t.id},B(t),o&&(null===(n=t.nestedRows)||void 0===n?void 0:n.map((e=>j(e,t.id)))))},W=e.createElement(Ai,{role:"row"},D.map(((e,t)=>$i({column:e,sortState:h,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:D.length,columnI:t})))),P=o.some((e=>!!e.renderFooter)),V=$.length>0&&!!t;return e.createElement(Pi,{borderMode:n},V&&e.createElement(zi,{selectionColumn:k,intersectionTargetRef:w,containerRef:y},t),e.createElement(Bi,{ref:y},f&&e.createElement(Vi,{tableCss:A,intersectionTargetRef:w,containerRef:y,cellWidths:R},W),e.createElement("div",{ref:w,style:{height:0}}),e.createElement(ji,{css:A,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},W),(()=>{const t=!!r;return t&&"nested"===b?c.map(H):t?e.createElement("tbody",{role:"rowgroup"},c.map((e=>{var t;return[B(e),...(null==r?void 0:r.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>j(t,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},c.map(B))})(),P&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(Ai,{role:"row"},D.map((t=>function({column:t}){if(t.hidden)return null;const n={key:t.id,role:"cell",align:t.align,spacing:t.spacing};return t.renderFooter?t.renderFooter(t,n):e.createElement(hi,Object.assign({},n))}({column:t}))))))))};qi.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},qi.Cell=hi,qi.ColumnMenu=function({columns:n,columnGroups:o,setColumns:i}){const[r,a]=t(null),[l,s]=t(!1),d=n.map((e=>[e.id,e])),c=Object.fromEntries(d),u=o.map((e=>e.map((e=>c[e])))),m=(e,t)=>{const o=u[e].map((e=>e.id)),r=[...n];o.forEach((e=>{const n=r.findIndex((t=>t.id===e));n<0||(r[n]=Object.assign(Object.assign({},r[n]),{hidden:t}))})),i(r)};return e.createElement(e.Fragment,null,e.createElement(it,{ref:a,dropdown:!0,onClick:()=>s(!0)},"Columns"),l&&e.createElement(We,{anchorElement:r,onShouldClose:()=>s(!1)},e.createElement(yt,{style:{width:600}},e.createElement(qt,{alignX:"stretch",spacing:"sm"},u.map(((t,n)=>e.createElement(qt,{key:t[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},e.createElement(it,{variant:"flat",icon:e.createElement(Ti,null)}),e.createElement(qt,{spacing:"sm",style:{flex:1}},t.map((t=>e.createElement("div",{key:t.id},t.title)))),e.createElement(qt,{direction:"horizontal",spacing:"sm"},t[0].hidden?e.createElement(it,{variant:"flat",icon:e.createElement(Fi,null),onClick:()=>m(n,!1),style:{color:me.colors.neutral.ink.lightest}}):e.createElement(it,{variant:"flat",icon:e.createElement(Di,null),onClick:()=>m(n,!0)})))))))))},qi.SelectionCell=bi,qi.SelectionHeader=gi,qi.Header=pi,qi.Truncate=Hi,qi.NoWrap=Oi;const Xi=g.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${me.sizes.base};}`,Ki=g.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${me.sizes.xs};}`,Gi=g.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${me.sizes.base};}`,Ui=g.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${me.sizes.xs};}`,Ji=g.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${me.text.bodyBold.fontFamily};font-size:${me.text.bodyBold.fontSize};font-weight:${me.text.bodyBold.fontWeight};line-height:${me.text.bodyBold.lineHeight};color:${me.text.bodyBold.color};`,Qi=g.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${me.text.body.fontFamily};font-size:${me.text.body.fontSize};font-weight:${me.text.body.fontWeight};line-height:${me.text.body.lineHeight};color:${me.text.body.color};`,er=({items:t,horizontal:n})=>{const o=t=>Array.isArray(t)?t.map((t=>e.createElement(Qi,{key:t},t))):e.createElement(Qi,null,t);return e.createElement(Xi,null,t.map((t=>n?e.createElement(Gi,{key:t.term},e.createElement(Ji,null,t.term),e.createElement(Ui,null,o(t.description))):e.createElement(Ki,{key:t.term},e.createElement(Ji,null,t.term),o(t.description)))))},{sizes:tr,colors:nr}=me,or=g.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${tr.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${tr.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,ir=g.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${tr.md};overflow-x:hidden;background-color:${nr.neutral.grey.lightest};`,rr=({renderHeader:n,children:o})=>{const[i,r]=t(!0);return e.createElement("main",null,n((()=>r(!i)),i),e.createElement(ir,null,e.createElement(or,{showSidebar:i},o)))},ar=g.div.withConfig({displayName:"vui--InputGroup",componentId:"vui--1w0e9jz"})`display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:not(:last-child){border-right-width:0 !important;}& > *:hover{}& > *:focus,& > *:active{z-index:5;border-right-width:1px !important;}& > *:focus + *,& > *:active + *{border-left-width:0 !important;}& > *:not(:first-child):not(:last-child){border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}`;var lr;!function(e){e.base="base",e.sm="sm"}(lr||(lr={}));const sr=({hasError:e,inputSize:t})=>h`&{--outline-size:${"sm"===t?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n "}`,dr=g.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${me.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({inputSize:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} ${sr} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,cr=g.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1k04ik"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${sr}`,ur=/^-?[0-9]*\.?[0-9]+$/,mr=Io(r(((t,n)=>{var{id:o,className:i,disabled:r=!1,hasError:a,max:s,min:d,multiline:c=!1,name:u,onChange:m,pattern:p,placeholder:g,rows:h="3",size:b=lr.base,step:f,type:v="text",value:y,spellCheck:x=!1}=t,w=Ie(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const E=l((e=>{if(!m)return;const t=e.currentTarget.value;if(""===t)return void m(t);if("number"!==v)return void m(t);new RegExp(ur).test(t)&&m(t)}),[m,v]),C=null!=o?o:ze("textfield");return"text"===v&&c?e.createElement(cr,Object.assign({className:i,disabled:r,hasError:a,id:C,name:u,onChange:E,placeholder:g,rows:h,value:y,spellCheck:x,ref:n},w)):e.createElement(dr,Object.assign({className:i,disabled:r,hasError:a,id:C,inputSize:b,max:s,min:d,name:u,"aria-label":u,onChange:E,placeholder:g,step:f,type:v,value:y,spellCheck:x,ref:n},w))})));mr.displayName="TextField";const pr=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,gr=g(Q).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,hr=g(mr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${me.colors.neutral.ink.lightest};}`,br=g(it).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${me.colors.neutral.ink.lightest};`;g(be).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,g.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${me.text.error.fontFamily};font-size:${me.text.error.fontSize};font-weight:${me.text.error.fontWeight};line-height:${me.text.error.lineHeight};color:${me.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${me.sizes[2]} * -1);width:2px;background-color:${me.colors.secondary.red.base};}`,g.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${me.fontFamily};font-size:${me.sizes[3]};line-height:${me.sizes[4]};color:${me.colors.neutral.ink.light};`;const fr=(e,t)=>{t.includes(e.key)&&e.preventDefault()},vr=["-","+","E","e"],yr=e=>fr(e,vr),xr=Io((t=>{var{size:n=lr.base,handleChangeHeight:o,handleChangeWidth:i,handleChangeLength:r,className:a,height:l,width:s,length:d,unit:c}=t,u=Ie(t,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return e.createElement(pr,{className:a},e.createElement(gr,null,e.createElement(hr,Object.assign({onChange:r,size:n,name:"length",type:"number",placeholder:"L",value:d,min:"0",step:"any",onKeyDown:yr},u)),e.createElement(st,{height:me.sizes.base,width:me.sizes.base}),e.createElement(hr,Object.assign({onChange:i,size:n,name:"width",type:"number",placeholder:"W",value:s,min:"0",step:"any",onKeyDown:yr},u)),e.createElement(st,{height:me.sizes.base,width:me.sizes.base}),e.createElement(ar,null,e.createElement(hr,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:l,min:"0",step:"any",onKeyDown:yr},u)),e.createElement(br,{size:n},c))))}));xr.displayName="DimensionsInput";const wr=g(Q).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${ne.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${ne.neutral.grey.dark};border-radius:4px;svg{width:${de.base};height:${de.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${me.colors.secondary.blue.light};}`,Er=g(be).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,Cr=g(Er).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,$r=g(lt).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.$shouldShow?"180deg":"0"});width:10px;height:10px;`,kr=g(st).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Sr=g(Q).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Nr=g(Q).withConfig({displayName:"vui--Header",componentId:"vui--n9war0"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${ne.neutral.grey.base};svg{color:${({color:e})=>e};width:${de[5]};height:${de[5]};margin-right:10px;}`,Lr=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),Ir=({className:n,e2eClassName:o,label:i,text:r,iconSlot:a,fill:s=ne.secondary.blue.base,content:d,footer:c,header:u,onClickAway:m,onClick:p,shouldCloseOnClickAway:g=!0})=>{const h=Lr(n),b=Lr(o),[f,v]=t(null),[y,x]=t(null),{shouldShowDropdown:w,toggleShouldShowDropdown:E,closeDropdown:C}=Mt({anchorElement:f}),{handleKeyDown:$}=He({popperElement:y,anchorElement:f,onClose:C}),k=l((e=>{w?C():E(),m&&w&&m(e)}),[w,C,E,m]),S=l((e=>{m&&m(e,C),g&&C()}),[m,C,g]);return!d?e.createElement(wr,{className:Me([null==h?void 0:h.container,null==b?void 0:b.container]),onClick:p},i&&e.createElement(Cr,{variant:"subheadingSmallBold"},`${i}:`),e.createElement(be,null,r),e.createElement(kr,{className:Me([null==h?void 0:h.cross,null==b?void 0:b.cross]),name:"cross",size:"base",color:ne.neutral.ink.base})):e.createElement(mn,{className:h.filterTagDropdown,shouldShowDropdown:w,onClickAway:S,cta:e.createElement(wr,{className:h.container,onClick:k,ref:v},i&&e.createElement(Cr,{variant:"subheadingSmallBold"},`${i}:`),e.createElement(be,null,r),e.createElement($r,{color:ne.neutral.ink.base,name:"downArrow",$shouldShow:w}))},e.createElement(Sr,{ref:x,onKeyDown:$},e.createElement(Nr,{color:s},u||e.createElement(e.Fragment,null,a,e.createElement(be,{variant:"bodyBold"},i))),d,c))},zr=g(Q).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?de[e]:0};`,Dr=t=>e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"})),Fr=g.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,Tr=g.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,Mr=g.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,Rr=g.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,Or=e=>({container:e?`${e}-image-container`:void 0,image:e?`${e}-image`:void 0,placeholder:e?`${e}-image-placeholder`:void 0,previewImageContainer:e?`${e}-image-preview-container`:void 0}),Ar=({src:n,alt:o="",className:i,e2eClassName:r,width:a,height:s,previewWidth:d,previewHeight:c,previewPlacement:u="right",previewEnabled:m=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=Or(i),y=Or(r),[w,E]=t(!1),[C,$]=t({isLoaded:!1,isError:!1}),[k,S]=e.useState(null),[N,L]=e.useState(null),{styles:I,attributes:z}=f(k,N,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),D=l((()=>m?E(!0):{}),[m]),F=l((()=>m?E(!1):{}),[m]),T=!C.isLoaded||C.isError;return e.createElement(Fr,{className:Me([null==v?void 0:v.container,null==y?void 0:y.container,i])},e.createElement(Tr,{src:n,alt:o,className:Me([null==v?void 0:v.image,null==y?void 0:y.image]),width:a,height:s,onLoad:()=>$({isLoaded:!0,isError:!1}),onError:()=>$({isLoaded:!0,isError:!0}),previewEnabled:m,onMouseEnter:D,onMouseLeave:F,style:T?{display:"none"}:{},ref:S}),!b&&T&&(p||e.createElement(Dr,{className:Me([null==v?void 0:v.placeholder,null==y?void 0:y.placeholder]),width:g||a,height:h||s})),w&&x(e.createElement(Mr,Object.assign({ref:L,style:I.popper},z.popper,{className:Me([null==v?void 0:v.previewImageContainer,null==y?void 0:y.previewImageContainer])}),e.createElement(Rr,{src:n,alt:"",width:d,height:c})),document.body))},Br={width:64,height:64},jr={icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z",fill:"currentColor"}))),Object.assign({},Br)),title:"No data found"},Hr={icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z",fill:"currentColor"}))),Object.assign({},Br)),title:"An error occurred when creating the table",subTitle:"Please, try reloading the page once. If this doesn't solve the problem, contact support"};var Wr;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(Wr||(Wr={}));const{text:Pr,sizes:Vr}=me,{blue:_r}=me.colors.secondary,{grey:Zr}=me.colors.neutral,{scrollbar:Yr}=me.colors.system,qr='\n position: absolute;\n top: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n transition: box-shadow .3s;\n',Xr=g.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,Kr=g.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--1g4i0cu"})`width:100%;overflow-x:${e=>e.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${Zr.dark};border-bottom:1px solid ${Zr.dark};${({showScrollbar:e})=>e?`\n scrollbar-width: auto;\n\n &::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n }\n \n &::-webkit-scrollbar-track {\n background: ${Yr.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${Yr.thumb};\n border-radius: 4px; \n }\n `:""} ${({scrollDisabled:e,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:n,scrollPosition:o})=>e?"":`\n td:nth-child(${t}):after,\n th:nth-child(${t}):after {\n right: 0;\n transform: translate(100%);\n ${qr};\n\n ${o===Wr.middle||o===Wr.end?"\n box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n\n td:nth-last-child(${n}):after,\n th:nth-last-child(${n}):after {\n left: 0;\n transform: translate(-100%);\n ${qr};\n\n ${o===Wr.start||o===Wr.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,Gr=g(Kr).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${Zr.dark};border-radius:4px;`,Ur=g.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,Jr=g.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${Zr.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;g.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${Zr.lightest};padding:1.5rem 1rem;border-top:1px solid ${_r.base};}`;const Qr=g.tr.withConfig({displayName:"vui--Row",componentId:"vui--10drh9k"})`&.hidden{visibility:collapse;}${({accentColor:e})=>e&&`\n & > td:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: ${e}; \n }\n `}`,ea=g.td.withConfig({displayName:"vui--Cell",componentId:"vui--tljl4p"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${Pr.bodySmall.fontFamily};font-size:${Pr.bodySmall.fontSize};font-weight:${Pr.bodySmall.fontWeight};color:${Pr.bodySmall.color};line-height:${Vr.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,ta=g(ea).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${Zr.dark};font-family:${Pr.bodySmallBold.fontFamily};font-size:${Pr.bodySmallBold.fontSize};font-weight:${Pr.bodySmallBold.fontWeight};color:${Pr.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${Zr.light};}`,na={left:"flex-start",center:"center",right:"flex-end"},oa=g.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?na[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,ia=g.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${Jr}:nth-child(even) td {\n background-color: ${Zr.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${ta}, & ${ta} span {\n white-space: nowrap;\n }\n `}`,ra=g.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${ea}{border-top:1px solid ${Zr.dark};background-color:${Zr.lightest};padding-top:${Vr.base};padding-bottom:${Vr.base};line-height:2rem;}`,aa=g.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,la=g(ia).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,sa=g(Q).withConfig({displayName:"vui--SpecificStateContainer",componentId:"vui--991hgo"})`display:flex;flex-direction:column;justify-content:center;align-items:center;height:${e=>e.height}px;background:white;`,da=g(Q).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${me.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,ca=g(be).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,ua=g(be).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,ma=({height:t,icon:n,title:o,subTitle:i})=>e.createElement(sa,{height:t},e.createElement(da,null,n),e.createElement(ca,{variant:"headingLarge"},o),i&&e.createElement(ua,{variant:"subheadingMedium"},i)),pa=g.button.withConfig({displayName:"vui--CellButton",componentId:"vui--1w0np52"})`appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${me.sizes.base};border-radius:${me.radius.base};&:hover{cursor:pointer;background-color:${me.colors.secondary.blue.lightest};}`,ga=g(pa).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${me.text.link.color};text-decoration:${me.text.link.textDecoration};`,ha=g.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:ba}=me.colors.neutral,fa=g.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,va=g.div.withConfig({displayName:"vui--SkeletonContentComponent",componentId:"vui--dbfg3y"})`display:inline-block;color:transparent;border-radius:4px;animation-duration:${({isLoading:e=!0})=>e?"1s":0};animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right, ${ba.base} 8%, ${ba.dark} 15%, ${ba.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,ya=({isLoading:t,style:n})=>e.createElement(fa,{style:n},e.createElement(va,{isLoading:t})),xa=t=>{var{style:n}=t,o=Ie(t,["style"]);return e.createElement(ea,Object.assign({},o),e.createElement(ya,{style:n}))};xa.defaultProps={style:{}};const wa=({renderHeader:n,tableRef:i,wrapperRef:r,isFixedLayout:a,wrapperStyle:s})=>{var d;const[c,u]=t(null),{isSticky:m}=((e,n)=>{const[i,r]=t(!1),a=l((({top:e,bottom:t})=>{let o=i;o=e<=(n||0)&&t>0?!i||o:!i&&o,o!==i&&r(o)}),[i,n]);return o((()=>{const t=()=>{var t;e.current&&a(null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}}),[a,e]),{isSticky:i}})(i,parseInt("string"==typeof(null==s?void 0:s.top)?null==s?void 0:s.top:`${null==s?void 0:s.top}`,10)),p=((null===(d=r.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;G(r);const g=e=>{var t;const n=(null===(t=r.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:c&&(c.scrollLeft=n)};return g(),m?e.createElement(aa,{ref:e=>{u(e),g(e)},style:Object.assign({width:p},s)},e.createElement(la,{style:{tableLayout:a?"fixed":"auto"}},n())):null},Ea=e=>{const t=[];return e.forEach((({index:e,style:n})=>t.push(`\n > td:${void 0!==n.left?"nth-child":"nth-last-child"}(${Math.abs(e)}) {\n position: sticky;\n ${void 0!==n.left?"left":"right"}: ${void 0!==n.left?n.left:n.right}px;\n z-index: ${n.zIndex};\n }\n `))),t.join("\n\n")},Ca=t=>{var{style:n,width:o,isLoading:i}=t,r=Ie(t,["style","width","isLoading"]);return e.createElement(ta,Object.assign({},r,{style:{width:o}}),e.createElement(ya,{style:n,isLoading:i}))},$a=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),ka=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),Sa=()=>e.createElement(ti,{width:me.sizes.base,height:me.sizes.base,color:"lightgrey"}),Na=()=>e.createElement($a,{width:me.sizes.base,height:me.sizes.base,color:"lightgrey"}),La=()=>e.createElement(ka,{width:me.sizes.base,height:me.sizes.base,color:"lightgrey"}),Ia=({borderless:n=!1,striped:r=!0,noWrap:s=!1,showScrollbar:d=!1,headers:c,rows:u,renderRow:m,renderNestedRow:p,expandedRowIds:g,renderLoadingRow:h,renderFooterRow:b,renderFooterLoadingRow:f,omitFooterSelectionCell:v=!1,selectedRowIds:y,disabledSelectionInputRowIds:x,selectionMode:w="multiple",onChangeSelectedRowIds:E,sortColumnId:C,sortDirection:$,onChangeSort:k,isError:S=!1,isLoading:N=!1,skeletonRowsNumber:L=5,isHeaderSticky:I=!0,stickyHeaderStyle:z,customSpecificState:D,bodyHeightInSpecificStates:F=375,startFixedColumnsNumber:T,endFixedColumnsNumber:M})=>{const R=n?Kr:Gr,O=!!u&&0===u.length,A=Boolean(T||M),B=!T&&!M,j=a(null),H=a(null),[W,P]=t(Wr.none);o((()=>{var e;let t=null;const n=()=>{if(!H.current||B)return;const e=H.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),i=n+o;t===o?P(Wr.none):0===n?P(Wr.start):n>0&&i<t?P(Wr.middle):i===t&&P(Wr.end)};return H.current&&(t=H.current,n(),null===(e=H.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[j,B]);const V=l((e=>"string"==typeof e?(console.error("You can only use a numeric value in the 'width' property when you use fixed columns"),null):void 0===e?(console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns"),null):e),[]),_=l(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),Z=l((()=>{if(!c||N)return null;const e=[],t=[];let n=0,o=0;if(T){y&&(e.push(_(1,n,"left")),n+=58);for(let t=0;t<T;t+=1){const o=V(c[t].width);o&&(e.push(_(y?t+2:t+1,n,"left")),n+=o)}}if(M)for(let e=0;e<M;e+=1){const n=V(c.slice(-e-1)[0].width);n&&(t.push(_(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[N,V,M,_,c,T,y]),Y=i((()=>Z()),[Z]),q=l(((e,t)=>{if(!y||!E)return;if(e)return"single"===w?void E([t.id]):void E([...y,t.id]);const n=[...y],o=n.findIndex((e=>e===t.id));n.splice(o,1),E(n)}),[E,y,w]),X=l((()=>{if(!y||!E)return;if(y.length===u.length)return void E([]);const e=u.map((e=>e.id));E(e)}),[E,u,y]),K=l((e=>{if(void 0===C||void 0===k)return;let t=C,n="ascending";"ascending"===$&&(n="descending"),e!==C&&(t=e,n="ascending"),k(t,n)}),[k,C,$]),G=l(((t,n)=>{let o="",i=()=>{},r=e.createElement(Sa,null);const{tooltip:a,align:l,icon:s,title:d,sortable:c,id:u}=t;c&&(o="sortable",i=()=>K(u),C===u&&(r="ascending"===$?e.createElement(Na,null):e.createElement(La,null)));const m=e.createElement(oa,{align:l},s&&s,d&&e.createElement("span",null,d),c&&r);return e.createElement(ta,{key:u,id:`data-table-header-${u}`,className:o,onClick:i,align:t.align,grow:t.grow,style:Object.assign({width:t.width||"auto"},n)},a?e.createElement($n,{text:a},e.createElement(Xr,null,m)):m)}),[K,C,$]),U=l(((t,n)=>e.createElement(Ca,{key:t.id,width:t.width||"auto",style:n,isLoading:N})),[N]),J=l((()=>{if(!c)return null;const t=Z(),n=t?t[0].style:{};return e.createElement(Ur,null,e.createElement(Qr,null,y&&e.createElement(ta,{style:Object.assign({width:58},n)},"multiple"===w&&e.createElement(go,{checked:u.length>0&&(null==y?void 0:y.length)===u.length||!1,onChange:X,disabled:x&&x.length>0||N||O,ariaLabel:"Select all"})),c.map(((e,n)=>{const o=y?n+2:n+1,i=n-c.length,r=null==t?void 0:t.find((e=>e.index===o||e.index===i));return e.skeleton&&(N||S||O)?U(e,e.skeletonStyle||{}):G(e,(null==r?void 0:r.style)||{})}))))}),[Z,X,c,O,S,N,U,G,u.length,y,w,x]),Q=l(((t,n)=>{const o={checked:t,onChange:e=>q(e,n),disabled:(null==x?void 0:x.includes(n.id))||!1};return"single"===w?e.createElement(bo,Object.assign({},o)):e.createElement(go,Object.assign({},o))}),[q,w,x]),ee=l((t=>{const n={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===w?e.createElement(xa,{key:void 0===t?null:`radio-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"50%"})}):e.createElement(xa,{key:void 0===t?null:`checkbox-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"0.25rem"})})}),[w]),te=l(((t,n)=>{var o,i;if(!p)return null;const r=p(t);if(!r)return null;const a=(null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row)||"";return e.createElement(Qr,{key:t.id,className:`${a} ${n?"hidden":""}`},y&&e.createElement(ea,null),r)}),[p,y]),ne=l((t=>{if(!c)return e.createElement(xa,null);const n=c.map((n=>e.createElement(xa,{key:`${t}-${n.id}`})));return y&&n.unshift(ee(t)),n}),[c,ee,y]),oe=()=>b?N&&!f||!N&&O?null:e.createElement(ra,{fixedColumnsStyle:Ea(Y||[])},e.createElement(Qr,null,y&&!v&&e.createElement(ea,null),!N&&b(u),N&&f&&f())):null;let ie=T;y&&ie&&(ie+=1);const re=i((()=>u.map((t=>{var n,o,i;const{data:r}=t,a=!!y&&y.includes(t.id),l=!g||g.includes(t.id),s=null===(n=null==r?void 0:r.e2eClassNames)||void 0===n?void 0:n.body,d=null!==(i=null===(o=null==r?void 0:r.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==i?i:"",c=a?`selected ${d}`:`${d}`;return e.createElement(Jr,{key:t.id,className:s,fixedColumnsStyle:Ea(Y||[])},e.createElement(Qr,{key:t.id,className:c,accentColor:t.accentColor},y&&e.createElement(ea,null,Q(a,t)),m(t)),t.nestedRows&&t.nestedRows.map((e=>te(e,!l))))}))),[u,g,Y,te,m,Q,y]);if(N){const t=[];for(let n=0;n<L;n+=1)t.push(e.createElement(Jr,{key:`loading-row-${n}`,fixedColumnsStyle:Ea(Y||[])},e.createElement(Qr,null,h?e.createElement(e.Fragment,null,y&&ee(),h()):ne(n))));return e.createElement(R,{ref:H,scrollDisabled:!0,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:M},I&&c&&e.createElement(wa,{renderHeader:J,tableRef:j,wrapperRef:H,isFixedLayout:A,wrapperStyle:z}),e.createElement(ia,{ref:j,striped:r,noWrap:s,tableLoading:!0,isFixedLayout:A},J(),t,oe()))}if(O||S){let t=jr;return D?t=D:S&&(t=Hr),e.createElement(R,{scrollDisabled:!0},e.createElement(ia,{ref:j,striped:r,noWrap:s,tableLoading:!1,isFixedLayout:A},J(),oe()),e.createElement(ma,Object.assign({height:F},t)))}return e.createElement(R,{scrollDisabled:!1,ref:H,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:M,showScrollbar:d},I&&c&&e.createElement(wa,{renderHeader:J,tableRef:j,wrapperRef:H,isFixedLayout:A,wrapperStyle:z}),e.createElement(ia,{ref:j,striped:r,noWrap:s,tableLoading:!1,isFixedLayout:A},J(),re,oe()))};Ia.Cell=ea,Ia.ClickableCell=t=>{var{onClick:n,children:o}=t,i=Ie(t,["onClick","children"]);return e.createElement(ea,Object.assign({},i),e.createElement(ga,{onClick:n},o))},Ia.EditableCell=t=>{var{onClick:n,children:o}=t,i=Ie(t,["onClick","children"]);return e.createElement(ea,Object.assign({},i),e.createElement(pa,{onClick:n},e.createElement(ha,null,o)))},Ia.SkeletonCell=xa,Ia.SkeletonContent=ya;const za=g.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,Da="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",Fa="Log in with Amazon",Ta=n=>{const[o,i]=t(Da);return e.createElement(za,Object.assign({onMouseDown:()=>{i("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{i(Da)},"aria-label":Fa},n),e.createElement("img",{src:o,alt:Fa}))},Ma=b`body{overflow:hidden;scrollbar-gutter:stable;}`,Ra=g.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${me.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${yt.Footer} {\n box-shadow: 0px 10px 15px 0px ${me.colors.neutral.ink.dark};\n }\n `}`,Oa=e=>!!e.footerSlot,Aa={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Ba={[oe.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[oe.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[oe.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[oe.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[oe.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},ja={xs:oe.mobile,sm:oe.mobile,base:oe.tablet,lg:oe.lgTablet},{breakpoints:Ha}=me,Wa=g(m.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--1ohvs0u"})`padding:0;border:none;border-radius:${me.sizes.sm};box-shadow:${me.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${yt.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Aa[e]};`} ${Ra}{padding-bottom:${me.sizes.md};}${yt.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${Ha.mobile} + 1px))and (max-width: ${Ha.tablet}){max-width:${({variant:e})=>Ba[Ha.tablet][e]};}@media (min-width: ${Ha.tablet})and (max-width: ${Ha.lgTablet}){max-width:${({variant:e})=>Ba[Ha.lgTablet][e]};}@media (min-width: ${Ha.lgTablet})and (max-width: ${Ha.desktop}){max-width:${({variant:e})=>Ba[Ha.desktop][e]};}@media (min-width: ${Ha.desktop}){max-width:${({variant:e})=>Ba[Ha.lgDesktop][e]};}@media (max-width: ${({variant:e})=>ja[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${yt.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Oe(me.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,Pa=e.forwardRef(((t,n)=>{var o=Ie(t,[]);return e.createElement(Wa,Object.assign({ref:n},o))})),Va=n=>{const{shouldShow:i,showHeaderCloseButton:r=!0,fullBleed:l=!1,variant:s="base",onClose:d,children:c}=n,u=a(null),[m,g]=t(null);o((()=>{var e,t;i&&(null===(e=u.current)||void 0===e||e.removeAttribute("open"),null===(t=u.current)||void 0===t||t.showModal())}),[i]);const{isOverflowing:h,onScroll:b}=jt(m),f=()=>{var e;null===(e=u.current)||void 0===e||e.close(),d()};return e.createElement(p,null,i&&e.createElement("div",{"data-testid":"dialog-wrapper"},e.createElement(Ma,null),e.createElement(Pa,{ref:u,onClose:f,variant:s,"aria-describedby":"modal_title"},e.createElement(yt.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:e.createElement(dt,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},r&&{onClickClose:f})),e.createElement(Ra,{onScroll:b,ref:g,isScrollable:h,fullBleed:l},c),Oa(n)&&n.footerSlot,!Oa(n)&&(n.leftActions||n.rightActions)&&e.createElement(yt.Footer,null,e.createElement(qt,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&e.createElement(qt,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((t=>{var{label:n}=t,o=Ie(t,["label"]);return e.createElement(it,Object.assign({key:n,type:"button"},o),n)}))),n.rightActions&&e.createElement(qt,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((t=>{var{label:n}=t,o=Ie(t,["label"]);return e.createElement(it,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:_a,text:Za,shadows:Ya}=me,{grey:qa}=me.colors.neutral,Xa=g.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${_a.base} ${_a.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&Ya[e]};`,Ka=g.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${Za.headingXL.fontFamily};font-size:${Za.headingXL.fontSize};font-weight:${Za.headingXL.fontWeight};margin:unset;line-height:1;`,Ga=g.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${Za.subheadingLarge.fontFamily};font-weight:${Za.subheadingLarge.fontWeight};font-size:${Za.subheadingLarge.fontSize};line-height:${Za.subheadingLarge.lineHeight};`,Ua=g.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${me.radius.base};border:${_a.line} solid ${qa.base};object-fit:cover;`,Ja=g.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,Qa=g(it).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${me.text.link.fontFamily};font-size:${me.text.link.fontSize};font-weight:${me.text.link.fontWeight};line-height:${me.text.link.lineHeight};color:${me.text.link.color};&:hover{text-decoration:${me.text.link.textDecoration};}& > * + *{margin-left:${me.sizes.xs};}`,el=g.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1fmdpk3"})`width:100%;display:grid;grid-template-columns:1fr minmax(312px, auto);align-items:flex-start;grid-gap:${_a.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,tl=({title:t,subtitle:n,imageSrc:o,actions:i,quickActions:r,backAction:a,Accessory:l,shadow:s="none",onClickPrevious:d,onClickNext:c,onClickToggleSidebar:u})=>{const m=i&&e.createElement(Lt,{buttonVariant:r?"default":"primary",title:"Actions",sections:i}),p=null==r?void 0:r.map((t=>e.createElement(it,{key:t.title,variant:t.variant,icon:t.icon,onClick:t.onClick},t.title))),g=a&&e.createElement(it,{onClick:a.onClick,icon:e.createElement(Gn,null),variant:"link"},a.title),h=u&&e.createElement(qt,{direction:"horizontal",alignX:"end"},e.createElement(Qa,{onClick:u},e.createElement("span",null,"Toggle sidebar"),e.createElement(jn,{width:de.md})));return e.createElement(Xa,{shadow:s},e.createElement(qt,null,g,e.createElement(el,null,e.createElement(qt,{direction:"horizontal",spacing:"md"},o&&e.createElement(Ua,{src:o,alt:"",width:"72",height:"72"}),e.createElement("div",{style:{flex:1}},e.createElement(qt,{alignX:"stretch"},e.createElement(Ka,null,t),l,n&&e.createElement(Ga,null,n)))),e.createElement(Ja,null,e.createElement(qt,{direction:"horizontal",alignX:"end",spacing:"sm"},p,m,d&&e.createElement(it,{icon:e.createElement(Gn,null),onClick:d}),c&&e.createElement(it,{icon:e.createElement(jn,null),onClick:c})),h))))},nl=g(qt).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${me.sizes.lg};height:30px;background-color:${me.colors.neutral.grey.light};border:1px solid ${me.colors.neutral.grey.base};border-radius:${me.sizes.xs};`,ol=g(it).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${me.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,il=g(mr).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,rl=({count:t})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(be,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(nl,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(be,{variant:"bodySmall"},t))),al=({currentPage:e,totalPagesCount:n,handleChangePage:i})=>{const[r,a]=t(`${e}`);o((()=>{a(`${e}`)}),[e]);const l=e=>e>=1&&e<=n,s=()=>{if(r||a(`${e}`),r===`${e}`)return;const t=parseInt(r,10);l(t)&&i(t)};return{pageInputValue:r,handleIncrement:()=>{l(e+1)&&i(e+1)},handleDecrement:()=>{l(e-1)&&i(e-1)},handleInputChange:e=>{e||a(e);const t=parseInt(e,10);var n;l(n=t)&&a(`${n}`)},handleSubmit:s,handleFormSubmit:e=>{e.preventDefault(),s()}}},ll=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),sl=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),dl=({testId:t,e2eClassName:n,currentPage:o,totalPagesCount:i,handleChangePage:r})=>{const{pageInputValue:a,handleIncrement:l,handleDecrement:s,handleFormSubmit:d,handleInputChange:c,handleSubmit:u}=al({currentPage:o,totalPagesCount:i,handleChangePage:r});return e.createElement(qt,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:n},e.createElement(ol,{onClick:()=>{1!==o&&r(1)},icon:e.createElement(ll,null),size:"sm","aria-label":"go to first page"}),e.createElement(ol,{onClick:s,icon:e.createElement(Gn,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),e.createElement("form",{onSubmit:d},e.createElement(il,{"aria-live":"polite","aria-label":`page ${o} of ${i}`,size:lr.sm,type:"number",value:a,min:"1",max:`${i}`,onChange:c,onBlur:u})),e.createElement(rl,{count:i}),e.createElement(ol,{onClick:l,icon:e.createElement(jn,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=i}),e.createElement(ol,{onClick:()=>{o!==i&&r(i)},icon:e.createElement(sl,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=i}))},cl=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],ul=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,ml=g(mn).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,pl=g.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${ne.neutral.grey.base};box-sizing:border-box;border-radius:4px;justify-content:space-between;background:white;cursor:pointer;svg{padding-left:8px;padding-top:2px;}`,gl=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,hl=g(be).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${ne.secondary.blue.base};background:${ne.neutral.grey.lightest};}`,bl=({item:t,handleRangeListChange:n})=>{const o=l((()=>n(t)),[n,t]);return e.createElement(gl,{onClick:o},e.createElement(hl,{variant:"bodySmall"},t.label))},fl=t=>{const{handleRangeListChange:n,paginationRange:o=cl}=t;return e.createElement(e.Fragment,null,o.map((t=>e.createElement(c,{key:t.label},e.createElement(bl,{item:t,handleRangeListChange:n})))))};class vl extends s{constructor(e){super(e),this.handleRangeListChange=e=>{const{onPaginationRangeChange:t}=this.props;this.setDropdownValue(e),t(e)},this.setDropdownValue=e=>this.setState({shouldShowDropdown:!1,dropdownValue:e}),this.toggleShouldShow=()=>{const{shouldShowDropdown:e}=this.state;this.setState({shouldShowDropdown:!e})};const{dropdownValue:t=cl[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:t,paginationRange:n=cl,reversedDropdown:o}=this.props,{shouldShowDropdown:i,dropdownValue:r}=this.state;return e.createElement(ul,{className:t},e.createElement(ml,{cta:e.createElement(pl,{onClick:this.toggleShouldShow},e.createElement(be,{variant:"bodySmall"},r.label),e.createElement(nt,{color:me.colors.neutral.ink.base})),shouldShowDropdown:i,onClickAway:this.toggleShouldShow,reversed:o},e.createElement(fl,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const yl=g.div.withConfig({displayName:"vui--Container",componentId:"vui--1y4bw67"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:e})=>"sm"===e?"32px":"40px"};border-radius:4px;${({size:e})=>"sm"===e?"svg { width: 14px !important; height: 14px !important; };\n\n > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,xl=g.button.withConfig({displayName:"vui--StepButton",componentId:"vui--z17r9v"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,wl=({onIncrement:t,onDecrement:n,disabled:o=!1,size:i})=>e.createElement(yl,{size:i},e.createElement(xl,{type:"button",onClick:t,disabled:o},e.createElement(Ne,{height:me.sizes.base,width:me.sizes.base,color:me.colors.neutral.ink.base})),e.createElement(xl,{type:"button",onClick:n,disabled:o},e.createElement(lt,{height:me.sizes.base,width:me.sizes.base,color:me.colors.neutral.ink.base}))),El=g(mr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${me.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${me.colors.neutral.ink.lightest};}`,Cl=g(Q).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${me.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({size:e})=>"sm"===e?"30px":"36px"};background-color:${({disabled:e})=>e?me.colors.neutral.grey.light:"white"};flex-shrink:0;${({size:e})=>"sm"===e?"> span { font-size: 12px }":""};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`,$l=g(be).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,kl=g(ar).withConfig({displayName:"vui--PriceInputGroup",componentId:"vui--jpuoo1"})`display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({hasError:e})=>e&&`\n box-shadow: 0 0 0 4px ${me.colors.secondary.red.light};\n\n > * {\n border-top-color: ${me.colors.secondary.red.base};\n border-bottom-color: ${me.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${me.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${me.colors.secondary.red.base};\n border-right-color: ${me.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${me.colors.secondary.red.base};\n border-bottom-color: ${me.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${me.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?me.colors.secondary.red.base:me.colors.secondary.blue.base};}}`;const Sl=Io((t=>{var{className:n="",hasError:o,currency:i,disabled:r=!1,onChange:a,onPriceChange:l,priceValue:s,step:d="0.1",size:c=lr.base}=t,u=Ie(t,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const m=(e=l)=>{e(((parseFloat(s)||0)+parseFloat(d)).toFixed(2))},p=(e=l)=>{e(((parseFloat(s)||0)-parseFloat(d)).toFixed(2))};return e.createElement(kl,{className:n,hasError:o},e.createElement(Cl,{disabled:r,size:c},e.createElement($l,{variant:"hintText"},i)),e.createElement(El,Object.assign({placeholder:"0.00",type:"currency",value:s,step:d,onChange:e=>a(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void l("");const o=parseFloat(n.replace(",",".")).toFixed(2);l(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&m(a),"ArrowDown"===t&&p(a)},disabled:r,size:c},u)),e.createElement(wl,{onIncrement:()=>m(),onDecrement:()=>p(),disabled:r,size:c}))}));Sl.displayName="PriceInput";const Nl=g.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--ejkp56"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`,Ll=({children:t})=>e.createElement(Nl,null,t),Il=g(mr).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,zl=g.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,Dl=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--18q9h8i"})`position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:0.25rem;${({iconPosition:e})=>{let t="padding-right: 2.5rem;",n="right: 0.5rem;";return"left"===e&&(t="padding-left: 2.5rem",n="left: 0.5rem;"),`\n & ${Il} {\n ${t}\n }\n\n & ${zl} {\n ${n}\n }\n `}}`,Fl=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"})),Tl=({type:t="text",disabled:n=!1,onClearClick:o,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,value:c="",error:u,placeholder:m="",className:p="",name:g,isLoading:h=!1,fill:b,reversed:f=!1,autoComplete:v="on",size:y="base"})=>{const x=c&&c.length>0;return e.createElement(Dl,{className:p,iconPosition:f?"left":"right"},e.createElement(Il,{size:y,type:t,value:c,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,placeholder:m,name:g,disabled:n,error:u,autoComplete:v}),e.createElement(zl,null,h?e.createElement(Ze,{height:24,color:b||me.colors.secondary.blue.base}):x&&o?e.createElement(it,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text",type:"button"},e.createElement(st,{color:b||me.colors.neutral.ink.dark})):e.createElement(it,{variant:"unstyled",onClick:()=>i(c),style:{display:"flex"},"aria-label":"Search",type:"button"},e.createElement(Fl,{color:b||me.colors.neutral.ink.dark,height:de.md,width:de.md}))))},Ml=me.colors.neutral.grey.lightest,Rl=me.colors.neutral.grey.dark,Ol=me.colors.secondary.blue.dark,Al=g(Q).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${Ml};border-color:${Rl};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${me.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${Ol};border-color:${Ol};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${me.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,Bl=({options:t,selected:n,className:o,onChange:i})=>e.createElement(Al,{className:o?`${o}-container`:void 0},t.map((t=>e.createElement(it,{type:"button","aria-pressed":t.value===n,variant:t.value===n?"primary":"default",key:t.key,onClick:()=>i(t.value),disabled:t.disabled,className:t.value===n?"veeqo-components-active-button":""},t.label)))),jl=g.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--t1odf6"})`--kbdTextColor:${e=>e.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${me.colors.neutral.ink.base});font-family:${me.text.bodySmall.fontFamily};font-style:${me.text.bodySmall.fontStyle};font-size:${me.text.bodySmall.fontSize};line-height:${me.text.bodySmall.lineHeight};font-weight:${me.text.bodySmall.fontWeight};text-decoration:${me.text.bodySmall.textDecoration};letter-spacing:${me.text.bodySmall.letterSpacing};`,Hl=g.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--651mmm"})`box-sizing:border-box;color:var(--kbdTextColor, ${me.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${me.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${me.text.bodySmall.fontFamily};font-style:${me.text.bodySmall.fontStyle};`,Wl={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},Pl={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"},Vl=t=>{var{shortcut:n,label:o,inverse:i=!1,displayLabel:r=!1}=t,a=Ie(t,["shortcut","label","inverse","displayLabel"]);const l=n.split("+").map((t=>Wl[t]?e.createElement(Hl,{key:`Key: ${t}`,"aria-label":Pl[t]},Wl[t]):e.createElement(Hl,{key:`Key: ${t}`},t))).reduce(((t,n)=>e.createElement(e.Fragment,null,t,"+",n)));return e.createElement(jl,Object.assign({"aria-label":o,$inverse:i},a),l," ",r?e.createElement("span",null,o):null)},{blue:_l}=ne.secondary,{grey:Zl}=ne.neutral,Yl=g.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,ql=g.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${_l.lightest};}`,Xl=g.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Kl=g.td.withConfig({displayName:"vui--TableCell",componentId:"vui--s41x8b"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${ue.bodySmall.fontFamily};font-size:${ue.bodySmall.fontSize};font-weight:${ue.bodySmall.fontWeight};color:${ue.bodySmall.color};line-height:${de.base};& > *{vertical-align:middle;}`,Gl=g(Kl).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Zl.dark};font-family:${ue.bodySmallBold.fontFamily};font-size:${ue.bodySmallBold.fontSize};font-weight:${ue.bodySmallBold.fontWeight};color:${ue.bodySmallBold.color};`,Ul=g.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${ql} tr:nth-child(even) td {\n background-color: ${Zl.lightest};\n }\n `}`,Jl=({striped:t=!0,className:n,children:o})=>e.createElement(Ul,{striped:t,className:n},o);Jl.Header=Yl,Jl.Body=ql,Jl.Row=Xl,Jl.HeaderCell=Gl,Jl.Cell=Kl;const Ql=g(Q).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--7bl1ak"})`display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({width:e="",height:t=""})=>`\n width: ${e||"100%"};\n min-width: ${e};\n height: ${t||"20px"};\n min-height: ${t};\n `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;Ql.displayName="Skeleton";const es=g.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,ts=g.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${me.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,ns=g.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--1tltjvk"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${me.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${12}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${me.colors.secondary.blue.light};}`,os=g(ts).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${me.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,is=e=>({container:e?`${e}-slider-container`:void 0,sliderRange:e?`${e}-slider-range`:void 0,slider:e?`${e}-slider`:void 0,startSlider:e?`${e}-start-slider`:void 0,endSlider:e?`${e}-end-slider`:void 0}),rs=({id:n,value:i,min:r,max:s,step:d=1,onChange:c,className:u,e2eClassName:m,onSlideStart:p=(()=>{}),onSlideEnd:g=(()=>{})})=>{const[h,b]=t(!1),[f,v]=t(-1),y=a(null),x=a(null),w=a(null),E=is(u),C=is(m),$=l((e=>{var t;if(!h||!y.current)return;const n=f>-1?i[f]:i,o=y.current.getBoundingClientRect();let a=100*(e.pageX-o.x)/o.width/100*(s-r)+r;const l=n-a;if(l>0&&(a=n+Math.ceil(a/d-n/d)*d),l<0&&(a=n+Math.floor(a/d-n/d)*d),n===a)return;a>s&&(a=s),a<r&&(a=r),Array.isArray(i)&&(0===f&&a>i[1]&&([,a]=i),1===f&&a<i[0]&&([a]=i));const u=d.toString().includes(".")?null===(t=d.toString().split(".").pop())||void 0===t?void 0:t.length:0;let m;a=Number(a.toFixed(u)),m=Array.isArray(i)?0===f?[a,i[1]]:[i[0],a]:a,c(m),Array.isArray(m)&&m[0]===m[1]&&(0===f&&v(1),1===f&&v(0))}),[f,h,s,r,c,d,i]),k=l((()=>{b(!1),g()}),[g]),S=l(((e,t)=>{b(!0),p(),"number"==typeof t&&v(t),e.preventDefault()}),[p]);o((()=>{const e=e=>S(e,Array.isArray(i)?0:1),t=e=>S(e,1),n=x.current,o=w.current;return null==n||n.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",$),document.addEventListener("mouseup",k),()=>{null==n||n.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",k)}}),[S,$,k,i]);const N=(t,n,o)=>{let i;return i=Me("number"==typeof o?0===o?[null==E?void 0:E.startSlider,null==C?void 0:C.startSlider]:[null==E?void 0:E.endSlider,null==C?void 0:C.endSlider]:[null==E?void 0:E.slider,null==C?void 0:C.slider]),e.createElement(ns,{role:"slider",ref:1===o?w:x,className:i,left:t,"aria-valuemin":r,"aria-valuemax":s,"aria-valuenow":n})},L=t=>{const n=100*(t[0]<r?0:t[0]-r)/(s-r),o=100*(t[1]>s?100:t[1]-r)/(s-r),i=o-n;return e.createElement(e.Fragment,null,e.createElement(os,{className:Me([null==E?void 0:E.sliderRange,null==C?void 0:C.sliderRange]),left:n,width:i}),N(n,t[0],0),N(o,t[1],1))};let I;return I=Array.isArray(i)?L(i):(e=>{if(Array.isArray(i))return L(i);let t;return t=i>s?100:i<r?0:100*(e-r)/(s-r),N(t,e)})(i),e.createElement(es,{className:Me([null==E?void 0:E.container,null==C?void 0:C.container]),id:n,ref:y},e.createElement(ts,null),I)},as=g(Q).withConfig({displayName:"vui--Tag",componentId:"vui--1rdo7hk"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:t})=>`\n color: ${null!=t?t:ne.neutral.ink.base};\n background-color: ${null!=e?e:ne.neutral.grey.base};\n `}`,ls=g(qt).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${me.layers.tooltip};`,ss=g(qt).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${me.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${me.shadows.lg};border-radius:${me.radius.md};pointer-events:auto;z-index:40;min-width:${({minWidth:e})=>e};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({last:e})=>e?"translateY(0)":"translateX(0)"};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({last:e})=>e?"translateY(12px)":"translateX(12px)"};opacity:0;transition:500ms ease;}`,ds=g(Q).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${me.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${de.md};height:${de.md};}`,cs=g(qt).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,us=g(be).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,ms={info:{accentColor:ne.brand.blue.base,icon:e.createElement(Ut,null)},success:{accentColor:ne.secondary.green.base,icon:e.createElement(Jt,null)},error:{accentColor:ne.secondary.red.base,icon:e.createElement(Kt,null)},merge:{accentColor:ne.secondary.purple.base,icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))),null)}},ps=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),gs=({className:t,e2eClassName:n,type:o,iconSlot:i,text:r,last:a,minWidth:l,cta:s,onClose:d})=>{const c=ps(t),u=ps(n);return e.createElement(ss,{className:Me([null==c?void 0:c.container,null==u?void 0:u.container]),direction:"horizontal",alignY:"center",minWidth:l,last:a},e.createElement(ds,{color:ms[o].accentColor,className:Me([c.icon,u.icon])},null!=i?i:ms[o].icon),e.createElement(cs,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(us,{variant:"body"},r),s),e.createElement(it,{variant:"flat",icon:e.createElement(st,{color:"white"}),onClick:d,"aria-label":"Close"}))},hs=({className:t,e2eClassName:n,toasts:i,minWidth:r="50vw",max:a=3,onClose:l})=>(o((()=>{a&&i.length>a&&l(i[0].key)}),[i,a,l]),x(e.createElement(ls,{direction:"vertical",alignX:"center",spacing:4},e.createElement(H,{component:null},[...i].reverse().map(((o,a)=>e.createElement(j,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},e.createElement(gs,Object.assign({className:t,e2eClassName:n,minWidth:r,last:a===i.length-1,onClose:()=>l(o.key)},o))))))),document.body)),bs=g.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--x718nd"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${me.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:t})=>{let n="40px",o="24px",i="24px",r="8px",a="16px",l="4px",s="white",d="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",i="16px",r="4px",a="14px",l="2px"),t&&(s="#0079D1",d="#0079D1",c="white"),`\n --outline-width: ${l};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${i};\n border-radius: ${r};\n font-size: ${a};\n\n background-color: ${s};\n border-color: ${d};\n color: ${c};\n `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`,fs=({children:t,checked:n,size:o="base",disabled:i=!1,onChange:r})=>e.createElement(bs,{type:"button",checked:n,size:o,disabled:i,"aria-pressed":n,tabIndex:"0",onClick:()=>r(!n)},t),vs=g.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--17v0v3c"})`display:flex;align-items:center;justify-content:center;padding:${de.md};border-radius:${ie.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${ne.neutral.ink.lightest};background-color:${ne.neutral.grey.lightest};:hover{border:2px dashed ${ne.secondary.blue.base};background-color:${ne.secondary.blue.lightest};}:active{border:2px dashed ${ne.secondary.blue.base};box-shadow:0 0 0 4px ${ne.secondary.blue.light};background-color:${ne.secondary.blue.lightest};}:focus-within{border:2px dashed ${ne.secondary.blue.base};box-shadow:0 0 0 4px ${ne.secondary.blue.light};background-color:${ne.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${ne.secondary.red.base};:hover{border:2px dashed ${ne.secondary.red.base};background-color:${ne.secondary.red.lightest};}:active{border:2px dashed ${ne.secondary.red.base};box-shadow:0 0 0 4px ${ne.secondary.red.light};background-color:${ne.secondary.red.lightest};}:focus-within{border:2px dashed ${ne.secondary.red.base};box-shadow:0 0 0 4px ${ne.secondary.red.light};background-color:${ne.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${ne.neutral.grey.light};border-color:${ne.neutral.ink.lightest};color:${ne.neutral.ink.light};}`;var ys,xs,ws;!function(e){e.CSV=".csv",e.JPEG=".jpeg",e.JPG=".jpg",e.GIF=".gif",e.PNG=".png"}(ys||(ys={})),function(e){e.KB="KB",e.MB="MB"}(xs||(xs={})),function(e){e.VALID="",e.INVALID_FORMAT="File is incorrect format",e.INVALID_SIZE="File size is too big",e.INVALID_FORMAT_AND_SIZE="File is incorrect format and too big"}(ws||(ws={}));const Es=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},e.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),e.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"})),Cs=()=>e.createElement(qt,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},e.createElement(Es,null),e.createElement(be,{variant:"subheadingSmall",style:{paddingTop:de.sm}},"Browse files or drag them here")),$s=({acceptedTypesCopy:t,maxSizeCopy:n})=>t||n?e.createElement(qt,{alignX:"start",spacing:"xs"},t&&e.createElement(be,{variant:"errorSmall"},"Invalid format (",t,")"),n&&e.createElement(be,{variant:"errorSmall"},"File is too big (",n,")")):null,ks=g(be).withConfig({displayName:"vui--SingleLineText",componentId:"vui--1aguyhc"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,Ss=g(qt).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--1g0ca18"})`border:1px solid ${ne.neutral.ink.lightest};border-radius:${ie.base};padding:${de.xs};${be}{padding-left:${de.xs};}`,Ns=({file:t,resetSelection:n,disabled:o})=>t?e.createElement(Ss,{alignX:"between",direction:"horizontal",alignY:"center"},e.createElement(ks,{variant:"body"},null==t?void 0:t.name),e.createElement(it,{size:"sm",variant:"flat",onClick:n,icon:e.createElement(st,null),"aria-label":"Remove file",disabled:o})):null,Ls=r(((n,i)=>{var{id:r,name:s,maxBytes:d=1e6,format:c=xs.MB,fileTypes:m,label:p="Upload file",required:g,disabled:h}=n,b=Ie(n,["id","name","maxBytes","format","fileTypes","label","required","disabled"]);const f=a(null);u(i,(()=>f.current),[]);const[v,y]=t(),[x,w]=t(ws.VALID),E=x===ws.INVALID_FORMAT||x===ws.INVALID_FORMAT_AND_SIZE,C=x===ws.INVALID_SIZE||x===ws.INVALID_FORMAT_AND_SIZE,$=(({maxBytes:e,format:t,baseString:n})=>{const o=null==n?"Max size: ":n;switch(t){case xs.KB:return`${o}${Number(e)/1e3} KB`;case xs.MB:return`${o}${Number(e)/1e6} MB`;default:return`${o}${Number(e)/1e3} KB`}})({maxBytes:d,format:c}),k=(({fileTypes:e,baseString:t})=>{let n=null==t?"Valid types: ":t;return e.forEach(((e,t,o)=>{const i=o.length>1,r=t===o.length-1&&i,a=t===o.length-2&&i;switch(r&&(n+=" and "),e){case ys.CSV:n+="CSV";break;case ys.GIF:n+="GIF";break;case ys.JPEG:n+="JPEG";break;case ys.JPG:n+="JPG";break;case ys.PNG:n+="PNG"}!a&&!r&&o.length>2&&(n+=", ")})),n})({fileTypes:m}),S=(({fileTypes:e})=>{if(1===e.length)return e[0];let t="";return e.forEach(((e,n,o)=>{const i=o.length-1===n&&o.length>1;t+=i?`${e}`:`${e}, `})),t.trim()})({fileTypes:m}),N=()=>{var e;(null===(e=f.current)||void 0===e?void 0:e.value)&&(f.current.value="")},L=({overMaxSize:e,invalidFormat:t})=>{var n;let o=ws.VALID;t&&!e?o=ws.INVALID_FORMAT:!t&&e?o=ws.INVALID_SIZE:t&&e&&(o=ws.INVALID_FORMAT_AND_SIZE),null===(n=f.current)||void 0===n||n.setCustomValidity(o),w(o)},I=l((e=>{if(!e.length)return void L({invalidFormat:!0});const[t]=e,n=t.size>d,[,o]=t.type.split("/"),i=!m.find((e=>e.substring(1)===o));n||i?N():(({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)})({fileList:e,elementId:r}),L({invalidFormat:i,overMaxSize:n}),y(t)}),[m,r,d]),z=l((()=>{N(),y(void 0),L({invalidFormat:!1,overMaxSize:!1})}),[]),D=l((()=>{var e;const t=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?I(t):z()}),[z,I]);return o((()=>{const e=null==f?void 0:f.current;return null==e||e.addEventListener("change",D),null==e||e.addEventListener("cancel",z),()=>{null==e||e.removeEventListener("change",D),null==e||e.removeEventListener("cancel",z)}}),[D,z]),e.createElement(No,{spacing:"sm",alignX:"stretch"},e.createElement($o,{htmlFor:r},p,e.createElement(qt,{spacing:3,alignX:"stretch",style:{paddingTop:de.sm}},e.createElement(ko,null,e.createElement("div",null,k),e.createElement("div",null,$)),e.createElement(vs,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&I(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=f.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=f.current)||void 0===t||t.blur()}},e.createElement(Cs,null),e.createElement("input",Object.assign({ref:f,id:r,type:"file",accept:S,name:s,required:g,disabled:h},b))))),e.createElement(qt,{alignX:"stretch",spacing:"sm"},e.createElement(Ns,{file:v,resetSelection:z,disabled:h}),e.createElement($s,{acceptedTypesCopy:E?k:void 0,maxSizeCopy:C?$:void 0})))})),Is="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",zs=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${Is} display:${e=>e.shouldShow?"initial":"none"};z-index:${me.layers.modal};`,Ds=g(Q).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${Is} background-color:rgba(55,66,77,0.5);`,Fs=g(Q).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,Ts=({usePortal:t,children:n})=>e.createElement(e.Fragment,null,t?e.createElement(De,null,n):n),Ms=({className:t,children:n=null,shouldShow:o=!1,usePortal:i=!0})=>e.createElement(Ts,{usePortal:i},e.createElement(zs,{className:Me([`${t}-container`,t]),shouldShow:o},e.createElement(Ds,null),e.createElement(J,{isActive:o},e.createElement(Fs,{className:Me([`${t}-wrap`,t])},n)))),Rs=g.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,Os=g.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,As=g(it).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`,Bs=({id:t,youtubeVideoId:n,showVideoModal:o,handleCloseClick:i})=>{const r=Ft(o,i);return e.createElement(Ms,{shouldShow:o,className:`${t}-video`},e.createElement(Rs,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},e.createElement(Os,{ref:r},e.createElement("iframe",{title:`${t}-video`,src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),e.createElement(As,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:e.createElement(st,{color:"white"})}))))};var js;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(js||(js={}));const Hs=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,Ws=g(be).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,Ps=g(Q).withConfig({displayName:"vui--Contour",componentId:"vui--zy3oaf"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:t})=>`\n &:hover {\n border: 1px solid ${e.base};\n background-color: ${e.lightest};\n }\n\n ${be} {\n color: ${null!=t?t:ne.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,Vs=g(be).withConfig({displayName:"vui--CounterContainer",componentId:"vui--chq9kr"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.base};\n\n & > ${Ws} {\n color: #fff;\n }\n `}`,_s={style:{marginLeft:de.xs,padding:de.xs,height:de.base,width:de.base}},Zs=g.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${de.sm};svg{height:${de.base};width:${de.base};}`,Ys=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"})),qs=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0}),Xs=({id:t,iconSlot:n,name:o,type:i,className:r,colourPalette:a=ne.secondary.blue,customTextColour:s,count:d,active:c=!1,onClick:u,onDelete:m,onEdit:p,e2eClassName:g})=>{const h=qs(r),b=qs(g),[f,v,y]=Bt(),x=l((()=>u(t)),[t,u]),w=l((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),E=l((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),C=i===js.draft,$=i===js.saved,k=c?ne.neutral.ink.dark:ne.neutral.ink.base;return e.createElement(Hs,{className:`${Me([null==h?void 0:h.container,null==b?void 0:b.container])} ${c&&(null==b?void 0:b.active)||""}`,onClick:x},e.createElement(Ps,{active:c,onMouseEnter:v,onMouseLeave:y,colourPalette:a,customTextColour:s},n&&e.createElement(Zs,null,n),e.createElement(be,{variant:"bodyBold"},o),d&&e.createElement(Vs,{active:c||f,colourPalette:a,customTextColour:s},e.createElement(Ws,{className:null==b?void 0:b.counter,variant:"subheadingSmall"},d)),C&&e.createElement(st,Object.assign({},_s,{color:k,className:null==b?void 0:b.delete,onClick:w})),$&&c&&e.createElement(Ys,Object.assign({},_s,{color:k,className:null==b?void 0:b.edit,onClick:E}))))};var Ks;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Ks||(Ks={}));const Gs=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"4",fill:"none",viewBox:"0 -4 12 12",role:"presentation"},t),e.createElement("path",{fill:"currentColor",d:"M2 .667C1.267.667.667 1.267.667 2S1.267 3.333 2 3.333c.734 0 1.334-.6 1.334-1.333S2.734.667 2 .667m8 0c-.733 0-1.333.6-1.333 1.333s.6 1.333 1.333 1.333c.734 0 1.334-.6 1.334-1.333S10.734.667 10 .667m-4 0c-.733 0-1.333.6-1.333 1.333S5.267 3.333 6 3.333c.734 0 1.334-.6 1.334-1.333S6.734.667 6 .667"})),Us=g(be).withConfig({displayName:"vui--CounterText",componentId:"vui--13z4q4k"})`line-height:1;`,Js=g(Gs).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--lo8tpb"})``,Qs=g(st).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--u5oj4b"})``,ed=g(be).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1nbpnol"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.dark};\n\n & > ${Us} {\n color: ${ne.neutral.grey.lightest};\n }\n `}`,td=g(Q).withConfig({displayName:"vui--Contour",componentId:"vui--1fc3r48"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${me.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:e})=>`\n\n &:hover {\n background-color: ${ne.neutral.grey.base};\n & > ${ed} {\n background-color: ${ne.neutral.grey.base};\n & > ${Us} {\n color: ${ne.neutral.ink.base};\n }\n }\n & > ${be} {\n color: ${null!=e?e:ne.neutral.ink.dark};\n }\n & > ${Js} {\n color: ${ne.neutral.ink.dark};\n }\n & > ${Qs} {\n color: ${ne.neutral.ink.dark};\n }\n }\n\n & > ${be} {\n color: ${null!=e?e:ne.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t,customTextColour:n})=>e&&`\n background-color: ${t.lightest};\n\n & > ${Js} {\n color: ${t.dark};\n }\n & > ${Qs} {\n color: ${t.dark};\n }\n\n & > ${be} {\n color: ${null!=n?n:t.dark};\n }\n `}`,nd=g(Je).withConfig({displayName:"vui--ViewButton",componentId:"vui--i4ro1b"})`padding:${me.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:e})=>`\n &:focus-visible {\n ${td} {\n background-color: ${ne.neutral.grey.base};\n & > ${ed} {\n background-color: ${ne.neutral.grey.base};\n & > ${Us} {\n color: ${ne.neutral.ink.base};\n }\n }\n & > ${be} {\n color: ${null!=e?e:ne.neutral.ink.dark};\n }\n & > ${Js} {\n color: ${ne.neutral.ink.dark};\n }\n & > ${Qs} {\n color: ${ne.neutral.ink.dark};\n }\n }\n `}`,od={style:{marginLeft:de.xs,padding:de.xs,height:de.base,width:de.base}},id=g.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1cuc9yu"})`display:flex;align-items:center;margin-right:${de.sm};svg{height:${de.base};width:${de.base};}`,rd=e.forwardRef(((t,n)=>{var{id:o,iconSlot:i,name:r,type:a,className:l,colourPalette:s=ne.secondary.blue,customTextColour:d,count:c,active:u=!1,onClick:m,subAction:p,ariaContext:g}=t,h=Ie(t,["id","iconSlot","name","type","className","colourPalette","customTextColour","count","active","onClick","subAction","ariaContext"]);const b={delete:(f=l)?`${f}-delete`:void 0,edit:f?`${f}-edit`:void 0,container:f?`${f}-view`:void 0,active:f?`${f}-active`:void 0,counter:f?`${f}-counter`:void 0};var f;const[v,y,x]=Bt(),w=u&&p?p:m,E=a===Ks.draft,C=a===Ks.saved;return e.createElement(nd,Object.assign({className:Me([null==b?void 0:b.container]),onClick:()=>w(o),role:"tab","aria-selected":u,"aria-label":`${u&&E?"Delete":u&&C?"Edit":""} ${r} view ${c?`with ${c} ${g}`:""}`,customTextColour:d,ref:n},h),e.createElement(td,{active:u,onMouseEnter:y,onMouseLeave:x,colourPalette:s,customTextColour:d},i&&e.createElement(id,null,i),e.createElement(be,{variant:"bodyBold"},r),null!=c&&e.createElement(ed,{"data-testid":"countContainer",active:u||v,colourPalette:s,customTextColour:d},e.createElement(Us,{variant:"subheadingSmall"},c)),E&&e.createElement(Qs,Object.assign({},od,{"aria-label":"delete icon"})),C&&u&&e.createElement(Js,Object.assign({},od,{"aria-label":"edit icon"}))))})),ad=g(qt).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--x8ukf0"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,ld=g(qt).withConfig({displayName:"vui--Container",componentId:"vui--mlh8wa"})`background-color:${ne.neutral.grey.lightest};`,sd=g(Gn).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--193620d"})`color:${ne.neutral.ink.base};`,dd=g(jn).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--erlipg"})`color:${ne.neutral.ink.base};`,cd=g(Gs).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--eg23b0"})`color:${ne.neutral.ink.base};`,ud=g(it).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--1o9jbht"})`background-color:white;&:hover{background-color:${ne.neutral.grey.lightest};}`,md=g(it).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--wtwmiz"})`background-color:white;&:disabled{background-color:white;${sd}{color:${ne.neutral.ink.lightest};}}&:hover{background-color:${ne.neutral.grey.lightest};}`,pd=g(it).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1ycuwov"})`background-color:white;&:disabled{background-color:white;${dd}{color:${ne.neutral.ink.lightest};}}&:hover{background-color:${ne.neutral.grey.lightest};}`,gd=g(ar).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--l3ez4z"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`,hd=(e,n)=>{var i;const[r,a]=t(!0),[s,d]=t(!1),[c,u]=t([]),m=null===(i=null==e?void 0:e.current)||void 0===i?void 0:i.querySelector("[aria-selected = true]"),p=U(m),g=l((()=>{var t,n,o,i,r,l,s,c;(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0?a(!1):(document.getElementById("left-arrow")===document.activeElement&&(null===(n=document.getElementById("right-arrow"))||void 0===n||n.focus()),a(!0));const u=(null!==(i=null===(o=e.current)||void 0===o?void 0:o.scrollWidth)&&void 0!==i?i:0)-(null!==(l=null===(r=e.current)||void 0===r?void 0:r.clientWidth)&&void 0!==l?l:0);(null===(s=e.current)||void 0===s?void 0:s.scrollLeft)>=u-10?(document.getElementById("right-arrow")===document.activeElement&&(null===(c=document.getElementById("left-arrow"))||void 0===c||c.focus()),d(!0)):d(!1)}),[e]),h=l((()=>{e.current&&(e.current.scrollWidth-e.current.getBoundingClientRect().width<5?d(!0):d(!1))}),[e]),b=l((()=>{const t=((e,t,n)=>{for(let o=0;o<e.length;o++){if(void 0===e[o+3])return t-n;if(e[o]>=t)return e[o+3]}return t-n})(c,e.current.scrollLeft,e.current.clientWidth);e.current.scrollTo({left:t,top:0,behavior:"smooth"})}),[e,c]),f=l((()=>{const t=((e,t)=>{const n=e.slice().reverse();for(let o=0;o<e.length;o++){if(void 0===n[o+3])return 0;if(n[o]<t)return n[o+3]}return 0})(c,e.current.scrollLeft);e.current.scrollTo({left:t,top:0,behavior:"smooth"})}),[e,c]);return o((()=>{var t,o,i,r,a,l,s;if(null==e?void 0:e.current){if((null===(t=e.current.children)||void 0===t?void 0:t.length)&&(null===(o=e.current.children)||void 0===o?void 0:o.length)!==c.length&&c.length>0&&c.length<n.length&&(e.current.scrollTo({left:e.current.scrollWidth-e.current.clientWidth,top:0,behavior:"smooth"}),u([...c,c[c.length-1]+(null!==(r=null===(i=e.current.children[c.length-1])||void 0===i?void 0:i.getBoundingClientRect().x)&&void 0!==r?r:0)-20])),(null===(a=e.current.children)||void 0===a?void 0:a.length)&&0===c.length&&u((e=>Object.values(e.children).map((e=>e.getBoundingClientRect().x-20)))(e.current)),m!==p&&null!==m&&(null===(l=e.current.children)||void 0===l?void 0:l.length)===c.length){const t=Array.from(e.current.children).indexOf(m);e.current.scrollTo({left:c[t],top:0,behavior:"smooth"})}return h(),window.addEventListener("resize",h),null===(s=e.current)||void 0===s||s.addEventListener("scroll",g),()=>{window.removeEventListener("resize",h)}}}),[e,n,h,g,c,m,p]),{rightDisabled:s,leftDisabled:r,toNextScrollPosition:b,toPrevScrollPosition:f}},bd=e.forwardRef((({children:t,onClickMenu:n,ariaMenuControls:o,ariaMenuExpanded:i},r)=>{const l=a(null),{rightDisabled:s,leftDisabled:d,toNextScrollPosition:c,toPrevScrollPosition:u}=hd(l,t);return e.createElement(ld,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(ad,{ref:l,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},t),e.createElement(gd,null,(!d||!s)&&e.createElement(e.Fragment,null,e.createElement(md,{id:"left-arrow",icon:e.createElement(sd,null),disabled:d,onClick:u,variant:"flat","aria-label":"move views to the left"}),e.createElement(pd,{id:"right-arrow",icon:e.createElement(dd,null),disabled:s,onClick:c,variant:"flat","aria-label":"move views to the right"})),e.createElement(ud,{icon:e.createElement(cd,null),variant:"flat",onClick:n,"aria-label":"open menu","aria-controls":o,"aria-expanded":i,"aria-haspopup":o?"dialog":void 0,ref:r})))})),fd=g(Q).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,vd=g(Q).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,yd=g(mr).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,xd=g(it).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${me.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${me.colors.secondary.red.base};\n `};`,wd=e=>fr(e,vr),Ed=Io((t=>{var{size:n=lr.base,hasError:o,className:i}=t,r=Ie(t,["size","hasError","className"]);return e.createElement(fd,{className:i},e.createElement(vd,null,"g"===r.weightUnit&&e.createElement(ar,null,e.createElement(yd,Object.assign({size:n,onChange:r.handleChangeGram,name:"gram",type:"number",value:r.gram,hasError:o,min:"0",step:"any",onKeyDown:wd},r)),e.createElement(xd,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(r)&&e.createElement(e.Fragment,null,e.createElement(ar,null,e.createElement(yd,Object.assign({size:n,onChange:r.handleChangePound,name:"pound",type:"number",value:r.pound,hasError:o,step:"any",min:"0",onKeyDown:wd},r)),e.createElement(xd,{hasError:o,size:n},"lb")),e.createElement(ar,null,e.createElement(yd,Object.assign({size:n,onChange:r.handleChangeOunce,name:"ounce",type:"number",value:r.ounce,hasError:o,min:"0",step:"any",onKeyDown:wd},r)),e.createElement(xd,{hasError:o,size:n},"oz")))))}));Ed.displayName="WeightInput",Ed.defaultProps={weightUnit:"lb"};export{ys as AcceptedFileTypes,Le as Accordion,Lt as ActionList,Zt as ActionMenu,on as Alert,an as Anchor,mn as AnimatedDropdown,gn as Avatar,Nn as Badge,On as Banner,Q as BaseContainer,_n as Breadcrumbs,it as Button,yt as Card,dt as CardHeader,go as Checkbox,so as Choice,yo as ChoiceList,Co as CopyToClipboard,_o as DATE_RANGE_OPTIONS,qo as DEFAULT_PRESET,Yo as DEFAULT_RANGE,qi as DataTable,Fo as DateRangeInput,Go as DateRangePicker,Po as DateRanges,er as DescriptionList,rr as DetailPage,xr as DimensionsInput,Dt as Dropdown,xs as FileSizeUnit,Ir as FilterTag,Ot as FocusVisibleManager,zr as Grid,Ar as Image,ar as InputGroup,Ia as LegacyDataTable,Ze as Loader,Ta as LoginWithAmazonButton,Va as Modal,tl as PageHeader,dl as Pagination,vl as PaginationRange,We as Popover,Ms as Popup,De as Portal,Sl as PriceInput,bo as Radio,Un as RangeCalendar,Ll as ScreenReaderOnly,Tl as Search,Bl as SegmentedControl,Mo as Select,Vl as ShortcutKeys,Jl as SimpleTable,Ql as Skeleton,rs as Slider,qt as Stack,wl as Stepper,as as Tag,be as Text,mr as TextField,hs as ToastsLayout,jo as Toggle,fs as ToggleButton,$n as Tooltip,Ls as UploadFile,Bs as VideoModal,Xs as View,rd as ViewTab,bd as ViewsContainer,Ed as WeightInput,Me as buildClassnames,Xo as checkIfDateRangeInvalid,ze as generateId,Vo as getDateRange,Oe as getOpaqueHexColor,Re as hexToRgb,Be as isExternalLink,me as theme,ri as useCellWidths,Ft as useClickOutside,si as useColumns,Tt as useDebounce,di as useDragToScroll,Mt as useDropdown,At as useFocusVisible,Bt as useHover,Wt as useId,jt as useIsOverflowing,ci as useNested,ui as useScrollPosition,vi as useSelection,Ht as useTabs,zo as withDeprecated,Io as withLabels};
2
2
  //# sourceMappingURL=index.esm.js.map