@veeqo/ui 8.2.0 → 8.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Indicator/styled.d.ts +1 -1
  2. package/dist/components/Indicator/types.d.ts +1 -1
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),t=require("framer-motion"),n=require("styled-components"),a=require("react-aria-components"),o=require("react-popper"),l=require("resize-observer-polyfill"),i=require("react-dom"),r=require("uid/secure"),d=require("react-transition-group"),s=require("@internationalized/date"),c=require("lodash.throttle"),u=require("react-use"),m=require("react-scrolllock-configurable");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),g=p(n),h=p(l),b=p(i),v=p(c),x=p(m);const y=g.default.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,w={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},E=(e,t)=>e||(t?w[t]:void 0),C={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"}}},$={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},k={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var S,N;!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)"}(S||(S={})),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"}(N||(N={}));const L=function({increment:e,unit:t,count:n}){const a={};for(let o=0;o<=n;o++){const n=o*e;a[o]=`${n}${t}`}return a}({increment:.25,unit:"rem",count:20}),I={[N.none]:"0",[N.line]:"1px",[N.xs]:L[1],[N.sm]:L[2],[N.base]:L[4],[N.md]:L[6],[N.lg]:L[8],[N.xl]:L[12],[N.xxl]:L[16]},z=Object.assign(Object.assign({},I),L),D={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},F={headingXXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:C.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},R=e=>n.css`font-family:${e.fontFamily};font-style:${e.fontStyle};font-weight:${e.fontWeight};font-size:${e.fontSize};line-height:${e.lineHeight};color:${e.color};text-decoration:${e.textDecoration};letter-spacing:${e.letterSpacing};`,T=Object.assign(Object.assign({},D),{breakpoints:$,colors:C,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:k,shadows:S,sizes:z,text:F}),{text:A,colors:O,fontFamily:M}=T,j=g.default.span.attrs((({as:e,variant:t})=>({as:E(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:${M};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?O.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 `}}`,B=g.default(y).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,H=g.default(B).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${z.base};width:${z.base};color:${({glyphColor:e})=>e};}`,W=g.default(B).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,P=g.default.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 ${T.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,V=g.default(y).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,_=g.default(j).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,Y=g.default(t.motion(y)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,Z=g.default.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,q=g.default(t.motion(y)).withConfig({displayName:"vui--UnstyledAccordionContent",componentId:"vui--59wczx"})``,X=g.default.summary.withConfig({displayName:"vui--UnstyledAccordionSummary",componentId:"vui--fyolu6"})`&:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,U=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:z.md},e),f.default.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"}));function K(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n}"function"==typeof SuppressedError&&SuppressedError;const G=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":o},f.default.createElement("defs",null,f.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},f.default.createElement("stop",{stopColor:a,stopOpacity:"0",offset:"0%"}),f.default.createElement("stop",{stopColor:a,stopOpacity:".631",offset:"63.146%"}),f.default.createElement("stop",{stopColor:a,offset:"100%"}))),f.default.createElement("g",{fill:"none",fillRule:"evenodd"},f.default.createElement("g",{transform:"translate(1 1)"},f.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:a,strokeWidth:"2"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),f.default.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),J=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 105 105",fill:a,"aria-label":o},f.default.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),Q=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:a,"aria-label":o},f.default.createElement("circle",{cx:"15",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},f.default.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"105",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),ee=({className:e,height:t=24,width:n=24,color:a="#588CB0",type:o="TailSpin"})=>{switch(o){case"Grid":return f.default.createElement(J,{className:e,height:t,width:n,color:a});case"ThreeDots":return f.default.createElement(Q,{className:e,height:t,width:n,color:a});default:return f.default.createElement(G,{className:e,height:t,width:n,color:a})}},te=g.default.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({$loading:e})=>e?"opacity: 0;":null};svg{width:${({size:e})=>z[e]};height:${({size:e})=>z[e]};}`,ne=g.default.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:${T.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",a="24px",o="8px",l="16px",i="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(a="16px"),"sm"===e.size&&(t="32px",n="16px",a="16px",o="4px",l="14px",i="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(a="8px")),e.hasText||(n="8px",a="8px"),`\n --outline-width: ${i};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${a};\n border-radius: ${o};\n font-size: ${l};\n line-height: ${l};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,ae=g.default(ne).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${T.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?T.colors.neutral.ink.base:T.colors.secondary.blue.base};&:hover{background-color:${T.colors.neutral.grey.lightest};}&:active{background-color:${T.colors.neutral.grey.lightest};border-color:${T.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${T.colors.neutral.grey.base} !important;border-color:${T.colors.neutral.grey.base} !important;color:${T.colors.neutral.ink.light} !important;}`,oe=g.default(ae).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${T.colors.secondary.red.base};&:hover{color:${T.colors.secondary.red.dark};}&:active{border-color:${T.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};color:${T.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}`,le=g.default(ae).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${T.colors.secondary.blue.base};border-color:${T.colors.secondary.blue.base};color:white;&:hover{background-color:${T.colors.secondary.blue.dark};border-color:${T.colors.secondary.blue.dark};}&:active{background-color:${T.colors.secondary.blue.dark};border-color:${T.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}`,ie=g.default(le).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${T.colors.secondary.red.base};border-color:${T.colors.secondary.red.base};color:white;&:hover{background-color:${T.colors.secondary.red.dark};border-color:${T.colors.secondary.red.dark};}&:active{background-color:${T.colors.secondary.red.dark};border-color:${T.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}`,re=g.default(ne).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${T.colors.neutral.ink.base};&:hover{background-color:${T.colors.neutral.grey.light};}&:active{background-color:${T.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,de=g.default.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,se=g.default(de).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${T.text.link.fontFamily};font-size:${T.text.link.fontSize};line-height:${T.text.link.fontSize};font-weight:${T.text.link.fontWeight};line-height:${T.text.link.lineHeight};text-decoration:${T.text.link.textDecoration};color:${T.colors.secondary.blue.base};&:hover{color:${T.colors.secondary.blue.dark};}& > * + *{margin-left:${T.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${T.colors.secondary.blue.light};border-radius:4px;}`,ce=g.default.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;`,ue=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),me={default:ae,primary:le,destructive:oe,primaryDestructive:ie,flat:re,link:se,unstyled:de},pe=e.forwardRef(((e,t)=>{var{className:n,children:a,iconSlot:o,variant:l="default",size:i="base",dropdown:r=!1,loading:d=!1,contentStyles:s}=e,c=K(e,["className","children","iconSlot","variant","size","dropdown","loading","contentStyles"]);if("unstyled"===l)return f.default.createElement(de,Object.assign({ref:t,className:n},c),a);const u=me[l],m=void 0!==a,p=!!o;return f.default.createElement(u,Object.assign({ref:t,className:n,size:i,hasText:m,hasIcon:p,hasDropdown:r},c),(m||p)&&f.default.createElement(te,{$loading:d,hasText:!!a,size:a||"sm"===i?"base":"md",style:s},o&&o,void 0!==a&&a,r&&f.default.createElement(ue,null)),d&&f.default.createElement(ce,null,f.default.createElement(ee,null)))})),fe=g.default.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${z.md};padding-right:${z.md};padding-left:${z.md};margin-bottom:${z.md};& > * + *{margin-top:${z.xs};}`,ge=g.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${z.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,he=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:z.md},e),f.default.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"})),be=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},e),f.default.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"})),ve=({id:e,title:t,subtitle:n,headerVariant:a="headingSmall",action:o,actionSlot:l,isCollapsed:i,onClickCollapse:r,onClickClose:d})=>f.default.createElement(fe,null,f.default.createElement(ge,null,f.default.createElement(j,{id:e,variant:a},t),o&&f.default.createElement(pe,{variant:"link",onClick:o.onClick},o.title),l,r&&f.default.createElement(pe,{variant:"flat",iconSlot:i?f.default.createElement(he,null):f.default.createElement(U,null),onClick:r}),d&&f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,null),onClick:d,"aria-label":"Close"})),n&&f.default.createElement(j,{variant:"subheadingSmall"},n)),{grey:xe}=C.neutral,ye={0:"none",1:S.sm,2:S.base,3:S.md,4:S.lg},we={info:C.secondary.blue.base,success:C.secondary.green.base,error:C.secondary.red.base},Ee=g.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${z.base};padding:${z.md};z-index:2;`,Ce=g.default.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${z.md};padding-left:${z.md};margin-top:${z.md};margin-bottom:${z.md};font-family:${F.body.fontFamily};font-size:${F.body.fontSize};font-weight:${F.body.fontWeight};line-height:${F.body.lineHeight};color:${F.body.color};& + &{border-top:${z.line} solid ${xe.base};padding-top:${z.md};}`,$e=g.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${z.md};margin-right:-${z.md};`,ke=g.default(t.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${Ce}:first-child{margin-top:0;}`,Se=g.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${z.line} solid ${xe.base};box-shadow:${e=>void 0!==e.elevation?ye[e.elevation]:S.sm};border-radius:${k.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: ${z.xs};\n background-color: ${we[e]};\n }\n `}`,Ne={expanded:{height:"auto"},collapsed:{height:0}},Le=({className:t,style:n,title:a,subtitle:o,headerActionSlot:l,action:i,collapsable:r,elevation:d,accent:s,children:c,onClose:u,renderFooter:m})=>{const[p,g]=e.useState(!1),h=a&&f.default.createElement(ve,{title:a,subtitle:o,actionSlot:l,action:i,onClickClose:u,isCollapsed:p,onClickCollapse:r?()=>{g(!p)}:void 0}),b=r&&!p||!r,v=f.default.createElement(ke,{animate:b?"expanded":"collapsed",variants:Ne,transition:{duration:.3,ease:"easeOut"}},f.default.createElement(Ce,null,c)),x=void 0!==m&&f.default.createElement(Ee,null,m());return f.default.createElement(Se,{className:t,style:n,elevation:d,accent:s},h,v,x)};Le.Surface=Se,Le.Section=Ce,Le.FullBleed=$e,Le.Footer=Ee;const Ie=g.default(t.motion(Le.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1yrw4mw"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${T.colors.neutral.grey.base};border-radius:${T.radius.base};padding:${T.sizes.base};`,ze=e=>{const t=r.uid();return e?`${e}-${t}`:t};class De extends e.PureComponent{constructor(e){super(e),this.id=ze("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?i.createPortal(e,this.portalNode):null}}const Fe=g.default.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,Re=g.default.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,Te=e=>e.filter(Boolean).join(" "),Ae=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,a)=>t+t+n+n+a+a)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},Oe=(e,t)=>{const n=Ae(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Me=["app.veeqo.com"];function je(e,t=Me){if(e.startsWith("http://")||e.startsWith("https://")){const{hostname:n}=new URL(e);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}if(e.startsWith("//")){const{hostname:n}=new URL(`http:${e}`);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}return!1}const Be='input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])',He=({popperElement:t,anchorElement:n,onClose:a,disableFocusLock:o=!1})=>{e.useEffect((()=>{if(!t||o)return;const e=t.querySelectorAll(Be);e.length<1||setTimeout((()=>{e[0].focus()}),0)}),[t,o]),e.useEffect((()=>{if(!t||!t)return;const e=e=>{if("Tab"===e.key&&!e.shiftKey){const n=t.querySelectorAll(Be);if(n.length<1)return void a();n[0].focus(),e.stopPropagation(),e.preventDefault()}};return null==n||n.addEventListener("keydown",e),()=>null==n?void 0:n.removeEventListener("keydown",e)}),[n,t,a]);return{handleKeyDown:e=>{t&&("Escape"===e.key?(a(),e.stopPropagation(),e.preventDefault()):o||"Tab"!==e.key||(e=>{const n=t.querySelectorAll(Be),a=n[0],o=n[n.length-1];e.shiftKey&&document.activeElement===a?(e.preventDefault(),o.focus()):e.shiftKey||document.activeElement!==o||(e.preventDefault(),a.focus())})(e))}}},We=t=>{var{id:n,children:a,zIndex:l=T.layers.popup,placement:i="bottom",anchorElement:r,rootElementRef:d,onShouldClose:s,style:c,disableFocusLock:u,removeBackdrop:m=!1,useAnchorWidth:p,ignoreAriaWarnings:g}=t,b=K(t,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock","removeBackdrop","useAnchorWidth","ignoreAriaWarnings"]);const[v,x]=e.useState(null),{styles:y,attributes:w,update:E}=o.usePopper(r,v,{placement:i}),C=e.useMemo((()=>n||ze("popover")),[n]);(({anchorElement:t,popoverId:n,ignoreAriaWarnings:a=!1})=>{e.useEffect((()=>{if(t&&!a){try{t.hasAttribute("aria-expanded")||(console.warn("Popover - aria-expanded not set on anchor element.",t),t.setAttribute("aria-expanded","true"))}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{t.hasAttribute("aria-controls")||(console.warn("Popover - aria-controls not set on anchor element.",t),t.setAttribute("aria-controls",n))}catch(e){console.warn(`Unable to set aria-controls for popover id: ${n}`)}try{t.hasAttribute("aria-haspopup")||(console.warn("Popover - aria-haspopup not set on anchor element.",t),t.setAttribute("aria-haspopup","dialog"))}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${n}`)}return()=>{try{t.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[t,n,a])})({anchorElement:r,popoverId:C,ignoreAriaWarnings:g});const $=()=>{null==r||r.focus(),null==s||s()},{handleKeyDown:k}=He({popperElement:v,anchorElement:r,onClose:$,disableFocusLock:u});return e.useEffect((()=>{if(!E||!v)return;const e=new h.default(E);return e.observe(v),()=>e.disconnect()}),[E,v]),e.useEffect((()=>{if(E)return window.addEventListener("resize",E),()=>window.removeEventListener("resize",E)}),[E]),f.default.createElement(De,{rootElementRef:d},!m&&f.default.createElement(Re,{onClick:$,zIndex:l,"data-testid":"popover-backdrop"}),f.default.createElement(Fe,Object.assign({open:!0,id:C,zIndex:l,ref:x,style:Object.assign(Object.assign(Object.assign({},y.popper),c),p?{minWidth:null==r?void 0:r.clientWidth}:{}),onKeyDown:k},w.popper,b),a))},Pe=n=>{var{id:a,children:o,className:l,style:i,reversed:r,anchorElement:d,useAnchorWidth:s,onShouldClose:c}=n,u=K(n,["id","children","className","style","reversed","anchorElement","useAnchorWidth","onShouldClose"]);return e.useEffect((()=>()=>null==d?void 0:d.focus()),[d]),f.default.createElement(We,Object.assign({id:a,"data-testid":a,anchorElement:d,onShouldClose:c,useAnchorWidth:s,placement:"bottom-start"},u),f.default.createElement(t.AnimatePresence,null,f.default.createElement(Ie,{className:l,style:i,useAnchorWidth:s,reversed:r,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},o)))},Ve=t=>{var{id:n,shouldShow:a,setShouldShow:o,ctaIconSlot:l,ctaProps:i}=t,r=K(t,["id","shouldShow","setShouldShow","ctaIconSlot","ctaProps"]);const d=e.useRef(null);return f.default.createElement(f.default.Fragment,null,f.default.createElement(pe,Object.assign({ref:d,"aria-haspopup":"dialog","aria-expanded":a,"aria-controls":n,onClick:()=>null==o?void 0:o(!a),iconSlot:l,dropdown:!0},i)),a&&f.default.createElement(Pe,Object.assign({id:n,anchorElement:d.current,onShouldClose:()=>null==o?void 0:o(!1)},r)))},_e=(t,n)=>{const a=e.useRef(null),o=e.useCallback((e=>{"Escape"===e.key&&(null==n||n())}),[n]),l=e.useCallback((e=>{a.current.contains(e.target)||null==n||n()}),[n]);return e.useEffect((()=>{if(t)return document.addEventListener("click",l),document.addEventListener("keyup",o),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",o)}}),[l,o,t]),a},Ye=({anchorElement:t}={})=>{const[n,a]=e.useState(!1),o=e.useCallback((()=>a(!n)),[n,a]),l=e.useCallback((()=>{a(!1),setTimeout((()=>{null==t||t.focus()}),0)}),[a,t]);return{shouldShowDropdown:n,toggleShouldShowDropdown:o,setShouldShowDropdown:a,closeDropdown:l}},Ze=f.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});const qe=(t=!1)=>{const[n,a]=e.useState(t);return[n,e.useCallback((()=>a(!0)),[a]),e.useCallback((()=>a(!1)),[a])]},Xe=t=>{const[n,a]=e.useState(!1),[o,l]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;a(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:n&&!o,onScroll:e=>{if(!t)return;const{scrollTop:n,scrollHeight:a,clientHeight:o}=e.target;l(a-n-o<=0)}}},Ue=({id:t,prefix:n})=>e.useMemo((()=>t||ze(n)),[t,n]),Ke=g.default(a.MenuItem).withConfig({displayName:"vui--MenuItem",componentId:"vui--1vhrzmz"})`display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${T.sizes.xs};padding:${T.sizes.sm};border-radius:${T.radius.base};outline:0;&:is(a){${R(T.text.link)}}&:is(div){${R(T.text.body)}}white-space:nowrap;&[data-focused]{color:${T.colors.secondary.blue.base};box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};}&[data-hovered]{background-color:${T.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${T.colors.neutral.grey.lightest};color:${T.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${T.colors.neutral.ink.light};font-size:12px;}`,Ge=g.default(a.Section).withConfig({displayName:"vui--Section",componentId:"vui--1lpesff"})`&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${T.colors.neutral.grey.base};padding-top:0.5rem;}`,Je=({id:t,menuLabel:n,ctaProps:o,actions:l,children:i})=>{var r;const[d,s]=e.useState(!1),c=Ue({id:t,prefix:"action-menu"});return f.default.createElement(Ve,{id:c,style:{padding:"0"},shouldShow:d,setShouldShow:s,ctaProps:Object.assign({size:"sm"},o),useAnchorWidth:!0,onKeyDown:e=>{"Escape"!==e.code&&"Tab"!==e.code||s(!1),e.preventDefault()}},f.default.createElement(a.Menu,{onClose:()=>s(!1),"aria-label":n||(null===(r=o.children)||void 0===r?void 0:r.toString())},null==l?void 0:l.map((e=>{var t;return f.default.createElement(Ke,Object.assign({},e,{key:e.id||(null===(t=e.children)||void 0===t?void 0:t.toString())}))})),i))};var Qe;Je.Item=Ke,Je.Section=Ge,Je.Text=a.Text,function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Qe||(Qe={}));const et=g.default.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:a="start",spacing:o="base"}=e;let l,i,r,d,s="",c="";return"vertical"===t?(l=n&&Qe[n],i=a&&Qe[a],s=T.sizes[o],r="column"):(l=a&&Qe[a],i=n&&Qe[n],c=T.sizes[o],r="row"),("vertical"===t&&"stretch"===a||"horizontal"===t&&"stretch"===n)&&(d=1),`\n align-items: ${l};\n justify-content: ${i};\n flex-direction: ${r};\n\n & > * {\n flex: ${d};\n }\n\n & > * + * {\n margin-top: ${s};\n margin-left: ${c};\n }\n `}}`;et.displayName="Stack";const tt=g.default(et).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--yb86nz"})`border:1px solid ${({colours:{primary:e}})=>e};border-radius:${T.radius.base};background-color:${({colours:{background:e}})=>e};`,nt={base:T.sizes.base,sm:T.sizes[3],xs:T.sizes.sm},at={base:T.sizes.md,sm:T.sizes[5],xs:T.sizes[5]},ot=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),lt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),it=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"}),f.default.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),f.default.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),rt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),dt={default:it,error:ot,success:rt,info:lt,warning:e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),f.default.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})),recommend:e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M18 8L19.25 5.25L22 4L19.25 2.75L18 0L16.75 2.75L14 4L16.75 5.25L18 8Z",fill:"#694090"}),f.default.createElement("path",{d:"M18 14L16.75 16.75L14 18L16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14Z",fill:"#694090"}),f.default.createElement("path",{d:"M10.5 8.5L8 3L5.5 8.5L0 11L5.5 13.5L8 19L10.5 13.5L16 11L10.5 8.5ZM8.99 11.99L8 14.17L7.01 11.99L4.83 11L7.01 10.01L8 7.83L8.99 10.01L11.17 11L8.99 11.99Z",fill:"#694090"}))},st={default:{primary:T.colors.neutral.ink.base,background:T.colors.neutral.grey.lightest},error:{primary:T.colors.secondary.red.base,background:T.colors.secondary.red.lightest},success:{primary:T.colors.secondary.green.base,background:T.colors.secondary.green.lightest},info:{primary:T.colors.secondary.blue.base,background:T.colors.secondary.blue.lightest},warning:{primary:T.colors.secondary.orange.base,background:T.colors.secondary.orange.lightest},recommend:{primary:T.colors.secondary.purple.dark,background:T.colors.secondary.purple.lightest}},ct={default:T.colors.neutral.ink.dark,error:T.colors.secondary.red.darkest,success:T.colors.neutral.ink.dark,info:T.colors.neutral.ink.dark,warning:T.colors.neutral.ink.dark,recommend:T.colors.neutral.ink.dark},ut={minWidth:T.sizes[4],minHeight:T.sizes[4],width:T.sizes[4],height:T.sizes[4]},mt=g.default.div.withConfig({displayName:"vui--MiniAlertContainer",componentId:"vui--1n2xu5o"})`display:flex;gap:${T.sizes.xs};`,pt=g.default.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${T.text.link.fontFamily};font-style:${T.text.link.fontStyle};font-weight:${T.text.link.fontWeight};font-size:${T.text.link.fontSize};line-height:${T.text.link.lineHeight};color:${T.colors.secondary.blue.base};text-decoration:${T.text.link.textDecoration};&:hover{color:${T.colors.secondary.blue.dark};}`,ft=g.default(y).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;`,gt=e.forwardRef(((e,t)=>{const{children:n,className:a,role:o}=e;return f.default.createElement(ft,{className:a,ref:t,role:o},n)})),ht=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,bt=g.default(y).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,vt=g.default(gt).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${T.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);}`,xt=({cta:t,shouldShowDropdown:n,children:a,className:o="animated-dropdown",reversed:l=!1,onClickAway:i=(()=>{}),timeout:r=350,transitionClassnames:s="dropdown",onClick:c,onMouseEnter:u,onMouseLeave:m})=>{const p=e.useRef(null);return((t,n)=>{e.useEffect((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n])})(p,(e=>{n&&i(e)})),f.default.createElement(ht,{className:`${o}-container ${o}`,onClick:c,onMouseEnter:u,onMouseLeave:m,ref:p},!l&&t,f.default.createElement(bt,{className:`${o}-wrap ${o}`},f.default.createElement(d.CSSTransition,{in:n,timeout:r,classNames:s,unmountOnExit:!0},f.default.createElement(vt,{role:"dialog",reversed:l,className:`${o}-basic-dropdown ${o}`},a))),l&&t)},yt=g.default.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${T.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:${T.text.bodySmallBold.fontFamily};font-weight:${T.text.bodySmallBold.fontWeight};font-size:${T.text.bodySmallBold.fontSize};line-height:${T.text.bodySmallBold.lineHeight};}`,wt=g.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1exlfc5"})`display:inline-block;`,Et=g.default(wt).withConfig({displayName:"vui--Hoverable",componentId:"vui--up3fpq"})``,Ct=g.default(j).withConfig({displayName:"vui--TooltipText",componentId:"vui--gpqzg1"})`color:${T.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,$t=g.default.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1f7lcs5"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,kt=g.default.div.withConfig({displayName:"vui--Tip",componentId:"vui--143ip1u"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,St=g.default(wt).withConfig({displayName:"vui--Wrap",componentId:"vui--e33d0s"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;var Nt;!function(e){e.BOTTOM="bottom",e.TOP="top"}(Nt||(Nt={}));const Lt={duration:400,side:Nt.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},It=({content:t,text:n,hoverableElement:a,config:l,reversed:i,withTriangle:r,classNames:d})=>{const[s,c]=e.useState(null),u=Object.assign(Object.assign({},Lt),l),{duration:m,side:p,triangleOffset:g,tipMinWidth:h,tipMaxWidth:b}=u,{styles:v,attributes:x}=o.usePopper(a,s,{placement:`${p}-${i?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),y=Object.assign(Object.assign({},v.popper),{zIndex:T.layers.tooltip});return f.default.createElement(kt,Object.assign({className:d.tip,ref:c,duration:m,triangleOffsetSize:g,style:y},x.popper,{role:"tooltip"}),f.default.createElement(St,{className:d.wrap,tipMinWidth:h,tipMaxWidth:b},null!=t?t:f.default.createElement(Ct,null,n)),r&&f.default.createElement($t,{id:"veeqo-components-triangle",className:d.triangle}))},zt=({children:t,text:n,content:a,config:o,reversed:l=!1,className:i,withTriangle:r,initialShouldShow:d=!1,useReactPortal:s=!0})=>{const[c,u]=e.useState(d),[m,p]=e.useState(null),g=!!n&&n.trim().length>0,h={container:i&&`${i} ${i}-container`,tip:i&&`${i}-tip`,wrap:i&&`${i}-wrap`,triangle:i&&`${i}-triangle`,hoverable:i&&`${i}-hoverable`},v=!(!a&&!g);if(!v)return t;const x=c&&v&&f.default.createElement(It,{classNames:h,hoverableElement:m,config:o,reversed:l,withTriangle:r,text:n,content:a});return f.default.createElement(wt,{className:h.container},s?b.default.createPortal(x,document.body):x,f.default.createElement(Et,{ref:p,className:h.hoverable,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1)},t))},Dt=g.default(y).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:${F.bodySmall.fontFamily};font-weight:${F.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${z.base};height:${z.base};}`,Ft={default:g.default(Dt).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${C.secondary.blue.base};color:${C.secondary.blue.base};`,primary:g.default(Dt).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${C.secondary.blue.base};background-color:${C.secondary.blue.lightest};color:${C.secondary.blue.base};`,warning:g.default(Dt).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${C.secondary.yellow.base};background-color:${C.secondary.yellow.lightest};color:${C.secondary.orange.dark};`},Rt=g.default(y).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"};`,Tt=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,At=g.default(y).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Ot=g.default(At).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${z.md};height:${z.md};color:${({accentColor:e})=>e};}`,Mt=g.default(y).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,jt=g.default(At).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,Bt=g.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Ht={help:C.secondary.blue.base,info:C.neutral.ink.base,error:C.secondary.red.base,success:C.secondary.green.base},Wt=g.default.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${F.body.fontFamily};font-weight:${F.body.fontWeight};font-size:${F.body.fontSize};line-height:${F.body.lineHeight};`,Pt=g.default.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;}`,Vt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),_t=({children:e,title:t,LinkComponent:n,href:a})=>n?f.default.createElement(Pt,{className:"breadcrumb"},f.default.createElement(n,{href:a},t),e):f.default.createElement(Pt,{className:"breadcrumb"},t,e),Yt=()=>f.default.createElement(Vt,{className:"separator",width:z.base,height:z.base}),Zt=({children:e,href:t})=>f.default.createElement("a",{href:t},e),qt=({children:e})=>f.default.createElement("span",null,e),Xt=n.css`.react-aria-Button{color:${T.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${T.sizes.base};height:${T.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:active,&:hover{background-color:${T.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${T.colors.neutral.grey.base};cursor:default;}}`,Ut=n.css`.react-aria-CalendarCell{width:30px;line-height:30px;border-radius:${T.radius.md};border:1px solid transparent;cursor:pointer;text-align:center;&[data-hovered]{background-color:${T.colors.neutral.grey.base};}&[data-focus-visible],&[data-focused]{outline:2px solid ${T.colors.secondary.blue.light};}&[data-selected]{background:${T.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${T.colors.secondary.blue.light};}}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{cursor:not-allowed;text-decoration:line-through;color:${T.colors.secondary.red.dark};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${T.colors.neutral.ink.lightest};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`,Kt=n.css`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${R(T.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${T.sizes.sm};}`,Gt=n.css`width:fit-content;max-width:100%;min-width:225px;color:${T.colors.neutral.ink.base};font-size:14px;font-family:${T.fontFamily};${Kt} ${Xt} ${Ut} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${T.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${T.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${T.colors.secondary.blue.base};& > div{border:1px solid ${T.colors.secondary.blue.darkest};border-radius:${T.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`,Jt=g.default(a.RangeCalendar).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1dva9jw"})`${Gt};`,Qt=g.default(y).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?z[e]:0};`,en=g.default.button.withConfig({displayName:"vui--SubCalendarOption",componentId:"vui--140wlkz"})`display:flex;flex-direction:column;justify-content:center;align-items:center;${R(T.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${T.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${T.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${T.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${T.colors.secondary.blue.light};}}`,tn=({currentYear:e,onFocusYear:t})=>{return f.default.createElement(Qt,{columns:3,spacing:"sm",role:"grid"},(n=e,Array.from({length:12},((e,t)=>n-5+t))).map((e=>f.default.createElement(en,{key:`year-option-${e}`,"aria-label":`Go to ${e}`,onClick:t(e)},e))));var n},nn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],an=({onFocusMonth:e})=>f.default.createElement(Qt,{columns:3,spacing:"sm",role:"grid"},nn.map(((t,n)=>f.default.createElement(en,{key:`month-option-${t}`,"aria-label":`Go to ${t}`,onClick:e(n)},t)))),on=e=>{const t=s.today(s.getLocalTimeZone());return f.default.createElement(a.CalendarGrid,Object.assign({weekdayStyle:"short"},e),f.default.createElement(a.CalendarGridHeader,null,(e=>f.default.createElement(a.CalendarHeaderCell,null,e.slice(0,2)))),f.default.createElement(a.CalendarGridBody,null,(e=>f.default.createElement(a.CalendarCell,{date:e,"data-today":0===e.compare(t)}))))};var ln;!function(e){e[e.DODECADE=0]="DODECADE",e[e.YEAR=1]="YEAR",e[e.MONTH=2]="MONTH"}(ln||(ln={}));const rn=({level:e,currentYear:t,onFocusMonth:n,onFocusYear:a})=>e===ln.YEAR?f.default.createElement(an,{onFocusMonth:n}):e===ln.DODECADE?f.default.createElement(tn,{currentYear:t,onFocusYear:a}):f.default.createElement(on,null),dn={[ln.DODECADE]:{years:10},[ln.YEAR]:{years:1},[ln.MONTH]:{months:1}},sn={[ln.DODECADE]:"View Day Selection",[ln.YEAR]:"View Year Selection",[ln.MONTH]:"View Month Selection"},cn=()=>{const[t,n]=e.useState(ln.MONTH);return{level:t,handleSwitchLevel:()=>{t===ln.MONTH?n(ln.YEAR):t===ln.YEAR?n(ln.DODECADE):n(ln.MONTH)},setLevel:n}},un=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),mn=e.forwardRef(((t,n)=>{const[o,l]=a.useContextProps(t,n,a.HeadingContext),{children:i,level:r,currentYear:d}=o,s=K(o,["children","level","currentYear"]),c=e.useMemo((()=>r===ln.DODECADE?`${d-5} - ${d+6}`:r===ln.YEAR?d.toString():i.replace(/\b(\w{1,3})(\w*)\b/g,((e,t)=>/\d/.test(e)?e:t))),[r,d,i]);return f.default.createElement(j,Object.assign({variant:"headingSmall"},s,{ref:l,style:{whiteSpace:"nowrap"}}),c)})),pn=({level:e,currentYear:t,handleSwitchLevel:n,isDisabled:o})=>f.default.createElement(et,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},f.default.createElement(a.Button,{slot:"previous",isDisabled:o,type:"button"},f.default.createElement(un,null)),f.default.createElement(et,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},f.default.createElement(mn,{level:e,currentYear:t}),f.default.createElement(pe,{type:"button","aria-label":sn[e],variant:"flat",iconSlot:e===ln.DODECADE?f.default.createElement(U,null):f.default.createElement(he,null),size:"sm",onClick:n,disabled:o})),f.default.createElement(a.Button,{slot:"next",isDisabled:o,type:"button"},f.default.createElement(Vt,null))),fn=({disabledRanges:e,disallowWeekends:t,minValue:n,maxValue:o})=>{const{locale:l}=a.useLocale(),i=a=>!!a&&(!(!t||!s.isWeekend(a,l))||(!!(n&&a.compare(n)<0)||(!!(o&&a.compare(o)>0)||!!e&&e.some((([e,t])=>a.compare(e)>=0&&a.compare(t)<=0)))));return{isDateUnavailable:i,isDateRangeUnavailable:e=>{if(!e)return!1;const{start:t,end:n}=e,[a,o]=[t,n].sort();let l=a;for(;l.compare(o)<=0;){if(i(l))return!0;l=l.add({days:1})}return!1}}},gn=t=>{var{value:n,onChange:a,isDisabled:o}=t,l=K(t,["value","onChange","isDisabled"]);const{level:i,focusedDate:r,setFocusedDate:d,currentYear:c,onFocusMonth:u,onFocusYear:m,handleSwitchLevel:p}=(t=>{const[n,a]=e.useState((null==t?void 0:t.start)||s.today(s.getLocalTimeZone())),{level:o,setLevel:l,handleSwitchLevel:i}=cn();e.useEffect((()=>{t&&a(t.start)}),[t]);const r=(null==n?void 0:n.year)||(null==t?void 0:t.start.year)||(new Date).getFullYear(),d=(null==n?void 0:n.month)||(null==t?void 0:t.start.month)||(new Date).getMonth()+1;return{level:o,focusedDate:n,setFocusedDate:a,currentYear:r,onFocusMonth:e=>()=>{a(new s.CalendarDate(r,e+1,1)),l(ln.MONTH)},onFocusYear:e=>()=>{a(new s.CalendarDate(e,d,1)),l(ln.YEAR)},handleSwitchLevel:i}})(n),{isDateUnavailable:g}=fn({disabledRanges:l.disabledRanges,disallowWeekends:l.disallowWeekends,maxValue:l.maxValue,minValue:l.minValue});return f.default.createElement(Jt,Object.assign({focusedValue:r,onFocusChange:d,isDateUnavailable:g,visibleDuration:dn[i],value:n,onChange:a,isDisabled:o},l),f.default.createElement(pn,{currentYear:c,level:i,handleSwitchLevel:p,isDisabled:o}),f.default.createElement(rn,{level:i,currentYear:c,onFocusMonth:u,onFocusYear:m}))},hn=g.default(a.Calendar).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--6d0gjz"})`${Gt};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`,bn=t=>{var{value:n,onChange:a,isDisabled:o}=t,l=K(t,["value","onChange","isDisabled"]);const{level:i,focusedDate:r,setFocusedDate:d,currentYear:c,onFocusMonth:u,onFocusYear:m,handleSwitchLevel:p}=(t=>{const[n,a]=e.useState(t||s.today(s.getLocalTimeZone())),{level:o,setLevel:l,handleSwitchLevel:i}=cn();e.useEffect((()=>{t&&a(t)}),[t]);const r=(null==n?void 0:n.year)||(null==t?void 0:t.year)||(new Date).getFullYear(),d=(null==n?void 0:n.month)||(null==t?void 0:t.month)||(new Date).getMonth()+1;return{level:o,focusedDate:n,setFocusedDate:a,currentYear:r,onFocusMonth:e=>()=>{a(new s.CalendarDate(r,e+1,1)),l(ln.MONTH)},onFocusYear:e=>()=>{a(new s.CalendarDate(e,d,1)),l(ln.YEAR)},handleSwitchLevel:i}})(n),{isDateUnavailable:g}=fn({disabledRanges:l.disabledRanges,disallowWeekends:l.disallowWeekends,maxValue:l.maxValue,minValue:l.minValue});return f.default.createElement(hn,Object.assign({focusedValue:r,onFocusChange:d,isDateUnavailable:g,visibleDuration:dn[i],value:n,onChange:a,isDisabled:o},l),f.default.createElement(pn,{currentYear:c,level:i,handleSwitchLevel:p,isDisabled:o}),f.default.createElement(rn,{level:i,currentYear:c,onFocusMonth:u,onFocusYear:m}))},vn={top:"flex-start",center:"center"},xn=g.default.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${T.sizes.base};}`,yn=g.default.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>vn[e.align]};`,wn=g.default.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,En=g.default.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${T.sizes.sm};}`,Cn=g.default.div.withConfig({displayName:"vui--HintText",componentId:"vui--lz8nl"})`font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`,$n=g.default.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--piugtf"})`font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};`,kn=g.default.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--2wdtq1"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Sn=g.default(kn).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1an42ms"})`border:2px solid ${T.colors.neutral.grey.dark};border-radius:${T.radius.md};padding:${T.sizes.base} 0.75rem;&:hover{border-color:${T.colors.secondary.blue.base};}`,Nn=g.default(zt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ifrill"})`display:block;&-hoverable{display:block;}`,Ln=({id:e,className:t,label:n,hint:a,tooltip:o,error:l,bordered:i,Badge:r,Accessory:d,Footer:s,children:c,disabled:u=!1,labelVariant:m="body",inputPosition:p="left"})=>{const g={hint:(h=t)?"choice__hint":void 0,label:h?"choice__label":void 0,tooltip:h?"choice__tooltip":void 0,error:h?"choice__error":void 0};var h;const b=f.default.createElement(xn,null,"left"===p&&f.default.createElement(yn,{align:d?"center":"top"},c),d&&f.default.createElement(wn,null,d),n||a||l||r||s?f.default.createElement(En,null,f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"sm"},r,n&&f.default.createElement(j,{variant:m,className:g.label},n),o&&f.default.createElement(Nn,{text:o,className:g.tooltip},f.default.createElement(lt,{name:"help",width:T.sizes.base,color:T.colors.neutral.ink.lightest}))),a&&f.default.createElement(Cn,{className:g.hint},a),l&&f.default.createElement($n,{className:g.error},l),s):null,"right"===p&&f.default.createElement(yn,{align:d?"center":"top"},c));return i?f.default.createElement(Sn,{disabled:u,htmlFor:e,className:t},b):f.default.createElement(kn,{disabled:u,htmlFor:e,className:t},b)},{colors:In,sizes:zn,radius:Dn}=T,Fn=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${In.neutral.ink.lightest};border-radius:${Dn.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${In.secondary.blue.base};border-color:${In.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:${zn[4]};background-position:center;}&:hover{border-color:${In.secondary.blue.base};}&:active{border-color:${In.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${In.secondary.blue.light};outline:0;}&:indeterminate{background-color:${In.secondary.blue.base};border-color:${In.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:${zn[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${In.neutral.grey.base};border-color:${In.neutral.grey.base};color:${In.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>");}`,Rn=t=>{var{checked:n,indeterminate:a,value:o,name:l,disabled:i,ariaLabel:r,className:d,onChange:s}=t,c=K(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const u=e.useMemo((()=>ze("checkbox")),[]),m=e.useRef(null),p=e.useCallback((e=>{s(e.currentTarget.checked,o)}),[s,o]);return e.useEffect((()=>{m.current&&(m.current.indeterminate=!0===a)}),[a]),f.default.createElement(Ln,Object.assign({id:u,disabled:i,className:d},c),f.default.createElement(Fn,{ref:m,id:u,type:"checkbox",checked:n,value:o,name:l,disabled:i,"aria-label":r,onChange:p}))},Tn=g.default.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;}`,An=e.forwardRef(((t,n)=>{var{checked:a,value:o,name:l,disabled:i,onChange:r,id:d,children:s}=t,c=K(t,["checked","value","name","disabled","onChange","id","children"]);const u=e.useCallback((e=>{r(e.currentTarget.checked,o)}),[r,o]),m=null!=d?d:ze("radio");return f.default.createElement(Ln,Object.assign({id:m,disabled:i},c),f.default.createElement(Tn,{id:m,type:"radio",checked:a,value:o,name:l,disabled:i,onChange:u,ref:n}),s)})),On=g.default.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,Mn=g.default.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${T.text.inputLabel.fontFamily};font-size:${T.text.inputLabel.fontSize};font-style:${T.text.inputLabel.fontStyle};font-weight:${T.text.inputLabel.fontWeight};line-height:${T.text.inputLabel.lineHeight};text-decoration:${T.text.inputLabel.textDecoration};color:${T.text.inputLabel.color};`;class jn extends e.Component{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:a}=this.props;let o=[];o=t?[...n,e]:n.filter((t=>t!==e)),a(o)}}render(){const{allowMultiple:e,options:t,selected:n,title:a,disabled:o,bordered:l}=this.props,i=e?Rn:An;return f.default.createElement(On,{disabled:o},a&&f.default.createElement(Mn,null,a),t.map((e=>f.default.createElement(i,Object.assign({key:e.value,bordered:l,checked:n.includes(e.value),onChange:t=>this.handleChange(e.value,t)},e)))))}}const Bn=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Hn={width:z.base,height:z.base},Wn=g.default(pe).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${z.base};width:${z.base};top:unset;}`,Pn=g.default.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${T.text.inputLabel.fontFamily};font-size:${T.text.inputLabel.fontSize};font-weight:${T.text.inputLabel.fontWeight};line-height:${T.text.inputLabel.lineHeight};color:${T.text.inputLabel.color};`,Vn=g.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`,_n=g.default.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${T.sizes[2]} * -1);width:2px;background-color:${T.colors.secondary.red.base};}`,Yn=g.default(et).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,Zn=g.default(zt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:flex;}`,qn=e=>t=>{var{label:n,hint:a,error:o,tooltip:l}=t,i=K(t,["label","hint","error","tooltip"]);const r=Ue({id:null==i?void 0:i.id,prefix:e.name});return n?f.default.createElement(Yn,{spacing:"sm",alignX:"stretch"},f.default.createElement("div",{style:{marginBottom:T.sizes.xs}},f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"sm"},f.default.createElement(Pn,{id:`${r}-label`,htmlFor:r},n),l&&f.default.createElement(Zn,{text:l},f.default.createElement(lt,{width:T.sizes.base,height:T.sizes.base,color:T.colors.neutral.ink.light}))),a&&f.default.createElement(Vn,null,a)),f.default.createElement(e,Object.assign({id:r,hasError:!!o},i)),o&&f.default.createElement(_n,null,o)):f.default.createElement(e,Object.assign({hasError:!!o},i))},Xn=g.default(a.Group).withConfig({displayName:"vui--DateRangeGroup",componentId:"vui--cprola"})`${R(T.text.body)} display:flex;align-items:center;justify-content:space-between;gap:8px;height:22px;z-index:1;border:1px solid ${T.colors.neutral.ink.lightest};border-radius:${T.radius.base};gap:${T.sizes.xs};padding:${T.sizes.sm};&[data-focus-within]{box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${T.colors.secondary.red.light};border:1px solid ${T.colors.secondary.red.base};}${({$hasError:e})=>!!e&&`\n box-shadow: 0 0 0 4px ${T.colors.secondary.red.light};\n border: 1px solid ${T.colors.secondary.red.base};\n `} *[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${T.colors.neutral.ink.light};}.date-range-input-splitter{margin:0 ${T.sizes.sm};}&[data-disabled]{cursor:not-allowed;background-color:${T.colors.neutral.grey.light};.react-aria-DateInput .react-aria-DateSegment,.date-range-input-splitter{cursor:not-allowed;color:${T.colors.neutral.ink.light};}}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${T.radius.base};&[data-focused]{color:white;background-color:${T.colors.secondary.blue.dark};&[data-invalid]{background-color:${T.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${T.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`,Un=qn((t=>{var{id:n,className:o,style:l,shouldForceLeadingZeros:i=!0,rightAction:r,startValue:d,endValue:s,isDisabled:c,isReadOnly:u,isRangeInput:m=!1,hasError:p,"aria-label":g,"aria-describedby":h,"aria-labelledby":b,onChange:v,onChangeStartDate:x,onChangeEndDate:y,rangeRef:w,rightActionRef:E}=t,C=K(t,["id","className","style","shouldForceLeadingZeros","rightAction","startValue","endValue","isDisabled","isReadOnly","isRangeInput","hasError","aria-label","aria-describedby","aria-labelledby","onChange","onChangeStartDate","onChangeEndDate","rangeRef","rightActionRef"]);const{isDateUnavailable:$,isDateRangeUnavailable:k}=fn(C),[S,N]=e.useState(!1),[L,I]=e.useState(!1),z=e.useCallback((e=>{if(!e)return"no date";if(!m)return!$(e)||"Invalid date selection";const t={start:e===d?e:d,end:e===s?e:s};return t.start&&t.end?!k(t)||"Invalid range selection":!$(e)||"Invalid date selection"}),[m,d,s,$,k]);return e.useEffect((()=>{N(!!d&&!0!==z(d)),I(!(!m||!s)&&!0!==z(s))}),[d,s,m,z]),f.default.createElement(et,{direction:"horizontal",alignX:"stretch",alignY:"center",spacing:0},f.default.createElement(Xn,{ref:w,style:l,className:o,"aria-label":g,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,$hasError:p,isDisabled:c},f.default.createElement(et,{spacing:0,direction:"horizontal",alignX:"center"},f.default.createElement(a.DateField,Object.assign({shouldForceLeadingZeros:i,onChange:m?x:v,value:d,validate:z,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,"aria-label":m?"start date":"date",isDisabled:c,isReadOnly:u,isInvalid:S},C),f.default.createElement(a.DateInput,{slot:"start"},(e=>f.default.createElement(a.DateSegment,{segment:e})))),m&&f.default.createElement(f.default.Fragment,null,f.default.createElement("span",{className:"date-range-input-splitter","aria-hidden":"true"},"-"),f.default.createElement(a.DateField,Object.assign({shouldForceLeadingZeros:i,onChange:y,value:s,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,"aria-label":"end date",isDisabled:c,isReadOnly:u,validate:z,isInvalid:L},C),f.default.createElement(a.DateInput,{slot:"end"},(e=>f.default.createElement(a.DateSegment,{segment:e})))))),r&&f.default.createElement(pe,Object.assign({type:"button",ref:E,variant:"flat",style:{padding:"2px",height:"unset"}},r))))})),Kn=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Gn=g.default.footer.withConfig({displayName:"vui--DatePickerFooter",componentId:"vui--17flrd9"})`display:flex;justify-content:end;margin-top:${z.base};margin-left:-${z.base};margin-right:-${z.base};padding:${z.base};padding-bottom:0;border-top:${z.line} solid ${C.neutral.grey.base};`,Jn=g.default.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,Qn=qn(e.forwardRef(((t,n)=>{var{className:a,options:o,value:l,onChange:i,size:r,disabled:d,hasError:s}=t,c=K(t,["className","options","value","onChange","size","disabled","hasError"]);const u=e.useCallback((e=>{i&&i(e.currentTarget.value)}),[i]);return f.default.createElement(Jn,Object.assign({className:a,sizeVariant:r,value:null!=l?l:void 0,onChange:u,disabled:d,hasError:s,ref:n},c),!!o&&o.map((e=>f.default.createElement("option",{key:e.label,value:e.value,disabled:e.disabled,hidden:e.hidden},e.label))))})));Qn.displayName="Select";const ea=g.default.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?T.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,ta=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`width:100%;height:100%;border-radius:${T.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${ea}{box-shadow:0 0 0 4px ${T.colors.brand.blue.light};}&:checked + ${ea}{background-color:#0079d1;}&:disabled + ${ea}{background-color:${T.colors.neutral.grey.base};}&:checked:disabled + ${ea}{background-color:${T.colors.secondary.blue.light};}`,na=g.default.span.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${ea}: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"};}${ta}:checked + ${ea}{&: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"});}}`,aa=g.default(y).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`display:inline-block;user-select:none;`,oa=e.forwardRef(((e,t)=>{var{id:n="testid",className:a,name:o,switched:l,small:i,onClick:r=(()=>{}),disabled:d,ariaLabel:s,inputPosition:c="right"}=e,u=K(e,["id","className","name","switched","small","onClick","disabled","ariaLabel","inputPosition"]);return f.default.createElement(Ln,Object.assign({id:n,inputPosition:c},u),f.default.createElement(aa,{className:a,disabled:d},f.default.createElement(na,{small:i,disabled:d,className:a},f.default.createElement(ta,{id:n,role:"switch",type:"checkbox",name:o,"aria-label":s,checked:!!l,onChange:e=>d?void 0:r(e),disabled:d,ref:t}),f.default.createElement(ea,{switched:l,disabled:d}))))})),la=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}],ia=({options:t=la,selectedPreviousPeriod:n,setSelectedPreviousPeriod:a})=>{const[o,l]=e.useState(!!n);return e.useEffect((()=>{n||null==a||a(t[0])}),[n,a,t]),f.default.createElement(f.default.Fragment,null,f.default.createElement(j,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:T.sizes.sm,whiteSpace:"nowrap"}},f.default.createElement(oa,{small:!0,switched:o,onClick:()=>{o&&(null==a||a(null)),l(!o)}}),"Compare previous period"),o&&f.default.createElement(Qn,{"aria-label":"Period to compare against",options:t,value:(null==n?void 0:n.value)||t[0].value,onChange:e=>{const n=t.find((({value:t})=>t===e));n&&(null==a||a(n))}}))};var ra;exports.DateRanges=void 0,(ra=exports.DateRanges||(exports.DateRanges={})).TODAY="TODAY",ra.YESTERDAY="YESTERDAY",ra.LAST_7_DAYS="LAST_7_DAYS",ra.LAST_30_DAYS="LAST_30_DAYS",ra.LAST_90_DAYS="LAST_90_DAYS",ra.LAST_MONTH="LAST_MONTH",ra.LAST_12_MONTHS="LAST_12_MONTHS",ra.WEEK_TO_DATE="WEEK_TO_DATE",ra.MONTH_TO_DATE="MONTH_TO_DATE",ra.YEAR_TO_DATE="YEAR_TO_DATE";const da=e=>{const t=s.now(s.getLocalTimeZone());let n;switch(e){case exports.DateRanges.TODAY:n={start:t,end:t};break;case exports.DateRanges.YESTERDAY:n={start:t.subtract({days:1}),end:t.subtract({days:1})};break;case exports.DateRanges.LAST_7_DAYS:n={start:t.subtract({days:7}),end:t};break;case exports.DateRanges.LAST_30_DAYS:n={start:t.subtract({days:30}),end:t};break;case exports.DateRanges.LAST_90_DAYS:n={start:t.subtract({days:90}),end:t};break;case exports.DateRanges.LAST_MONTH:{const e=s.startOfMonth(t.subtract({months:1}));n={start:e,end:s.endOfMonth(e)};break}case exports.DateRanges.LAST_12_MONTHS:{const e=s.startOfMonth(t.subtract({months:1}));n={start:s.startOfMonth(e).subtract({months:12}),end:s.endOfMonth(e)};break}case exports.DateRanges.WEEK_TO_DATE:n={start:s.startOfWeek(t,navigator.language),end:t};break;case exports.DateRanges.MONTH_TO_DATE:n={start:s.startOfMonth(t),end:t};break;case exports.DateRanges.YEAR_TO_DATE:n={start:s.startOfYear(t),end:t};break;default:return null}return(e=>{const{start:t,end:n}=e;return{start:new s.CalendarDate(t.year,t.month,t.day),end:new s.CalendarDate(n.year,n.month,n.day)}})(n)},sa=[{label:"Custom",value:"CUSTOM",disabled:!0},{label:"Today",value:exports.DateRanges.TODAY},{label:"Yesterday",value:exports.DateRanges.YESTERDAY},{label:"Last 7 Days",value:exports.DateRanges.LAST_7_DAYS},{label:"Last 30 Days",value:exports.DateRanges.LAST_30_DAYS},{label:"Last 90 Days",value:exports.DateRanges.LAST_90_DAYS},{label:"Last Month",value:exports.DateRanges.LAST_MONTH},{label:"Last 12 Months",value:exports.DateRanges.LAST_12_MONTHS},{label:"Week to Date",value:exports.DateRanges.WEEK_TO_DATE},{label:"Month to Date",value:exports.DateRanges.MONTH_TO_DATE},{label:"Year to Date",value:exports.DateRanges.YEAR_TO_DATE}],ca=exports.DateRanges.LAST_30_DAYS,ua=da(ca),ma=sa.find((({value:e})=>e===ca)),pa=g.default.div.withConfig({displayName:"vui--Divider",componentId:"vui--ssvmxc"})`margin:0 -${T.sizes.base};border-top:1px solid ${T.colors.neutral.grey.base};`;function fa(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function ga(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${ga(e.min,"max-content")}, ${ga(e.max)})`;default:return t||"1fr"}}function ha({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:a,stripingMode:o,columnWidths:l,columns:i}){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 `)),d=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"!==a&&"none"!==a,c=`\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 `,u="end"!==a&&"none"!==a,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: ${u?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,p=`\n tr:nth-child(odd) > td {\n background-color: ${T.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${T.colors.neutral.grey.base};\n }\n `,f=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${T.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${T.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${i.map((e=>{var t;return ga(null!==(t=l[e.id])&&void 0!==t?t: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?d:""}\n\n ${c}\n ${m}\n\n ${"nested"===o?f:p}\n `}var ba;!function(e){e.ascending="ascending",e.descending="descending"}(ba||(ba={}));const va=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),xa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),ya=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),wa=({sortState:e,columnId:t,size:n})=>e&&e.columnId===t?e.direction===ba.ascending?f.default.createElement(xa,{color:T.colors.neutral.ink.dark,size:n}):f.default.createElement(ya,{color:T.colors.neutral.ink.dark,size:n}):f.default.createElement(va,{size:n});function Ea(t,n){const[a,o]=e.useState([]),l=()=>{if(!t.current)return;const e=t.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(e).map((e=>e.getBoundingClientRect().width));o(n)};return e.useEffect((()=>{l()}),[t.current]),e.useEffect((()=>{if(!n.current)return;const e=v.default(l,50),t=new h.default(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),a}class Ca extends Event{constructor(e,t){super(e,{bubbles:!0,cancelable:!0}),this.data=t}}const $a=({tableRef:t,columns:n,columnIds:a,columnWidths:o})=>{const[l,i]=e.useState(o||{});return e.useEffect((()=>{const e=n.reduce(((e,t)=>(e[t.id]=t.width,e)),{});const t=o?Object.assign({},l):e;Object.keys(e).forEach((n=>{void 0===typeof l[n]&&(t[n]=e[n])})),i(t)}),[JSON.stringify(a)]),e.useEffect((()=>{o&&i(o)}),[o]),{setColumnWidth:({columnId:e,width:a})=>{const o=Object.assign({},l);return n.forEach(((i,r)=>{const d=r===n.length-1,s=i.id===e?a:((e,n)=>{var a,o,i;return n?l[e.id]||e.width:l[e.id]||e.width||(null===(i=null===(o=null===(a=t.current)||void 0===a?void 0:a.querySelector(`th[data-columnid="${e.id}"]`))||void 0===o?void 0:o.getBoundingClientRect())||void 0===i?void 0:i.width)||void 0})(i,d);o[i.id]=s})),i(o),((e,t)=>{const n=new Ca(e,t);document.dispatchEvent(n)})("columnWidthUpdated",{tableRef:t,columnWidths:o}),o},columnWidths:l}};function ka(t,n,a,o){const{columnWidths:l,setColumnWidth:i}=$a({tableRef:n,columns:t,columnIds:t.map((({id:e})=>e)),columnWidths:o}),r=e.useCallback((({columnId:e,width:t})=>{const n=i({columnId:e,width:t});a&&a(n||l)}),[i,a,l]),d=t.filter((e=>!0!==e.hidden)),s=d.filter((e=>"left"===e.pinned)),c=d.filter((e=>"right"===e.pinned)),u=d.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...s,...u,...c],columnWidths:l,pinnedLeft:s,pinnedRight:c,setColumnWidth:r}}function Sa(t){e.useEffect((()=>{if(!t.current)return;let e=!1;const n=t.current,a={left:0,x:0},o=t=>{if(!n)return;const o=t.clientX-a.x;n.scrollLeft=a.left-o,e||(n.style.cursor="grabbing",n.style.userSelect="none"),e=!0},l=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",l),e=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},i=e=>{var t,i,r;n&&(e.target instanceof HTMLElement&&(null===(r=null===(i=null===(t=e.target)||void 0===t?void 0:t.classList)||void 0===i?void 0:i.contains)||void 0===r?void 0:r.call(i,"th-divider"))||(a.left=n.scrollLeft,a.x=e.clientX,document.addEventListener("mousemove",o),document.addEventListener("mouseup",l)))};return n.addEventListener("mousedown",i),()=>null==n?void 0:n.removeEventListener("mousedown",i)}),[t.current])}function Na(t){const[n,a]=e.useState("start"),o=()=>{if(!t.current)return;const{width:e}=t.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=t.current;a(o<e?"none":0!==n?n+e>=o?"end":"middle":"start")};return e.useEffect((()=>{if(t.current)return t.current.addEventListener("scroll",o),()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.removeEventListener("scroll",o)}}),[t.current]),e.useEffect((()=>{if(!t.current)return;const e=v.default(o,50),n=new h.default(e);return n.observe(t.current),()=>n.disconnect()}),[t.current]),{scrollPosition:n,containerRef:t}}const La="56px",Ia=g.default.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${La};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>fa(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=3})=>T.sizes[e]};padding-right:${({spacing:e=3})=>T.sizes[e]};border-bottom:1px solid ${T.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function za(e){var{selected:t,indeterminate:n,onChange:a,selectionMode:o}=e,l=K(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===o?f.default.createElement(Ia,Object.assign({},l)):f.default.createElement(Ia,Object.assign({},l),f.default.createElement(Rn,{checked:t,indeterminate:n,onChange:a}))}const Da=g.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>fa(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>T.sizes[e]};padding-right:${({spacing:e=3})=>T.sizes[e]};color:${T.text.bodySmall.color};font-family:${T.text.bodySmall.fontFamily};font-size:${T.text.bodySmall.fontSize};font-style:${T.text.bodySmall.fontStyle};font-weight:${T.text.bodySmall.fontWeight};line-height:${T.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${T.colors.secondary.blue.base};background-color:${T.colors.neutral.grey.lightest};}`;function Fa(e){var{selected:t,rowId:n,onChange:a,selectionMode:o,disabled:l}=e,i=K(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===o?f.default.createElement(Da,Object.assign({},i),f.default.createElement(An,{value:n,checked:t,disabled:l,onChange:a})):f.default.createElement(Da,Object.assign({},i),f.default.createElement(Rn,{value:n,checked:t,disabled:l,onChange:a}))}const Ra=[[],()=>{}];function Ta({selectionMode:e="multiple",selectionState:t,enabledRowIds:n}){const a=!!t,[o,l]=t||Ra,i=()=>{o.length!==n.length?l(n):l([])};return{selectionEnabled:a,selectedRowIds:o,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(t,a)=>f.default.createElement(za,Object.assign({},a,{selected:o.length===n.length,indeterminate:o.length>0&&o.length<n.length,onChange:i,selectionMode:e})),renderCell:(t,n,a,o)=>f.default.createElement(Fa,Object.assign({},n,{rowId:t.id,selected:o.selected,onChange:a.setSelected,selectionMode:e,disabled:o.disabled}))},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)l([n]);else if(t){if(o.includes(n))return;const e=[...o,n];l(e)}else{const e=o.findIndex((e=>e===n));if(e<0)return;const t=[...o];t.splice(e,1),l(t)}}}}const Aa=g.default.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${T.colors.neutral.ink.lightest};`,Oa=g.default.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${T.text.headingTable.color};font-family:${T.text.headingTable.fontFamily};font-size:${T.text.headingTable.fontSize};font-style:${T.text.headingTable.fontStyle};font-weight:${T.text.headingTable.fontWeight};line-height:${T.text.headingTable.lineHeight};`,Ma=g.default(Oa).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 ${Aa}{background-color:${T.colors.neutral.grey.light};color:${T.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${T.colors.secondary.blue.light};}`,ja=g.default.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--115ilx"})`position:absolute;right:0;top:37.5%;width:1px;background:${T.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;user-select:none;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`,Ba=({columnId:t,setColumnWidth:n,minWidth:a})=>{const o=e.createRef(),l=e=>{const{minTranslate:t,dragDivider:n,dragInitX:a}=window.tableHeaders,o=Math.max(e.clientX-(a||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${o}px)`},i=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:o}=n,l=null==o?void 0:o.getBoundingClientRect().width,i=o.querySelector(".headerContent").getBoundingClientRect().width,r=a&&i<a?a:i,d=(e.clientX||0)-(t||0);return Math.max((l||0)+d,r+24)},r=e=>{window.removeEventListener("mouseup",r),window.removeEventListener("dragend",r),window.removeEventListener("mousemove",l),window.removeEventListener("drag",l),null==n||n({columnId:t,width:i({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},d=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:o.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",r),window.addEventListener("dragend",r),window.addEventListener("mousemove",l),window.addEventListener("drag",l))};return f.default.createElement(ja,{ref:o,className:"th-divider",onMouseDown:d,onDragStart:d})};function Ha({column:e,sortState:t,onChangeSort:n,resizeableColumns:a,setColumnWidth:o,columnCount:l=1,columnI:i=0}){if(e.sortable&&!t)throw new Error(`Column '${e.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(e.hidden)return null;const r={key:e.id.toString(),id:`datatable-header-${e.id}`,"data-columnid":String(e.id),role:"columnheader",align:e.align,spacing:e.spacing,className:e.sortable?"sortable":void 0};if(e.renderHeader)return e.renderHeader(e,r);const d=e.sortable?Ma:Oa,s=e.sortable?{onClick:()=>{if(!t)return void console.warn("DataGrid::renderHeader::handleClickSort - sortState is not defined");const a=function({sortState:e,columnId:t}){const n=e.columnId===t,a=e.direction===ba.ascending;let o=ba.ascending;return n&&a&&(o=ba.descending),{columnId:t,direction:o}}({sortState:t,columnId:e.id});n?n(a):console.warn("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return f.default.createElement(Ia,Object.assign({},r,{zIndex:3}),f.default.createElement(zt,{text:e.tooltip},f.default.createElement(d,Object.assign({},s,{className:"headerContent"}),e.iconSlot,e.title&&f.default.createElement("span",null,e.title),e.sortable&&f.default.createElement(Aa,null,f.default.createElement(wa,{sortState:t,columnId:e.id,size:5})))),a&&i<l-1&&f.default.createElement(Ba,{columnId:e.id,setColumnWidth:o,minWidth:null==e?void 0:e.resizeMinWidth}))}const Wa=T.colors.neutral.grey.base,Pa=T.colors.neutral.grey.dark,Va=g.default.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${T.radius.base};background:${Wa};background-image:linear-gradient(\n to right,\n ${Wa} 0%,\n ${Pa} 20%,\n ${Wa} 40%,\n ${Wa} 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 _a=g.default.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:${La};background-color:white;`,Ya=g.default.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 ${T.colors.neutral.grey.base};& > *{flex:1;}`;function Za({selectionColumn:t,intersectionTargetRef:n,containerRef:a,children:o}){var l;const[i,r]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{r(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.current]);const d=null===(l=a.current)||void 0===l?void 0:l.getBoundingClientRect(),s={position:"fixed",top:0,left:null==d?void 0:d.left,width:null==d?void 0:d.width},c=i?s:{position:"absolute",top:0,left:0,right:0};return f.default.createElement(_a,{style:c},Ha({column:t}),f.default.createElement(Ya,null,o))}const qa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Xa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Ua=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Ka=g.default.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${T.sizes.lg};padding-bottom:${T.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${T.sizes.md};`,Ga=g.default.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${T.sizes.md};background-color:${T.colors.neutral.grey.light};border-radius:${T.radius.full};`,Ja=g.default.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Qa=g.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${T.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 `}`,eo=g.default.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,to=g.default.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${T.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,no=g.default.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,ao={full:`border-width: 1px; border-radius: ${T.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},oo=g.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${T.colors.neutral.grey.dark};${({borderMode:e="full"})=>ao[e]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;function lo({children:t,intersectionTargetRef:n,containerRef:a,cellWidths:o,tableCss:l,stickyHeaderTop:i=0}){const r=e.useRef(null),[d,s]=e.useState(!1),[c,u]=e.useState({top:0,left:0,width:0,height:0}),m=e.useRef(null),p=()=>{var e;const t=null===(e=a.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};u(n)},g=()=>{var e;if(!a.current)return;const t=a.current.scrollLeft;null===(e=r.current)||void 0===e||e.scrollTo(t,0)};if(e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{s(!e.isIntersecting)}))}),{rootMargin:`-${i}px 100% 0px 100%`,threshold:1});return e.observe(n.current),()=>e.disconnect()}),[n.current]),e.useEffect((()=>{d&&a.current&&p()}),[a.current,d]),e.useEffect((()=>{if(!d)return;if(!a.current)return;const e=v.default(p,30),t=new h.default(e);return t.observe(a.current),()=>t.disconnect()}),[a.current,d]),e.useEffect((()=>{if(!d)return;if(!a.current)return;const e=v.default((()=>{var e;const{left:t}=(null===(e=a.current)||void 0===e?void 0:e.getBoundingClientRect())||{};t&&m.current!==t&&(p(),m.current=t)}),30);return document.addEventListener("scroll",e),()=>document.removeEventListener("scroll",e)}),[a.current,d]),e.useEffect((()=>{g()}),[d]),e.useEffect((()=>{var e;return null===(e=a.current)||void 0===e||e.addEventListener("scroll",g),()=>{var e;null===(e=a.current)||void 0===e||e.removeEventListener("scroll",g)}}),[a.current]),!d)return null;const b=Object.assign(Object.assign({},c),{height:La,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${T.colors.neutral.grey.base}`,borderTop:`1px solid ${T.colors.neutral.grey.base}`,boxShadow:S.base,top:`${i}px`||"0px"}),x=l+o.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return f.default.createElement("div",{style:b,ref:r},f.default.createElement(to,{css:x},f.default.createElement("thead",null,t)))}const io=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:a})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==a?void 0:a.includes(e))||!1}),ro={iconSlot:f.default.createElement(it,{width:48,height:48}),heading:"No results"},so=()=>{},co=({actionBarSlot:t,borderMode:n,columns:a,emptyState:o=ro,expandedRowIds:l,loading:i,loadingRowCount:r,onChangeSort:d,rows:s,disabledRowIds:c,selectionMode:u,selectionState:m,setExpanded:p,sortState:g,stripingMode:h,enableStickyHeader:b,resizeableColumns:v,onResizeColumns:x,columnWidths:y,stickyHeaderTop:w})=>{const E=e.useRef(null),C=e.useRef(null),$=e.useRef(null);Sa(E);const k=s.map((e=>e.id)).filter((e=>!(null==c?void 0:c.includes(e)))),{selectionEnabled:S,selectedRowIds:N,selectionColumn:L,setSelected:I}=Ta({selectionMode:u,selectionState:m,enabledRowIds:k}),z={setSelected:I||so,setExpanded:p||so},D=[L,...a],F=S?D:a,R=Ea(C,E),{visible:T,pinnedLeft:A,pinnedRight:O,setColumnWidth:M,columnWidths:B}=ka(F,C,x,y),H=R.length===T.length?T.map(((e,t)=>Number.isNaN(B[e.id]||"")?R[t]:B[e.id])):R,{scrollPosition:W}=Na(E),P=ha({pinnedLeft:A,pinnedRight:O,cellWidths:H,scrollPosition:W,columnWidths:B,columns:T,stripingMode:h});if(i){const e=new Array(r).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return f.default.createElement(oo,{borderMode:n},f.default.createElement(eo,{ref:E},f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t}))))),f.default.createElement("tbody",{role:"rowgroup"},e.map((e=>f.default.createElement(Qa,{key:e.id},T.map((t=>function(e,t){if(!0===t.hidden)return null;const n={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return f.default.createElement(Da,Object.assign({},n),f.default.createElement(Va,null))}(e,t))))))))))}if(0===s.length)return f.default.createElement(oo,{borderMode:n},f.default.createElement(eo,{ref:E},f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t}))))),f.default.createElement("tbody",{role:"rowgroup"},f.default.createElement(Ka,{columnCount:T.length},f.default.createElement(Ga,null,o.iconSlot),f.default.createElement(et,{spacing:"sm",alignX:"center"},f.default.createElement(j,{variant:"headingMedium"},o.heading),o.subheading&&f.default.createElement(j,{variant:"subheadingMedium"},o.subheading)))))));const V=e=>{const{e2eClassName:t="",accentColor:n}=e,a=io(e.id,{selectedRowIds:N,expandedRowIds:l,disabledRowIds:c});return f.default.createElement(Qa,Object.assign({role:"row",key:e.id,accentColor:n,className:t},a),T.map((t=>function(e,t,n,a){if(t.hidden)return null;const o={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,o,n,a)}(e,t,z,a))))},_=(e,t)=>{var n,a;const o=null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===a?void 0:a.row,i=io(t,{selectedRowIds:N,expandedRowIds:l,disabledRowIds:c});return f.default.createElement(Qa,{role:"row",key:e.id,className:o},T.map((t=>function(e,t,n){if(t.hidden)return null;const a={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return t.renderNestedCell?t.renderNestedCell(e,a,n):f.default.createElement(Da,Object.assign({},a))}(e,t,i))))},Y=e=>{var t;const n=null==l?void 0:l.includes(e.id);return f.default.createElement("tbody",{role:"rowgroup",key:e.id},V(e),n&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>_(t,e.id)))))},Z=f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t})))),q=a.some((e=>!!e.renderFooter)),X=N.length>0&&!!t;return f.default.createElement(oo,{borderMode:n},X&&f.default.createElement(Za,{selectionColumn:L,intersectionTargetRef:$,containerRef:E},t),f.default.createElement(eo,{ref:E},b&&f.default.createElement(lo,{tableCss:P,intersectionTargetRef:$,containerRef:E,cellWidths:H,stickyHeaderTop:w},Z),f.default.createElement("div",{ref:$,style:{height:0}}),f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},Z),(()=>{const e=!!l;return e&&"nested"===h?s.map(Y):e?f.default.createElement("tbody",{role:"rowgroup"},s.map((e=>{var t;return[V(e),...(null==l?void 0:l.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>_(t,e.id))))||[]]}))):f.default.createElement("tbody",{role:"rowgroup"},s.map(V))})(),q&&f.default.createElement("tfoot",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map((e=>function({column:e}){if(e.hidden)return null;const t={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,t):f.default.createElement(Da,Object.assign({},t))}({column:e}))))))))};co.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},co.Cell=Da,co.ColumnMenu=function({columns:t,columnGroups:n,setColumns:a}){const[o,l]=e.useState(null),[i,r]=e.useState(!1),d=t.map((e=>[e.id,e])),s=Object.fromEntries(d),c=n.map((e=>e.map((e=>s[e])))),u=(e,n)=>{const o=c[e].map((e=>e.id)),l=[...t];o.forEach((e=>{const t=l.findIndex((t=>t.id===e));t<0||(l[t]=Object.assign(Object.assign({},l[t]),{hidden:n}))})),a(l)};return f.default.createElement(f.default.Fragment,null,f.default.createElement(pe,{ref:l,dropdown:!0,onClick:()=>r(!0)},"Columns"),i&&f.default.createElement(We,{anchorElement:o,onShouldClose:()=>r(!1)},f.default.createElement(Le,{style:{width:600}},f.default.createElement(et,{alignX:"stretch",spacing:"sm"},c.map(((e,t)=>f.default.createElement(et,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(Ua,null)}),f.default.createElement(et,{spacing:"sm",style:{flex:1}},e.map((e=>f.default.createElement("div",{key:e.id},e.title)))),f.default.createElement(et,{direction:"horizontal",spacing:"sm"},e[0].hidden?f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(Xa,null),onClick:()=>u(t,!1),style:{color:T.colors.neutral.ink.lightest}}):f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(qa,null),onClick:()=>u(t,!0)})))))))))},co.SelectionCell=Fa,co.SelectionHeader=za,co.Header=Ia,co.Truncate=no,co.NoWrap=Ja;const uo=g.default.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${T.sizes.base};}`,mo=g.default.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${T.sizes.xs};}`,po=g.default.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${T.sizes.base};}`,fo=g.default.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${T.sizes.xs};}`,go=g.default.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${T.text.bodyBold.fontFamily};font-size:${T.text.bodyBold.fontSize};font-weight:${T.text.bodyBold.fontWeight};line-height:${T.text.bodyBold.lineHeight};color:${T.text.bodyBold.color};`,ho=g.default.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${T.text.body.fontFamily};font-size:${T.text.body.fontSize};font-weight:${T.text.body.fontWeight};line-height:${T.text.body.lineHeight};color:${T.text.body.color};`,{sizes:bo,colors:vo}=T,xo=g.default.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=g.default.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${bo.md};overflow-x:hidden;background-color:${vo.neutral.grey.lightest};`,wo=g.default.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 Eo;!function(e){e.base="base",e.sm="sm"}(Eo||(Eo={}));const Co=({hasError:e,inputSize:t})=>n.css`&{--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 "}`,$o=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${T.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 `}} ${Co} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,ko=g.default.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;${Co}`,So=/^-?[0-9]*\.?[0-9]+$/,No=qn(e.forwardRef(((t,n)=>{var{id:a,className:o,disabled:l=!1,hasError:i,multiline:r=!1,spellCheck:d=!1,name:s,onChange:c,placeholder:u,size:m=Eo.base,type:p="text",value:g}=t,h=K(t,["id","className","disabled","hasError","multiline","spellCheck","name","onChange","placeholder","size","type","value"]);const b=e.useCallback((e=>{if(!c)return;const t=e.currentTarget.value;if(""===t)return void c(t);if("number"!==p)return void c(t);new RegExp(So).test(t)&&c(t)}),[c,p]),v=null!=a?a:ze("textfield");return"text"===p&&r?f.default.createElement(ko,Object.assign({className:o,disabled:l,hasError:i,id:v,name:s,onChange:b,placeholder:u,value:g,ref:n,spellCheck:d},h)):f.default.createElement($o,Object.assign({className:o,disabled:l,hasError:i,id:v,inputSize:m,name:s,"aria-label":s,onChange:b,placeholder:u,type:p,value:g,ref:n,spellCheck:d},h))})));No.displayName="TextField";const Lo=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,Io=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,zo=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${T.colors.neutral.ink.lightest};}`,Do=g.default(pe).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${T.colors.neutral.ink.lightest};`;g.default(j).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,g.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${T.sizes[2]} * -1);width:2px;background-color:${T.colors.secondary.red.base};}`,g.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`;const Fo=(e,t)=>{t.includes(e.key)&&e.preventDefault()},Ro=["-","+","E","e"],To=e=>Fo(e,Ro),Ao=qn((e=>{var{size:t=Eo.base,handleChangeHeight:n,handleChangeWidth:a,handleChangeLength:o,className:l,height:i,width:r,length:d,unit:s}=e,c=K(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return f.default.createElement(Lo,{className:l},f.default.createElement(Io,null,f.default.createElement(zo,Object.assign({onChange:o,size:t,name:"length",type:"number",placeholder:"L",value:d,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(be,{height:T.sizes.base,width:T.sizes.base}),f.default.createElement(zo,Object.assign({onChange:a,size:t,name:"width",type:"number",placeholder:"W",value:r,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(be,{height:T.sizes.base,width:T.sizes.base}),f.default.createElement(wo,null,f.default.createElement(zo,Object.assign({onChange:n,size:t,name:"height",type:"number",placeholder:"H",value:i,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(Do,{size:t},s))))}));Ao.displayName="DimensionsInput";const Oo=g.default(y).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${C.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${C.neutral.grey.dark};border-radius:4px;svg{width:${z.base};height:${z.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,Mo=g.default(j).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,jo=g.default(Mo).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,Bo=g.default(he).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.$shouldShow?"180deg":"0"});width:10px;height:10px;`,Ho=g.default(be).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Wo=g.default(y).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Po=g.default(y).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 ${C.neutral.grey.base};svg{color:${({color:e})=>e};width:${z[5]};height:${z[5]};margin-right:10px;}`,Vo=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),_o=e=>f.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Yo=g.default.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,Zo=g.default.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,qo=g.default.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,Xo=g.default.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,Uo=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}),Ko={width:64,height:64},Go={icon:f.default.createElement(Kn,Object.assign({},Ko)),title:"No data found"},Jo={icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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({},Ko)),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 Qo;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(Qo||(Qo={}));const{text:el,sizes:tl}=T,{blue:nl}=T.colors.secondary,{grey:al}=T.colors.neutral,{scrollbar:ol}=T.colors.system,ll='\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',il=g.default.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,rl=g.default.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 ${al.dark};border-bottom:1px solid ${al.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: ${ol.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${ol.thumb};\n border-radius: 4px; \n }\n `:""} ${({scrollDisabled:e,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:n,scrollPosition:a})=>e?"":`\n td:nth-child(${t}):after,\n th:nth-child(${t}):after {\n right: 0;\n transform: translate(100%);\n ${ll};\n\n ${a===Qo.middle||a===Qo.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 ${ll};\n\n ${a===Qo.start||a===Qo.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,dl=g.default(rl).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${al.dark};border-radius:4px;`,sl=g.default.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,cl=g.default.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${al.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;g.default.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${al.lightest};padding:1.5rem 1rem;border-top:1px solid ${nl.base};}`;const ul=g.default.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 `}`,ml=g.default.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:${el.bodySmall.fontFamily};font-size:${el.bodySmall.fontSize};font-weight:${el.bodySmall.fontWeight};color:${el.bodySmall.color};line-height:${tl.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,pl=g.default(ml).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${al.dark};font-family:${el.bodySmallBold.fontFamily};font-size:${el.bodySmallBold.fontSize};font-weight:${el.bodySmallBold.fontWeight};color:${el.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${al.light};}`,fl={left:"flex-start",center:"center",right:"flex-end"},gl=g.default.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?fl[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,hl=g.default.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${cl}:nth-child(even) td {\n background-color: ${al.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${pl}, & ${pl} span {\n white-space: nowrap;\n }\n `}`,bl=g.default.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${ml}{border-top:1px solid ${al.dark};background-color:${al.lightest};padding-top:${tl.base};padding-bottom:${tl.base};line-height:2rem;}`,vl=g.default.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,xl=g.default(hl).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,yl=g.default(y).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;`,wl=g.default(y).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${T.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,El=g.default(j).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,Cl=g.default(j).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,$l=({height:e,icon:t,title:n,subTitle:a})=>f.default.createElement(yl,{height:e},f.default.createElement(wl,null,t),f.default.createElement(El,{variant:"headingLarge"},n),a&&f.default.createElement(Cl,{variant:"subheadingMedium"},a)),kl=g.default.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:${T.sizes.base};border-radius:${T.radius.base};&:hover{cursor:pointer;background-color:${T.colors.secondary.blue.lightest};}`,Sl=g.default(kl).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${T.text.link.color};text-decoration:${T.text.link.textDecoration};`,Nl=g.default.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:Ll}=T.colors.neutral,Il=g.default.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,zl=g.default.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, ${Ll.base} 8%, ${Ll.dark} 15%, ${Ll.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,Dl=({isLoading:e,style:t})=>f.default.createElement(Il,{style:t},f.default.createElement(zl,{isLoading:e})),Fl=e=>{var{style:t}=e,n=K(e,["style"]);return f.default.createElement(ml,Object.assign({},n),f.default.createElement(Dl,{style:t}))};Fl.defaultProps={style:{}};const Rl=({renderHeader:t,tableRef:n,wrapperRef:a,isFixedLayout:o,wrapperStyle:l})=>{var i;const[r,d]=e.useState(null),{isSticky:s}=((t,n)=>{const[a,o]=e.useState(!1),l=e.useCallback((({top:e,bottom:t})=>{let l=a;l=e<=(n||0)&&t>0?!a||l:!a&&l,l!==a&&o(l)}),[a,n]);return e.useEffect((()=>{const e=()=>{var e;t.current&&l(null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect())};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[l,t]),{isSticky:a}})(n,parseInt("string"==typeof(null==l?void 0:l.top)?null==l?void 0:l.top:`${null==l?void 0:l.top}`,10)),c=((null===(i=a.current)||void 0===i?void 0:i.getBoundingClientRect().width)||0)-2;u.useScroll(a);const m=e=>{var t;const n=(null===(t=a.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:r&&(r.scrollLeft=n)};return m(),s?f.default.createElement(vl,{ref:e=>{d(e),m(e)},style:Object.assign({width:c},l)},f.default.createElement(xl,{style:{tableLayout:o?"fixed":"auto"}},t())):null},Tl=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")},Al=e=>{var{style:t,width:n,isLoading:a}=e,o=K(e,["style","width","isLoading"]);return f.default.createElement(pl,Object.assign({},o,{style:{width:n}}),f.default.createElement(Dl,{style:t,isLoading:a}))},Ol=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),Ml=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),jl=()=>f.default.createElement(va,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Bl=()=>f.default.createElement(Ol,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Hl=()=>f.default.createElement(Ml,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Wl=({borderless:t=!1,striped:n=!0,noWrap:a=!1,showScrollbar:o=!1,headers:l,rows:i,renderRow:r,renderNestedRow:d,expandedRowIds:s,renderLoadingRow:c,renderFooterRow:u,renderFooterLoadingRow:m,omitFooterSelectionCell:p=!1,selectedRowIds:g,disabledSelectionInputRowIds:h,selectionMode:b="multiple",onChangeSelectedRowIds:v,sortColumnId:x,sortDirection:y,onChangeSort:w,isError:E=!1,isLoading:C=!1,skeletonRowsNumber:$=5,isHeaderSticky:k=!0,stickyHeaderStyle:S,customSpecificState:N,bodyHeightInSpecificStates:L=375,startFixedColumnsNumber:I,endFixedColumnsNumber:z})=>{const D=t?rl:dl,F=!!i&&0===i.length,R=Boolean(I||z),T=!I&&!z,A=e.useRef(null),O=e.useRef(null),[M,j]=e.useState(Qo.none);e.useEffect((()=>{var e;let t=null;const n=()=>{if(!O.current||T)return;const e=O.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:a}=e.getBoundingClientRect(),o=n+a;t===a?j(Qo.none):0===n?j(Qo.start):n>0&&o<t?j(Qo.middle):o===t&&j(Qo.end)};return O.current&&(t=O.current,n(),null===(e=O.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[A,T]);const B=e.useCallback((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),[]),H=e.useCallback(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),W=e.useCallback((()=>{if(!l||C)return null;const e=[],t=[];let n=0,a=0;if(I){g&&(e.push(H(1,n,"left")),n+=58);for(let t=0;t<I;t+=1){const a=B(l[t].width);a&&(e.push(H(g?t+2:t+1,n,"left")),n+=a)}}if(z)for(let e=0;e<z;e+=1){const n=B(l.slice(-e-1)[0].width);n&&(t.push(H(e+1,a,"right")),a+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[C,B,z,H,l,I,g]),P=e.useMemo((()=>W()),[W]),V=e.useCallback(((e,t)=>{if(!g||!v)return;if(e)return"single"===b?void v([t.id]):void v([...g,t.id]);const n=[...g],a=n.findIndex((e=>e===t.id));n.splice(a,1),v(n)}),[v,g,b]),_=e.useCallback((()=>{if(!g||!v)return;if(g.length===i.length)return void v([]);const e=i.map((e=>e.id));v(e)}),[v,i,g]),Y=e.useCallback((e=>{if(void 0===x||void 0===w)return;let t=x,n="ascending";"ascending"===y&&(n="descending"),e!==x&&(t=e,n="ascending"),w(t,n)}),[w,x,y]),Z=e.useCallback(((e,t)=>{let n="",a=()=>{},o=f.default.createElement(jl,null);const{tooltip:l,align:i,icon:r,title:d,sortable:s,id:c}=e;s&&(n="sortable",a=()=>Y(c),x===c&&(o="ascending"===y?f.default.createElement(Bl,null):f.default.createElement(Hl,null)));const u=f.default.createElement(gl,{align:i},r&&r,d&&f.default.createElement("span",null,d),s&&o);return f.default.createElement(pl,{key:c,id:`data-table-header-${c}`,className:n,onClick:a,align:e.align,grow:e.grow,style:Object.assign({width:e.width||"auto"},t)},l?f.default.createElement(zt,{text:l},f.default.createElement(il,null,u)):u)}),[Y,x,y]),q=e.useCallback(((e,t)=>f.default.createElement(Al,{key:e.id,width:e.width||"auto",style:t,isLoading:C})),[C]),X=e.useCallback((()=>{if(!l)return null;const e=W(),t=e?e[0].style:{};return f.default.createElement(sl,null,f.default.createElement(ul,null,g&&f.default.createElement(pl,{style:Object.assign({width:58},t)},"multiple"===b&&f.default.createElement(Rn,{checked:i.length>0&&(null==g?void 0:g.length)===i.length||!1,onChange:_,disabled:h&&h.length>0||C||F,ariaLabel:"Select all"})),l.map(((t,n)=>{const a=g?n+2:n+1,o=n-l.length,i=null==e?void 0:e.find((e=>e.index===a||e.index===o));return t.skeleton&&(C||E||F)?q(t,t.skeletonStyle||{}):Z(t,(null==i?void 0:i.style)||{})}))))}),[W,_,l,F,E,C,q,Z,i.length,g,b,h]),U=e.useCallback(((e,t)=>{const n={checked:e,onChange:e=>V(e,t),disabled:(null==h?void 0:h.includes(t.id))||!1};return"single"===b?f.default.createElement(An,Object.assign({},n)):f.default.createElement(Rn,Object.assign({},n))}),[V,b,h]),K=e.useCallback((e=>{const t={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===b?f.default.createElement(Fl,{key:void 0===e?null:`radio-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"50%"})}):f.default.createElement(Fl,{key:void 0===e?null:`checkbox-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"0.25rem"})})}),[b]),G=e.useCallback(((e,t)=>{var n,a;if(!d)return null;const o=d(e);if(!o)return null;const l=(null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===a?void 0:a.row)||"";return f.default.createElement(ul,{key:e.id,className:`${l} ${t?"hidden":""}`},g&&f.default.createElement(ml,null),o)}),[d,g]),J=e.useCallback((e=>{if(!l)return f.default.createElement(Fl,null);const t=l.map((t=>f.default.createElement(Fl,{key:`${e}-${t.id}`})));return g&&t.unshift(K(e)),t}),[l,K,g]),Q=()=>u?C&&!m||!C&&F?null:f.default.createElement(bl,{fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,null,g&&!p&&f.default.createElement(ml,null),!C&&u(i),C&&m&&m())):null;let ee=I;g&&ee&&(ee+=1);const te=e.useMemo((()=>i.map((e=>{var t,n,a;const{data:o}=e,l=!!g&&g.includes(e.id),i=!s||s.includes(e.id),d=null===(t=null==o?void 0:o.e2eClassNames)||void 0===t?void 0:t.body,c=null!==(a=null===(n=null==o?void 0:o.e2eClassNames)||void 0===n?void 0:n.row)&&void 0!==a?a:"",u=l?`selected ${c}`:`${c}`;return f.default.createElement(cl,{key:e.id,className:d,fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,{key:e.id,className:u,accentColor:e.accentColor},g&&f.default.createElement(ml,null,U(l,e)),r(e)),e.nestedRows&&e.nestedRows.map((e=>G(e,!i))))}))),[i,s,P,G,r,U,g]);if(C){const e=[];for(let t=0;t<$;t+=1)e.push(f.default.createElement(cl,{key:`loading-row-${t}`,fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,null,c?f.default.createElement(f.default.Fragment,null,g&&K(),c()):J(t))));return f.default.createElement(D,{ref:O,scrollDisabled:!0,scrollPosition:M,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z},k&&l&&f.default.createElement(Rl,{renderHeader:X,tableRef:A,wrapperRef:O,isFixedLayout:R,wrapperStyle:S}),f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!0,isFixedLayout:R},X(),e,Q()))}if(F||E){let e=Go;return N?e=N:E&&(e=Jo),f.default.createElement(D,{scrollDisabled:!0},f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!1,isFixedLayout:R},X(),Q()),f.default.createElement($l,Object.assign({height:L},e)))}return f.default.createElement(D,{scrollDisabled:!1,ref:O,scrollPosition:M,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z,showScrollbar:o},k&&l&&f.default.createElement(Rl,{renderHeader:X,tableRef:A,wrapperRef:O,isFixedLayout:R,wrapperStyle:S}),f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!1,isFixedLayout:R},X(),te,Q()))};Wl.Cell=ml,Wl.ClickableCell=e=>{var{onClick:t,children:n}=e,a=K(e,["onClick","children"]);return f.default.createElement(ml,Object.assign({},a),f.default.createElement(Sl,{onClick:t},n))},Wl.EditableCell=e=>{var{onClick:t,children:n}=e,a=K(e,["onClick","children"]);return f.default.createElement(ml,Object.assign({},a),f.default.createElement(kl,{onClick:t},f.default.createElement(Nl,null,n)))},Wl.SkeletonCell=Fl,Wl.SkeletonContent=Dl;const Pl=g.default.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,Vl="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",_l="Log in with Amazon",Yl=n.createGlobalStyle`body{overflow:hidden;scrollbar-gutter:stable;}`,Zl=g.default.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${T.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${Le.Footer} {\n box-shadow: 0px 10px 15px 0px ${T.colors.neutral.ink.dark};\n }\n `}`,ql=e=>!!e.footerSlot,Xl={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Ul={[$.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[$.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[$.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[$.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[$.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},Kl={xs:$.mobile,sm:$.mobile,base:$.tablet,lg:$.lgTablet},{breakpoints:Gl}=T,Jl=g.default(t.motion.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:${T.sizes.sm};box-shadow:${T.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Le.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Xl[e]};`} ${Zl}{padding-bottom:${T.sizes.md};}${Le.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})=>Ul[Gl.tablet][e]};}@media (min-width: ${Gl.tablet})and (max-width: ${Gl.lgTablet}){max-width:${({variant:e})=>Ul[Gl.lgTablet][e]};}@media (min-width: ${Gl.lgTablet})and (max-width: ${Gl.desktop}){max-width:${({variant:e})=>Ul[Gl.desktop][e]};}@media (min-width: ${Gl.desktop}){max-width:${({variant:e})=>Ul[Gl.lgDesktop][e]};}@media (max-width: ${({variant:e})=>Kl[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Le.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Oe(T.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,Ql=f.default.forwardRef(((e,t)=>{var n=K(e,[]);return f.default.createElement(Jl,Object.assign({ref:t},n))})),ei=g.default(et).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${T.sizes.lg};height:30px;background-color:${T.colors.neutral.grey.light};border:1px solid ${T.colors.neutral.grey.base};border-radius:${T.sizes.xs};`,ti=g.default(pe).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${T.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,ni=g.default(No).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,ai=({count:e})=>f.default.createElement(f.default.Fragment,null,f.default.createElement("div",null,f.default.createElement(j,{variant:"bodySmall","aria-hidden":!0},"/")),f.default.createElement(ei,{alignX:"center",alignY:"center","aria-hidden":!0},f.default.createElement(j,{variant:"bodySmall"},e))),oi=({currentPage:t,totalPagesCount:n,handleChangePage:a})=>{const[o,l]=e.useState(`${t}`);e.useEffect((()=>{l(`${t}`)}),[t]);const i=e=>e>=1&&e<=n,r=()=>{if(o||l(`${t}`),o===`${t}`)return;const e=parseInt(o,10);i(e)&&a(e)};return{pageInputValue:o,handleIncrement:()=>{i(t+1)&&a(t+1)},handleDecrement:()=>{i(t-1)&&a(t-1)},handleInputChange:e=>{e||l(e);const t=parseInt(e,10);var n;i(n=t)&&l(`${n}`)},handleSubmit:r,handleFormSubmit:e=>{e.preventDefault(),r()}}},li=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),ii=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),ri=g.default.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;}`,di=g.default.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;}`,si=({onIncrement:e,onDecrement:t,disabled:n=!1,size:a})=>f.default.createElement(ri,{size:a},f.default.createElement(di,{type:"button",onClick:e,disabled:n},f.default.createElement(U,{height:T.sizes.base,width:T.sizes.base,color:T.colors.neutral.ink.base})),f.default.createElement(di,{type:"button",onClick:t,disabled:n},f.default.createElement(he,{height:T.sizes.base,width:T.sizes.base,color:T.colors.neutral.ink.base}))),ci=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${T.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${T.colors.neutral.ink.lightest};}`,ui=g.default(y).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${T.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?T.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;}}`,mi=g.default(j).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,pi=g.default(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 ${T.colors.secondary.red.light};\n\n > * {\n border-top-color: ${T.colors.secondary.red.base};\n border-bottom-color: ${T.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${T.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${T.colors.secondary.red.base};\n border-right-color: ${T.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${T.colors.secondary.red.base};\n border-bottom-color: ${T.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${T.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}}`;const fi=qn((e=>{var{className:t="",hasError:n,currency:a,disabled:o=!1,onChange:l,onPriceChange:i,priceValue:r,step:d="0.1",size:s=Eo.base}=e,c=K(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const u=(e=i)=>{e(((parseFloat(r)||0)+parseFloat(d)).toFixed(2))},m=(e=i)=>{e(((parseFloat(r)||0)-parseFloat(d)).toFixed(2))};return f.default.createElement(pi,{className:t,hasError:n},f.default.createElement(ui,{disabled:o,size:s},f.default.createElement(mi,{variant:"hintText"},a)),f.default.createElement(ci,Object.assign({placeholder:"0.00",type:"currency",value:r,step:d,onChange:e=>l(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void i("");const a=parseFloat(n.replace(",",".")).toFixed(2);i(a)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&u(l),"ArrowDown"===t&&m(l)},disabled:o,size:s},c)),f.default.createElement(si,{onIncrement:()=>u(),onDecrement:()=>m(),disabled:o,size:s}))}));fi.displayName="PriceInput";const gi=g.default.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--ejkp56"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`,hi=g.default(No).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,bi=g.default.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,vi=g.default(y).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 & ${hi} {\n ${t}\n }\n\n & ${bi} {\n ${n}\n }\n `}}`,xi=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),yi=T.colors.neutral.grey.lightest,wi=T.colors.neutral.grey.dark,Ei=T.colors.secondary.blue.dark,Ci=g.default(y).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${yi};border-color:${wi};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${Ei};border-color:${Ei};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${T.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,$i=g.default.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--t1odf6"})`--kbdTextColor:${e=>e.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${T.colors.neutral.ink.base});font-family:${T.text.bodySmall.fontFamily};font-style:${T.text.bodySmall.fontStyle};font-size:${T.text.bodySmall.fontSize};line-height:${T.text.bodySmall.lineHeight};font-weight:${T.text.bodySmall.fontWeight};text-decoration:${T.text.bodySmall.textDecoration};letter-spacing:${T.text.bodySmall.letterSpacing};`,ki=g.default.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--651mmm"})`box-sizing:border-box;color:var(--kbdTextColor, ${T.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${T.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${T.text.bodySmall.fontFamily};font-style:${T.text.bodySmall.fontStyle};`,Si={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},Ni={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"},{blue:Li}=C.secondary,{grey:Ii}=C.neutral,zi=g.default.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,Di=g.default.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${Li.lightest};}`,Fi=g.default.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Ri=g.default.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:${F.bodySmall.fontFamily};font-size:${F.bodySmall.fontSize};font-weight:${F.bodySmall.fontWeight};color:${F.bodySmall.color};line-height:${z.base};& > *{vertical-align:middle;}`,Ti=g.default(Ri).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Ii.dark};font-family:${F.bodySmallBold.fontFamily};font-size:${F.bodySmallBold.fontSize};font-weight:${F.bodySmallBold.fontWeight};color:${F.bodySmallBold.color};`,Ai=g.default.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${Di} tr:nth-child(even) td {\n background-color: ${Ii.lightest};\n }\n `}`,Oi=({striped:e=!0,className:t,children:n})=>f.default.createElement(Ai,{striped:e,className:t},n);Oi.Header=zi,Oi.Body=Di,Oi.Row=Fi,Oi.HeaderCell=Ti,Oi.Cell=Ri;const Mi=g.default(y).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--7bl1ak"})`display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({width:e="",height:t=""})=>`\n width: ${e||"100%"};\n min-width: ${e};\n height: ${t||"20px"};\n min-height: ${t};\n `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;Mi.displayName="Skeleton";const ji=g.default.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Bi=g.default.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${T.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,Hi=g.default.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 ${T.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 ${T.colors.secondary.blue.light};}`,Wi=g.default(Bi).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${T.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Pi=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}),Vi=g.default(y).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:C.neutral.ink.base};\n background-color: ${null!=e?e:C.neutral.grey.base};\n `}`,_i=g.default(et).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${T.layers.tooltip};`,Yi=g.default(et).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${T.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${T.shadows.lg};border-radius:${T.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;}`,Zi=g.default(y).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${T.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${z.md};height:${z.md};}`,qi=g.default(et).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,Xi=g.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,Ui={info:{accentColor:C.brand.blue.base,icon:f.default.createElement(it,null)},success:{accentColor:C.secondary.green.base,icon:f.default.createElement(rt,null)},error:{accentColor:C.secondary.red.base,icon:f.default.createElement(ot,null)},merge:{accentColor:C.secondary.purple.base,icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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)}},Ki=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Gi=({className:e,e2eClassName:t,type:n,iconSlot:a,text:o,last:l,minWidth:i,cta:r,onClose:d})=>{const s=Ki(e),c=Ki(t);return f.default.createElement(Yi,{className:Te([null==s?void 0:s.container,null==c?void 0:c.container]),direction:"horizontal",alignY:"center",minWidth:i,last:l},f.default.createElement(Zi,{color:Ui[n].accentColor,className:Te([s.icon,c.icon])},null!=a?a:Ui[n].icon),f.default.createElement(qi,{direction:"horizontal",alignY:"center",alignX:"between"},f.default.createElement(Xi,{variant:"body"},o),r),f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,{color:"white"}),onClick:d,"aria-label":"Close"}))},Ji=g.default.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:${T.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",a="24px",o="24px",l="8px",i="16px",r="4px",d="white",s="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",a="16px",o="16px",l="4px",i="14px",r="2px"),t&&(d="#0079D1",s="#0079D1",c="white"),`\n --outline-width: ${r};\n\n height: ${n};\n padding-left: ${a};\n padding-right: ${o};\n border-radius: ${l};\n font-size: ${i};\n\n background-color: ${d};\n border-color: ${s};\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;}`,Qi=g.default.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--17v0v3c"})`display:flex;align-items:center;justify-content:center;padding:${z.md};border-radius:${k.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${C.neutral.ink.lightest};background-color:${C.neutral.grey.lightest};:hover{border:2px dashed ${C.secondary.blue.base};background-color:${C.secondary.blue.lightest};}:active{border:2px dashed ${C.secondary.blue.base};box-shadow:0 0 0 4px ${C.secondary.blue.light};background-color:${C.secondary.blue.lightest};}:focus-within{border:2px dashed ${C.secondary.blue.base};box-shadow:0 0 0 4px ${C.secondary.blue.light};background-color:${C.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${C.secondary.red.base};:hover{border:2px dashed ${C.secondary.red.base};background-color:${C.secondary.red.lightest};}:active{border:2px dashed ${C.secondary.red.base};box-shadow:0 0 0 4px ${C.secondary.red.light};background-color:${C.secondary.red.lightest};}:focus-within{border:2px dashed ${C.secondary.red.base};box-shadow:0 0 0 4px ${C.secondary.red.light};background-color:${C.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${C.neutral.grey.light};border-color:${C.neutral.ink.lightest};color:${C.neutral.ink.light};}`;var er,tr,nr;exports.AcceptedFileTypes=void 0,(er=exports.AcceptedFileTypes||(exports.AcceptedFileTypes={})).CSV=".csv",er.JPEG=".jpeg",er.JPG=".jpg",er.GIF=".gif",er.PNG=".png",exports.FileSizeUnit=void 0,(tr=exports.FileSizeUnit||(exports.FileSizeUnit={})).KB="KB",tr.MB="MB",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"}(nr||(nr={}));const ar=()=>f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},f.default.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),f.default.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"})),or=()=>f.default.createElement(et,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},f.default.createElement(ar,null),f.default.createElement(j,{variant:"subheadingSmall",style:{paddingTop:z.sm}},"Browse files or drag them here")),lr=({acceptedTypesCopy:e,maxSizeCopy:t})=>e||t?f.default.createElement(et,{alignX:"start",spacing:"xs"},e&&f.default.createElement(j,{variant:"errorSmall"},"Invalid format (",e,")"),t&&f.default.createElement(j,{variant:"errorSmall"},"File is too big (",t,")")):null,ir=g.default(j).withConfig({displayName:"vui--SingleLineText",componentId:"vui--1aguyhc"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,rr=g.default(et).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--1g0ca18"})`border:1px solid ${C.neutral.ink.lightest};border-radius:${k.base};padding:${z.xs};${j}{padding-left:${z.xs};}`,dr=({file:e,resetSelection:t,disabled:n})=>e?f.default.createElement(rr,{alignX:"between",direction:"horizontal",alignY:"center"},f.default.createElement(ir,{variant:"body"},null==e?void 0:e.name),f.default.createElement(pe,{size:"sm",variant:"flat",onClick:t,iconSlot:f.default.createElement(be,null),"aria-label":"Remove file",disabled:n})):null,sr=e.forwardRef(((t,n)=>{var{id:a,name:o,maxBytes:l=1e6,format:i=exports.FileSizeUnit.MB,fileTypes:r,label:d="Upload file",required:s,disabled:c}=t,u=K(t,["id","name","maxBytes","format","fileTypes","label","required","disabled"]);const m=e.useRef(null);e.useImperativeHandle(n,(()=>m.current),[]);const[p,g]=e.useState(),[h,b]=e.useState(nr.VALID),v=h===nr.INVALID_FORMAT||h===nr.INVALID_FORMAT_AND_SIZE,x=h===nr.INVALID_SIZE||h===nr.INVALID_FORMAT_AND_SIZE,y=(({maxBytes:e,format:t,baseString:n})=>{const a=null==n?"Max size: ":n;switch(t){case exports.FileSizeUnit.KB:return`${a}${Number(e)/1e3} KB`;case exports.FileSizeUnit.MB:return`${a}${Number(e)/1e6} MB`;default:return`${a}${Number(e)/1e3} KB`}})({maxBytes:l,format:i}),w=(({fileTypes:e,baseString:t})=>{let n=null==t?"Valid types: ":t;return e.forEach(((e,t,a)=>{const o=a.length>1,l=t===a.length-1&&o,i=t===a.length-2&&o;switch(l&&(n+=" and "),e){case exports.AcceptedFileTypes.CSV:n+="CSV";break;case exports.AcceptedFileTypes.GIF:n+="GIF";break;case exports.AcceptedFileTypes.JPEG:n+="JPEG";break;case exports.AcceptedFileTypes.JPG:n+="JPG";break;case exports.AcceptedFileTypes.PNG:n+="PNG"}!i&&!l&&a.length>2&&(n+=", ")})),n})({fileTypes:r}),E=(({fileTypes:e})=>{if(1===e.length)return e[0];let t="";return e.forEach(((e,n,a)=>{const o=a.length-1===n&&a.length>1;t+=o?`${e}`:`${e}, `})),t.trim()})({fileTypes:r}),C=()=>{var e;(null===(e=m.current)||void 0===e?void 0:e.value)&&(m.current.value="")},$=({overMaxSize:e,invalidFormat:t})=>{var n;let a=nr.VALID;t&&!e?a=nr.INVALID_FORMAT:!t&&e?a=nr.INVALID_SIZE:t&&e&&(a=nr.INVALID_FORMAT_AND_SIZE),null===(n=m.current)||void 0===n||n.setCustomValidity(a),b(a)},k=e.useCallback((e=>{if(!e.length)return void $({invalidFormat:!0});const[t]=e,n=t.size>l,[,o]=t.type.split("/"),i=!r.find((e=>e.substring(1)===o));n||i?C():(({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)})({fileList:e,elementId:a}),$({invalidFormat:i,overMaxSize:n}),g(t)}),[r,a,l]),S=e.useCallback((()=>{C(),g(void 0),$({invalidFormat:!1,overMaxSize:!1})}),[]),N=e.useCallback((()=>{var e;const t=null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?k(t):S()}),[S,k]);return e.useEffect((()=>{const e=null==m?void 0:m.current;return null==e||e.addEventListener("change",N),null==e||e.addEventListener("cancel",S),()=>{null==e||e.removeEventListener("change",N),null==e||e.removeEventListener("cancel",S)}}),[N,S]),f.default.createElement(Yn,{spacing:"sm",alignX:"stretch"},f.default.createElement(Pn,{htmlFor:a},d,f.default.createElement(et,{spacing:3,alignX:"stretch",style:{paddingTop:z.sm}},f.default.createElement(Vn,null,f.default.createElement("div",null,w),f.default.createElement("div",null,y)),f.default.createElement(Qi,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&k(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=m.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=m.current)||void 0===t||t.blur()}},f.default.createElement(or,null),f.default.createElement("input",Object.assign({ref:m,id:a,type:"file",accept:E,name:o,required:s,disabled:c},u))))),f.default.createElement(et,{alignX:"stretch",spacing:"sm"},f.default.createElement(dr,{file:p,resetSelection:S,disabled:c}),f.default.createElement(lr,{acceptedTypesCopy:v?w:void 0,maxSizeCopy:x?y:void 0})))})),cr="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",ur=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${cr} display:${e=>e.shouldShow?"initial":"none"};z-index:${T.layers.modal};`,mr=g.default(y).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${cr} background-color:rgba(55,66,77,0.5);`,pr=g.default(y).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,fr=({usePortal:e,children:t})=>f.default.createElement(f.default.Fragment,null,e?f.default.createElement(De,null,t):t),gr=({className:e,children:t=null,shouldShow:n=!1,usePortal:a=!0})=>f.default.createElement(fr,{usePortal:a},f.default.createElement(ur,{className:Te([`${e}-container`,e]),shouldShow:n},f.default.createElement(mr,null),f.default.createElement(x.default,{isActive:n},f.default.createElement(pr,{className:Te([`${e}-wrap`,e])},t)))),hr=g.default.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,br=g.default.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,vr=g.default(pe).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`;var xr;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(xr||(xr={}));const yr=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,wr=g.default(j).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,Er=g.default(y).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 ${j} {\n color: ${null!=t?t:C.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,Cr=g.default(j).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 & > ${wr} {\n color: #fff;\n }\n `}`,$r={style:{marginLeft:z.xs,padding:z.xs,height:z.base,width:z.base}},kr=g.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${z.sm};svg{height:${z.base};width:${z.base};}`,Sr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Nr=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});var Lr;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Lr||(Lr={}));const Ir=e=>f.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"4",fill:"none",viewBox:"0 -4 12 12",role:"presentation"},e),f.default.createElement("path",{fill:"currentColor",d:"M2 .667C1.267.667.667 1.267.667 2S1.267 3.333 2 3.333c.734 0 1.334-.6 1.334-1.333S2.734.667 2 .667m8 0c-.733 0-1.333.6-1.333 1.333s.6 1.333 1.333 1.333c.734 0 1.334-.6 1.334-1.333S10.734.667 10 .667m-4 0c-.733 0-1.333.6-1.333 1.333S5.267 3.333 6 3.333c.734 0 1.334-.6 1.334-1.333S6.734.667 6 .667"})),zr=g.default(j).withConfig({displayName:"vui--CounterText",componentId:"vui--13z4q4k"})`line-height:1;`,Dr=g.default(Ir).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--lo8tpb"})``,Fr=g.default(be).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--u5oj4b"})``,Rr=g.default(j).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1nbpnol"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.dark};\n\n & > ${zr} {\n color: ${C.neutral.grey.lightest};\n }\n `}`,Tr=g.default(y).withConfig({displayName:"vui--Contour",componentId:"vui--1fc3r48"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${T.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:e})=>`\n\n &:hover {\n background-color: ${C.neutral.grey.base};\n & > ${Rr} {\n background-color: ${C.neutral.grey.base};\n & > ${zr} {\n color: ${C.neutral.ink.base};\n }\n }\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n & > ${Dr} {\n color: ${C.neutral.ink.dark};\n }\n & > ${Fr} {\n color: ${C.neutral.ink.dark};\n }\n }\n\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t,customTextColour:n})=>e&&`\n background-color: ${t.lightest};\n\n & > ${Dr} {\n color: ${t.dark};\n }\n & > ${Fr} {\n color: ${t.dark};\n }\n\n & > ${j} {\n color: ${null!=n?n:t.dark};\n }\n `}`,Ar=g.default(re).withConfig({displayName:"vui--ViewButton",componentId:"vui--i4ro1b"})`padding:${T.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:e})=>`\n &:focus-visible {\n ${Tr} {\n background-color: ${C.neutral.grey.base};\n & > ${Rr} {\n background-color: ${C.neutral.grey.base};\n & > ${zr} {\n color: ${C.neutral.ink.base};\n }\n }\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n & > ${Dr} {\n color: ${C.neutral.ink.dark};\n }\n & > ${Fr} {\n color: ${C.neutral.ink.dark};\n }\n }\n `}`,Or={style:{marginLeft:z.xs,padding:z.xs,height:z.base,width:z.base}},Mr=g.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1cuc9yu"})`display:flex;align-items:center;margin-right:${z.sm};svg{height:${z.base};width:${z.base};}`,jr=f.default.forwardRef(((e,t)=>{var{id:n,iconSlot:a,name:o,type:l,className:i,colourPalette:r=C.secondary.blue,customTextColour:d,count:s,active:c=!1,onClick:u,subAction:m,ariaContext:p}=e,g=K(e,["id","iconSlot","name","type","className","colourPalette","customTextColour","count","active","onClick","subAction","ariaContext"]);const h={delete:(b=i)?`${b}-delete`:void 0,edit:b?`${b}-edit`:void 0,container:b?`${b}-view`:void 0,active:b?`${b}-active`:void 0,counter:b?`${b}-counter`:void 0};var b;const[v,x,y]=qe(),w=c&&m?m:u,E=l===Lr.draft,$=l===Lr.saved;return f.default.createElement(Ar,Object.assign({className:Te([null==h?void 0:h.container]),onClick:()=>w(n),role:"tab","aria-selected":c,"aria-label":`${c&&E?"Delete":c&&$?"Edit":""} ${o} view ${s?`with ${s} ${p}`:""}`,customTextColour:d,ref:t},g),f.default.createElement(Tr,{active:c,onMouseEnter:x,onMouseLeave:y,colourPalette:r,customTextColour:d},a&&f.default.createElement(Mr,null,a),f.default.createElement(j,{variant:"bodyBold"},o),null!=s&&f.default.createElement(Rr,{"data-testid":"countContainer",active:c||v,colourPalette:r,customTextColour:d},f.default.createElement(zr,{variant:"subheadingSmall"},s)),E&&f.default.createElement(Fr,Object.assign({},Or,{"aria-label":"delete icon"})),$&&c&&f.default.createElement(Dr,Object.assign({},Or,{"aria-label":"edit icon"}))))})),Br=g.default(et).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--x8ukf0"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,Hr=g.default(et).withConfig({displayName:"vui--Container",componentId:"vui--mlh8wa"})`background-color:${C.neutral.grey.lightest};`,Wr=g.default(un).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--193620d"})`color:${C.neutral.ink.base};`,Pr=g.default(Vt).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--erlipg"})`color:${C.neutral.ink.base};`,Vr=g.default(Ir).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--eg23b0"})`color:${C.neutral.ink.base};`,_r=g.default(pe).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--1o9jbht"})`background-color:white;&:hover{background-color:${C.neutral.grey.lightest};}`,Yr=g.default(pe).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--wtwmiz"})`background-color:white;&:disabled{background-color:white;${Wr}{color:${C.neutral.ink.lightest};}}&:hover{background-color:${C.neutral.grey.lightest};}`,Zr=g.default(pe).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1ycuwov"})`background-color:white;&:disabled{background-color:white;${Pr}{color:${C.neutral.ink.lightest};}}&:hover{background-color:${C.neutral.grey.lightest};}`,qr=g.default(wo).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--l3ez4z"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`,Xr=(t,n)=>{var a;const[o,l]=e.useState(!0),[i,r]=e.useState(!1),[d,s]=e.useState([]),c=null===(a=null==t?void 0:t.current)||void 0===a?void 0:a.querySelector("[aria-selected = true]"),m=u.usePrevious(c),p=e.useCallback((()=>{var e,n,a,o,i,d,s,c;(null===(e=t.current)||void 0===e?void 0:e.scrollLeft)>0?l(!1):(document.getElementById("left-arrow")===document.activeElement&&(null===(n=document.getElementById("right-arrow"))||void 0===n||n.focus()),l(!0));const u=(null!==(o=null===(a=t.current)||void 0===a?void 0:a.scrollWidth)&&void 0!==o?o:0)-(null!==(d=null===(i=t.current)||void 0===i?void 0:i.clientWidth)&&void 0!==d?d:0);(null===(s=t.current)||void 0===s?void 0:s.scrollLeft)>=u-10?(document.getElementById("right-arrow")===document.activeElement&&(null===(c=document.getElementById("left-arrow"))||void 0===c||c.focus()),r(!0)):r(!1)}),[t]),f=e.useCallback((()=>{t.current&&(t.current.scrollWidth-t.current.getBoundingClientRect().width<5?r(!0):r(!1))}),[t]),g=e.useCallback((()=>{const e=((e,t,n)=>{for(let a=0;a<e.length;a++){if(void 0===e[a+3])return t-n;if(e[a]>=t)return e[a+3]}return t-n})(d,t.current.scrollLeft,t.current.clientWidth);t.current.scrollTo({left:e,top:0,behavior:"smooth"})}),[t,d]),h=e.useCallback((()=>{const e=((e,t)=>{const n=e.slice().reverse();for(let a=0;a<e.length;a++){if(void 0===n[a+3])return 0;if(n[a]<t)return n[a+3]}return 0})(d,t.current.scrollLeft);t.current.scrollTo({left:e,top:0,behavior:"smooth"})}),[t,d]);return e.useEffect((()=>{var e,a,o,l,i,r,u;if(null==t?void 0:t.current){if((null===(e=t.current.children)||void 0===e?void 0:e.length)&&(null===(a=t.current.children)||void 0===a?void 0:a.length)!==d.length&&d.length>0&&d.length<n.length&&(t.current.scrollTo({left:t.current.scrollWidth-t.current.clientWidth,top:0,behavior:"smooth"}),s([...d,d[d.length-1]+(null!==(l=null===(o=t.current.children[d.length-1])||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==l?l:0)-20])),(null===(i=t.current.children)||void 0===i?void 0:i.length)&&0===d.length&&s((e=>Object.values(e.children).map((e=>e.getBoundingClientRect().x-20)))(t.current)),c!==m&&null!==c&&(null===(r=t.current.children)||void 0===r?void 0:r.length)===d.length){const e=Array.from(t.current.children).indexOf(c);t.current.scrollTo({left:d[e],top:0,behavior:"smooth"})}return f(),window.addEventListener("resize",f),null===(u=t.current)||void 0===u||u.addEventListener("scroll",p),()=>{window.removeEventListener("resize",f)}}}),[t,n,f,p,d,c,m]),{rightDisabled:i,leftDisabled:o,toNextScrollPosition:g,toPrevScrollPosition:h}},Ur=f.default.forwardRef((({children:t,onClickMenu:n,ariaMenuControls:a,ariaMenuExpanded:o},l)=>{const i=e.useRef(null),{rightDisabled:r,leftDisabled:d,toNextScrollPosition:s,toPrevScrollPosition:c}=Xr(i,t);return f.default.createElement(Hr,{direction:"horizontal",alignY:"center",alignX:"between"},f.default.createElement(Br,{ref:i,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},t),f.default.createElement(qr,null,(!d||!r)&&f.default.createElement(f.default.Fragment,null,f.default.createElement(Yr,{id:"left-arrow",iconSlot:f.default.createElement(Wr,null),disabled:d,onClick:c,variant:"flat","aria-label":"move views to the left"}),f.default.createElement(Zr,{id:"right-arrow",iconSlot:f.default.createElement(Pr,null),disabled:r,onClick:s,variant:"flat","aria-label":"move views to the right"})),f.default.createElement(_r,{iconSlot:f.default.createElement(Vr,null),variant:"flat",onClick:n,"aria-label":"open menu","aria-controls":a,"aria-expanded":o,"aria-haspopup":a?"dialog":void 0,ref:l})))})),Kr=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,Gr=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,Jr=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,Qr=g.default(pe).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${T.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${T.colors.secondary.red.base};\n `};`,ed=e=>Fo(e,Ro),td=qn((e=>{var{size:t=Eo.base,hasError:n,className:a}=e,o=K(e,["size","hasError","className"]);return f.default.createElement(Kr,{className:a},f.default.createElement(Gr,null,"g"===o.weightUnit&&f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangeGram,name:"gram",type:"number",value:o.gram,hasError:n,min:"0",step:"any",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(o)&&f.default.createElement(f.default.Fragment,null,f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangePound,name:"pound",type:"number",value:o.pound,hasError:n,step:"any",min:"0",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"lb")),f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangeOunce,name:"ounce",type:"number",value:o.ounce,hasError:n,min:"0",step:"any",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"oz")))))}));td.displayName="WeightInput",td.defaultProps={weightUnit:"lb"};const nd={base:"28px",sm:"20px"},ad={base:"18px",sm:"10px"},od={base:"-12px",sm:"-8px"},ld=g.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--gpqjtl"})`position:absolute;top:${({size:e})=>od[e]};right:${({size:e})=>od[e]};box-sizing:border-box;height:${({size:e})=>nd[e]};min-width:${({size:e})=>nd[e]};display:flex;align-items:center;justify-content:center;border-radius:${({size:e})=>ad[e]};padding:0 4px;background-color:${({color:e})=>e||T.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;exports.Accordion=({className:n,children:a,label:o,iconSlot:l,glyphColor:i=C.neutral.ink.lightest,timeout:r=350,description:d,shouldOpenOnMount:s,variant:c="default",summaryTextVariant:u="body"})=>{const[m,p]=e.useState(!!s),g=()=>p(!m),h={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:r/1e3}};return"unstyled"===c?f.default.createElement(Z,{open:!!s,className:n},f.default.createElement(X,{onClick:g},f.default.createElement(V,null,f.default.createElement(H,{glyphColor:i},l,f.default.createElement(j,{variant:u},o)),f.default.createElement(W,null,f.default.createElement(t.motion.span,{animate:{rotate:m?180:0}},f.default.createElement(U,{name:m?"downArrow":"upArrow"})))),!!d&&f.default.createElement(_,{variant:"hintText"},d)),m&&f.default.createElement(q,Object.assign({},h),a)):f.default.createElement(Z,{open:!!s,className:n},f.default.createElement(P,{onClick:g},f.default.createElement(V,null,f.default.createElement(H,{glyphColor:i},l,f.default.createElement(j,{variant:u},o)),f.default.createElement(W,null,f.default.createElement(t.motion.span,{animate:{rotate:m?180:0}},f.default.createElement(U,{name:m?"downArrow":"upArrow"})))),!!d&&f.default.createElement(_,{variant:"hintText"},d)),m&&f.default.createElement(Y,Object.assign({},h),a))},exports.ActionMenu=Je,exports.Alert=e=>{var{size:t="base",variant:n="default",colours:a,rightActions:o,rightActionsSlot:l,title:i,titleSlot:r,messageSlot:d,message:s,children:c,iconSlot:u,onClickClose:m}=e,p=K(e,["size","variant","colours","rightActions","rightActionsSlot","title","titleSlot","messageSlot","message","children","iconSlot","onClickClose"]);const g=null!=a?a:st[n],h=u||dt[n],b="xs"===t;return f.default.createElement(tt,Object.assign({colours:g,direction:"horizontal",alignX:"between",spacing:"0"},p),f.default.createElement(et,{direction:"horizontal",alignY:b?"center":"start",style:{margin:nt[t],gap:nt[t]},spacing:0},f.default.createElement(h,{"aria-hidden":!0,style:{minWidth:at[t],minHeight:at[t],width:at[t],height:at[t]},color:g.primary}),c||f.default.createElement(et,{direction:"vertical",spacing:b?0:"xs"},r||f.default.createElement(j,{variant:b?"bodySmallBold":"bodyBold",style:"base"===t?{lineHeight:"24px"}:{}},i),d||f.default.createElement(j,{variant:b?"bodySmall":"body"},s))),f.default.createElement(et,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:b?void 0:T.sizes[3],gap:b?void 0:nt[t],alignItems:"center"}},l,o&&f.default.createElement(et,{alignY:"center",spacing:0,style:{gap:nt[t]}},o.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button",size:"sm"},n),t)}))),m&&f.default.createElement(et,{alignY:b?"center":"start",style:{height:"100%",padding:b?T.sizes.xs:void 0}},f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,null),onClick:m,"aria-label":"Close",size:"sm"}))))},exports.Anchor=e=>{var{children:t,href:n,rel:a,allowedHostnames:o=Me}=e,l=K(e,["children","href","rel","allowedHostnames"]);const i=je(n,o),r=a||(i?"noopener noreferrer":void 0);return f.default.createElement(pt,Object.assign({href:n,rel:r},l),t)},exports.AnimatedDropdown=xt,exports.Avatar=({width:e="40px",name:t="Veeqo",bgColor:n=T.colors.secondary.blue.base,textColor:a="#ffffff"})=>{const o=t.toUpperCase().match(/\b(\w)/g);return f.default.createElement(yt,{width:e,bgColor:n,textColor:a,className:"avatar"},null==o?void 0:o.slice(0,2).map(((e,t)=>f.default.createElement("span",{key:`${e}-${t}`},e))))},exports.Badge=({variant:e="default",hideBorder:t=!1,iconSlot:n,tooltip:a,className:o,e2eClassName:l,children:i})=>{const r=Ft[e];return f.default.createElement(zt,{text:a},f.default.createElement(r,{className:Te([o,l]),hideBorder:t},n&&n,i&&f.default.createElement("span",null,i)))},exports.Banner=e=>{var{type:t="info",text:n,iconSlot:a,onClose:o,className:l,header:i,children:r,backgroundColor:d="white"}=e,s=K(e,["type","text","iconSlot","onClose","className","header","children","backgroundColor"]);const c=Ht[t];return f.default.createElement(Rt,Object.assign({accentColor:c,className:l,backgroundColor:d},s),f.default.createElement(Tt,null,a&&f.default.createElement(Ot,{style:{marginRight:z.md},accentColor:c},a),r?f.default.createElement(Mt,null,r):f.default.createElement(f.default.Fragment,null,f.default.createElement(jt,null,i||f.default.createElement(Bt,{variant:"headingSmall"},n)),f.default.createElement(At,null,o&&f.default.createElement(pe,{variant:"flat","aria-label":"Close",iconSlot:f.default.createElement(be,null),onClick:o})))))},exports.BaseContainer=y,exports.Breadcrumbs=({items:e,Separator:t=f.default.createElement(Yt,null),LinkComponent:n=Zt})=>f.default.createElement(Wt,{className:"breadcrumbs"},e.map(((a,o)=>f.default.createElement(_t,{key:a.title,title:a.title,href:a.pathname,LinkComponent:o!==e.length-1?n:qt},e.length!==o+1&&t)))),exports.Button=pe,exports.Calendar=bn,exports.Card=Le,exports.CardHeader=ve,exports.Checkbox=Rn,exports.Choice=Ln,exports.ChoiceList=jn,exports.CopyToClipboard=({className:t,text:n,onCopy:a})=>{const[o,l]=f.default.useState(!1),i=e.useCallback((()=>{navigator.clipboard.writeText(n),a&&a(),l(!0),setTimeout((()=>l(!1)),2500)}),[a,n]);return f.default.createElement(zt,{text:o?"Copied!":"Copy to clipboard"},f.default.createElement(Wn,{variant:"flat",size:"sm",className:t,"aria-label":`${o?"Copied":"Copy"} "${n}" to clipboard`,iconSlot:o?f.default.createElement(rt,Object.assign({color:C.secondary.green.base},Hn)):f.default.createElement(Bn,Object.assign({color:C.secondary.blue.base},Hn)),onClick:i}))},exports.DATE_RANGE_OPTIONS=sa,exports.DEFAULT_PRESET=ma,exports.DEFAULT_RANGE=ua,exports.DataTable=co,exports.DateInputField=Un,exports.DatePicker=t=>{var{className:n,style:a,value:o,onChange:l,"aria-label":i,isDisabled:r,shouldCloseOnSelect:d=!0,rootElementRef:s,maxValue:c,minValue:u,disabledRanges:m,disallowWeekends:p}=t,g=K(t,["className","style","value","onChange","aria-label","isDisabled","shouldCloseOnSelect","rootElementRef","maxValue","minValue","disabledRanges","disallowWeekends"]);const[h,b]=e.useState(!1),v=e.useRef(o),x=e.useRef(null),y=e.useRef(null),w=()=>{var e;b(!1),null===(e=y.current)||void 0===e||e.focus()},E=e=>{l(e),d&&h&&setTimeout(w,0)},C={maxValue:c,minValue:u,disabledRanges:m,disallowWeekends:p},{isDateUnavailable:$}=fn(C),k=e.useMemo((()=>!!o&&$(o)),[$,o]),S=g.error||(k?"Invalid date selection":void 0);return f.default.createElement(f.default.Fragment,null,f.default.createElement(Un,Object.assign({isDisabled:r,"aria-label":i,startValue:o,rightActionRef:y,rightAction:{iconSlot:f.default.createElement(Kn,null),"aria-label":"Open Calendar",onClick:()=>b(!h),disabled:r,"aria-controls":"data-picker-dropdown","aria-haspopup":!0,"aria-expanded":h},onChange:E,rangeRef:x,className:n,style:a},g,C,{error:S})),h&&f.default.createElement(We,{id:"date-picker-dropdown",style:{marginTop:z.sm},anchorElement:x.current,onShouldClose:w,placement:"bottom-start",ignoreAriaWarnings:!0,rootElementRef:s},f.default.createElement(Le.Surface,{style:{padding:z.base}},f.default.createElement(bn,Object.assign({value:o,onChange:E,"aria-label":`${i} Calendar`,isDisabled:r},C)),f.default.createElement(Gn,null,f.default.createElement(pe,{type:"button",variant:"flat",onClick:()=>E(v.current),size:"sm",disabled:r},"Reset")))))},exports.DateRangePicker=t=>{var{className:n,style:a,isDisabled:o,showDatePresets:l=!0,onReset:i,disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c,selectedPreset:u,setSelectedPreset:m,selectedRange:p,setSelectedRange:g,"aria-describedby":h,"aria-label":b}=t,v=K(t,["className","style","isDisabled","showDatePresets","onReset","disabledRanges","disallowWeekends","maxValue","minValue","selectedPreset","setSelectedPreset","selectedRange","setSelectedRange","aria-describedby","aria-label"]);const{isDateRangeUnavailable:x}=fn({disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c}),y=e.useCallback((e=>t=>{const n={start:"start"===e?t:null==p?void 0:p.start,end:"end"===e?t:null==p?void 0:p.end};g(n)}),[null==p?void 0:p.end,null==p?void 0:p.start,g]),w=e.useMemo((()=>x(p)),[x,p]),E=e.useMemo((()=>p?(e=>sa.reduce(((t,n)=>{if(n.hidden||t)return t;const a=da(n.value);if(!a)return t;const{start:o,end:l}=a;return 0===e.start.compare(o)&&0===e.end.compare(l)?n:t}),void 0))(p):null),[p]);return e.useEffect((()=>{m(E||sa[0])}),[E,m]),f.default.createElement(et,{direction:"vertical",alignX:"stretch",spacing:"0",style:Object.assign({gap:T.sizes.base},a),className:n,"aria-describedby":h,"aria-label":b},l&&f.default.createElement(Qn,{disabled:o,label:"Date Range",options:sa,value:null==u?void 0:u.value,onChange:e=>{g(da(exports.DateRanges[e])),m(sa.find((({value:t})=>t===e))||sa[0])}}),f.default.createElement(Un,{isRangeInput:!0,isDisabled:o,label:"Start date - End date",onChangeStartDate:y("start"),onChangeEndDate:y("end"),startValue:p&&p.start,endValue:p&&p.end,error:w?"Range contains invalid dates":void 0,disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c}),v.showPreviousPeriod&&f.default.createElement(ia,Object.assign({},v)),f.default.createElement(pa,null),f.default.createElement(et,{alignX:"center"},f.default.createElement(gn,{"aria-label":"Selected Date Range",isDisabled:o,value:p,onChange:g,disabledRanges:r,maxValue:s,minValue:c,disallowWeekends:d})),!!i&&f.default.createElement(f.default.Fragment,null,f.default.createElement(pa,null),f.default.createElement(Le.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},f.default.createElement(pe,{variant:"default",size:"sm",onClick:i,disabled:o},"Reset"))))},exports.DescriptionList=({items:e,horizontal:t})=>{const n=e=>Array.isArray(e)?e.map((e=>f.default.createElement(ho,{key:e},e))):f.default.createElement(ho,null,e);return f.default.createElement(uo,null,e.map((e=>t?f.default.createElement(po,{key:e.term},f.default.createElement(go,null,e.term),f.default.createElement(fo,null,n(e.description))):f.default.createElement(mo,{key:e.term},f.default.createElement(go,null,e.term),n(e.description)))))},exports.DetailPage=({renderHeader:t,children:n})=>{const[a,o]=e.useState(!0);return f.default.createElement("main",null,t((()=>o(!a)),a),f.default.createElement(yo,null,f.default.createElement(xo,{showSidebar:a},n)))},exports.DimensionsInput=Ao,exports.Dropdown=Ve,exports.FilterTag=({className:t,e2eClassName:n,label:a,text:o,iconSlot:l,fill:i=C.secondary.blue.base,content:r,footer:d,header:s,onClickAway:c,onClick:u,shouldCloseOnClickAway:m=!0})=>{const p=Vo(t),g=Vo(n),[h,b]=e.useState(null),[v,x]=e.useState(null),{shouldShowDropdown:y,toggleShouldShowDropdown:w,closeDropdown:E}=Ye({anchorElement:h}),{handleKeyDown:$}=He({popperElement:v,anchorElement:h,onClose:E}),k=e.useCallback((e=>{y?E():w(),c&&y&&c(e)}),[y,E,w,c]),S=e.useCallback((e=>{c&&c(e,E),m&&E()}),[c,E,m]);return!r?f.default.createElement(Oo,{className:Te([null==p?void 0:p.container,null==g?void 0:g.container]),onClick:u},a&&f.default.createElement(jo,{variant:"subheadingSmallBold"},`${a}:`),f.default.createElement(j,null,o),f.default.createElement(Ho,{className:Te([null==p?void 0:p.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:C.neutral.ink.base})):f.default.createElement(xt,{className:p.filterTagDropdown,shouldShowDropdown:y,onClickAway:S,cta:f.default.createElement(Oo,{className:p.container,onClick:k,ref:b},a&&f.default.createElement(jo,{variant:"subheadingSmallBold"},`${a}:`),f.default.createElement(j,null,o),f.default.createElement(Bo,{color:C.neutral.ink.base,name:"downArrow",$shouldShow:y}))},f.default.createElement(Wo,{ref:x,onKeyDown:$},f.default.createElement(Po,{color:i},s||f.default.createElement(f.default.Fragment,null,l,f.default.createElement(j,{variant:"bodyBold"},a))),r,d))},exports.FocusVisibleManager=function({children:t}){const[n,a]=e.useState(!0);return e.useEffect((()=>{function e(){a(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(a(!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 l(e){e.metaKey||e.altKey||e.ctrlKey||a(!0)}function i(){"hidden"===document.visibilityState&&(a(!0),n())}return document.addEventListener("keydown",l,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",i,!0),n(),()=>{document.removeEventListener("keydown",l,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",i,!0),o()}}),[a]),f.default.createElement(Ze.Provider,{value:{hadKeyboardEvent:n,isInitialized:!0}},t)},exports.Grid=Qt,exports.Image=({src:t,alt:n="",className:a,e2eClassName:l,width:r,height:d,previewWidth:s,previewHeight:c,previewPlacement:u="right",previewEnabled:m=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=Uo(a),x=Uo(l),[y,w]=e.useState(!1),[E,C]=e.useState({isLoaded:!1,isError:!1}),[$,k]=f.default.useState(null),[S,N]=f.default.useState(null),{styles:L,attributes:I}=o.usePopper($,S,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),z=e.useCallback((()=>m?w(!0):{}),[m]),D=e.useCallback((()=>m?w(!1):{}),[m]),F=!E.isLoaded||E.isError;return f.default.createElement(Yo,{className:Te([null==v?void 0:v.container,null==x?void 0:x.container,a])},f.default.createElement(Zo,{src:t,alt:n,className:Te([null==v?void 0:v.image,null==x?void 0:x.image]),width:r,height:d,onLoad:()=>C({isLoaded:!0,isError:!1}),onError:()=>C({isLoaded:!0,isError:!0}),previewEnabled:m,onMouseEnter:z,onMouseLeave:D,style:F?{display:"none"}:{},ref:k}),!b&&F&&(p||f.default.createElement(_o,{className:Te([null==v?void 0:v.placeholder,null==x?void 0:x.placeholder]),width:g||r,height:h||d})),y&&i.createPortal(f.default.createElement(qo,Object.assign({ref:N,style:L.popper},I.popper,{className:Te([null==v?void 0:v.previewImageContainer,null==x?void 0:x.previewImageContainer])}),f.default.createElement(Xo,{src:t,alt:"",width:s,height:c})),document.body))},exports.Indicator=e=>{var{color:t,style:n,textColour:a,size:o="base"}=e,l=K(e,["color","style","textColour","size"]);const i=t||T.colors.neutral.grey.base;return f.default.createElement(ld,Object.assign({role:"status",style:Object.assign({backgroundColor:i,color:a},n),size:o},l))},exports.InputGroup=wo,exports.LegacyDataTable=Wl,exports.Loader=ee,exports.LoginWithAmazonButton=t=>{const[n,a]=e.useState(Vl);return f.default.createElement(Pl,Object.assign({onMouseDown:()=>{a("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{a(Vl)},"aria-label":_l},t),f.default.createElement("img",{src:n,alt:_l}))},exports.MiniAlert=({title:e,variant:t="default",iconSlot:n,customTitleColour:a,customIconColour:o})=>{const l=n||dt[t],i=null!=o?o:st[t].primary,r=null!=a?a:ct[t];return f.default.createElement(mt,null,f.default.createElement(l,{"aria-hidden":!0,color:i,style:ut}),f.default.createElement(j,{variant:"bodySmallBold",style:{color:r}},e))},exports.Modal=n=>{const{shouldShow:a,showHeaderCloseButton:o=!0,fullBleed:l=!1,variant:i="base",onClose:r,children:d,className:s}=n,c=e.useRef(null),[u,m]=e.useState(null);e.useEffect((()=>{var e,t;a&&(null===(e=c.current)||void 0===e||e.removeAttribute("open"),null===(t=c.current)||void 0===t||t.showModal())}),[a]);const{isOverflowing:p,onScroll:g}=Xe(u),h=()=>{var e;null===(e=c.current)||void 0===e||e.close(),r()};return f.default.createElement(t.AnimatePresence,null,a&&f.default.createElement("div",{"data-testid":"dialog-wrapper"},f.default.createElement(Yl,null),f.default.createElement(Ql,{ref:c,onClose:h,variant:i,"aria-describedby":"modal_title",className:s},f.default.createElement(Le.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:f.default.createElement(ve,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},o&&{onClickClose:h})),f.default.createElement(Zl,{onScroll:g,ref:m,isScrollable:p,fullBleed:l},d),ql(n)&&n.footerSlot,!ql(n)&&(n.leftActions||n.rightActions)&&f.default.createElement(Le.Footer,null,f.default.createElement(et,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&f.default.createElement(et,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button"},n),t)}))),n.rightActions&&f.default.createElement(et,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button"},n),t)})))))))))},exports.Pagination=({testId:e,e2eClassName:t,currentPage:n,totalPagesCount:a,handleChangePage:o})=>{const{pageInputValue:l,handleIncrement:i,handleDecrement:r,handleFormSubmit:d,handleInputChange:s,handleSubmit:c}=oi({currentPage:n,totalPagesCount:a,handleChangePage:o});return f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:t},f.default.createElement(ti,{onClick:()=>{1!==n&&o(1)},iconSlot:f.default.createElement(li,null),size:"sm","aria-label":"go to first page"}),f.default.createElement(ti,{onClick:r,iconSlot:f.default.createElement(un,null),size:"sm","aria-label":"go to previous page","aria-disabled":n<=1}),f.default.createElement("form",{onSubmit:d},f.default.createElement(ni,{"aria-live":"polite","aria-label":`page ${n} of ${a}`,size:Eo.sm,type:"number",value:l,min:"1",max:`${a}`,onChange:s,onBlur:c})),f.default.createElement(ai,{count:a}),f.default.createElement(ti,{onClick:i,iconSlot:f.default.createElement(Vt,null),size:"sm","aria-label":"go to next page","aria-disabled":n>=a}),f.default.createElement(ti,{onClick:()=>{n!==a&&o(a)},iconSlot:f.default.createElement(ii,null),size:"sm","aria-label":"go to last page","aria-disabled":n>=a}))},exports.Popover=We,exports.Popup=gr,exports.Portal=De,exports.PriceInput=fi,exports.Radio=An,exports.RangeCalendar=gn,exports.ScreenReaderOnly=({children:e})=>f.default.createElement(gi,null,e),exports.Search=({type:e="text",disabled:t=!1,onClearClick:n,onChange:a,onBlur:o,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,value:s="",error:c,placeholder:u="",className:m="",name:p,isLoading:g=!1,fill:h,reversed:b=!1,autoComplete:v="on",size:x="base"})=>{const y=s&&s.length>0;return f.default.createElement(vi,{className:m,iconPosition:b?"left":"right"},f.default.createElement(hi,{size:x,type:e,value:s,onChange:a,onBlur:o,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,placeholder:u,name:p,disabled:t,error:c,autoComplete:v}),f.default.createElement(bi,null,g?f.default.createElement(ee,{height:24,color:h||T.colors.secondary.blue.base}):y&&n?f.default.createElement(pe,{variant:"unstyled",onClick:n,style:{display:"flex"},"aria-label":"Clear text",type:"button"},f.default.createElement(be,{color:h||T.colors.neutral.ink.dark})):f.default.createElement(pe,{variant:"unstyled",onClick:()=>a(s),style:{display:"flex"},"aria-label":"Search",type:"button"},f.default.createElement(xi,{color:h||T.colors.neutral.ink.dark,height:z.md,width:z.md}))))},exports.SegmentedControl=({options:e,selected:t,className:n,onChange:a})=>f.default.createElement(Ci,{className:n?`${n}-container`:void 0},e.map((e=>f.default.createElement(pe,{type:"button","aria-pressed":e.value===t,variant:e.value===t?"primary":"default",key:e.key,onClick:()=>a(e.value),disabled:e.disabled,className:e.value===t?"veeqo-components-active-button":""},e.label)))),exports.Select=Qn,exports.ShortcutKeys=e=>{var{shortcut:t,label:n,inverse:a=!1,displayLabel:o=!1}=e,l=K(e,["shortcut","label","inverse","displayLabel"]);const i=t.split("+").map((e=>Si[e]?f.default.createElement(ki,{key:`Key: ${e}`,"aria-label":Ni[e]},Si[e]):f.default.createElement(ki,{key:`Key: ${e}`},e))).reduce(((e,t)=>f.default.createElement(f.default.Fragment,null,e,"+",t)));return f.default.createElement($i,Object.assign({"aria-label":n,$inverse:a},l),i," ",o?f.default.createElement("span",null,n):null)},exports.SimpleTable=Oi,exports.Skeleton=Mi,exports.Slider=({id:t,value:n,min:a,max:o,step:l=1,onChange:i,className:r,e2eClassName:d,onSlideStart:s=(()=>{}),onSlideEnd:c=(()=>{})})=>{const[u,m]=e.useState(!1),[p,g]=e.useState(-1),h=e.useRef(null),b=e.useRef(null),v=e.useRef(null),x=Pi(r),y=Pi(d),w=e.useCallback((e=>{var t;if(!u||!h.current)return;const r=p>-1?n[p]:n,d=h.current.getBoundingClientRect();let s=100*(e.pageX-d.x)/d.width/100*(o-a)+a;const c=r-s;if(c>0&&(s=r+Math.ceil(s/l-r/l)*l),c<0&&(s=r+Math.floor(s/l-r/l)*l),r===s)return;s>o&&(s=o),s<a&&(s=a),Array.isArray(n)&&(0===p&&s>n[1]&&([,s]=n),1===p&&s<n[0]&&([s]=n));const m=l.toString().includes(".")?null===(t=l.toString().split(".").pop())||void 0===t?void 0:t.length:0;let f;s=Number(s.toFixed(m)),f=Array.isArray(n)?0===p?[s,n[1]]:[n[0],s]:s,i(f),Array.isArray(f)&&f[0]===f[1]&&(0===p&&g(1),1===p&&g(0))}),[p,u,o,a,i,l,n]),E=e.useCallback((()=>{m(!1),c()}),[c]),C=e.useCallback(((e,t)=>{m(!0),s(),"number"==typeof t&&g(t),e.preventDefault()}),[s]);e.useEffect((()=>{const e=e=>C(e,Array.isArray(n)?0:1),t=e=>C(e,1),a=b.current,o=v.current;return null==a||a.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",w),document.addEventListener("mouseup",E),()=>{null==a||a.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",E)}}),[C,w,E,n]);const $=(e,t,n)=>{let l;return l=Te("number"==typeof n?0===n?[null==x?void 0:x.startSlider,null==y?void 0:y.startSlider]:[null==x?void 0:x.endSlider,null==y?void 0:y.endSlider]:[null==x?void 0:x.slider,null==y?void 0:y.slider]),f.default.createElement(Hi,{role:"slider",ref:1===n?v:b,className:l,left:e,"aria-valuemin":a,"aria-valuemax":o,"aria-valuenow":t})},k=e=>{const t=100*(e[0]<a?0:e[0]-a)/(o-a),n=100*(e[1]>o?100:e[1]-a)/(o-a),l=n-t;return f.default.createElement(f.default.Fragment,null,f.default.createElement(Wi,{className:Te([null==x?void 0:x.sliderRange,null==y?void 0:y.sliderRange]),left:t,width:l}),$(t,e[0],0),$(n,e[1],1))};let S;return S=Array.isArray(n)?k(n):(e=>{if(Array.isArray(n))return k(n);let t;return t=n>o?100:n<a?0:100*(e-a)/(o-a),$(t,e)})(n),f.default.createElement(ji,{className:Te([null==x?void 0:x.container,null==y?void 0:y.container]),id:t,ref:h},f.default.createElement(Bi,null),S)},exports.Stack=et,exports.Stepper=si,exports.Tag=Vi,exports.Text=j,exports.TextField=No,exports.ToastsLayout=({className:t,e2eClassName:n,toasts:a,minWidth:o="50vw",max:l=3,onClose:r})=>(e.useEffect((()=>{l&&a.length>l&&r(a[0].key)}),[a,l,r]),i.createPortal(f.default.createElement(_i,{direction:"vertical",alignX:"center",spacing:4},f.default.createElement(d.TransitionGroup,{component:null},[...a].reverse().map(((e,l)=>f.default.createElement(d.CSSTransition,{key:e.key,timeout:500,classNames:"veeqo-components-toast"},f.default.createElement(Gi,Object.assign({className:t,e2eClassName:n,minWidth:o,last:l===a.length-1,onClose:()=>r(e.key)},e))))))),document.body)),exports.Toggle=oa,exports.ToggleButton=({children:e,checked:t,size:n="base",disabled:a=!1,onChange:o})=>f.default.createElement(Ji,{type:"button",checked:t,size:n,disabled:a,"aria-pressed":t,tabIndex:"0",onClick:()=>o(!t)},e),exports.Tooltip=zt,exports.UploadFile=sr,exports.VideoModal=({id:e,youtubeVideoId:t,showVideoModal:n,handleCloseClick:a})=>{const o=_e(n,a);return f.default.createElement(gr,{shouldShow:n,className:`${e}-video`},f.default.createElement(hr,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(n?"visible":"hidden")},f.default.createElement(br,{ref:o},f.default.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),f.default.createElement(vr,{variant:"flat",onClick:a,"data-testid":"video-modal--close",iconSlot:f.default.createElement(be,{color:"white"})}))))},exports.View=({id:t,iconSlot:n,name:a,type:o,className:l,colourPalette:i=C.secondary.blue,customTextColour:r,count:d,active:s=!1,onClick:c,onDelete:u,onEdit:m,e2eClassName:p})=>{const g=Nr(l),h=Nr(p),[b,v,x]=qe(),y=e.useCallback((()=>c(t)),[t,c]),w=e.useCallback((e=>{e.stopPropagation(),u&&u(t)}),[u,t]),E=e.useCallback((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),$=o===xr.draft,k=o===xr.saved,S=s?C.neutral.ink.dark:C.neutral.ink.base;return f.default.createElement(yr,{className:`${Te([null==g?void 0:g.container,null==h?void 0:h.container])} ${s&&(null==h?void 0:h.active)||""}`,onClick:y},f.default.createElement(Er,{active:s,onMouseEnter:v,onMouseLeave:x,colourPalette:i,customTextColour:r},n&&f.default.createElement(kr,null,n),f.default.createElement(j,{variant:"bodyBold"},a),d&&f.default.createElement(Cr,{active:s||b,colourPalette:i,customTextColour:r},f.default.createElement(wr,{className:null==h?void 0:h.counter,variant:"subheadingSmall"},d)),$&&f.default.createElement(be,Object.assign({},$r,{color:S,className:null==h?void 0:h.delete,onClick:w})),k&&s&&f.default.createElement(Sr,Object.assign({},$r,{color:S,className:null==h?void 0:h.edit,onClick:E}))))},exports.ViewTab=jr,exports.ViewsContainer=Ur,exports.WeightInput=td,exports.buildClassnames=Te,exports.generateId=ze,exports.getDateRange=da,exports.getOpaqueHexColor=Oe,exports.getTextStyles=R,exports.hexToRgb=Ae,exports.isExternalLink=je,exports.theme=T,exports.useCellWidths=Ea,exports.useClickOutside=_e,exports.useColumns=ka,exports.useDebounce=(t,n)=>{const[a,o]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>o(t)),n);return()=>clearTimeout(e)}),[t,n]),a},exports.useDragToScroll=Sa,exports.useDropdown=Ye,exports.useFocusVisible=function(){const[e,t]=f.default.useState(!1),{hadKeyboardEvent:n,isInitialized:a}=f.default.useContext(Ze),o=f.default.useCallback((()=>{e||t(!0)}),[e]),l=f.default.useCallback((()=>{e&&t(!1)}),[e]);let i;return i=a?n&&e:e,f.default.useMemo((()=>({focusVisible:i,onFocus:o,onBlur:l})),[i,l,o])},exports.useHover=qe,exports.useId=Ue,exports.useIsDateUnavailable=fn,exports.useIsOverflowing=Xe,exports.useNested=function(){const[t,n]=e.useState([]);return{nestedTableProps:{expandedRowIds:t,setExpanded:(e,a)=>{if(a)if(e){if(t.includes(a))return;const e=[...t,a];n(e)}else{const e=t.findIndex((e=>e===a));if(e<0)return;const o=[...t];o.splice(e,1),n(o)}}}}},exports.useScrollPosition=Na,exports.useSelection=Ta,exports.useTabs=(t,n)=>{const{defaultActiveIndex:a=0}=n||{},[o]=e.useState(t),[l,i]=e.useState(o[a]);return[l,e=>{const t=o.find((t=>t.key===e));t&&i(t)}]},exports.withDeprecated=t=>n=>(e.useEffect((()=>{console.warn(`${t.name} is deprecated.`)}),[]),f.default.createElement(t,Object.assign({},n))),exports.withLabels=qn;
1
+ "use strict";var e=require("react"),t=require("framer-motion"),n=require("styled-components"),a=require("react-aria-components"),o=require("react-popper"),l=require("resize-observer-polyfill"),i=require("react-dom"),r=require("uid/secure"),d=require("react-transition-group"),s=require("@internationalized/date"),c=require("lodash.throttle"),u=require("react-use"),m=require("react-scrolllock-configurable");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),g=p(n),h=p(l),b=p(i),v=p(c),x=p(m);const y=g.default.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,w={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},E=(e,t)=>e||(t?w[t]:void 0),C={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"}}},$={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},k={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var S,N;!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)"}(S||(S={})),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"}(N||(N={}));const L=function({increment:e,unit:t,count:n}){const a={};for(let o=0;o<=n;o++){const n=o*e;a[o]=`${n}${t}`}return a}({increment:.25,unit:"rem",count:20}),I={[N.none]:"0",[N.line]:"1px",[N.xs]:L[1],[N.sm]:L[2],[N.base]:L[4],[N.md]:L[6],[N.lg]:L[8],[N.xl]:L[12],[N.xxl]:L[16]},z=Object.assign(Object.assign({},I),L),D={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},F={headingXXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:C.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:C.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:C.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:C.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},R=e=>n.css`font-family:${e.fontFamily};font-style:${e.fontStyle};font-weight:${e.fontWeight};font-size:${e.fontSize};line-height:${e.lineHeight};color:${e.color};text-decoration:${e.textDecoration};letter-spacing:${e.letterSpacing};`,T=Object.assign(Object.assign({},D),{breakpoints:$,colors:C,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:k,shadows:S,sizes:z,text:F}),{text:A,colors:O,fontFamily:M}=T,j=g.default.span.attrs((({as:e,variant:t})=>({as:E(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:${M};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?O.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 `}}`,B=g.default(y).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,H=g.default(B).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${z.base};width:${z.base};color:${({glyphColor:e})=>e};}`,W=g.default(B).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,P=g.default.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 ${T.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,V=g.default(y).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,_=g.default(j).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,Y=g.default(t.motion(y)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,Z=g.default.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,q=g.default(t.motion(y)).withConfig({displayName:"vui--UnstyledAccordionContent",componentId:"vui--59wczx"})``,X=g.default.summary.withConfig({displayName:"vui--UnstyledAccordionSummary",componentId:"vui--fyolu6"})`&:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,U=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:z.md},e),f.default.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"}));function K(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n}"function"==typeof SuppressedError&&SuppressedError;const G=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":o},f.default.createElement("defs",null,f.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},f.default.createElement("stop",{stopColor:a,stopOpacity:"0",offset:"0%"}),f.default.createElement("stop",{stopColor:a,stopOpacity:".631",offset:"63.146%"}),f.default.createElement("stop",{stopColor:a,offset:"100%"}))),f.default.createElement("g",{fill:"none",fillRule:"evenodd"},f.default.createElement("g",{transform:"translate(1 1)"},f.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:a,strokeWidth:"2"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),f.default.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),J=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 105 105",fill:a,"aria-label":o},f.default.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),Q=({width:e,height:t,className:n,color:a,label:o})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:a,"aria-label":o},f.default.createElement("circle",{cx:"15",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},f.default.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"105",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),ee=({className:e,height:t=24,width:n=24,color:a="#588CB0",type:o="TailSpin"})=>{switch(o){case"Grid":return f.default.createElement(J,{className:e,height:t,width:n,color:a});case"ThreeDots":return f.default.createElement(Q,{className:e,height:t,width:n,color:a});default:return f.default.createElement(G,{className:e,height:t,width:n,color:a})}},te=g.default.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({$loading:e})=>e?"opacity: 0;":null};svg{width:${({size:e})=>z[e]};height:${({size:e})=>z[e]};}`,ne=g.default.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:${T.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",a="24px",o="8px",l="16px",i="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(a="16px"),"sm"===e.size&&(t="32px",n="16px",a="16px",o="4px",l="14px",i="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(a="8px")),e.hasText||(n="8px",a="8px"),`\n --outline-width: ${i};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${a};\n border-radius: ${o};\n font-size: ${l};\n line-height: ${l};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,ae=g.default(ne).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${T.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?T.colors.neutral.ink.base:T.colors.secondary.blue.base};&:hover{background-color:${T.colors.neutral.grey.lightest};}&:active{background-color:${T.colors.neutral.grey.lightest};border-color:${T.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${T.colors.neutral.grey.base} !important;border-color:${T.colors.neutral.grey.base} !important;color:${T.colors.neutral.ink.light} !important;}`,oe=g.default(ae).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${T.colors.secondary.red.base};&:hover{color:${T.colors.secondary.red.dark};}&:active{border-color:${T.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};color:${T.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}`,le=g.default(ae).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${T.colors.secondary.blue.base};border-color:${T.colors.secondary.blue.base};color:white;&:hover{background-color:${T.colors.secondary.blue.dark};border-color:${T.colors.secondary.blue.dark};}&:active{background-color:${T.colors.secondary.blue.dark};border-color:${T.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}`,ie=g.default(le).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${T.colors.secondary.red.base};border-color:${T.colors.secondary.red.base};color:white;&:hover{background-color:${T.colors.secondary.red.dark};border-color:${T.colors.secondary.red.dark};}&:active{background-color:${T.colors.secondary.red.dark};border-color:${T.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.red.light};}`,re=g.default(ne).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${T.colors.neutral.ink.base};&:hover{background-color:${T.colors.neutral.grey.light};}&:active{background-color:${T.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,de=g.default.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,se=g.default(de).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${T.text.link.fontFamily};font-size:${T.text.link.fontSize};line-height:${T.text.link.fontSize};font-weight:${T.text.link.fontWeight};line-height:${T.text.link.lineHeight};text-decoration:${T.text.link.textDecoration};color:${T.colors.secondary.blue.base};&:hover{color:${T.colors.secondary.blue.dark};}& > * + *{margin-left:${T.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${T.colors.secondary.blue.light};border-radius:4px;}`,ce=g.default.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;`,ue=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),me={default:ae,primary:le,destructive:oe,primaryDestructive:ie,flat:re,link:se,unstyled:de},pe=e.forwardRef(((e,t)=>{var{className:n,children:a,iconSlot:o,variant:l="default",size:i="base",dropdown:r=!1,loading:d=!1,contentStyles:s}=e,c=K(e,["className","children","iconSlot","variant","size","dropdown","loading","contentStyles"]);if("unstyled"===l)return f.default.createElement(de,Object.assign({ref:t,className:n},c),a);const u=me[l],m=void 0!==a,p=!!o;return f.default.createElement(u,Object.assign({ref:t,className:n,size:i,hasText:m,hasIcon:p,hasDropdown:r},c),(m||p)&&f.default.createElement(te,{$loading:d,hasText:!!a,size:a||"sm"===i?"base":"md",style:s},o&&o,void 0!==a&&a,r&&f.default.createElement(ue,null)),d&&f.default.createElement(ce,null,f.default.createElement(ee,null)))})),fe=g.default.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${z.md};padding-right:${z.md};padding-left:${z.md};margin-bottom:${z.md};& > * + *{margin-top:${z.xs};}`,ge=g.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${z.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,he=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:z.md},e),f.default.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"})),be=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},e),f.default.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"})),ve=({id:e,title:t,subtitle:n,headerVariant:a="headingSmall",action:o,actionSlot:l,isCollapsed:i,onClickCollapse:r,onClickClose:d})=>f.default.createElement(fe,null,f.default.createElement(ge,null,f.default.createElement(j,{id:e,variant:a},t),o&&f.default.createElement(pe,{variant:"link",onClick:o.onClick},o.title),l,r&&f.default.createElement(pe,{variant:"flat",iconSlot:i?f.default.createElement(he,null):f.default.createElement(U,null),onClick:r}),d&&f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,null),onClick:d,"aria-label":"Close"})),n&&f.default.createElement(j,{variant:"subheadingSmall"},n)),{grey:xe}=C.neutral,ye={0:"none",1:S.sm,2:S.base,3:S.md,4:S.lg},we={info:C.secondary.blue.base,success:C.secondary.green.base,error:C.secondary.red.base},Ee=g.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${z.base};padding:${z.md};z-index:2;`,Ce=g.default.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${z.md};padding-left:${z.md};margin-top:${z.md};margin-bottom:${z.md};font-family:${F.body.fontFamily};font-size:${F.body.fontSize};font-weight:${F.body.fontWeight};line-height:${F.body.lineHeight};color:${F.body.color};& + &{border-top:${z.line} solid ${xe.base};padding-top:${z.md};}`,$e=g.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${z.md};margin-right:-${z.md};`,ke=g.default(t.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${Ce}:first-child{margin-top:0;}`,Se=g.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${z.line} solid ${xe.base};box-shadow:${e=>void 0!==e.elevation?ye[e.elevation]:S.sm};border-radius:${k.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: ${z.xs};\n background-color: ${we[e]};\n }\n `}`,Ne={expanded:{height:"auto"},collapsed:{height:0}},Le=({className:t,style:n,title:a,subtitle:o,headerActionSlot:l,action:i,collapsable:r,elevation:d,accent:s,children:c,onClose:u,renderFooter:m})=>{const[p,g]=e.useState(!1),h=a&&f.default.createElement(ve,{title:a,subtitle:o,actionSlot:l,action:i,onClickClose:u,isCollapsed:p,onClickCollapse:r?()=>{g(!p)}:void 0}),b=r&&!p||!r,v=f.default.createElement(ke,{animate:b?"expanded":"collapsed",variants:Ne,transition:{duration:.3,ease:"easeOut"}},f.default.createElement(Ce,null,c)),x=void 0!==m&&f.default.createElement(Ee,null,m());return f.default.createElement(Se,{className:t,style:n,elevation:d,accent:s},h,v,x)};Le.Surface=Se,Le.Section=Ce,Le.FullBleed=$e,Le.Footer=Ee;const Ie=g.default(t.motion(Le.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1yrw4mw"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${T.colors.neutral.grey.base};border-radius:${T.radius.base};padding:${T.sizes.base};`,ze=e=>{const t=r.uid();return e?`${e}-${t}`:t};class De extends e.PureComponent{constructor(e){super(e),this.id=ze("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?i.createPortal(e,this.portalNode):null}}const Fe=g.default.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--kmoo2l"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,Re=g.default.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--9esryp"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,Te=e=>e.filter(Boolean).join(" "),Ae=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,a)=>t+t+n+n+a+a)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},Oe=(e,t)=>{const n=Ae(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Me=["app.veeqo.com"];function je(e,t=Me){if(e.startsWith("http://")||e.startsWith("https://")){const{hostname:n}=new URL(e);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}if(e.startsWith("//")){const{hostname:n}=new URL(`http:${e}`);return!t.some((e=>n.toLowerCase()===e.toLowerCase()))}return!1}const Be='input:not([disabled]), summary:not([disabled]), a[href]:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])',He=({popperElement:t,anchorElement:n,onClose:a,disableFocusLock:o=!1})=>{e.useEffect((()=>{if(!t||o)return;const e=t.querySelectorAll(Be);e.length<1||setTimeout((()=>{e[0].focus()}),0)}),[t,o]),e.useEffect((()=>{if(!t||!t)return;const e=e=>{if("Tab"===e.key&&!e.shiftKey){const n=t.querySelectorAll(Be);if(n.length<1)return void a();n[0].focus(),e.stopPropagation(),e.preventDefault()}};return null==n||n.addEventListener("keydown",e),()=>null==n?void 0:n.removeEventListener("keydown",e)}),[n,t,a]);return{handleKeyDown:e=>{t&&("Escape"===e.key?(a(),e.stopPropagation(),e.preventDefault()):o||"Tab"!==e.key||(e=>{const n=t.querySelectorAll(Be),a=n[0],o=n[n.length-1];e.shiftKey&&document.activeElement===a?(e.preventDefault(),o.focus()):e.shiftKey||document.activeElement!==o||(e.preventDefault(),a.focus())})(e))}}},We=t=>{var{id:n,children:a,zIndex:l=T.layers.popup,placement:i="bottom",anchorElement:r,rootElementRef:d,onShouldClose:s,style:c,disableFocusLock:u,removeBackdrop:m=!1,useAnchorWidth:p,ignoreAriaWarnings:g}=t,b=K(t,["id","children","zIndex","placement","anchorElement","rootElementRef","onShouldClose","style","disableFocusLock","removeBackdrop","useAnchorWidth","ignoreAriaWarnings"]);const[v,x]=e.useState(null),{styles:y,attributes:w,update:E}=o.usePopper(r,v,{placement:i}),C=e.useMemo((()=>n||ze("popover")),[n]);(({anchorElement:t,popoverId:n,ignoreAriaWarnings:a=!1})=>{e.useEffect((()=>{if(t&&!a){try{t.hasAttribute("aria-expanded")||(console.warn("Popover - aria-expanded not set on anchor element.",t),t.setAttribute("aria-expanded","true"))}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{t.hasAttribute("aria-controls")||(console.warn("Popover - aria-controls not set on anchor element.",t),t.setAttribute("aria-controls",n))}catch(e){console.warn(`Unable to set aria-controls for popover id: ${n}`)}try{t.hasAttribute("aria-haspopup")||(console.warn("Popover - aria-haspopup not set on anchor element.",t),t.setAttribute("aria-haspopup","dialog"))}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${n}`)}return()=>{try{t.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[t,n,a])})({anchorElement:r,popoverId:C,ignoreAriaWarnings:g});const $=()=>{null==r||r.focus(),null==s||s()},{handleKeyDown:k}=He({popperElement:v,anchorElement:r,onClose:$,disableFocusLock:u});return e.useEffect((()=>{if(!E||!v)return;const e=new h.default(E);return e.observe(v),()=>e.disconnect()}),[E,v]),e.useEffect((()=>{if(E)return window.addEventListener("resize",E),()=>window.removeEventListener("resize",E)}),[E]),f.default.createElement(De,{rootElementRef:d},!m&&f.default.createElement(Re,{onClick:$,zIndex:l,"data-testid":"popover-backdrop"}),f.default.createElement(Fe,Object.assign({open:!0,id:C,zIndex:l,ref:x,style:Object.assign(Object.assign(Object.assign({},y.popper),c),p?{minWidth:null==r?void 0:r.clientWidth}:{}),onKeyDown:k},w.popper,b),a))},Pe=n=>{var{id:a,children:o,className:l,style:i,reversed:r,anchorElement:d,useAnchorWidth:s,onShouldClose:c}=n,u=K(n,["id","children","className","style","reversed","anchorElement","useAnchorWidth","onShouldClose"]);return e.useEffect((()=>()=>null==d?void 0:d.focus()),[d]),f.default.createElement(We,Object.assign({id:a,"data-testid":a,anchorElement:d,onShouldClose:c,useAnchorWidth:s,placement:"bottom-start"},u),f.default.createElement(t.AnimatePresence,null,f.default.createElement(Ie,{className:l,style:i,useAnchorWidth:s,reversed:r,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},o)))},Ve=t=>{var{id:n,shouldShow:a,setShouldShow:o,ctaIconSlot:l,ctaProps:i}=t,r=K(t,["id","shouldShow","setShouldShow","ctaIconSlot","ctaProps"]);const d=e.useRef(null);return f.default.createElement(f.default.Fragment,null,f.default.createElement(pe,Object.assign({ref:d,"aria-haspopup":"dialog","aria-expanded":a,"aria-controls":n,onClick:()=>null==o?void 0:o(!a),iconSlot:l,dropdown:!0},i)),a&&f.default.createElement(Pe,Object.assign({id:n,anchorElement:d.current,onShouldClose:()=>null==o?void 0:o(!1)},r)))},_e=(t,n)=>{const a=e.useRef(null),o=e.useCallback((e=>{"Escape"===e.key&&(null==n||n())}),[n]),l=e.useCallback((e=>{a.current.contains(e.target)||null==n||n()}),[n]);return e.useEffect((()=>{if(t)return document.addEventListener("click",l),document.addEventListener("keyup",o),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",o)}}),[l,o,t]),a},Ye=({anchorElement:t}={})=>{const[n,a]=e.useState(!1),o=e.useCallback((()=>a(!n)),[n,a]),l=e.useCallback((()=>{a(!1),setTimeout((()=>{null==t||t.focus()}),0)}),[a,t]);return{shouldShowDropdown:n,toggleShouldShowDropdown:o,setShouldShowDropdown:a,closeDropdown:l}},Ze=f.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});const qe=(t=!1)=>{const[n,a]=e.useState(t);return[n,e.useCallback((()=>a(!0)),[a]),e.useCallback((()=>a(!1)),[a])]},Xe=t=>{const[n,a]=e.useState(!1),[o,l]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;a(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:n&&!o,onScroll:e=>{if(!t)return;const{scrollTop:n,scrollHeight:a,clientHeight:o}=e.target;l(a-n-o<=0)}}},Ue=({id:t,prefix:n})=>e.useMemo((()=>t||ze(n)),[t,n]),Ke=g.default(a.MenuItem).withConfig({displayName:"vui--MenuItem",componentId:"vui--1vhrzmz"})`display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${T.sizes.xs};padding:${T.sizes.sm};border-radius:${T.radius.base};outline:0;&:is(a){${R(T.text.link)}}&:is(div){${R(T.text.body)}}white-space:nowrap;&[data-focused]{color:${T.colors.secondary.blue.base};box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};}&[data-hovered]{background-color:${T.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${T.colors.neutral.grey.lightest};color:${T.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${T.colors.neutral.ink.light};font-size:12px;}`,Ge=g.default(a.Section).withConfig({displayName:"vui--Section",componentId:"vui--1lpesff"})`&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${T.colors.neutral.grey.base};padding-top:0.5rem;}`,Je=({id:t,menuLabel:n,ctaProps:o,actions:l,children:i})=>{var r;const[d,s]=e.useState(!1),c=Ue({id:t,prefix:"action-menu"});return f.default.createElement(Ve,{id:c,style:{padding:"0"},shouldShow:d,setShouldShow:s,ctaProps:Object.assign({size:"sm"},o),useAnchorWidth:!0,onKeyDown:e=>{"Escape"!==e.code&&"Tab"!==e.code||s(!1),e.preventDefault()}},f.default.createElement(a.Menu,{onClose:()=>s(!1),"aria-label":n||(null===(r=o.children)||void 0===r?void 0:r.toString())},null==l?void 0:l.map((e=>{var t;return f.default.createElement(Ke,Object.assign({},e,{key:e.id||(null===(t=e.children)||void 0===t?void 0:t.toString())}))})),i))};var Qe;Je.Item=Ke,Je.Section=Ge,Je.Text=a.Text,function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Qe||(Qe={}));const et=g.default.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:a="start",spacing:o="base"}=e;let l,i,r,d,s="",c="";return"vertical"===t?(l=n&&Qe[n],i=a&&Qe[a],s=T.sizes[o],r="column"):(l=a&&Qe[a],i=n&&Qe[n],c=T.sizes[o],r="row"),("vertical"===t&&"stretch"===a||"horizontal"===t&&"stretch"===n)&&(d=1),`\n align-items: ${l};\n justify-content: ${i};\n flex-direction: ${r};\n\n & > * {\n flex: ${d};\n }\n\n & > * + * {\n margin-top: ${s};\n margin-left: ${c};\n }\n `}}`;et.displayName="Stack";const tt=g.default(et).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0}).withConfig({displayName:"vui--AlertContainer",componentId:"vui--yb86nz"})`border:1px solid ${({colours:{primary:e}})=>e};border-radius:${T.radius.base};background-color:${({colours:{background:e}})=>e};`,nt={base:T.sizes.base,sm:T.sizes[3],xs:T.sizes.sm},at={base:T.sizes.md,sm:T.sizes[5],xs:T.sizes[5]},ot=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),lt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),it=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"}),f.default.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),f.default.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),rt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),dt={default:it,error:ot,success:rt,info:lt,warning:e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),f.default.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})),recommend:e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M18 8L19.25 5.25L22 4L19.25 2.75L18 0L16.75 2.75L14 4L16.75 5.25L18 8Z",fill:"#694090"}),f.default.createElement("path",{d:"M18 14L16.75 16.75L14 18L16.75 19.25L18 22L19.25 19.25L22 18L19.25 16.75L18 14Z",fill:"#694090"}),f.default.createElement("path",{d:"M10.5 8.5L8 3L5.5 8.5L0 11L5.5 13.5L8 19L10.5 13.5L16 11L10.5 8.5ZM8.99 11.99L8 14.17L7.01 11.99L4.83 11L7.01 10.01L8 7.83L8.99 10.01L11.17 11L8.99 11.99Z",fill:"#694090"}))},st={default:{primary:T.colors.neutral.ink.base,background:T.colors.neutral.grey.lightest},error:{primary:T.colors.secondary.red.base,background:T.colors.secondary.red.lightest},success:{primary:T.colors.secondary.green.base,background:T.colors.secondary.green.lightest},info:{primary:T.colors.secondary.blue.base,background:T.colors.secondary.blue.lightest},warning:{primary:T.colors.secondary.orange.base,background:T.colors.secondary.orange.lightest},recommend:{primary:T.colors.secondary.purple.dark,background:T.colors.secondary.purple.lightest}},ct={default:T.colors.neutral.ink.dark,error:T.colors.secondary.red.darkest,success:T.colors.neutral.ink.dark,info:T.colors.neutral.ink.dark,warning:T.colors.neutral.ink.dark,recommend:T.colors.neutral.ink.dark},ut={minWidth:T.sizes[4],minHeight:T.sizes[4],width:T.sizes[4],height:T.sizes[4]},mt=g.default.div.withConfig({displayName:"vui--MiniAlertContainer",componentId:"vui--1n2xu5o"})`display:flex;gap:${T.sizes.xs};`,pt=g.default.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${T.text.link.fontFamily};font-style:${T.text.link.fontStyle};font-weight:${T.text.link.fontWeight};font-size:${T.text.link.fontSize};line-height:${T.text.link.lineHeight};color:${T.colors.secondary.blue.base};text-decoration:${T.text.link.textDecoration};&:hover{color:${T.colors.secondary.blue.dark};}`,ft=g.default(y).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;`,gt=e.forwardRef(((e,t)=>{const{children:n,className:a,role:o}=e;return f.default.createElement(ft,{className:a,ref:t,role:o},n)})),ht=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,bt=g.default(y).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,vt=g.default(gt).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:${T.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);}`,xt=({cta:t,shouldShowDropdown:n,children:a,className:o="animated-dropdown",reversed:l=!1,onClickAway:i=(()=>{}),timeout:r=350,transitionClassnames:s="dropdown",onClick:c,onMouseEnter:u,onMouseLeave:m})=>{const p=e.useRef(null);return((t,n)=>{e.useEffect((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n])})(p,(e=>{n&&i(e)})),f.default.createElement(ht,{className:`${o}-container ${o}`,onClick:c,onMouseEnter:u,onMouseLeave:m,ref:p},!l&&t,f.default.createElement(bt,{className:`${o}-wrap ${o}`},f.default.createElement(d.CSSTransition,{in:n,timeout:r,classNames:s,unmountOnExit:!0},f.default.createElement(vt,{role:"dialog",reversed:l,className:`${o}-basic-dropdown ${o}`},a))),l&&t)},yt=g.default.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${T.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:${T.text.bodySmallBold.fontFamily};font-weight:${T.text.bodySmallBold.fontWeight};font-size:${T.text.bodySmallBold.fontSize};line-height:${T.text.bodySmallBold.lineHeight};}`,wt=g.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1exlfc5"})`display:inline-block;`,Et=g.default(wt).withConfig({displayName:"vui--Hoverable",componentId:"vui--up3fpq"})``,Ct=g.default(j).withConfig({displayName:"vui--TooltipText",componentId:"vui--gpqzg1"})`color:${T.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,$t=g.default.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1f7lcs5"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,kt=g.default.div.withConfig({displayName:"vui--Tip",componentId:"vui--143ip1u"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,St=g.default(wt).withConfig({displayName:"vui--Wrap",componentId:"vui--e33d0s"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`;var Nt;!function(e){e.BOTTOM="bottom",e.TOP="top"}(Nt||(Nt={}));const Lt={duration:400,side:Nt.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},It=({content:t,text:n,hoverableElement:a,config:l,reversed:i,withTriangle:r,classNames:d})=>{const[s,c]=e.useState(null),u=Object.assign(Object.assign({},Lt),l),{duration:m,side:p,triangleOffset:g,tipMinWidth:h,tipMaxWidth:b}=u,{styles:v,attributes:x}=o.usePopper(a,s,{placement:`${p}-${i?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),y=Object.assign(Object.assign({},v.popper),{zIndex:T.layers.tooltip});return f.default.createElement(kt,Object.assign({className:d.tip,ref:c,duration:m,triangleOffsetSize:g,style:y},x.popper,{role:"tooltip"}),f.default.createElement(St,{className:d.wrap,tipMinWidth:h,tipMaxWidth:b},null!=t?t:f.default.createElement(Ct,null,n)),r&&f.default.createElement($t,{id:"veeqo-components-triangle",className:d.triangle}))},zt=({children:t,text:n,content:a,config:o,reversed:l=!1,className:i,withTriangle:r,initialShouldShow:d=!1,useReactPortal:s=!0})=>{const[c,u]=e.useState(d),[m,p]=e.useState(null),g=!!n&&n.trim().length>0,h={container:i&&`${i} ${i}-container`,tip:i&&`${i}-tip`,wrap:i&&`${i}-wrap`,triangle:i&&`${i}-triangle`,hoverable:i&&`${i}-hoverable`},v=!(!a&&!g);if(!v)return t;const x=c&&v&&f.default.createElement(It,{classNames:h,hoverableElement:m,config:o,reversed:l,withTriangle:r,text:n,content:a});return f.default.createElement(wt,{className:h.container},s?b.default.createPortal(x,document.body):x,f.default.createElement(Et,{ref:p,className:h.hoverable,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1)},t))},Dt=g.default(y).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:${F.bodySmall.fontFamily};font-weight:${F.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${z.base};height:${z.base};}`,Ft={default:g.default(Dt).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${C.secondary.blue.base};color:${C.secondary.blue.base};`,primary:g.default(Dt).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${C.secondary.blue.base};background-color:${C.secondary.blue.lightest};color:${C.secondary.blue.base};`,warning:g.default(Dt).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${C.secondary.yellow.base};background-color:${C.secondary.yellow.lightest};color:${C.secondary.orange.dark};`},Rt=g.default(y).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"};`,Tt=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,At=g.default(y).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,Ot=g.default(At).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${z.md};height:${z.md};color:${({accentColor:e})=>e};}`,Mt=g.default(y).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,jt=g.default(At).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,Bt=g.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Ht={help:C.secondary.blue.base,info:C.neutral.ink.base,error:C.secondary.red.base,success:C.secondary.green.base},Wt=g.default.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${F.body.fontFamily};font-weight:${F.body.fontWeight};font-size:${F.body.fontSize};line-height:${F.body.lineHeight};`,Pt=g.default.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;}`,Vt=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),_t=({children:e,title:t,LinkComponent:n,href:a})=>n?f.default.createElement(Pt,{className:"breadcrumb"},f.default.createElement(n,{href:a},t),e):f.default.createElement(Pt,{className:"breadcrumb"},t,e),Yt=()=>f.default.createElement(Vt,{className:"separator",width:z.base,height:z.base}),Zt=({children:e,href:t})=>f.default.createElement("a",{href:t},e),qt=({children:e})=>f.default.createElement("span",null,e),Xt=n.css`.react-aria-Button{color:${T.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${T.sizes.base};height:${T.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${T.colors.secondary.blue.light};}&:active,&:hover{background-color:${T.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${T.colors.neutral.grey.base};cursor:default;}}`,Ut=n.css`.react-aria-CalendarCell{width:30px;line-height:30px;border-radius:${T.radius.md};border:1px solid transparent;cursor:pointer;text-align:center;&[data-hovered]{background-color:${T.colors.neutral.grey.base};}&[data-focus-visible],&[data-focused]{outline:2px solid ${T.colors.secondary.blue.light};}&[data-selected]{background:${T.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${T.colors.secondary.blue.light};}}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{cursor:not-allowed;text-decoration:line-through;color:${T.colors.secondary.red.dark};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${T.colors.neutral.ink.lightest};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`,Kt=n.css`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${R(T.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${T.sizes.sm};}`,Gt=n.css`width:fit-content;max-width:100%;min-width:225px;color:${T.colors.neutral.ink.base};font-size:14px;font-family:${T.fontFamily};${Kt} ${Xt} ${Ut} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${T.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${T.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${T.colors.secondary.blue.base};& > div{border:1px solid ${T.colors.secondary.blue.darkest};border-radius:${T.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`,Jt=g.default(a.RangeCalendar).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1dva9jw"})`${Gt};`,Qt=g.default(y).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?z[e]:0};`,en=g.default.button.withConfig({displayName:"vui--SubCalendarOption",componentId:"vui--140wlkz"})`display:flex;flex-direction:column;justify-content:center;align-items:center;${R(T.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${T.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${T.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${T.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${T.colors.secondary.blue.light};}}`,tn=({currentYear:e,onFocusYear:t})=>{return f.default.createElement(Qt,{columns:3,spacing:"sm",role:"grid"},(n=e,Array.from({length:12},((e,t)=>n-5+t))).map((e=>f.default.createElement(en,{key:`year-option-${e}`,"aria-label":`Go to ${e}`,onClick:t(e)},e))));var n},nn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],an=({onFocusMonth:e})=>f.default.createElement(Qt,{columns:3,spacing:"sm",role:"grid"},nn.map(((t,n)=>f.default.createElement(en,{key:`month-option-${t}`,"aria-label":`Go to ${t}`,onClick:e(n)},t)))),on=e=>{const t=s.today(s.getLocalTimeZone());return f.default.createElement(a.CalendarGrid,Object.assign({weekdayStyle:"short"},e),f.default.createElement(a.CalendarGridHeader,null,(e=>f.default.createElement(a.CalendarHeaderCell,null,e.slice(0,2)))),f.default.createElement(a.CalendarGridBody,null,(e=>f.default.createElement(a.CalendarCell,{date:e,"data-today":0===e.compare(t)}))))};var ln;!function(e){e[e.DODECADE=0]="DODECADE",e[e.YEAR=1]="YEAR",e[e.MONTH=2]="MONTH"}(ln||(ln={}));const rn=({level:e,currentYear:t,onFocusMonth:n,onFocusYear:a})=>e===ln.YEAR?f.default.createElement(an,{onFocusMonth:n}):e===ln.DODECADE?f.default.createElement(tn,{currentYear:t,onFocusYear:a}):f.default.createElement(on,null),dn={[ln.DODECADE]:{years:10},[ln.YEAR]:{years:1},[ln.MONTH]:{months:1}},sn={[ln.DODECADE]:"View Day Selection",[ln.YEAR]:"View Year Selection",[ln.MONTH]:"View Month Selection"},cn=()=>{const[t,n]=e.useState(ln.MONTH);return{level:t,handleSwitchLevel:()=>{t===ln.MONTH?n(ln.YEAR):t===ln.YEAR?n(ln.DODECADE):n(ln.MONTH)},setLevel:n}},un=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),mn=e.forwardRef(((t,n)=>{const[o,l]=a.useContextProps(t,n,a.HeadingContext),{children:i,level:r,currentYear:d}=o,s=K(o,["children","level","currentYear"]),c=e.useMemo((()=>r===ln.DODECADE?`${d-5} - ${d+6}`:r===ln.YEAR?d.toString():i.replace(/\b(\w{1,3})(\w*)\b/g,((e,t)=>/\d/.test(e)?e:t))),[r,d,i]);return f.default.createElement(j,Object.assign({variant:"headingSmall"},s,{ref:l,style:{whiteSpace:"nowrap"}}),c)})),pn=({level:e,currentYear:t,handleSwitchLevel:n,isDisabled:o})=>f.default.createElement(et,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},f.default.createElement(a.Button,{slot:"previous",isDisabled:o,type:"button"},f.default.createElement(un,null)),f.default.createElement(et,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},f.default.createElement(mn,{level:e,currentYear:t}),f.default.createElement(pe,{type:"button","aria-label":sn[e],variant:"flat",iconSlot:e===ln.DODECADE?f.default.createElement(U,null):f.default.createElement(he,null),size:"sm",onClick:n,disabled:o})),f.default.createElement(a.Button,{slot:"next",isDisabled:o,type:"button"},f.default.createElement(Vt,null))),fn=({disabledRanges:e,disallowWeekends:t,minValue:n,maxValue:o})=>{const{locale:l}=a.useLocale(),i=a=>!!a&&(!(!t||!s.isWeekend(a,l))||(!!(n&&a.compare(n)<0)||(!!(o&&a.compare(o)>0)||!!e&&e.some((([e,t])=>a.compare(e)>=0&&a.compare(t)<=0)))));return{isDateUnavailable:i,isDateRangeUnavailable:e=>{if(!e)return!1;const{start:t,end:n}=e,[a,o]=[t,n].sort();let l=a;for(;l.compare(o)<=0;){if(i(l))return!0;l=l.add({days:1})}return!1}}},gn=t=>{var{value:n,onChange:a,isDisabled:o}=t,l=K(t,["value","onChange","isDisabled"]);const{level:i,focusedDate:r,setFocusedDate:d,currentYear:c,onFocusMonth:u,onFocusYear:m,handleSwitchLevel:p}=(t=>{const[n,a]=e.useState((null==t?void 0:t.start)||s.today(s.getLocalTimeZone())),{level:o,setLevel:l,handleSwitchLevel:i}=cn();e.useEffect((()=>{t&&a(t.start)}),[t]);const r=(null==n?void 0:n.year)||(null==t?void 0:t.start.year)||(new Date).getFullYear(),d=(null==n?void 0:n.month)||(null==t?void 0:t.start.month)||(new Date).getMonth()+1;return{level:o,focusedDate:n,setFocusedDate:a,currentYear:r,onFocusMonth:e=>()=>{a(new s.CalendarDate(r,e+1,1)),l(ln.MONTH)},onFocusYear:e=>()=>{a(new s.CalendarDate(e,d,1)),l(ln.YEAR)},handleSwitchLevel:i}})(n),{isDateUnavailable:g}=fn({disabledRanges:l.disabledRanges,disallowWeekends:l.disallowWeekends,maxValue:l.maxValue,minValue:l.minValue});return f.default.createElement(Jt,Object.assign({focusedValue:r,onFocusChange:d,isDateUnavailable:g,visibleDuration:dn[i],value:n,onChange:a,isDisabled:o},l),f.default.createElement(pn,{currentYear:c,level:i,handleSwitchLevel:p,isDisabled:o}),f.default.createElement(rn,{level:i,currentYear:c,onFocusMonth:u,onFocusYear:m}))},hn=g.default(a.Calendar).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--6d0gjz"})`${Gt};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`,bn=t=>{var{value:n,onChange:a,isDisabled:o}=t,l=K(t,["value","onChange","isDisabled"]);const{level:i,focusedDate:r,setFocusedDate:d,currentYear:c,onFocusMonth:u,onFocusYear:m,handleSwitchLevel:p}=(t=>{const[n,a]=e.useState(t||s.today(s.getLocalTimeZone())),{level:o,setLevel:l,handleSwitchLevel:i}=cn();e.useEffect((()=>{t&&a(t)}),[t]);const r=(null==n?void 0:n.year)||(null==t?void 0:t.year)||(new Date).getFullYear(),d=(null==n?void 0:n.month)||(null==t?void 0:t.month)||(new Date).getMonth()+1;return{level:o,focusedDate:n,setFocusedDate:a,currentYear:r,onFocusMonth:e=>()=>{a(new s.CalendarDate(r,e+1,1)),l(ln.MONTH)},onFocusYear:e=>()=>{a(new s.CalendarDate(e,d,1)),l(ln.YEAR)},handleSwitchLevel:i}})(n),{isDateUnavailable:g}=fn({disabledRanges:l.disabledRanges,disallowWeekends:l.disallowWeekends,maxValue:l.maxValue,minValue:l.minValue});return f.default.createElement(hn,Object.assign({focusedValue:r,onFocusChange:d,isDateUnavailable:g,visibleDuration:dn[i],value:n,onChange:a,isDisabled:o},l),f.default.createElement(pn,{currentYear:c,level:i,handleSwitchLevel:p,isDisabled:o}),f.default.createElement(rn,{level:i,currentYear:c,onFocusMonth:u,onFocusYear:m}))},vn={top:"flex-start",center:"center"},xn=g.default.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${T.sizes.base};}`,yn=g.default.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>vn[e.align]};`,wn=g.default.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,En=g.default.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${T.sizes.sm};}`,Cn=g.default.div.withConfig({displayName:"vui--HintText",componentId:"vui--lz8nl"})`font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`,$n=g.default.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--piugtf"})`font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};`,kn=g.default.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--2wdtq1"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Sn=g.default(kn).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1an42ms"})`border:2px solid ${T.colors.neutral.grey.dark};border-radius:${T.radius.md};padding:${T.sizes.base} 0.75rem;&:hover{border-color:${T.colors.secondary.blue.base};}`,Nn=g.default(zt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ifrill"})`display:block;&-hoverable{display:block;}`,Ln=({id:e,className:t,label:n,hint:a,tooltip:o,error:l,bordered:i,Badge:r,Accessory:d,Footer:s,children:c,disabled:u=!1,labelVariant:m="body",inputPosition:p="left"})=>{const g={hint:(h=t)?"choice__hint":void 0,label:h?"choice__label":void 0,tooltip:h?"choice__tooltip":void 0,error:h?"choice__error":void 0};var h;const b=f.default.createElement(xn,null,"left"===p&&f.default.createElement(yn,{align:d?"center":"top"},c),d&&f.default.createElement(wn,null,d),n||a||l||r||s?f.default.createElement(En,null,f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"sm"},r,n&&f.default.createElement(j,{variant:m,className:g.label},n),o&&f.default.createElement(Nn,{text:o,className:g.tooltip},f.default.createElement(lt,{name:"help",width:T.sizes.base,color:T.colors.neutral.ink.lightest}))),a&&f.default.createElement(Cn,{className:g.hint},a),l&&f.default.createElement($n,{className:g.error},l),s):null,"right"===p&&f.default.createElement(yn,{align:d?"center":"top"},c));return i?f.default.createElement(Sn,{disabled:u,htmlFor:e,className:t},b):f.default.createElement(kn,{disabled:u,htmlFor:e,className:t},b)},{colors:In,sizes:zn,radius:Dn}=T,Fn=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${In.neutral.ink.lightest};border-radius:${Dn.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${In.secondary.blue.base};border-color:${In.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:${zn[4]};background-position:center;}&:hover{border-color:${In.secondary.blue.base};}&:active{border-color:${In.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${In.secondary.blue.light};outline:0;}&:indeterminate{background-color:${In.secondary.blue.base};border-color:${In.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:${zn[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${In.neutral.grey.base};border-color:${In.neutral.grey.base};color:${In.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>");}`,Rn=t=>{var{checked:n,indeterminate:a,value:o,name:l,disabled:i,ariaLabel:r,className:d,onChange:s}=t,c=K(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const u=e.useMemo((()=>ze("checkbox")),[]),m=e.useRef(null),p=e.useCallback((e=>{s(e.currentTarget.checked,o)}),[s,o]);return e.useEffect((()=>{m.current&&(m.current.indeterminate=!0===a)}),[a]),f.default.createElement(Ln,Object.assign({id:u,disabled:i,className:d},c),f.default.createElement(Fn,{ref:m,id:u,type:"checkbox",checked:n,value:o,name:l,disabled:i,"aria-label":r,onChange:p}))},Tn=g.default.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;}`,An=e.forwardRef(((t,n)=>{var{checked:a,value:o,name:l,disabled:i,onChange:r,id:d,children:s}=t,c=K(t,["checked","value","name","disabled","onChange","id","children"]);const u=e.useCallback((e=>{r(e.currentTarget.checked,o)}),[r,o]),m=null!=d?d:ze("radio");return f.default.createElement(Ln,Object.assign({id:m,disabled:i},c),f.default.createElement(Tn,{id:m,type:"radio",checked:a,value:o,name:l,disabled:i,onChange:u,ref:n}),s)})),On=g.default.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,Mn=g.default.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${T.text.inputLabel.fontFamily};font-size:${T.text.inputLabel.fontSize};font-style:${T.text.inputLabel.fontStyle};font-weight:${T.text.inputLabel.fontWeight};line-height:${T.text.inputLabel.lineHeight};text-decoration:${T.text.inputLabel.textDecoration};color:${T.text.inputLabel.color};`;class jn extends e.Component{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:a}=this.props;let o=[];o=t?[...n,e]:n.filter((t=>t!==e)),a(o)}}render(){const{allowMultiple:e,options:t,selected:n,title:a,disabled:o,bordered:l}=this.props,i=e?Rn:An;return f.default.createElement(On,{disabled:o},a&&f.default.createElement(Mn,null,a),t.map((e=>f.default.createElement(i,Object.assign({key:e.value,bordered:l,checked:n.includes(e.value),onChange:t=>this.handleChange(e.value,t)},e)))))}}const Bn=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Hn={width:z.base,height:z.base},Wn=g.default(pe).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${z.base};width:${z.base};top:unset;}`,Pn=g.default.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${T.text.inputLabel.fontFamily};font-size:${T.text.inputLabel.fontSize};font-weight:${T.text.inputLabel.fontWeight};line-height:${T.text.inputLabel.lineHeight};color:${T.text.inputLabel.color};`,Vn=g.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`,_n=g.default.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${T.sizes[2]} * -1);width:2px;background-color:${T.colors.secondary.red.base};}`,Yn=g.default(et).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,Zn=g.default(zt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:flex;}`,qn=e=>t=>{var{label:n,hint:a,error:o,tooltip:l}=t,i=K(t,["label","hint","error","tooltip"]);const r=Ue({id:null==i?void 0:i.id,prefix:e.name});return n?f.default.createElement(Yn,{spacing:"sm",alignX:"stretch"},f.default.createElement("div",{style:{marginBottom:T.sizes.xs}},f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"sm"},f.default.createElement(Pn,{id:`${r}-label`,htmlFor:r},n),l&&f.default.createElement(Zn,{text:l},f.default.createElement(lt,{width:T.sizes.base,height:T.sizes.base,color:T.colors.neutral.ink.light}))),a&&f.default.createElement(Vn,null,a)),f.default.createElement(e,Object.assign({id:r,hasError:!!o},i)),o&&f.default.createElement(_n,null,o)):f.default.createElement(e,Object.assign({hasError:!!o},i))},Xn=g.default(a.Group).withConfig({displayName:"vui--DateRangeGroup",componentId:"vui--cprola"})`${R(T.text.body)} display:flex;align-items:center;justify-content:space-between;gap:8px;height:22px;z-index:1;border:1px solid ${T.colors.neutral.ink.lightest};border-radius:${T.radius.base};gap:${T.sizes.xs};padding:${T.sizes.sm};&[data-focus-within]{box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${T.colors.secondary.red.light};border:1px solid ${T.colors.secondary.red.base};}${({$hasError:e})=>!!e&&`\n box-shadow: 0 0 0 4px ${T.colors.secondary.red.light};\n border: 1px solid ${T.colors.secondary.red.base};\n `} *[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${T.colors.neutral.ink.light};}.date-range-input-splitter{margin:0 ${T.sizes.sm};}&[data-disabled]{cursor:not-allowed;background-color:${T.colors.neutral.grey.light};.react-aria-DateInput .react-aria-DateSegment,.date-range-input-splitter{cursor:not-allowed;color:${T.colors.neutral.ink.light};}}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${T.radius.base};&[data-focused]{color:white;background-color:${T.colors.secondary.blue.dark};&[data-invalid]{background-color:${T.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${T.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`,Un=qn((t=>{var{id:n,className:o,style:l,shouldForceLeadingZeros:i=!0,rightAction:r,startValue:d,endValue:s,isDisabled:c,isReadOnly:u,isRangeInput:m=!1,hasError:p,"aria-label":g,"aria-describedby":h,"aria-labelledby":b,onChange:v,onChangeStartDate:x,onChangeEndDate:y,rangeRef:w,rightActionRef:E}=t,C=K(t,["id","className","style","shouldForceLeadingZeros","rightAction","startValue","endValue","isDisabled","isReadOnly","isRangeInput","hasError","aria-label","aria-describedby","aria-labelledby","onChange","onChangeStartDate","onChangeEndDate","rangeRef","rightActionRef"]);const{isDateUnavailable:$,isDateRangeUnavailable:k}=fn(C),[S,N]=e.useState(!1),[L,I]=e.useState(!1),z=e.useCallback((e=>{if(!e)return"no date";if(!m)return!$(e)||"Invalid date selection";const t={start:e===d?e:d,end:e===s?e:s};return t.start&&t.end?!k(t)||"Invalid range selection":!$(e)||"Invalid date selection"}),[m,d,s,$,k]);return e.useEffect((()=>{N(!!d&&!0!==z(d)),I(!(!m||!s)&&!0!==z(s))}),[d,s,m,z]),f.default.createElement(et,{direction:"horizontal",alignX:"stretch",alignY:"center",spacing:0},f.default.createElement(Xn,{ref:w,style:l,className:o,"aria-label":g,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,$hasError:p,isDisabled:c},f.default.createElement(et,{spacing:0,direction:"horizontal",alignX:"center"},f.default.createElement(a.DateField,Object.assign({shouldForceLeadingZeros:i,onChange:m?x:v,value:d,validate:z,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,"aria-label":m?"start date":"date",isDisabled:c,isReadOnly:u,isInvalid:S},C),f.default.createElement(a.DateInput,{slot:"start"},(e=>f.default.createElement(a.DateSegment,{segment:e})))),m&&f.default.createElement(f.default.Fragment,null,f.default.createElement("span",{className:"date-range-input-splitter","aria-hidden":"true"},"-"),f.default.createElement(a.DateField,Object.assign({shouldForceLeadingZeros:i,onChange:y,value:s,"aria-describedby":h,"aria-labelledby":null!=b?b:`${n}-label`,"aria-label":"end date",isDisabled:c,isReadOnly:u,validate:z,isInvalid:L},C),f.default.createElement(a.DateInput,{slot:"end"},(e=>f.default.createElement(a.DateSegment,{segment:e})))))),r&&f.default.createElement(pe,Object.assign({type:"button",ref:E,variant:"flat",style:{padding:"2px",height:"unset"}},r))))})),Kn=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Gn=g.default.footer.withConfig({displayName:"vui--DatePickerFooter",componentId:"vui--17flrd9"})`display:flex;justify-content:end;margin-top:${z.base};margin-left:-${z.base};margin-right:-${z.base};padding:${z.base};padding-bottom:0;border-top:${z.line} solid ${C.neutral.grey.base};`,Jn=g.default.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,Qn=qn(e.forwardRef(((t,n)=>{var{className:a,options:o,value:l,onChange:i,size:r,disabled:d,hasError:s}=t,c=K(t,["className","options","value","onChange","size","disabled","hasError"]);const u=e.useCallback((e=>{i&&i(e.currentTarget.value)}),[i]);return f.default.createElement(Jn,Object.assign({className:a,sizeVariant:r,value:null!=l?l:void 0,onChange:u,disabled:d,hasError:s,ref:n},c),!!o&&o.map((e=>f.default.createElement("option",{key:e.label,value:e.value,disabled:e.disabled,hidden:e.hidden},e.label))))})));Qn.displayName="Select";const ea=g.default.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?T.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,ta=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`width:100%;height:100%;border-radius:${T.radius.base};z-index:2;margin:0;cursor:${({disabled:e})=>e?"not-allowed":"pointer"};&:focus-visible + ${ea}{box-shadow:0 0 0 4px ${T.colors.brand.blue.light};}&:checked + ${ea}{background-color:#0079d1;}&:disabled + ${ea}{background-color:${T.colors.neutral.grey.base};}&:checked:disabled + ${ea}{background-color:${T.colors.secondary.blue.light};}`,na=g.default.span.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:flex;position:relative;height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};z-index:1;input{position:absolute;opacity:0;}${ea}: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"};}${ta}:checked + ${ea}{&: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"});}}`,aa=g.default(y).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`display:inline-block;user-select:none;`,oa=e.forwardRef(((e,t)=>{var{id:n="testid",className:a,name:o,switched:l,small:i,onClick:r=(()=>{}),disabled:d,ariaLabel:s,inputPosition:c="right"}=e,u=K(e,["id","className","name","switched","small","onClick","disabled","ariaLabel","inputPosition"]);return f.default.createElement(Ln,Object.assign({id:n,inputPosition:c},u),f.default.createElement(aa,{className:a,disabled:d},f.default.createElement(na,{small:i,disabled:d,className:a},f.default.createElement(ta,{id:n,role:"switch",type:"checkbox",name:o,"aria-label":s,checked:!!l,onChange:e=>d?void 0:r(e),disabled:d,ref:t}),f.default.createElement(ea,{switched:l,disabled:d}))))})),la=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}],ia=({options:t=la,selectedPreviousPeriod:n,setSelectedPreviousPeriod:a})=>{const[o,l]=e.useState(!!n);return e.useEffect((()=>{n||null==a||a(t[0])}),[n,a,t]),f.default.createElement(f.default.Fragment,null,f.default.createElement(j,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:T.sizes.sm,whiteSpace:"nowrap"}},f.default.createElement(oa,{small:!0,switched:o,onClick:()=>{o&&(null==a||a(null)),l(!o)}}),"Compare previous period"),o&&f.default.createElement(Qn,{"aria-label":"Period to compare against",options:t,value:(null==n?void 0:n.value)||t[0].value,onChange:e=>{const n=t.find((({value:t})=>t===e));n&&(null==a||a(n))}}))};var ra;exports.DateRanges=void 0,(ra=exports.DateRanges||(exports.DateRanges={})).TODAY="TODAY",ra.YESTERDAY="YESTERDAY",ra.LAST_7_DAYS="LAST_7_DAYS",ra.LAST_30_DAYS="LAST_30_DAYS",ra.LAST_90_DAYS="LAST_90_DAYS",ra.LAST_MONTH="LAST_MONTH",ra.LAST_12_MONTHS="LAST_12_MONTHS",ra.WEEK_TO_DATE="WEEK_TO_DATE",ra.MONTH_TO_DATE="MONTH_TO_DATE",ra.YEAR_TO_DATE="YEAR_TO_DATE";const da=e=>{const t=s.now(s.getLocalTimeZone());let n;switch(e){case exports.DateRanges.TODAY:n={start:t,end:t};break;case exports.DateRanges.YESTERDAY:n={start:t.subtract({days:1}),end:t.subtract({days:1})};break;case exports.DateRanges.LAST_7_DAYS:n={start:t.subtract({days:7}),end:t};break;case exports.DateRanges.LAST_30_DAYS:n={start:t.subtract({days:30}),end:t};break;case exports.DateRanges.LAST_90_DAYS:n={start:t.subtract({days:90}),end:t};break;case exports.DateRanges.LAST_MONTH:{const e=s.startOfMonth(t.subtract({months:1}));n={start:e,end:s.endOfMonth(e)};break}case exports.DateRanges.LAST_12_MONTHS:{const e=s.startOfMonth(t.subtract({months:1}));n={start:s.startOfMonth(e).subtract({months:12}),end:s.endOfMonth(e)};break}case exports.DateRanges.WEEK_TO_DATE:n={start:s.startOfWeek(t,navigator.language),end:t};break;case exports.DateRanges.MONTH_TO_DATE:n={start:s.startOfMonth(t),end:t};break;case exports.DateRanges.YEAR_TO_DATE:n={start:s.startOfYear(t),end:t};break;default:return null}return(e=>{const{start:t,end:n}=e;return{start:new s.CalendarDate(t.year,t.month,t.day),end:new s.CalendarDate(n.year,n.month,n.day)}})(n)},sa=[{label:"Custom",value:"CUSTOM",disabled:!0},{label:"Today",value:exports.DateRanges.TODAY},{label:"Yesterday",value:exports.DateRanges.YESTERDAY},{label:"Last 7 Days",value:exports.DateRanges.LAST_7_DAYS},{label:"Last 30 Days",value:exports.DateRanges.LAST_30_DAYS},{label:"Last 90 Days",value:exports.DateRanges.LAST_90_DAYS},{label:"Last Month",value:exports.DateRanges.LAST_MONTH},{label:"Last 12 Months",value:exports.DateRanges.LAST_12_MONTHS},{label:"Week to Date",value:exports.DateRanges.WEEK_TO_DATE},{label:"Month to Date",value:exports.DateRanges.MONTH_TO_DATE},{label:"Year to Date",value:exports.DateRanges.YEAR_TO_DATE}],ca=exports.DateRanges.LAST_30_DAYS,ua=da(ca),ma=sa.find((({value:e})=>e===ca)),pa=g.default.div.withConfig({displayName:"vui--Divider",componentId:"vui--ssvmxc"})`margin:0 -${T.sizes.base};border-top:1px solid ${T.colors.neutral.grey.base};`;function fa(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function ga(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${ga(e.min,"max-content")}, ${ga(e.max)})`;default:return t||"1fr"}}function ha({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:a,stripingMode:o,columnWidths:l,columns:i}){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 `)),d=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"!==a&&"none"!==a,c=`\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 `,u="end"!==a&&"none"!==a,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: ${u?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,p=`\n tr:nth-child(odd) > td {\n background-color: ${T.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${T.colors.neutral.grey.base};\n }\n `,f=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${T.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${T.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${i.map((e=>{var t;return ga(null!==(t=l[e.id])&&void 0!==t?t: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?d:""}\n\n ${c}\n ${m}\n\n ${"nested"===o?f:p}\n `}var ba;!function(e){e.ascending="ascending",e.descending="descending"}(ba||(ba={}));const va=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),xa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),ya=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),wa=({sortState:e,columnId:t,size:n})=>e&&e.columnId===t?e.direction===ba.ascending?f.default.createElement(xa,{color:T.colors.neutral.ink.dark,size:n}):f.default.createElement(ya,{color:T.colors.neutral.ink.dark,size:n}):f.default.createElement(va,{size:n});function Ea(t,n){const[a,o]=e.useState([]),l=()=>{if(!t.current)return;const e=t.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(e).map((e=>e.getBoundingClientRect().width));o(n)};return e.useEffect((()=>{l()}),[t.current]),e.useEffect((()=>{if(!n.current)return;const e=v.default(l,50),t=new h.default(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),a}class Ca extends Event{constructor(e,t){super(e,{bubbles:!0,cancelable:!0}),this.data=t}}const $a=({tableRef:t,columns:n,columnIds:a,columnWidths:o})=>{const[l,i]=e.useState(o||{});return e.useEffect((()=>{const e=n.reduce(((e,t)=>(e[t.id]=t.width,e)),{});const t=o?Object.assign({},l):e;Object.keys(e).forEach((n=>{void 0===typeof l[n]&&(t[n]=e[n])})),i(t)}),[JSON.stringify(a)]),e.useEffect((()=>{o&&i(o)}),[o]),{setColumnWidth:({columnId:e,width:a})=>{const o=Object.assign({},l);return n.forEach(((i,r)=>{const d=r===n.length-1,s=i.id===e?a:((e,n)=>{var a,o,i;return n?l[e.id]||e.width:l[e.id]||e.width||(null===(i=null===(o=null===(a=t.current)||void 0===a?void 0:a.querySelector(`th[data-columnid="${e.id}"]`))||void 0===o?void 0:o.getBoundingClientRect())||void 0===i?void 0:i.width)||void 0})(i,d);o[i.id]=s})),i(o),((e,t)=>{const n=new Ca(e,t);document.dispatchEvent(n)})("columnWidthUpdated",{tableRef:t,columnWidths:o}),o},columnWidths:l}};function ka(t,n,a,o){const{columnWidths:l,setColumnWidth:i}=$a({tableRef:n,columns:t,columnIds:t.map((({id:e})=>e)),columnWidths:o}),r=e.useCallback((({columnId:e,width:t})=>{const n=i({columnId:e,width:t});a&&a(n||l)}),[i,a,l]),d=t.filter((e=>!0!==e.hidden)),s=d.filter((e=>"left"===e.pinned)),c=d.filter((e=>"right"===e.pinned)),u=d.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...s,...u,...c],columnWidths:l,pinnedLeft:s,pinnedRight:c,setColumnWidth:r}}function Sa(t){e.useEffect((()=>{if(!t.current)return;let e=!1;const n=t.current,a={left:0,x:0},o=t=>{if(!n)return;const o=t.clientX-a.x;n.scrollLeft=a.left-o,e||(n.style.cursor="grabbing",n.style.userSelect="none"),e=!0},l=()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",l),e=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},i=e=>{var t,i,r;n&&(e.target instanceof HTMLElement&&(null===(r=null===(i=null===(t=e.target)||void 0===t?void 0:t.classList)||void 0===i?void 0:i.contains)||void 0===r?void 0:r.call(i,"th-divider"))||(a.left=n.scrollLeft,a.x=e.clientX,document.addEventListener("mousemove",o),document.addEventListener("mouseup",l)))};return n.addEventListener("mousedown",i),()=>null==n?void 0:n.removeEventListener("mousedown",i)}),[t.current])}function Na(t){const[n,a]=e.useState("start"),o=()=>{if(!t.current)return;const{width:e}=t.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=t.current;a(o<e?"none":0!==n?n+e>=o?"end":"middle":"start")};return e.useEffect((()=>{if(t.current)return t.current.addEventListener("scroll",o),()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.removeEventListener("scroll",o)}}),[t.current]),e.useEffect((()=>{if(!t.current)return;const e=v.default(o,50),n=new h.default(e);return n.observe(t.current),()=>n.disconnect()}),[t.current]),{scrollPosition:n,containerRef:t}}const La="56px",Ia=g.default.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${La};position:relative;display:flex;align-items:center;justify-content:${({align:e="left"})=>fa(e)};z-index:${({zIndex:e=0})=>e};background-color:white;padding-left:${({spacing:e=3})=>T.sizes[e]};padding-right:${({spacing:e=3})=>T.sizes[e]};border-bottom:1px solid ${T.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function za(e){var{selected:t,indeterminate:n,onChange:a,selectionMode:o}=e,l=K(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===o?f.default.createElement(Ia,Object.assign({},l)):f.default.createElement(Ia,Object.assign({},l),f.default.createElement(Rn,{checked:t,indeterminate:n,onChange:a}))}const Da=g.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>fa(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>T.sizes[e]};padding-right:${({spacing:e=3})=>T.sizes[e]};color:${T.text.bodySmall.color};font-family:${T.text.bodySmall.fontFamily};font-size:${T.text.bodySmall.fontSize};font-style:${T.text.bodySmall.fontStyle};font-weight:${T.text.bodySmall.fontWeight};line-height:${T.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${T.colors.secondary.blue.base};background-color:${T.colors.neutral.grey.lightest};}`;function Fa(e){var{selected:t,rowId:n,onChange:a,selectionMode:o,disabled:l}=e,i=K(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===o?f.default.createElement(Da,Object.assign({},i),f.default.createElement(An,{value:n,checked:t,disabled:l,onChange:a})):f.default.createElement(Da,Object.assign({},i),f.default.createElement(Rn,{value:n,checked:t,disabled:l,onChange:a}))}const Ra=[[],()=>{}];function Ta({selectionMode:e="multiple",selectionState:t,enabledRowIds:n}){const a=!!t,[o,l]=t||Ra,i=()=>{o.length!==n.length?l(n):l([])};return{selectionEnabled:a,selectedRowIds:o,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(t,a)=>f.default.createElement(za,Object.assign({},a,{selected:o.length===n.length,indeterminate:o.length>0&&o.length<n.length,onChange:i,selectionMode:e})),renderCell:(t,n,a,o)=>f.default.createElement(Fa,Object.assign({},n,{rowId:t.id,selected:o.selected,onChange:a.setSelected,selectionMode:e,disabled:o.disabled}))},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)l([n]);else if(t){if(o.includes(n))return;const e=[...o,n];l(e)}else{const e=o.findIndex((e=>e===n));if(e<0)return;const t=[...o];t.splice(e,1),l(t)}}}}const Aa=g.default.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${T.colors.neutral.ink.lightest};`,Oa=g.default.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${T.text.headingTable.color};font-family:${T.text.headingTable.fontFamily};font-size:${T.text.headingTable.fontSize};font-style:${T.text.headingTable.fontStyle};font-weight:${T.text.headingTable.fontWeight};line-height:${T.text.headingTable.lineHeight};`,Ma=g.default(Oa).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 ${Aa}{background-color:${T.colors.neutral.grey.light};color:${T.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${T.colors.secondary.blue.light};}`,ja=g.default.div.withConfig({displayName:"vui--ResizerBar",componentId:"vui--115ilx"})`position:absolute;right:0;top:37.5%;width:1px;background:${T.colors.neutral.grey.dark};min-height:25%;cursor:col-resize;user-select:none;&::before{content:'';position:absolute;top:-150%;left:0;width:12px;min-height:400%;z-index:1;transform:translateX(-6px);}`,Ba=({columnId:t,setColumnWidth:n,minWidth:a})=>{const o=e.createRef(),l=e=>{const{minTranslate:t,dragDivider:n,dragInitX:a}=window.tableHeaders,o=Math.max(e.clientX-(a||0),t||0);n.parentElement.parentElement.classList.add("hideHeaderDetails"),n.style.transform=`translateX(${o}px)`},i=({event:e})=>{const{dragInitX:t,dragDivider:n}=window.tableHeaders,{parentElement:o}=n,l=null==o?void 0:o.getBoundingClientRect().width,i=o.querySelector(".headerContent").getBoundingClientRect().width,r=a&&i<a?a:i,d=(e.clientX||0)-(t||0);return Math.max((l||0)+d,r+24)},r=e=>{window.removeEventListener("mouseup",r),window.removeEventListener("dragend",r),window.removeEventListener("mousemove",l),window.removeEventListener("drag",l),null==n||n({columnId:t,width:i({event:e})}),window.tableHeaders&&(window.tableHeaders.dragDivider.style.transform="translateX(0)",window.tableHeaders.dragDivider.parentElement.style.justifyContent="",window.tableHeaders.dragInitX=void 0,window.tableHeaders.minTranslate=void 0,window.tableHeaders.dragDivider.parentElement.parentElement.classList.remove("hideHeaderDetails"))},d=e=>{0!==e.button&&"dragstart"!==e.type||(window.tableHeaders={dragInitX:e.clientX,dragDivider:o.current},window.tableHeaders.minTranslate=(()=>{const{parentElement:e}=window.tableHeaders.dragDivider;return e.querySelector(".headerContent").getBoundingClientRect().width-e.getBoundingClientRect().width+24})(),window.addEventListener("mouseup",r),window.addEventListener("dragend",r),window.addEventListener("mousemove",l),window.addEventListener("drag",l))};return f.default.createElement(ja,{ref:o,className:"th-divider",onMouseDown:d,onDragStart:d})};function Ha({column:e,sortState:t,onChangeSort:n,resizeableColumns:a,setColumnWidth:o,columnCount:l=1,columnI:i=0}){if(e.sortable&&!t)throw new Error(`Column '${e.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(e.hidden)return null;const r={key:e.id.toString(),id:`datatable-header-${e.id}`,"data-columnid":String(e.id),role:"columnheader",align:e.align,spacing:e.spacing,className:e.sortable?"sortable":void 0};if(e.renderHeader)return e.renderHeader(e,r);const d=e.sortable?Ma:Oa,s=e.sortable?{onClick:()=>{if(!t)return void console.warn("DataGrid::renderHeader::handleClickSort - sortState is not defined");const a=function({sortState:e,columnId:t}){const n=e.columnId===t,a=e.direction===ba.ascending;let o=ba.ascending;return n&&a&&(o=ba.descending),{columnId:t,direction:o}}({sortState:t,columnId:e.id});n?n(a):console.warn("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return f.default.createElement(Ia,Object.assign({},r,{zIndex:3}),f.default.createElement(zt,{text:e.tooltip},f.default.createElement(d,Object.assign({},s,{className:"headerContent"}),e.iconSlot,e.title&&f.default.createElement("span",null,e.title),e.sortable&&f.default.createElement(Aa,null,f.default.createElement(wa,{sortState:t,columnId:e.id,size:5})))),a&&i<l-1&&f.default.createElement(Ba,{columnId:e.id,setColumnWidth:o,minWidth:null==e?void 0:e.resizeMinWidth}))}const Wa=T.colors.neutral.grey.base,Pa=T.colors.neutral.grey.dark,Va=g.default.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${T.radius.base};background:${Wa};background-image:linear-gradient(\n to right,\n ${Wa} 0%,\n ${Pa} 20%,\n ${Wa} 40%,\n ${Wa} 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 _a=g.default.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:${La};background-color:white;`,Ya=g.default.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 ${T.colors.neutral.grey.base};& > *{flex:1;}`;function Za({selectionColumn:t,intersectionTargetRef:n,containerRef:a,children:o}){var l;const[i,r]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{r(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.current]);const d=null===(l=a.current)||void 0===l?void 0:l.getBoundingClientRect(),s={position:"fixed",top:0,left:null==d?void 0:d.left,width:null==d?void 0:d.width},c=i?s:{position:"absolute",top:0,left:0,right:0};return f.default.createElement(_a,{style:c},Ha({column:t}),f.default.createElement(Ya,null,o))}const qa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Xa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Ua=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Ka=g.default.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${T.sizes.lg};padding-bottom:${T.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${T.sizes.md};`,Ga=g.default.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${T.sizes.md};background-color:${T.colors.neutral.grey.light};border-radius:${T.radius.full};`,Ja=g.default.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Qa=g.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${T.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 `}`,eo=g.default.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,to=g.default.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${T.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,no=g.default.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,ao={full:`border-width: 1px; border-radius: ${T.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},oo=g.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${T.colors.neutral.grey.dark};${({borderMode:e="full"})=>ao[e]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;function lo({children:t,intersectionTargetRef:n,containerRef:a,cellWidths:o,tableCss:l,stickyHeaderTop:i=0}){const r=e.useRef(null),[d,s]=e.useState(!1),[c,u]=e.useState({top:0,left:0,width:0,height:0}),m=e.useRef(null),p=()=>{var e;const t=null===(e=a.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};u(n)},g=()=>{var e;if(!a.current)return;const t=a.current.scrollLeft;null===(e=r.current)||void 0===e||e.scrollTo(t,0)};if(e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{s(!e.isIntersecting)}))}),{rootMargin:`-${i}px 100% 0px 100%`,threshold:1});return e.observe(n.current),()=>e.disconnect()}),[n.current]),e.useEffect((()=>{d&&a.current&&p()}),[a.current,d]),e.useEffect((()=>{if(!d)return;if(!a.current)return;const e=v.default(p,30),t=new h.default(e);return t.observe(a.current),()=>t.disconnect()}),[a.current,d]),e.useEffect((()=>{if(!d)return;if(!a.current)return;const e=v.default((()=>{var e;const{left:t}=(null===(e=a.current)||void 0===e?void 0:e.getBoundingClientRect())||{};t&&m.current!==t&&(p(),m.current=t)}),30);return document.addEventListener("scroll",e),()=>document.removeEventListener("scroll",e)}),[a.current,d]),e.useEffect((()=>{g()}),[d]),e.useEffect((()=>{var e;return null===(e=a.current)||void 0===e||e.addEventListener("scroll",g),()=>{var e;null===(e=a.current)||void 0===e||e.removeEventListener("scroll",g)}}),[a.current]),!d)return null;const b=Object.assign(Object.assign({},c),{height:La,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${T.colors.neutral.grey.base}`,borderTop:`1px solid ${T.colors.neutral.grey.base}`,boxShadow:S.base,top:`${i}px`||"0px"}),x=l+o.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return f.default.createElement("div",{style:b,ref:r},f.default.createElement(to,{css:x},f.default.createElement("thead",null,t)))}const io=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:a})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==a?void 0:a.includes(e))||!1}),ro={iconSlot:f.default.createElement(it,{width:48,height:48}),heading:"No results"},so=()=>{},co=({actionBarSlot:t,borderMode:n,columns:a,emptyState:o=ro,expandedRowIds:l,loading:i,loadingRowCount:r,onChangeSort:d,rows:s,disabledRowIds:c,selectionMode:u,selectionState:m,setExpanded:p,sortState:g,stripingMode:h,enableStickyHeader:b,resizeableColumns:v,onResizeColumns:x,columnWidths:y,stickyHeaderTop:w})=>{const E=e.useRef(null),C=e.useRef(null),$=e.useRef(null);Sa(E);const k=s.map((e=>e.id)).filter((e=>!(null==c?void 0:c.includes(e)))),{selectionEnabled:S,selectedRowIds:N,selectionColumn:L,setSelected:I}=Ta({selectionMode:u,selectionState:m,enabledRowIds:k}),z={setSelected:I||so,setExpanded:p||so},D=[L,...a],F=S?D:a,R=Ea(C,E),{visible:T,pinnedLeft:A,pinnedRight:O,setColumnWidth:M,columnWidths:B}=ka(F,C,x,y),H=R.length===T.length?T.map(((e,t)=>Number.isNaN(B[e.id]||"")?R[t]:B[e.id])):R,{scrollPosition:W}=Na(E),P=ha({pinnedLeft:A,pinnedRight:O,cellWidths:H,scrollPosition:W,columnWidths:B,columns:T,stripingMode:h});if(i){const e=new Array(r).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return f.default.createElement(oo,{borderMode:n},f.default.createElement(eo,{ref:E},f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t}))))),f.default.createElement("tbody",{role:"rowgroup"},e.map((e=>f.default.createElement(Qa,{key:e.id},T.map((t=>function(e,t){if(!0===t.hidden)return null;const n={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return f.default.createElement(Da,Object.assign({},n),f.default.createElement(Va,null))}(e,t))))))))))}if(0===s.length)return f.default.createElement(oo,{borderMode:n},f.default.createElement(eo,{ref:E},f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t}))))),f.default.createElement("tbody",{role:"rowgroup"},f.default.createElement(Ka,{columnCount:T.length},f.default.createElement(Ga,null,o.iconSlot),f.default.createElement(et,{spacing:"sm",alignX:"center"},f.default.createElement(j,{variant:"headingMedium"},o.heading),o.subheading&&f.default.createElement(j,{variant:"subheadingMedium"},o.subheading)))))));const V=e=>{const{e2eClassName:t="",accentColor:n}=e,a=io(e.id,{selectedRowIds:N,expandedRowIds:l,disabledRowIds:c});return f.default.createElement(Qa,Object.assign({role:"row",key:e.id,accentColor:n,className:t},a),T.map((t=>function(e,t,n,a){if(t.hidden)return null;const o={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,o,n,a)}(e,t,z,a))))},_=(e,t)=>{var n,a;const o=null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===a?void 0:a.row,i=io(t,{selectedRowIds:N,expandedRowIds:l,disabledRowIds:c});return f.default.createElement(Qa,{role:"row",key:e.id,className:o},T.map((t=>function(e,t,n){if(t.hidden)return null;const a={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return t.renderNestedCell?t.renderNestedCell(e,a,n):f.default.createElement(Da,Object.assign({},a))}(e,t,i))))},Y=e=>{var t;const n=null==l?void 0:l.includes(e.id);return f.default.createElement("tbody",{role:"rowgroup",key:e.id},V(e),n&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>_(t,e.id)))))},Z=f.default.createElement(Qa,{role:"row"},T.map(((e,t)=>Ha({column:e,sortState:g,onChangeSort:d,resizeableColumns:v,setColumnWidth:M,columnCount:T.length,columnI:t})))),q=a.some((e=>!!e.renderFooter)),X=N.length>0&&!!t;return f.default.createElement(oo,{borderMode:n},X&&f.default.createElement(Za,{selectionColumn:L,intersectionTargetRef:$,containerRef:E},t),f.default.createElement(eo,{ref:E},b&&f.default.createElement(lo,{tableCss:P,intersectionTargetRef:$,containerRef:E,cellWidths:H,stickyHeaderTop:w},Z),f.default.createElement("div",{ref:$,style:{height:0}}),f.default.createElement(to,{css:P,ref:C,role:"table"},f.default.createElement("thead",{role:"rowgroup"},Z),(()=>{const e=!!l;return e&&"nested"===h?s.map(Y):e?f.default.createElement("tbody",{role:"rowgroup"},s.map((e=>{var t;return[V(e),...(null==l?void 0:l.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>_(t,e.id))))||[]]}))):f.default.createElement("tbody",{role:"rowgroup"},s.map(V))})(),q&&f.default.createElement("tfoot",{role:"rowgroup"},f.default.createElement(Qa,{role:"row"},T.map((e=>function({column:e}){if(e.hidden)return null;const t={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,t):f.default.createElement(Da,Object.assign({},t))}({column:e}))))))))};co.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},co.Cell=Da,co.ColumnMenu=function({columns:t,columnGroups:n,setColumns:a}){const[o,l]=e.useState(null),[i,r]=e.useState(!1),d=t.map((e=>[e.id,e])),s=Object.fromEntries(d),c=n.map((e=>e.map((e=>s[e])))),u=(e,n)=>{const o=c[e].map((e=>e.id)),l=[...t];o.forEach((e=>{const t=l.findIndex((t=>t.id===e));t<0||(l[t]=Object.assign(Object.assign({},l[t]),{hidden:n}))})),a(l)};return f.default.createElement(f.default.Fragment,null,f.default.createElement(pe,{ref:l,dropdown:!0,onClick:()=>r(!0)},"Columns"),i&&f.default.createElement(We,{anchorElement:o,onShouldClose:()=>r(!1)},f.default.createElement(Le,{style:{width:600}},f.default.createElement(et,{alignX:"stretch",spacing:"sm"},c.map(((e,t)=>f.default.createElement(et,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(Ua,null)}),f.default.createElement(et,{spacing:"sm",style:{flex:1}},e.map((e=>f.default.createElement("div",{key:e.id},e.title)))),f.default.createElement(et,{direction:"horizontal",spacing:"sm"},e[0].hidden?f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(Xa,null),onClick:()=>u(t,!1),style:{color:T.colors.neutral.ink.lightest}}):f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(qa,null),onClick:()=>u(t,!0)})))))))))},co.SelectionCell=Fa,co.SelectionHeader=za,co.Header=Ia,co.Truncate=no,co.NoWrap=Ja;const uo=g.default.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${T.sizes.base};}`,mo=g.default.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${T.sizes.xs};}`,po=g.default.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${T.sizes.base};}`,fo=g.default.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${T.sizes.xs};}`,go=g.default.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${T.text.bodyBold.fontFamily};font-size:${T.text.bodyBold.fontSize};font-weight:${T.text.bodyBold.fontWeight};line-height:${T.text.bodyBold.lineHeight};color:${T.text.bodyBold.color};`,ho=g.default.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${T.text.body.fontFamily};font-size:${T.text.body.fontSize};font-weight:${T.text.body.fontWeight};line-height:${T.text.body.lineHeight};color:${T.text.body.color};`,{sizes:bo,colors:vo}=T,xo=g.default.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=g.default.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${bo.md};overflow-x:hidden;background-color:${vo.neutral.grey.lightest};`,wo=g.default.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 Eo;!function(e){e.base="base",e.sm="sm"}(Eo||(Eo={}));const Co=({hasError:e,inputSize:t})=>n.css`&{--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 "}`,$o=g.default.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${T.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 `}} ${Co} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,ko=g.default.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;${Co}`,So=/^-?[0-9]*\.?[0-9]+$/,No=qn(e.forwardRef(((t,n)=>{var{id:a,className:o,disabled:l=!1,hasError:i,multiline:r=!1,spellCheck:d=!1,name:s,onChange:c,placeholder:u,size:m=Eo.base,type:p="text",value:g}=t,h=K(t,["id","className","disabled","hasError","multiline","spellCheck","name","onChange","placeholder","size","type","value"]);const b=e.useCallback((e=>{if(!c)return;const t=e.currentTarget.value;if(""===t)return void c(t);if("number"!==p)return void c(t);new RegExp(So).test(t)&&c(t)}),[c,p]),v=null!=a?a:ze("textfield");return"text"===p&&r?f.default.createElement(ko,Object.assign({className:o,disabled:l,hasError:i,id:v,name:s,onChange:b,placeholder:u,value:g,ref:n,spellCheck:d},h)):f.default.createElement($o,Object.assign({className:o,disabled:l,hasError:i,id:v,inputSize:m,name:s,"aria-label":s,onChange:b,placeholder:u,type:p,value:g,ref:n,spellCheck:d},h))})));No.displayName="TextField";const Lo=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,Io=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,zo=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${T.colors.neutral.ink.lightest};}`,Do=g.default(pe).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${T.colors.neutral.ink.lightest};`;g.default(j).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,g.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${T.text.error.fontFamily};font-size:${T.text.error.fontSize};font-weight:${T.text.error.fontWeight};line-height:${T.text.error.lineHeight};color:${T.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${T.sizes[2]} * -1);width:2px;background-color:${T.colors.secondary.red.base};}`,g.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${T.fontFamily};font-size:${T.sizes[3]};line-height:${T.sizes[4]};color:${T.colors.neutral.ink.light};`;const Fo=(e,t)=>{t.includes(e.key)&&e.preventDefault()},Ro=["-","+","E","e"],To=e=>Fo(e,Ro),Ao=qn((e=>{var{size:t=Eo.base,handleChangeHeight:n,handleChangeWidth:a,handleChangeLength:o,className:l,height:i,width:r,length:d,unit:s}=e,c=K(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return f.default.createElement(Lo,{className:l},f.default.createElement(Io,null,f.default.createElement(zo,Object.assign({onChange:o,size:t,name:"length",type:"number",placeholder:"L",value:d,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(be,{height:T.sizes.base,width:T.sizes.base}),f.default.createElement(zo,Object.assign({onChange:a,size:t,name:"width",type:"number",placeholder:"W",value:r,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(be,{height:T.sizes.base,width:T.sizes.base}),f.default.createElement(wo,null,f.default.createElement(zo,Object.assign({onChange:n,size:t,name:"height",type:"number",placeholder:"H",value:i,min:"0",step:"any",onKeyDown:To},c)),f.default.createElement(Do,{size:t},s))))}));Ao.displayName="DimensionsInput";const Oo=g.default(y).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${C.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${C.neutral.grey.dark};border-radius:4px;svg{width:${z.base};height:${z.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${T.colors.secondary.blue.light};}`,Mo=g.default(j).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,jo=g.default(Mo).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,Bo=g.default(he).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.$shouldShow?"180deg":"0"});width:10px;height:10px;`,Ho=g.default(be).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Wo=g.default(y).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Po=g.default(y).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 ${C.neutral.grey.base};svg{color:${({color:e})=>e};width:${z[5]};height:${z[5]};margin-right:10px;}`,Vo=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),_o=e=>f.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Yo=g.default.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,Zo=g.default.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,qo=g.default.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,Xo=g.default.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,Uo=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}),Ko={width:64,height:64},Go={icon:f.default.createElement(Kn,Object.assign({},Ko)),title:"No data found"},Jo={icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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({},Ko)),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 Qo;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(Qo||(Qo={}));const{text:el,sizes:tl}=T,{blue:nl}=T.colors.secondary,{grey:al}=T.colors.neutral,{scrollbar:ol}=T.colors.system,ll='\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',il=g.default.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--11ytygc"})`display:flex;flex-direction:row;align-items:center;`,rl=g.default.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 ${al.dark};border-bottom:1px solid ${al.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: ${ol.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${ol.thumb};\n border-radius: 4px; \n }\n `:""} ${({scrollDisabled:e,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:n,scrollPosition:a})=>e?"":`\n td:nth-child(${t}):after,\n th:nth-child(${t}):after {\n right: 0;\n transform: translate(100%);\n ${ll};\n\n ${a===Qo.middle||a===Qo.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 ${ll};\n\n ${a===Qo.start||a===Qo.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,dl=g.default(rl).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--wtdkab"})`border:1px solid ${al.dark};border-radius:4px;`,sl=g.default.thead.withConfig({displayName:"vui--Head",componentId:"vui--1j5avrf"})`background-color:white;`,cl=g.default.tbody.withConfig({displayName:"vui--Body",componentId:"vui--n8uysg"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${al.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;g.default.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--qckqty"})`& td{background-color:${al.lightest};padding:1.5rem 1rem;border-top:1px solid ${nl.base};}`;const ul=g.default.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 `}`,ml=g.default.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:${el.bodySmall.fontFamily};font-size:${el.bodySmall.fontSize};font-weight:${el.bodySmall.fontWeight};color:${el.bodySmall.color};line-height:${tl.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,pl=g.default(ml).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--10p2duv"})`user-select:none;border-bottom:1px solid ${al.dark};font-family:${el.bodySmallBold.fontFamily};font-size:${el.bodySmallBold.fontSize};font-weight:${el.bodySmallBold.fontWeight};color:${el.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${al.light};}`,fl={left:"flex-start",center:"center",right:"flex-end"},gl=g.default.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--13i0t50"})`display:flex;align-items:center;justify-content:${({align:e})=>e?fl[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,hl=g.default.table.withConfig({displayName:"vui--Table",componentId:"vui--1bp83gy"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${cl}:nth-child(even) td {\n background-color: ${al.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${pl}, & ${pl} span {\n white-space: nowrap;\n }\n `}`,bl=g.default.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--44p3gi"})`tr{${({fixedColumnsStyle:e})=>e};}& ${ml}{border-top:1px solid ${al.dark};background-color:${al.lightest};padding-top:${tl.base};padding-bottom:${tl.base};line-height:2rem;}`,vl=g.default.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--wokb93"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,xl=g.default(hl).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--6s4d56"})``,yl=g.default(y).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;`,wl=g.default(y).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1oi4ebm"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${T.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,El=g.default(j).withConfig({displayName:"vui--TitleText",componentId:"vui--pj8i0k"})`margin-top:24px;`,Cl=g.default(j).withConfig({displayName:"vui--SubTitleText",componentId:"vui--19x6udv"})`margin-top:8px;`,$l=({height:e,icon:t,title:n,subTitle:a})=>f.default.createElement(yl,{height:e},f.default.createElement(wl,null,t),f.default.createElement(El,{variant:"headingLarge"},n),a&&f.default.createElement(Cl,{variant:"subheadingMedium"},a)),kl=g.default.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:${T.sizes.base};border-radius:${T.radius.base};&:hover{cursor:pointer;background-color:${T.colors.secondary.blue.lightest};}`,Sl=g.default(kl).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1b7t5il"})`color:${T.text.link.color};text-decoration:${T.text.link.textDecoration};`,Nl=g.default.div.withConfig({displayName:"vui--Content",componentId:"vui--n24x0f"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:Ll}=T.colors.neutral,Il=g.default.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--oakirc"})`height:16px;width:100%;`,zl=g.default.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, ${Ll.base} 8%, ${Ll.dark} 15%, ${Ll.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,Dl=({isLoading:e,style:t})=>f.default.createElement(Il,{style:t},f.default.createElement(zl,{isLoading:e})),Fl=e=>{var{style:t}=e,n=K(e,["style"]);return f.default.createElement(ml,Object.assign({},n),f.default.createElement(Dl,{style:t}))};Fl.defaultProps={style:{}};const Rl=({renderHeader:t,tableRef:n,wrapperRef:a,isFixedLayout:o,wrapperStyle:l})=>{var i;const[r,d]=e.useState(null),{isSticky:s}=((t,n)=>{const[a,o]=e.useState(!1),l=e.useCallback((({top:e,bottom:t})=>{let l=a;l=e<=(n||0)&&t>0?!a||l:!a&&l,l!==a&&o(l)}),[a,n]);return e.useEffect((()=>{const e=()=>{var e;t.current&&l(null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect())};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[l,t]),{isSticky:a}})(n,parseInt("string"==typeof(null==l?void 0:l.top)?null==l?void 0:l.top:`${null==l?void 0:l.top}`,10)),c=((null===(i=a.current)||void 0===i?void 0:i.getBoundingClientRect().width)||0)-2;u.useScroll(a);const m=e=>{var t;const n=(null===(t=a.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:r&&(r.scrollLeft=n)};return m(),s?f.default.createElement(vl,{ref:e=>{d(e),m(e)},style:Object.assign({width:c},l)},f.default.createElement(xl,{style:{tableLayout:o?"fixed":"auto"}},t())):null},Tl=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")},Al=e=>{var{style:t,width:n,isLoading:a}=e,o=K(e,["style","width","isLoading"]);return f.default.createElement(pl,Object.assign({},o,{style:{width:n}}),f.default.createElement(Dl,{style:t,isLoading:a}))},Ol=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),Ml=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),jl=()=>f.default.createElement(va,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Bl=()=>f.default.createElement(Ol,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Hl=()=>f.default.createElement(Ml,{width:T.sizes.base,height:T.sizes.base,color:"lightgrey"}),Wl=({borderless:t=!1,striped:n=!0,noWrap:a=!1,showScrollbar:o=!1,headers:l,rows:i,renderRow:r,renderNestedRow:d,expandedRowIds:s,renderLoadingRow:c,renderFooterRow:u,renderFooterLoadingRow:m,omitFooterSelectionCell:p=!1,selectedRowIds:g,disabledSelectionInputRowIds:h,selectionMode:b="multiple",onChangeSelectedRowIds:v,sortColumnId:x,sortDirection:y,onChangeSort:w,isError:E=!1,isLoading:C=!1,skeletonRowsNumber:$=5,isHeaderSticky:k=!0,stickyHeaderStyle:S,customSpecificState:N,bodyHeightInSpecificStates:L=375,startFixedColumnsNumber:I,endFixedColumnsNumber:z})=>{const D=t?rl:dl,F=!!i&&0===i.length,R=Boolean(I||z),T=!I&&!z,A=e.useRef(null),O=e.useRef(null),[M,j]=e.useState(Qo.none);e.useEffect((()=>{var e;let t=null;const n=()=>{if(!O.current||T)return;const e=O.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:a}=e.getBoundingClientRect(),o=n+a;t===a?j(Qo.none):0===n?j(Qo.start):n>0&&o<t?j(Qo.middle):o===t&&j(Qo.end)};return O.current&&(t=O.current,n(),null===(e=O.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[A,T]);const B=e.useCallback((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),[]),H=e.useCallback(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),W=e.useCallback((()=>{if(!l||C)return null;const e=[],t=[];let n=0,a=0;if(I){g&&(e.push(H(1,n,"left")),n+=58);for(let t=0;t<I;t+=1){const a=B(l[t].width);a&&(e.push(H(g?t+2:t+1,n,"left")),n+=a)}}if(z)for(let e=0;e<z;e+=1){const n=B(l.slice(-e-1)[0].width);n&&(t.push(H(e+1,a,"right")),a+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[C,B,z,H,l,I,g]),P=e.useMemo((()=>W()),[W]),V=e.useCallback(((e,t)=>{if(!g||!v)return;if(e)return"single"===b?void v([t.id]):void v([...g,t.id]);const n=[...g],a=n.findIndex((e=>e===t.id));n.splice(a,1),v(n)}),[v,g,b]),_=e.useCallback((()=>{if(!g||!v)return;if(g.length===i.length)return void v([]);const e=i.map((e=>e.id));v(e)}),[v,i,g]),Y=e.useCallback((e=>{if(void 0===x||void 0===w)return;let t=x,n="ascending";"ascending"===y&&(n="descending"),e!==x&&(t=e,n="ascending"),w(t,n)}),[w,x,y]),Z=e.useCallback(((e,t)=>{let n="",a=()=>{},o=f.default.createElement(jl,null);const{tooltip:l,align:i,icon:r,title:d,sortable:s,id:c}=e;s&&(n="sortable",a=()=>Y(c),x===c&&(o="ascending"===y?f.default.createElement(Bl,null):f.default.createElement(Hl,null)));const u=f.default.createElement(gl,{align:i},r&&r,d&&f.default.createElement("span",null,d),s&&o);return f.default.createElement(pl,{key:c,id:`data-table-header-${c}`,className:n,onClick:a,align:e.align,grow:e.grow,style:Object.assign({width:e.width||"auto"},t)},l?f.default.createElement(zt,{text:l},f.default.createElement(il,null,u)):u)}),[Y,x,y]),q=e.useCallback(((e,t)=>f.default.createElement(Al,{key:e.id,width:e.width||"auto",style:t,isLoading:C})),[C]),X=e.useCallback((()=>{if(!l)return null;const e=W(),t=e?e[0].style:{};return f.default.createElement(sl,null,f.default.createElement(ul,null,g&&f.default.createElement(pl,{style:Object.assign({width:58},t)},"multiple"===b&&f.default.createElement(Rn,{checked:i.length>0&&(null==g?void 0:g.length)===i.length||!1,onChange:_,disabled:h&&h.length>0||C||F,ariaLabel:"Select all"})),l.map(((t,n)=>{const a=g?n+2:n+1,o=n-l.length,i=null==e?void 0:e.find((e=>e.index===a||e.index===o));return t.skeleton&&(C||E||F)?q(t,t.skeletonStyle||{}):Z(t,(null==i?void 0:i.style)||{})}))))}),[W,_,l,F,E,C,q,Z,i.length,g,b,h]),U=e.useCallback(((e,t)=>{const n={checked:e,onChange:e=>V(e,t),disabled:(null==h?void 0:h.includes(t.id))||!1};return"single"===b?f.default.createElement(An,Object.assign({},n)):f.default.createElement(Rn,Object.assign({},n))}),[V,b,h]),K=e.useCallback((e=>{const t={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===b?f.default.createElement(Fl,{key:void 0===e?null:`radio-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"50%"})}):f.default.createElement(Fl,{key:void 0===e?null:`checkbox-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"0.25rem"})})}),[b]),G=e.useCallback(((e,t)=>{var n,a;if(!d)return null;const o=d(e);if(!o)return null;const l=(null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===a?void 0:a.row)||"";return f.default.createElement(ul,{key:e.id,className:`${l} ${t?"hidden":""}`},g&&f.default.createElement(ml,null),o)}),[d,g]),J=e.useCallback((e=>{if(!l)return f.default.createElement(Fl,null);const t=l.map((t=>f.default.createElement(Fl,{key:`${e}-${t.id}`})));return g&&t.unshift(K(e)),t}),[l,K,g]),Q=()=>u?C&&!m||!C&&F?null:f.default.createElement(bl,{fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,null,g&&!p&&f.default.createElement(ml,null),!C&&u(i),C&&m&&m())):null;let ee=I;g&&ee&&(ee+=1);const te=e.useMemo((()=>i.map((e=>{var t,n,a;const{data:o}=e,l=!!g&&g.includes(e.id),i=!s||s.includes(e.id),d=null===(t=null==o?void 0:o.e2eClassNames)||void 0===t?void 0:t.body,c=null!==(a=null===(n=null==o?void 0:o.e2eClassNames)||void 0===n?void 0:n.row)&&void 0!==a?a:"",u=l?`selected ${c}`:`${c}`;return f.default.createElement(cl,{key:e.id,className:d,fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,{key:e.id,className:u,accentColor:e.accentColor},g&&f.default.createElement(ml,null,U(l,e)),r(e)),e.nestedRows&&e.nestedRows.map((e=>G(e,!i))))}))),[i,s,P,G,r,U,g]);if(C){const e=[];for(let t=0;t<$;t+=1)e.push(f.default.createElement(cl,{key:`loading-row-${t}`,fixedColumnsStyle:Tl(P||[])},f.default.createElement(ul,null,c?f.default.createElement(f.default.Fragment,null,g&&K(),c()):J(t))));return f.default.createElement(D,{ref:O,scrollDisabled:!0,scrollPosition:M,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z},k&&l&&f.default.createElement(Rl,{renderHeader:X,tableRef:A,wrapperRef:O,isFixedLayout:R,wrapperStyle:S}),f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!0,isFixedLayout:R},X(),e,Q()))}if(F||E){let e=Go;return N?e=N:E&&(e=Jo),f.default.createElement(D,{scrollDisabled:!0},f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!1,isFixedLayout:R},X(),Q()),f.default.createElement($l,Object.assign({height:L},e)))}return f.default.createElement(D,{scrollDisabled:!1,ref:O,scrollPosition:M,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z,showScrollbar:o},k&&l&&f.default.createElement(Rl,{renderHeader:X,tableRef:A,wrapperRef:O,isFixedLayout:R,wrapperStyle:S}),f.default.createElement(hl,{ref:A,striped:n,noWrap:a,tableLoading:!1,isFixedLayout:R},X(),te,Q()))};Wl.Cell=ml,Wl.ClickableCell=e=>{var{onClick:t,children:n}=e,a=K(e,["onClick","children"]);return f.default.createElement(ml,Object.assign({},a),f.default.createElement(Sl,{onClick:t},n))},Wl.EditableCell=e=>{var{onClick:t,children:n}=e,a=K(e,["onClick","children"]);return f.default.createElement(ml,Object.assign({},a),f.default.createElement(kl,{onClick:t},f.default.createElement(Nl,null,n)))},Wl.SkeletonCell=Fl,Wl.SkeletonContent=Dl;const Pl=g.default.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,Vl="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",_l="Log in with Amazon",Yl=n.createGlobalStyle`body{overflow:hidden;scrollbar-gutter:stable;}`,Zl=g.default.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${T.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${Le.Footer} {\n box-shadow: 0px 10px 15px 0px ${T.colors.neutral.ink.dark};\n }\n `}`,ql=e=>!!e.footerSlot,Xl={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Ul={[$.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[$.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[$.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[$.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[$.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},Kl={xs:$.mobile,sm:$.mobile,base:$.tablet,lg:$.lgTablet},{breakpoints:Gl}=T,Jl=g.default(t.motion.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:${T.sizes.sm};box-shadow:${T.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Le.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Xl[e]};`} ${Zl}{padding-bottom:${T.sizes.md};}${Le.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})=>Ul[Gl.tablet][e]};}@media (min-width: ${Gl.tablet})and (max-width: ${Gl.lgTablet}){max-width:${({variant:e})=>Ul[Gl.lgTablet][e]};}@media (min-width: ${Gl.lgTablet})and (max-width: ${Gl.desktop}){max-width:${({variant:e})=>Ul[Gl.desktop][e]};}@media (min-width: ${Gl.desktop}){max-width:${({variant:e})=>Ul[Gl.lgDesktop][e]};}@media (max-width: ${({variant:e})=>Kl[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Le.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Oe(T.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,Ql=f.default.forwardRef(((e,t)=>{var n=K(e,[]);return f.default.createElement(Jl,Object.assign({ref:t},n))})),ei=g.default(et).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${T.sizes.lg};height:30px;background-color:${T.colors.neutral.grey.light};border:1px solid ${T.colors.neutral.grey.base};border-radius:${T.sizes.xs};`,ti=g.default(pe).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${T.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,ni=g.default(No).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,ai=({count:e})=>f.default.createElement(f.default.Fragment,null,f.default.createElement("div",null,f.default.createElement(j,{variant:"bodySmall","aria-hidden":!0},"/")),f.default.createElement(ei,{alignX:"center",alignY:"center","aria-hidden":!0},f.default.createElement(j,{variant:"bodySmall"},e))),oi=({currentPage:t,totalPagesCount:n,handleChangePage:a})=>{const[o,l]=e.useState(`${t}`);e.useEffect((()=>{l(`${t}`)}),[t]);const i=e=>e>=1&&e<=n,r=()=>{if(o||l(`${t}`),o===`${t}`)return;const e=parseInt(o,10);i(e)&&a(e)};return{pageInputValue:o,handleIncrement:()=>{i(t+1)&&a(t+1)},handleDecrement:()=>{i(t-1)&&a(t-1)},handleInputChange:e=>{e||l(e);const t=parseInt(e,10);var n;i(n=t)&&l(`${n}`)},handleSubmit:r,handleFormSubmit:e=>{e.preventDefault(),r()}}},li=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),ii=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),ri=g.default.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;}`,di=g.default.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;}`,si=({onIncrement:e,onDecrement:t,disabled:n=!1,size:a})=>f.default.createElement(ri,{size:a},f.default.createElement(di,{type:"button",onClick:e,disabled:n},f.default.createElement(U,{height:T.sizes.base,width:T.sizes.base,color:T.colors.neutral.ink.base})),f.default.createElement(di,{type:"button",onClick:t,disabled:n},f.default.createElement(he,{height:T.sizes.base,width:T.sizes.base,color:T.colors.neutral.ink.base}))),ci=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${T.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${T.colors.neutral.ink.lightest};}`,ui=g.default(y).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${T.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?T.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;}}`,mi=g.default(j).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,pi=g.default(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 ${T.colors.secondary.red.light};\n\n > * {\n border-top-color: ${T.colors.secondary.red.base};\n border-bottom-color: ${T.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${T.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${T.colors.secondary.red.base};\n border-right-color: ${T.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${T.colors.secondary.red.base};\n border-bottom-color: ${T.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${T.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?T.colors.secondary.red.base:T.colors.secondary.blue.base};}}`;const fi=qn((e=>{var{className:t="",hasError:n,currency:a,disabled:o=!1,onChange:l,onPriceChange:i,priceValue:r,step:d="0.1",size:s=Eo.base}=e,c=K(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const u=(e=i)=>{e(((parseFloat(r)||0)+parseFloat(d)).toFixed(2))},m=(e=i)=>{e(((parseFloat(r)||0)-parseFloat(d)).toFixed(2))};return f.default.createElement(pi,{className:t,hasError:n},f.default.createElement(ui,{disabled:o,size:s},f.default.createElement(mi,{variant:"hintText"},a)),f.default.createElement(ci,Object.assign({placeholder:"0.00",type:"currency",value:r,step:d,onChange:e=>l(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void i("");const a=parseFloat(n.replace(",",".")).toFixed(2);i(a)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&u(l),"ArrowDown"===t&&m(l)},disabled:o,size:s},c)),f.default.createElement(si,{onIncrement:()=>u(),onDecrement:()=>m(),disabled:o,size:s}))}));fi.displayName="PriceInput";const gi=g.default.span.withConfig({displayName:"vui--ScreenReaderOnlyElement",componentId:"vui--ejkp56"})`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;`,hi=g.default(No).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,bi=g.default.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,vi=g.default(y).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 & ${hi} {\n ${t}\n }\n\n & ${bi} {\n ${n}\n }\n `}}`,xi=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),yi=T.colors.neutral.grey.lightest,wi=T.colors.neutral.grey.dark,Ei=T.colors.secondary.blue.dark,Ci=g.default(y).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:active{background-color:${yi};border-color:${wi};box-shadow:none;}:focus{box-shadow:0 0 0 4px ${T.colors.secondary.blue.light};outline:0;z-index:1;}}> .veeqo-components-active-button{:active{background-color:${Ei};border-color:${Ei};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${T.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,$i=g.default.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--t1odf6"})`--kbdTextColor:${e=>e.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${T.colors.neutral.ink.base});font-family:${T.text.bodySmall.fontFamily};font-style:${T.text.bodySmall.fontStyle};font-size:${T.text.bodySmall.fontSize};line-height:${T.text.bodySmall.lineHeight};font-weight:${T.text.bodySmall.fontWeight};text-decoration:${T.text.bodySmall.textDecoration};letter-spacing:${T.text.bodySmall.letterSpacing};`,ki=g.default.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--651mmm"})`box-sizing:border-box;color:var(--kbdTextColor, ${T.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${T.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${T.text.bodySmall.fontFamily};font-style:${T.text.bodySmall.fontStyle};`,Si={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},Ni={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"},{blue:Li}=C.secondary,{grey:Ii}=C.neutral,zi=g.default.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,Di=g.default.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${Li.lightest};}`,Fi=g.default.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Ri=g.default.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:${F.bodySmall.fontFamily};font-size:${F.bodySmall.fontSize};font-weight:${F.bodySmall.fontWeight};color:${F.bodySmall.color};line-height:${z.base};& > *{vertical-align:middle;}`,Ti=g.default(Ri).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Ii.dark};font-family:${F.bodySmallBold.fontFamily};font-size:${F.bodySmallBold.fontSize};font-weight:${F.bodySmallBold.fontWeight};color:${F.bodySmallBold.color};`,Ai=g.default.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${Di} tr:nth-child(even) td {\n background-color: ${Ii.lightest};\n }\n `}`,Oi=({striped:e=!0,className:t,children:n})=>f.default.createElement(Ai,{striped:e,className:t},n);Oi.Header=zi,Oi.Body=Di,Oi.Row=Fi,Oi.HeaderCell=Ti,Oi.Cell=Ri;const Mi=g.default(y).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--7bl1ak"})`display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({width:e="",height:t=""})=>`\n width: ${e||"100%"};\n min-width: ${e};\n height: ${t||"20px"};\n min-height: ${t};\n `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;Mi.displayName="Skeleton";const ji=g.default.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Bi=g.default.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${T.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,Hi=g.default.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 ${T.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 ${T.colors.secondary.blue.light};}`,Wi=g.default(Bi).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${T.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Pi=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}),Vi=g.default(y).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:C.neutral.ink.base};\n background-color: ${null!=e?e:C.neutral.grey.base};\n `}`,_i=g.default(et).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${T.layers.tooltip};`,Yi=g.default(et).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${T.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${T.shadows.lg};border-radius:${T.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;}`,Zi=g.default(y).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${T.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${z.md};height:${z.md};}`,qi=g.default(et).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,Xi=g.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,Ui={info:{accentColor:C.brand.blue.base,icon:f.default.createElement(it,null)},success:{accentColor:C.secondary.green.base,icon:f.default.createElement(rt,null)},error:{accentColor:C.secondary.red.base,icon:f.default.createElement(ot,null)},merge:{accentColor:C.secondary.purple.base,icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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)}},Ki=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Gi=({className:e,e2eClassName:t,type:n,iconSlot:a,text:o,last:l,minWidth:i,cta:r,onClose:d})=>{const s=Ki(e),c=Ki(t);return f.default.createElement(Yi,{className:Te([null==s?void 0:s.container,null==c?void 0:c.container]),direction:"horizontal",alignY:"center",minWidth:i,last:l},f.default.createElement(Zi,{color:Ui[n].accentColor,className:Te([s.icon,c.icon])},null!=a?a:Ui[n].icon),f.default.createElement(qi,{direction:"horizontal",alignY:"center",alignX:"between"},f.default.createElement(Xi,{variant:"body"},o),r),f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,{color:"white"}),onClick:d,"aria-label":"Close"}))},Ji=g.default.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:${T.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",a="24px",o="24px",l="8px",i="16px",r="4px",d="white",s="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",a="16px",o="16px",l="4px",i="14px",r="2px"),t&&(d="#0079D1",s="#0079D1",c="white"),`\n --outline-width: ${r};\n\n height: ${n};\n padding-left: ${a};\n padding-right: ${o};\n border-radius: ${l};\n font-size: ${i};\n\n background-color: ${d};\n border-color: ${s};\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;}`,Qi=g.default.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--17v0v3c"})`display:flex;align-items:center;justify-content:center;padding:${z.md};border-radius:${k.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${C.neutral.ink.lightest};background-color:${C.neutral.grey.lightest};:hover{border:2px dashed ${C.secondary.blue.base};background-color:${C.secondary.blue.lightest};}:active{border:2px dashed ${C.secondary.blue.base};box-shadow:0 0 0 4px ${C.secondary.blue.light};background-color:${C.secondary.blue.lightest};}:focus-within{border:2px dashed ${C.secondary.blue.base};box-shadow:0 0 0 4px ${C.secondary.blue.light};background-color:${C.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${C.secondary.red.base};:hover{border:2px dashed ${C.secondary.red.base};background-color:${C.secondary.red.lightest};}:active{border:2px dashed ${C.secondary.red.base};box-shadow:0 0 0 4px ${C.secondary.red.light};background-color:${C.secondary.red.lightest};}:focus-within{border:2px dashed ${C.secondary.red.base};box-shadow:0 0 0 4px ${C.secondary.red.light};background-color:${C.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${C.neutral.grey.light};border-color:${C.neutral.ink.lightest};color:${C.neutral.ink.light};}`;var er,tr,nr;exports.AcceptedFileTypes=void 0,(er=exports.AcceptedFileTypes||(exports.AcceptedFileTypes={})).CSV=".csv",er.JPEG=".jpeg",er.JPG=".jpg",er.GIF=".gif",er.PNG=".png",exports.FileSizeUnit=void 0,(tr=exports.FileSizeUnit||(exports.FileSizeUnit={})).KB="KB",tr.MB="MB",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"}(nr||(nr={}));const ar=()=>f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},f.default.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),f.default.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"})),or=()=>f.default.createElement(et,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},f.default.createElement(ar,null),f.default.createElement(j,{variant:"subheadingSmall",style:{paddingTop:z.sm}},"Browse files or drag them here")),lr=({acceptedTypesCopy:e,maxSizeCopy:t})=>e||t?f.default.createElement(et,{alignX:"start",spacing:"xs"},e&&f.default.createElement(j,{variant:"errorSmall"},"Invalid format (",e,")"),t&&f.default.createElement(j,{variant:"errorSmall"},"File is too big (",t,")")):null,ir=g.default(j).withConfig({displayName:"vui--SingleLineText",componentId:"vui--1aguyhc"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,rr=g.default(et).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--1g0ca18"})`border:1px solid ${C.neutral.ink.lightest};border-radius:${k.base};padding:${z.xs};${j}{padding-left:${z.xs};}`,dr=({file:e,resetSelection:t,disabled:n})=>e?f.default.createElement(rr,{alignX:"between",direction:"horizontal",alignY:"center"},f.default.createElement(ir,{variant:"body"},null==e?void 0:e.name),f.default.createElement(pe,{size:"sm",variant:"flat",onClick:t,iconSlot:f.default.createElement(be,null),"aria-label":"Remove file",disabled:n})):null,sr=e.forwardRef(((t,n)=>{var{id:a,name:o,maxBytes:l=1e6,format:i=exports.FileSizeUnit.MB,fileTypes:r,label:d="Upload file",required:s,disabled:c}=t,u=K(t,["id","name","maxBytes","format","fileTypes","label","required","disabled"]);const m=e.useRef(null);e.useImperativeHandle(n,(()=>m.current),[]);const[p,g]=e.useState(),[h,b]=e.useState(nr.VALID),v=h===nr.INVALID_FORMAT||h===nr.INVALID_FORMAT_AND_SIZE,x=h===nr.INVALID_SIZE||h===nr.INVALID_FORMAT_AND_SIZE,y=(({maxBytes:e,format:t,baseString:n})=>{const a=null==n?"Max size: ":n;switch(t){case exports.FileSizeUnit.KB:return`${a}${Number(e)/1e3} KB`;case exports.FileSizeUnit.MB:return`${a}${Number(e)/1e6} MB`;default:return`${a}${Number(e)/1e3} KB`}})({maxBytes:l,format:i}),w=(({fileTypes:e,baseString:t})=>{let n=null==t?"Valid types: ":t;return e.forEach(((e,t,a)=>{const o=a.length>1,l=t===a.length-1&&o,i=t===a.length-2&&o;switch(l&&(n+=" and "),e){case exports.AcceptedFileTypes.CSV:n+="CSV";break;case exports.AcceptedFileTypes.GIF:n+="GIF";break;case exports.AcceptedFileTypes.JPEG:n+="JPEG";break;case exports.AcceptedFileTypes.JPG:n+="JPG";break;case exports.AcceptedFileTypes.PNG:n+="PNG"}!i&&!l&&a.length>2&&(n+=", ")})),n})({fileTypes:r}),E=(({fileTypes:e})=>{if(1===e.length)return e[0];let t="";return e.forEach(((e,n,a)=>{const o=a.length-1===n&&a.length>1;t+=o?`${e}`:`${e}, `})),t.trim()})({fileTypes:r}),C=()=>{var e;(null===(e=m.current)||void 0===e?void 0:e.value)&&(m.current.value="")},$=({overMaxSize:e,invalidFormat:t})=>{var n;let a=nr.VALID;t&&!e?a=nr.INVALID_FORMAT:!t&&e?a=nr.INVALID_SIZE:t&&e&&(a=nr.INVALID_FORMAT_AND_SIZE),null===(n=m.current)||void 0===n||n.setCustomValidity(a),b(a)},k=e.useCallback((e=>{if(!e.length)return void $({invalidFormat:!0});const[t]=e,n=t.size>l,[,o]=t.type.split("/"),i=!r.find((e=>e.substring(1)===o));n||i?C():(({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)})({fileList:e,elementId:a}),$({invalidFormat:i,overMaxSize:n}),g(t)}),[r,a,l]),S=e.useCallback((()=>{C(),g(void 0),$({invalidFormat:!1,overMaxSize:!1})}),[]),N=e.useCallback((()=>{var e;const t=null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?k(t):S()}),[S,k]);return e.useEffect((()=>{const e=null==m?void 0:m.current;return null==e||e.addEventListener("change",N),null==e||e.addEventListener("cancel",S),()=>{null==e||e.removeEventListener("change",N),null==e||e.removeEventListener("cancel",S)}}),[N,S]),f.default.createElement(Yn,{spacing:"sm",alignX:"stretch"},f.default.createElement(Pn,{htmlFor:a},d,f.default.createElement(et,{spacing:3,alignX:"stretch",style:{paddingTop:z.sm}},f.default.createElement(Vn,null,f.default.createElement("div",null,w),f.default.createElement("div",null,y)),f.default.createElement(Qi,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&k(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=m.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=m.current)||void 0===t||t.blur()}},f.default.createElement(or,null),f.default.createElement("input",Object.assign({ref:m,id:a,type:"file",accept:E,name:o,required:s,disabled:c},u))))),f.default.createElement(et,{alignX:"stretch",spacing:"sm"},f.default.createElement(dr,{file:p,resetSelection:S,disabled:c}),f.default.createElement(lr,{acceptedTypesCopy:v?w:void 0,maxSizeCopy:x?y:void 0})))})),cr="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",ur=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${cr} display:${e=>e.shouldShow?"initial":"none"};z-index:${T.layers.modal};`,mr=g.default(y).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${cr} background-color:rgba(55,66,77,0.5);`,pr=g.default(y).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,fr=({usePortal:e,children:t})=>f.default.createElement(f.default.Fragment,null,e?f.default.createElement(De,null,t):t),gr=({className:e,children:t=null,shouldShow:n=!1,usePortal:a=!0})=>f.default.createElement(fr,{usePortal:a},f.default.createElement(ur,{className:Te([`${e}-container`,e]),shouldShow:n},f.default.createElement(mr,null),f.default.createElement(x.default,{isActive:n},f.default.createElement(pr,{className:Te([`${e}-wrap`,e])},t)))),hr=g.default.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,br=g.default.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,vr=g.default(pe).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`;var xr;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(xr||(xr={}));const yr=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,wr=g.default(j).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,Er=g.default(y).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 ${j} {\n color: ${null!=t?t:C.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,Cr=g.default(j).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 & > ${wr} {\n color: #fff;\n }\n `}`,$r={style:{marginLeft:z.xs,padding:z.xs,height:z.base,width:z.base}},kr=g.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${z.sm};svg{height:${z.base};width:${z.base};}`,Sr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.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"})),Nr=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});var Lr;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Lr||(Lr={}));const Ir=e=>f.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"4",fill:"none",viewBox:"0 -4 12 12",role:"presentation"},e),f.default.createElement("path",{fill:"currentColor",d:"M2 .667C1.267.667.667 1.267.667 2S1.267 3.333 2 3.333c.734 0 1.334-.6 1.334-1.333S2.734.667 2 .667m8 0c-.733 0-1.333.6-1.333 1.333s.6 1.333 1.333 1.333c.734 0 1.334-.6 1.334-1.333S10.734.667 10 .667m-4 0c-.733 0-1.333.6-1.333 1.333S5.267 3.333 6 3.333c.734 0 1.334-.6 1.334-1.333S6.734.667 6 .667"})),zr=g.default(j).withConfig({displayName:"vui--CounterText",componentId:"vui--13z4q4k"})`line-height:1;`,Dr=g.default(Ir).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--lo8tpb"})``,Fr=g.default(be).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--u5oj4b"})``,Rr=g.default(j).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1nbpnol"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.dark};\n\n & > ${zr} {\n color: ${C.neutral.grey.lightest};\n }\n `}`,Tr=g.default(y).withConfig({displayName:"vui--Contour",componentId:"vui--1fc3r48"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${T.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:e})=>`\n\n &:hover {\n background-color: ${C.neutral.grey.base};\n & > ${Rr} {\n background-color: ${C.neutral.grey.base};\n & > ${zr} {\n color: ${C.neutral.ink.base};\n }\n }\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n & > ${Dr} {\n color: ${C.neutral.ink.dark};\n }\n & > ${Fr} {\n color: ${C.neutral.ink.dark};\n }\n }\n\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t,customTextColour:n})=>e&&`\n background-color: ${t.lightest};\n\n & > ${Dr} {\n color: ${t.dark};\n }\n & > ${Fr} {\n color: ${t.dark};\n }\n\n & > ${j} {\n color: ${null!=n?n:t.dark};\n }\n `}`,Ar=g.default(re).withConfig({displayName:"vui--ViewButton",componentId:"vui--i4ro1b"})`padding:${T.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:e})=>`\n &:focus-visible {\n ${Tr} {\n background-color: ${C.neutral.grey.base};\n & > ${Rr} {\n background-color: ${C.neutral.grey.base};\n & > ${zr} {\n color: ${C.neutral.ink.base};\n }\n }\n & > ${j} {\n color: ${null!=e?e:C.neutral.ink.dark};\n }\n & > ${Dr} {\n color: ${C.neutral.ink.dark};\n }\n & > ${Fr} {\n color: ${C.neutral.ink.dark};\n }\n }\n `}`,Or={style:{marginLeft:z.xs,padding:z.xs,height:z.base,width:z.base}},Mr=g.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1cuc9yu"})`display:flex;align-items:center;margin-right:${z.sm};svg{height:${z.base};width:${z.base};}`,jr=f.default.forwardRef(((e,t)=>{var{id:n,iconSlot:a,name:o,type:l,className:i,colourPalette:r=C.secondary.blue,customTextColour:d,count:s,active:c=!1,onClick:u,subAction:m,ariaContext:p}=e,g=K(e,["id","iconSlot","name","type","className","colourPalette","customTextColour","count","active","onClick","subAction","ariaContext"]);const h={delete:(b=i)?`${b}-delete`:void 0,edit:b?`${b}-edit`:void 0,container:b?`${b}-view`:void 0,active:b?`${b}-active`:void 0,counter:b?`${b}-counter`:void 0};var b;const[v,x,y]=qe(),w=c&&m?m:u,E=l===Lr.draft,$=l===Lr.saved;return f.default.createElement(Ar,Object.assign({className:Te([null==h?void 0:h.container]),onClick:()=>w(n),role:"tab","aria-selected":c,"aria-label":`${c&&E?"Delete":c&&$?"Edit":""} ${o} view ${s?`with ${s} ${p}`:""}`,customTextColour:d,ref:t},g),f.default.createElement(Tr,{active:c,onMouseEnter:x,onMouseLeave:y,colourPalette:r,customTextColour:d},a&&f.default.createElement(Mr,null,a),f.default.createElement(j,{variant:"bodyBold"},o),null!=s&&f.default.createElement(Rr,{"data-testid":"countContainer",active:c||v,colourPalette:r,customTextColour:d},f.default.createElement(zr,{variant:"subheadingSmall"},s)),E&&f.default.createElement(Fr,Object.assign({},Or,{"aria-label":"delete icon"})),$&&c&&f.default.createElement(Dr,Object.assign({},Or,{"aria-label":"edit icon"}))))})),Br=g.default(et).withConfig({displayName:"vui--ViewsWrapper",componentId:"vui--x8ukf0"})`overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`,Hr=g.default(et).withConfig({displayName:"vui--Container",componentId:"vui--mlh8wa"})`background-color:${C.neutral.grey.lightest};`,Wr=g.default(un).withConfig({displayName:"vui--StyledLeftIcon",componentId:"vui--193620d"})`color:${C.neutral.ink.base};`,Pr=g.default(Vt).withConfig({displayName:"vui--StyledRightIcon",componentId:"vui--erlipg"})`color:${C.neutral.ink.base};`,Vr=g.default(Ir).withConfig({displayName:"vui--StyledMenuIcon",componentId:"vui--eg23b0"})`color:${C.neutral.ink.base};`,_r=g.default(pe).withConfig({displayName:"vui--StyledMenuButton",componentId:"vui--1o9jbht"})`background-color:white;&:hover{background-color:${C.neutral.grey.lightest};}`,Yr=g.default(pe).withConfig({displayName:"vui--StyledLeftButton",componentId:"vui--wtwmiz"})`background-color:white;&:disabled{background-color:white;${Wr}{color:${C.neutral.ink.lightest};}}&:hover{background-color:${C.neutral.grey.lightest};}`,Zr=g.default(pe).withConfig({displayName:"vui--StyledRightButton",componentId:"vui--1ycuwov"})`background-color:white;&:disabled{background-color:white;${Pr}{color:${C.neutral.ink.lightest};}}&:hover{background-color:${C.neutral.grey.lightest};}`,qr=g.default(wo).withConfig({displayName:"vui--StyledInputGroup",componentId:"vui--l3ez4z"})`padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`,Xr=(t,n)=>{var a;const[o,l]=e.useState(!0),[i,r]=e.useState(!1),[d,s]=e.useState([]),c=null===(a=null==t?void 0:t.current)||void 0===a?void 0:a.querySelector("[aria-selected = true]"),m=u.usePrevious(c),p=e.useCallback((()=>{var e,n,a,o,i,d,s,c;(null===(e=t.current)||void 0===e?void 0:e.scrollLeft)>0?l(!1):(document.getElementById("left-arrow")===document.activeElement&&(null===(n=document.getElementById("right-arrow"))||void 0===n||n.focus()),l(!0));const u=(null!==(o=null===(a=t.current)||void 0===a?void 0:a.scrollWidth)&&void 0!==o?o:0)-(null!==(d=null===(i=t.current)||void 0===i?void 0:i.clientWidth)&&void 0!==d?d:0);(null===(s=t.current)||void 0===s?void 0:s.scrollLeft)>=u-10?(document.getElementById("right-arrow")===document.activeElement&&(null===(c=document.getElementById("left-arrow"))||void 0===c||c.focus()),r(!0)):r(!1)}),[t]),f=e.useCallback((()=>{t.current&&(t.current.scrollWidth-t.current.getBoundingClientRect().width<5?r(!0):r(!1))}),[t]),g=e.useCallback((()=>{const e=((e,t,n)=>{for(let a=0;a<e.length;a++){if(void 0===e[a+3])return t-n;if(e[a]>=t)return e[a+3]}return t-n})(d,t.current.scrollLeft,t.current.clientWidth);t.current.scrollTo({left:e,top:0,behavior:"smooth"})}),[t,d]),h=e.useCallback((()=>{const e=((e,t)=>{const n=e.slice().reverse();for(let a=0;a<e.length;a++){if(void 0===n[a+3])return 0;if(n[a]<t)return n[a+3]}return 0})(d,t.current.scrollLeft);t.current.scrollTo({left:e,top:0,behavior:"smooth"})}),[t,d]);return e.useEffect((()=>{var e,a,o,l,i,r,u;if(null==t?void 0:t.current){if((null===(e=t.current.children)||void 0===e?void 0:e.length)&&(null===(a=t.current.children)||void 0===a?void 0:a.length)!==d.length&&d.length>0&&d.length<n.length&&(t.current.scrollTo({left:t.current.scrollWidth-t.current.clientWidth,top:0,behavior:"smooth"}),s([...d,d[d.length-1]+(null!==(l=null===(o=t.current.children[d.length-1])||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==l?l:0)-20])),(null===(i=t.current.children)||void 0===i?void 0:i.length)&&0===d.length&&s((e=>Object.values(e.children).map((e=>e.getBoundingClientRect().x-20)))(t.current)),c!==m&&null!==c&&(null===(r=t.current.children)||void 0===r?void 0:r.length)===d.length){const e=Array.from(t.current.children).indexOf(c);t.current.scrollTo({left:d[e],top:0,behavior:"smooth"})}return f(),window.addEventListener("resize",f),null===(u=t.current)||void 0===u||u.addEventListener("scroll",p),()=>{window.removeEventListener("resize",f)}}}),[t,n,f,p,d,c,m]),{rightDisabled:i,leftDisabled:o,toNextScrollPosition:g,toPrevScrollPosition:h}},Ur=f.default.forwardRef((({children:t,onClickMenu:n,ariaMenuControls:a,ariaMenuExpanded:o},l)=>{const i=e.useRef(null),{rightDisabled:r,leftDisabled:d,toNextScrollPosition:s,toPrevScrollPosition:c}=Xr(i,t);return f.default.createElement(Hr,{direction:"horizontal",alignY:"center",alignX:"between"},f.default.createElement(Br,{ref:i,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},t),f.default.createElement(qr,null,(!d||!r)&&f.default.createElement(f.default.Fragment,null,f.default.createElement(Yr,{id:"left-arrow",iconSlot:f.default.createElement(Wr,null),disabled:d,onClick:c,variant:"flat","aria-label":"move views to the left"}),f.default.createElement(Zr,{id:"right-arrow",iconSlot:f.default.createElement(Pr,null),disabled:r,onClick:s,variant:"flat","aria-label":"move views to the right"})),f.default.createElement(_r,{iconSlot:f.default.createElement(Vr,null),variant:"flat",onClick:n,"aria-label":"open menu","aria-controls":a,"aria-expanded":o,"aria-haspopup":a?"dialog":void 0,ref:l})))})),Kr=g.default(y).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,Gr=g.default(y).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,Jr=g.default(No).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,Qr=g.default(pe).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${T.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${T.colors.secondary.red.base};\n `};`,ed=e=>Fo(e,Ro),td=qn((e=>{var{size:t=Eo.base,hasError:n,className:a}=e,o=K(e,["size","hasError","className"]);return f.default.createElement(Kr,{className:a},f.default.createElement(Gr,null,"g"===o.weightUnit&&f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangeGram,name:"gram",type:"number",value:o.gram,hasError:n,min:"0",step:"any",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(o)&&f.default.createElement(f.default.Fragment,null,f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangePound,name:"pound",type:"number",value:o.pound,hasError:n,step:"any",min:"0",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"lb")),f.default.createElement(wo,null,f.default.createElement(Jr,Object.assign({size:t,onChange:o.handleChangeOunce,name:"ounce",type:"number",value:o.ounce,hasError:n,min:"0",step:"any",onKeyDown:ed},o)),f.default.createElement(Qr,{hasError:n,size:t},"oz")))))}));td.displayName="WeightInput",td.defaultProps={weightUnit:"lb"};const nd={base:"28px",sm:"20px",xs:"16px"},ad={base:"18px",sm:"10px",xs:"8px"},od={base:"-12px",sm:"-8px",xs:"-6px"},ld=g.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--gpqjtl"})`position:absolute;top:${({size:e})=>od[e]};right:${({size:e})=>od[e]};box-sizing:border-box;height:${({size:e})=>nd[e]};min-width:${({size:e})=>nd[e]};display:flex;align-items:center;justify-content:center;border-radius:${({size:e})=>ad[e]};padding:0 4px;background-color:${({color:e})=>e||T.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;exports.Accordion=({className:n,children:a,label:o,iconSlot:l,glyphColor:i=C.neutral.ink.lightest,timeout:r=350,description:d,shouldOpenOnMount:s,variant:c="default",summaryTextVariant:u="body"})=>{const[m,p]=e.useState(!!s),g=()=>p(!m),h={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:r/1e3}};return"unstyled"===c?f.default.createElement(Z,{open:!!s,className:n},f.default.createElement(X,{onClick:g},f.default.createElement(V,null,f.default.createElement(H,{glyphColor:i},l,f.default.createElement(j,{variant:u},o)),f.default.createElement(W,null,f.default.createElement(t.motion.span,{animate:{rotate:m?180:0}},f.default.createElement(U,{name:m?"downArrow":"upArrow"})))),!!d&&f.default.createElement(_,{variant:"hintText"},d)),m&&f.default.createElement(q,Object.assign({},h),a)):f.default.createElement(Z,{open:!!s,className:n},f.default.createElement(P,{onClick:g},f.default.createElement(V,null,f.default.createElement(H,{glyphColor:i},l,f.default.createElement(j,{variant:u},o)),f.default.createElement(W,null,f.default.createElement(t.motion.span,{animate:{rotate:m?180:0}},f.default.createElement(U,{name:m?"downArrow":"upArrow"})))),!!d&&f.default.createElement(_,{variant:"hintText"},d)),m&&f.default.createElement(Y,Object.assign({},h),a))},exports.ActionMenu=Je,exports.Alert=e=>{var{size:t="base",variant:n="default",colours:a,rightActions:o,rightActionsSlot:l,title:i,titleSlot:r,messageSlot:d,message:s,children:c,iconSlot:u,onClickClose:m}=e,p=K(e,["size","variant","colours","rightActions","rightActionsSlot","title","titleSlot","messageSlot","message","children","iconSlot","onClickClose"]);const g=null!=a?a:st[n],h=u||dt[n],b="xs"===t;return f.default.createElement(tt,Object.assign({colours:g,direction:"horizontal",alignX:"between",spacing:"0"},p),f.default.createElement(et,{direction:"horizontal",alignY:b?"center":"start",style:{margin:nt[t],gap:nt[t]},spacing:0},f.default.createElement(h,{"aria-hidden":!0,style:{minWidth:at[t],minHeight:at[t],width:at[t],height:at[t]},color:g.primary}),c||f.default.createElement(et,{direction:"vertical",spacing:b?0:"xs"},r||f.default.createElement(j,{variant:b?"bodySmallBold":"bodyBold",style:"base"===t?{lineHeight:"24px"}:{}},i),d||f.default.createElement(j,{variant:b?"bodySmall":"body"},s))),f.default.createElement(et,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:b?void 0:T.sizes[3],gap:b?void 0:nt[t],alignItems:"center"}},l,o&&f.default.createElement(et,{alignY:"center",spacing:0,style:{gap:nt[t]}},o.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button",size:"sm"},n),t)}))),m&&f.default.createElement(et,{alignY:b?"center":"start",style:{height:"100%",padding:b?T.sizes.xs:void 0}},f.default.createElement(pe,{variant:"flat",iconSlot:f.default.createElement(be,null),onClick:m,"aria-label":"Close",size:"sm"}))))},exports.Anchor=e=>{var{children:t,href:n,rel:a,allowedHostnames:o=Me}=e,l=K(e,["children","href","rel","allowedHostnames"]);const i=je(n,o),r=a||(i?"noopener noreferrer":void 0);return f.default.createElement(pt,Object.assign({href:n,rel:r},l),t)},exports.AnimatedDropdown=xt,exports.Avatar=({width:e="40px",name:t="Veeqo",bgColor:n=T.colors.secondary.blue.base,textColor:a="#ffffff"})=>{const o=t.toUpperCase().match(/\b(\w)/g);return f.default.createElement(yt,{width:e,bgColor:n,textColor:a,className:"avatar"},null==o?void 0:o.slice(0,2).map(((e,t)=>f.default.createElement("span",{key:`${e}-${t}`},e))))},exports.Badge=({variant:e="default",hideBorder:t=!1,iconSlot:n,tooltip:a,className:o,e2eClassName:l,children:i})=>{const r=Ft[e];return f.default.createElement(zt,{text:a},f.default.createElement(r,{className:Te([o,l]),hideBorder:t},n&&n,i&&f.default.createElement("span",null,i)))},exports.Banner=e=>{var{type:t="info",text:n,iconSlot:a,onClose:o,className:l,header:i,children:r,backgroundColor:d="white"}=e,s=K(e,["type","text","iconSlot","onClose","className","header","children","backgroundColor"]);const c=Ht[t];return f.default.createElement(Rt,Object.assign({accentColor:c,className:l,backgroundColor:d},s),f.default.createElement(Tt,null,a&&f.default.createElement(Ot,{style:{marginRight:z.md},accentColor:c},a),r?f.default.createElement(Mt,null,r):f.default.createElement(f.default.Fragment,null,f.default.createElement(jt,null,i||f.default.createElement(Bt,{variant:"headingSmall"},n)),f.default.createElement(At,null,o&&f.default.createElement(pe,{variant:"flat","aria-label":"Close",iconSlot:f.default.createElement(be,null),onClick:o})))))},exports.BaseContainer=y,exports.Breadcrumbs=({items:e,Separator:t=f.default.createElement(Yt,null),LinkComponent:n=Zt})=>f.default.createElement(Wt,{className:"breadcrumbs"},e.map(((a,o)=>f.default.createElement(_t,{key:a.title,title:a.title,href:a.pathname,LinkComponent:o!==e.length-1?n:qt},e.length!==o+1&&t)))),exports.Button=pe,exports.Calendar=bn,exports.Card=Le,exports.CardHeader=ve,exports.Checkbox=Rn,exports.Choice=Ln,exports.ChoiceList=jn,exports.CopyToClipboard=({className:t,text:n,onCopy:a})=>{const[o,l]=f.default.useState(!1),i=e.useCallback((()=>{navigator.clipboard.writeText(n),a&&a(),l(!0),setTimeout((()=>l(!1)),2500)}),[a,n]);return f.default.createElement(zt,{text:o?"Copied!":"Copy to clipboard"},f.default.createElement(Wn,{variant:"flat",size:"sm",className:t,"aria-label":`${o?"Copied":"Copy"} "${n}" to clipboard`,iconSlot:o?f.default.createElement(rt,Object.assign({color:C.secondary.green.base},Hn)):f.default.createElement(Bn,Object.assign({color:C.secondary.blue.base},Hn)),onClick:i}))},exports.DATE_RANGE_OPTIONS=sa,exports.DEFAULT_PRESET=ma,exports.DEFAULT_RANGE=ua,exports.DataTable=co,exports.DateInputField=Un,exports.DatePicker=t=>{var{className:n,style:a,value:o,onChange:l,"aria-label":i,isDisabled:r,shouldCloseOnSelect:d=!0,rootElementRef:s,maxValue:c,minValue:u,disabledRanges:m,disallowWeekends:p}=t,g=K(t,["className","style","value","onChange","aria-label","isDisabled","shouldCloseOnSelect","rootElementRef","maxValue","minValue","disabledRanges","disallowWeekends"]);const[h,b]=e.useState(!1),v=e.useRef(o),x=e.useRef(null),y=e.useRef(null),w=()=>{var e;b(!1),null===(e=y.current)||void 0===e||e.focus()},E=e=>{l(e),d&&h&&setTimeout(w,0)},C={maxValue:c,minValue:u,disabledRanges:m,disallowWeekends:p},{isDateUnavailable:$}=fn(C),k=e.useMemo((()=>!!o&&$(o)),[$,o]),S=g.error||(k?"Invalid date selection":void 0);return f.default.createElement(f.default.Fragment,null,f.default.createElement(Un,Object.assign({isDisabled:r,"aria-label":i,startValue:o,rightActionRef:y,rightAction:{iconSlot:f.default.createElement(Kn,null),"aria-label":"Open Calendar",onClick:()=>b(!h),disabled:r,"aria-controls":"data-picker-dropdown","aria-haspopup":!0,"aria-expanded":h},onChange:E,rangeRef:x,className:n,style:a},g,C,{error:S})),h&&f.default.createElement(We,{id:"date-picker-dropdown",style:{marginTop:z.sm},anchorElement:x.current,onShouldClose:w,placement:"bottom-start",ignoreAriaWarnings:!0,rootElementRef:s},f.default.createElement(Le.Surface,{style:{padding:z.base}},f.default.createElement(bn,Object.assign({value:o,onChange:E,"aria-label":`${i} Calendar`,isDisabled:r},C)),f.default.createElement(Gn,null,f.default.createElement(pe,{type:"button",variant:"flat",onClick:()=>E(v.current),size:"sm",disabled:r},"Reset")))))},exports.DateRangePicker=t=>{var{className:n,style:a,isDisabled:o,showDatePresets:l=!0,onReset:i,disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c,selectedPreset:u,setSelectedPreset:m,selectedRange:p,setSelectedRange:g,"aria-describedby":h,"aria-label":b}=t,v=K(t,["className","style","isDisabled","showDatePresets","onReset","disabledRanges","disallowWeekends","maxValue","minValue","selectedPreset","setSelectedPreset","selectedRange","setSelectedRange","aria-describedby","aria-label"]);const{isDateRangeUnavailable:x}=fn({disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c}),y=e.useCallback((e=>t=>{const n={start:"start"===e?t:null==p?void 0:p.start,end:"end"===e?t:null==p?void 0:p.end};g(n)}),[null==p?void 0:p.end,null==p?void 0:p.start,g]),w=e.useMemo((()=>x(p)),[x,p]),E=e.useMemo((()=>p?(e=>sa.reduce(((t,n)=>{if(n.hidden||t)return t;const a=da(n.value);if(!a)return t;const{start:o,end:l}=a;return 0===e.start.compare(o)&&0===e.end.compare(l)?n:t}),void 0))(p):null),[p]);return e.useEffect((()=>{m(E||sa[0])}),[E,m]),f.default.createElement(et,{direction:"vertical",alignX:"stretch",spacing:"0",style:Object.assign({gap:T.sizes.base},a),className:n,"aria-describedby":h,"aria-label":b},l&&f.default.createElement(Qn,{disabled:o,label:"Date Range",options:sa,value:null==u?void 0:u.value,onChange:e=>{g(da(exports.DateRanges[e])),m(sa.find((({value:t})=>t===e))||sa[0])}}),f.default.createElement(Un,{isRangeInput:!0,isDisabled:o,label:"Start date - End date",onChangeStartDate:y("start"),onChangeEndDate:y("end"),startValue:p&&p.start,endValue:p&&p.end,error:w?"Range contains invalid dates":void 0,disabledRanges:r,disallowWeekends:d,maxValue:s,minValue:c}),v.showPreviousPeriod&&f.default.createElement(ia,Object.assign({},v)),f.default.createElement(pa,null),f.default.createElement(et,{alignX:"center"},f.default.createElement(gn,{"aria-label":"Selected Date Range",isDisabled:o,value:p,onChange:g,disabledRanges:r,maxValue:s,minValue:c,disallowWeekends:d})),!!i&&f.default.createElement(f.default.Fragment,null,f.default.createElement(pa,null),f.default.createElement(Le.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},f.default.createElement(pe,{variant:"default",size:"sm",onClick:i,disabled:o},"Reset"))))},exports.DescriptionList=({items:e,horizontal:t})=>{const n=e=>Array.isArray(e)?e.map((e=>f.default.createElement(ho,{key:e},e))):f.default.createElement(ho,null,e);return f.default.createElement(uo,null,e.map((e=>t?f.default.createElement(po,{key:e.term},f.default.createElement(go,null,e.term),f.default.createElement(fo,null,n(e.description))):f.default.createElement(mo,{key:e.term},f.default.createElement(go,null,e.term),n(e.description)))))},exports.DetailPage=({renderHeader:t,children:n})=>{const[a,o]=e.useState(!0);return f.default.createElement("main",null,t((()=>o(!a)),a),f.default.createElement(yo,null,f.default.createElement(xo,{showSidebar:a},n)))},exports.DimensionsInput=Ao,exports.Dropdown=Ve,exports.FilterTag=({className:t,e2eClassName:n,label:a,text:o,iconSlot:l,fill:i=C.secondary.blue.base,content:r,footer:d,header:s,onClickAway:c,onClick:u,shouldCloseOnClickAway:m=!0})=>{const p=Vo(t),g=Vo(n),[h,b]=e.useState(null),[v,x]=e.useState(null),{shouldShowDropdown:y,toggleShouldShowDropdown:w,closeDropdown:E}=Ye({anchorElement:h}),{handleKeyDown:$}=He({popperElement:v,anchorElement:h,onClose:E}),k=e.useCallback((e=>{y?E():w(),c&&y&&c(e)}),[y,E,w,c]),S=e.useCallback((e=>{c&&c(e,E),m&&E()}),[c,E,m]);return!r?f.default.createElement(Oo,{className:Te([null==p?void 0:p.container,null==g?void 0:g.container]),onClick:u},a&&f.default.createElement(jo,{variant:"subheadingSmallBold"},`${a}:`),f.default.createElement(j,null,o),f.default.createElement(Ho,{className:Te([null==p?void 0:p.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:C.neutral.ink.base})):f.default.createElement(xt,{className:p.filterTagDropdown,shouldShowDropdown:y,onClickAway:S,cta:f.default.createElement(Oo,{className:p.container,onClick:k,ref:b},a&&f.default.createElement(jo,{variant:"subheadingSmallBold"},`${a}:`),f.default.createElement(j,null,o),f.default.createElement(Bo,{color:C.neutral.ink.base,name:"downArrow",$shouldShow:y}))},f.default.createElement(Wo,{ref:x,onKeyDown:$},f.default.createElement(Po,{color:i},s||f.default.createElement(f.default.Fragment,null,l,f.default.createElement(j,{variant:"bodyBold"},a))),r,d))},exports.FocusVisibleManager=function({children:t}){const[n,a]=e.useState(!0);return e.useEffect((()=>{function e(){a(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(a(!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 l(e){e.metaKey||e.altKey||e.ctrlKey||a(!0)}function i(){"hidden"===document.visibilityState&&(a(!0),n())}return document.addEventListener("keydown",l,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",i,!0),n(),()=>{document.removeEventListener("keydown",l,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",i,!0),o()}}),[a]),f.default.createElement(Ze.Provider,{value:{hadKeyboardEvent:n,isInitialized:!0}},t)},exports.Grid=Qt,exports.Image=({src:t,alt:n="",className:a,e2eClassName:l,width:r,height:d,previewWidth:s,previewHeight:c,previewPlacement:u="right",previewEnabled:m=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=Uo(a),x=Uo(l),[y,w]=e.useState(!1),[E,C]=e.useState({isLoaded:!1,isError:!1}),[$,k]=f.default.useState(null),[S,N]=f.default.useState(null),{styles:L,attributes:I}=o.usePopper($,S,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),z=e.useCallback((()=>m?w(!0):{}),[m]),D=e.useCallback((()=>m?w(!1):{}),[m]),F=!E.isLoaded||E.isError;return f.default.createElement(Yo,{className:Te([null==v?void 0:v.container,null==x?void 0:x.container,a])},f.default.createElement(Zo,{src:t,alt:n,className:Te([null==v?void 0:v.image,null==x?void 0:x.image]),width:r,height:d,onLoad:()=>C({isLoaded:!0,isError:!1}),onError:()=>C({isLoaded:!0,isError:!0}),previewEnabled:m,onMouseEnter:z,onMouseLeave:D,style:F?{display:"none"}:{},ref:k}),!b&&F&&(p||f.default.createElement(_o,{className:Te([null==v?void 0:v.placeholder,null==x?void 0:x.placeholder]),width:g||r,height:h||d})),y&&i.createPortal(f.default.createElement(qo,Object.assign({ref:N,style:L.popper},I.popper,{className:Te([null==v?void 0:v.previewImageContainer,null==x?void 0:x.previewImageContainer])}),f.default.createElement(Xo,{src:t,alt:"",width:s,height:c})),document.body))},exports.Indicator=e=>{var{color:t,style:n,textColour:a,size:o="base"}=e,l=K(e,["color","style","textColour","size"]);const i=t||T.colors.neutral.grey.base;return f.default.createElement(ld,Object.assign({role:"status",style:Object.assign({backgroundColor:i,color:a},n),size:o},l))},exports.InputGroup=wo,exports.LegacyDataTable=Wl,exports.Loader=ee,exports.LoginWithAmazonButton=t=>{const[n,a]=e.useState(Vl);return f.default.createElement(Pl,Object.assign({onMouseDown:()=>{a("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{a(Vl)},"aria-label":_l},t),f.default.createElement("img",{src:n,alt:_l}))},exports.MiniAlert=({title:e,variant:t="default",iconSlot:n,customTitleColour:a,customIconColour:o})=>{const l=n||dt[t],i=null!=o?o:st[t].primary,r=null!=a?a:ct[t];return f.default.createElement(mt,null,f.default.createElement(l,{"aria-hidden":!0,color:i,style:ut}),f.default.createElement(j,{variant:"bodySmallBold",style:{color:r}},e))},exports.Modal=n=>{const{shouldShow:a,showHeaderCloseButton:o=!0,fullBleed:l=!1,variant:i="base",onClose:r,children:d,className:s}=n,c=e.useRef(null),[u,m]=e.useState(null);e.useEffect((()=>{var e,t;a&&(null===(e=c.current)||void 0===e||e.removeAttribute("open"),null===(t=c.current)||void 0===t||t.showModal())}),[a]);const{isOverflowing:p,onScroll:g}=Xe(u),h=()=>{var e;null===(e=c.current)||void 0===e||e.close(),r()};return f.default.createElement(t.AnimatePresence,null,a&&f.default.createElement("div",{"data-testid":"dialog-wrapper"},f.default.createElement(Yl,null),f.default.createElement(Ql,{ref:c,onClose:h,variant:i,"aria-describedby":"modal_title",className:s},f.default.createElement(Le.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:f.default.createElement(ve,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},o&&{onClickClose:h})),f.default.createElement(Zl,{onScroll:g,ref:m,isScrollable:p,fullBleed:l},d),ql(n)&&n.footerSlot,!ql(n)&&(n.leftActions||n.rightActions)&&f.default.createElement(Le.Footer,null,f.default.createElement(et,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&f.default.createElement(et,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button"},n),t)}))),n.rightActions&&f.default.createElement(et,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((e=>{var{label:t}=e,n=K(e,["label"]);return f.default.createElement(pe,Object.assign({key:t,type:"button"},n),t)})))))))))},exports.Pagination=({testId:e,e2eClassName:t,currentPage:n,totalPagesCount:a,handleChangePage:o})=>{const{pageInputValue:l,handleIncrement:i,handleDecrement:r,handleFormSubmit:d,handleInputChange:s,handleSubmit:c}=oi({currentPage:n,totalPagesCount:a,handleChangePage:o});return f.default.createElement(et,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:t},f.default.createElement(ti,{onClick:()=>{1!==n&&o(1)},iconSlot:f.default.createElement(li,null),size:"sm","aria-label":"go to first page"}),f.default.createElement(ti,{onClick:r,iconSlot:f.default.createElement(un,null),size:"sm","aria-label":"go to previous page","aria-disabled":n<=1}),f.default.createElement("form",{onSubmit:d},f.default.createElement(ni,{"aria-live":"polite","aria-label":`page ${n} of ${a}`,size:Eo.sm,type:"number",value:l,min:"1",max:`${a}`,onChange:s,onBlur:c})),f.default.createElement(ai,{count:a}),f.default.createElement(ti,{onClick:i,iconSlot:f.default.createElement(Vt,null),size:"sm","aria-label":"go to next page","aria-disabled":n>=a}),f.default.createElement(ti,{onClick:()=>{n!==a&&o(a)},iconSlot:f.default.createElement(ii,null),size:"sm","aria-label":"go to last page","aria-disabled":n>=a}))},exports.Popover=We,exports.Popup=gr,exports.Portal=De,exports.PriceInput=fi,exports.Radio=An,exports.RangeCalendar=gn,exports.ScreenReaderOnly=({children:e})=>f.default.createElement(gi,null,e),exports.Search=({type:e="text",disabled:t=!1,onClearClick:n,onChange:a,onBlur:o,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,value:s="",error:c,placeholder:u="",className:m="",name:p,isLoading:g=!1,fill:h,reversed:b=!1,autoComplete:v="on",size:x="base"})=>{const y=s&&s.length>0;return f.default.createElement(vi,{className:m,iconPosition:b?"left":"right"},f.default.createElement(hi,{size:x,type:e,value:s,onChange:a,onBlur:o,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,placeholder:u,name:p,disabled:t,error:c,autoComplete:v}),f.default.createElement(bi,null,g?f.default.createElement(ee,{height:24,color:h||T.colors.secondary.blue.base}):y&&n?f.default.createElement(pe,{variant:"unstyled",onClick:n,style:{display:"flex"},"aria-label":"Clear text",type:"button"},f.default.createElement(be,{color:h||T.colors.neutral.ink.dark})):f.default.createElement(pe,{variant:"unstyled",onClick:()=>a(s),style:{display:"flex"},"aria-label":"Search",type:"button"},f.default.createElement(xi,{color:h||T.colors.neutral.ink.dark,height:z.md,width:z.md}))))},exports.SegmentedControl=({options:e,selected:t,className:n,onChange:a})=>f.default.createElement(Ci,{className:n?`${n}-container`:void 0},e.map((e=>f.default.createElement(pe,{type:"button","aria-pressed":e.value===t,variant:e.value===t?"primary":"default",key:e.key,onClick:()=>a(e.value),disabled:e.disabled,className:e.value===t?"veeqo-components-active-button":""},e.label)))),exports.Select=Qn,exports.ShortcutKeys=e=>{var{shortcut:t,label:n,inverse:a=!1,displayLabel:o=!1}=e,l=K(e,["shortcut","label","inverse","displayLabel"]);const i=t.split("+").map((e=>Si[e]?f.default.createElement(ki,{key:`Key: ${e}`,"aria-label":Ni[e]},Si[e]):f.default.createElement(ki,{key:`Key: ${e}`},e))).reduce(((e,t)=>f.default.createElement(f.default.Fragment,null,e,"+",t)));return f.default.createElement($i,Object.assign({"aria-label":n,$inverse:a},l),i," ",o?f.default.createElement("span",null,n):null)},exports.SimpleTable=Oi,exports.Skeleton=Mi,exports.Slider=({id:t,value:n,min:a,max:o,step:l=1,onChange:i,className:r,e2eClassName:d,onSlideStart:s=(()=>{}),onSlideEnd:c=(()=>{})})=>{const[u,m]=e.useState(!1),[p,g]=e.useState(-1),h=e.useRef(null),b=e.useRef(null),v=e.useRef(null),x=Pi(r),y=Pi(d),w=e.useCallback((e=>{var t;if(!u||!h.current)return;const r=p>-1?n[p]:n,d=h.current.getBoundingClientRect();let s=100*(e.pageX-d.x)/d.width/100*(o-a)+a;const c=r-s;if(c>0&&(s=r+Math.ceil(s/l-r/l)*l),c<0&&(s=r+Math.floor(s/l-r/l)*l),r===s)return;s>o&&(s=o),s<a&&(s=a),Array.isArray(n)&&(0===p&&s>n[1]&&([,s]=n),1===p&&s<n[0]&&([s]=n));const m=l.toString().includes(".")?null===(t=l.toString().split(".").pop())||void 0===t?void 0:t.length:0;let f;s=Number(s.toFixed(m)),f=Array.isArray(n)?0===p?[s,n[1]]:[n[0],s]:s,i(f),Array.isArray(f)&&f[0]===f[1]&&(0===p&&g(1),1===p&&g(0))}),[p,u,o,a,i,l,n]),E=e.useCallback((()=>{m(!1),c()}),[c]),C=e.useCallback(((e,t)=>{m(!0),s(),"number"==typeof t&&g(t),e.preventDefault()}),[s]);e.useEffect((()=>{const e=e=>C(e,Array.isArray(n)?0:1),t=e=>C(e,1),a=b.current,o=v.current;return null==a||a.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",w),document.addEventListener("mouseup",E),()=>{null==a||a.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",E)}}),[C,w,E,n]);const $=(e,t,n)=>{let l;return l=Te("number"==typeof n?0===n?[null==x?void 0:x.startSlider,null==y?void 0:y.startSlider]:[null==x?void 0:x.endSlider,null==y?void 0:y.endSlider]:[null==x?void 0:x.slider,null==y?void 0:y.slider]),f.default.createElement(Hi,{role:"slider",ref:1===n?v:b,className:l,left:e,"aria-valuemin":a,"aria-valuemax":o,"aria-valuenow":t})},k=e=>{const t=100*(e[0]<a?0:e[0]-a)/(o-a),n=100*(e[1]>o?100:e[1]-a)/(o-a),l=n-t;return f.default.createElement(f.default.Fragment,null,f.default.createElement(Wi,{className:Te([null==x?void 0:x.sliderRange,null==y?void 0:y.sliderRange]),left:t,width:l}),$(t,e[0],0),$(n,e[1],1))};let S;return S=Array.isArray(n)?k(n):(e=>{if(Array.isArray(n))return k(n);let t;return t=n>o?100:n<a?0:100*(e-a)/(o-a),$(t,e)})(n),f.default.createElement(ji,{className:Te([null==x?void 0:x.container,null==y?void 0:y.container]),id:t,ref:h},f.default.createElement(Bi,null),S)},exports.Stack=et,exports.Stepper=si,exports.Tag=Vi,exports.Text=j,exports.TextField=No,exports.ToastsLayout=({className:t,e2eClassName:n,toasts:a,minWidth:o="50vw",max:l=3,onClose:r})=>(e.useEffect((()=>{l&&a.length>l&&r(a[0].key)}),[a,l,r]),i.createPortal(f.default.createElement(_i,{direction:"vertical",alignX:"center",spacing:4},f.default.createElement(d.TransitionGroup,{component:null},[...a].reverse().map(((e,l)=>f.default.createElement(d.CSSTransition,{key:e.key,timeout:500,classNames:"veeqo-components-toast"},f.default.createElement(Gi,Object.assign({className:t,e2eClassName:n,minWidth:o,last:l===a.length-1,onClose:()=>r(e.key)},e))))))),document.body)),exports.Toggle=oa,exports.ToggleButton=({children:e,checked:t,size:n="base",disabled:a=!1,onChange:o})=>f.default.createElement(Ji,{type:"button",checked:t,size:n,disabled:a,"aria-pressed":t,tabIndex:"0",onClick:()=>o(!t)},e),exports.Tooltip=zt,exports.UploadFile=sr,exports.VideoModal=({id:e,youtubeVideoId:t,showVideoModal:n,handleCloseClick:a})=>{const o=_e(n,a);return f.default.createElement(gr,{shouldShow:n,className:`${e}-video`},f.default.createElement(hr,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(n?"visible":"hidden")},f.default.createElement(br,{ref:o},f.default.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),f.default.createElement(vr,{variant:"flat",onClick:a,"data-testid":"video-modal--close",iconSlot:f.default.createElement(be,{color:"white"})}))))},exports.View=({id:t,iconSlot:n,name:a,type:o,className:l,colourPalette:i=C.secondary.blue,customTextColour:r,count:d,active:s=!1,onClick:c,onDelete:u,onEdit:m,e2eClassName:p})=>{const g=Nr(l),h=Nr(p),[b,v,x]=qe(),y=e.useCallback((()=>c(t)),[t,c]),w=e.useCallback((e=>{e.stopPropagation(),u&&u(t)}),[u,t]),E=e.useCallback((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),$=o===xr.draft,k=o===xr.saved,S=s?C.neutral.ink.dark:C.neutral.ink.base;return f.default.createElement(yr,{className:`${Te([null==g?void 0:g.container,null==h?void 0:h.container])} ${s&&(null==h?void 0:h.active)||""}`,onClick:y},f.default.createElement(Er,{active:s,onMouseEnter:v,onMouseLeave:x,colourPalette:i,customTextColour:r},n&&f.default.createElement(kr,null,n),f.default.createElement(j,{variant:"bodyBold"},a),d&&f.default.createElement(Cr,{active:s||b,colourPalette:i,customTextColour:r},f.default.createElement(wr,{className:null==h?void 0:h.counter,variant:"subheadingSmall"},d)),$&&f.default.createElement(be,Object.assign({},$r,{color:S,className:null==h?void 0:h.delete,onClick:w})),k&&s&&f.default.createElement(Sr,Object.assign({},$r,{color:S,className:null==h?void 0:h.edit,onClick:E}))))},exports.ViewTab=jr,exports.ViewsContainer=Ur,exports.WeightInput=td,exports.buildClassnames=Te,exports.generateId=ze,exports.getDateRange=da,exports.getOpaqueHexColor=Oe,exports.getTextStyles=R,exports.hexToRgb=Ae,exports.isExternalLink=je,exports.theme=T,exports.useCellWidths=Ea,exports.useClickOutside=_e,exports.useColumns=ka,exports.useDebounce=(t,n)=>{const[a,o]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>o(t)),n);return()=>clearTimeout(e)}),[t,n]),a},exports.useDragToScroll=Sa,exports.useDropdown=Ye,exports.useFocusVisible=function(){const[e,t]=f.default.useState(!1),{hadKeyboardEvent:n,isInitialized:a}=f.default.useContext(Ze),o=f.default.useCallback((()=>{e||t(!0)}),[e]),l=f.default.useCallback((()=>{e&&t(!1)}),[e]);let i;return i=a?n&&e:e,f.default.useMemo((()=>({focusVisible:i,onFocus:o,onBlur:l})),[i,l,o])},exports.useHover=qe,exports.useId=Ue,exports.useIsDateUnavailable=fn,exports.useIsOverflowing=Xe,exports.useNested=function(){const[t,n]=e.useState([]);return{nestedTableProps:{expandedRowIds:t,setExpanded:(e,a)=>{if(a)if(e){if(t.includes(a))return;const e=[...t,a];n(e)}else{const e=t.findIndex((e=>e===a));if(e<0)return;const o=[...t];o.splice(e,1),n(o)}}}}},exports.useScrollPosition=Na,exports.useSelection=Ta,exports.useTabs=(t,n)=>{const{defaultActiveIndex:a=0}=n||{},[o]=e.useState(t),[l,i]=e.useState(o[a]);return[l,e=>{const t=o.find((t=>t.key===e));t&&i(t)}]},exports.withDeprecated=t=>n=>(e.useEffect((()=>{console.warn(`${t.name} is deprecated.`)}),[]),f.default.createElement(t,Object.assign({},n))),exports.withLabels=qn;
2
2
  //# sourceMappingURL=index.js.map