npm - @veeqo/ui - Versions diffs - 4.1.1 → 4.2.0 - Mend

@veeqo/ui 4.1.1 → 4.2.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 (25) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as t,PureComponent as n,useEffect as o,useMemo as i,forwardRef as l,useRef as r,useCallback as a,Component as s,Fragment as d}from"react";import{motion as c,AnimatePresence as m}from"framer-motion";import u,{css as p,createGlobalStyle as g}from"styled-components";import{usePopper as h}from"react-popper";import b from"resize-observer-polyfill";import f,{createPortal as v}from"react-dom";import{CSSTransition as x,TransitionGroup as y}from"react-transition-group";import w from"lodash.throttle";import{useScroll as C}from"react-use";import E from"react-scrolllock-configurable";const $=u.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,k={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},S=(e,t)=>e||(t?k[t]:void 0),N={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"}}},L={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},I={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var z,F;!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)"}(z||(z={})),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"}(F||(F={}));const j=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}),B={[F.none]:"0",[F.line]:"1px",[F.xs]:j[1],[F.sm]:j[2],[F.base]:j[4],[F.md]:j[6],[F.lg]:j[8],[F.xl]:j[12],[F.xxl]:j[16]},H=Object.assign(Object.assign({},B),j),M={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},R={headingXXL:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:N.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},D=Object.assign(Object.assign({},M),{breakpoints:L,colors:N,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:I,shadows:z,sizes:H,text:R}),{text:O,colors:W,fontFamily:T}=D,A=u.span.attrs((({as:e,variant:t})=>({as:S(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:${T};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?W.neutral.ink.lightest:O[e].color;return`\n      font-family: ${O[e].fontFamily};\n      font-style: ${O[e].fontStyle};\n      font-weight: ${O[e].fontWeight};\n      font-size: ${O[e].fontSize};\n      line-height: ${O[e].lineHeight};\n      color: ${n};\n      text-decoration: ${O[e].textDecoration};\n      letter-spacing: ${O[e].letterSpacing};\n    `}}`,Z=u($).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,P=u(Z).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${H.base};width:${H.base};color:${({glyphColor:e})=>e};}`,V=u(Z).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,q=u.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 ${D.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${D.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${D.colors.secondary.blue.light};}`,X=u($).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,K=u(A).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,Y=u(c($)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,U=u.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,G=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:H.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"})),_=({className:n,children:o,label:i,iconSlot:l,glyphColor:r=N.neutral.ink.lightest,timeout:a=350,description:s,shouldOpenOnMount:d})=>{const[m,u]=t(!!d);return e.createElement(U,{open:!!d,className:n},e.createElement(q,{onClick:()=>u(!m)},e.createElement(X,null,e.createElement(P,{glyphColor:r},l,e.createElement(A,{variant:"body"},i)),e.createElement(V,null,e.createElement(c.span,{animate:{rotate:m?180:0}},e.createElement(G,{name:m?"downArrow":"upArrow"})))),!!s&&e.createElement(K,{variant:"hintText"},s)),m&&e.createElement(Y,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:a/1e3}},o))};function J(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 Q=e=>`${e}-${Math.floor(1e3*Math.random())}`;class ee extends n{constructor(e){super(e),this.id=Q("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?v(e,this.portalNode):null}}const te=u.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,ne=u.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,oe=e=>e.filter(Boolean).join(" "),ie=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},le=(e,t)=>{const n=ie(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},re='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])',ae=({popperElement:e,anchorElement:t,onClose:n,disableFocusLock:i=!1})=>{o((()=>{if(!e||i)return;const t=e.querySelectorAll(re);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(re);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(re),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))}}},se=n=>{var{id:l,children:r,zIndex:a=D.layers.popup,placement:s="bottom",anchorElement:d,rootElementRef:c,onShouldClose:m,style:u,disableFocusLock:p}=n,g=J(n,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock"]);const[f,v]=t(null),{styles:x,attributes:y,update:w}=h(d,f,{placement:s}),C=i((()=>l||Q("popover")),[l]);(({anchorElement:e,popoverId:t})=>{o((()=>{if(e){try{e.setAttribute("aria-expanded","true")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{e.hasAttribute("aria-controls")||e.setAttribute("aria-controls",t)}catch(e){console.warn(`Unable to set aria-controls for popover id: ${t}`)}try{e.hasAttribute("aria-haspopup")||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:C});const E=()=>{null==d||d.focus(),null==m||m()},{handleKeyDown:$}=ae({popperElement:f,anchorElement:d,onClose:E,disableFocusLock:p});return o((()=>{if(!w||!f)return;const e=new b(w);return e.observe(f),()=>e.disconnect()}),[w,f]),o((()=>{if(w)return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)}),[w]),e.createElement(ee,{rootElementRef:c},e.createElement(ne,{onClick:E,zIndex:a}),e.createElement(te,Object.assign({open:!0,zIndex:a,ref:v,style:Object.assign(Object.assign({},x.popper),u),onKeyDown:$},y.popper,g),r))},de=({width:t,height:n,className:o,color:i,label:l})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":l},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"}))))),ce=({width:t,height:n,className:o,color:i,label:l})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 105 105",fill:i,"aria-label":l},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"}))),me=({width:t,height:n,className:o,color:i,label:l})=>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":l},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"}))),ue=({className:t,height:n=24,width:o=24,color:i="#588CB0",type:l="TailSpin"})=>{switch(l){case"Grid":return e.createElement(ce,{className:t,height:n,width:o,color:i});case"ThreeDots":return e.createElement(me,{className:t,height:n,width:o,color:i});default:return e.createElement(de,{className:t,height:n,width:o,color:i})}},pe=u.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;"};svg{width:${({size:e})=>H[e]};height:${({size:e})=>H[e]};}`,ge=u.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:${D.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",i="8px",l="16px",r="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",i="4px",l="14px",r="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n      --outline-width: ${r};\n\n      height: ${t};\n      padding-left: ${n};\n      padding-right: ${o};\n      border-radius: ${i};\n      font-size: ${l};\n    `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,he=u(ge).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${D.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?D.colors.neutral.ink.base:D.colors.secondary.blue.base};&:hover{background-color:${D.colors.neutral.grey.lightest};}&:active{background-color:${D.colors.neutral.grey.lightest};border-color:${D.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${D.colors.neutral.grey.base} !important;border-color:${D.colors.neutral.grey.base} !important;color:${D.colors.neutral.ink.light} !important;}`,be=u(he).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${D.colors.secondary.red.base};&:hover{color:${D.colors.secondary.red.dark};}&:active{border-color:${D.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.red.light};color:${D.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.red.light};}`,fe=u(he).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${D.colors.secondary.blue.base};border-color:${D.colors.secondary.blue.base};color:white;&:hover{background-color:${D.colors.secondary.blue.dark};border-color:${D.colors.secondary.blue.dark};}&:active{background-color:${D.colors.secondary.blue.dark};border-color:${D.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.blue.light};}`,ve=u(fe).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${D.colors.secondary.red.base};border-color:${D.colors.secondary.red.base};color:white;&:hover{background-color:${D.colors.secondary.red.dark};border-color:${D.colors.secondary.red.dark};}&:active{background-color:${D.colors.secondary.red.dark};border-color:${D.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.red.light};}`,xe=u(ge).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${D.colors.neutral.ink.base};&:hover{background-color:rgba(0, 0, 0, 0.1);}&:active{background-color:rgba(0, 0, 0, 0.1);}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${D.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,ye=u.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,we=u(ye).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${D.text.link.fontFamily};font-size:${D.text.link.fontSize};font-weight:${D.text.link.fontWeight};line-height:${D.text.link.lineHeight};text-decoration:${D.text.link.textDecoration};color:${D.colors.secondary.blue.base};&:hover{color:${D.colors.secondary.blue.dark};}& > * + *{margin-left:${D.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px ${D.colors.secondary.blue.light};border-radius:4px;padding:2px 4px;margin:-2px -4px;}`,Ce=u.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;`,Ee=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"})),$e={default:he,primary:fe,destructive:be,primaryDestructive:ve,flat:xe,link:we,unstyled:ye},ke=l(((t,n)=>{var{className:o,children:i,icon:l,variant:r="default",size:a="base",dropdown:s=!1,loading:d=!1}=t,c=J(t,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===r)return e.createElement(ye,Object.assign({ref:n,className:o},c),i);const m=$e[r],u=void 0!==i,p=!!l;return e.createElement(m,Object.assign({ref:n,className:o,size:a,hasText:u,hasIcon:p,hasDropdown:s},c),(u||p)&&e.createElement(pe,{loading:d,hasText:!!i,size:i||"sm"===a?"base":"md"},l&&l,void 0!==i&&e.createElement("span",null,i),s&&e.createElement(Ee,null)),d&&e.createElement(Ce,null,e.createElement(ue,null)))})),Se=u.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${H.md};padding-right:${H.md};padding-left:${H.md};margin-bottom:${H.md};& > * + *{margin-top:${H.xs};}`,Ne=u.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${H.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,Le=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:H.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"})),Ie=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"})),ze=({id:t,title:n,subtitle:o,headerVariant:i="headingSmall",action:l,ActionSlot:r,isCollapsed:a,onClickCollapse:s,onClickClose:d})=>e.createElement(Se,null,e.createElement(Ne,null,e.createElement(A,{id:t,variant:i},n),l&&e.createElement(ke,{variant:"link",onClick:l.onClick},l.title),r,s&&e.createElement(ke,{variant:"flat",icon:a?e.createElement(Le,null):e.createElement(G,null),onClick:s}),d&&e.createElement(ke,{variant:"flat",icon:e.createElement(Ie,null),onClick:d,"aria-label":"Close"})),o&&e.createElement(A,{variant:"subheadingSmall"},o)),{grey:Fe}=N.neutral,je={0:"none",1:z.sm,2:z.base,3:z.md,4:z.lg},Be={info:N.secondary.blue.base,success:N.secondary.green.base,error:N.secondary.red.base},He=u.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${H.base};padding:${H.md};z-index:2;`,Me=u.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${H.md};padding-left:${H.md};margin-top:${H.md};margin-bottom:${H.md};font-family:${R.body.fontFamily};font-size:${R.body.fontSize};font-weight:${R.body.fontWeight};line-height:${R.body.lineHeight};color:${R.body.color};& + &{border-top:${H.line} solid ${Fe.base};padding-top:${H.md};}`,Re=u.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${H.md};margin-right:-${H.md};`,De=u(c.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${Me}:first-child{margin-top:0;}`,Oe=u.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${H.line} solid ${Fe.base};box-shadow:${e=>void 0!==e.elevation?je[e.elevation]:z.sm};border-radius:${I.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: ${H.xs};\n      background-color: ${Be[e]};\n    }\n  `}`,We={expanded:{height:"auto"},collapsed:{height:0}},Te=({className:n,style:o,title:i,subtitle:l,HeaderActionSlot:r,action:a,collapsable:s,elevation:d,accent:c,children:m,onClose:u,renderFooter:p})=>{const[g,h]=t(!1),b=i&&e.createElement(ze,{title:i,subtitle:l,ActionSlot:r,action:a,onClickClose:u,isCollapsed:g,onClickCollapse:s?()=>{h(!g)}:void 0}),f=s&&!g||!s,v=e.createElement(De,{animate:f?"expanded":"collapsed",variants:We,transition:{duration:.3,ease:"easeOut"}},e.createElement(Me,null,m)),x=void 0!==p&&e.createElement(He,null,p());return e.createElement(Oe,{className:n,style:o,elevation:d,accent:c},b,v,x)};Te.Surface=Oe,Te.Section=Me,Te.FullBleed=Re,Te.Footer=He;const{sizes:Ae,colors:Ze,text:Pe}=D,Ve=u(Te.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${Ae.base} 0;display:flex;flex-direction:column;`,qe=u.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${Ze.neutral.grey.base};margin-top:${Ae.base};padding-top:${Ae.base};}`,Xe=u(A).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${Ae.sm} ${Ae.base} ${Ae.sm};`,Ke=u(ke).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${Ae.lg};padding:${Ae.xs} ${Ae.base};display:flex;align-items:center;white-space:nowrap;font-family:${Pe.body.fontFamily};font-size:${Pe.body.fontSize};font-weight:${Pe.body.fontWeight};&:hover{background-color:${Ze.neutral.grey.light};color:${Ze.secondary.blue.base};}& > * + *{margin-left:${Ae[3]};}`,Ye={item:Ke,action:u(Ke).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${Ze.secondary.blue.base};`,link:u(Ke).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${Ze.secondary.blue.base};text-decoration:underline;`},Ue=({title:n,items:o=[],sections:i,buttonVariant:l,buttonSize:r})=>{const[a,s]=t(!1),[d,c]=t(null),m=t=>{const n=Ye[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))},u=i?i.map((t=>e.createElement(qe,{key:t.title},t.title&&e.createElement(Xe,null,t.title),t.items.map(m)))):o.map(m);return e.createElement(e.Fragment,null,e.createElement(ke,{dropdown:!0,variant:l,size:r,onClick:()=>s(!a),ref:c},n),a&&e.createElement(se,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>s(!1)},e.createElement(Ve,null,u)))},Ge=u.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${D.text.link.fontFamily};font-style:${D.text.link.fontStyle};font-weight:${D.text.link.fontWeight};font-size:${D.text.link.fontSize};line-height:${D.text.link.lineHeight};color:${D.colors.secondary.blue.base};text-decoration:${D.text.link.textDecoration};&:hover{color:${D.colors.secondary.blue.dark};}`,_e=({children:t,className:n,text:o,href:i,target:l})=>e.createElement(Ge,{href:i,target:l,className:n},t||o),Je=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;`,Qe=l(((t,n)=>{const{children:o,className:i,role:l}=t;return e.createElement(Je,{className:i,ref:n,role:l},o)})),et=u($).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,tt=u($).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,nt=u(Qe).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${D.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);}`,ot=({cta:t,shouldShowDropdown:n,children:i,className:l="animated-dropdown",reversed:a=!1,onClickAway:s=(()=>{}),timeout:d=350,transitionClassnames:c="dropdown",onClick:m,onMouseEnter:u,onMouseLeave:p})=>{const g=r(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(et,{className:`${l}-container ${l}`,onClick:m,onMouseEnter:u,onMouseLeave:p,ref:g},!a&&t,e.createElement(tt,{className:`${l}-wrap ${l}`},e.createElement(x,{in:n,timeout:d,classNames:c,unmountOnExit:!0},e.createElement(nt,{role:"dialog",reversed:a,className:`${l}-basic-dropdown ${l}`},i))),a&&t)},it=u.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${D.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:${D.text.bodySmallBold.fontFamily};font-weight:${D.text.bodySmallBold.fontWeight};font-size:${D.text.bodySmallBold.fontSize};line-height:${D.text.bodySmallBold.lineHeight};}`,lt=({width:t="40px",name:n="Veeqo",bgColor:o=D.colors.secondary.blue.base,textColor:i="#ffffff"})=>{const l=n.toUpperCase().match(/\b(\w)/g);return e.createElement(it,{width:t,bgColor:o,textColor:i,className:"avatar"},null==l?void 0:l.slice(0,2).map(((t,n)=>e.createElement("span",{key:`${t}-${n}`},t))))};var rt,at;!function(e){e.end="end",e.start="start"}(rt||(rt={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(at||(at={}));const st=u.div.withConfig({displayName:"vui--Container",componentId:"vui--12sulil"})`display:inline-block;`,dt=u(st).withConfig({displayName:"vui--Hoverable",componentId:"vui--17ltyut"})``,ct=u(A).withConfig({displayName:"vui--TooltipText",componentId:"vui--183a4l5"})`color:${D.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,mt=u.div.withConfig({displayName:"vui--Triangle",componentId:"vui--rjghyf"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,ut=u.div.withConfig({displayName:"vui--Tip",componentId:"vui--1v5pppn"})`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;}`,pt=u(st).withConfig({displayName:"vui--Wrap",componentId:"vui--1xs3k5t"})`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;`,gt={duration:400,side:at.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},ht=({children:n,text:o,content:i,config:l,reversed:r=!1,className:s,withTriangle:d,initialShouldShow:c=!1,useReactPortal:m=!0})=>{const u=!!o&&o.trim().length>0,p=Object.assign(Object.assign({},gt),l),{duration:g,side:b,triangleOffset:v,tipMinWidth:x,tipMaxWidth:y}=p,w={container:s&&`${s} ${s}-container`,tip:s&&`${s}-tip`,wrap:s&&`${s}-wrap`,triangle:s&&`${s}-triangle`,hoverable:s&&`${s}-hoverable`},[C,E]=t(c),[$,k]=t(null),[S,N]=t(null),{styles:L,attributes:I}=h($,S,{placement:`${b}-${r?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),z=a((()=>E(!0)),[E]),F=a((()=>E(!1)),[E]),j=Object.assign(Object.assign({},L.popper),{zIndex:D.layers.tooltip}),B=C&&(i||u)&&e.createElement(ut,Object.assign({className:w.tip,ref:N,duration:g,triangleOffsetSize:v,style:j},I.popper,{role:"tooltip"}),e.createElement(pt,{className:w.wrap,tipMinWidth:x,tipMaxWidth:y},null!=i?i:e.createElement(ct,null,o)),d&&e.createElement(mt,{id:"veeqo-components-triangle",className:w.triangle}));return e.createElement(st,{className:w.container},m?f.createPortal(B,document.body):B,e.createElement(dt,{ref:k,className:w.hoverable,onMouseEnter:z,onMouseLeave:F},n))},bt=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:${R.bodySmall.fontFamily};font-weight:${R.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${H.base};height:${H.base};}`,ft={default:u(bt).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${N.secondary.blue.base};color:${N.secondary.blue.base};`,primary:u(bt).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${N.secondary.blue.base};background-color:${N.secondary.blue.lightest};color:${N.secondary.blue.base};`,warning:u(bt).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${N.secondary.yellow.base};background-color:${N.secondary.yellow.lightest};color:${N.secondary.orange.dark};`},vt=({variant:t="default",hideBorder:n=!1,iconSlot:o,tooltip:i,className:l,e2eClassName:r,children:a})=>{const s=ft[t];return e.createElement(ht,{text:i},e.createElement(s,{className:oe([l,r]),hideBorder:n},o&&o,a&&e.createElement("span",null,a)))},xt=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"};`,yt=u($).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,wt=u($).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Ct=u(wt).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${H.md};height:${H.md};color:${({accentColor:e})=>e};}`,Et=u($).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,$t=u(wt).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,kt=u(A).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,St={help:N.secondary.blue.base,info:N.neutral.ink.base,error:N.secondary.red.base,success:N.secondary.green.base},Nt=t=>{var{type:n="info",text:o,icon:i,onClose:l,className:r,header:a,children:s,backgroundColor:d="white"}=t,c=J(t,["type","text","icon","onClose","className","header","children","backgroundColor"]);const m=St[n];return e.createElement(xt,Object.assign({accentColor:m,className:r,backgroundColor:d},c),e.createElement(yt,null,i&&e.createElement(Ct,{style:{marginRight:H.md},accentColor:m},i),s?e.createElement(Et,null,s):e.createElement(e.Fragment,null,e.createElement($t,null,a||e.createElement(kt,{variant:"headingSmall"},o)),e.createElement(wt,null,l&&e.createElement(ke,{variant:"flat","aria-label":"Close",icon:e.createElement(Ie,null),onClick:l})))))},Lt=u.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${R.body.fontFamily};font-weight:${R.body.fontWeight};font-size:${R.body.fontSize};line-height:${R.body.lineHeight};`,It=u.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;}`,zt=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"})),Ft=({children:t,title:n,LinkComponent:o,href:i})=>o?e.createElement(It,{className:"breadcrumb"},e.createElement(o,{href:i},n),t):e.createElement(It,{className:"breadcrumb"},n,t),jt=()=>e.createElement(zt,{className:"separator",width:H.base,height:H.base}),Bt=({children:t,href:n})=>e.createElement("a",{href:n},t),Ht=({children:t})=>e.createElement("span",null,t),Mt=({items:t,Separator:n=e.createElement(jt,null),LinkComponent:o=Bt})=>e.createElement(Lt,{className:"breadcrumbs"},t.map(((i,l)=>e.createElement(Ft,{key:i.title,title:i.title,href:i.pathname,LinkComponent:l!==t.length-1?o:Ht},t.length!==l+1&&n))));var Rt;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Rt||(Rt={}));const Dt=u.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 l,r,a,s,d="",c="";return"vertical"===t?(l=n&&Rt[n],r=o&&Rt[o],d=D.sizes[i],a="column"):(l=o&&Rt[o],r=n&&Rt[n],c=D.sizes[i],a="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(s=1),`\n      align-items: ${l};\n      justify-content: ${r};\n      flex-direction: ${a};\n\n      & > * {\n        flex: ${s};\n      }\n\n      & > * + * {\n        margin-top: ${d};\n        margin-left: ${c};\n      }\n    `}}`;Dt.displayName="Stack";const Ot={top:"flex-start",center:"center"},Wt=u.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${D.sizes.base};}`,Tt=u.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>Ot[e.align]};width:24px;height:24px;`,At=u.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,Zt=u.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${D.sizes.sm};}`,Pt=u.span.withConfig({displayName:"vui--LabelText",componentId:"vui--xampag"})`font-family:${D.text.body.fontFamily};font-size:${D.text.body.fontSize};font-weight:${D.text.body.fontWeight};line-height:${D.sizes.md};color:${D.text.body.color};`,Vt=u.div.withConfig({displayName:"vui--HintText",componentId:"vui--nu56mb"})`font-family:${D.fontFamily};font-size:${D.sizes[3]};line-height:${D.sizes[4]};color:${D.colors.neutral.ink.light};`,qt=u.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--k1l2b9"})`font-family:${D.text.error.fontFamily};font-size:${D.text.error.fontSize};font-weight:${D.text.error.fontWeight};line-height:${D.text.error.lineHeight};color:${D.text.error.color};`,Xt=u.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--124eta7"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Kt=u(Xt).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1g99902"})`border:2px solid ${D.colors.neutral.grey.dark};border-radius:${D.radius.md};padding:${D.sizes.base} 0.75rem;&:hover{border-color:${D.colors.secondary.blue.base};}& ${Pt}{font-weight:${D.text.bodyBold.fontWeight};}`,Yt=u(ht).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ycxtt7"})`display:block;&-hoverable{display:block;}`,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:"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"})),Gt=({id:t,label:n,hint:o,tooltip:i,error:l,bordered:r,Badge:a,Accessory:s,Footer:d,children:c,disabled:m=!1})=>{const u=e.createElement(Wt,null,e.createElement(Tt,{align:s?"center":"top"},c),s&&e.createElement(At,null,s),n||o||l||a||d?e.createElement(Zt,null,e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"sm"},a,n&&e.createElement(Pt,null,n),i&&e.createElement(Yt,{text:i},e.createElement(Ut,{name:"help",width:D.sizes.base,color:D.colors.neutral.ink.lightest}))),o&&e.createElement(Vt,null,o),l&&e.createElement(qt,null,l),d):null);return r?e.createElement(Kt,{disabled:m,htmlFor:t},u):e.createElement(Xt,{disabled:m,htmlFor:t},u)},{colors:_t,sizes:Jt,radius:Qt}=D,en=u.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${_t.neutral.ink.lightest};border-radius:${Qt.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${_t.secondary.blue.base};border-color:${_t.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:${Jt[4]};background-position:center;}&:hover{border-color:${_t.secondary.blue.base};}&:active{border-color:${_t.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${_t.secondary.blue.light};outline:0;}&:indeterminate{background-color:${_t.secondary.blue.base};border-color:${_t.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:${Jt[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${_t.neutral.grey.base};border-color:${_t.neutral.grey.base};color:${_t.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>");}`,tn=t=>{var{checked:n,indeterminate:l,value:s,name:d,disabled:c,ariaLabel:m,className:u,onChange:p}=t,g=J(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=i((()=>Q("checkbox")),[]),b=r(null),f=a((e=>{p(e.currentTarget.checked,s)}),[p,s]);return o((()=>{b.current&&(b.current.indeterminate=!0===l)}),[l]),e.createElement(Gt,Object.assign({id:h,disabled:c},g),e.createElement(en,{ref:b,id:h,type:"checkbox",checked:n,value:s,name:d,disabled:c,"aria-label":m,className:u,onChange:f}))},nn=u.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;}`,on=l(((t,n)=>{var{checked:o,value:i,name:l,disabled:r,onChange:s,id:d}=t,c=J(t,["checked","value","name","disabled","onChange","id"]);const m=a((e=>{s(e.currentTarget.checked,i)}),[s,i]),u=null!=d?d:Q("radio");return e.createElement(Gt,Object.assign({id:u,disabled:r},c),e.createElement(nn,{id:u,type:"radio",checked:o,value:i,name:l,disabled:r,onChange:m,ref:n}))})),ln=u.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,rn=u.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${D.text.inputLabel.fontFamily};font-size:${D.text.inputLabel.fontSize};font-style:${D.text.inputLabel.fontStyle};font-weight:${D.text.inputLabel.fontWeight};line-height:${D.text.inputLabel.lineHeight};text-decoration:${D.text.inputLabel.textDecoration};color:${D.text.inputLabel.color};`;class an 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:l,bordered:r}=this.props,a=t?tn:on;return e.createElement(ln,{disabled:l},i&&e.createElement(rn,null,i),n.map((t=>e.createElement(a,Object.assign({key:t.value,bordered:r,checked:o.includes(t.value),onChange:e=>this.handleChange(t.value,e)},t)))))}}const sn=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"})),dn=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"})),cn={width:H.base,height:H.base},mn=u(ke).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${H.base};width:${H.base};top:unset;}`,un=({className:t,text:n,onCopy:o})=>{const[i,l]=e.useState(!1),r=a((()=>{navigator.clipboard.writeText(n),o&&o(),l(!0),setTimeout((()=>l(!1)),2500)}),[o,n]);return e.createElement(ht,{text:i?"Copied!":"Copy to clipboard"},e.createElement(mn,{variant:"flat",size:"sm",className:t,"aria-label":`${i?"Copied":"Copy"} "${n}" to clipboard`,icon:i?e.createElement(sn,Object.assign({color:N.secondary.green.base},cn)):e.createElement(dn,Object.assign({color:N.secondary.blue.base},cn)),onClick:r}))};function pn(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function gn(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${gn(e.min,"max-content")}, ${gn(e.max)})`;default:return t||"1fr"}}function hn({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:i,stripingMode:l}){const r=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  `)),a=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,m=`\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  `,u=`\n    tr:nth-child(odd) > td {\n      background-color: ${D.colors.neutral.grey.lightest};\n    }\n\n    tr + tr > td {\n      border-top: 1px solid ${D.colors.neutral.grey.base};\n    }\n  `,p=`\n    tbody:nth-of-type(odd) > tr > td {\n      background-color: ${D.colors.neutral.grey.lightest};\n    }\n\n    tbody + tbody > tr:first-child > td {\n      border-top: 1px solid ${D.colors.neutral.grey.base};\n    }\n  `;return`\n    grid-template-columns: ${i.map((e=>gn(e.width))).join(" ")};\n\n    th::after, td::after {\n      transition: box-shadow .3s;\n    }\n\n    ${e.length>0?r:""}\n    ${t.length>0?a:""}\n\n    ${d}\n    ${m}\n\n    ${"nested"===l?p:u}\n  `}var bn;!function(e){e.ascending="ascending",e.descending="descending"}(bn||(bn={}));const fn=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"})),vn=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"})),xn=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"})),yn=({sortState:t,columnId:n,size:o})=>t&&t.columnId===n?t.direction===bn.ascending?e.createElement(vn,{color:D.colors.neutral.ink.dark,size:o}):e.createElement(xn,{color:D.colors.neutral.ink.dark,size:o}):e.createElement(fn,{size:o});function wn(e,n){const[i,l]=t([]),r=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));l(n)};return o((()=>{r()}),[e.current]),o((()=>{if(!n.current)return;const e=w(r,50),t=new b(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),i}function Cn(e){const t=e.filter((e=>!0!==e.hidden)),n=t.filter((e=>"left"===e.pinned)),o=t.filter((e=>"right"===e.pinned)),i=t.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...n,...i,...o],pinnedLeft:n,pinnedRight:o}}function En(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},l=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",l),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},r=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",i),document.addEventListener("mouseup",l))};return n.addEventListener("mousedown",r),()=>null==n?void 0:n.removeEventListener("mousedown",r)}),[e.current])}function $n(){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 kn(e){const[n,i]=t("start"),l=()=>{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",l),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",l)}}),[e.current]),o((()=>{if(!e.current)return;const t=w(l,50),n=new b(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:n,containerRef:e}}const Sn="56px",Nn=u.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${Sn};display:flex;align-items:center;justify-content:${({align:e="left"})=>pn(e)};background-color:white;padding-left:${({spacing:e=3})=>D.sizes[e]};padding-right:${({spacing:e=3})=>D.sizes[e]};border-bottom:1px solid ${D.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function Ln(t){var{selected:n,indeterminate:o,onChange:i,selectionMode:l}=t,r=J(t,["selected","indeterminate","onChange","selectionMode"]);return"single"===l?e.createElement(Nn,Object.assign({},r)):e.createElement(Nn,Object.assign({},r),e.createElement(tn,{checked:n,indeterminate:o,onChange:i}))}const In=u.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>pn(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>D.sizes[e]};padding-right:${({spacing:e=3})=>D.sizes[e]};color:${D.text.bodySmall.color};font-family:${D.text.bodySmall.fontFamily};font-size:${D.text.bodySmall.fontSize};font-style:${D.text.bodySmall.fontStyle};font-weight:${D.text.bodySmall.fontWeight};line-height:${D.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${D.colors.secondary.blue.base};background-color:${D.colors.neutral.grey.lightest};}`;function zn(t){var{selected:n,rowId:o,onChange:i,selectionMode:l,disabled:r}=t,a=J(t,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===l?e.createElement(In,Object.assign({},a),e.createElement(on,{value:o,checked:n,disabled:r,onChange:i})):e.createElement(In,Object.assign({},a),e.createElement(tn,{value:o,checked:n,disabled:r,onChange:i}))}const Fn=[[],()=>{}];function jn({selectionMode:t="multiple",selectionState:n,enabledRowIds:o}){const i=!!n,[l,r]=n||Fn,a=()=>{l.length!==o.length?r(o):r([])};return{selectionEnabled:i,selectedRowIds:l,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,i)=>e.createElement(Ln,Object.assign({},i,{selected:l.length===o.length,indeterminate:l.length>0&&l.length<o.length,onChange:a,selectionMode:t})),renderCell:(n,o,i,l)=>e.createElement(zn,Object.assign({},o,{rowId:n.id,selected:l.selected,onChange:i.setSelected,selectionMode:t,disabled:l.disabled}))},setSelected:(e,n)=>{if(null!=n)if(e&&"single"===t)r([n]);else if(e){if(l.includes(n))return;const e=[...l,n];r(e)}else{const e=l.findIndex((e=>e===n));if(e<0)return;const t=[...l];t.splice(e,1),r(t)}}}}const Bn=u.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${D.colors.neutral.ink.lightest};`,Hn=u.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${D.text.headingTable.color};font-family:${D.text.headingTable.fontFamily};font-size:${D.text.headingTable.fontSize};font-style:${D.text.headingTable.fontStyle};font-weight:${D.text.headingTable.fontWeight};line-height:${D.text.headingTable.lineHeight};`,Mn=u(Hn).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 ${Bn}{background-color:${D.colors.neutral.grey.light};color:${D.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${D.colors.secondary.blue.light};}`;function Rn({column:t,sortState:n,onChangeSort:o}){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 i={key:t.id.toString(),id:`datatable-header-${t.id}`,role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,i);const l=t.sortable?Mn:Hn,r=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===bn.ascending;let i=bn.ascending;return n&&o&&(i=bn.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(Nn,Object.assign({},i),e.createElement(ht,{text:t.tooltip},e.createElement(l,Object.assign({},r),t.icon&&t.icon,t.title&&e.createElement("span",null,t.title),t.sortable&&e.createElement(Bn,null,e.createElement(yn,{sortState:n,columnId:t.id,size:5})))))}const Dn=D.colors.neutral.grey.base,On=D.colors.neutral.grey.dark,Wn=u.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${D.radius.base};background:${Dn};background-image:linear-gradient(\n    to right,\n    ${Dn} 0%,\n    ${On} 20%,\n    ${Dn} 40%,\n    ${Dn} 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 Tn=u.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:${Sn};background-color:white;`,An=u.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 ${D.colors.neutral.grey.base};& > *{flex:1;}`;function Zn({selectionColumn:n,intersectionTargetRef:i,containerRef:l,children:r}){var a;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===(a=l.current)||void 0===a?void 0:a.getBoundingClientRect(),m={position:"fixed",top:0,left:null==c?void 0:c.left,width:null==c?void 0:c.width},u=s?m:{position:"absolute",top:0,left:0,right:0};return e.createElement(Tn,{style:u},Rn({column:n}),e.createElement(An,null,r))}const Pn=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"})),Vn=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"})),qn=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 Xn=u.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${D.sizes.lg};padding-bottom:${D.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${D.sizes.md};`,Kn=u.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${D.sizes.md};background-color:${D.colors.neutral.grey.light};border-radius:${D.radius.full};`,Yn=u.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Un=u.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n    &&&& > td {\n      background-color: ${D.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  `}`,Gn=u.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,_n=u.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${D.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Jn=u.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Qn={full:`border-width: 1px; border-radius: ${D.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},eo=u.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${D.colors.neutral.grey.dark};${({borderMode:e="full"})=>Qn[e]} &,& *{box-sizing:border-box;}`;function to({children:n,intersectionTargetRef:i,containerRef:l,cellWidths:a,tableCss:s}){const d=r(null),[c,m]=t(!1),[u,p]=t({top:0,left:0,width:0,height:0}),g=()=>{var e;const t=null===(e=l.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(!l.current)return;const t=l.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=>{m(!e.isIntersecting)}))}),{threshold:1});return e.observe(i.current),()=>e.disconnect()}),[i.current]),o((()=>{c&&l.current&&g()}),[l.current,c]),o((()=>{if(!c)return;if(!l.current)return;const e=w(g,33),t=new b(e);return t.observe(l.current),()=>t.disconnect()}),[l.current,c]),o((()=>{h()}),[c]),o((()=>{var e;return null===(e=l.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=l.current)||void 0===e||e.removeEventListener("scroll",h)}}),[l.current]),!c)return null;const f=Object.assign(Object.assign({},u),{height:Sn,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${D.colors.neutral.grey.base}`}),v=s+a.map(((e,t)=>`\n    & th:nth-child(${t+1}) {\n      width: ${e}px;\n    }\n  `)).join("");return e.createElement("div",{style:f,ref:d},e.createElement(_n,{css:v},e.createElement("thead",null,n)))}const no=(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}),oo=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"})),io={icon:e.createElement(oo,{width:48,height:48}),heading:"No results"},lo=()=>{},ro=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:i=io,expandedRowIds:l,loading:a,loadingRowCount:s,onChangeSort:d,rows:c,disabledRowIds:m,selectionMode:u,selectionState:p,setExpanded:g,sortState:h,stripingMode:b,enableStickyHeader:f})=>{const v=r(null),x=r(null),y=r(null);En(v);const w=c.map((e=>e.id)).filter((e=>!(null==m?void 0:m.includes(e)))),{selectionEnabled:C,selectedRowIds:E,selectionColumn:$,setSelected:k}=jn({selectionMode:u,selectionState:p,enabledRowIds:w}),S={setSelected:k||lo,setExpanded:g||lo},N=[$,...o],L=C?N:o,I=wn(x,v),{visible:z,pinnedLeft:F,pinnedRight:j}=Cn(L),{scrollPosition:B}=kn(v),H=hn({pinnedLeft:F,pinnedRight:j,cellWidths:I,scrollPosition:B,visible:z,stripingMode:b});if(a){const t=new Array(s).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(eo,{borderMode:n},e.createElement(Gn,{ref:v},e.createElement(_n,{css:H,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Un,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},t.map((t=>e.createElement(Un,{key:t.id},z.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(In,Object.assign({},o),e.createElement(Wn,null))}(t,n))))))))))}if(0===c.length)return e.createElement(eo,{borderMode:n},e.createElement(Gn,{ref:v},e.createElement(_n,{css:H,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Un,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(Xn,{columnCount:z.length},e.createElement(Kn,null,i.icon),e.createElement(Dt,{spacing:"sm",alignX:"center"},e.createElement(A,{variant:"headingMedium"},i.heading),i.subheading&&e.createElement(A,{variant:"subheadingMedium"},i.subheading)))))));const M=t=>{const{e2eClassName:n="",accentColor:o}=t,i=no(t.id,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:m});return e.createElement(Un,Object.assign({role:"row",key:t.id,accentColor:o,className:n},i),z.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,S,i))))},R=(t,n)=>{var o,i;const r=null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row,a=no(n,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:m});return e.createElement(Un,{role:"row",key:t.id,className:r},z.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(In,Object.assign({},i))}(t,n,a))))},D=t=>{var n;const o=null==l?void 0:l.includes(t.id);return e.createElement("tbody",{role:"rowgroup",key:t.id},M(t),o&&(null===(n=t.nestedRows)||void 0===n?void 0:n.map((e=>R(e,t.id)))))},O=e.createElement(Un,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d})))),W=o.some((e=>!!e.renderFooter)),T=E.length>0&&!!t;return e.createElement(eo,{borderMode:n},T&&e.createElement(Zn,{selectionColumn:$,intersectionTargetRef:y,containerRef:v},t),e.createElement(Gn,{ref:v},f&&e.createElement(to,{tableCss:H,intersectionTargetRef:y,containerRef:v,cellWidths:I},O),e.createElement("div",{ref:y,style:{height:0}}),e.createElement(_n,{css:H,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},O),(()=>{const t=!!l;return t&&"nested"===b?c.map(D):t?e.createElement("tbody",{role:"rowgroup"},c.map((e=>{var t;return[M(e),...(null==l?void 0:l.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>R(t,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},c.map(M))})(),W&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(Un,{role:"row"},z.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(In,Object.assign({},n))}({column:t}))))))))};ro.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},ro.Cell=In,ro.ColumnMenu=function({columns:n,columnGroups:o,setColumns:i}){const[l,r]=t(null),[a,s]=t(!1),d=n.map((e=>[e.id,e])),c=Object.fromEntries(d),m=o.map((e=>e.map((e=>c[e])))),u=(e,t)=>{const o=m[e].map((e=>e.id)),l=[...n];o.forEach((e=>{const n=l.findIndex((t=>t.id===e));n<0||(l[n]=Object.assign(Object.assign({},l[n]),{hidden:t}))})),i(l)};return e.createElement(e.Fragment,null,e.createElement(ke,{ref:r,dropdown:!0,onClick:()=>s(!0)},"Columns"),a&&e.createElement(se,{anchorElement:l,onShouldClose:()=>s(!1)},e.createElement(Te,{style:{width:600}},e.createElement(Dt,{alignX:"stretch",spacing:"sm"},m.map(((t,n)=>e.createElement(Dt,{key:t[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},e.createElement(ke,{variant:"flat",icon:e.createElement(qn,null)}),e.createElement(Dt,{spacing:"sm",style:{flex:1}},t.map((t=>e.createElement("div",{key:t.id},t.title)))),e.createElement(Dt,{direction:"horizontal",spacing:"sm"},t[0].hidden?e.createElement(ke,{variant:"flat",icon:e.createElement(Vn,null),onClick:()=>u(n,!1),style:{color:D.colors.neutral.ink.lightest}}):e.createElement(ke,{variant:"flat",icon:e.createElement(Pn,null),onClick:()=>u(n,!0)})))))))))},ro.SelectionCell=zn,ro.SelectionHeader=Ln,ro.Header=Nn,ro.Truncate=Jn,ro.NoWrap=Yn;const ao=u.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${D.sizes.base};}`,so=u.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${D.sizes.xs};}`,co=u.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${D.sizes.base};}`,mo=u.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${D.sizes.xs};}`,uo=u.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${D.text.bodyBold.fontFamily};font-size:${D.text.bodyBold.fontSize};font-weight:${D.text.bodyBold.fontWeight};line-height:${D.text.bodyBold.lineHeight};color:${D.text.bodyBold.color};`,po=u.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${D.text.body.fontFamily};font-size:${D.text.body.fontSize};font-weight:${D.text.body.fontWeight};line-height:${D.text.body.lineHeight};color:${D.text.body.color};`,go=({items:t,horizontal:n})=>{const o=t=>Array.isArray(t)?t.map((t=>e.createElement(po,{key:t},t))):e.createElement(po,null,t);return e.createElement(ao,null,t.map((t=>n?e.createElement(co,{key:t.term},e.createElement(uo,null,t.term),e.createElement(mo,null,o(t.description))):e.createElement(so,{key:t.term},e.createElement(uo,null,t.term),o(t.description)))))},{sizes:ho,colors:bo}=D,fo=u.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${ho.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${ho.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,vo=u.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${ho.md};overflow-x:hidden;background-color:${bo.neutral.grey.lightest};`,xo=({renderHeader:n,children:o})=>{const[i,l]=t(!0);return e.createElement("main",null,n((()=>l(!i)),i),e.createElement(vo,null,e.createElement(fo,{showSidebar:i},o)))},yo=u.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 wo;!function(e){e.base="base",e.sm="sm"}(wo||(wo={}));const Co=u.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${D.text.inputLabel.fontFamily};font-size:${D.text.inputLabel.fontSize};font-weight:${D.text.inputLabel.fontWeight};line-height:${D.text.inputLabel.lineHeight};color:${D.text.inputLabel.color};`,Eo=u.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${D.fontFamily};font-size:${D.sizes[3]};line-height:${D.sizes[4]};color:${D.colors.neutral.ink.light};`,$o=u.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${D.text.error.fontFamily};font-size:${D.text.error.fontSize};font-weight:${D.text.error.fontWeight};line-height:${D.text.error.lineHeight};color:${D.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${D.sizes[2]} * -1);width:2px;background-color:${D.colors.secondary.red.base};}`,ko=u(Dt).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,So=u(ht).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:block;}`,No=t=>n=>{var{label:o,hint:l,error:r,tooltip:a}=n,s=J(n,["label","hint","error","tooltip"]);const d=i((()=>Q(t.name)),[]);return o?e.createElement(ko,{spacing:"sm",alignX:"stretch"},e.createElement("div",null,e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement(Co,{htmlFor:d},o),a&&e.createElement(So,{text:a},e.createElement(Ut,{width:D.sizes.base,height:D.sizes.base,color:D.colors.neutral.ink.light}))),l&&e.createElement(Eo,null,l)),e.createElement(t,Object.assign({id:d,hasError:!!r},s)),r&&e.createElement($o,null,r)):e.createElement(t,Object.assign({hasError:!!r},s))},Lo=t=>n=>(o((()=>{console.warn(`${t.name} is deprecated.`)}),[]),e.createElement(t,Object.assign({},n))),Io=({hasError:e,inputSize:t})=>p`&{--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  "}`,zo=u.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${D.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    `}} ${Io} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,Fo=u.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;${Io}`,jo=/^-?[0-9]*\.?[0-9]+$/,Bo=No(l(((t,n)=>{var{id:o,className:i,disabled:l=!1,hasError:r,max:s,min:d,multiline:c=!1,name:m,onChange:u,pattern:p,placeholder:g,rows:h="3",size:b=wo.base,step:f,type:v="text",value:x,spellCheck:y=!1}=t,w=J(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const C=a((e=>{if(!u)return;const t=e.currentTarget.value;if(""===t)return void u(t);if("number"!==v)return void u(t);new RegExp(jo).test(t)&&u(t)}),[u,v]),E=null!=o?o:Q("textfield");return"text"===v&&c?e.createElement(Fo,Object.assign({className:i,disabled:l,hasError:r,id:E,name:m,onChange:C,placeholder:g,rows:h,value:x,spellCheck:y,ref:n},w)):e.createElement(zo,Object.assign({className:i,disabled:l,hasError:r,id:E,inputSize:b,max:s,min:d,name:m,onChange:C,placeholder:g,step:f,type:v,value:x,spellCheck:y,ref:n},w))})));Bo.displayName="TextField";const Ho=u($).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,Mo=u($).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,Ro=u(Bo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${D.colors.neutral.ink.lightest};}`,Do=u(ke).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${D.colors.neutral.ink.lightest};`;u(A).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,u.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${D.text.error.fontFamily};font-size:${D.text.error.fontSize};font-weight:${D.text.error.fontWeight};line-height:${D.text.error.lineHeight};color:${D.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${D.sizes[2]} * -1);width:2px;background-color:${D.colors.secondary.red.base};}`,u.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${D.fontFamily};font-size:${D.sizes[3]};line-height:${D.sizes[4]};color:${D.colors.neutral.ink.light};`;const Oo=No((t=>{var{size:n=wo.base,handleChangeHeight:o,handleChangeWidth:i,handleChangeLength:l,className:r,height:a,width:s,length:d,unit:c}=t,m=J(t,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return e.createElement(Ho,{className:r},e.createElement(Mo,null,e.createElement(Ro,Object.assign({onChange:l,size:n,name:"length",type:"number",placeholder:"L",value:d},m)),e.createElement(Ie,{height:D.sizes.base,width:D.sizes.base}),e.createElement(Ro,Object.assign({onChange:i,size:n,name:"width",type:"number",placeholder:"W",value:s},m)),e.createElement(Ie,{height:D.sizes.base,width:D.sizes.base}),e.createElement(yo,null,e.createElement(Ro,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:a},m)),e.createElement(Do,{size:n},c))))}));Oo.displayName="DimensionsInput";const Wo=(e,t)=>{const n=r(null),i=a((e=>{"Escape"===e.key&&(null==t||t())}),[t]),l=a((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",l),document.addEventListener("keyup",i),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",i)}}),[l,i,e]),n},To=(e,n)=>{const[i,l]=t(e);return o((()=>{const t=setTimeout((()=>l(e)),n);return()=>clearTimeout(t)}),[e,n]),i};function Ao(){const[e,n]=t(!1),o=a((()=>n(!e)),[e,n]),i=a((()=>n(!1)),[n]);return{shouldShowDropdown:e,toggleShouldShowDropdown:o,setShouldShowDropdown:n,closeDropdown:i}}const Zo=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Po({children:n}){const[i,l]=t(!0);return o((()=>{function e(){l(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(l(!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||l(!0)}function r(){"hidden"===document.visibilityState&&(l(!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",r,!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",r,!0),o()}}),[l]),e.createElement(Zo.Provider,{value:{hadKeyboardEvent:i,isInitialized:!0}},n)}function Vo(){const[t,n]=e.useState(!1),{hadKeyboardEvent:o,isInitialized:i}=e.useContext(Zo),l=e.useCallback((()=>{t||n(!0)}),[t]),r=e.useCallback((()=>{t&&n(!1)}),[t]);let a;return a=i?o&&t:t,e.useMemo((()=>({focusVisible:a,onFocus:l,onBlur:r})),[a,r,l])}const qo=(e=!1)=>{const[n,o]=t(e);return[n,a((()=>o(!0)),[o]),a((()=>o(!1)),[o])]},Xo=e=>{const[n,i]=t(!1),[l,r]=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&&!l,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:i}=t.target;r(o-n-i<=0)}}},Ko=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[i]=t(e),[l,r]=t(i[o]);return[l,e=>{const t=i.find((t=>t.key===e));t&&r(t)}]},Yo=u($).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${N.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${H.base};height:${H.base};}`,Uo=u(A).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,Go=u(Uo).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,_o=u(Le).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,Jo=u(Ie).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Qo=u($).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,ei=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 ${N.neutral.grey.base};svg{color:${({color:e})=>e};width:${H[5]};height:${H[5]};margin-right:10px;}`,ti=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),ni=({className:t,e2eClassName:n,label:o,text:i,iconSlot:l,fill:r=N.secondary.blue.base,content:s,footer:d,onClickAway:c,onClick:m,shouldCloseOnClickAway:u=!0})=>{const p=ti(t),g=ti(n),{shouldShowDropdown:h,toggleShouldShowDropdown:b,closeDropdown:f}=Ao(),v=a((e=>{b(),c&&h&&c(e)}),[b,c,h]),x=a((e=>{c&&c(e,f),u&&f()}),[f,c,u]);return!s?e.createElement(Yo,{className:oe([null==p?void 0:p.container,null==g?void 0:g.container]),onClick:m},o&&e.createElement(Go,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(A,null,i),e.createElement(Jo,{className:oe([null==p?void 0:p.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:N.neutral.ink.base})):e.createElement(ot,{className:p.filterTagDropdown,shouldShowDropdown:h,onClickAway:x,cta:e.createElement(Yo,{className:p.container,onClick:v},o&&e.createElement(Go,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(A,null,i),e.createElement(_o,{color:N.neutral.ink.base,name:"downArrow",shouldShow:h}))},e.createElement(Qo,null,e.createElement(ei,{color:r},l,e.createElement(A,{variant:"bodyBold"},o)),s,d))},oi=u($).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?H[e]:0};`,ii=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"})),li=u.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,ri=u.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,ai=u.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,si=u.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,di=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}),ci=({src:n,alt:o="",className:i,e2eClassName:l,width:r,height:s,previewWidth:d,previewHeight:c,previewPlacement:m="right",previewEnabled:u=!1,placeholder:p,placeholderWidth:g,placeholderHeight:b,disablePlaceholder:f=!1})=>{const x=di(i),y=di(l),[w,C]=t(!1),[E,$]=t({isLoaded:!1,isError:!1}),[k,S]=e.useState(null),[N,L]=e.useState(null),{styles:I,attributes:z}=h(k,N,{placement:m,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),F=a((()=>u?C(!0):{}),[u]),j=a((()=>u?C(!1):{}),[u]),B=!E.isLoaded||E.isError;return e.createElement(li,{className:oe([null==x?void 0:x.container,null==y?void 0:y.container,i])},e.createElement(ri,{src:n,alt:o,className:oe([null==x?void 0:x.image,null==y?void 0:y.image]),width:r,height:s,onLoad:()=>$({isLoaded:!0,isError:!1}),onError:()=>$({isLoaded:!0,isError:!0}),previewEnabled:u,onMouseEnter:F,onMouseLeave:j,style:B?{display:"none"}:{},ref:S}),!f&&B&&(p||e.createElement(ii,{className:oe([null==x?void 0:x.placeholder,null==y?void 0:y.placeholder]),width:g||r,height:b||s})),w&&v(e.createElement(ai,Object.assign({ref:L,style:I.popper},z.popper,{className:oe([null==x?void 0:x.previewImageContainer,null==y?void 0:y.previewImageContainer])}),e.createElement(si,{src:n,alt:"",width:d,height:c})),document.body))},mi={width:64,height:64},ui={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({},mi)),title:"No data found"},pi={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({},mi)),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 gi;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(gi||(gi={}));const{text:hi,sizes:bi}=D,{blue:fi}=D.colors.secondary,{grey:vi}=D.colors.neutral,{scrollbar:xi}=D.colors.system,yi='\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',wi=u.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,Ci=u.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 ${vi.dark};border-bottom:1px solid ${vi.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: ${xi.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${xi.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      ${yi};\n\n      ${o===gi.middle||o===gi.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      ${yi};\n\n      ${o===gi.start||o===gi.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}`,Ei=u(Ci).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${vi.dark};border-radius:4px;`,$i=u.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,ki=u.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${vi.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;u.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${vi.lightest};padding:1.5rem 1rem;border-top:1px solid ${fi.base};}`;const Si=u.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  `}`,Ni=u.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:${hi.bodySmall.fontFamily};font-size:${hi.bodySmall.fontSize};font-weight:${hi.bodySmall.fontWeight};color:${hi.bodySmall.color};line-height:${bi.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,Li=u(Ni).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${vi.dark};font-family:${hi.bodySmallBold.fontFamily};font-size:${hi.bodySmallBold.fontSize};font-weight:${hi.bodySmallBold.fontWeight};color:${hi.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${vi.light};}`,Ii={left:"flex-start",center:"center",right:"flex-end"},zi=u.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?Ii[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,Fi=u.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n    & ${ki}:nth-child(even) td {\n      background-color: ${vi.lightest};\n    }\n  `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n      user-select: none;\n      pointer-events: none;\n    "}}${({noWrap:e})=>e&&`\n    & ${Li}, & ${Li} span {\n      white-space: nowrap;\n    }\n  `}`,ji=u.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${Ni}{border-top:1px solid ${vi.dark};background-color:${vi.lightest};padding-top:${bi.base};padding-bottom:${bi.base};line-height:2rem;}`,Bi=u.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,Hi=u(Fi).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,Mi=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;`,Ri=u($).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${D.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,Di=u(A).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,Oi=u(A).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,Wi=({height:t,icon:n,title:o,subTitle:i})=>e.createElement(Mi,{height:t},e.createElement(Ri,null,n),e.createElement(Di,{variant:"headingLarge"},o),i&&e.createElement(Oi,{variant:"subheadingMedium"},i)),Ti=u.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:${D.sizes.base};border-radius:${D.radius.base};&:hover{cursor:pointer;background-color:${D.colors.secondary.blue.lightest};}`,Ai=u(Ti).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${D.text.link.color};text-decoration:${D.text.link.textDecoration};`,Zi=u.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:Pi}=D.colors.neutral,Vi=u.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,qi=u.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, ${Pi.base} 8%, ${Pi.dark} 15%, ${Pi.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,Xi=({isLoading:t,style:n})=>e.createElement(Vi,{style:n},e.createElement(qi,{isLoading:t})),Ki=t=>{var{style:n}=t,o=J(t,["style"]);return e.createElement(Ni,Object.assign({},o),e.createElement(Xi,{style:n}))};Ki.defaultProps={style:{}};const Yi=({renderHeader:n,tableRef:i,wrapperRef:l,isFixedLayout:r,wrapperStyle:s})=>{var d;const[c,m]=t(null),{isSticky:u}=((e,n)=>{const[i,l]=t(!1),r=a((({top:e,bottom:t})=>{let o=i;o=e<=(n||0)&&t>0?!i||o:!i&&o,o!==i&&l(o)}),[i,n]);return o((()=>{const t=()=>{var t;e.current&&r(null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}}),[r,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=l.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;C(l);const g=e=>{var t;const n=(null===(t=l.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:c&&(c.scrollLeft=n)};return g(),u?e.createElement(Bi,{ref:e=>{m(e),g(e)},style:Object.assign({width:p},s)},e.createElement(Hi,{style:{tableLayout:r?"fixed":"auto"}},n())):null},Ui=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")},Gi=t=>{var{style:n,width:o,isLoading:i}=t,l=J(t,["style","width","isLoading"]);return e.createElement(Li,Object.assign({},l,{style:{width:o}}),e.createElement(Xi,{style:n,isLoading:i}))},_i=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"})),Ji=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"})),Qi=()=>e.createElement(fn,{width:D.sizes.base,height:D.sizes.base,color:"lightgrey"}),el=()=>e.createElement(_i,{width:D.sizes.base,height:D.sizes.base,color:"lightgrey"}),tl=()=>e.createElement(Ji,{width:D.sizes.base,height:D.sizes.base,color:"lightgrey"}),nl=({borderless:n=!1,striped:l=!0,noWrap:s=!1,showScrollbar:d=!1,headers:c,rows:m,renderRow:u,renderNestedRow:p,expandedRowIds:g,renderLoadingRow:h,renderFooterRow:b,renderFooterLoadingRow:f,omitFooterSelectionCell:v=!1,selectedRowIds:x,disabledSelectionInputRowIds:y,selectionMode:w="multiple",onChangeSelectedRowIds:C,sortColumnId:E,sortDirection:$,onChangeSort:k,isError:S=!1,isLoading:N=!1,skeletonRowsNumber:L=5,isHeaderSticky:I=!0,stickyHeaderStyle:z,customSpecificState:F,bodyHeightInSpecificStates:j=375,startFixedColumnsNumber:B,endFixedColumnsNumber:H})=>{const M=n?Ci:Ei,R=!!m&&0===m.length,D=Boolean(B||H),O=!B&&!H,W=r(null),T=r(null),[A,Z]=t(gi.none);o((()=>{var e;let t=null;const n=()=>{if(!T.current||O)return;const e=T.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),i=n+o;t===o?Z(gi.none):0===n?Z(gi.start):n>0&&i<t?Z(gi.middle):i===t&&Z(gi.end)};return T.current&&(t=T.current,n(),null===(e=T.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[W,O]);const P=a((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),[]),V=a(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),q=a((()=>{if(!c||N)return null;const e=[],t=[];let n=0,o=0;if(B){x&&(e.push(V(1,n,"left")),n+=58);for(let t=0;t<B;t+=1){const o=P(c[t].width);o&&(e.push(V(x?t+2:t+1,n,"left")),n+=o)}}if(H)for(let e=0;e<H;e+=1){const n=P(c.slice(-e-1)[0].width);n&&(t.push(V(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[N,P,H,V,c,B,x]),X=i((()=>q()),[q]),K=a(((e,t)=>{if(!x||!C)return;if(e)return"single"===w?void C([t.id]):void C([...x,t.id]);const n=[...x],o=n.findIndex((e=>e===t.id));n.splice(o,1),C(n)}),[C,x,w]),Y=a((()=>{if(!x||!C)return;if(x.length===m.length)return void C([]);const e=m.map((e=>e.id));C(e)}),[C,m,x]),U=a((e=>{if(void 0===E||void 0===k)return;let t=E,n="ascending";"ascending"===$&&(n="descending"),e!==E&&(t=e,n="ascending"),k(t,n)}),[k,E,$]),G=a(((t,n)=>{let o="",i=()=>{},l=e.createElement(Qi,null);const{tooltip:r,align:a,icon:s,title:d,sortable:c,id:m}=t;c&&(o="sortable",i=()=>U(m),E===m&&(l="ascending"===$?e.createElement(el,null):e.createElement(tl,null)));const u=e.createElement(zi,{align:a},s&&s,d&&e.createElement("span",null,d),c&&l);return e.createElement(Li,{key:m,id:`data-table-header-${m}`,className:o,onClick:i,align:t.align,grow:t.grow,style:Object.assign({width:t.width||"auto"},n)},r?e.createElement(ht,{text:r},e.createElement(wi,null,u)):u)}),[U,E,$]),_=a(((t,n)=>e.createElement(Gi,{key:t.id,width:t.width||"auto",style:n,isLoading:N})),[N]),J=a((()=>{if(!c)return null;const t=q(),n=t?t[0].style:{};return e.createElement($i,null,e.createElement(Si,null,x&&e.createElement(Li,{style:Object.assign({width:58},n)},"multiple"===w&&e.createElement(tn,{checked:m.length>0&&(null==x?void 0:x.length)===m.length||!1,onChange:Y,disabled:y&&y.length>0||N||R,ariaLabel:"Select all"})),c.map(((e,n)=>{const o=x?n+2:n+1,i=n-c.length,l=null==t?void 0:t.find((e=>e.index===o||e.index===i));return e.skeleton&&(N||S||R)?_(e,e.skeletonStyle||{}):G(e,(null==l?void 0:l.style)||{})}))))}),[q,Y,c,R,S,N,_,G,m.length,x,w,y]),Q=a(((t,n)=>{const o={checked:t,onChange:e=>K(e,n),disabled:(null==y?void 0:y.includes(n.id))||!1};return"single"===w?e.createElement(on,Object.assign({},o)):e.createElement(tn,Object.assign({},o))}),[K,w,y]),ee=a((t=>{const n={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===w?e.createElement(Ki,{key:void 0===t?null:`radio-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"50%"})}):e.createElement(Ki,{key:void 0===t?null:`checkbox-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"0.25rem"})})}),[w]),te=a(((t,n)=>{var o,i;if(!p)return null;const l=p(t);if(!l)return null;const r=(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(Si,{key:t.id,className:`${r} ${n?"hidden":""}`},x&&e.createElement(Ni,null),l)}),[p,x]),ne=a((t=>{if(!c)return e.createElement(Ki,null);const n=c.map((n=>e.createElement(Ki,{key:`${t}-${n.id}`})));return x&&n.unshift(ee(t)),n}),[c,ee,x]),oe=()=>b?N&&!f||!N&&R?null:e.createElement(ji,{fixedColumnsStyle:Ui(X||[])},e.createElement(Si,null,x&&!v&&e.createElement(Ni,null),!N&&b(m),N&&f&&f())):null;let ie=B;x&&ie&&(ie+=1);const le=i((()=>m.map((t=>{var n,o,i;const{data:l}=t,r=!!x&&x.includes(t.id),a=!g||g.includes(t.id),s=null===(n=null==l?void 0:l.e2eClassNames)||void 0===n?void 0:n.body,d=null!==(i=null===(o=null==l?void 0:l.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==i?i:"",c=r?`selected ${d}`:`${d}`;return e.createElement(ki,{key:t.id,className:s,fixedColumnsStyle:Ui(X||[])},e.createElement(Si,{key:t.id,className:c,accentColor:t.accentColor},x&&e.createElement(Ni,null,Q(r,t)),u(t)),t.nestedRows&&t.nestedRows.map((e=>te(e,!a))))}))),[m,g,X,te,u,Q,x]);if(N){const t=[];for(let n=0;n<L;n+=1)t.push(e.createElement(ki,{key:`loading-row-${n}`,fixedColumnsStyle:Ui(X||[])},e.createElement(Si,null,h?e.createElement(e.Fragment,null,x&&ee(),h()):ne(n))));return e.createElement(M,{ref:T,scrollDisabled:!0,scrollPosition:A,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:H},I&&c&&e.createElement(Yi,{renderHeader:J,tableRef:W,wrapperRef:T,isFixedLayout:D,wrapperStyle:z}),e.createElement(Fi,{ref:W,striped:l,noWrap:s,tableLoading:!0,isFixedLayout:D},J(),t,oe()))}if(R||S){let t=ui;return F?t=F:S&&(t=pi),e.createElement(M,{scrollDisabled:!0},e.createElement(Fi,{ref:W,striped:l,noWrap:s,tableLoading:!1,isFixedLayout:D},J(),oe()),e.createElement(Wi,Object.assign({height:j},t)))}return e.createElement(M,{scrollDisabled:!1,ref:T,scrollPosition:A,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:H,showScrollbar:d},I&&c&&e.createElement(Yi,{renderHeader:J,tableRef:W,wrapperRef:T,isFixedLayout:D,wrapperStyle:z}),e.createElement(Fi,{ref:W,striped:l,noWrap:s,tableLoading:!1,isFixedLayout:D},J(),le,oe()))};nl.Cell=Ni,nl.ClickableCell=t=>{var{onClick:n,children:o}=t,i=J(t,["onClick","children"]);return e.createElement(Ni,Object.assign({},i),e.createElement(Ai,{onClick:n},o))},nl.EditableCell=t=>{var{onClick:n,children:o}=t,i=J(t,["onClick","children"]);return e.createElement(Ni,Object.assign({},i),e.createElement(Ti,{onClick:n},e.createElement(Zi,null,o)))},nl.SkeletonCell=Ki,nl.SkeletonContent=Xi;const ol=u.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,il="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",ll="Log in with Amazon",rl=n=>{const[o,i]=t(il);return e.createElement(ol,Object.assign({onMouseDown:()=>{i("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{i(il)},"aria-label":ll},n),e.createElement("img",{src:o,alt:ll}))},al=g`body{overflow:hidden;scrollbar-gutter:stable;}`,sl=u.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${D.sizes.md};`} ${({isScrollable:e})=>e&&`\n    & + ${Te.Footer} {\n      box-shadow: 0px 10px 15px 0px ${D.colors.neutral.ink.dark};\n    }\n  `}`,dl=e=>!!e.footerSlot,cl={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},ml={[L.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[L.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[L.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},ul={xs:L.mobile,sm:L.mobile,base:L.tablet,lg:L.lgTablet},{breakpoints:pl}=D,gl=u(c.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:${D.sizes.sm};box-shadow:${D.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Te.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${cl[e]};`} ${sl}{padding-bottom:${D.sizes.md};}${Te.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${pl.mobile} + 1px))and (max-width: ${pl.tablet}){max-width:${({variant:e})=>ml[pl.tablet][e]};}@media (min-width: ${pl.tablet})and (max-width: ${pl.lgTablet}){max-width:${({variant:e})=>ml[pl.lgTablet][e]};}@media (min-width: ${pl.lgTablet})and (max-width: ${pl.desktop}){max-width:${({variant:e})=>ml[pl.desktop][e]};}@media (min-width: ${pl.desktop}){max-width:${({variant:e})=>ml[pl.lgDesktop][e]};}@media (max-width: ${({variant:e})=>ul[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Te.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${le(D.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,hl=e.forwardRef(((t,n)=>{var o=J(t,[]);return e.createElement(gl,Object.assign({ref:n},o))})),bl=n=>{const{shouldShow:i,showHeaderCloseButton:l=!0,fullBleed:a=!1,variant:s="base",onClose:d,children:c}=n,u=r(null),[p,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}=Xo(p),f=()=>{var e;null===(e=u.current)||void 0===e||e.close(),d()};return e.createElement(m,null,i&&e.createElement("div",{"data-testid":"dialog-wrapper"},e.createElement(al,null),e.createElement(hl,{ref:u,onClose:f,variant:s,"aria-describedby":"modal_title"},e.createElement(Te.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:e.createElement(ze,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},l&&{onClickClose:f})),e.createElement(sl,{onScroll:b,ref:g,isScrollable:h,fullBleed:a},c),dl(n)&&n.footerSlot,!dl(n)&&(n.leftActions||n.rightActions)&&e.createElement(Te.Footer,null,e.createElement(Dt,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&e.createElement(Dt,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((t=>{var{label:n}=t,o=J(t,["label"]);return e.createElement(ke,Object.assign({key:n,type:"button"},o),n)}))),n.rightActions&&e.createElement(Dt,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((t=>{var{label:n}=t,o=J(t,["label"]);return e.createElement(ke,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:fl,text:vl,shadows:xl}=D,{grey:yl}=D.colors.neutral,wl=u.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${fl.base} ${fl.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&xl[e]};`,Cl=u.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${vl.headingXL.fontFamily};font-size:${vl.headingXL.fontSize};font-weight:${vl.headingXL.fontWeight};margin:unset;line-height:1;`,El=u.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${vl.subheadingLarge.fontFamily};font-weight:${vl.subheadingLarge.fontWeight};font-size:${vl.subheadingLarge.fontSize};line-height:${vl.subheadingLarge.lineHeight};`,$l=u.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${D.radius.base};border:${fl.line} solid ${yl.base};object-fit:cover;`,kl=u.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,Sl=u(ke).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${D.text.link.fontFamily};font-size:${D.text.link.fontSize};font-weight:${D.text.link.fontWeight};line-height:${D.text.link.lineHeight};color:${D.text.link.color};&:hover{text-decoration:${D.text.link.textDecoration};}& > * + *{margin-left:${D.sizes.xs};}`,Nl=u.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:${fl.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,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",{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"})),Il=({title:t,subtitle:n,imageSrc:o,actions:i,quickActions:l,backAction:r,Accessory:a,shadow:s="none",onClickPrevious:d,onClickNext:c,onClickToggleSidebar:m})=>{const u=i&&e.createElement(Ue,{buttonVariant:l?"default":"primary",title:"Actions",sections:i}),p=null==l?void 0:l.map((t=>e.createElement(ke,{key:t.title,variant:t.variant,icon:t.icon,onClick:t.onClick},t.title))),g=r&&e.createElement(ke,{onClick:r.onClick,icon:e.createElement(Ll,null),variant:"link"},r.title),h=m&&e.createElement(Dt,{direction:"horizontal",alignX:"end"},e.createElement(Sl,{onClick:m},e.createElement("span",null,"Toggle sidebar"),e.createElement(zt,{width:H.md})));return e.createElement(wl,{shadow:s},e.createElement(Dt,null,g,e.createElement(Nl,null,e.createElement(Dt,{direction:"horizontal",spacing:"md"},o&&e.createElement($l,{src:o,alt:"",width:"72",height:"72"}),e.createElement("div",{style:{flex:1}},e.createElement(Dt,{alignX:"stretch"},e.createElement(Cl,null,t),a,n&&e.createElement(El,null,n)))),e.createElement(kl,null,e.createElement(Dt,{direction:"horizontal",alignX:"end",spacing:"sm"},p,u,d&&e.createElement(ke,{icon:e.createElement(Ll,null),onClick:d}),c&&e.createElement(ke,{icon:e.createElement(zt,null),onClick:c})),h))))},zl=u(Dt).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${D.sizes.lg};height:30px;background-color:${D.colors.neutral.grey.light};border:1px solid ${D.colors.neutral.grey.base};border-radius:${D.sizes.xs};`,Fl=u(ke).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${D.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,jl=u(Bo).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,Bl=({count:t})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(A,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(zl,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(A,{variant:"bodySmall"},t))),Hl=({currentPage:e,totalPagesCount:n,handleChangePage:i})=>{const[l,r]=t(`${e}`);o((()=>{r(`${e}`)}),[e]);const a=e=>e>=1&&e<=n,s=()=>{if(l||r(`${e}`),l===`${e}`)return;const t=parseInt(l,10);a(t)&&i(t)};return{pageInputValue:l,handleIncrement:()=>{a(e+1)&&i(e+1)},handleDecrement:()=>{a(e-1)&&i(e-1)},handleInputChange:e=>{e||r(e);const t=parseInt(e,10);var n;a(n=t)&&r(`${n}`)},handleSubmit:s,handleFormSubmit:e=>{e.preventDefault(),s()}}},Ml=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"})),Dl=({testId:t,e2eClassName:n,currentPage:o,totalPagesCount:i,handleChangePage:l})=>{const{pageInputValue:r,handleIncrement:a,handleDecrement:s,handleFormSubmit:d,handleInputChange:c,handleSubmit:m}=Hl({currentPage:o,totalPagesCount:i,handleChangePage:l});return e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:n},e.createElement(Fl,{onClick:()=>{1!==o&&l(1)},icon:e.createElement(Ml,null),size:"sm","aria-label":"go to first page"}),e.createElement(Fl,{onClick:s,icon:e.createElement(Ll,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),e.createElement("form",{onSubmit:d},e.createElement(jl,{"aria-live":"polite","aria-label":`page ${o} of ${i}`,size:wo.sm,type:"number",value:r,min:"1",max:`${i}`,onChange:c,onBlur:m})),e.createElement(Bl,{count:i}),e.createElement(Fl,{onClick:a,icon:e.createElement(zt,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=i}),e.createElement(Fl,{onClick:()=>{o!==i&&l(i)},icon:e.createElement(Rl,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=i}))},Ol=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],Wl=u($).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Tl=u(ot).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,Al=u.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${N.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;}`,Zl=u($).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Pl=u(A).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${N.secondary.blue.base};background:${N.neutral.grey.lightest};}`,Vl=({item:t,handleRangeListChange:n})=>{const o=a((()=>n(t)),[n,t]);return e.createElement(Zl,{onClick:o},e.createElement(Pl,{variant:"bodySmall"},t.label))},ql=t=>{const{handleRangeListChange:n,paginationRange:o=Ol}=t;return e.createElement(e.Fragment,null,o.map((t=>e.createElement(d,{key:t.label},e.createElement(Vl,{item:t,handleRangeListChange:n})))))};class Xl 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=Ol[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:t,paginationRange:n=Ol,reversedDropdown:o}=this.props,{shouldShowDropdown:i,dropdownValue:l}=this.state;return e.createElement(Wl,{className:t},e.createElement(Tl,{cta:e.createElement(Al,{onClick:this.toggleShouldShow},e.createElement(A,{variant:"bodySmall"},l.label),e.createElement(Ee,{color:D.colors.neutral.ink.base})),shouldShowDropdown:i,onClickAway:this.toggleShouldShow,reversed:o},e.createElement(ql,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const Kl=u.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;}`,Yl=u.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;}`,Ul=({onIncrement:t,onDecrement:n,disabled:o=!1,size:i})=>e.createElement(Kl,{size:i},e.createElement(Yl,{type:"button",onClick:t,disabled:o},e.createElement(G,{height:D.sizes.base,width:D.sizes.base,color:D.colors.neutral.ink.base})),e.createElement(Yl,{type:"button",onClick:n,disabled:o},e.createElement(Le,{height:D.sizes.base,width:D.sizes.base,color:D.colors.neutral.ink.base}))),Gl=u(Bo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${D.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${D.colors.neutral.ink.lightest};}`,_l=u($).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${D.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?D.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;}}`,Jl=u(A).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,Ql=u(yo).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 ${D.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${D.colors.secondary.red.base};\n      border-bottom-color: ${D.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${D.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${D.colors.secondary.red.base};\n        border-right-color: ${D.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${D.colors.secondary.red.base};\n        border-bottom-color: ${D.colors.secondary.red.base};\n      }\n    }\n  `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${D.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?D.colors.secondary.red.base:D.colors.secondary.blue.base};}}`;const er=No((t=>{var{className:n="",hasError:o,currency:i,disabled:l=!1,onChange:r,onPriceChange:a,priceValue:s,step:d="0.1",size:c=wo.base}=t,m=J(t,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const u=(e=a)=>{e(((parseFloat(s)||0)+parseFloat(d)).toFixed(2))},p=(e=a)=>{e(((parseFloat(s)||0)-parseFloat(d)).toFixed(2))};return e.createElement(Ql,{className:n,hasError:o},e.createElement(_l,{disabled:l,size:c},e.createElement(Jl,{variant:"hintText"},i)),e.createElement(Gl,Object.assign({placeholder:"0.00",type:"currency",value:s,step:d,onChange:e=>r(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void a("");const o=parseFloat(n.replace(",",".")).toFixed(2);a(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&u(r),"ArrowDown"===t&&p(r)},disabled:l,size:c},m)),e.createElement(Ul,{onIncrement:()=>u(),onDecrement:()=>p(),disabled:l,size:c}))}));er.displayName="PriceInput";const tr=u(Bo).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,nr=u.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,or=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      & ${tr} {\n        ${t}\n      }\n\n      & ${nr} {\n        ${n}\n      }\n    `}}`,ir=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"})),lr=({type:t="text",disabled:n=!1,onClearClick:o,onChange:i,onBlur:l,onFocus:r,onKeyUp:a,onKeyDown:s,onKeyPress:d,value:c="",error:m,placeholder:u="",className:p="",name:g,isLoading:h=!1,fill:b,reversed:f=!1,autoComplete:v="on",size:x="base"})=>{const y=c&&c.length>0;return e.createElement(or,{className:p,iconPosition:f?"left":"right"},e.createElement(tr,{size:x,type:t,value:c,onChange:i,onBlur:l,onFocus:r,onKeyUp:a,onKeyDown:s,onKeyPress:d,placeholder:u,name:g,disabled:n,error:m,autoComplete:v}),e.createElement(nr,null,h?e.createElement(ue,{height:24,color:b||D.colors.secondary.blue.base}):y&&o?e.createElement(ke,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text"},e.createElement(Ie,{color:b||D.colors.neutral.ink.dark})):e.createElement(ke,{variant:"unstyled",onClick:()=>i(c),style:{display:"flex"},"aria-label":"Search"},e.createElement(ir,{color:b||D.colors.neutral.ink.dark,height:H.md,width:H.md}))))},rr=D.colors.neutral.grey.lightest,ar=D.colors.neutral.grey.dark,sr=D.colors.secondary.blue.dark,dr=u($).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${rr};border-color:${ar};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${sr};border-color:${sr};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${D.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,cr=({options:t,selected:n,className:o,onChange:i})=>e.createElement(dr,{className:o?`${o}-container`:void 0},t.map((t=>e.createElement(ke,{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)))),mr=u.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;}`,ur=No(l(((t,n)=>{var{className:o,options:i,value:l,onChange:r,size:s,disabled:d,hasError:c}=t,m=J(t,["className","options","value","onChange","size","disabled","hasError"]);const u=a((e=>{r&&r(e.currentTarget.value)}),[r]);return e.createElement(mr,Object.assign({className:o,sizeVariant:s,value:null!=l?l:void 0,onChange:u,disabled:d,hasError:c,ref:n},m),!!i&&i.map((t=>e.createElement("option",{key:t.label,value:t.value,disabled:t.disabled},t.label))))})));ur.displayName="Select";const{blue:pr}=N.secondary,{grey:gr}=N.neutral,hr=u.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,br=u.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${pr.lightest};}`,fr=u.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,vr=u.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:${R.bodySmall.fontFamily};font-size:${R.bodySmall.fontSize};font-weight:${R.bodySmall.fontWeight};color:${R.bodySmall.color};line-height:${H.base};& > *{vertical-align:middle;}`,xr=u(vr).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${gr.dark};font-family:${R.bodySmallBold.fontFamily};font-size:${R.bodySmallBold.fontSize};font-weight:${R.bodySmallBold.fontWeight};color:${R.bodySmallBold.color};`,yr=u.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n   & ${br} tr:nth-child(even) td {\n     background-color: ${gr.lightest};\n   }\n `}`,wr=({striped:t=!0,className:n,children:o})=>e.createElement(yr,{striped:t,className:n},o);wr.Header=hr,wr.Body=br,wr.Row=fr,wr.HeaderCell=xr,wr.Cell=vr;const Cr=u.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Er=u.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${D.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,$r=u.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 ${D.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 ${D.colors.secondary.blue.light};}`,kr=u(Er).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${D.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Sr=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}),Nr=({id:n,value:i,min:l,max:s,step:d=1,onChange:c,className:m,e2eClassName:u,onSlideStart:p=(()=>{}),onSlideEnd:g=(()=>{})})=>{const[h,b]=t(!1),[f,v]=t(-1),x=r(null),y=r(null),w=r(null),C=Sr(m),E=Sr(u),$=a((e=>{var t;if(!h||!x.current)return;const n=f>-1?i[f]:i,o=x.current.getBoundingClientRect();let r=100*(e.pageX-o.x)/o.width/100*(s-l)+l;const a=n-r;if(a>0&&(r=n+Math.ceil(r/d-n/d)*d),a<0&&(r=n+Math.floor(r/d-n/d)*d),n===r)return;r>s&&(r=s),r<l&&(r=l),Array.isArray(i)&&(0===f&&r>i[1]&&([,r]=i),1===f&&r<i[0]&&([r]=i));const m=d.toString().includes(".")?null===(t=d.toString().split(".").pop())||void 0===t?void 0:t.length:0;let u;r=Number(r.toFixed(m)),u=Array.isArray(i)?0===f?[r,i[1]]:[i[0],r]:r,c(u),Array.isArray(u)&&u[0]===u[1]&&(0===f&&v(1),1===f&&v(0))}),[f,h,s,l,c,d,i]),k=a((()=>{b(!1),g()}),[g]),S=a(((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=y.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=oe("number"==typeof o?0===o?[null==C?void 0:C.startSlider,null==E?void 0:E.startSlider]:[null==C?void 0:C.endSlider,null==E?void 0:E.endSlider]:[null==C?void 0:C.slider,null==E?void 0:E.slider]),e.createElement($r,{role:"slider",ref:1===o?w:y,className:i,left:t,"aria-valuemin":l,"aria-valuemax":s,"aria-valuenow":n})},L=t=>{const n=100*(t[0]<l?0:t[0]-l)/(s-l),o=100*(t[1]>s?100:t[1]-l)/(s-l),i=o-n;return e.createElement(e.Fragment,null,e.createElement(kr,{className:oe([null==C?void 0:C.sliderRange,null==E?void 0:E.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<l?0:100*(e-l)/(s-l),N(t,e)})(i),e.createElement(Cr,{className:oe([null==C?void 0:C.container,null==E?void 0:E.container]),id:n,ref:x},e.createElement(Er,null),I)},Lr=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:N.neutral.ink.base};\n    background-color: ${null!=e?e:N.neutral.grey.base};\n  `}`,Ir=u(Dt).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,zr=u(Dt).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${D.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${D.shadows.lg};border-radius:${D.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;}`,Fr=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:${D.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${H.md};height:${H.md};}`,jr=u(Dt).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,Br=u(A).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,Hr={info:{accentColor:N.brand.blue.base,icon:e.createElement(oo,null)},success:{accentColor:N.secondary.green.base,icon:e.createElement(sn,null)},error:{accentColor:N.secondary.red.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:"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"}))),null)},merge:{accentColor:N.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)}},Mr=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Rr=({className:t,e2eClassName:n,type:o,iconSlot:i,text:l,last:r,minWidth:a,cta:s,onClose:d})=>{const c=Mr(t),m=Mr(n);return e.createElement(zr,{className:oe([null==c?void 0:c.container,null==m?void 0:m.container]),direction:"horizontal",alignY:"center",minWidth:a,last:r},e.createElement(Fr,{color:Hr[o].accentColor,className:oe([c.icon,m.icon])},null!=i?i:Hr[o].icon),e.createElement(jr,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(Br,{variant:"body"},l),s),e.createElement(ke,{variant:"flat",icon:e.createElement(Ie,{color:"white"}),onClick:d,"aria-label":"Close"}))},Dr=({className:t,e2eClassName:n,toasts:i,minWidth:l="50vw",max:r=3,onClose:a})=>(o((()=>{r&&i.length>r&&a(i[0].key)}),[i,r,a]),v(e.createElement(Ir,{direction:"vertical",alignX:"center",spacing:4},e.createElement(y,{component:null},[...i].reverse().map(((o,r)=>e.createElement(x,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},e.createElement(Rr,Object.assign({className:t,e2eClassName:n,minWidth:l,last:r===i.length-1,onClose:()=>a(o.key)},o))))))),document.body)),Or=u.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?D.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,Wr=u.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`&:focus-visible + ${Or}{box-shadow:0 0 0 4px ${D.colors.brand.blue.light};}&:checked + ${Or}{background-color:#0079d1;}&:disabled + ${Or}{background-color:${D.colors.neutral.grey.base};}&:checked:disabled + ${Or}{background-color:${D.colors.secondary.blue.light};}`,Tr=u.label.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:inline-block;position:relative;cursor:${({disabled:e})=>e?"default":"pointer"};height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};input{position:absolute;opacity:0;}${Or}: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"};}${Wr}:checked + ${Or}{&: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"});}}`,Ar=u($).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,Zr=l((({id:t,className:n,name:o,switched:i,small:l,onClick:r=(()=>{}),disabled:a,ariaLabel:s},d)=>e.createElement(Ar,{className:n,disabled:a},e.createElement(Tr,{small:l,disabled:a,role:"switch"},e.createElement(Wr,{id:t,type:"checkbox",name:o,"aria-label":s,checked:!!i,onChange:a?void 0:r,disabled:a,ref:d}),e.createElement(Or,{switched:i,disabled:a}))))),Pr=u.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:${D.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",l="8px",r="16px",a="4px",s="white",d="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",i="16px",l="4px",r="14px",a="2px"),t&&(s="#0079D1",d="#0079D1",c="white"),`\n      --outline-width: ${a};\n\n      height: ${n};\n      padding-left: ${o};\n      padding-right: ${i};\n      border-radius: ${l};\n      font-size: ${r};\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;}`,Vr=({children:t,checked:n,size:o="base",disabled:i=!1,onChange:l})=>e.createElement(Pr,{type:"button",checked:n,size:o,disabled:i,"aria-pressed":n,tabIndex:"0",onClick:()=>l(!n)},t),qr="\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n",Xr=u($).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${qr} display:${e=>e.shouldShow?"initial":"none"};z-index:${D.layers.modal};`,Kr=u($).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${qr} background-color:rgba(55,66,77,0.5);`,Yr=u($).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,Ur=({usePortal:t,children:n})=>e.createElement(e.Fragment,null,t?e.createElement(ee,null,n):n),Gr=({className:t,children:n=null,shouldShow:o=!1,usePortal:i=!0})=>e.createElement(Ur,{usePortal:i},e.createElement(Xr,{className:oe([`${t}-container`,t]),shouldShow:o},e.createElement(Kr,null),e.createElement(E,{isActive:o},e.createElement(Yr,{className:oe([`${t}-wrap`,t])},n)))),_r=u.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,Jr=u.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,Qr=u(ke).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`,ea=({id:t,youtubeVideoId:n,showVideoModal:o,handleCloseClick:i})=>{const l=Wo(o,i);return e.createElement(Gr,{shouldShow:o,className:`${t}-video`},e.createElement(_r,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},e.createElement(Jr,{ref:l},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(Qr,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:e.createElement(Ie,{color:"white"})}))))};var ta;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(ta||(ta={}));const na=u($).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,oa=u(A).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,ia=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    ${A} {\n      color: ${null!=t?t:N.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.lightest};\n  `}`,la=u(A).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    & > ${oa} {\n      color: #fff;\n    }\n  `}`,ra={style:{marginLeft:H.xs,padding:H.xs,height:H.base,width:H.base}},aa=u.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${H.sm};svg{height:${H.base};width:${H.base};}`,sa=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"})),da=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}),ca=({id:t,iconSlot:n,name:o,type:i,className:l,colourPalette:r=N.secondary.blue,customTextColour:s,count:d,active:c=!1,onClick:m,onDelete:u,onEdit:p,e2eClassName:g})=>{const h=da(l),b=da(g),[f,v,x]=qo(),y=a((()=>m(t)),[t,m]),w=a((e=>{e.stopPropagation(),u&&u(t)}),[u,t]),C=a((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),E=i===ta.draft,$=i===ta.saved,k=c?N.neutral.ink.dark:N.neutral.ink.base;return e.createElement(na,{className:`${oe([null==h?void 0:h.container,null==b?void 0:b.container])} ${c&&(null==b?void 0:b.active)||""}`,onClick:y},e.createElement(ia,{active:c,onMouseEnter:v,onMouseLeave:x,colourPalette:r,customTextColour:s},n&&e.createElement(aa,null,n),e.createElement(A,{variant:"bodyBold"},o),d&&e.createElement(la,{active:c||f,colourPalette:r,customTextColour:s},e.createElement(oa,{className:null==b?void 0:b.counter,variant:"subheadingSmall"},d)),E&&e.createElement(Ie,Object.assign({},ra,{color:k,className:null==b?void 0:b.delete,onClick:w})),$&&c&&e.createElement(sa,Object.assign({},ra,{color:k,className:null==b?void 0:b.edit,onClick:C}))))},ma=u($).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,ua=u($).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,pa=u(Bo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,ga=u(ke).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${D.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n    border-color: ${D.colors.secondary.red.base};\n  `};`,ha=No((t=>{var{size:n=wo.base,hasError:o,className:i}=t,l=J(t,["size","hasError","className"]);return e.createElement(ma,{className:i},e.createElement(ua,null,"g"===l.weightUnit&&e.createElement(yo,null,e.createElement(pa,Object.assign({size:n,onChange:l.handleChangeGram,name:"gram",type:"number",value:l.gram,hasError:o},l)),e.createElement(ga,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(l)&&e.createElement(e.Fragment,null,e.createElement(yo,null,e.createElement(pa,Object.assign({size:n,onChange:l.handleChangePound,name:"ounce",type:"number",value:l.pound,hasError:o},l)),e.createElement(ga,{hasError:o,size:n},"lb")),e.createElement(yo,null,e.createElement(pa,Object.assign({size:n,onChange:l.handleChangeOunce,name:"pound",type:"number",value:l.ounce,hasError:o},l)),e.createElement(ga,{hasError:o,size:n},"oz")))))}));ha.displayName="WeightInput",ha.defaultProps={weightUnit:"lb"};export{_ as Accordion,Ue as ActionList,_e as Anchor,ot as AnimatedDropdown,lt as Avatar,vt as Badge,Nt as Banner,$ as BaseContainer,Mt as Breadcrumbs,ke as Button,Te as Card,ze as CardHeader,tn as Checkbox,Gt as Choice,an as ChoiceList,un as CopyToClipboard,ro as DataTable,go as DescriptionList,xo as DetailPage,Oo as DimensionsInput,ni as FilterTag,Po as FocusVisibleManager,oi as Grid,ci as Image,yo as InputGroup,nl as LegacyDataTable,ue as Loader,rl as LoginWithAmazonButton,bl as Modal,Il as PageHeader,Dl as Pagination,Xl as PaginationRange,se as Popover,Gr as Popup,ee as Portal,er as PriceInput,on as Radio,lr as Search,cr as SegmentedControl,ur as Select,wr as SimpleTable,Nr as Slider,Dt as Stack,Ul as Stepper,Lr as Tag,A as Text,Bo as TextField,Dr as ToastsLayout,Zr as Toggle,Vr as ToggleButton,ht as Tooltip,ea as VideoModal,ca as View,ha as WeightInput,oe as buildClassnames,Q as generateId,le as getOpaqueHexColor,ie as hexToRgb,D as theme,wn as useCellWidths,Wo as useClickOutside,Cn as useColumns,To as useDebounce,En as useDragToScroll,Ao as useDropdown,Vo as useFocusVisible,qo as useHover,Xo as useIsOverflowing,$n as useNested,kn as useScrollPosition,jn as useSelection,Ko as useTabs,Lo as withDeprecated,No as withLabels};
+import e,{useState as t,PureComponent as n,useEffect as o,useMemo as i,forwardRef as l,useRef as r,useCallback as a,Component as s,Fragment as d,useImperativeHandle as c}from"react";import{motion as u,AnimatePresence as m}from"framer-motion";import p,{css as g,createGlobalStyle as h}from"styled-components";import{usePopper as b}from"react-popper";import f from"resize-observer-polyfill";import v,{createPortal as y}from"react-dom";import{CSSTransition as x,TransitionGroup as w}from"react-transition-group";import C from"lodash.throttle";import{useScroll as E}from"react-use";import $ from"react-scrolllock-configurable";const k=p.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,S={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},N=(e,t)=>e||(t?S[t]:void 0),I={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"}}},L={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},z={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var F,B;!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)"}(F||(F={})),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"}(B||(B={}));const D=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}),j={[B.none]:"0",[B.line]:"1px",[B.xs]:D[1],[B.sm]:D[2],[B.base]:D[4],[B.md]:D[6],[B.lg]:D[8],[B.xl]:D[12],[B.xxl]:D[16]},M=Object.assign(Object.assign({},j),D),H={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},R={headingXXL:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:I.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:H.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},O=Object.assign(Object.assign({},H),{breakpoints:L,colors:I,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:z,shadows:F,sizes:M,text:R}),{text:A,colors:T,fontFamily:W}=O,V=p.span.attrs((({as:e,variant:t})=>({as:N(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:${W};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?T.neutral.ink.lightest:A[e].color;return`\n      font-family: ${A[e].fontFamily};\n      font-style: ${A[e].fontStyle};\n      font-weight: ${A[e].fontWeight};\n      font-size: ${A[e].fontSize};\n      line-height: ${A[e].lineHeight};\n      color: ${n};\n      text-decoration: ${A[e].textDecoration};\n      letter-spacing: ${A[e].letterSpacing};\n    `}}`,P=p(k).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,Z=p(P).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${M.base};width:${M.base};color:${({glyphColor:e})=>e};}`,q=p(P).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,X=p.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 ${O.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${O.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${O.colors.secondary.blue.light};}`,G=p(k).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,_=p(V).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,K=p(u(k)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,Y=p.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,U=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:M.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"})),J=({className:n,children:o,label:i,iconSlot:l,glyphColor:r=I.neutral.ink.lightest,timeout:a=350,description:s,shouldOpenOnMount:d})=>{const[c,m]=t(!!d);return e.createElement(Y,{open:!!d,className:n},e.createElement(X,{onClick:()=>m(!c)},e.createElement(G,null,e.createElement(Z,{glyphColor:r},l,e.createElement(V,{variant:"body"},i)),e.createElement(q,null,e.createElement(u.span,{animate:{rotate:c?180:0}},e.createElement(U,{name:c?"downArrow":"upArrow"})))),!!s&&e.createElement(_,{variant:"hintText"},s)),c&&e.createElement(K,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:a/1e3}},o))};function Q(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 ee=e=>`${e}-${Math.floor(1e3*Math.random())}`;class te extends n{constructor(e){super(e),this.id=ee("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?y(e,this.portalNode):null}}const ne=p.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,oe=p.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,ie=e=>e.filter(Boolean).join(" "),le=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},re=(e,t)=>{const n=le(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},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])',se=({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))}}},de=n=>{var{id:l,children:r,zIndex:a=O.layers.popup,placement:s="bottom",anchorElement:d,rootElementRef:c,onShouldClose:u,style:m,disableFocusLock:p}=n,g=Q(n,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock"]);const[h,v]=t(null),{styles:y,attributes:x,update:w}=b(d,h,{placement:s}),C=i((()=>l||ee("popover")),[l]);(({anchorElement:e,popoverId:t})=>{o((()=>{if(e){try{e.setAttribute("aria-expanded","true")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{e.hasAttribute("aria-controls")||e.setAttribute("aria-controls",t)}catch(e){console.warn(`Unable to set aria-controls for popover id: ${t}`)}try{e.hasAttribute("aria-haspopup")||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:C});const E=()=>{null==d||d.focus(),null==u||u()},{handleKeyDown:$}=se({popperElement:h,anchorElement:d,onClose:E,disableFocusLock:p});return o((()=>{if(!w||!h)return;const e=new f(w);return e.observe(h),()=>e.disconnect()}),[w,h]),o((()=>{if(w)return window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)}),[w]),e.createElement(te,{rootElementRef:c},e.createElement(oe,{onClick:E,zIndex:a}),e.createElement(ne,Object.assign({open:!0,zIndex:a,ref:v,style:Object.assign(Object.assign({},y.popper),m),onKeyDown:$},x.popper,g),r))},ce=({width:t,height:n,className:o,color:i,label:l})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":l},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"}))))),ue=({width:t,height:n,className:o,color:i,label:l})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 105 105",fill:i,"aria-label":l},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"}))),me=({width:t,height:n,className:o,color:i,label:l})=>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":l},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"}))),pe=({className:t,height:n=24,width:o=24,color:i="#588CB0",type:l="TailSpin"})=>{switch(l){case"Grid":return e.createElement(ue,{className:t,height:n,width:o,color:i});case"ThreeDots":return e.createElement(me,{className:t,height:n,width:o,color:i});default:return e.createElement(ce,{className:t,height:n,width:o,color:i})}},ge=p.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;"};svg{width:${({size:e})=>M[e]};height:${({size:e})=>M[e]};}`,he=p.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:${O.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",i="8px",l="16px",r="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",i="4px",l="14px",r="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n      --outline-width: ${r};\n\n      height: ${t};\n      padding-left: ${n};\n      padding-right: ${o};\n      border-radius: ${i};\n      font-size: ${l};\n    `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,be=p(he).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${O.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?O.colors.neutral.ink.base:O.colors.secondary.blue.base};&:hover{background-color:${O.colors.neutral.grey.lightest};}&:active{background-color:${O.colors.neutral.grey.lightest};border-color:${O.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${O.colors.neutral.grey.base} !important;border-color:${O.colors.neutral.grey.base} !important;color:${O.colors.neutral.ink.light} !important;}`,fe=p(be).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${O.colors.secondary.red.base};&:hover{color:${O.colors.secondary.red.dark};}&:active{border-color:${O.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.red.light};color:${O.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.red.light};}`,ve=p(be).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${O.colors.secondary.blue.base};border-color:${O.colors.secondary.blue.base};color:white;&:hover{background-color:${O.colors.secondary.blue.dark};border-color:${O.colors.secondary.blue.dark};}&:active{background-color:${O.colors.secondary.blue.dark};border-color:${O.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.blue.light};}`,ye=p(ve).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${O.colors.secondary.red.base};border-color:${O.colors.secondary.red.base};color:white;&:hover{background-color:${O.colors.secondary.red.dark};border-color:${O.colors.secondary.red.dark};}&:active{background-color:${O.colors.secondary.red.dark};border-color:${O.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.red.light};}`,xe=p(he).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${O.colors.neutral.ink.base};&:hover{background-color:rgba(0, 0, 0, 0.1);}&:active{background-color:rgba(0, 0, 0, 0.1);}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${O.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,we=p.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,Ce=p(we).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${O.text.link.fontFamily};font-size:${O.text.link.fontSize};font-weight:${O.text.link.fontWeight};line-height:${O.text.link.lineHeight};text-decoration:${O.text.link.textDecoration};color:${O.colors.secondary.blue.base};&:hover{color:${O.colors.secondary.blue.dark};}& > * + *{margin-left:${O.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${O.colors.secondary.blue.light};border-radius:4px;}`,Ee=p.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;`,$e=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"})),ke={default:be,primary:ve,destructive:fe,primaryDestructive:ye,flat:xe,link:Ce,unstyled:we},Se=l(((t,n)=>{var{className:o,children:i,icon:l,variant:r="default",size:a="base",dropdown:s=!1,loading:d=!1}=t,c=Q(t,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===r)return e.createElement(we,Object.assign({ref:n,className:o},c),i);const u=ke[r],m=void 0!==i,p=!!l;return e.createElement(u,Object.assign({ref:n,className:o,size:a,hasText:m,hasIcon:p,hasDropdown:s},c),(m||p)&&e.createElement(ge,{loading:d,hasText:!!i,size:i||"sm"===a?"base":"md"},l&&l,void 0!==i&&e.createElement("span",null,i),s&&e.createElement($e,null)),d&&e.createElement(Ee,null,e.createElement(pe,null)))})),Ne=p.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${M.md};padding-right:${M.md};padding-left:${M.md};margin-bottom:${M.md};& > * + *{margin-top:${M.xs};}`,Ie=p.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${M.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,Le=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:M.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"})),ze=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"})),Fe=({id:t,title:n,subtitle:o,headerVariant:i="headingSmall",action:l,ActionSlot:r,isCollapsed:a,onClickCollapse:s,onClickClose:d})=>e.createElement(Ne,null,e.createElement(Ie,null,e.createElement(V,{id:t,variant:i},n),l&&e.createElement(Se,{variant:"link",onClick:l.onClick},l.title),r,s&&e.createElement(Se,{variant:"flat",icon:a?e.createElement(Le,null):e.createElement(U,null),onClick:s}),d&&e.createElement(Se,{variant:"flat",icon:e.createElement(ze,null),onClick:d,"aria-label":"Close"})),o&&e.createElement(V,{variant:"subheadingSmall"},o)),{grey:Be}=I.neutral,De={0:"none",1:F.sm,2:F.base,3:F.md,4:F.lg},je={info:I.secondary.blue.base,success:I.secondary.green.base,error:I.secondary.red.base},Me=p.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${M.base};padding:${M.md};z-index:2;`,He=p.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${M.md};padding-left:${M.md};margin-top:${M.md};margin-bottom:${M.md};font-family:${R.body.fontFamily};font-size:${R.body.fontSize};font-weight:${R.body.fontWeight};line-height:${R.body.lineHeight};color:${R.body.color};& + &{border-top:${M.line} solid ${Be.base};padding-top:${M.md};}`,Re=p.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${M.md};margin-right:-${M.md};`,Oe=p(u.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${He}:first-child{margin-top:0;}`,Ae=p.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${M.line} solid ${Be.base};box-shadow:${e=>void 0!==e.elevation?De[e.elevation]:F.sm};border-radius:${z.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: ${M.xs};\n      background-color: ${je[e]};\n    }\n  `}`,Te={expanded:{height:"auto"},collapsed:{height:0}},We=({className:n,style:o,title:i,subtitle:l,HeaderActionSlot:r,action:a,collapsable:s,elevation:d,accent:c,children:u,onClose:m,renderFooter:p})=>{const[g,h]=t(!1),b=i&&e.createElement(Fe,{title:i,subtitle:l,ActionSlot:r,action:a,onClickClose:m,isCollapsed:g,onClickCollapse:s?()=>{h(!g)}:void 0}),f=s&&!g||!s,v=e.createElement(Oe,{animate:f?"expanded":"collapsed",variants:Te,transition:{duration:.3,ease:"easeOut"}},e.createElement(He,null,u)),y=void 0!==p&&e.createElement(Me,null,p());return e.createElement(Ae,{className:n,style:o,elevation:d,accent:c},b,v,y)};We.Surface=Ae,We.Section=He,We.FullBleed=Re,We.Footer=Me;const{sizes:Ve,colors:Pe,text:Ze}=O,qe=p(We.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${Ve.base} 0;display:flex;flex-direction:column;`,Xe=p.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${Pe.neutral.grey.base};margin-top:${Ve.base};padding-top:${Ve.base};}`,Ge=p(V).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${Ve.sm} ${Ve.base} ${Ve.sm};`,_e=p(Se).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${Ve.lg};padding:${Ve.xs} ${Ve.base};display:flex;align-items:center;white-space:nowrap;font-family:${Ze.body.fontFamily};font-size:${Ze.body.fontSize};font-weight:${Ze.body.fontWeight};&:hover{background-color:${Pe.neutral.grey.light};color:${Pe.secondary.blue.base};}& > * + *{margin-left:${Ve[3]};}`,Ke={item:_e,action:p(_e).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${Pe.secondary.blue.base};`,link:p(_e).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${Pe.secondary.blue.base};text-decoration:underline;`},Ye=({title:n,items:o=[],sections:i,buttonVariant:l,buttonSize:r})=>{const[a,s]=t(!1),[d,c]=t(null),u=t=>{const n=Ke[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(Xe,{key:t.title},t.title&&e.createElement(Ge,null,t.title),t.items.map(u)))):o.map(u);return e.createElement(e.Fragment,null,e.createElement(Se,{dropdown:!0,variant:l,size:r,onClick:()=>s(!a),ref:c},n),a&&e.createElement(de,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>s(!1)},e.createElement(qe,null,m)))},Ue=p.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${O.text.link.fontFamily};font-style:${O.text.link.fontStyle};font-weight:${O.text.link.fontWeight};font-size:${O.text.link.fontSize};line-height:${O.text.link.lineHeight};color:${O.colors.secondary.blue.base};text-decoration:${O.text.link.textDecoration};&:hover{color:${O.colors.secondary.blue.dark};}`,Je=({children:t,className:n,text:o,href:i,target:l})=>e.createElement(Ue,{href:i,target:l,className:n},t||o),Qe=p(k).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;`,et=l(((t,n)=>{const{children:o,className:i,role:l}=t;return e.createElement(Qe,{className:i,ref:n,role:l},o)})),tt=p(k).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,nt=p(k).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,ot=p(et).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${O.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);}`,it=({cta:t,shouldShowDropdown:n,children:i,className:l="animated-dropdown",reversed:a=!1,onClickAway:s=(()=>{}),timeout:d=350,transitionClassnames:c="dropdown",onClick:u,onMouseEnter:m,onMouseLeave:p})=>{const g=r(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(tt,{className:`${l}-container ${l}`,onClick:u,onMouseEnter:m,onMouseLeave:p,ref:g},!a&&t,e.createElement(nt,{className:`${l}-wrap ${l}`},e.createElement(x,{in:n,timeout:d,classNames:c,unmountOnExit:!0},e.createElement(ot,{role:"dialog",reversed:a,className:`${l}-basic-dropdown ${l}`},i))),a&&t)},lt=p.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${O.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:${O.text.bodySmallBold.fontFamily};font-weight:${O.text.bodySmallBold.fontWeight};font-size:${O.text.bodySmallBold.fontSize};line-height:${O.text.bodySmallBold.lineHeight};}`,rt=({width:t="40px",name:n="Veeqo",bgColor:o=O.colors.secondary.blue.base,textColor:i="#ffffff"})=>{const l=n.toUpperCase().match(/\b(\w)/g);return e.createElement(lt,{width:t,bgColor:o,textColor:i,className:"avatar"},null==l?void 0:l.slice(0,2).map(((t,n)=>e.createElement("span",{key:`${t}-${n}`},t))))};var at,st;!function(e){e.end="end",e.start="start"}(at||(at={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(st||(st={}));const dt=p.div.withConfig({displayName:"vui--Container",componentId:"vui--12sulil"})`display:inline-block;`,ct=p(dt).withConfig({displayName:"vui--Hoverable",componentId:"vui--17ltyut"})``,ut=p(V).withConfig({displayName:"vui--TooltipText",componentId:"vui--183a4l5"})`color:${O.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,mt=p.div.withConfig({displayName:"vui--Triangle",componentId:"vui--rjghyf"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,pt=p.div.withConfig({displayName:"vui--Tip",componentId:"vui--1v5pppn"})`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;}`,gt=p(dt).withConfig({displayName:"vui--Wrap",componentId:"vui--1xs3k5t"})`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;`,ht={duration:400,side:st.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},bt=({children:n,text:o,content:i,config:l,reversed:r=!1,className:s,withTriangle:d,initialShouldShow:c=!1,useReactPortal:u=!0})=>{const m=!!o&&o.trim().length>0,p=Object.assign(Object.assign({},ht),l),{duration:g,side:h,triangleOffset:f,tipMinWidth:y,tipMaxWidth:x}=p,w={container:s&&`${s} ${s}-container`,tip:s&&`${s}-tip`,wrap:s&&`${s}-wrap`,triangle:s&&`${s}-triangle`,hoverable:s&&`${s}-hoverable`},[C,E]=t(c),[$,k]=t(null),[S,N]=t(null),{styles:I,attributes:L}=b($,S,{placement:`${h}-${r?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),z=a((()=>E(!0)),[E]),F=a((()=>E(!1)),[E]),B=Object.assign(Object.assign({},I.popper),{zIndex:O.layers.tooltip}),D=C&&(i||m)&&e.createElement(pt,Object.assign({className:w.tip,ref:N,duration:g,triangleOffsetSize:f,style:B},L.popper,{role:"tooltip"}),e.createElement(gt,{className:w.wrap,tipMinWidth:y,tipMaxWidth:x},null!=i?i:e.createElement(ut,null,o)),d&&e.createElement(mt,{id:"veeqo-components-triangle",className:w.triangle}));return e.createElement(dt,{className:w.container},u?v.createPortal(D,document.body):D,e.createElement(ct,{ref:k,className:w.hoverable,onMouseEnter:z,onMouseLeave:F},n))},ft=p(k).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:${R.bodySmall.fontFamily};font-weight:${R.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${M.base};height:${M.base};}`,vt={default:p(ft).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${I.secondary.blue.base};color:${I.secondary.blue.base};`,primary:p(ft).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${I.secondary.blue.base};background-color:${I.secondary.blue.lightest};color:${I.secondary.blue.base};`,warning:p(ft).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${I.secondary.yellow.base};background-color:${I.secondary.yellow.lightest};color:${I.secondary.orange.dark};`},yt=({variant:t="default",hideBorder:n=!1,iconSlot:o,tooltip:i,className:l,e2eClassName:r,children:a})=>{const s=vt[t];return e.createElement(bt,{text:i},e.createElement(s,{className:ie([l,r]),hideBorder:n},o&&o,a&&e.createElement("span",null,a)))},xt=p(k).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"};`,wt=p(k).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,Ct=p(k).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Et=p(Ct).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${M.md};height:${M.md};color:${({accentColor:e})=>e};}`,$t=p(k).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,kt=p(Ct).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,St=p(V).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Nt={help:I.secondary.blue.base,info:I.neutral.ink.base,error:I.secondary.red.base,success:I.secondary.green.base},It=t=>{var{type:n="info",text:o,icon:i,onClose:l,className:r,header:a,children:s,backgroundColor:d="white"}=t,c=Q(t,["type","text","icon","onClose","className","header","children","backgroundColor"]);const u=Nt[n];return e.createElement(xt,Object.assign({accentColor:u,className:r,backgroundColor:d},c),e.createElement(wt,null,i&&e.createElement(Et,{style:{marginRight:M.md},accentColor:u},i),s?e.createElement($t,null,s):e.createElement(e.Fragment,null,e.createElement(kt,null,a||e.createElement(St,{variant:"headingSmall"},o)),e.createElement(Ct,null,l&&e.createElement(Se,{variant:"flat","aria-label":"Close",icon:e.createElement(ze,null),onClick:l})))))},Lt=p.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${R.body.fontFamily};font-weight:${R.body.fontWeight};font-size:${R.body.fontSize};line-height:${R.body.lineHeight};`,zt=p.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;}`,Ft=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"})),Bt=({children:t,title:n,LinkComponent:o,href:i})=>o?e.createElement(zt,{className:"breadcrumb"},e.createElement(o,{href:i},n),t):e.createElement(zt,{className:"breadcrumb"},n,t),Dt=()=>e.createElement(Ft,{className:"separator",width:M.base,height:M.base}),jt=({children:t,href:n})=>e.createElement("a",{href:n},t),Mt=({children:t})=>e.createElement("span",null,t),Ht=({items:t,Separator:n=e.createElement(Dt,null),LinkComponent:o=jt})=>e.createElement(Lt,{className:"breadcrumbs"},t.map(((i,l)=>e.createElement(Bt,{key:i.title,title:i.title,href:i.pathname,LinkComponent:l!==t.length-1?o:Mt},t.length!==l+1&&n))));var Rt;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Rt||(Rt={}));const Ot=p.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 l,r,a,s,d="",c="";return"vertical"===t?(l=n&&Rt[n],r=o&&Rt[o],d=O.sizes[i],a="column"):(l=o&&Rt[o],r=n&&Rt[n],c=O.sizes[i],a="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(s=1),`\n      align-items: ${l};\n      justify-content: ${r};\n      flex-direction: ${a};\n\n      & > * {\n        flex: ${s};\n      }\n\n      & > * + * {\n        margin-top: ${d};\n        margin-left: ${c};\n      }\n    `}}`;Ot.displayName="Stack";const At={top:"flex-start",center:"center"},Tt=p.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${O.sizes.base};}`,Wt=p.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>At[e.align]};width:24px;height:24px;`,Vt=p.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,Pt=p.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${O.sizes.sm};}`,Zt=p.span.withConfig({displayName:"vui--LabelText",componentId:"vui--xampag"})`font-family:${O.text.body.fontFamily};font-size:${O.text.body.fontSize};font-weight:${O.text.body.fontWeight};line-height:${O.sizes.md};color:${O.text.body.color};`,qt=p.div.withConfig({displayName:"vui--HintText",componentId:"vui--nu56mb"})`font-family:${O.fontFamily};font-size:${O.sizes[3]};line-height:${O.sizes[4]};color:${O.colors.neutral.ink.light};`,Xt=p.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--k1l2b9"})`font-family:${O.text.error.fontFamily};font-size:${O.text.error.fontSize};font-weight:${O.text.error.fontWeight};line-height:${O.text.error.lineHeight};color:${O.text.error.color};`,Gt=p.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--124eta7"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,_t=p(Gt).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1g99902"})`border:2px solid ${O.colors.neutral.grey.dark};border-radius:${O.radius.md};padding:${O.sizes.base} 0.75rem;&:hover{border-color:${O.colors.secondary.blue.base};}& ${Zt}{font-weight:${O.text.bodyBold.fontWeight};}`,Kt=p(bt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ycxtt7"})`display:block;&-hoverable{display:block;}`,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 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=({id:t,label:n,hint:o,tooltip:i,error:l,bordered:r,Badge:a,Accessory:s,Footer:d,children:c,disabled:u=!1})=>{const m=e.createElement(Tt,null,e.createElement(Wt,{align:s?"center":"top"},c),s&&e.createElement(Vt,null,s),n||o||l||a||d?e.createElement(Pt,null,e.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"sm"},a,n&&e.createElement(Zt,null,n),i&&e.createElement(Kt,{text:i},e.createElement(Yt,{name:"help",width:O.sizes.base,color:O.colors.neutral.ink.lightest}))),o&&e.createElement(qt,null,o),l&&e.createElement(Xt,null,l),d):null);return r?e.createElement(_t,{disabled:u,htmlFor:t},m):e.createElement(Gt,{disabled:u,htmlFor:t},m)},{colors:Jt,sizes:Qt,radius:en}=O,tn=p.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${Jt.neutral.ink.lightest};border-radius:${en.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${Jt.secondary.blue.base};border-color:${Jt.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:${Qt[4]};background-position:center;}&:hover{border-color:${Jt.secondary.blue.base};}&:active{border-color:${Jt.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${Jt.secondary.blue.light};outline:0;}&:indeterminate{background-color:${Jt.secondary.blue.base};border-color:${Jt.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:${Qt[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${Jt.neutral.grey.base};border-color:${Jt.neutral.grey.base};color:${Jt.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>");}`,nn=t=>{var{checked:n,indeterminate:l,value:s,name:d,disabled:c,ariaLabel:u,className:m,onChange:p}=t,g=Q(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=i((()=>ee("checkbox")),[]),b=r(null),f=a((e=>{p(e.currentTarget.checked,s)}),[p,s]);return o((()=>{b.current&&(b.current.indeterminate=!0===l)}),[l]),e.createElement(Ut,Object.assign({id:h,disabled:c},g),e.createElement(tn,{ref:b,id:h,type:"checkbox",checked:n,value:s,name:d,disabled:c,"aria-label":u,className:m,onChange:f}))},on=p.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;}`,ln=l(((t,n)=>{var{checked:o,value:i,name:l,disabled:r,onChange:s,id:d}=t,c=Q(t,["checked","value","name","disabled","onChange","id"]);const u=a((e=>{s(e.currentTarget.checked,i)}),[s,i]),m=null!=d?d:ee("radio");return e.createElement(Ut,Object.assign({id:m,disabled:r},c),e.createElement(on,{id:m,type:"radio",checked:o,value:i,name:l,disabled:r,onChange:u,ref:n}))})),rn=p.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,an=p.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${O.text.inputLabel.fontFamily};font-size:${O.text.inputLabel.fontSize};font-style:${O.text.inputLabel.fontStyle};font-weight:${O.text.inputLabel.fontWeight};line-height:${O.text.inputLabel.lineHeight};text-decoration:${O.text.inputLabel.textDecoration};color:${O.text.inputLabel.color};`;class sn 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:l,bordered:r}=this.props,a=t?nn:ln;return e.createElement(rn,{disabled:l},i&&e.createElement(an,null,i),n.map((t=>e.createElement(a,Object.assign({key:t.value,bordered:r,checked:o.includes(t.value),onChange:e=>this.handleChange(t.value,e)},t)))))}}const dn=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"})),cn=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"})),un={width:M.base,height:M.base},mn=p(Se).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${M.base};width:${M.base};top:unset;}`,pn=({className:t,text:n,onCopy:o})=>{const[i,l]=e.useState(!1),r=a((()=>{navigator.clipboard.writeText(n),o&&o(),l(!0),setTimeout((()=>l(!1)),2500)}),[o,n]);return e.createElement(bt,{text:i?"Copied!":"Copy to clipboard"},e.createElement(mn,{variant:"flat",size:"sm",className:t,"aria-label":`${i?"Copied":"Copy"} "${n}" to clipboard`,icon:i?e.createElement(dn,Object.assign({color:I.secondary.green.base},un)):e.createElement(cn,Object.assign({color:I.secondary.blue.base},un)),onClick:r}))};function gn(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function hn(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${hn(e.min,"max-content")}, ${hn(e.max)})`;default:return t||"1fr"}}function bn({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:i,stripingMode:l}){const r=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  `)),a=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: ${O.colors.neutral.grey.lightest};\n    }\n\n    tr + tr > td {\n      border-top: 1px solid ${O.colors.neutral.grey.base};\n    }\n  `,p=`\n    tbody:nth-of-type(odd) > tr > td {\n      background-color: ${O.colors.neutral.grey.lightest};\n    }\n\n    tbody + tbody > tr:first-child > td {\n      border-top: 1px solid ${O.colors.neutral.grey.base};\n    }\n  `;return`\n    grid-template-columns: ${i.map((e=>hn(e.width))).join(" ")};\n\n    th::after, td::after {\n      transition: box-shadow .3s;\n    }\n\n    ${e.length>0?r:""}\n    ${t.length>0?a:""}\n\n    ${d}\n    ${u}\n\n    ${"nested"===l?p:m}\n  `}var fn;!function(e){e.ascending="ascending",e.descending="descending"}(fn||(fn={}));const vn=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"})),yn=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"})),xn=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"})),wn=({sortState:t,columnId:n,size:o})=>t&&t.columnId===n?t.direction===fn.ascending?e.createElement(yn,{color:O.colors.neutral.ink.dark,size:o}):e.createElement(xn,{color:O.colors.neutral.ink.dark,size:o}):e.createElement(vn,{size:o});function Cn(e,n){const[i,l]=t([]),r=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));l(n)};return o((()=>{r()}),[e.current]),o((()=>{if(!n.current)return;const e=C(r,50),t=new f(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),i}function En(e){const t=e.filter((e=>!0!==e.hidden)),n=t.filter((e=>"left"===e.pinned)),o=t.filter((e=>"right"===e.pinned)),i=t.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...n,...i,...o],pinnedLeft:n,pinnedRight:o}}function $n(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},l=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",l),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},r=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",i),document.addEventListener("mouseup",l))};return n.addEventListener("mousedown",r),()=>null==n?void 0:n.removeEventListener("mousedown",r)}),[e.current])}function kn(){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 Sn(e){const[n,i]=t("start"),l=()=>{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",l),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",l)}}),[e.current]),o((()=>{if(!e.current)return;const t=C(l,50),n=new f(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:n,containerRef:e}}const Nn="56px",In=p.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${Nn};display:flex;align-items:center;justify-content:${({align:e="left"})=>gn(e)};background-color:white;padding-left:${({spacing:e=3})=>O.sizes[e]};padding-right:${({spacing:e=3})=>O.sizes[e]};border-bottom:1px solid ${O.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function Ln(t){var{selected:n,indeterminate:o,onChange:i,selectionMode:l}=t,r=Q(t,["selected","indeterminate","onChange","selectionMode"]);return"single"===l?e.createElement(In,Object.assign({},r)):e.createElement(In,Object.assign({},r),e.createElement(nn,{checked:n,indeterminate:o,onChange:i}))}const zn=p.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>gn(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>O.sizes[e]};padding-right:${({spacing:e=3})=>O.sizes[e]};color:${O.text.bodySmall.color};font-family:${O.text.bodySmall.fontFamily};font-size:${O.text.bodySmall.fontSize};font-style:${O.text.bodySmall.fontStyle};font-weight:${O.text.bodySmall.fontWeight};line-height:${O.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${O.colors.secondary.blue.base};background-color:${O.colors.neutral.grey.lightest};}`;function Fn(t){var{selected:n,rowId:o,onChange:i,selectionMode:l,disabled:r}=t,a=Q(t,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===l?e.createElement(zn,Object.assign({},a),e.createElement(ln,{value:o,checked:n,disabled:r,onChange:i})):e.createElement(zn,Object.assign({},a),e.createElement(nn,{value:o,checked:n,disabled:r,onChange:i}))}const Bn=[[],()=>{}];function Dn({selectionMode:t="multiple",selectionState:n,enabledRowIds:o}){const i=!!n,[l,r]=n||Bn,a=()=>{l.length!==o.length?r(o):r([])};return{selectionEnabled:i,selectedRowIds:l,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,i)=>e.createElement(Ln,Object.assign({},i,{selected:l.length===o.length,indeterminate:l.length>0&&l.length<o.length,onChange:a,selectionMode:t})),renderCell:(n,o,i,l)=>e.createElement(Fn,Object.assign({},o,{rowId:n.id,selected:l.selected,onChange:i.setSelected,selectionMode:t,disabled:l.disabled}))},setSelected:(e,n)=>{if(null!=n)if(e&&"single"===t)r([n]);else if(e){if(l.includes(n))return;const e=[...l,n];r(e)}else{const e=l.findIndex((e=>e===n));if(e<0)return;const t=[...l];t.splice(e,1),r(t)}}}}const jn=p.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${O.colors.neutral.ink.lightest};`,Mn=p.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${O.text.headingTable.color};font-family:${O.text.headingTable.fontFamily};font-size:${O.text.headingTable.fontSize};font-style:${O.text.headingTable.fontStyle};font-weight:${O.text.headingTable.fontWeight};line-height:${O.text.headingTable.lineHeight};`,Hn=p(Mn).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 ${jn}{background-color:${O.colors.neutral.grey.light};color:${O.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${O.colors.secondary.blue.light};}`;function Rn({column:t,sortState:n,onChangeSort:o}){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 i={key:t.id.toString(),id:`datatable-header-${t.id}`,role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,i);const l=t.sortable?Hn:Mn,r=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===fn.ascending;let i=fn.ascending;return n&&o&&(i=fn.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(In,Object.assign({},i),e.createElement(bt,{text:t.tooltip},e.createElement(l,Object.assign({},r),t.icon&&t.icon,t.title&&e.createElement("span",null,t.title),t.sortable&&e.createElement(jn,null,e.createElement(wn,{sortState:n,columnId:t.id,size:5})))))}const On=O.colors.neutral.grey.base,An=O.colors.neutral.grey.dark,Tn=p.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${O.radius.base};background:${On};background-image:linear-gradient(\n    to right,\n    ${On} 0%,\n    ${An} 20%,\n    ${On} 40%,\n    ${On} 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 Wn=p.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:${Nn};background-color:white;`,Vn=p.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 ${O.colors.neutral.grey.base};& > *{flex:1;}`;function Pn({selectionColumn:n,intersectionTargetRef:i,containerRef:l,children:r}){var a;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===(a=l.current)||void 0===a?void 0:a.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(Wn,{style:m},Rn({column:n}),e.createElement(Vn,null,r))}const Zn=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"})),qn=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"})),Xn=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 Gn=p.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${O.sizes.lg};padding-bottom:${O.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${O.sizes.md};`,_n=p.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${O.sizes.md};background-color:${O.colors.neutral.grey.light};border-radius:${O.radius.full};`,Kn=p.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Yn=p.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n    &&&& > td {\n      background-color: ${O.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  `}`,Un=p.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Jn=p.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${O.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Qn=p.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,eo={full:`border-width: 1px; border-radius: ${O.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},to=p.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${O.colors.neutral.grey.dark};${({borderMode:e="full"})=>eo[e]} &,& *{box-sizing:border-box;}`;function no({children:n,intersectionTargetRef:i,containerRef:l,cellWidths:a,tableCss:s}){const d=r(null),[c,u]=t(!1),[m,p]=t({top:0,left:0,width:0,height:0}),g=()=>{var e;const t=null===(e=l.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(!l.current)return;const t=l.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&&l.current&&g()}),[l.current,c]),o((()=>{if(!c)return;if(!l.current)return;const e=C(g,33),t=new f(e);return t.observe(l.current),()=>t.disconnect()}),[l.current,c]),o((()=>{h()}),[c]),o((()=>{var e;return null===(e=l.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=l.current)||void 0===e||e.removeEventListener("scroll",h)}}),[l.current]),!c)return null;const b=Object.assign(Object.assign({},m),{height:Nn,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${O.colors.neutral.grey.base}`}),v=s+a.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(Jn,{css:v},e.createElement("thead",null,n)))}const oo=(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}),io=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"})),lo={icon:e.createElement(io,{width:48,height:48}),heading:"No results"},ro=()=>{},ao=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:i=lo,expandedRowIds:l,loading:a,loadingRowCount:s,onChangeSort:d,rows:c,disabledRowIds:u,selectionMode:m,selectionState:p,setExpanded:g,sortState:h,stripingMode:b,enableStickyHeader:f})=>{const v=r(null),y=r(null),x=r(null);$n(v);const w=c.map((e=>e.id)).filter((e=>!(null==u?void 0:u.includes(e)))),{selectionEnabled:C,selectedRowIds:E,selectionColumn:$,setSelected:k}=Dn({selectionMode:m,selectionState:p,enabledRowIds:w}),S={setSelected:k||ro,setExpanded:g||ro},N=[$,...o],I=C?N:o,L=Cn(y,v),{visible:z,pinnedLeft:F,pinnedRight:B}=En(I),{scrollPosition:D}=Sn(v),j=bn({pinnedLeft:F,pinnedRight:B,cellWidths:L,scrollPosition:D,visible:z,stripingMode:b});if(a){const t=new Array(s).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(to,{borderMode:n},e.createElement(Un,{ref:v},e.createElement(Jn,{css:j,ref:y,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Yn,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},t.map((t=>e.createElement(Yn,{key:t.id},z.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(zn,Object.assign({},o),e.createElement(Tn,null))}(t,n))))))))))}if(0===c.length)return e.createElement(to,{borderMode:n},e.createElement(Un,{ref:v},e.createElement(Jn,{css:j,ref:y,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Yn,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(Gn,{columnCount:z.length},e.createElement(_n,null,i.icon),e.createElement(Ot,{spacing:"sm",alignX:"center"},e.createElement(V,{variant:"headingMedium"},i.heading),i.subheading&&e.createElement(V,{variant:"subheadingMedium"},i.subheading)))))));const M=t=>{const{e2eClassName:n="",accentColor:o}=t,i=oo(t.id,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:u});return e.createElement(Yn,Object.assign({role:"row",key:t.id,accentColor:o,className:n},i),z.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,S,i))))},H=(t,n)=>{var o,i;const r=null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row,a=oo(n,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:u});return e.createElement(Yn,{role:"row",key:t.id,className:r},z.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(zn,Object.assign({},i))}(t,n,a))))},R=t=>{var n;const o=null==l?void 0:l.includes(t.id);return e.createElement("tbody",{role:"rowgroup",key:t.id},M(t),o&&(null===(n=t.nestedRows)||void 0===n?void 0:n.map((e=>H(e,t.id)))))},O=e.createElement(Yn,{role:"row"},z.map((e=>Rn({column:e,sortState:h,onChangeSort:d})))),A=o.some((e=>!!e.renderFooter)),T=E.length>0&&!!t;return e.createElement(to,{borderMode:n},T&&e.createElement(Pn,{selectionColumn:$,intersectionTargetRef:x,containerRef:v},t),e.createElement(Un,{ref:v},f&&e.createElement(no,{tableCss:j,intersectionTargetRef:x,containerRef:v,cellWidths:L},O),e.createElement("div",{ref:x,style:{height:0}}),e.createElement(Jn,{css:j,ref:y,role:"table"},e.createElement("thead",{role:"rowgroup"},O),(()=>{const t=!!l;return t&&"nested"===b?c.map(R):t?e.createElement("tbody",{role:"rowgroup"},c.map((e=>{var t;return[M(e),...(null==l?void 0:l.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>H(t,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},c.map(M))})(),A&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(Yn,{role:"row"},z.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(zn,Object.assign({},n))}({column:t}))))))))};ao.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},ao.Cell=zn,ao.ColumnMenu=function({columns:n,columnGroups:o,setColumns:i}){const[l,r]=t(null),[a,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)),l=[...n];o.forEach((e=>{const n=l.findIndex((t=>t.id===e));n<0||(l[n]=Object.assign(Object.assign({},l[n]),{hidden:t}))})),i(l)};return e.createElement(e.Fragment,null,e.createElement(Se,{ref:r,dropdown:!0,onClick:()=>s(!0)},"Columns"),a&&e.createElement(de,{anchorElement:l,onShouldClose:()=>s(!1)},e.createElement(We,{style:{width:600}},e.createElement(Ot,{alignX:"stretch",spacing:"sm"},u.map(((t,n)=>e.createElement(Ot,{key:t[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},e.createElement(Se,{variant:"flat",icon:e.createElement(Xn,null)}),e.createElement(Ot,{spacing:"sm",style:{flex:1}},t.map((t=>e.createElement("div",{key:t.id},t.title)))),e.createElement(Ot,{direction:"horizontal",spacing:"sm"},t[0].hidden?e.createElement(Se,{variant:"flat",icon:e.createElement(qn,null),onClick:()=>m(n,!1),style:{color:O.colors.neutral.ink.lightest}}):e.createElement(Se,{variant:"flat",icon:e.createElement(Zn,null),onClick:()=>m(n,!0)})))))))))},ao.SelectionCell=Fn,ao.SelectionHeader=Ln,ao.Header=In,ao.Truncate=Qn,ao.NoWrap=Kn;const so=p.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${O.sizes.base};}`,co=p.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${O.sizes.xs};}`,uo=p.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${O.sizes.base};}`,mo=p.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${O.sizes.xs};}`,po=p.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${O.text.bodyBold.fontFamily};font-size:${O.text.bodyBold.fontSize};font-weight:${O.text.bodyBold.fontWeight};line-height:${O.text.bodyBold.lineHeight};color:${O.text.bodyBold.color};`,go=p.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${O.text.body.fontFamily};font-size:${O.text.body.fontSize};font-weight:${O.text.body.fontWeight};line-height:${O.text.body.lineHeight};color:${O.text.body.color};`,ho=({items:t,horizontal:n})=>{const o=t=>Array.isArray(t)?t.map((t=>e.createElement(go,{key:t},t))):e.createElement(go,null,t);return e.createElement(so,null,t.map((t=>n?e.createElement(uo,{key:t.term},e.createElement(po,null,t.term),e.createElement(mo,null,o(t.description))):e.createElement(co,{key:t.term},e.createElement(po,null,t.term),o(t.description)))))},{sizes:bo,colors:fo}=O,vo=p.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${bo.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${bo.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,yo=p.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${bo.md};overflow-x:hidden;background-color:${fo.neutral.grey.lightest};`,xo=({renderHeader:n,children:o})=>{const[i,l]=t(!0);return e.createElement("main",null,n((()=>l(!i)),i),e.createElement(yo,null,e.createElement(vo,{showSidebar:i},o)))},wo=p.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 Co;!function(e){e.base="base",e.sm="sm"}(Co||(Co={}));const Eo=p.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${O.text.inputLabel.fontFamily};font-size:${O.text.inputLabel.fontSize};font-weight:${O.text.inputLabel.fontWeight};line-height:${O.text.inputLabel.lineHeight};color:${O.text.inputLabel.color};`,$o=p.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${O.fontFamily};font-size:${O.sizes[3]};line-height:${O.sizes[4]};color:${O.colors.neutral.ink.light};`,ko=p.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${O.text.error.fontFamily};font-size:${O.text.error.fontSize};font-weight:${O.text.error.fontWeight};line-height:${O.text.error.lineHeight};color:${O.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${O.sizes[2]} * -1);width:2px;background-color:${O.colors.secondary.red.base};}`,So=p(Ot).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,No=p(bt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:block;}`,Io=t=>n=>{var{label:o,hint:l,error:r,tooltip:a}=n,s=Q(n,["label","hint","error","tooltip"]);const d=i((()=>ee(t.name)),[]);return o?e.createElement(So,{spacing:"sm",alignX:"stretch"},e.createElement("div",null,e.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement(Eo,{htmlFor:d},o),a&&e.createElement(No,{text:a},e.createElement(Yt,{width:O.sizes.base,height:O.sizes.base,color:O.colors.neutral.ink.light}))),l&&e.createElement($o,null,l)),e.createElement(t,Object.assign({id:d,hasError:!!r},s)),r&&e.createElement(ko,null,r)):e.createElement(t,Object.assign({hasError:!!r},s))},Lo=t=>n=>(o((()=>{console.warn(`${t.name} is deprecated.`)}),[]),e.createElement(t,Object.assign({},n))),zo=({hasError:e,inputSize:t})=>g`&{--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  "}`,Fo=p.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${O.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    `}} ${zo} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,Bo=p.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;${zo}`,Do=/^-?[0-9]*\.?[0-9]+$/,jo=Io(l(((t,n)=>{var{id:o,className:i,disabled:l=!1,hasError:r,max:s,min:d,multiline:c=!1,name:u,onChange:m,pattern:p,placeholder:g,rows:h="3",size:b=Co.base,step:f,type:v="text",value:y,spellCheck:x=!1}=t,w=Q(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const C=a((e=>{if(!m)return;const t=e.currentTarget.value;if(""===t)return void m(t);if("number"!==v)return void m(t);new RegExp(Do).test(t)&&m(t)}),[m,v]),E=null!=o?o:ee("textfield");return"text"===v&&c?e.createElement(Bo,Object.assign({className:i,disabled:l,hasError:r,id:E,name:u,onChange:C,placeholder:g,rows:h,value:y,spellCheck:x,ref:n},w)):e.createElement(Fo,Object.assign({className:i,disabled:l,hasError:r,id:E,inputSize:b,max:s,min:d,name:u,onChange:C,placeholder:g,step:f,type:v,value:y,spellCheck:x,ref:n},w))})));jo.displayName="TextField";const Mo=p(k).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,Ho=p(k).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,Ro=p(jo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${O.colors.neutral.ink.lightest};}`,Oo=p(Se).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${O.colors.neutral.ink.lightest};`;p(V).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,p.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${O.text.error.fontFamily};font-size:${O.text.error.fontSize};font-weight:${O.text.error.fontWeight};line-height:${O.text.error.lineHeight};color:${O.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${O.sizes[2]} * -1);width:2px;background-color:${O.colors.secondary.red.base};}`,p.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${O.fontFamily};font-size:${O.sizes[3]};line-height:${O.sizes[4]};color:${O.colors.neutral.ink.light};`;const Ao=Io((t=>{var{size:n=Co.base,handleChangeHeight:o,handleChangeWidth:i,handleChangeLength:l,className:r,height:a,width:s,length:d,unit:c}=t,u=Q(t,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return e.createElement(Mo,{className:r},e.createElement(Ho,null,e.createElement(Ro,Object.assign({onChange:l,size:n,name:"length",type:"number",placeholder:"L",value:d},u)),e.createElement(ze,{height:O.sizes.base,width:O.sizes.base}),e.createElement(Ro,Object.assign({onChange:i,size:n,name:"width",type:"number",placeholder:"W",value:s},u)),e.createElement(ze,{height:O.sizes.base,width:O.sizes.base}),e.createElement(wo,null,e.createElement(Ro,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:a},u)),e.createElement(Oo,{size:n},c))))}));Ao.displayName="DimensionsInput";const To=(e,t)=>{const n=r(null),i=a((e=>{"Escape"===e.key&&(null==t||t())}),[t]),l=a((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",l),document.addEventListener("keyup",i),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",i)}}),[l,i,e]),n},Wo=(e,n)=>{const[i,l]=t(e);return o((()=>{const t=setTimeout((()=>l(e)),n);return()=>clearTimeout(t)}),[e,n]),i};function Vo(){const[e,n]=t(!1),o=a((()=>n(!e)),[e,n]),i=a((()=>n(!1)),[n]);return{shouldShowDropdown:e,toggleShouldShowDropdown:o,setShouldShowDropdown:n,closeDropdown:i}}const Po=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Zo({children:n}){const[i,l]=t(!0);return o((()=>{function e(){l(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(l(!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||l(!0)}function r(){"hidden"===document.visibilityState&&(l(!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",r,!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",r,!0),o()}}),[l]),e.createElement(Po.Provider,{value:{hadKeyboardEvent:i,isInitialized:!0}},n)}function qo(){const[t,n]=e.useState(!1),{hadKeyboardEvent:o,isInitialized:i}=e.useContext(Po),l=e.useCallback((()=>{t||n(!0)}),[t]),r=e.useCallback((()=>{t&&n(!1)}),[t]);let a;return a=i?o&&t:t,e.useMemo((()=>({focusVisible:a,onFocus:l,onBlur:r})),[a,r,l])}const Xo=(e=!1)=>{const[n,o]=t(e);return[n,a((()=>o(!0)),[o]),a((()=>o(!1)),[o])]},Go=e=>{const[n,i]=t(!1),[l,r]=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&&!l,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:i}=t.target;r(o-n-i<=0)}}},_o=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[i]=t(e),[l,r]=t(i[o]);return[l,e=>{const t=i.find((t=>t.key===e));t&&r(t)}]},Ko=p(k).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${I.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${M.base};height:${M.base};}`,Yo=p(V).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,Uo=p(Yo).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,Jo=p(Le).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,Qo=p(ze).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,ei=p(k).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,ti=p(k).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 ${I.neutral.grey.base};svg{color:${({color:e})=>e};width:${M[5]};height:${M[5]};margin-right:10px;}`,ni=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),oi=({className:t,e2eClassName:n,label:o,text:i,iconSlot:l,fill:r=I.secondary.blue.base,content:s,footer:d,onClickAway:c,onClick:u,shouldCloseOnClickAway:m=!0})=>{const p=ni(t),g=ni(n),{shouldShowDropdown:h,toggleShouldShowDropdown:b,closeDropdown:f}=Vo(),v=a((e=>{b(),c&&h&&c(e)}),[b,c,h]),y=a((e=>{c&&c(e,f),m&&f()}),[f,c,m]);return!s?e.createElement(Ko,{className:ie([null==p?void 0:p.container,null==g?void 0:g.container]),onClick:u},o&&e.createElement(Uo,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(V,null,i),e.createElement(Qo,{className:ie([null==p?void 0:p.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:I.neutral.ink.base})):e.createElement(it,{className:p.filterTagDropdown,shouldShowDropdown:h,onClickAway:y,cta:e.createElement(Ko,{className:p.container,onClick:v},o&&e.createElement(Uo,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(V,null,i),e.createElement(Jo,{color:I.neutral.ink.base,name:"downArrow",shouldShow:h}))},e.createElement(ei,null,e.createElement(ti,{color:r},l,e.createElement(V,{variant:"bodyBold"},o)),s,d))},ii=p(k).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?M[e]:0};`,li=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"})),ri=p.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,ai=p.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,si=p.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,di=p.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,ci=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}),ui=({src:n,alt:o="",className:i,e2eClassName:l,width:r,height:s,previewWidth:d,previewHeight:c,previewPlacement:u="right",previewEnabled:m=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:f=!1})=>{const v=ci(i),x=ci(l),[w,C]=t(!1),[E,$]=t({isLoaded:!1,isError:!1}),[k,S]=e.useState(null),[N,I]=e.useState(null),{styles:L,attributes:z}=b(k,N,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),F=a((()=>m?C(!0):{}),[m]),B=a((()=>m?C(!1):{}),[m]),D=!E.isLoaded||E.isError;return e.createElement(ri,{className:ie([null==v?void 0:v.container,null==x?void 0:x.container,i])},e.createElement(ai,{src:n,alt:o,className:ie([null==v?void 0:v.image,null==x?void 0:x.image]),width:r,height:s,onLoad:()=>$({isLoaded:!0,isError:!1}),onError:()=>$({isLoaded:!0,isError:!0}),previewEnabled:m,onMouseEnter:F,onMouseLeave:B,style:D?{display:"none"}:{},ref:S}),!f&&D&&(p||e.createElement(li,{className:ie([null==v?void 0:v.placeholder,null==x?void 0:x.placeholder]),width:g||r,height:h||s})),w&&y(e.createElement(si,Object.assign({ref:I,style:L.popper},z.popper,{className:ie([null==v?void 0:v.previewImageContainer,null==x?void 0:x.previewImageContainer])}),e.createElement(di,{src:n,alt:"",width:d,height:c})),document.body))},mi={width:64,height:64},pi={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({},mi)),title:"No data found"},gi={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({},mi)),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 hi;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(hi||(hi={}));const{text:bi,sizes:fi}=O,{blue:vi}=O.colors.secondary,{grey:yi}=O.colors.neutral,{scrollbar:xi}=O.colors.system,wi='\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',Ci=p.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,Ei=p.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 ${yi.dark};border-bottom:1px solid ${yi.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: ${xi.background}; \n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: ${xi.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      ${wi};\n\n      ${o===hi.middle||o===hi.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      ${wi};\n\n      ${o===hi.start||o===hi.middle?"\n  box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n    };\n  `}`,$i=p(Ei).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${yi.dark};border-radius:4px;`,ki=p.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,Si=p.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${yi.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;p.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${yi.lightest};padding:1.5rem 1rem;border-top:1px solid ${vi.base};}`;const Ni=p.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  `}`,Ii=p.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:${bi.bodySmall.fontFamily};font-size:${bi.bodySmall.fontSize};font-weight:${bi.bodySmall.fontWeight};color:${bi.bodySmall.color};line-height:${fi.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,Li=p(Ii).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${yi.dark};font-family:${bi.bodySmallBold.fontFamily};font-size:${bi.bodySmallBold.fontSize};font-weight:${bi.bodySmallBold.fontWeight};color:${bi.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${yi.light};}`,zi={left:"flex-start",center:"center",right:"flex-end"},Fi=p.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?zi[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,Bi=p.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n    & ${Si}:nth-child(even) td {\n      background-color: ${yi.lightest};\n    }\n  `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n      user-select: none;\n      pointer-events: none;\n    "}}${({noWrap:e})=>e&&`\n    & ${Li}, & ${Li} span {\n      white-space: nowrap;\n    }\n  `}`,Di=p.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${Ii}{border-top:1px solid ${yi.dark};background-color:${yi.lightest};padding-top:${fi.base};padding-bottom:${fi.base};line-height:2rem;}`,ji=p.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,Mi=p(Bi).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,Hi=p(k).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;`,Ri=p(k).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${O.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,Oi=p(V).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,Ai=p(V).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,Ti=({height:t,icon:n,title:o,subTitle:i})=>e.createElement(Hi,{height:t},e.createElement(Ri,null,n),e.createElement(Oi,{variant:"headingLarge"},o),i&&e.createElement(Ai,{variant:"subheadingMedium"},i)),Wi=p.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:${O.sizes.base};border-radius:${O.radius.base};&:hover{cursor:pointer;background-color:${O.colors.secondary.blue.lightest};}`,Vi=p(Wi).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${O.text.link.color};text-decoration:${O.text.link.textDecoration};`,Pi=p.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:Zi}=O.colors.neutral,qi=p.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,Xi=p.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, ${Zi.base} 8%, ${Zi.dark} 15%, ${Zi.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,Gi=({isLoading:t,style:n})=>e.createElement(qi,{style:n},e.createElement(Xi,{isLoading:t})),_i=t=>{var{style:n}=t,o=Q(t,["style"]);return e.createElement(Ii,Object.assign({},o),e.createElement(Gi,{style:n}))};_i.defaultProps={style:{}};const Ki=({renderHeader:n,tableRef:i,wrapperRef:l,isFixedLayout:r,wrapperStyle:s})=>{var d;const[c,u]=t(null),{isSticky:m}=((e,n)=>{const[i,l]=t(!1),r=a((({top:e,bottom:t})=>{let o=i;o=e<=(n||0)&&t>0?!i||o:!i&&o,o!==i&&l(o)}),[i,n]);return o((()=>{const t=()=>{var t;e.current&&r(null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}}),[r,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=l.current)||void 0===d?void 0:d.getBoundingClientRect().width)||0)-2;E(l);const g=e=>{var t;const n=(null===(t=l.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:c&&(c.scrollLeft=n)};return g(),m?e.createElement(ji,{ref:e=>{u(e),g(e)},style:Object.assign({width:p},s)},e.createElement(Mi,{style:{tableLayout:r?"fixed":"auto"}},n())):null},Yi=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")},Ui=t=>{var{style:n,width:o,isLoading:i}=t,l=Q(t,["style","width","isLoading"]);return e.createElement(Li,Object.assign({},l,{style:{width:o}}),e.createElement(Gi,{style:n,isLoading:i}))},Ji=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"})),Qi=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"})),el=()=>e.createElement(vn,{width:O.sizes.base,height:O.sizes.base,color:"lightgrey"}),tl=()=>e.createElement(Ji,{width:O.sizes.base,height:O.sizes.base,color:"lightgrey"}),nl=()=>e.createElement(Qi,{width:O.sizes.base,height:O.sizes.base,color:"lightgrey"}),ol=({borderless:n=!1,striped:l=!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:C,sortColumnId:E,sortDirection:$,onChangeSort:k,isError:S=!1,isLoading:N=!1,skeletonRowsNumber:I=5,isHeaderSticky:L=!0,stickyHeaderStyle:z,customSpecificState:F,bodyHeightInSpecificStates:B=375,startFixedColumnsNumber:D,endFixedColumnsNumber:j})=>{const M=n?Ei:$i,H=!!u&&0===u.length,R=Boolean(D||j),O=!D&&!j,A=r(null),T=r(null),[W,V]=t(hi.none);o((()=>{var e;let t=null;const n=()=>{if(!T.current||O)return;const e=T.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),i=n+o;t===o?V(hi.none):0===n?V(hi.start):n>0&&i<t?V(hi.middle):i===t&&V(hi.end)};return T.current&&(t=T.current,n(),null===(e=T.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[A,O]);const P=a((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),[]),Z=a(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),q=a((()=>{if(!c||N)return null;const e=[],t=[];let n=0,o=0;if(D){y&&(e.push(Z(1,n,"left")),n+=58);for(let t=0;t<D;t+=1){const o=P(c[t].width);o&&(e.push(Z(y?t+2:t+1,n,"left")),n+=o)}}if(j)for(let e=0;e<j;e+=1){const n=P(c.slice(-e-1)[0].width);n&&(t.push(Z(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[N,P,j,Z,c,D,y]),X=i((()=>q()),[q]),G=a(((e,t)=>{if(!y||!C)return;if(e)return"single"===w?void C([t.id]):void C([...y,t.id]);const n=[...y],o=n.findIndex((e=>e===t.id));n.splice(o,1),C(n)}),[C,y,w]),_=a((()=>{if(!y||!C)return;if(y.length===u.length)return void C([]);const e=u.map((e=>e.id));C(e)}),[C,u,y]),K=a((e=>{if(void 0===E||void 0===k)return;let t=E,n="ascending";"ascending"===$&&(n="descending"),e!==E&&(t=e,n="ascending"),k(t,n)}),[k,E,$]),Y=a(((t,n)=>{let o="",i=()=>{},l=e.createElement(el,null);const{tooltip:r,align:a,icon:s,title:d,sortable:c,id:u}=t;c&&(o="sortable",i=()=>K(u),E===u&&(l="ascending"===$?e.createElement(tl,null):e.createElement(nl,null)));const m=e.createElement(Fi,{align:a},s&&s,d&&e.createElement("span",null,d),c&&l);return e.createElement(Li,{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)},r?e.createElement(bt,{text:r},e.createElement(Ci,null,m)):m)}),[K,E,$]),U=a(((t,n)=>e.createElement(Ui,{key:t.id,width:t.width||"auto",style:n,isLoading:N})),[N]),J=a((()=>{if(!c)return null;const t=q(),n=t?t[0].style:{};return e.createElement(ki,null,e.createElement(Ni,null,y&&e.createElement(Li,{style:Object.assign({width:58},n)},"multiple"===w&&e.createElement(nn,{checked:u.length>0&&(null==y?void 0:y.length)===u.length||!1,onChange:_,disabled:x&&x.length>0||N||H,ariaLabel:"Select all"})),c.map(((e,n)=>{const o=y?n+2:n+1,i=n-c.length,l=null==t?void 0:t.find((e=>e.index===o||e.index===i));return e.skeleton&&(N||S||H)?U(e,e.skeletonStyle||{}):Y(e,(null==l?void 0:l.style)||{})}))))}),[q,_,c,H,S,N,U,Y,u.length,y,w,x]),Q=a(((t,n)=>{const o={checked:t,onChange:e=>G(e,n),disabled:(null==x?void 0:x.includes(n.id))||!1};return"single"===w?e.createElement(ln,Object.assign({},o)):e.createElement(nn,Object.assign({},o))}),[G,w,x]),ee=a((t=>{const n={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===w?e.createElement(_i,{key:void 0===t?null:`radio-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"50%"})}):e.createElement(_i,{key:void 0===t?null:`checkbox-skeleton-${t}`,style:Object.assign(Object.assign({},n),{borderRadius:"0.25rem"})})}),[w]),te=a(((t,n)=>{var o,i;if(!p)return null;const l=p(t);if(!l)return null;const r=(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(Ni,{key:t.id,className:`${r} ${n?"hidden":""}`},y&&e.createElement(Ii,null),l)}),[p,y]),ne=a((t=>{if(!c)return e.createElement(_i,null);const n=c.map((n=>e.createElement(_i,{key:`${t}-${n.id}`})));return y&&n.unshift(ee(t)),n}),[c,ee,y]),oe=()=>b?N&&!f||!N&&H?null:e.createElement(Di,{fixedColumnsStyle:Yi(X||[])},e.createElement(Ni,null,y&&!v&&e.createElement(Ii,null),!N&&b(u),N&&f&&f())):null;let ie=D;y&&ie&&(ie+=1);const le=i((()=>u.map((t=>{var n,o,i;const{data:l}=t,r=!!y&&y.includes(t.id),a=!g||g.includes(t.id),s=null===(n=null==l?void 0:l.e2eClassNames)||void 0===n?void 0:n.body,d=null!==(i=null===(o=null==l?void 0:l.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==i?i:"",c=r?`selected ${d}`:`${d}`;return e.createElement(Si,{key:t.id,className:s,fixedColumnsStyle:Yi(X||[])},e.createElement(Ni,{key:t.id,className:c,accentColor:t.accentColor},y&&e.createElement(Ii,null,Q(r,t)),m(t)),t.nestedRows&&t.nestedRows.map((e=>te(e,!a))))}))),[u,g,X,te,m,Q,y]);if(N){const t=[];for(let n=0;n<I;n+=1)t.push(e.createElement(Si,{key:`loading-row-${n}`,fixedColumnsStyle:Yi(X||[])},e.createElement(Ni,null,h?e.createElement(e.Fragment,null,y&&ee(),h()):ne(n))));return e.createElement(M,{ref:T,scrollDisabled:!0,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:j},L&&c&&e.createElement(Ki,{renderHeader:J,tableRef:A,wrapperRef:T,isFixedLayout:R,wrapperStyle:z}),e.createElement(Bi,{ref:A,striped:l,noWrap:s,tableLoading:!0,isFixedLayout:R},J(),t,oe()))}if(H||S){let t=pi;return F?t=F:S&&(t=gi),e.createElement(M,{scrollDisabled:!0},e.createElement(Bi,{ref:A,striped:l,noWrap:s,tableLoading:!1,isFixedLayout:R},J(),oe()),e.createElement(Ti,Object.assign({height:B},t)))}return e.createElement(M,{scrollDisabled:!1,ref:T,scrollPosition:W,lastStartFixedColumnsIndex:ie,firstEndFixedColumnsIndex:j,showScrollbar:d},L&&c&&e.createElement(Ki,{renderHeader:J,tableRef:A,wrapperRef:T,isFixedLayout:R,wrapperStyle:z}),e.createElement(Bi,{ref:A,striped:l,noWrap:s,tableLoading:!1,isFixedLayout:R},J(),le,oe()))};ol.Cell=Ii,ol.ClickableCell=t=>{var{onClick:n,children:o}=t,i=Q(t,["onClick","children"]);return e.createElement(Ii,Object.assign({},i),e.createElement(Vi,{onClick:n},o))},ol.EditableCell=t=>{var{onClick:n,children:o}=t,i=Q(t,["onClick","children"]);return e.createElement(Ii,Object.assign({},i),e.createElement(Wi,{onClick:n},e.createElement(Pi,null,o)))},ol.SkeletonCell=_i,ol.SkeletonContent=Gi;const il=p.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,ll="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",rl="Log in with Amazon",al=n=>{const[o,i]=t(ll);return e.createElement(il,Object.assign({onMouseDown:()=>{i("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{i(ll)},"aria-label":rl},n),e.createElement("img",{src:o,alt:rl}))},sl=h`body{overflow:hidden;scrollbar-gutter:stable;}`,dl=p.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${O.sizes.md};`} ${({isScrollable:e})=>e&&`\n    & + ${We.Footer} {\n      box-shadow: 0px 10px 15px 0px ${O.colors.neutral.ink.dark};\n    }\n  `}`,cl=e=>!!e.footerSlot,ul={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},ml={[L.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[L.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[L.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},pl={xs:L.mobile,sm:L.mobile,base:L.tablet,lg:L.lgTablet},{breakpoints:gl}=O,hl=p(u.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:${O.sizes.sm};box-shadow:${O.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${We.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${ul[e]};`} ${dl}{padding-bottom:${O.sizes.md};}${We.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${gl.mobile} + 1px))and (max-width: ${gl.tablet}){max-width:${({variant:e})=>ml[gl.tablet][e]};}@media (min-width: ${gl.tablet})and (max-width: ${gl.lgTablet}){max-width:${({variant:e})=>ml[gl.lgTablet][e]};}@media (min-width: ${gl.lgTablet})and (max-width: ${gl.desktop}){max-width:${({variant:e})=>ml[gl.desktop][e]};}@media (min-width: ${gl.desktop}){max-width:${({variant:e})=>ml[gl.lgDesktop][e]};}@media (max-width: ${({variant:e})=>pl[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${We.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${re(O.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,bl=e.forwardRef(((t,n)=>{var o=Q(t,[]);return e.createElement(hl,Object.assign({ref:n},o))})),fl=n=>{const{shouldShow:i,showHeaderCloseButton:l=!0,fullBleed:a=!1,variant:s="base",onClose:d,children:c}=n,u=r(null),[p,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}=Go(p),f=()=>{var e;null===(e=u.current)||void 0===e||e.close(),d()};return e.createElement(m,null,i&&e.createElement("div",{"data-testid":"dialog-wrapper"},e.createElement(sl,null),e.createElement(bl,{ref:u,onClose:f,variant:s,"aria-describedby":"modal_title"},e.createElement(We.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:e.createElement(Fe,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},l&&{onClickClose:f})),e.createElement(dl,{onScroll:b,ref:g,isScrollable:h,fullBleed:a},c),cl(n)&&n.footerSlot,!cl(n)&&(n.leftActions||n.rightActions)&&e.createElement(We.Footer,null,e.createElement(Ot,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&e.createElement(Ot,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((t=>{var{label:n}=t,o=Q(t,["label"]);return e.createElement(Se,Object.assign({key:n,type:"button"},o),n)}))),n.rightActions&&e.createElement(Ot,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((t=>{var{label:n}=t,o=Q(t,["label"]);return e.createElement(Se,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:vl,text:yl,shadows:xl}=O,{grey:wl}=O.colors.neutral,Cl=p.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${vl.base} ${vl.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&xl[e]};`,El=p.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${yl.headingXL.fontFamily};font-size:${yl.headingXL.fontSize};font-weight:${yl.headingXL.fontWeight};margin:unset;line-height:1;`,$l=p.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${yl.subheadingLarge.fontFamily};font-weight:${yl.subheadingLarge.fontWeight};font-size:${yl.subheadingLarge.fontSize};line-height:${yl.subheadingLarge.lineHeight};`,kl=p.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${O.radius.base};border:${vl.line} solid ${wl.base};object-fit:cover;`,Sl=p.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,Nl=p(Se).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${O.text.link.fontFamily};font-size:${O.text.link.fontSize};font-weight:${O.text.link.fontWeight};line-height:${O.text.link.lineHeight};color:${O.text.link.color};&:hover{text-decoration:${O.text.link.textDecoration};}& > * + *{margin-left:${O.sizes.xs};}`,Il=p.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:${vl.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,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",{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"})),zl=({title:t,subtitle:n,imageSrc:o,actions:i,quickActions:l,backAction:r,Accessory:a,shadow:s="none",onClickPrevious:d,onClickNext:c,onClickToggleSidebar:u})=>{const m=i&&e.createElement(Ye,{buttonVariant:l?"default":"primary",title:"Actions",sections:i}),p=null==l?void 0:l.map((t=>e.createElement(Se,{key:t.title,variant:t.variant,icon:t.icon,onClick:t.onClick},t.title))),g=r&&e.createElement(Se,{onClick:r.onClick,icon:e.createElement(Ll,null),variant:"link"},r.title),h=u&&e.createElement(Ot,{direction:"horizontal",alignX:"end"},e.createElement(Nl,{onClick:u},e.createElement("span",null,"Toggle sidebar"),e.createElement(Ft,{width:M.md})));return e.createElement(Cl,{shadow:s},e.createElement(Ot,null,g,e.createElement(Il,null,e.createElement(Ot,{direction:"horizontal",spacing:"md"},o&&e.createElement(kl,{src:o,alt:"",width:"72",height:"72"}),e.createElement("div",{style:{flex:1}},e.createElement(Ot,{alignX:"stretch"},e.createElement(El,null,t),a,n&&e.createElement($l,null,n)))),e.createElement(Sl,null,e.createElement(Ot,{direction:"horizontal",alignX:"end",spacing:"sm"},p,m,d&&e.createElement(Se,{icon:e.createElement(Ll,null),onClick:d}),c&&e.createElement(Se,{icon:e.createElement(Ft,null),onClick:c})),h))))},Fl=p(Ot).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${O.sizes.lg};height:30px;background-color:${O.colors.neutral.grey.light};border:1px solid ${O.colors.neutral.grey.base};border-radius:${O.sizes.xs};`,Bl=p(Se).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${O.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,Dl=p(jo).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,jl=({count:t})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(V,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(Fl,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(V,{variant:"bodySmall"},t))),Ml=({currentPage:e,totalPagesCount:n,handleChangePage:i})=>{const[l,r]=t(`${e}`);o((()=>{r(`${e}`)}),[e]);const a=e=>e>=1&&e<=n,s=()=>{if(l||r(`${e}`),l===`${e}`)return;const t=parseInt(l,10);a(t)&&i(t)};return{pageInputValue:l,handleIncrement:()=>{a(e+1)&&i(e+1)},handleDecrement:()=>{a(e-1)&&i(e-1)},handleInputChange:e=>{e||r(e);const t=parseInt(e,10);var n;a(n=t)&&r(`${n}`)},handleSubmit:s,handleFormSubmit:e=>{e.preventDefault(),s()}}},Hl=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"})),Ol=({testId:t,e2eClassName:n,currentPage:o,totalPagesCount:i,handleChangePage:l})=>{const{pageInputValue:r,handleIncrement:a,handleDecrement:s,handleFormSubmit:d,handleInputChange:c,handleSubmit:u}=Ml({currentPage:o,totalPagesCount:i,handleChangePage:l});return e.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:n},e.createElement(Bl,{onClick:()=>{1!==o&&l(1)},icon:e.createElement(Hl,null),size:"sm","aria-label":"go to first page"}),e.createElement(Bl,{onClick:s,icon:e.createElement(Ll,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),e.createElement("form",{onSubmit:d},e.createElement(Dl,{"aria-live":"polite","aria-label":`page ${o} of ${i}`,size:Co.sm,type:"number",value:r,min:"1",max:`${i}`,onChange:c,onBlur:u})),e.createElement(jl,{count:i}),e.createElement(Bl,{onClick:a,icon:e.createElement(Ft,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=i}),e.createElement(Bl,{onClick:()=>{o!==i&&l(i)},icon:e.createElement(Rl,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=i}))},Al=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],Tl=p(k).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Wl=p(it).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,Vl=p.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${I.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;}`,Pl=p(k).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Zl=p(V).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${I.secondary.blue.base};background:${I.neutral.grey.lightest};}`,ql=({item:t,handleRangeListChange:n})=>{const o=a((()=>n(t)),[n,t]);return e.createElement(Pl,{onClick:o},e.createElement(Zl,{variant:"bodySmall"},t.label))},Xl=t=>{const{handleRangeListChange:n,paginationRange:o=Al}=t;return e.createElement(e.Fragment,null,o.map((t=>e.createElement(d,{key:t.label},e.createElement(ql,{item:t,handleRangeListChange:n})))))};class Gl 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=Al[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:t,paginationRange:n=Al,reversedDropdown:o}=this.props,{shouldShowDropdown:i,dropdownValue:l}=this.state;return e.createElement(Tl,{className:t},e.createElement(Wl,{cta:e.createElement(Vl,{onClick:this.toggleShouldShow},e.createElement(V,{variant:"bodySmall"},l.label),e.createElement($e,{color:O.colors.neutral.ink.base})),shouldShowDropdown:i,onClickAway:this.toggleShouldShow,reversed:o},e.createElement(Xl,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const _l=p.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;}`,Kl=p.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;}`,Yl=({onIncrement:t,onDecrement:n,disabled:o=!1,size:i})=>e.createElement(_l,{size:i},e.createElement(Kl,{type:"button",onClick:t,disabled:o},e.createElement(U,{height:O.sizes.base,width:O.sizes.base,color:O.colors.neutral.ink.base})),e.createElement(Kl,{type:"button",onClick:n,disabled:o},e.createElement(Le,{height:O.sizes.base,width:O.sizes.base,color:O.colors.neutral.ink.base}))),Ul=p(jo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${O.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${O.colors.neutral.ink.lightest};}`,Jl=p(k).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${O.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?O.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;}}`,Ql=p(V).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,er=p(wo).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 ${O.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${O.colors.secondary.red.base};\n      border-bottom-color: ${O.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${O.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${O.colors.secondary.red.base};\n        border-right-color: ${O.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${O.colors.secondary.red.base};\n        border-bottom-color: ${O.colors.secondary.red.base};\n      }\n    }\n  `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${O.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?O.colors.secondary.red.base:O.colors.secondary.blue.base};}}`;const tr=Io((t=>{var{className:n="",hasError:o,currency:i,disabled:l=!1,onChange:r,onPriceChange:a,priceValue:s,step:d="0.1",size:c=Co.base}=t,u=Q(t,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const m=(e=a)=>{e(((parseFloat(s)||0)+parseFloat(d)).toFixed(2))},p=(e=a)=>{e(((parseFloat(s)||0)-parseFloat(d)).toFixed(2))};return e.createElement(er,{className:n,hasError:o},e.createElement(Jl,{disabled:l,size:c},e.createElement(Ql,{variant:"hintText"},i)),e.createElement(Ul,Object.assign({placeholder:"0.00",type:"currency",value:s,step:d,onChange:e=>r(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void a("");const o=parseFloat(n.replace(",",".")).toFixed(2);a(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&m(r),"ArrowDown"===t&&p(r)},disabled:l,size:c},u)),e.createElement(Yl,{onIncrement:()=>m(),onDecrement:()=>p(),disabled:l,size:c}))}));tr.displayName="PriceInput";const nr=p(jo).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,or=p.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,ir=p(k).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      & ${nr} {\n        ${t}\n      }\n\n      & ${or} {\n        ${n}\n      }\n    `}}`,lr=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"})),rr=({type:t="text",disabled:n=!1,onClearClick:o,onChange:i,onBlur:l,onFocus:r,onKeyUp:a,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(ir,{className:p,iconPosition:f?"left":"right"},e.createElement(nr,{size:y,type:t,value:c,onChange:i,onBlur:l,onFocus:r,onKeyUp:a,onKeyDown:s,onKeyPress:d,placeholder:m,name:g,disabled:n,error:u,autoComplete:v}),e.createElement(or,null,h?e.createElement(pe,{height:24,color:b||O.colors.secondary.blue.base}):x&&o?e.createElement(Se,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text"},e.createElement(ze,{color:b||O.colors.neutral.ink.dark})):e.createElement(Se,{variant:"unstyled",onClick:()=>i(c),style:{display:"flex"},"aria-label":"Search"},e.createElement(lr,{color:b||O.colors.neutral.ink.dark,height:M.md,width:M.md}))))},ar=O.colors.neutral.grey.lightest,sr=O.colors.neutral.grey.dark,dr=O.colors.secondary.blue.dark,cr=p(k).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${ar};border-color:${sr};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${dr};border-color:${dr};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${O.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,ur=({options:t,selected:n,className:o,onChange:i})=>e.createElement(cr,{className:o?`${o}-container`:void 0},t.map((t=>e.createElement(Se,{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)))),mr=p.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;}`,pr=Io(l(((t,n)=>{var{className:o,options:i,value:l,onChange:r,size:s,disabled:d,hasError:c}=t,u=Q(t,["className","options","value","onChange","size","disabled","hasError"]);const m=a((e=>{r&&r(e.currentTarget.value)}),[r]);return e.createElement(mr,Object.assign({className:o,sizeVariant:s,value:null!=l?l: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},t.label))))})));pr.displayName="Select";const{blue:gr}=I.secondary,{grey:hr}=I.neutral,br=p.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,fr=p.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${gr.lightest};}`,vr=p.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,yr=p.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:${R.bodySmall.fontFamily};font-size:${R.bodySmall.fontSize};font-weight:${R.bodySmall.fontWeight};color:${R.bodySmall.color};line-height:${M.base};& > *{vertical-align:middle;}`,xr=p(yr).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${hr.dark};font-family:${R.bodySmallBold.fontFamily};font-size:${R.bodySmallBold.fontSize};font-weight:${R.bodySmallBold.fontWeight};color:${R.bodySmallBold.color};`,wr=p.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n   & ${fr} tr:nth-child(even) td {\n     background-color: ${hr.lightest};\n   }\n `}`,Cr=({striped:t=!0,className:n,children:o})=>e.createElement(wr,{striped:t,className:n},o);Cr.Header=br,Cr.Body=fr,Cr.Row=vr,Cr.HeaderCell=xr,Cr.Cell=yr;const Er=p.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,$r=p.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${O.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,kr=p.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 ${O.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 ${O.colors.secondary.blue.light};}`,Sr=p($r).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${O.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Nr=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}),Ir=({id:n,value:i,min:l,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=r(null),x=r(null),w=r(null),C=Nr(u),E=Nr(m),$=a((e=>{var t;if(!h||!y.current)return;const n=f>-1?i[f]:i,o=y.current.getBoundingClientRect();let r=100*(e.pageX-o.x)/o.width/100*(s-l)+l;const a=n-r;if(a>0&&(r=n+Math.ceil(r/d-n/d)*d),a<0&&(r=n+Math.floor(r/d-n/d)*d),n===r)return;r>s&&(r=s),r<l&&(r=l),Array.isArray(i)&&(0===f&&r>i[1]&&([,r]=i),1===f&&r<i[0]&&([r]=i));const u=d.toString().includes(".")?null===(t=d.toString().split(".").pop())||void 0===t?void 0:t.length:0;let m;r=Number(r.toFixed(u)),m=Array.isArray(i)?0===f?[r,i[1]]:[i[0],r]:r,c(m),Array.isArray(m)&&m[0]===m[1]&&(0===f&&v(1),1===f&&v(0))}),[f,h,s,l,c,d,i]),k=a((()=>{b(!1),g()}),[g]),S=a(((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=ie("number"==typeof o?0===o?[null==C?void 0:C.startSlider,null==E?void 0:E.startSlider]:[null==C?void 0:C.endSlider,null==E?void 0:E.endSlider]:[null==C?void 0:C.slider,null==E?void 0:E.slider]),e.createElement(kr,{role:"slider",ref:1===o?w:x,className:i,left:t,"aria-valuemin":l,"aria-valuemax":s,"aria-valuenow":n})},I=t=>{const n=100*(t[0]<l?0:t[0]-l)/(s-l),o=100*(t[1]>s?100:t[1]-l)/(s-l),i=o-n;return e.createElement(e.Fragment,null,e.createElement(Sr,{className:ie([null==C?void 0:C.sliderRange,null==E?void 0:E.sliderRange]),left:n,width:i}),N(n,t[0],0),N(o,t[1],1))};let L;return L=Array.isArray(i)?I(i):(e=>{if(Array.isArray(i))return I(i);let t;return t=i>s?100:i<l?0:100*(e-l)/(s-l),N(t,e)})(i),e.createElement(Er,{className:ie([null==C?void 0:C.container,null==E?void 0:E.container]),id:n,ref:y},e.createElement($r,null),L)},Lr=p(k).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:I.neutral.ink.base};\n    background-color: ${null!=e?e:I.neutral.grey.base};\n  `}`,zr=p(Ot).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,Fr=p(Ot).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${O.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${O.shadows.lg};border-radius:${O.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;}`,Br=p(k).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${O.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${M.md};height:${M.md};}`,Dr=p(Ot).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,jr=p(V).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,Mr={info:{accentColor:I.brand.blue.base,icon:e.createElement(io,null)},success:{accentColor:I.secondary.green.base,icon:e.createElement(dn,null)},error:{accentColor:I.secondary.red.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:"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"}))),null)},merge:{accentColor:I.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)}},Hr=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Rr=({className:t,e2eClassName:n,type:o,iconSlot:i,text:l,last:r,minWidth:a,cta:s,onClose:d})=>{const c=Hr(t),u=Hr(n);return e.createElement(Fr,{className:ie([null==c?void 0:c.container,null==u?void 0:u.container]),direction:"horizontal",alignY:"center",minWidth:a,last:r},e.createElement(Br,{color:Mr[o].accentColor,className:ie([c.icon,u.icon])},null!=i?i:Mr[o].icon),e.createElement(Dr,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(jr,{variant:"body"},l),s),e.createElement(Se,{variant:"flat",icon:e.createElement(ze,{color:"white"}),onClick:d,"aria-label":"Close"}))},Or=({className:t,e2eClassName:n,toasts:i,minWidth:l="50vw",max:r=3,onClose:a})=>(o((()=>{r&&i.length>r&&a(i[0].key)}),[i,r,a]),y(e.createElement(zr,{direction:"vertical",alignX:"center",spacing:4},e.createElement(w,{component:null},[...i].reverse().map(((o,r)=>e.createElement(x,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},e.createElement(Rr,Object.assign({className:t,e2eClassName:n,minWidth:l,last:r===i.length-1,onClose:()=>a(o.key)},o))))))),document.body)),Ar=p.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?O.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,Tr=p.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`&:focus-visible + ${Ar}{box-shadow:0 0 0 4px ${O.colors.brand.blue.light};}&:checked + ${Ar}{background-color:#0079d1;}&:disabled + ${Ar}{background-color:${O.colors.neutral.grey.base};}&:checked:disabled + ${Ar}{background-color:${O.colors.secondary.blue.light};}`,Wr=p.label.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:inline-block;position:relative;cursor:${({disabled:e})=>e?"default":"pointer"};height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};input{position:absolute;opacity:0;}${Ar}: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"};}${Tr}:checked + ${Ar}{&: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"});}}`,Vr=p(k).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,Pr=l((({id:t,className:n,name:o,switched:i,small:l,onClick:r=(()=>{}),disabled:a,ariaLabel:s},d)=>e.createElement(Vr,{className:n,disabled:a},e.createElement(Wr,{small:l,disabled:a,role:"switch"},e.createElement(Tr,{id:t,type:"checkbox",name:o,"aria-label":s,checked:!!i,onChange:a?void 0:r,disabled:a,ref:d}),e.createElement(Ar,{switched:i,disabled:a}))))),Zr=p.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:${O.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",l="8px",r="16px",a="4px",s="white",d="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",i="16px",l="4px",r="14px",a="2px"),t&&(s="#0079D1",d="#0079D1",c="white"),`\n      --outline-width: ${a};\n\n      height: ${n};\n      padding-left: ${o};\n      padding-right: ${i};\n      border-radius: ${l};\n      font-size: ${r};\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;}`,qr=({children:t,checked:n,size:o="base",disabled:i=!1,onChange:l})=>e.createElement(Zr,{type:"button",checked:n,size:o,disabled:i,"aria-pressed":n,tabIndex:"0",onClick:()=>l(!n)},t),Xr=p.label.withConfig({displayName:"vui--DropZoneLabel",componentId:"vui--138bvlp"})`display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:${M.md};border-radius:${z.md};input[type='file']{position:absolute;opacity:0;}cursor:pointer;border:2px dashed ${I.neutral.ink.lightest};:hover{border:2px dashed ${I.secondary.blue.light};}:active{border:2px solid ${I.secondary.blue.base};box-shadow:0 0 0 4px ${I.secondary.blue.light};}:focus-within{border:2px dashed ${I.secondary.blue.light};box-shadow:0 0 0 4px ${I.secondary.blue.light};}&:has(input:invalid){border:2px dashed ${I.secondary.red.light};:hover{border:2px dashed ${I.secondary.red.light};}:active{border:2px solid ${I.secondary.red.base};box-shadow:0 0 0 4px ${I.secondary.red.light};}:focus-within{border:2px solid ${I.secondary.red.light};box-shadow:0 0 0 4px ${I.secondary.red.light};}}`;var Gr,_r,Kr;!function(e){e.CSV=".csv",e.JPEG=".jpeg",e.JPG=".jpg",e.GIF=".gif",e.PNG=".png"}(Gr||(Gr={})),function(e){e.KB="KB",e.MB="MB"}(_r||(_r={})),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"}(Kr||(Kr={}));const Yr=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",role:"presentation"},e.createElement("path",{fill:"#37424D",d:"M6.5 20c-1.517 0-2.812-.525-3.887-1.575C1.537 17.375 1 16.092 1 14.575c0-1.3.392-2.458 1.175-3.475S3.983 9.433 5.25 9.15c.417-1.533 1.25-2.775 2.5-3.725C9 4.475 10.417 4 12 4c1.95 0 3.604.68 4.962 2.037C18.322 7.397 19 9.05 19 11c1.15.133 2.104.63 2.863 1.488A4.407 4.407 0 0 1 23 15.5c0 1.25-.437 2.313-1.312 3.188S19.75 20 18.5 20H13c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 11 18v-5.15L9.4 14.4 8 13l4-4 4 4-1.4 1.4-1.6-1.55V18h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C19.792 13.242 19.2 13 18.5 13H17v-2c0-1.383-.488-2.562-1.463-3.537C14.563 6.487 13.384 6 12 6s-2.562.487-3.537 1.463C7.488 8.437 7 9.617 7 11h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 3 14.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 6.5 18H9v2z"})),Ur=p(Ot).withConfig({displayName:"vui--NoPointerStack",componentId:"vui--xdksx2"})`pointer-events:none;gap:${M.xs};`,Jr=p(V).withConfig({displayName:"vui--SingleLineText",componentId:"vui--1jmow3s"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center;`,Qr=({file:t,label:n,fileSizeCopy:o,acceptedTypesCopy:i,maxSizeCopy:l})=>e.createElement(Ur,{alignX:"center",alignY:"center",spacing:"sm"},e.createElement(Yr,null),e.createElement(Ot,{alignX:"center"},e.createElement(Jr,{variant:"subheadingSmall"},n),e.createElement(Jr,{variant:"bodyBold"},null==t?void 0:t.name)),e.createElement(Ot,{alignX:"center"},e.createElement(Jr,{variant:"subheadingSmall"},o),e.createElement(Jr,{variant:"subheadingSmall"},"Type: ",null==t?void 0:t.type)),e.createElement(Ot,{alignX:"center"},i&&e.createElement(Jr,{variant:"errorSmall"},"Invalid format (",i,")"),l&&e.createElement(Jr,{variant:"errorSmall"},"File is too big (",l,")"))),ea=({label:t,acceptedTypesCopy:n,maxSizeCopy:o})=>e.createElement(Ur,{alignX:"center",alignY:"center",spacing:"sm"},e.createElement(Yr,null),e.createElement(Jr,{variant:"subheadingSmall",style:{paddingTop:M.sm}},t),e.createElement(Ot,{alignX:"center"},e.createElement(Jr,{variant:"subheadingSmall"},o),e.createElement(Jr,{variant:"subheadingSmall"},n))),ta=({maxBytes:e,format:t,baseString:n})=>{const o=null==n?"Max size: ":n;switch(t){case _r.KB:return`${o}${Number(e)/1e3} KB`;case _r.MB:return`${o}${Number(e)/1e6} MB`;default:return`${o}${Number(e)/1e3} KB`}},na=l((({id:n,name:i,maxBytes:l=1e6,format:s=_r.MB,fileTypes:d,label:u="Drag & drop your file here or click to browse"},m)=>{var p;const g=r(null);c(m,(()=>g.current),[]);const[h,b]=t(),[f,v]=t(Kr.VALID),y=f===Kr.INVALID_FORMAT||f===Kr.INVALID_FORMAT_AND_SIZE,x=f===Kr.INVALID_SIZE||f===Kr.INVALID_FORMAT_AND_SIZE,w=ta({maxBytes:l,format:s}),C=ta({maxBytes:null!==(p=null==h?void 0:h.size)&&void 0!==p?p:0,format:s,baseString:"Size: "}),E=(({fileTypes:e,baseString:t})=>{let n=null==t?"Valid types: ":t;return e.forEach(((e,t,o)=>{const i=o.length>1,l=t===o.length-1&&i,r=t===o.length-2&&i;switch(l&&(n+=" and "),e){case Gr.CSV:n+="CSV";break;case Gr.GIF:n+="GIF";break;case Gr.JPEG:n+="JPEG";break;case Gr.JPG:n+="JPG";break;case Gr.PNG:n+="PNG"}!r&&!l&&o.length>2&&(n+=", ")})),n})({fileTypes:d}),$=(({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:d}),k=()=>{var e;(null===(e=g.current)||void 0===e?void 0:e.value)&&(g.current.value="")},S=({overMaxSize:e,invalidFormat:t})=>{var n;let o=Kr.VALID;t&&!e?o=Kr.INVALID_FORMAT:!t&&e?o=Kr.INVALID_SIZE:t&&e&&(o=Kr.INVALID_FORMAT_AND_SIZE),null===(n=g.current)||void 0===n||n.setCustomValidity(o),v(o)},N=a((e=>{if(!e.length)return void S({invalidFormat:!0});const[t]=e,o=t.size>l,[,i]=t.type.split("/"),r=!d.find((e=>e.substring(1)===i));o||r?k():(({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)})({fileList:e,elementId:n}),S({invalidFormat:r,overMaxSize:o}),b(t)}),[d,n,l]),I=a((()=>{var e;const t=null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&N(t)}),[N]),L=a((()=>{k(),b(void 0),S({invalidFormat:!1,overMaxSize:!1})}),[]),z=a((e=>{var t,n;"Escape"===e.code&&((null===(n=null===(t=null==g?void 0:g.current)||void 0===t?void 0:t.files)||void 0===n?void 0:n.length)||h)&&(e.preventDefault(),L())}),[h,L]),F=()=>{var e;null===(e=g.current)||void 0===e||e.reportValidity()};return o((()=>{const e=null==g?void 0:g.current;return null==e||e.addEventListener("change",I),null==e||e.addEventListener("keydown",z),null==e||e.addEventListener("invalid",F),()=>{null==e||e.removeEventListener("change",I),null==e||e.removeEventListener("keydown",z),null==e||e.removeEventListener("invalid",F)}}),[I,z]),e.createElement(Xr,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&N(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=g.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=g.current)||void 0===t||t.blur()},htmlFor:n,"aria-label":"Upload file"},h?e.createElement(Qr,{file:h,label:u,fileSizeCopy:C,acceptedTypesCopy:y?E:void 0,maxSizeCopy:x?w:void 0}):e.createElement(ea,{label:u,acceptedTypesCopy:E,maxSizeCopy:w}),e.createElement("input",{ref:g,id:n,type:"file",accept:$,name:i}))})),oa="\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n",ia=p(k).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${oa} display:${e=>e.shouldShow?"initial":"none"};z-index:${O.layers.modal};`,la=p(k).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${oa} background-color:rgba(55,66,77,0.5);`,ra=p(k).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,aa=({usePortal:t,children:n})=>e.createElement(e.Fragment,null,t?e.createElement(te,null,n):n),sa=({className:t,children:n=null,shouldShow:o=!1,usePortal:i=!0})=>e.createElement(aa,{usePortal:i},e.createElement(ia,{className:ie([`${t}-container`,t]),shouldShow:o},e.createElement(la,null),e.createElement($,{isActive:o},e.createElement(ra,{className:ie([`${t}-wrap`,t])},n)))),da=p.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,ca=p.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,ua=p(Se).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`,ma=({id:t,youtubeVideoId:n,showVideoModal:o,handleCloseClick:i})=>{const l=To(o,i);return e.createElement(sa,{shouldShow:o,className:`${t}-video`},e.createElement(da,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},e.createElement(ca,{ref:l},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(ua,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:e.createElement(ze,{color:"white"})}))))};var pa;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(pa||(pa={}));const ga=p(k).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,ha=p(V).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,ba=p(k).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    ${V} {\n      color: ${null!=t?t:I.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:t})=>e&&`\n    background-color: ${t.lightest};\n  `}`,fa=p(V).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    & > ${ha} {\n      color: #fff;\n    }\n  `}`,va={style:{marginLeft:M.xs,padding:M.xs,height:M.base,width:M.base}},ya=p.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${M.sm};svg{height:${M.base};width:${M.base};}`,xa=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"})),wa=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}),Ca=({id:t,iconSlot:n,name:o,type:i,className:l,colourPalette:r=I.secondary.blue,customTextColour:s,count:d,active:c=!1,onClick:u,onDelete:m,onEdit:p,e2eClassName:g})=>{const h=wa(l),b=wa(g),[f,v,y]=Xo(),x=a((()=>u(t)),[t,u]),w=a((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),C=a((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),E=i===pa.draft,$=i===pa.saved,k=c?I.neutral.ink.dark:I.neutral.ink.base;return e.createElement(ga,{className:`${ie([null==h?void 0:h.container,null==b?void 0:b.container])} ${c&&(null==b?void 0:b.active)||""}`,onClick:x},e.createElement(ba,{active:c,onMouseEnter:v,onMouseLeave:y,colourPalette:r,customTextColour:s},n&&e.createElement(ya,null,n),e.createElement(V,{variant:"bodyBold"},o),d&&e.createElement(fa,{active:c||f,colourPalette:r,customTextColour:s},e.createElement(ha,{className:null==b?void 0:b.counter,variant:"subheadingSmall"},d)),E&&e.createElement(ze,Object.assign({},va,{color:k,className:null==b?void 0:b.delete,onClick:w})),$&&c&&e.createElement(xa,Object.assign({},va,{color:k,className:null==b?void 0:b.edit,onClick:C}))))},Ea=p(k).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,$a=p(k).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,ka=p(jo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,Sa=p(Se).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${O.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n    border-color: ${O.colors.secondary.red.base};\n  `};`,Na=Io((t=>{var{size:n=Co.base,hasError:o,className:i}=t,l=Q(t,["size","hasError","className"]);return e.createElement(Ea,{className:i},e.createElement($a,null,"g"===l.weightUnit&&e.createElement(wo,null,e.createElement(ka,Object.assign({size:n,onChange:l.handleChangeGram,name:"gram",type:"number",value:l.gram,hasError:o},l)),e.createElement(Sa,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(l)&&e.createElement(e.Fragment,null,e.createElement(wo,null,e.createElement(ka,Object.assign({size:n,onChange:l.handleChangePound,name:"ounce",type:"number",value:l.pound,hasError:o},l)),e.createElement(Sa,{hasError:o,size:n},"lb")),e.createElement(wo,null,e.createElement(ka,Object.assign({size:n,onChange:l.handleChangeOunce,name:"pound",type:"number",value:l.ounce,hasError:o},l)),e.createElement(Sa,{hasError:o,size:n},"oz")))))}));Na.displayName="WeightInput",Na.defaultProps={weightUnit:"lb"};export{Gr as AcceptedFileTypes,J as Accordion,Ye as ActionList,Je as Anchor,it as AnimatedDropdown,rt as Avatar,yt as Badge,It as Banner,k as BaseContainer,Ht as Breadcrumbs,Se as Button,We as Card,Fe as CardHeader,nn as Checkbox,Ut as Choice,sn as ChoiceList,pn as CopyToClipboard,ao as DataTable,ho as DescriptionList,xo as DetailPage,Ao as DimensionsInput,_r as FileSizeUnit,oi as FilterTag,Zo as FocusVisibleManager,ii as Grid,ui as Image,wo as InputGroup,ol as LegacyDataTable,pe as Loader,al as LoginWithAmazonButton,fl as Modal,zl as PageHeader,Ol as Pagination,Gl as PaginationRange,de as Popover,sa as Popup,te as Portal,tr as PriceInput,ln as Radio,rr as Search,ur as SegmentedControl,pr as Select,Cr as SimpleTable,Ir as Slider,Ot as Stack,Yl as Stepper,Lr as Tag,V as Text,jo as TextField,Or as ToastsLayout,Pr as Toggle,qr as ToggleButton,bt as Tooltip,na as UploadFile,ma as VideoModal,Ca as View,Na as WeightInput,ie as buildClassnames,ee as generateId,re as getOpaqueHexColor,le as hexToRgb,O as theme,Cn as useCellWidths,To as useClickOutside,En as useColumns,Wo as useDebounce,$n as useDragToScroll,Vo as useDropdown,qo as useFocusVisible,Xo as useHover,Go as useIsOverflowing,kn as useNested,Sn as useScrollPosition,Dn as useSelection,_o as useTabs,Lo as withDeprecated,Io as withLabels};
 //# sourceMappingURL=index.esm.js.map