@veeqo/ui 4.0.0 → 4.0.2-beta.2

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 (13) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Popover/Popover.d.ts +3 -15
  3. package/dist/components/Popover/hooks/useUpdateAriaAnchor.d.ts +11 -0
  4. package/dist/components/Popover/hooks/useUpdateAriaAnchor.test.d.ts +1 -0
  5. package/dist/components/Popover/styled.d.ts +6 -0
  6. package/dist/components/Popover/types.d.ts +23 -0
  7. package/dist/components/index.d.ts +1 -0
  8. package/dist/index.esm.js +14 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js +14 -1
  11. package/dist/index.js.map +1 -1
  12. package/package.json +10 -5
  13. package/dist/components/Popover/PopoverDemo.d.ts +0 -3
package/dist/index.esm.js CHANGED
@@ -1,2 +1,15 @@
1
- import e,{useState as t,PureComponent as n,useEffect as o,forwardRef as i,useRef as r,useCallback as a,useMemo as l,Component as s,Fragment as d}from"react";import{motion as c,AnimatePresence as m}from"framer-motion";import u,{css as p,createGlobalStyle as g}from"styled-components";import{usePopper as h}from"react-popper";import f from"resize-observer-polyfill";import b,{createPortal as v}from"react-dom";import{CSSTransition as x,TransitionGroup as y}from"react-transition-group";import w from"lodash.throttle";import C from"react-scrolllock-configurable";const $=u.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,E={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},k=(e,t)=>e||(t?E[t]:void 0),N={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}},S={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},z={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var I,L;!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)"}(I||(I={})),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"}(L||(L={}));const F=function({increment:e,unit:t,count:n}){const o={};for(let i=0;i<=n;i++){const n=i*e;o[i]=`${n}${t}`}return o}({increment:.25,unit:"rem",count:20}),B={[L.none]:"0",[L.line]:"1px",[L.xs]:F[1],[L.sm]:F[2],[L.base]:F[4],[L.md]:F[6],[L.lg]:F[8],[L.xl]:F[12],[L.xxl]:F[16]},j=Object.assign(Object.assign({},B),F),M={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},D={headingXXL:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:N.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:N.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:N.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:M.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:N.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},H=Object.assign(Object.assign({},M),{breakpoints:S,colors:N,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:z,shadows:I,sizes:j,text:D}),{text:O,colors:R,fontFamily:W}=H,T=u.span.attrs((({as:e,variant:t})=>({as:k(e,t)}))).withConfig({displayName:"vui--Text",componentId:"vui--p74sf8"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${W};line-height:16px;color:#37424d;${({variant:e})=>("button"===e||"buttonSmall"===e)&&"\n cursor: pointer;\n background-color: transparent;\n border: 0;\n "} ${({variant:e,muted:t=!1})=>{if(!e)return"";const n=t?R.neutral.ink.lightest:O[e].color;return`\n font-family: ${O[e].fontFamily};\n font-style: ${O[e].fontStyle};\n font-weight: ${O[e].fontWeight};\n font-size: ${O[e].fontSize};\n line-height: ${O[e].lineHeight};\n color: ${n};\n text-decoration: ${O[e].textDecoration};\n letter-spacing: ${O[e].letterSpacing};\n `}}`,A=u($).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,P=u(A).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${j.base};width:${j.base};color:${({glyphColor:e})=>e};}`,V=u(A).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,Z=u.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1moens1"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${H.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${H.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${H.colors.secondary.blue.light};}`,q=u($).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,X=u(T).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,G=u(c($)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,Y=u.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,U=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:j.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"})),K=({className:n,children:o,label:i,iconSlot:r,glyphColor:a=N.neutral.ink.lightest,timeout:l=350,description:s,shouldOpenOnMount:d})=>{const[m,u]=t(!!d);return e.createElement(Y,{open:!!d,className:n},e.createElement(Z,{onClick:()=>u(!m)},e.createElement(q,null,e.createElement(P,{glyphColor:a},r,e.createElement(T,{variant:"body"},i)),e.createElement(V,null,e.createElement(c.span,{animate:{rotate:m?180:0}},e.createElement(U,{name:m?"downArrow":"upArrow"})))),!!s&&e.createElement(X,{variant:"hintText"},s)),m&&e.createElement(G,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:l/1e3}},o))},_=e=>`${e}-${Math.floor(1e3*Math.random())}`;class J extends n{constructor(e){super(e),this.id=_("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?v(e,this.portalNode):null}}const Q=u.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--d5k10p"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,ee=u.div.withConfig({displayName:"vui--PopoverWrapper",componentId:"vui--13ndjce"})`z-index:${({zIndex:e})=>e+1};`,te=({children:n,className:i,anchorElement:r,rootElementRef:a,placement:l="bottom",onShouldClose:s,zIndex:d=H.layers.popup})=>{const[c,m]=t(null),{styles:u,attributes:p,update:g}=h(r,c,{placement:l});return o((()=>{if(!g||!c)return;const e=new f(g);return e.observe(c),()=>{e.disconnect()}}),[g,c]),o((()=>{if(g)return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}}),[g]),e.createElement(J,{rootElementRef:a},s&&e.createElement(Q,{onClick:s,zIndex:d}),e.createElement(ee,Object.assign({ref:m,className:i,zIndex:d,style:Object.assign({},u.popper)},p.popper),n))};function ne(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n}"function"==typeof SuppressedError&&SuppressedError;const oe=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":r},e.createElement("defs",null,e.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e.createElement("stop",{stopColor:i,stopOpacity:"0",offset:"0%"}),e.createElement("stop",{stopColor:i,stopOpacity:".631",offset:"63.146%"}),e.createElement("stop",{stopColor:i,offset:"100%"}))),e.createElement("g",{fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(1 1)"},e.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:i,strokeWidth:"2"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),ie=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 105 105",fill:i,"aria-label":r},e.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},e.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),re=({width:t,height:n,className:o,color:i,label:r})=>e.createElement("svg",{width:t,height:n,className:o,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:i,"aria-label":r},e.createElement("circle",{cx:"15",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},e.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),e.createElement("circle",{cx:"105",cy:"15",r:"15"},e.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),e.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),ae=({className:t,height:n=24,width:o=24,color:i="#588CB0",type:r="TailSpin"})=>{switch(r){case"Grid":return e.createElement(ie,{className:t,height:n,width:o,color:i});case"ThreeDots":return e.createElement(re,{className:t,height:n,width:o,color:i});default:return e.createElement(oe,{className:t,height:n,width:o,color:i})}},le=u.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({loading:e})=>e&&"opacity: 0;"};svg{width:${({size:e})=>j[e]};height:${({size:e})=>j[e]};}`,se=u.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--nvz516"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${H.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",i="8px",r="16px",a="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",i="4px",r="14px",a="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${a};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${i};\n font-size: ${r};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,de=u(se).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${H.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?H.colors.neutral.ink.base:H.colors.secondary.blue.base};&:hover{background-color:${H.colors.neutral.grey.lightest};}&:active{background-color:${H.colors.neutral.grey.lightest};border-color:${H.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${H.colors.neutral.grey.base} !important;border-color:${H.colors.neutral.grey.base} !important;color:${H.colors.neutral.ink.light} !important;}`,ce=u(de).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${H.colors.secondary.red.base};&:hover{color:${H.colors.secondary.red.dark};}&:active{border-color:${H.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.red.light};color:${H.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.red.light};}`,me=u(de).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${H.colors.secondary.blue.base};border-color:${H.colors.secondary.blue.base};color:white;&:hover{background-color:${H.colors.secondary.blue.dark};border-color:${H.colors.secondary.blue.dark};}&:active{background-color:${H.colors.secondary.blue.dark};border-color:${H.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.blue.light};}`,ue=u(me).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${H.colors.secondary.red.base};border-color:${H.colors.secondary.red.base};color:white;&:hover{background-color:${H.colors.secondary.red.dark};border-color:${H.colors.secondary.red.dark};}&:active{background-color:${H.colors.secondary.red.dark};border-color:${H.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.red.light};}`,pe=u(se).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${H.colors.neutral.ink.base};&:hover{background-color:rgba(0, 0, 0, 0.1);}&:active{background-color:rgba(0, 0, 0, 0.1);}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${H.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,ge=u.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,he=u(ge).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${H.text.link.fontFamily};font-size:${H.text.link.fontSize};font-weight:${H.text.link.fontWeight};line-height:${H.text.link.lineHeight};text-decoration:${H.text.link.textDecoration};color:${H.colors.secondary.blue.base};&:hover{color:${H.colors.secondary.blue.dark};}& > * + *{margin-left:${H.sizes.xs};}& > span{position:relative;top:-1px;}`,fe=u.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--1qt232p"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`,be=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),ve={default:de,primary:me,destructive:ce,primaryDestructive:ue,flat:pe,link:he,unstyled:ge},xe=i(((t,n)=>{var{className:o,children:i,icon:r,variant:a="default",size:l="base",dropdown:s=!1,loading:d=!1}=t,c=ne(t,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===a)return e.createElement(ge,Object.assign({ref:n,className:o},c),i);const m=ve[a],u=void 0!==i,p=!!r;return e.createElement(m,Object.assign({ref:n,className:o,size:l,hasText:u,hasIcon:p,hasDropdown:s},c),(u||p)&&e.createElement(le,{loading:d,hasText:!!i,size:i||"sm"===l?"base":"md"},r&&r,void 0!==i&&e.createElement("span",null,i),s&&e.createElement(be,null)),d&&e.createElement(fe,null,e.createElement(ae,null)))})),ye=u.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${j.md};padding-right:${j.md};padding-left:${j.md};margin-bottom:${j.md};& > * + *{margin-top:${j.xs};}`,we=u.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${j.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,Ce=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:j.md},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"})),$e=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"})),Ee=({id:t,title:n,subtitle:o,headerVariant:i="headingSmall",action:r,ActionSlot:a,isCollapsed:l,onClickCollapse:s,onClickClose:d})=>e.createElement(ye,null,e.createElement(we,null,e.createElement(T,{id:t,variant:i},n),r&&e.createElement(xe,{variant:"link",onClick:r.onClick},r.title),a,s&&e.createElement(xe,{variant:"flat",icon:l?e.createElement(Ce,null):e.createElement(U,null),onClick:s}),d&&e.createElement(xe,{variant:"flat",icon:e.createElement($e,null),onClick:d,"aria-label":"Close"})),o&&e.createElement(T,{variant:"subheadingSmall"},o)),{grey:ke}=N.neutral,Ne={0:"none",1:I.sm,2:I.base,3:I.md,4:I.lg},Se={info:N.secondary.blue.base,success:N.secondary.green.base,error:N.secondary.red.base},ze=u.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${j.base};padding:${j.md};z-index:2;`,Ie=u.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${j.md};padding-left:${j.md};margin-top:${j.md};margin-bottom:${j.md};font-family:${D.body.fontFamily};font-size:${D.body.fontSize};font-weight:${D.body.fontWeight};line-height:${D.body.lineHeight};color:${D.body.color};& + &{border-top:${j.line} solid ${ke.base};padding-top:${j.md};}`,Le=u.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${j.md};margin-right:-${j.md};`,Fe=u(c.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${Ie}:first-child{margin-top:0;}`,Be=u.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${j.line} solid ${ke.base};box-shadow:${e=>void 0!==e.elevation?Ne[e.elevation]:I.sm};border-radius:${z.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n &::after {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${j.xs};\n background-color: ${Se[e]};\n }\n `}`,je={expanded:{height:"auto"},collapsed:{height:0}},Me=({className:n,style:o,title:i,subtitle:r,HeaderActionSlot:a,action:l,collapsable:s,elevation:d,accent:c,children:m,onClose:u,renderFooter:p})=>{const[g,h]=t(!1),f=i&&e.createElement(Ee,{title:i,subtitle:r,ActionSlot:a,action:l,onClickClose:u,isCollapsed:g,onClickCollapse:s?()=>{h(!g)}:void 0}),b=s&&!g||!s,v=e.createElement(Fe,{animate:b?"expanded":"collapsed",variants:je,transition:{duration:.3,ease:"easeOut"}},e.createElement(Ie,null,m)),x=void 0!==p&&e.createElement(ze,null,p());return e.createElement(Be,{className:n,style:o,elevation:d,accent:c},f,v,x)};Me.Surface=Be,Me.Section=Ie,Me.FullBleed=Le,Me.Footer=ze;const{sizes:De,colors:He,text:Oe}=H,Re=u(Me.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${De.base} 0;display:flex;flex-direction:column;`,We=u.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${He.neutral.grey.base};margin-top:${De.base};padding-top:${De.base};}`,Te=u(T).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${De.sm} ${De.base} ${De.sm};`,Ae=u(xe).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${De.lg};padding:${De.xs} ${De.base};display:flex;align-items:center;white-space:nowrap;font-family:${Oe.body.fontFamily};font-size:${Oe.body.fontSize};font-weight:${Oe.body.fontWeight};&:hover{background-color:${He.neutral.grey.light};color:${He.secondary.blue.base};}& > * + *{margin-left:${De[3]};}`,Pe={item:Ae,action:u(Ae).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${He.secondary.blue.base};`,link:u(Ae).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${He.secondary.blue.base};text-decoration:underline;`},Ve=({title:n,items:o=[],sections:i,buttonVariant:r,buttonSize:a})=>{const[l,s]=t(!1),[d,c]=t(null),m=t=>{const n=Pe[t.variant||"item"];return e.createElement(n,{onClick:()=>{return e=t.onClick,s(!1),void e();var e},key:t.title},t.icon&&t.icon,e.createElement("span",null,t.title))},u=i?i.map((t=>e.createElement(We,{key:t.title},t.title&&e.createElement(Te,null,t.title),t.items.map(m)))):o.map(m);return e.createElement(e.Fragment,null,e.createElement(xe,{dropdown:!0,variant:r,size:a,onClick:()=>s(!l),ref:c},n),l&&e.createElement(te,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>s(!1)},e.createElement(Re,null,u)))},Ze=u.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${H.text.link.fontFamily};font-style:${H.text.link.fontStyle};font-weight:${H.text.link.fontWeight};font-size:${H.text.link.fontSize};line-height:${H.text.link.lineHeight};color:${H.colors.secondary.blue.base};text-decoration:${H.text.link.textDecoration};&:hover{color:${H.colors.secondary.blue.dark};}`,qe=({children:t,className:n,text:o,href:i,target:r})=>e.createElement(Ze,{href:i,target:r,className:n},t||o),Xe=u($).withConfig({displayName:"vui--Container",componentId:"vui--r1m0qe"})`display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`,Ge=i(((t,n)=>{const{children:o,className:i}=t;return e.createElement(Xe,{className:i,ref:n},o)})),Ye=u($).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,Ue=u($).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,Ke=u(Ge).withConfig({displayName:"vui--Dropdown",componentId:"vui--u4w0zl"})`flex-direction:column;position:absolute;z-index:3;${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);}`,_e=({cta:t,shouldShowDropdown:n,children:i,className:a="animated-dropdown",reversed:l=!1,onClickAway:s=(()=>{}),timeout:d=350,transitionClassnames:c="dropdown",onClick:m,onMouseEnter:u,onMouseLeave:p})=>{const g=r(null);return((e,t)=>{o((()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(n)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[e,t])})(g,(e=>{n&&s(e)})),e.createElement(Ye,{className:`${a}-container ${a}`,onClick:m,onMouseEnter:u,onMouseLeave:p,ref:g},!l&&t,e.createElement(Ue,{className:`${a}-wrap ${a}`},e.createElement(x,{in:n,timeout:d,classNames:c,unmountOnExit:!0},e.createElement(Ke,{reversed:l,className:`${a}-basic-dropdown ${a}`},i))),l&&t)},Je=u.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${H.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:${H.text.bodySmallBold.fontFamily};font-weight:${H.text.bodySmallBold.fontWeight};font-size:${H.text.bodySmallBold.fontSize};line-height:${H.text.bodySmallBold.lineHeight};}`,Qe=({width:t="40px",name:n="Veeqo",bgColor:o=H.colors.secondary.blue.base,textColor:i="#ffffff"})=>{const r=n.toUpperCase().match(/\b(\w)/g);return e.createElement(Je,{width:t,bgColor:o,textColor:i,className:"avatar"},null==r?void 0:r.slice(0,2).map(((t,n)=>e.createElement("span",{key:`${t}-${n}`},t))))};var et,tt;!function(e){e.end="end",e.start="start"}(et||(et={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(tt||(tt={}));const nt=u.div.withConfig({displayName:"vui--Container",componentId:"vui--12sulil"})`display:inline-block;`,ot=u(nt).withConfig({displayName:"vui--Hoverable",componentId:"vui--17ltyut"})``,it=u(T).withConfig({displayName:"vui--TooltipText",componentId:"vui--183a4l5"})`color:${H.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,rt=u.div.withConfig({displayName:"vui--Triangle",componentId:"vui--rjghyf"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,at=u.div.withConfig({displayName:"vui--Tip",componentId:"vui--1v5pppn"})`transition:${({duration:e})=>`opacity ${e}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`,lt=u(nt).withConfig({displayName:"vui--Wrap",componentId:"vui--1xs3k5t"})`font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({tipMinWidth:e})=>e}px;max-width:${({tipMaxWidth:e})=>e}px;`,st={duration:400,side:tt.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},dt=({children:n,text:o,content:i,config:r,reversed:l=!1,className:s,withTriangle:d,initialShouldShow:c=!1,useReactPortal:m=!0})=>{const u=!!o&&o.trim().length>0,p=Object.assign(Object.assign({},st),r),{duration:g,side:f,triangleOffset:v,tipMinWidth:x,tipMaxWidth:y}=p,w={container:s&&`${s} ${s}-container`,tip:s&&`${s}-tip`,wrap:s&&`${s}-wrap`,triangle:s&&`${s}-triangle`,hoverable:s&&`${s}-hoverable`},[C,$]=t(c),[E,k]=t(null),[N,S]=t(null),{styles:z,attributes:I}=h(E,N,{placement:`${f}-${l?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),L=a((()=>$(!0)),[$]),F=a((()=>$(!1)),[$]),B=Object.assign(Object.assign({},z.popper),{zIndex:H.layers.tooltip}),j=C&&(i||u)&&e.createElement(at,Object.assign({className:w.tip,ref:S,duration:g,triangleOffsetSize:v,style:B},I.popper,{role:"tooltip"}),e.createElement(lt,{className:w.wrap,tipMinWidth:x,tipMaxWidth:y},null!=i?i:e.createElement(it,null,o)),d&&e.createElement(rt,{id:"veeqo-components-triangle",className:w.triangle}));return e.createElement(nt,{className:w.container},m?b.createPortal(j,document.body):j,e.createElement(ot,{ref:k,className:w.hoverable,onMouseEnter:L,onMouseLeave:F},n))},ct=u($).withConfig({displayName:"vui--BaseBadge",componentId:"vui--1l3fzu"})`display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${D.bodySmall.fontFamily};font-weight:${D.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${j.base};height:${j.base};}`,mt=u(ct).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${N.secondary.blue.base};color:${N.secondary.blue.base};`,ut=u(ct).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${N.secondary.blue.base};background-color:${N.secondary.blue.lightest};color:${N.secondary.blue.base};`,pt=u(ct).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${N.secondary.yellow.base};background-color:${N.secondary.yellow.lightest};color:${N.secondary.orange.dark};`,gt=e=>e.filter(Boolean).join(" "),ht={default:mt,primary:ut,warning:pt},ft=({variant:t="default",hideBorder:n=!1,iconSlot:o,tooltip:i,className:r,e2eClassName:a,children:l})=>{const s=ht[t];return e.createElement(dt,{text:i},e.createElement(s,{className:gt([r,a]),hideBorder:n},o&&o,l&&e.createElement("span",null,l)))},bt=u($).withConfig({displayName:"vui--BannerLayout",componentId:"vui--c6sp3u"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({accentColor:e})=>e&&`\n box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${e};\n `} background-color:${({backgroundColor:e})=>e||"white"};`,vt=u($).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,xt=u($).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,yt=u(xt).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${j.md};height:${j.md};color:${({accentColor:e})=>e};}`,wt=u($).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,Ct=u(xt).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,$t=u(T).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,Et={help:N.secondary.blue.base,info:N.neutral.ink.base,error:N.secondary.red.base,success:N.secondary.green.base},kt=t=>{var{type:n="info",text:o,icon:i,onClose:r,className:a,header:l,children:s,backgroundColor:d="white"}=t,c=ne(t,["type","text","icon","onClose","className","header","children","backgroundColor"]);const m=Et[n];return e.createElement(bt,Object.assign({accentColor:m,className:a,backgroundColor:d},c),e.createElement(vt,null,i&&e.createElement(yt,{style:{marginRight:j.md},accentColor:m},i),s?e.createElement(wt,null,s):e.createElement(e.Fragment,null,e.createElement(Ct,null,l||e.createElement($t,{variant:"headingSmall"},o)),e.createElement(xt,null,r&&e.createElement(xe,{variant:"flat","aria-label":"Close",icon:e.createElement($e,null),onClick:r})))))},Nt=u.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${D.body.fontFamily};font-weight:${D.body.fontWeight};font-size:${D.body.fontSize};line-height:${D.body.lineHeight};`,St=u.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--17agc2w"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`,zt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"})),It=({children:t,title:n,LinkComponent:o,href:i})=>o?e.createElement(St,{className:"breadcrumb"},e.createElement(o,{href:i},n),t):e.createElement(St,{className:"breadcrumb"},n,t),Lt=()=>e.createElement(zt,{className:"separator",width:j.base,height:j.base}),Ft=({children:t,href:n})=>e.createElement("a",{href:n},t),Bt=({children:t})=>e.createElement("span",null,t),jt=({items:t,Separator:n=e.createElement(Lt,null),LinkComponent:o=Ft})=>e.createElement(Nt,{className:"breadcrumbs"},t.map(((i,r)=>e.createElement(It,{key:i.title,title:i.title,href:i.pathname,LinkComponent:r!==t.length-1?o:Bt},t.length!==r+1&&n))));var Mt;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Mt||(Mt={}));const Dt=u.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:o="start",spacing:i="base"}=e;let r,a,l,s,d="",c="";return"vertical"===t?(r=n&&Mt[n],a=o&&Mt[o],d=H.sizes[i],l="column"):(r=o&&Mt[o],a=n&&Mt[n],c=H.sizes[i],l="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(s=1),`\n align-items: ${r};\n justify-content: ${a};\n flex-direction: ${l};\n\n & > * {\n flex: ${s};\n }\n\n & > * + * {\n margin-top: ${d};\n margin-left: ${c};\n }\n `}}`;Dt.displayName="Stack";const Ht={top:"flex-start",center:"center"},Ot=u.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${H.sizes.base};}`,Rt=u.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>Ht[e.align]};width:24px;height:24px;`,Wt=u.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,Tt=u.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${H.sizes.sm};}`,At=u.span.withConfig({displayName:"vui--LabelText",componentId:"vui--xampag"})`font-family:${H.text.body.fontFamily};font-size:${H.text.body.fontSize};font-weight:${H.text.body.fontWeight};line-height:${H.sizes.md};color:${H.text.body.color};`,Pt=u.div.withConfig({displayName:"vui--HintText",componentId:"vui--nu56mb"})`font-family:${H.fontFamily};font-size:${H.sizes[3]};line-height:${H.sizes[4]};color:${H.colors.neutral.ink.light};`,Vt=u.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--k1l2b9"})`font-family:${H.text.error.fontFamily};font-size:${H.text.error.fontSize};font-weight:${H.text.error.fontWeight};line-height:${H.text.error.lineHeight};color:${H.text.error.color};`,Zt=u.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--124eta7"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,qt=u(Zt).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1g99902"})`border:2px solid ${H.colors.neutral.grey.dark};border-radius:${H.radius.md};padding:${H.sizes.base} 0.75rem;&:hover{border-color:${H.colors.secondary.blue.base};}& ${At}{font-weight:${H.text.bodyBold.fontWeight};}`,Xt=u(dt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ycxtt7"})`display:block;&-hoverable{display:block;}`,Gt=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"})),Yt=({id:t,label:n,hint:o,tooltip:i,error:r,bordered:a,Badge:l,Accessory:s,Footer:d,children:c,disabled:m=!1})=>{const u=e.createElement(Ot,null,e.createElement(Rt,{align:s?"center":"top"},c),s&&e.createElement(Wt,null,s),n||o||r||l||d?e.createElement(Tt,null,e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"sm"},l,n&&e.createElement(At,null,n),i&&e.createElement(Xt,{text:i},e.createElement(Gt,{name:"help",width:H.sizes.base,color:H.colors.neutral.ink.lightest}))),o&&e.createElement(Pt,null,o),r&&e.createElement(Vt,null,r),d):null);return a?e.createElement(qt,{disabled:m,htmlFor:t},u):e.createElement(Zt,{disabled:m,htmlFor:t},u)},{colors:Ut,sizes:Kt,radius:_t}=H,Jt=u.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${Ut.neutral.ink.lightest};border-radius:${_t.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${Ut.secondary.blue.base};border-color:${Ut.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:${Kt[4]};background-position:center;}&:hover{border-color:${Ut.secondary.blue.base};}&:active{border-color:${Ut.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${Ut.secondary.blue.light};outline:0;}&:indeterminate{background-color:${Ut.secondary.blue.base};border-color:${Ut.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:${Kt[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${Ut.neutral.grey.base};border-color:${Ut.neutral.grey.base};color:${Ut.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>");}`,Qt=t=>{var{checked:n,indeterminate:i,value:s,name:d,disabled:c,ariaLabel:m,className:u,onChange:p}=t,g=ne(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=l((()=>_("checkbox")),[]),f=r(null),b=a((e=>{p(e.currentTarget.checked,s)}),[p,s]);return o((()=>{f.current&&(f.current.indeterminate=!0===i)}),[i]),e.createElement(Yt,Object.assign({id:h,disabled:c},g),e.createElement(Jt,{ref:f,id:h,type:"checkbox",checked:n,value:s,name:d,disabled:c,"aria-label":m,className:u,onChange:b}))},en=u.input.withConfig({displayName:"vui--Input",componentId:"vui--1e1oks4"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`,tn=i(((t,n)=>{var{checked:o,value:i,name:r,disabled:l,onChange:s,id:d}=t,c=ne(t,["checked","value","name","disabled","onChange","id"]);const m=a((e=>{s(e.currentTarget.checked,i)}),[s,i]),u=null!=d?d:_("radio");return e.createElement(Yt,Object.assign({id:u,disabled:l},c),e.createElement(en,{id:u,type:"radio",checked:o,value:i,name:r,disabled:l,onChange:m,ref:n}))})),nn=u.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,on=u.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${H.text.inputLabel.fontFamily};font-size:${H.text.inputLabel.fontSize};font-style:${H.text.inputLabel.fontStyle};font-weight:${H.text.inputLabel.fontWeight};line-height:${H.text.inputLabel.lineHeight};text-decoration:${H.text.inputLabel.textDecoration};color:${H.text.inputLabel.color};`;class rn extends s{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let i=[];i=t?[...n,e]:n.filter((t=>t!==e)),o(i)}}render(){const{allowMultiple:t,options:n,selected:o,title:i,disabled:r,bordered:a}=this.props,l=t?Qt:tn;return e.createElement(nn,{disabled:r},i&&e.createElement(on,null,i),n.map((t=>e.createElement(l,Object.assign({key:t.value,bordered:a,checked:o.includes(t.value),onChange:e=>this.handleChange(t.value,e)},t)))))}}const an=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"})),ln=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"})),sn={width:j.base,height:j.base},dn=u(xe).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${j.base};width:${j.base};top:unset;}`,cn=({className:t,text:n,onCopy:o})=>{const[i,r]=e.useState(!1),l=a((()=>{navigator.clipboard.writeText(n),o&&o(),r(!0),setTimeout((()=>r(!1)),2500)}),[o,n]);return e.createElement(dt,{text:i?"Copied!":"Copy to clipboard"},e.createElement(dn,{variant:"flat",size:"sm",className:t,"aria-label":`${i?"Copied":"Copy"} "${n}" to clipboard`,icon:i?e.createElement(an,Object.assign({color:N.secondary.green.base},sn)):e.createElement(ln,Object.assign({color:N.secondary.blue.base},sn)),onClick:l}))};function mn(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function un(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${un(e.min,"max-content")}, ${un(e.max)})`;default:return t||"1fr"}}function pn({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:i,stripingMode:r}){const a=e.map(((e,t)=>`\n th:nth-child(${t+1}),\n td:nth-child(${t+1}) {\n position: sticky;\n left: ${n?function(e,t){return e.slice(0,t-1).reduce(((e,t)=>e+t),0)}(n,t+1):0}px;\n z-index: 2;\n }\n `)),l=t.map(((e,t)=>`\n th:nth-last-child(${t+1}),\n td:nth-last-child(${t+1}) {\n position: sticky;\n right: ${n?function(e,t){return e.slice(t).reduce(((e,t)=>e+t),0)}(n,n.length-t):0}px;\n }\n `)),s="start"!==o&&"none"!==o,d=`\n th:nth-child(${e.length})::after,\n td:nth-child(${e.length})::after {\n position: absolute;\n transform: translate(100%);\n top: 0;\n right: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${s?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,c="end"!==o&&"none"!==o,m=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${c?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,u=`\n tr:nth-child(odd) > td {\n background-color: ${H.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${H.colors.neutral.grey.base};\n }\n `,p=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${H.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${H.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${i.map((e=>un(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?a:""}\n ${t.length>0?l:""}\n\n ${d}\n ${m}\n\n ${"nested"===r?p:u}\n `}var gn;!function(e){e.ascending="ascending",e.descending="descending"}(gn||(gn={}));const hn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),fn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),bn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),vn=({sortState:t,columnId:n,size:o})=>t&&t.columnId===n?t.direction===gn.ascending?e.createElement(fn,{color:H.colors.neutral.ink.dark,size:o}):e.createElement(bn,{color:H.colors.neutral.ink.dark,size:o}):e.createElement(hn,{size:o});function xn(e,n){const[i,r]=t([]),a=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));r(n)};return o((()=>{a()}),[e.current]),o((()=>{if(!n.current)return;const e=w(a,50),t=new f(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),i}function yn(e){const t=e.filter((e=>!0!==e.hidden)),n=t.filter((e=>"left"===e.pinned)),o=t.filter((e=>"right"===e.pinned)),i=t.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...n,...i,...o],pinnedLeft:n,pinnedRight:o}}function wn(e){o((()=>{if(!e.current)return;let t=!1;const n=e.current,o={left:0,x:0},i=e=>{if(!n)return;const i=e.clientX-o.x;n.scrollLeft=o.left-i,t||(n.style.cursor="grabbing",n.style.userSelect="none"),t=!0},r=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",r),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},a=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",i),document.addEventListener("mouseup",r))};return n.addEventListener("mousedown",a),()=>null==n?void 0:n.removeEventListener("mousedown",a)}),[e.current])}function Cn(){const[e,n]=t([]);return{nestedTableProps:{expandedRowIds:e,setExpanded:(t,o)=>{if(o)if(t){if(e.includes(o))return;const t=[...e,o];n(t)}else{const t=e.findIndex((e=>e===o));if(t<0)return;const i=[...e];i.splice(t,1),n(i)}}}}}function $n(e){const[n,i]=t("start"),r=()=>{if(!e.current)return;const{width:t}=e.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=e.current;i(o<t?"none":0!==n?n+t>=o?"end":"middle":"start")};return o((()=>{if(e.current)return e.current.addEventListener("scroll",r),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",r)}}),[e.current]),o((()=>{if(!e.current)return;const t=w(r,50),n=new f(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:n,containerRef:e}}const En="56px",kn=u.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${En};display:flex;align-items:center;justify-content:${({align:e="left"})=>mn(e)};background-color:white;padding-left:${({spacing:e=3})=>H.sizes[e]};padding-right:${({spacing:e=3})=>H.sizes[e]};border-bottom:1px solid ${H.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function Nn(t){var{selected:n,indeterminate:o,onChange:i,selectionMode:r}=t,a=ne(t,["selected","indeterminate","onChange","selectionMode"]);return"single"===r?e.createElement(kn,Object.assign({},a)):e.createElement(kn,Object.assign({},a),e.createElement(Qt,{checked:n,indeterminate:o,onChange:i}))}const Sn=u.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>mn(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>H.sizes[e]};padding-right:${({spacing:e=3})=>H.sizes[e]};color:${H.text.bodySmall.color};font-family:${H.text.bodySmall.fontFamily};font-size:${H.text.bodySmall.fontSize};font-style:${H.text.bodySmall.fontStyle};font-weight:${H.text.bodySmall.fontWeight};line-height:${H.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${H.colors.secondary.blue.base};background-color:${H.colors.neutral.grey.lightest};}`;function zn(t){var{selected:n,rowId:o,onChange:i,selectionMode:r,disabled:a}=t,l=ne(t,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===r?e.createElement(Sn,Object.assign({},l),e.createElement(tn,{value:o,checked:n,disabled:a,onChange:i})):e.createElement(Sn,Object.assign({},l),e.createElement(Qt,{value:o,checked:n,disabled:a,onChange:i}))}const In=[[],()=>{}];function Ln({selectionMode:t="multiple",selectionState:n,enabledRowIds:o}){const i=!!n,[r,a]=n||In,l=()=>{r.length!==o.length?a(o):a([])};return{selectionEnabled:i,selectedRowIds:r,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,i)=>e.createElement(Nn,Object.assign({},i,{selected:r.length===o.length,indeterminate:r.length>0&&r.length<o.length,onChange:l,selectionMode:t})),renderCell:(n,o,i,r)=>e.createElement(zn,Object.assign({},o,{rowId:n.id,selected:r.selected,onChange:i.setSelected,selectionMode:t,disabled:r.disabled}))},setSelected:(e,n)=>{if(null!=n)if(e&&"single"===t)a([n]);else if(e){if(r.includes(n))return;const e=[...r,n];a(e)}else{const e=r.findIndex((e=>e===n));if(e<0)return;const t=[...r];t.splice(e,1),a(t)}}}}const Fn=u.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${H.colors.neutral.ink.lightest};`,Bn=u.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${H.text.headingTable.color};font-family:${H.text.headingTable.fontFamily};font-size:${H.text.headingTable.fontSize};font-style:${H.text.headingTable.fontStyle};font-weight:${H.text.headingTable.fontWeight};line-height:${H.text.headingTable.lineHeight};`,jn=u(Bn).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 ${Fn}{background-color:${H.colors.neutral.grey.light};color:${H.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${H.colors.secondary.blue.light};}`;function Mn({column:t,sortState:n,onChangeSort:o}){if(t.sortable&&!n)throw new Error(`Column '${t.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(t.hidden)return null;const i={key:t.id.toString(),id:`datatable-header-${t.id}`,role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,i);const r=t.sortable?jn:Bn,a=t.sortable?{onClick:()=>{if(!n)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const e=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===gn.ascending;let i=gn.ascending;return n&&o&&(i=gn.descending),{columnId:t,direction:i}}({sortState:n,columnId:t.id});o?o(e):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return e.createElement(kn,Object.assign({},i),e.createElement(dt,{text:t.tooltip},e.createElement(r,Object.assign({},a),t.icon&&t.icon,t.title&&e.createElement("span",null,t.title),t.sortable&&e.createElement(Fn,null,e.createElement(vn,{sortState:n,columnId:t.id,size:5})))))}const Dn=H.colors.neutral.grey.base,Hn=H.colors.neutral.grey.dark,On=u.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${H.radius.base};background:${Dn};background-image:linear-gradient(\n to right,\n ${Dn} 0%,\n ${Hn} 20%,\n ${Dn} 40%,\n ${Dn} 100%\n );background-repeat:no-repeat;background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-468px 0;}100%{background-position:468px 0;}}`;const Rn=u.div.withConfig({displayName:"vui--Container",componentId:"vui--1feqxrw"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${En};background-color:white;`,Wn=u.div.withConfig({displayName:"vui--Content",componentId:"vui--dbz7t3"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${H.colors.neutral.grey.base};& > *{flex:1;}`;function Tn({selectionColumn:n,intersectionTargetRef:i,containerRef:r,children:a}){var l;const[s,d]=t(!1);o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{d(!e.isIntersecting)}))}));return e.observe(i.current),()=>e.disconnect()}),[i.current]);const c=null===(l=r.current)||void 0===l?void 0:l.getBoundingClientRect(),m={position:"fixed",top:0,left:null==c?void 0:c.left,width:null==c?void 0:c.width},u=s?m:{position:"absolute",top:0,left:0,right:0};return e.createElement(Rn,{style:u},Mn({column:n}),e.createElement(Wn,null,a))}const An=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"})),Pn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M12 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"})),Vn=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Zn=u.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${H.sizes.lg};padding-bottom:${H.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${H.sizes.md};`,qn=u.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${H.sizes.md};background-color:${H.colors.neutral.grey.light};border-radius:${H.radius.full};`,Xn=u.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Gn=u.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${H.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 `}`,Yn=u.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Un=u.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${H.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Kn=u.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,_n={full:`border-width: 1px; border-radius: ${H.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},Jn=u.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${H.colors.neutral.grey.dark};${({borderMode:e="full"})=>_n[e]} &,& *{box-sizing:border-box;}`;function Qn({children:n,intersectionTargetRef:i,containerRef:a,cellWidths:l,tableCss:s}){const d=r(null),[c,m]=t(!1),[u,p]=t({top:0,left:0,width:0,height:0}),g=()=>{var e;const t=null===(e=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};p(n)},h=()=>{var e;if(!a.current)return;const t=a.current.scrollLeft;null===(e=d.current)||void 0===e||e.scrollTo(t,0)};if(o((()=>{if(!i.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{m(!e.isIntersecting)}))}),{threshold:1});return e.observe(i.current),()=>e.disconnect()}),[i.current]),o((()=>{c&&a.current&&g()}),[a.current,c]),o((()=>{if(!c)return;if(!a.current)return;const e=w(g,33),t=new f(e);return t.observe(a.current),()=>t.disconnect()}),[a.current,c]),o((()=>{h()}),[c]),o((()=>{var e;return null===(e=a.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=a.current)||void 0===e||e.removeEventListener("scroll",h)}}),[a.current]),!c)return null;const b=Object.assign(Object.assign({},u),{height:En,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${H.colors.neutral.grey.base}`}),v=s+l.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return e.createElement("div",{style:b,ref:d},e.createElement(Un,{css:v},e.createElement("thead",null,n)))}const eo=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:o})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==o?void 0:o.includes(e))||!1}),to=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),e.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),e.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),no={icon:e.createElement(to,{width:48,height:48}),heading:"No results"},oo=()=>{},io=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:i=no,expandedRowIds:a,loading:l,loadingRowCount:s,onChangeSort:d,rows:c,disabledRowIds:m,selectionMode:u,selectionState:p,setExpanded:g,sortState:h,stripingMode:f,enableStickyHeader:b})=>{const v=r(null),x=r(null),y=r(null);wn(v);const w=c.map((e=>e.id)).filter((e=>!(null==m?void 0:m.includes(e)))),{selectionEnabled:C,selectedRowIds:$,selectionColumn:E,setSelected:k}=Ln({selectionMode:u,selectionState:p,enabledRowIds:w}),N={setSelected:k||oo,setExpanded:g||oo},S=[E,...o],z=C?S:o,I=xn(x,v),{visible:L,pinnedLeft:F,pinnedRight:B}=yn(z),{scrollPosition:j}=$n(v),M=pn({pinnedLeft:F,pinnedRight:B,cellWidths:I,scrollPosition:j,visible:L,stripingMode:f});if(l){const t=new Array(s).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return e.createElement(Jn,{borderMode:n},e.createElement(Yn,{ref:v},e.createElement(Un,{css:M,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Gn,{role:"row"},L.map((e=>Mn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},t.map((t=>e.createElement(Gn,{key:t.id},L.map((n=>function(t,n){if(!0===n.hidden)return null;const o={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return e.createElement(Sn,Object.assign({},o),e.createElement(On,null))}(t,n))))))))))}if(0===c.length)return e.createElement(Jn,{borderMode:n},e.createElement(Yn,{ref:v},e.createElement(Un,{css:M,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},e.createElement(Gn,{role:"row"},L.map((e=>Mn({column:e,sortState:h,onChangeSort:d}))))),e.createElement("tbody",{role:"rowgroup"},e.createElement(Zn,{columnCount:L.length},e.createElement(qn,null,i.icon),e.createElement(Dt,{spacing:"sm",alignX:"center"},e.createElement(T,{variant:"headingMedium"},i.heading),i.subheading&&e.createElement(T,{variant:"subheadingMedium"},i.subheading)))))));const D=t=>{const{e2eClassName:n="",accentColor:o}=t,i=eo(t.id,{selectedRowIds:$,expandedRowIds:a,disabledRowIds:m});return e.createElement(Gn,Object.assign({role:"row",key:t.id,accentColor:o,className:n},i),L.map((e=>function(e,t,n,o){if(t.hidden)return null;const i={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,i,n,o)}(t,e,N,i))))},H=(t,n)=>{var o,i;const r=null===(i=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.e2eClassNames)||void 0===i?void 0:i.row,l=eo(n,{selectedRowIds:$,expandedRowIds:a,disabledRowIds:m});return e.createElement(Gn,{role:"row",key:t.id,className:r},L.map((n=>function(t,n,o){if(n.hidden)return null;const i={align:n.align,key:`${t.id}-${n.id}`,role:"cell",spacing:n.spacing};return n.renderNestedCell?n.renderNestedCell(t,i,o):e.createElement(Sn,Object.assign({},i))}(t,n,l))))},O=t=>{var n;const o=null==a?void 0:a.includes(t.id);return e.createElement("tbody",{role:"rowgroup",key:t.id},D(t),o&&(null===(n=t.nestedRows)||void 0===n?void 0:n.map((e=>H(e,t.id)))))},R=e.createElement(Gn,{role:"row"},L.map((e=>Mn({column:e,sortState:h,onChangeSort:d})))),W=o.some((e=>!!e.renderFooter)),A=$.length>0&&!!t;return e.createElement(Jn,{borderMode:n},A&&e.createElement(Tn,{selectionColumn:E,intersectionTargetRef:y,containerRef:v},t),e.createElement(Yn,{ref:v},b&&e.createElement(Qn,{tableCss:M,intersectionTargetRef:y,containerRef:v,cellWidths:I},R),e.createElement("div",{ref:y,style:{height:0}}),e.createElement(Un,{css:M,ref:x,role:"table"},e.createElement("thead",{role:"rowgroup"},R),(()=>{const t=!!a;return t&&"nested"===f?c.map(O):t?e.createElement("tbody",{role:"rowgroup"},c.map((e=>{var t;return[D(e),...(null==a?void 0:a.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>H(t,e.id))))||[]]}))):e.createElement("tbody",{role:"rowgroup"},c.map(D))})(),W&&e.createElement("tfoot",{role:"rowgroup"},e.createElement(Gn,{role:"row"},L.map((t=>function({column:t}){if(t.hidden)return null;const n={key:t.id,role:"cell",align:t.align,spacing:t.spacing};return t.renderFooter?t.renderFooter(t,n):e.createElement(Sn,Object.assign({},n))}({column:t}))))))))};io.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},io.Cell=Sn,io.ColumnMenu=function({columns:n,columnGroups:o,setColumns:i}){const[r,a]=t(null),[l,s]=t(!1),d=n.map((e=>[e.id,e])),c=Object.fromEntries(d),m=o.map((e=>e.map((e=>c[e])))),u=(e,t)=>{const o=m[e].map((e=>e.id)),r=[...n];o.forEach((e=>{const n=r.findIndex((t=>t.id===e));n<0||(r[n]=Object.assign(Object.assign({},r[n]),{hidden:t}))})),i(r)};return e.createElement(e.Fragment,null,e.createElement(xe,{ref:a,dropdown:!0,onClick:()=>s(!0)},"Columns"),l&&e.createElement(te,{anchorElement:r,onShouldClose:()=>s(!1)},e.createElement(Me,{style:{width:600}},e.createElement(Dt,{alignX:"stretch",spacing:"sm"},m.map(((t,n)=>e.createElement(Dt,{key:t[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},e.createElement(xe,{variant:"flat",icon:e.createElement(Vn,null)}),e.createElement(Dt,{spacing:"sm",style:{flex:1}},t.map((t=>e.createElement("div",{key:t.id},t.title)))),e.createElement(Dt,{direction:"horizontal",spacing:"sm"},t[0].hidden?e.createElement(xe,{variant:"flat",icon:e.createElement(Pn,null),onClick:()=>u(n,!1),style:{color:H.colors.neutral.ink.lightest}}):e.createElement(xe,{variant:"flat",icon:e.createElement(An,null),onClick:()=>u(n,!0)})))))))))},io.SelectionCell=zn,io.SelectionHeader=Nn,io.Header=kn,io.Truncate=Kn,io.NoWrap=Xn;const ro=u.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${H.sizes.base};}`,ao=u.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${H.sizes.xs};}`,lo=u.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${H.sizes.base};}`,so=u.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${H.sizes.xs};}`,co=u.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${H.text.bodyBold.fontFamily};font-size:${H.text.bodyBold.fontSize};font-weight:${H.text.bodyBold.fontWeight};line-height:${H.text.bodyBold.lineHeight};color:${H.text.bodyBold.color};`,mo=u.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${H.text.body.fontFamily};font-size:${H.text.body.fontSize};font-weight:${H.text.body.fontWeight};line-height:${H.text.body.lineHeight};color:${H.text.body.color};`,uo=({items:t,horizontal:n})=>{const o=t=>Array.isArray(t)?t.map((t=>e.createElement(mo,{key:t},t))):e.createElement(mo,null,t);return e.createElement(ro,null,t.map((t=>n?e.createElement(lo,{key:t.term},e.createElement(co,null,t.term),e.createElement(so,null,o(t.description))):e.createElement(ao,{key:t.term},e.createElement(co,null,t.term),o(t.description)))))},{sizes:po,colors:go}=H,ho=u.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${po.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${po.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,fo=u.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${po.md};overflow-x:hidden;background-color:${go.neutral.grey.lightest};`,bo=({renderHeader:n,children:o})=>{const[i,r]=t(!0);return e.createElement("main",null,n((()=>r(!i)),i),e.createElement(fo,null,e.createElement(ho,{showSidebar:i},o)))},vo=u.div.withConfig({displayName:"vui--InputGroup",componentId:"vui--1w0e9jz"})`display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:not(:last-child){border-right-width:0 !important;}& > *:hover{}& > *:focus,& > *:active{z-index:5;border-right-width:1px !important;}& > *:focus + *,& > *:active + *{border-left-width:0 !important;}& > *:not(:first-child):not(:last-child){border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}`;var xo;!function(e){e.base="base",e.sm="sm"}(xo||(xo={}));const yo=u.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${H.text.inputLabel.fontFamily};font-size:${H.text.inputLabel.fontSize};font-weight:${H.text.inputLabel.fontWeight};line-height:${H.text.inputLabel.lineHeight};color:${H.text.inputLabel.color};`,wo=u.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${H.fontFamily};font-size:${H.sizes[3]};line-height:${H.sizes[4]};color:${H.colors.neutral.ink.light};`,Co=u.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${H.text.error.fontFamily};font-size:${H.text.error.fontSize};font-weight:${H.text.error.fontWeight};line-height:${H.text.error.lineHeight};color:${H.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${H.sizes[2]} * -1);width:2px;background-color:${H.colors.secondary.red.base};}`,$o=u(Dt).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,Eo=u(dt).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:block;}`,ko=t=>n=>{var{label:o,hint:i,error:r,tooltip:a}=n,s=ne(n,["label","hint","error","tooltip"]);const d=l((()=>_(t.name)),[]);return o?e.createElement($o,{spacing:"sm",alignX:"stretch"},e.createElement("div",null,e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"sm"},e.createElement(yo,{htmlFor:d},o),a&&e.createElement(Eo,{text:a},e.createElement(Gt,{width:H.sizes.base,height:H.sizes.base,color:H.colors.neutral.ink.light}))),i&&e.createElement(wo,null,i)),e.createElement(t,Object.assign({id:d,hasError:!!r},s)),r&&e.createElement(Co,null,r)):e.createElement(t,Object.assign({hasError:!!r},s))},No=t=>n=>(o((()=>{console.warn(`${t.name} is deprecated.`)}),[]),e.createElement(t,Object.assign({},n))),So=({hasError:e,inputSize:t})=>p`&{--outline-size:${"sm"===t?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n "}`,zo=u.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${H.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 `}} ${So} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,Io=u.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1k04ik"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${So}`,Lo=/^-?[0-9]*\.?[0-9]+$/,Fo=ko(i(((t,n)=>{var{id:o,className:i,disabled:r=!1,hasError:l,max:s,min:d,multiline:c=!1,name:m,onChange:u,pattern:p,placeholder:g,rows:h="3",size:f=xo.base,step:b,type:v="text",value:x,spellCheck:y=!1}=t,w=ne(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const C=a((e=>{if(!u)return;const t=e.currentTarget.value;if(""===t)return void u(t);if("number"!==v)return void u(t);new RegExp(Lo).test(t)&&u(t)}),[u,v]),$=null!=o?o:_("textfield");return"text"===v&&c?e.createElement(Io,Object.assign({className:i,disabled:r,hasError:l,id:$,name:m,onChange:C,placeholder:g,rows:h,value:x,spellCheck:y,ref:n},w)):e.createElement(zo,Object.assign({className:i,disabled:r,hasError:l,id:$,inputSize:f,max:s,min:d,name:m,onChange:C,placeholder:g,step:b,type:v,value:x,spellCheck:y,ref:n},w))})));Fo.displayName="TextField";const Bo=u($).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,jo=u($).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,Mo=u(Fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${H.colors.neutral.ink.lightest};}`,Do=u(xe).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${H.colors.neutral.ink.lightest};`;u(T).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,u.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${H.text.error.fontFamily};font-size:${H.text.error.fontSize};font-weight:${H.text.error.fontWeight};line-height:${H.text.error.lineHeight};color:${H.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${H.sizes[2]} * -1);width:2px;background-color:${H.colors.secondary.red.base};}`,u.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${H.fontFamily};font-size:${H.sizes[3]};line-height:${H.sizes[4]};color:${H.colors.neutral.ink.light};`;const Ho=ko((t=>{var{size:n=xo.base,handleChangeHeight:o,handleChangeWidth:i,handleChangeLength:r,className:a,height:l,width:s,length:d,unit:c}=t,m=ne(t,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return e.createElement(Bo,{className:a},e.createElement(jo,null,e.createElement(Mo,Object.assign({onChange:r,size:n,name:"length",type:"number",placeholder:"L",value:d},m)),e.createElement($e,{height:H.sizes.base,width:H.sizes.base}),e.createElement(Mo,Object.assign({onChange:i,size:n,name:"width",type:"number",placeholder:"W",value:s},m)),e.createElement($e,{height:H.sizes.base,width:H.sizes.base}),e.createElement(vo,null,e.createElement(Mo,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:l},m)),e.createElement(Do,{size:n},c))))}));Ho.displayName="DimensionsInput";const Oo=(e,t)=>{const n=r(null),i=a((e=>{"Escape"===e.key&&(null==t||t())}),[t]),l=a((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",l),document.addEventListener("keyup",i),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",i)}}),[l,i,e]),n},Ro=(e,n)=>{const[i,r]=t(e);return o((()=>{const t=setTimeout((()=>r(e)),n);return()=>clearTimeout(t)}),[e,n]),i};function Wo(){const[e,n]=t(!1),o=a((()=>n(!e)),[e,n]),i=a((()=>n(!1)),[n]);return{shouldShowDropdown:e,toggleShouldShowDropdown:o,setShouldShowDropdown:n,closeDropdown:i}}const To=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Ao({children:n}){const[i,r]=t(!0);return o((()=>{function e(){r(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(r(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function i(e){e.metaKey||e.altKey||e.ctrlKey||r(!0)}function a(){"hidden"===document.visibilityState&&(r(!0),n())}return document.addEventListener("keydown",i,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",a,!0),n(),()=>{document.removeEventListener("keydown",i,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",a,!0),o()}}),[r]),e.createElement(To.Provider,{value:{hadKeyboardEvent:i,isInitialized:!0}},n)}function Po(){const[t,n]=e.useState(!1),{hadKeyboardEvent:o,isInitialized:i}=e.useContext(To),r=e.useCallback((()=>{t||n(!0)}),[t]),a=e.useCallback((()=>{t&&n(!1)}),[t]);let l;return l=i?o&&t:t,e.useMemo((()=>({focusVisible:l,onFocus:r,onBlur:a})),[l,a,r])}const Vo=(e=!1)=>{const[n,o]=t(e);return[n,a((()=>o(!0)),[o]),a((()=>o(!1)),[o])]},Zo=e=>{const[n,i]=t(!1),[r,a]=t(!1);o((()=>{if(!e)return;const t=new ResizeObserver((()=>{const t=e.scrollHeight>e.clientHeight;i(t)}));return t.observe(e),()=>{t.disconnect()}}),[e]);return{isOverflowing:n&&!r,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:i}=t.target;a(o-n-i<=0)}}},qo=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[i]=t(e),[r,a]=t(i[o]);return[r,e=>{const t=i.find((t=>t.key===e));t&&a(t)}]},Xo=u($).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${N.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${j.base};height:${j.base};}`,Go=u(T).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,Yo=u(Go).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,Uo=u(Ce).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,Ko=u($e).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,_o=u($).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Jo=u($).withConfig({displayName:"vui--Header",componentId:"vui--n9war0"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${N.neutral.grey.base};svg{color:${({color:e})=>e};width:${j[5]};height:${j[5]};margin-right:10px;}`,Qo=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),ei=({className:t,e2eClassName:n,label:o,text:i,iconSlot:r,fill:l=N.secondary.blue.base,content:s,footer:d,onClickAway:c,onClick:m,shouldCloseOnClickAway:u=!0})=>{const p=Qo(t),g=Qo(n),{shouldShowDropdown:h,toggleShouldShowDropdown:f,closeDropdown:b}=Wo(),v=a((e=>{f(),c&&h&&c(e)}),[f,c,h]),x=a((e=>{c&&c(e,b),u&&b()}),[b,c,u]);return!s?e.createElement(Xo,{className:gt([null==p?void 0:p.container,null==g?void 0:g.container]),onClick:m},o&&e.createElement(Yo,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(T,null,i),e.createElement(Ko,{className:gt([null==p?void 0:p.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:N.neutral.ink.base})):e.createElement(_e,{className:p.filterTagDropdown,shouldShowDropdown:h,onClickAway:x,cta:e.createElement(Xo,{className:p.container,onClick:v},o&&e.createElement(Yo,{variant:"subheadingSmallBold"},`${o}:`),e.createElement(T,null,i),e.createElement(Uo,{color:N.neutral.ink.base,name:"downArrow",shouldShow:h}))},e.createElement(_o,null,e.createElement(Jo,{color:l},r,e.createElement(T,{variant:"bodyBold"},o)),s,d))},ti=u($).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?j[e]:0};`,ni=t=>e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"})),oi=u.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,ii=u.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,ri=u.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,ai=u.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,li=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}),si=({src:n,alt:o="",className:i,e2eClassName:r,width:l,height:s,previewWidth:d,previewHeight:c,previewPlacement:m="right",previewEnabled:u=!1,placeholder:p,placeholderWidth:g,placeholderHeight:f,disablePlaceholder:b=!1})=>{const x=li(i),y=li(r),[w,C]=t(!1),[$,E]=t({isLoaded:!1,isError:!1}),[k,N]=e.useState(null),[S,z]=e.useState(null),{styles:I,attributes:L}=h(k,S,{placement:m,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),F=a((()=>u?C(!0):{}),[u]),B=a((()=>u?C(!1):{}),[u]),j=!$.isLoaded||$.isError;return e.createElement(oi,{className:gt([null==x?void 0:x.container,null==y?void 0:y.container,i])},e.createElement(ii,{src:n,alt:o,className:gt([null==x?void 0:x.image,null==y?void 0:y.image]),width:l,height:s,onLoad:()=>E({isLoaded:!0,isError:!1}),onError:()=>E({isLoaded:!0,isError:!0}),previewEnabled:u,onMouseEnter:F,onMouseLeave:B,style:j?{display:"none"}:{},ref:N}),!b&&j&&(p||e.createElement(ni,{className:gt([null==x?void 0:x.placeholder,null==y?void 0:y.placeholder]),width:g||l,height:f||s})),w&&v(e.createElement(ri,Object.assign({ref:z,style:I.popper},L.popper,{className:gt([null==x?void 0:x.previewImageContainer,null==y?void 0:y.previewImageContainer])}),e.createElement(ai,{src:n,alt:"",width:d,height:c})),document.body))},di=u.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,ci="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",mi="Log in with Amazon",ui=n=>{const[o,i]=t(ci);return e.createElement(di,Object.assign({onMouseDown:()=>{i("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{i(ci)},"aria-label":mi},n),e.createElement("img",{src:o,alt:mi}))},pi=g`body{overflow:hidden;scrollbar-gutter:stable;}`,gi=u.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${H.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${Me.Footer} {\n box-shadow: 0px 10px 15px 0px ${H.colors.neutral.ink.dark};\n }\n `}`,hi=e=>!!e.footerSlot,fi=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,o)=>t+t+n+n+o+o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},bi=(e,t)=>{const n=fi(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},vi={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},xi={[S.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[S.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[S.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[S.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[S.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},yi={xs:S.mobile,sm:S.mobile,base:S.tablet,lg:S.lgTablet},{breakpoints:wi}=H,Ci=u(c.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--1ohvs0u"})`padding:0;border:none;border-radius:${H.sizes.sm};box-shadow:${H.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Me.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${vi[e]};`} ${gi}{padding-bottom:${H.sizes.md};}${Me.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${wi.mobile} + 1px))and (max-width: ${wi.tablet}){max-width:${({variant:e})=>xi[wi.tablet][e]};}@media (min-width: ${wi.tablet})and (max-width: ${wi.lgTablet}){max-width:${({variant:e})=>xi[wi.lgTablet][e]};}@media (min-width: ${wi.lgTablet})and (max-width: ${wi.desktop}){max-width:${({variant:e})=>xi[wi.desktop][e]};}@media (min-width: ${wi.desktop}){max-width:${({variant:e})=>xi[wi.lgDesktop][e]};}@media (max-width: ${({variant:e})=>yi[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Me.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${bi(H.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,$i=e.forwardRef(((t,n)=>{var o=ne(t,[]);return e.createElement(Ci,Object.assign({ref:n},o))})),Ei=n=>{const{shouldShow:i,showHeaderCloseButton:a=!0,fullBleed:l=!1,variant:s="base",onClose:d,children:c}=n,u=r(null),[p,g]=t(null);o((()=>{var e,t;i&&(null===(e=u.current)||void 0===e||e.removeAttribute("open"),null===(t=u.current)||void 0===t||t.showModal())}),[i]);const{isOverflowing:h,onScroll:f}=Zo(p),b=()=>{var e;null===(e=u.current)||void 0===e||e.close(),d()};return e.createElement(m,null,i&&e.createElement("div",{"data-testid":"dialog-wrapper"},e.createElement(pi,null),e.createElement($i,{ref:u,onClose:b,variant:s,"aria-describedby":"modal_title"},e.createElement(Me.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:e.createElement(Ee,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},a&&{onClickClose:b})),e.createElement(gi,{onScroll:f,ref:g,isScrollable:h,fullBleed:l},c),hi(n)&&n.footerSlot,!hi(n)&&(n.leftActions||n.rightActions)&&e.createElement(Me.Footer,null,e.createElement(Dt,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&e.createElement(Dt,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((t=>{var{label:n}=t,o=ne(t,["label"]);return e.createElement(xe,Object.assign({key:n,type:"button"},o),n)}))),n.rightActions&&e.createElement(Dt,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((t=>{var{label:n}=t,o=ne(t,["label"]);return e.createElement(xe,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:ki,text:Ni,shadows:Si}=H,{grey:zi}=H.colors.neutral,Ii=u.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${ki.base} ${ki.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&Si[e]};`,Li=u.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${Ni.headingXL.fontFamily};font-size:${Ni.headingXL.fontSize};font-weight:${Ni.headingXL.fontWeight};margin:unset;line-height:1;`,Fi=u.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${Ni.subheadingLarge.fontFamily};font-weight:${Ni.subheadingLarge.fontWeight};font-size:${Ni.subheadingLarge.fontSize};line-height:${Ni.subheadingLarge.lineHeight};`,Bi=u.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${H.radius.base};border:${ki.line} solid ${zi.base};object-fit:cover;`,ji=u.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,Mi=u(xe).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${H.text.link.fontFamily};font-size:${H.text.link.fontSize};font-weight:${H.text.link.fontWeight};line-height:${H.text.link.lineHeight};color:${H.text.link.color};&:hover{text-decoration:${H.text.link.textDecoration};}& > * + *{margin-left:${H.sizes.xs};}`,Di=u.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1fmdpk3"})`width:100%;display:grid;grid-template-columns:1fr minmax(312px, auto);align-items:flex-start;grid-gap:${ki.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,Hi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"})),Oi=({title:t,subtitle:n,imageSrc:o,actions:i,quickActions:r,backAction:a,Accessory:l,shadow:s="none",onClickPrevious:d,onClickNext:c,onClickToggleSidebar:m})=>{const u=i&&e.createElement(Ve,{buttonVariant:r?"default":"primary",title:"Actions",sections:i}),p=null==r?void 0:r.map((t=>e.createElement(xe,{key:t.title,variant:t.variant,icon:t.icon,onClick:t.onClick},t.title))),g=a&&e.createElement(xe,{onClick:a.onClick,icon:e.createElement(Hi,null),variant:"link"},a.title),h=m&&e.createElement(Dt,{direction:"horizontal",alignX:"end"},e.createElement(Mi,{onClick:m},e.createElement("span",null,"Toggle sidebar"),e.createElement(zt,{width:j.md})));return e.createElement(Ii,{shadow:s},e.createElement(Dt,null,g,e.createElement(Di,null,e.createElement(Dt,{direction:"horizontal",spacing:"md"},o&&e.createElement(Bi,{src:o,alt:"",width:"72",height:"72"}),e.createElement("div",{style:{flex:1}},e.createElement(Dt,{alignX:"stretch"},e.createElement(Li,null,t),l,n&&e.createElement(Fi,null,n)))),e.createElement(ji,null,e.createElement(Dt,{direction:"horizontal",alignX:"end",spacing:"sm"},p,u,d&&e.createElement(xe,{icon:e.createElement(Hi,null),onClick:d}),c&&e.createElement(xe,{icon:e.createElement(zt,null),onClick:c})),h))))},Ri=u(Dt).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${H.sizes.lg};height:30px;background-color:${H.colors.neutral.grey.light};border:1px solid ${H.colors.neutral.grey.base};border-radius:${H.sizes.xs};`,Wi=u(xe).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${H.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,Ti=u(Fo).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,Ai=({count:t})=>e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(T,{variant:"bodySmall","aria-hidden":!0},"/")),e.createElement(Ri,{alignX:"center",alignY:"center","aria-hidden":!0},e.createElement(T,{variant:"bodySmall"},t))),Pi=({currentPage:e,totalPagesCount:n,handleChangePage:i})=>{const[r,a]=t(`${e}`);o((()=>{a(`${e}`)}),[e]);const l=e=>e>=1&&e<=n,s=()=>{if(r||a(`${e}`),r===`${e}`)return;const t=parseInt(r,10);l(t)&&i(t)};return{pageInputValue:r,handleIncrement:()=>{l(e+1)&&i(e+1)},handleDecrement:()=>{l(e-1)&&i(e-1)},handleInputChange:e=>{e||a(e);const t=parseInt(e,10);var n;l(n=t)&&a(`${n}`)},handleSubmit:s,handleFormSubmit:e=>{e.preventDefault(),s()}}},Vi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),Zi=t=>e.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),qi=({testId:t,e2eClassName:n,currentPage:o,totalPagesCount:i,handleChangePage:r})=>{const{pageInputValue:a,handleIncrement:l,handleDecrement:s,handleFormSubmit:d,handleInputChange:c,handleSubmit:m}=Pi({currentPage:o,totalPagesCount:i,handleChangePage:r});return e.createElement(Dt,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:n},e.createElement(Wi,{onClick:()=>{1!==o&&r(1)},icon:e.createElement(Vi,null),size:"sm","aria-label":"go to first page"}),e.createElement(Wi,{onClick:s,icon:e.createElement(Hi,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),e.createElement("form",{onSubmit:d},e.createElement(Ti,{"aria-live":"polite","aria-label":`page ${o} of ${i}`,size:xo.sm,type:"number",value:a,min:"1",max:`${i}`,onChange:c,onBlur:m})),e.createElement(Ai,{count:i}),e.createElement(Wi,{onClick:l,icon:e.createElement(zt,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=i}),e.createElement(Wi,{onClick:()=>{o!==i&&r(i)},icon:e.createElement(Zi,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=i}))},Xi=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],Gi=u($).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Yi=u(_e).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,Ui=u.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${N.neutral.grey.base};box-sizing:border-box;border-radius:4px;justify-content:space-between;background:white;cursor:pointer;svg{padding-left:8px;padding-top:2px;}`,Ki=u($).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,_i=u(T).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${N.secondary.blue.base};background:${N.neutral.grey.lightest};}`,Ji=({item:t,handleRangeListChange:n})=>{const o=a((()=>n(t)),[n,t]);return e.createElement(Ki,{onClick:o},e.createElement(_i,{variant:"bodySmall"},t.label))},Qi=t=>{const{handleRangeListChange:n,paginationRange:o=Xi}=t;return e.createElement(e.Fragment,null,o.map((t=>e.createElement(d,{key:t.label},e.createElement(Ji,{item:t,handleRangeListChange:n})))))};class er extends s{constructor(e){super(e),this.handleRangeListChange=e=>{const{onPaginationRangeChange:t}=this.props;this.setDropdownValue(e),t(e)},this.setDropdownValue=e=>this.setState({shouldShowDropdown:!1,dropdownValue:e}),this.toggleShouldShow=()=>{const{shouldShowDropdown:e}=this.state;this.setState({shouldShowDropdown:!e})};const{dropdownValue:t=Xi[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:t,paginationRange:n=Xi,reversedDropdown:o}=this.props,{shouldShowDropdown:i,dropdownValue:r}=this.state;return e.createElement(Gi,{className:t},e.createElement(Yi,{cta:e.createElement(Ui,{onClick:this.toggleShouldShow},e.createElement(T,{variant:"bodySmall"},r.label),e.createElement(be,{color:H.colors.neutral.ink.base})),shouldShowDropdown:i,onClickAway:this.toggleShouldShow,reversed:o},e.createElement(Qi,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const tr=u.div.withConfig({displayName:"vui--Container",componentId:"vui--1y4bw67"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:e})=>"sm"===e?"32px":"40px"};border-radius:4px;${({size:e})=>"sm"===e?"svg { width: 14px !important; height: 14px !important; };\n\n > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,nr=u.button.withConfig({displayName:"vui--StepButton",componentId:"vui--z17r9v"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,or=({onIncrement:t,onDecrement:n,disabled:o=!1,size:i})=>e.createElement(tr,{size:i},e.createElement(nr,{type:"button",onClick:t,disabled:o},e.createElement(U,{height:H.sizes.base,width:H.sizes.base,color:H.colors.neutral.ink.base})),e.createElement(nr,{type:"button",onClick:n,disabled:o},e.createElement(Ce,{height:H.sizes.base,width:H.sizes.base,color:H.colors.neutral.ink.base}))),ir=u(Fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${H.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${H.colors.neutral.ink.lightest};}`,rr=u($).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${H.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?H.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;}}`,ar=u(T).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,lr=u(vo).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 ${H.colors.secondary.red.light};\n\n > * {\n border-top-color: ${H.colors.secondary.red.base};\n border-bottom-color: ${H.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${H.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${H.colors.secondary.red.base};\n border-right-color: ${H.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${H.colors.secondary.red.base};\n border-bottom-color: ${H.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${H.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?H.colors.secondary.red.base:H.colors.secondary.blue.base};}}`;const sr=ko((t=>{var{className:n="",hasError:o,currency:i,disabled:r=!1,onChange:a,onPriceChange:l,priceValue:s,step:d="0.1",size:c=xo.base}=t,m=ne(t,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const u=(e=l)=>{e(((parseFloat(s)||0)+parseFloat(d)).toFixed(2))},p=(e=l)=>{e(((parseFloat(s)||0)-parseFloat(d)).toFixed(2))};return e.createElement(lr,{className:n,hasError:o},e.createElement(rr,{disabled:r,size:c},e.createElement(ar,{variant:"hintText"},i)),e.createElement(ir,Object.assign({placeholder:"0.00",type:"currency",value:s,step:d,onChange:e=>a(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void l("");const o=parseFloat(n.replace(",",".")).toFixed(2);l(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&u(a),"ArrowDown"===t&&p(a)},disabled:r,size:c},m)),e.createElement(or,{onIncrement:()=>u(),onDecrement:()=>p(),disabled:r,size:c}))}));sr.displayName="PriceInput";const dr=u(Fo).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,cr=u.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,mr=u($).withConfig({displayName:"vui--Container",componentId:"vui--18q9h8i"})`position:relative;display:flex;justify-content:flex-start;align-items:center;border-radius:0.25rem;${({iconPosition:e})=>{let t="padding-right: 2.5rem;",n="right: 0.5rem;";return"left"===e&&(t="padding-left: 2.5rem",n="left: 0.5rem;"),`\n & ${dr} {\n ${t}\n }\n\n & ${cr} {\n ${n}\n }\n `}}`,ur=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"})),pr=({type:t="text",disabled:n=!1,onClearClick:o,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,value:c="",error:m,placeholder:u="",className:p="",name:g,isLoading:h=!1,fill:f,reversed:b=!1,autoComplete:v="on",size:x="base"})=>{const y=c&&c.length>0;return e.createElement(mr,{className:p,iconPosition:b?"left":"right"},e.createElement(dr,{size:x,type:t,value:c,onChange:i,onBlur:r,onFocus:a,onKeyUp:l,onKeyDown:s,onKeyPress:d,placeholder:u,name:g,disabled:n,error:m,autoComplete:v}),e.createElement(cr,null,h?e.createElement(ae,{height:24,color:f||H.colors.secondary.blue.base}):y&&o?e.createElement(xe,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text"},e.createElement($e,{color:f||H.colors.neutral.ink.dark})):e.createElement(xe,{variant:"unstyled",onClick:()=>i(c),style:{display:"flex"},"aria-label":"Search"},e.createElement(ur,{color:f||H.colors.neutral.ink.dark,height:j.md,width:j.md}))))},gr=H.colors.neutral.grey.lightest,hr=H.colors.neutral.grey.dark,fr=H.colors.secondary.blue.dark,br=u($).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${gr};border-color:${hr};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${fr};border-color:${fr};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${H.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,vr=({options:t,selected:n,className:o,onChange:i})=>e.createElement(br,{className:o?`${o}-container`:void 0},t.map((t=>e.createElement(xe,{variant:t.value===n?"primary":"default",key:t.key,onClick:()=>i(t.value),disabled:t.disabled,className:t.value===n?"veeqo-components-active-button":""},t.label)))),xr=u.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}`,yr=ko(i(((t,n)=>{var{className:o,options:i,value:r,onChange:l,size:s,disabled:d,hasError:c}=t,m=ne(t,["className","options","value","onChange","size","disabled","hasError"]);const u=a((e=>{l&&l(e.currentTarget.value)}),[l]);return e.createElement(xr,Object.assign({className:o,sizeVariant:s,value:null!=r?r:void 0,onChange:u,disabled:d,hasError:c,ref:n},m),!!i&&i.map((t=>e.createElement("option",{key:t.label,value:t.value,disabled:t.disabled},t.label))))})));yr.displayName="Select";const{blue:wr}=N.secondary,{grey:Cr}=N.neutral,$r=u.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,Er=u.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${wr.lightest};}`,kr=u.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Nr=u.td.withConfig({displayName:"vui--TableCell",componentId:"vui--s41x8b"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${D.bodySmall.fontFamily};font-size:${D.bodySmall.fontSize};font-weight:${D.bodySmall.fontWeight};color:${D.bodySmall.color};line-height:${j.base};& > *{vertical-align:middle;}`,Sr=u(Nr).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Cr.dark};font-family:${D.bodySmallBold.fontFamily};font-size:${D.bodySmallBold.fontSize};font-weight:${D.bodySmallBold.fontWeight};color:${D.bodySmallBold.color};`,zr=u.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${Er} tr:nth-child(even) td {\n background-color: ${Cr.lightest};\n }\n `}`,Ir=({striped:t=!0,className:n,children:o})=>e.createElement(zr,{striped:t,className:n},o);Ir.Header=$r,Ir.Body=Er,Ir.Row=kr,Ir.HeaderCell=Sr,Ir.Cell=Nr;const Lr=u.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Fr=u.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${H.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,Br=u.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--1tltjvk"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${H.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 ${H.colors.secondary.blue.light};}`,jr=u(Fr).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${H.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Mr=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}),Dr=({id:n,value:i,min:l,max:s,step:d=1,onChange:c,className:m,e2eClassName:u,onSlideStart:p=(()=>{}),onSlideEnd:g=(()=>{})})=>{const[h,f]=t(!1),[b,v]=t(-1),x=r(null),y=r(null),w=r(null),C=Mr(m),$=Mr(u),E=a((e=>{var t;if(!h||!x.current)return;const n=b>-1?i[b]:i,o=x.current.getBoundingClientRect();let r=100*(e.pageX-o.x)/o.width/100*(s-l)+l;const a=n-r;if(a>0&&(r=n+Math.ceil(r/d-n/d)*d),a<0&&(r=n+Math.floor(r/d-n/d)*d),n===r)return;r>s&&(r=s),r<l&&(r=l),Array.isArray(i)&&(0===b&&r>i[1]&&([,r]=i),1===b&&r<i[0]&&([r]=i));const m=d.toString().includes(".")?null===(t=d.toString().split(".").pop())||void 0===t?void 0:t.length:0;let u;r=Number(r.toFixed(m)),u=Array.isArray(i)?0===b?[r,i[1]]:[i[0],r]:r,c(u),Array.isArray(u)&&u[0]===u[1]&&(0===b&&v(1),1===b&&v(0))}),[b,h,s,l,c,d,i]),k=a((()=>{f(!1),g()}),[g]),N=a(((e,t)=>{f(!0),p(),"number"==typeof t&&v(t),e.preventDefault()}),[p]);o((()=>{const e=e=>N(e,Array.isArray(i)?0:1),t=e=>N(e,1),n=y.current,o=w.current;return null==n||n.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",E),document.addEventListener("mouseup",k),()=>{null==n||n.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",k)}}),[N,E,k,i]);const S=(t,n,o)=>{let i;return i=gt("number"==typeof o?0===o?[null==C?void 0:C.startSlider,null==$?void 0:$.startSlider]:[null==C?void 0:C.endSlider,null==$?void 0:$.endSlider]:[null==C?void 0:C.slider,null==$?void 0:$.slider]),e.createElement(Br,{role:"slider",ref:1===o?w:y,className:i,left:t,"aria-valuemin":l,"aria-valuemax":s,"aria-valuenow":n})},z=t=>{const n=100*(t[0]<l?0:t[0]-l)/(s-l),o=100*(t[1]>s?100:t[1]-l)/(s-l),i=o-n;return e.createElement(e.Fragment,null,e.createElement(jr,{className:gt([null==C?void 0:C.sliderRange,null==$?void 0:$.sliderRange]),left:n,width:i}),S(n,t[0],0),S(o,t[1],1))};let I;return I=Array.isArray(i)?z(i):(e=>{if(Array.isArray(i))return z(i);let t;return t=i>s?100:i<l?0:100*(e-l)/(s-l),S(t,e)})(i),e.createElement(Lr,{className:gt([null==C?void 0:C.container,null==$?void 0:$.container]),id:n,ref:x},e.createElement(Fr,null),I)},Hr=u($).withConfig({displayName:"vui--Tag",componentId:"vui--1rdo7hk"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:t})=>`\n color: ${null!=t?t:N.neutral.ink.base};\n background-color: ${null!=e?e:N.neutral.grey.base};\n `}`,Or=u(Dt).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,Rr=u(Dt).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${H.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${H.shadows.lg};border-radius:${H.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;}`,Wr=u($).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${H.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${j.md};height:${j.md};}`,Tr=u(Dt).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,Ar=u(T).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,Pr={info:{accentColor:N.brand.blue.base,icon:e.createElement(to,null)},success:{accentColor:N.secondary.green.base,icon:e.createElement(an,null)},error:{accentColor:N.secondary.red.base,icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"}))),null)},merge:{accentColor:N.secondary.purple.base,icon:e.createElement((t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))),null)}},Vr=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Zr=({className:t,e2eClassName:n,type:o,iconSlot:i,text:r,last:a,minWidth:l,cta:s,onClose:d})=>{const c=Vr(t),m=Vr(n);return e.createElement(Rr,{className:gt([null==c?void 0:c.container,null==m?void 0:m.container]),direction:"horizontal",alignY:"center",minWidth:l,last:a},e.createElement(Wr,{color:Pr[o].accentColor,className:gt([c.icon,m.icon])},null!=i?i:Pr[o].icon),e.createElement(Tr,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(Ar,{variant:"body"},r),s),e.createElement(xe,{variant:"flat",icon:e.createElement($e,{color:"white"}),onClick:d,"aria-label":"Close"}))},qr=({className:t,e2eClassName:n,toasts:i,minWidth:r="50vw",max:a=3,onClose:l})=>(o((()=>{a&&i.length>a&&l(i[0].key)}),[i,a,l]),v(e.createElement(Or,{direction:"vertical",alignX:"center",spacing:4},e.createElement(y,{component:null},[...i].reverse().map(((o,a)=>e.createElement(x,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},e.createElement(Zr,Object.assign({className:t,e2eClassName:n,minWidth:r,last:a===i.length-1,onClose:()=>l(o.key)},o))))))),document.body)),Xr=u.span.withConfig({displayName:"vui--Slider",componentId:"vui--x03mdi"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?H.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,Gr=u.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`&:focus-visible + ${Xr}{box-shadow:0 0 0 4px ${H.colors.brand.blue.light};}&:checked + ${Xr}{background-color:#0079d1;}&:disabled + ${Xr}{background-color:${H.colors.neutral.grey.base};}&:checked:disabled + ${Xr}{background-color:${H.colors.secondary.blue.light};}`,Yr=u.label.withConfig({displayName:"vui--Switch",componentId:"vui--13yy1uj"})`display:inline-block;position:relative;cursor:${({disabled:e})=>e?"default":"pointer"};height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};input{position:absolute;opacity:0;}${Xr}: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"};}${Gr}:checked + ${Xr}{&: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"});}}`,Ur=u($).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,Kr=i((({id:t,className:n,name:o,switched:i,small:r,onClick:a=(()=>{}),disabled:l,ariaLabel:s},d)=>e.createElement(Ur,{className:n,disabled:l},e.createElement(Yr,{small:r,disabled:l,role:"switch"},e.createElement(Gr,{id:t,type:"checkbox",name:o,"aria-label":s,checked:!!i,onChange:l?void 0:a,disabled:l,ref:d}),e.createElement(Xr,{switched:i,disabled:l}))))),_r=u.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--x718nd"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${H.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:t})=>{let n="40px",o="24px",i="24px",r="8px",a="16px",l="4px",s="white",d="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",i="16px",r="4px",a="14px",l="2px"),t&&(s="#0079D1",d="#0079D1",c="white"),`\n --outline-width: ${l};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${i};\n border-radius: ${r};\n font-size: ${a};\n\n background-color: ${s};\n border-color: ${d};\n color: ${c};\n `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`,Jr=({children:t,checked:n,size:o="base",disabled:i=!1,onChange:r})=>e.createElement(_r,{type:"button",checked:n,size:o,disabled:i,"aria-pressed":n,tabIndex:"0",onClick:()=>r(!n)},t),Qr="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",ea=u($).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${Qr} display:${e=>e.shouldShow?"initial":"none"};z-index:${H.layers.modal};`,ta=u($).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${Qr} background-color:rgba(55,66,77,0.5);`,na=u($).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,oa=({usePortal:t,children:n})=>e.createElement(e.Fragment,null,t?e.createElement(J,null,n):n),ia=({className:t,children:n=null,shouldShow:o=!1,usePortal:i=!0})=>e.createElement(oa,{usePortal:i},e.createElement(ea,{className:gt([`${t}-container`,t]),shouldShow:o},e.createElement(ta,null),e.createElement(C,{isActive:o},e.createElement(na,{className:gt([`${t}-wrap`,t])},n)))),ra=u.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,aa=u.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,la=u(xe).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`,sa=({id:t,youtubeVideoId:n,showVideoModal:o,handleCloseClick:i})=>{const r=Oo(o,i);return e.createElement(ia,{shouldShow:o,className:`${t}-video`},e.createElement(ra,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},e.createElement(aa,{ref:r},e.createElement("iframe",{title:`${t}-video`,src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),e.createElement(la,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:e.createElement($e,{color:"white"})}))))};var da;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(da||(da={}));const ca=u($).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,ma=u(T).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,ua=u($).withConfig({displayName:"vui--Contour",componentId:"vui--zy3oaf"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:t})=>`\n &:hover {\n border: 1px solid ${e.base};\n background-color: ${e.lightest};\n }\n\n ${T} {\n color: ${null!=t?t:N.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,pa=u(T).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 & > ${ma} {\n color: #fff;\n }\n `}`,ga={style:{marginLeft:j.xs,padding:j.xs,height:j.base,width:j.base}},ha=u.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${j.sm};svg{height:${j.base};width:${j.base};}`,fa=t=>e.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"})),ba=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}),va=({id:t,iconSlot:n,name:o,type:i,className:r,colourPalette:l=N.secondary.blue,customTextColour:s,count:d,active:c=!1,onClick:m,onDelete:u,onEdit:p,e2eClassName:g})=>{const h=ba(r),f=ba(g),[b,v,x]=Vo(),y=a((()=>m(t)),[t,m]),w=a((e=>{e.stopPropagation(),u&&u(t)}),[u,t]),C=a((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),$=i===da.draft,E=i===da.saved,k=c?N.neutral.ink.dark:N.neutral.ink.base;return e.createElement(ca,{className:`${gt([null==h?void 0:h.container,null==f?void 0:f.container])} ${c&&(null==f?void 0:f.active)||""}`,onClick:y},e.createElement(ua,{active:c,onMouseEnter:v,onMouseLeave:x,colourPalette:l,customTextColour:s},n&&e.createElement(ha,null,n),e.createElement(T,{variant:"bodyBold"},o),d&&e.createElement(pa,{active:c||b,colourPalette:l,customTextColour:s},e.createElement(ma,{className:null==f?void 0:f.counter,variant:"subheadingSmall"},d)),$&&e.createElement($e,Object.assign({},ga,{color:k,className:null==f?void 0:f.delete,onClick:w})),E&&c&&e.createElement(fa,Object.assign({},ga,{color:k,className:null==f?void 0:f.edit,onClick:C}))))},xa=u($).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,ya=u($).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,wa=u(Fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,Ca=u(xe).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${H.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${H.colors.secondary.red.base};\n `};`,$a=ko((t=>{var{size:n=xo.base,hasError:o,className:i}=t,r=ne(t,["size","hasError","className"]);return e.createElement(xa,{className:i},e.createElement(ya,null,"g"===r.weightUnit&&e.createElement(vo,null,e.createElement(wa,Object.assign({size:n,onChange:r.handleChangeGram,name:"gram",type:"number",value:r.gram,hasError:o},r)),e.createElement(Ca,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(r)&&e.createElement(e.Fragment,null,e.createElement(vo,null,e.createElement(wa,Object.assign({size:n,onChange:r.handleChangePound,name:"ounce",type:"number",value:r.pound,hasError:o},r)),e.createElement(Ca,{hasError:o,size:n},"lb")),e.createElement(vo,null,e.createElement(wa,Object.assign({size:n,onChange:r.handleChangeOunce,name:"pound",type:"number",value:r.ounce,hasError:o},r)),e.createElement(Ca,{hasError:o,size:n},"oz")))))}));$a.displayName="WeightInput",$a.defaultProps={weightUnit:"lb"};export{K as Accordion,Ve as ActionList,qe as Anchor,_e as AnimatedDropdown,Qe as Avatar,ft as Badge,kt as Banner,$ as BaseContainer,jt as Breadcrumbs,xe as Button,Me as Card,Ee as CardHeader,Qt as Checkbox,Yt as Choice,rn as ChoiceList,cn as CopyToClipboard,io as DataTable,uo as DescriptionList,bo as DetailPage,Ho as DimensionsInput,ei as FilterTag,Ao as FocusVisibleManager,ti as Grid,si as Image,vo as InputGroup,ae as Loader,ui as LoginWithAmazonButton,Ei as Modal,Oi as PageHeader,qi as Pagination,er as PaginationRange,te as Popover,ia as Popup,J as Portal,sr as PriceInput,tn as Radio,pr as Search,vr as SegmentedControl,yr as Select,Ir as SimpleTable,Dr as Slider,Dt as Stack,or as Stepper,Hr as Tag,T as Text,Fo as TextField,qr as ToastsLayout,Kr as Toggle,Jr as ToggleButton,dt as Tooltip,sa as VideoModal,va as View,$a as WeightInput,gt as buildClassnames,_ as generateId,bi as getOpaqueHexColor,fi as hexToRgb,H as theme,xn as useCellWidths,Oo as useClickOutside,yn as useColumns,Ro as useDebounce,wn as useDragToScroll,Wo as useDropdown,Po as useFocusVisible,Vo as useHover,Zo as useIsOverflowing,Cn as useNested,$n as useScrollPosition,Ln as useSelection,qo as useTabs,No as withDeprecated,ko as withLabels};
1
+ import*as e from"react";import t,{useState as n,useEffect as o,PureComponent as r,useRef as i,useMemo as a,forwardRef as l,useCallback as c,Component as s,Fragment as d}from"react";import{motion as u,AnimatePresence as p}from"framer-motion";import m,{css as f,createGlobalStyle as h}from"styled-components";import{usePopper as g}from"react-popper";import b from"resize-observer-polyfill";import v,{createPortal as y}from"react-dom";import{CSSTransition as x,TransitionGroup as w}from"react-transition-group";import E from"lodash.throttle";import{useScroll as C}from"react-use";import $ from"react-scrolllock-configurable";const k=m.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--bg86rb"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,S={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},N=(e,t)=>e||(t?S[t]:void 0),I={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}},L={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},z={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var F,O;!function(e){e.sm="0px 1px 3px rgba(55, 66, 77, 0.15)",e.base="0px 4px 6px rgba(27, 33, 38, 0.2)",e.md="0px 10px 15px rgba(27, 33, 38, 0.2)",e.lg="0px 20px 25px rgba(27, 33, 38, 0.2)"}(F||(F={})),function(e){e.none="none",e.line="line",e.xs="xs",e.sm="sm",e.base="base",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl"}(O||(O={}));const j=function({increment:e,unit:t,count:n}){const o={};for(let r=0;r<=n;r++){const n=r*e;o[r]=`${n}${t}`}return o}({increment:.25,unit:"rem",count:20}),M={[O.none]:"0",[O.line]:"1px",[O.xs]:j[1],[O.sm]:j[2],[O.base]:j[4],[O.md]:j[6],[O.lg]:j[8],[O.xl]:j[12],[O.xxl]:j[16]},R=Object.assign(Object.assign({},M),j),D={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},T={headingXXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:I.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:I.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:I.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:D.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:I.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},B=Object.assign(Object.assign({},D),{breakpoints:L,colors:I,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:z,shadows:F,sizes:R,text:T}),{text:A,colors:H,fontFamily:P}=B,W=m.span.attrs((({as:e,variant:t})=>({as:N(e,t)}))).withConfig({displayName:"vui--Text",componentId:"vui--m0sc57"})`box-sizing:border-box;display:inline-block;margin:0;padding:0;font-style:normal;font-weight:normal;font-size:12px;font-family:${P};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?H.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 `}}`,V=m(k).withConfig({displayName:"vui--TapBarChild",componentId:"vui--vb6lvt"})`display:flex;flex-direction:row;align-items:center;`,q=m(V).withConfig({displayName:"vui--Left",componentId:"vui--19b2coz"})`svg{margin-right:12px;height:${R.base};width:${R.base};color:${({glyphColor:e})=>e};}`,Z=m(V).withConfig({displayName:"vui--Right",componentId:"vui--13mhsyo"})`justify-content:flex-end;flex-grow:2;`,_=m.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1lgp9cv"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${B.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${B.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${B.colors.secondary.blue.light};}`,X=m(k).withConfig({displayName:"vui--Top",componentId:"vui--11peosj"})`display:flex;flex-direction:row;align-items:center;height:16px;`,U=m(W).withConfig({displayName:"vui--Description",componentId:"vui--1e00qnt"})`margin-top:8px;`,Y=m(u(k)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--2wgxvx"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,G=m.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--1dg5oex"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,K=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:R.md},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"})),J=({className:e,children:o,label:r,iconSlot:i,glyphColor:a=I.neutral.ink.lightest,timeout:l=350,description:c,shouldOpenOnMount:s})=>{const[d,p]=n(!!s);return t.createElement(G,{open:!!s,className:e},t.createElement(_,{onClick:()=>p(!d)},t.createElement(X,null,t.createElement(q,{glyphColor:a},i,t.createElement(W,{variant:"body"},r)),t.createElement(Z,null,t.createElement(u.span,{animate:{rotate:d?180:0}},t.createElement(K,{name:d?"downArrow":"upArrow"})))),!!c&&t.createElement(U,{variant:"hintText"},c)),d&&t.createElement(Y,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:l/1e3}},o))};var Q=function(){return Q=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},Q.apply(this,arguments)};function ee(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}"function"==typeof SuppressedError&&SuppressedError;var te="right-scroll-bar-position",ne="width-before-scroll-bar";function oe(e,t){return o=t||null,r=function(t){return e.forEach((function(e){return function(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}(e,t)}))},(i=n((function(){return{value:o,callback:r,facade:{get current(){return i.value},set current(e){var t=i.value;t!==e&&(i.value=e,i.callback(e,t))}}}}))[0]).callback=r,i.facade;var o,r,i}function re(e){return e}function ie(e,t){void 0===t&&(t=re);var n=[],o=!1;return{read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var r=t(e,o);return n.push(r),function(){n=n.filter((function(e){return e!==r}))}},assignSyncMedium:function(e){for(o=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){o=!0;var t=[];if(n.length){var r=n;n=[],r.forEach(e),t=n}var i=function(){var n=t;t=[],n.forEach(e)},a=function(){return Promise.resolve().then(i)};a(),n={push:function(e){t.push(e),a()},filter:function(e){return t=t.filter(e),n}}}}}function ae(e,t){return void 0===t&&(t=re),ie(e,t)}function le(e){void 0===e&&(e={});var t=ie(null);return t.options=Q({async:!0,ssr:!1},e),t}var ce=function(t){var n=t.sideCar,o=ee(t,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=n.read();if(!r)throw new Error("Sidecar medium not found");return e.createElement(r,Q({},o))};function se(e,t){return e.useMedium(t),ce}ce.isSideCarExport=!0;var de=le(),ue=function(){},pe=e.forwardRef((function(t,n){var o=e.useRef(null),r=e.useState({onScrollCapture:ue,onWheelCapture:ue,onTouchMoveCapture:ue}),i=r[0],a=r[1],l=t.forwardProps,c=t.children,s=t.className,d=t.removeScrollBar,u=t.enabled,p=t.shards,m=t.sideCar,f=t.noIsolation,h=t.inert,g=t.allowPinchZoom,b=t.as,v=void 0===b?"div":b,y=t.gapMode,x=ee(t,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),w=m,E=oe([o,n]),C=Q(Q({},x),i);return e.createElement(e.Fragment,null,u&&e.createElement(w,{sideCar:de,removeScrollBar:d,shards:p,noIsolation:f,inert:h,setCallbacks:a,allowPinchZoom:!!g,lockRef:o,gapMode:y}),l?e.cloneElement(e.Children.only(c),Q(Q({},C),{ref:E})):e.createElement(v,Q({},C,{className:s,ref:E}),c))}));function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},me.apply(this,arguments)}function fe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}pe.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},pe.classNames={fullWidth:ne,zeroRight:te};var he,ge={exports:{}},be={exports:{}},ve={};var ye,xe,we,Ee,Ce,$e,ke,Se,Ne,Ie,Le,ze,Fe,Oe,je={};
2
+ /** @license React v16.13.1
3
+ * react-is.development.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */function Me(){return xe||(xe=1,"production"===process.env.NODE_ENV?be.exports=function(){if(he)return ve;he=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,r=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,f=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:switch(e=e.type){case c:case s:case o:case i:case r:case u:return e;default:switch(e=e&&e.$$typeof){case l:case d:case f:case m:case a:return e;default:return p}}case n:return p}}}function x(e){return y(e)===s}return ve.AsyncMode=c,ve.ConcurrentMode=s,ve.ContextConsumer=l,ve.ContextProvider=a,ve.Element=t,ve.ForwardRef=d,ve.Fragment=o,ve.Lazy=f,ve.Memo=m,ve.Portal=n,ve.Profiler=i,ve.StrictMode=r,ve.Suspense=u,ve.isAsyncMode=function(e){return x(e)||y(e)===c},ve.isConcurrentMode=x,ve.isContextConsumer=function(e){return y(e)===l},ve.isContextProvider=function(e){return y(e)===a},ve.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ve.isForwardRef=function(e){return y(e)===d},ve.isFragment=function(e){return y(e)===o},ve.isLazy=function(e){return y(e)===f},ve.isMemo=function(e){return y(e)===m},ve.isPortal=function(e){return y(e)===n},ve.isProfiler=function(e){return y(e)===i},ve.isStrictMode=function(e){return y(e)===r},ve.isSuspense=function(e){return y(e)===u},ve.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===i||e===r||e===u||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===m||e.$$typeof===a||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h)},ve.typeOf=y,ve}():be.exports=(ye||(ye=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,r=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,f=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case t:var h=e.type;switch(h){case c:case s:case o:case i:case r:case u:return h;default:var g=h&&h.$$typeof;switch(g){case l:case d:case f:case m:case a:return g;default:return p}}case n:return p}}}var x=c,w=s,E=l,C=a,$=t,k=d,S=o,N=f,I=m,L=n,z=i,F=r,O=u,j=!1;function M(e){return y(e)===s}je.AsyncMode=x,je.ConcurrentMode=w,je.ContextConsumer=E,je.ContextProvider=C,je.Element=$,je.ForwardRef=k,je.Fragment=S,je.Lazy=N,je.Memo=I,je.Portal=L,je.Profiler=z,je.StrictMode=F,je.Suspense=O,je.isAsyncMode=function(e){return j||(j=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),M(e)||y(e)===c},je.isConcurrentMode=M,je.isContextConsumer=function(e){return y(e)===l},je.isContextProvider=function(e){return y(e)===a},je.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},je.isForwardRef=function(e){return y(e)===d},je.isFragment=function(e){return y(e)===o},je.isLazy=function(e){return y(e)===f},je.isMemo=function(e){return y(e)===m},je.isPortal=function(e){return y(e)===n},je.isProfiler=function(e){return y(e)===i},je.isStrictMode=function(e){return y(e)===r},je.isSuspense=function(e){return y(e)===u},je.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===i||e===r||e===u||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===m||e.$$typeof===a||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h)},je.typeOf=y}()),je)),be.exports}
10
+ /*
11
+ object-assign
12
+ (c) Sindre Sorhus
13
+ @license MIT
14
+ */function Re(){if(Ee)return we;Ee=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return we=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(o,r){for(var i,a,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(o),c=1;c<arguments.length;c++){for(var s in i=Object(arguments[c]))t.call(i,s)&&(l[s]=i[s]);if(e){a=e(i);for(var d=0;d<a.length;d++)n.call(i,a[d])&&(l[a[d]]=i[a[d]])}}return l},we}function De(){if($e)return Ce;$e=1;return Ce="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Te(){return Se?ke:(Se=1,ke=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var Be=Me();ge.exports=function(){if(ze)return Le;ze=1;var e=Me(),t=Re(),n=De(),o=Te(),r=function(){if(Ie)return Ne;Ie=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=De(),n={},o=Te();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function r(r,i,a,l,c){if("production"!==process.env.NODE_ENV)for(var s in r)if(o(r,s)){var d;try{if("function"!=typeof r[s]){var u=Error((l||"React class")+": "+a+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}d=r[s](i,s,l,a,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((l||"React class")+": type specification of "+a+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in n)){n[d.message]=!0;var p=c?c():"";e("Failed "+a+" type: "+d.message+(null!=p?p:""))}}}return r.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},Ne=r}(),i=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(i=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Le=function(l,c){var s="function"==typeof Symbol&&Symbol.iterator,d="@@iterator",u="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(a),arrayOf:function(e){return h((function(t,o,r,i,a){if("function"!=typeof e)return new f("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var l=t[o];if(!Array.isArray(l))return new f("Invalid "+i+" `"+a+"` of type `"+y(l)+"` supplied to `"+r+"`, expected an array.");for(var c=0;c<l.length;c++){var s=e(l,c,r,i,a+"["+c+"]",n);if(s instanceof Error)return s}return null}))},element:h((function(e,t,n,o,r){var i=e[t];return l(i)?null:new f("Invalid "+o+" `"+r+"` of type `"+y(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:h((function(t,n,o,r,i){var a=t[n];return e.isValidElementType(a)?null:new f("Invalid "+r+" `"+i+"` of type `"+y(a)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,n,o,r,i){if(!(t[n]instanceof e)){var a=e.name||u;return new f("Invalid "+r+" `"+i+"` of type `"+((l=t[n]).constructor&&l.constructor.name?l.constructor.name:u)+"` supplied to `"+o+"`, expected instance of `"+a+"`.")}var l;return null}))},node:h((function(e,t,n,o,r){return v(e[t])?null:new f("Invalid "+o+" `"+r+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,r,i,a,l){if("function"!=typeof e)return new f("Property `"+l+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var c=t[r],s=y(c);if("object"!==s)return new f("Invalid "+a+" `"+l+"` of type `"+s+"` supplied to `"+i+"`, expected an object.");for(var d in c)if(o(c,d)){var u=e(c,d,i,a,l+"."+d,n);if(u instanceof Error)return u}return null}))},oneOf:function(e){return Array.isArray(e)?h((function(t,n,o,r,i){for(var a=t[n],l=0;l<e.length;l++)if(m(a,e[l]))return null;var c=JSON.stringify(e,(function(e,t){return"symbol"===x(t)?String(t):t}));return new f("Invalid "+r+" `"+i+"` of value `"+String(a)+"` supplied to `"+o+"`, expected one of "+c+".")})):("production"!==process.env.NODE_ENV&&i(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&i("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+w(r)+" at index "+t+"."),a}return h((function(t,r,i,a,l){for(var c=[],s=0;s<e.length;s++){var d=(0,e[s])(t,r,i,a,l,n);if(null==d)return null;d.data&&o(d.data,"expectedType")&&c.push(d.data.expectedType)}return new f("Invalid "+a+" `"+l+"` supplied to `"+i+"`"+(c.length>0?", expected one of type ["+c.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,o,r,i,a){var l=t[o],c=y(l);if("object"!==c)return new f("Invalid "+i+" `"+a+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");for(var s in e){var d=e[s];if("function"!=typeof d)return b(r,i,a,s,x(d));var u=d(l,s,r,i,a+"."+s,n);if(u)return u}return null}))},exact:function(e){return h((function(r,i,a,l,c){var s=r[i],d=y(s);if("object"!==d)return new f("Invalid "+l+" `"+c+"` of type `"+d+"` supplied to `"+a+"`, expected `object`.");var u=t({},r[i],e);for(var p in u){var m=e[p];if(o(e,p)&&"function"!=typeof m)return b(a,l,c,p,x(m));if(!m)return new f("Invalid "+l+" `"+c+"` key `"+p+"` supplied to `"+a+"`.\nBad object: "+JSON.stringify(r[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=m(s,p,a,l,c+"."+p,n);if(h)return h}return null}))}};function m(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function f(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},o=0;function r(r,a,l,s,d,p,m){if(s=s||u,p=p||l,m!==n){if(c){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var g=s+":"+l;!t[g]&&o<3&&(i("You are manually calling a React.PropTypes validation function for the `"+p+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[g]=!0,o++)}}return null==a[l]?r?null===a[l]?new f("The "+d+" `"+p+"` is marked as required in `"+s+"`, but its value is `null`."):new f("The "+d+" `"+p+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(a,l,s,d,p)}var a=r.bind(null,!1);return a.isRequired=r.bind(null,!0),a}function g(e){return h((function(t,n,o,r,i,a){var l=t[n];return y(l)!==e?new f("Invalid "+r+" `"+i+"` of type `"+x(l)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null}))}function b(e,t,n,o,r){return new f((e||"React class")+": "+t+" type `"+n+"."+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+r+"`.")}function v(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(v);if(null===e||l(e))return!0;var t=function(e){var t=e&&(s&&e[s]||e[d]);if("function"==typeof t)return t}(e);if(!t)return!1;var n,o=t.call(e);if(t!==e.entries){for(;!(n=o.next()).done;)if(!v(n.value))return!1}else for(;!(n=o.next()).done;){var r=n.value;if(r&&!v(r[1]))return!1}return!0;default:return!1}}function y(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function x(e){if(null==e)return""+e;var t=y(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function w(e){var t=x(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return f.prototype=Error.prototype,p.checkPropTypes=r,p.resetWarningCache=r.resetWarningCache,p.PropTypes=p,p},Le}()(Be.isElement,!0)}else ge.exports=function(){if(Oe)return Fe;Oe=1;var e=De();function t(){}function n(){}return n.resetWarningCache=t,Fe=function(){function o(t,n,o,r,i,a){if(a!==e){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function r(){return o}o.isRequired=o;var i={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:r,element:o,elementType:o,instanceOf:r,node:o,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:n,resetWarningCache:t};return i.PropTypes=i,i}}()();var Ae=ge.exports,He=fe(Ae),Pe="data-focus-lock",We="data-focus-lock-disabled",Ve={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};"production"===process.env.NODE_ENV||He.node;var qe=ae({},(function(e){return{target:e.target,currentTarget:e.currentTarget}})),Ze=ae(),_e=ae(),Xe=le({async:!0}),Ue=[],Ye=e.forwardRef((function(t,n){var r,i=e.useState(),a=i[0],l=i[1],c=e.useRef(),s=e.useRef(!1),d=e.useRef(null),u=t.children,p=t.disabled,m=void 0!==p&&p,f=t.noFocusGuards,h=void 0!==f&&f,g=t.persistentFocus,b=void 0!==g&&g,v=t.crossFrame,y=void 0===v||v,x=t.autoFocus,w=void 0===x||x,E=t.allowTextSelection,C=t.group,$=t.className,k=t.whiteList,S=t.hasPositiveIndices,N=t.shards,I=void 0===N?Ue:N,L=t.as,z=void 0===L?"div":L,F=t.lockProps,O=void 0===F?{}:F,j=t.sideCar,M=t.returnFocus,R=void 0!==M&&M,D=t.focusOptions,T=t.onActivation,B=t.onDeactivation,A=e.useState({})[0],H=e.useCallback((function(){d.current=d.current||document&&document.activeElement,c.current&&T&&T(c.current),s.current=!0}),[T]),P=e.useCallback((function(){s.current=!1,B&&B(c.current)}),[B]);o((function(){m||(d.current=null)}),[]);var W=e.useCallback((function(e){var t=d.current;if(t&&t.focus){var n="function"==typeof R?R(t):R;if(n){var o="object"==typeof n?n:void 0;d.current=null,e?Promise.resolve().then((function(){return t.focus(o)})):t.focus(o)}}}),[R]),V=e.useCallback((function(e){s.current&&qe.useMedium(e)}),[]),q=Ze.useMedium,Z=e.useCallback((function(e){c.current!==e&&(c.current=e,l(e))}),[]);"production"!==process.env.NODE_ENV&&(void 0!==E&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),e.useEffect((function(){c.current||"string"==typeof z||console.error("FocusLock: could not obtain ref to internal node")}),[]));var _=me(((r={})[We]=m&&"disabled",r[Pe]=C,r),O),X=!0!==h,U=X&&"tail"!==h,Y=oe([n,Z]);return e.createElement(e.Fragment,null,X&&[e.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:m?-1:0,style:Ve}),S?e.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:m?-1:1,style:Ve}):null],!m&&e.createElement(j,{id:A,sideCar:Xe,observed:a,disabled:m,persistentFocus:b,crossFrame:y,autoFocus:w,whiteList:k,shards:I,onActivation:H,onDeactivation:P,returnFocus:W,focusOptions:D}),e.createElement(z,me({ref:Y},_,{className:$,onBlur:q,onFocus:V}),u),U&&e.createElement("div",{"data-focus-guard":!0,tabIndex:m?-1:0,style:Ve}))}));Ye.propTypes="production"!==process.env.NODE_ENV?{children:Ae.node,disabled:Ae.bool,returnFocus:Ae.oneOfType([Ae.bool,Ae.object,Ae.func]),focusOptions:Ae.object,noFocusGuards:Ae.bool,hasPositiveIndices:Ae.bool,allowTextSelection:Ae.bool,autoFocus:Ae.bool,persistentFocus:Ae.bool,crossFrame:Ae.bool,group:Ae.string,className:Ae.string,whiteList:Ae.func,shards:Ae.arrayOf(Ae.any),as:Ae.oneOfType([Ae.string,Ae.func,Ae.object]),lockProps:Ae.object,onActivation:Ae.func,onDeactivation:Ae.func,sideCar:Ae.any.isRequired}:{};var Ge=Ye;function Ke(e){setTimeout(e,1)}var Je=le(),Qe="data-focus-on-hidden",et={preventScroll:!0},tt=e.forwardRef((function(t,n){var o=e.useState(!1),r=o[0],i=o[1],a=t.children,l=t.autoFocus,c=t.shards,s=t.crossFrame,d=t.enabled,u=void 0===d||d,p=t.scrollLock,m=void 0===p||p,f=t.focusLock,h=void 0===f||f,g=t.returnFocus,b=void 0===g||g,v=t.inert,y=t.allowPinchZoom,x=t.sideCar,w=t.className,E=t.shouldIgnore,C=t.preventScrollOnFocus,$=t.style,k=t.as,S=t.gapMode,N=ee(t,["children","autoFocus","shards","crossFrame","enabled","scrollLock","focusLock","returnFocus","inert","allowPinchZoom","sideCar","className","shouldIgnore","preventScrollOnFocus","style","as","gapMode"]),I=x,L=r.onActivation,z=r.onDeactivation,F=ee(r,["onActivation","onDeactivation"]),O=Q(Q({},F),{as:k,style:$,sideCar:x,shards:c,allowPinchZoom:y,gapMode:S,inert:v,enabled:u&&m});return e.createElement(e.Fragment,null,e.createElement(Ge,{ref:n,sideCar:x,disabled:!(r&&u&&h),returnFocus:b,autoFocus:l,shards:c,crossFrame:s,onActivation:L,onDeactivation:z,className:w,whiteList:E,lockProps:O,focusOptions:C?et:void 0,as:pe},a),u&&e.createElement(I,Q({},N,{sideCar:Je,setLockProps:i,shards:c})))}));function nt(e,t){return nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},nt(e,t)}function ot(e){return ot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ot(e)}function rt(e){var t=function(e,t){if("object"!==ot(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==ot(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===ot(t)?t:String(t)}var it=function(e){for(var t=Array(e.length),n=0;n<e.length;++n)t[n]=e[n];return t},at=function(e){return Array.isArray(e)?e:[e]},lt=function(e){return Array.isArray(e)?e[0]:e},ct=function(e){return e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode},st=function(e){return e===document||e&&e.nodeType===Node.DOCUMENT_NODE},dt=function(e,t){return!e||st(e)||!function(e){if(e.nodeType!==Node.ELEMENT_NODE)return!1;var t=window.getComputedStyle(e,null);return!(!t||!t.getPropertyValue||"none"!==t.getPropertyValue("display")&&"hidden"!==t.getPropertyValue("visibility"))}(e)&&t(ct(e))},ut=function(e,t){var n=e.get(t);if(void 0!==n)return n;var o=dt(t,ut.bind(void 0,e));return e.set(t,o),o},pt=function(e,t){var n=e.get(t);if(void 0!==n)return n;var o=function(e,t){return!(e&&!st(e))||!!gt(e)&&t(ct(e))}(t,pt.bind(void 0,e));return e.set(t,o),o},mt=function(e){return e.dataset},ft=function(e){return"INPUT"===e.tagName},ht=function(e){return ft(e)&&"radio"===e.type},gt=function(e){var t=e.getAttribute("data-no-autofocus");return![!0,"true",""].includes(t)},bt=function(e){var t;return Boolean(e&&(null===(t=mt(e))||void 0===t?void 0:t.focusGuard))},vt=function(e){return!bt(e)},yt=function(e){return Boolean(e)},xt=function(e,t){var n=e.tabIndex-t.tabIndex,o=e.index-t.index;if(n){if(!e.tabIndex)return 1;if(!t.tabIndex)return-1}return n||o},wt=function(e,t,n){return it(e).map((function(e,t){return{node:e,index:t,tabIndex:n&&-1===e.tabIndex?(e.dataset||{}).focusGuard?0:-1:e.tabIndex}})).filter((function(e){return!t||e.tabIndex>=0})).sort(xt)},Et=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),Ct="".concat(Et,", [data-focus-guard]"),$t=function(e,t){return it((e.shadowRoot||e).children).reduce((function(e,n){return e.concat(n.matches(t?Ct:Et)?[n]:[],$t(n))}),[])},kt=function(e,t){return e.reduce((function(e,n){var o,r=$t(n,t),i=(o=[]).concat.apply(o,r.map((function(e){return function(e,t){var n;return e instanceof HTMLIFrameElement&&(null===(n=e.contentDocument)||void 0===n?void 0:n.body)?kt([e.contentDocument.body],t):[e]}(e,t)})));return e.concat(i,n.parentNode?it(n.parentNode.querySelectorAll(Et)).filter((function(e){return e===n})):[])}),[])},St=function(e,t){return it(e).filter((function(e){return ut(t,e)})).filter((function(e){return function(e){return!((ft(e)||function(e){return"BUTTON"===e.tagName}(e))&&("hidden"===e.type||e.disabled))}(e)}))},Nt=function(e,t){return void 0===t&&(t=new Map),it(e).filter((function(e){return pt(t,e)}))},It=function(e,t,n){return wt(St(kt(e,n),t),!0,n)},Lt=function(e,t){return wt(St(kt(e),t),!1)},zt=function(e,t){return St((n=e.querySelectorAll("[".concat("data-autofocus-inside","]")),it(n).map((function(e){return kt([e])})).reduce((function(e,t){return e.concat(t)}),[])),t);var n},Ft=function(e,t){return e.shadowRoot?Ft(e.shadowRoot,t):!(void 0===Object.getPrototypeOf(e).contains||!Object.getPrototypeOf(e).contains.call(e,t))||it(e.children).some((function(e){var n;if(e instanceof HTMLIFrameElement){var o=null===(n=e.contentDocument)||void 0===n?void 0:n.body;return!!o&&Ft(o,t)}return Ft(e,t)}))},Ot=function(e){return e.parentNode?Ot(e.parentNode):e},jt=function(e){return at(e).filter(Boolean).reduce((function(e,t){var n=t.getAttribute(Pe);return e.push.apply(e,n?function(e){for(var t=new Set,n=e.length,o=0;o<n;o+=1)for(var r=o+1;r<n;r+=1){var i=e[o].compareDocumentPosition(e[r]);(i&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(r),(i&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(o)}return e.filter((function(e,n){return!t.has(n)}))}(it(Ot(t).querySelectorAll("[".concat(Pe,'="').concat(n,'"]:not([').concat(We,'="disabled"])')))):[t]),e}),[])},Mt=function(e){if(void 0===e&&(e=document),e&&e.activeElement){var t=e.activeElement;return t.shadowRoot?Mt(t.shadowRoot):t instanceof HTMLIFrameElement&&function(e){try{return e()}catch(e){return}}((function(){return t.contentWindow.document}))?Mt(t.contentWindow.document):t}},Rt=function(e,t){return void 0===t&&(t=Mt(lt(e).ownerDocument)),!(!t||t.dataset&&t.dataset.focusGuard)&&jt(e).some((function(e){return Ft(e,t)||function(e,t){return Boolean(it(e.querySelectorAll("iframe")).some((function(e){return function(e,t){return e===t}(e,t)})))}(e,t)}))},Dt=function(e,t){return ht(e)&&e.name?function(e,t){return t.filter(ht).filter((function(t){return t.name===e.name})).filter((function(e){return e.checked}))[0]||e}(e,t):e},Tt=function(e){return e[0]&&e.length>1?Dt(e[0],e):e[0]},Bt=function(e,t){return e.length>1?e.indexOf(Dt(e[t],e)):t},At="NEW_FOCUS",Ht=function(e,t,n,o){var r=e.length,i=e[0],a=e[r-1],l=bt(n);if(!(n&&e.indexOf(n)>=0)){var c,s,d=void 0!==n?t.indexOf(n):-1,u=o?t.indexOf(o):d,p=o?e.indexOf(o):-1,m=d-u,f=t.indexOf(i),h=t.indexOf(a),g=(c=t,s=new Set,c.forEach((function(e){return s.add(Dt(e,c))})),c.filter((function(e){return s.has(e)}))),b=(void 0!==n?g.indexOf(n):-1)-(o?g.indexOf(o):d),v=Bt(e,0),y=Bt(e,r-1);return-1===d||-1===p?At:!m&&p>=0?p:d<=f&&l&&Math.abs(m)>1?y:d>=h&&l&&Math.abs(m)>1?v:m&&Math.abs(b)>1?p:d<=f?y:d>h?v:m?Math.abs(m)>1?p:(r+p+m)%r:void 0}},Pt=function(e,t,n){var o,r=e.map((function(e){return e.node})),i=Nt(r.filter((o=n,function(e){var t,n=null===(t=mt(e))||void 0===t?void 0:t.autofocus;return e.autofocus||void 0!==n&&"false"!==n||o.indexOf(e)>=0})));return i&&i.length?Tt(i):Tt(Nt(t))},Wt=function(e,t){return void 0===t&&(t=[]),t.push(e),e.parentNode&&Wt(e.parentNode.host||e.parentNode,t),t},Vt=function(e,t){for(var n=Wt(e),o=Wt(t),r=0;r<n.length;r+=1){var i=n[r];if(o.indexOf(i)>=0)return i}return!1},qt=function(e,t,n){var o=at(e),r=at(t),i=o[0],a=!1;return r.filter(Boolean).forEach((function(e){a=Vt(a||e,e)||a,n.filter(Boolean).forEach((function(e){var t=Vt(i,e);t&&(a=!a||Ft(t,a)?t:Vt(t,a))}))})),a},Zt=function(e,t){var n=Mt(at(e).length>0?document:lt(e).ownerDocument),o=jt(e).filter(vt),r=qt(n||e,e,o),i=new Map,a=Lt(o,i),l=It(o,i).filter((function(e){var t=e.node;return vt(t)}));if(l[0]||(l=a)[0]){var c,s,d,u=Lt([r],i).map((function(e){return e.node})),p=(c=u,s=l,d=new Map,s.forEach((function(e){return d.set(e.node,e)})),c.map((function(e){return d.get(e)})).filter(yt)),m=p.map((function(e){return e.node})),f=Ht(m,u,n,t);if(f===At){var h=Pt(a,m,function(e,t){return e.reduce((function(e,n){return e.concat(zt(n,t))}),[])}(o,i));return h?{node:h}:void console.warn("focus-lock: cannot find any node to move focus into")}return void 0===f?f:p[f]}},_t=0,Xt=!1,Ut=function(e,t,n){void 0===n&&(n={});var o,r,i=Zt(e,t);if(!Xt&&i){if(_t>2)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Xt=!0,void setTimeout((function(){Xt=!1}),1);_t++,o=i.node,r=n.focusOptions,"focus"in o&&o.focus(r),"contentWindow"in o&&o.contentWindow&&o.contentWindow.focus(),_t--}},Yt=function(){return document&&document.activeElement===document.body||function(e){void 0===e&&(e=document);var t=Mt(e);return!!t&&it(e.querySelectorAll("[".concat("data-no-focus-lock","]"))).some((function(e){return Ft(e,t)}))}()},Gt=null,Kt=null,Jt=null,Qt=!1,en=function(){return!0};function tn(e,t,n,o){var r=null,i=e;do{var a=o[i];if(a.guard)a.node.dataset.focusAutoGuard&&(r=a);else{if(!a.lockItem)break;if(i!==e)return;r=null}}while((i+=n)!==t);r&&(r.node.tabIndex=0)}var nn=function(e){return e&&"current"in e?e.current:e},on=function e(t,n,o){return n&&(n.host===t&&(!n.activeElement||o.contains(n.activeElement))||n.parentNode&&e(t,n.parentNode,o))},rn=function(){var e,t,n,o,r,i,a,l=!1;if(Gt){var c=Gt,s=c.observed,d=c.persistentFocus,u=c.autoFocus,p=c.shards,m=c.crossFrame,f=c.focusOptions,h=s||Jt&&Jt.portaledElement,g=document&&document.activeElement;if(h){var b=[h].concat(p.map(nn).filter(Boolean));if(g&&!function(e){return(Gt.whiteList||en)(e)}(g)||(d||(m?Boolean(Qt):"meanwhile"===Qt)||!Yt()||!Kt&&u)&&(h&&!(Rt(b)||g&&function(e,t){return t.some((function(t){return on(e,t,t)}))}(g,b)||(a=g,Jt&&Jt.portaledElement===a))&&(document&&!Kt&&g&&!u?(g.blur&&g.blur(),document.body.focus()):(l=Ut(b,Kt,{focusOptions:f}),Jt={})),Qt=!1,Kt=document&&document.activeElement),document){var v=document&&document.activeElement,y=(t=jt(e=b).filter(vt),n=qt(e,e,t),o=new Map,r=It([n],o,!0),i=It(t,o).filter((function(e){var t=e.node;return vt(t)})).map((function(e){return e.node})),r.map((function(e){var t=e.node;return{node:t,index:e.index,lockItem:i.indexOf(t)>=0,guard:bt(t)}}))),x=y.map((function(e){return e.node})).indexOf(v);x>-1&&(y.filter((function(e){var t=e.guard,n=e.node;return t&&n.dataset.focusAutoGuard})).forEach((function(e){return e.node.removeAttribute("tabIndex")})),tn(x,y.length,1,y),tn(x,-1,-1,y))}}}return l},an=function(e){rn()&&e&&(e.stopPropagation(),e.preventDefault())},ln=function(){return Ke(rn)};"production"===process.env.NODE_ENV||He.node.isRequired;var cn=function(){Qt="just",Ke((function(){Qt="meanwhile"}))};qe.assignSyncMedium((function(e){var t=e.target,n=e.currentTarget;n.contains(t)||(Jt={observerNode:n,portaledElement:t})})),Ze.assignMedium(ln),_e.assignMedium((function(e){return e({moveFocusInside:Ut,focusInside:Rt})}));var sn=function(e,n){if("production"!==process.env.NODE_ENV){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof n)throw new Error("Expected handleStateChangeOnClient to be a function.")}return function(o){if("production"!==process.env.NODE_ENV&&"function"!=typeof o)throw new Error("Expected WrappedComponent to be a React component.");var i,a=[];function l(){i=e(a.map((function(e){return e.props}))),n(i)}var c,s,d,u=function(e){var n,r;function c(){return e.apply(this,arguments)||this}r=e,(n=c).prototype=Object.create(r.prototype),n.prototype.constructor=n,nt(n,r),c.peek=function(){return i};var s=c.prototype;return s.componentDidMount=function(){a.push(this),l()},s.componentDidUpdate=function(){l()},s.componentWillUnmount=function(){var e=a.indexOf(this);a.splice(e,1),l()},s.render=function(){return t.createElement(o,this.props)},c}(r);return c=u,s="displayName",d="SideEffect("+function(e){return e.displayName||e.name||"Component"}(o)+")",(s=rt(s))in c?Object.defineProperty(c,s,{value:d,enumerable:!0,configurable:!0,writable:!0}):c[s]=d,u}}((function(e){return e.filter((function(e){return!e.disabled}))}),(function(e){var t=e.slice(-1)[0];t&&!Gt&&(document.addEventListener("focusin",an),document.addEventListener("focusout",ln),window.addEventListener("blur",cn));var n=Gt,o=n&&t&&t.id===n.id;Gt=t,n&&!o&&(n.onDeactivation(),e.filter((function(e){return e.id===n.id})).length||n.returnFocus(!t)),t?(Kt=null,o&&n.observed===t.observed||t.onActivation(),rn(),Ke(rn)):(document.removeEventListener("focusin",an),document.removeEventListener("focusout",ln),window.removeEventListener("blur",cn),Kt=null)}))((function(){return null}));se(Xe,sn);function dn(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return t&&e.setAttribute("nonce",t),e}var un=function(){var e=0,t=null;return{add:function(n){var o;0==e&&(t=dn())&&(!function(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}(t,n),o=t,(document.head||document.getElementsByTagName("head")[0]).appendChild(o)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},pn=function(){var t,n=(t=un(),function(n,o){e.useEffect((function(){return t.add(n),function(){t.remove()}}),[n&&o])});return function(e){var t=e.styles,o=e.dynamic;return n(t,o),null}},mn={left:0,top:0,right:0,gap:0},fn=function(e){return parseInt(e||"",10)||0},hn=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return mn;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],o=t["padding"===e?"paddingTop":"marginTop"],r=t["padding"===e?"paddingRight":"marginRight"];return[fn(n),fn(o),fn(r)]}(e),n=document.documentElement.clientWidth,o=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,o-n+t[2]-t[0])}},gn=pn(),bn=function(e,t,n,o){var r=e.left,i=e.top,a=e.right,l=e.gap;return void 0===n&&(n="margin"),"\n .".concat("with-scroll-bars-hidden"," {\n overflow: hidden ").concat(o,";\n padding-right: ").concat(l,"px ").concat(o,";\n }\n body {\n overflow: hidden ").concat(o,";\n overscroll-behavior: contain;\n ").concat([t&&"position: relative ".concat(o,";"),"margin"===n&&"\n padding-left: ".concat(r,"px;\n padding-top: ").concat(i,"px;\n padding-right: ").concat(a,"px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(l,"px ").concat(o,";\n "),"padding"===n&&"padding-right: ".concat(l,"px ").concat(o,";")].filter(Boolean).join(""),"\n }\n \n .").concat(te," {\n right: ").concat(l,"px ").concat(o,";\n }\n \n .").concat(ne," {\n margin-right: ").concat(l,"px ").concat(o,";\n }\n \n .").concat(te," .").concat(te," {\n right: 0 ").concat(o,";\n }\n \n .").concat(ne," .").concat(ne," {\n margin-right: 0 ").concat(o,";\n }\n \n body {\n ").concat("--removed-body-scroll-bar-size",": ").concat(l,"px;\n }\n")},vn=function(t){var n=t.noRelative,o=t.noImportant,r=t.gapMode,i=void 0===r?"margin":r,a=e.useMemo((function(){return hn(i)}),[i]);return e.createElement(gn,{styles:bn(a,!n,i,o?"":"!important")})},yn=!1;if("undefined"!=typeof window)try{var xn=Object.defineProperty({},"passive",{get:function(){return yn=!0,!0}});window.addEventListener("test",xn,xn),window.removeEventListener("test",xn,xn)}catch(e){yn=!1}var wn=!!yn&&{passive:!1},En=function(e,t){var n=window.getComputedStyle(e);return"hidden"!==n[t]&&!(n.overflowY===n.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===n[t])},Cn=function(e,t){var n=t.ownerDocument,o=t;do{if("undefined"!=typeof ShadowRoot&&o instanceof ShadowRoot&&(o=o.host),$n(e,o)){var r=kn(e,o);if(r[1]>r[2])return!0}o=o.parentNode}while(o&&o!==n.body);return!1},$n=function(e,t){return"v"===e?function(e){return En(e,"overflowY")}(t):function(e){return En(e,"overflowX")}(t)},kn=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},Sn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Nn=function(e){return[e.deltaX,e.deltaY]},In=function(e){return e&&"current"in e?e.current:e},Ln=function(e){return"\n .block-interactivity-".concat(e," {pointer-events: none;}\n .allow-interactivity-").concat(e," {pointer-events: all;}\n")},zn=0,Fn=[];function On(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}se(de,(function(t){var n=e.useRef([]),o=e.useRef([0,0]),r=e.useRef(),i=e.useState(zn++)[0],a=e.useState(pn)[0],l=e.useRef(t);e.useEffect((function(){l.current=t}),[t]),e.useEffect((function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(i));var e=function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}([t.lockRef.current],(t.shards||[]).map(In),!0).filter(Boolean);return e.forEach((function(e){return e.classList.add("allow-interactivity-".concat(i))})),function(){document.body.classList.remove("block-interactivity-".concat(i)),e.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(i))}))}}}),[t.inert,t.lockRef.current,t.shards]);var c=e.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!l.current.allowPinchZoom;var n,i=Sn(e),a=o.current,c="deltaX"in e?e.deltaX:a[0]-i[0],s="deltaY"in e?e.deltaY:a[1]-i[1],d=e.target,u=Math.abs(c)>Math.abs(s)?"h":"v";if("touches"in e&&"h"===u&&"range"===d.type)return!1;var p=Cn(u,d);if(!p)return!0;if(p?n=u:(n="v"===u?"h":"v",p=Cn(u,d)),!p)return!1;if(!r.current&&"changedTouches"in e&&(c||s)&&(r.current=n),!n)return!0;var m=r.current||n;return function(e,t,n,o,r){var i=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),a=i*o,l=n.target,c=t.contains(l),s=!1,d=a>0,u=0,p=0;do{var m=kn(e,l),f=m[0],h=m[1]-m[2]-i*f;(f||h)&&$n(e,l)&&(u+=h,p+=f),l=l instanceof ShadowRoot?l.host:l.parentNode}while(!c&&l!==document.body||c&&(t.contains(l)||t===l));return(d&&(r&&Math.abs(u)<1||!r&&a>u)||!d&&(r&&Math.abs(p)<1||!r&&-a>p))&&(s=!0),s}(m,t,e,"h"===m?c:s,!0)}),[]),s=e.useCallback((function(e){var t=e;if(Fn.length&&Fn[Fn.length-1]===a){var o="deltaY"in t?Nn(t):Sn(t),r=n.current.filter((function(e){return e.name===t.type&&(e.target===t.target||t.target===e.shadowParent)&&(n=e.delta,r=o,n[0]===r[0]&&n[1]===r[1]);var n,r}))[0];if(r&&r.should)t.cancelable&&t.preventDefault();else if(!r){var i=(l.current.shards||[]).map(In).filter(Boolean).filter((function(e){return e.contains(t.target)}));(i.length>0?c(t,i[0]):!l.current.noIsolation)&&t.cancelable&&t.preventDefault()}}}),[]),d=e.useCallback((function(e,t,o,r){var i={name:e,delta:t,target:o,should:r,shadowParent:On(o)};n.current.push(i),setTimeout((function(){n.current=n.current.filter((function(e){return e!==i}))}),1)}),[]),u=e.useCallback((function(e){o.current=Sn(e),r.current=void 0}),[]),p=e.useCallback((function(e){d(e.type,Nn(e),e.target,c(e,t.lockRef.current))}),[]),m=e.useCallback((function(e){d(e.type,Sn(e),e.target,c(e,t.lockRef.current))}),[]);e.useEffect((function(){return Fn.push(a),t.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:m}),document.addEventListener("wheel",s,wn),document.addEventListener("touchmove",s,wn),document.addEventListener("touchstart",u,wn),function(){Fn=Fn.filter((function(e){return e!==a})),document.removeEventListener("wheel",s,wn),document.removeEventListener("touchmove",s,wn),document.removeEventListener("touchstart",u,wn)}}),[]);var f=t.removeScrollBar,h=t.inert;return e.createElement(e.Fragment,null,h?e.createElement(a,{styles:Ln(i)}):null,f?e.createElement(vn,{gapMode:t.gapMode}):null)}));var jn=new WeakMap,Mn=new WeakMap,Rn={},Dn=0,Tn=function(e){return e&&(e.host||Tn(e.parentNode))},Bn=function(e,t,n,o){var r=function(e,t){return t.map((function(t){if(e.contains(t))return t;var n=Tn(t);return n&&e.contains(n)?n:(console.error("aria-hidden",t,"in not contained inside",e,". Doing nothing"),null)})).filter((function(e){return Boolean(e)}))}(t,Array.isArray(e)?e:[e]);Rn[n]||(Rn[n]=new WeakMap);var i=Rn[n],a=[],l=new Set,c=new Set(r),s=function(e){e&&!l.has(e)&&(l.add(e),s(e.parentNode))};r.forEach(s);var d=function(e){e&&!c.has(e)&&Array.prototype.forEach.call(e.children,(function(e){if(l.has(e))d(e);else{var t=e.getAttribute(o),r=null!==t&&"false"!==t,c=(jn.get(e)||0)+1,s=(i.get(e)||0)+1;jn.set(e,c),i.set(e,s),a.push(e),1===c&&r&&Mn.set(e,!0),1===s&&e.setAttribute(n,"true"),r||e.setAttribute(o,"true")}}))};return d(t),l.clear(),Dn++,function(){a.forEach((function(e){var t=jn.get(e)-1,r=i.get(e)-1;jn.set(e,t),i.set(e,r),t||(Mn.has(e)||e.removeAttribute(o),Mn.delete(e)),r||e.removeAttribute(n)})),--Dn||(jn=new WeakMap,jn=new WeakMap,Mn=new WeakMap,Rn={})}},An=function(e,t,n){void 0===n&&(n="data-aria-hidden");var o=Array.from(Array.isArray(e)?e:[e]),r=t||function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e);return r?(o.push.apply(o,Array.from(r.querySelectorAll("[aria-live]"))),Bn(o,r,n,"aria-hidden")):function(){return null}},Hn=pn(),Pn="\n ["+Qe+"] {\n pointer-events: none !important;\n }\n",Wn=function(){return e.createElement(Hn,{styles:Pn})},Vn=function(e){return"current"in e?e.current:e};var qn=se(Je,(function(t){var r=t.setLockProps,a=t.onEscapeKey,l=t.onClickOutside,c=t.shards,s=t.onActivation,d=t.onDeactivation,u=t.noIsolation,p=n(void 0),m=p[0],f=p[1],h=i(null),g=i(0);return e.useEffect((function(){var e=function(e){e.defaultPrevented||"Escape"!==e.code&&"Escape"!==e.key&&27!==e.keyCode||!a||a(e)},t=function(e){e.defaultPrevented||e.target===h.current||e instanceof MouseEvent&&0!==e.button||c&&c.map(Vn).some((function(t){return t&&t.contains(e.target)||t===e.target}))||l&&l(e)},n=function(e){t(e),g.current=e.touches.length},o=function(e){g.current=e.touches.length};if(m)return document.addEventListener("keydown",e),document.addEventListener("mousedown",t),document.addEventListener("touchstart",n),document.addEventListener("touchend",o),function(){document.removeEventListener("keydown",e),document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",n),document.removeEventListener("touchend",o)}}),[m,l,a]),o((function(){if(m)return s&&s(m),function(){d&&d()}}),[!!m]),o((function(){var e=function(){return null},t=!1;return r({onMouseDown:function(e){h.current=e.target},onTouchStart:function(e){h.current=e.target},onActivation:function(t){u||(e=An(function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,l=i.length;a<l;a++,r++)o[r]=i[a];return o}([t],(c||[]).map(Vn)),document.body,Qe)),f((function(){return t}))},onDeactivation:function(){e(),t||f(null)}}),function(){t=!0,r(!1)}}),[]),e.createElement(Wn,null)})),Zn=function(t){return e.createElement(qn,Q({},t))},_n=e.forwardRef((function(t,n){return e.createElement(tt,Q({},t,{ref:n,sideCar:Zn}))}));const Xn=e=>`${e}-${Math.floor(1e3*Math.random())}`;class Un extends r{constructor(e){super(e),this.id=Xn("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:e}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",e?null==e||e.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:e}=this.props;e?e.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:e}=this.props,{isMounted:t}=this.state;return this.portalNode&&t?y(e,this.portalNode):null}}const Yn=m.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--cg48a2"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,Gn=m.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--49or9l"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,Kn=e=>e.filter(Boolean).join(" "),Jn=e=>{const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,n,o)=>t+t+n+n+o+o)),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null},Qn=(e,t)=>{const n=Jn(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},eo=e=>{var{id:r,children:i,zIndex:l=B.layers.popup,placement:c="bottom",anchorElement:s,rootElementRef:d,shards:u,onShouldClose:p,style:m,enableFocusTrap:f=!0}=e,h=ee(e,["id","children","zIndex","placement","anchorElement","rootElementRef","shards","onShouldClose","style","enableFocusTrap"]);const[v,y]=n(null),{styles:x,attributes:w,update:E}=g(s,v,{placement:c});return(({anchorElement:e,popoverId:t})=>{o((()=>{if(e){try{e.setAttribute("aria-expanded","true")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{e.hasAttribute("aria-controls")||e.setAttribute("aria-controls",t)}catch(e){console.warn(`Unable to set aria-controls for popover id: ${t}`)}try{e.hasAttribute("aria-haspopup")||e.setAttribute("aria-haspopup","dialog")}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${t}`)}return()=>{try{e.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[e,t])})({anchorElement:s,popoverId:a((()=>r||Xn("popover")),[r])}),o((()=>{if(!E||!v)return;const e=new b(E);return e.observe(v),()=>e.disconnect()}),[E,v]),o((()=>{if(E)return window.addEventListener("resize",E),()=>window.removeEventListener("resize",E)}),[E]),t.createElement(Un,{rootElementRef:d},t.createElement(_n,{onClickOutside:p,onEscapeKey:p,shards:u,enabled:f},!f&&p&&t.createElement(Gn,{onClick:p,zIndex:l}),t.createElement(Yn,Object.assign({open:!0,zIndex:l,ref:y,style:Object.assign(Object.assign({},x.popper),m)},w.popper,h),i)))},to=({width:e,height:n,className:o,color:r,label:i})=>t.createElement("svg",{width:e,height:n,className:o,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":i},t.createElement("defs",null,t.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},t.createElement("stop",{stopColor:r,stopOpacity:"0",offset:"0%"}),t.createElement("stop",{stopColor:r,stopOpacity:".631",offset:"63.146%"}),t.createElement("stop",{stopColor:r,offset:"100%"}))),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("g",{transform:"translate(1 1)"},t.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:r,strokeWidth:"2"},t.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),t.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},t.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),no=({width:e,height:n,className:o,color:r,label:i})=>t.createElement("svg",{width:e,height:n,className:o,viewBox:"0 0 105 105",fill:r,"aria-label":i},t.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),oo=({width:e,height:n,className:o,color:r,label:i})=>t.createElement("svg",{width:e,height:n,className:o,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:r,"aria-label":i},t.createElement("circle",{cx:"15",cy:"15",r:"15"},t.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},t.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"105",cy:"15",r:"15"},t.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),ro=({className:e,height:n=24,width:o=24,color:r="#588CB0",type:i="TailSpin"})=>{switch(i){case"Grid":return t.createElement(no,{className:e,height:n,width:o,color:r});case"ThreeDots":return t.createElement(oo,{className:e,height:n,width:o,color:r});default:return t.createElement(to,{className:e,height:n,width:o,color:r})}},io=m.span.withConfig({displayName:"vui--MainContent",componentId:"vui--3juln2"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({loading:e})=>e&&"opacity: 0;"};svg{width:${({size:e})=>R[e]};height:${({size:e})=>R[e]};}`,ao=m.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--1xsghtl"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${B.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",r="8px",i="16px",a="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",r="4px",i="14px",a="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${a};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${r};\n font-size: ${i};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,lo=m(ao).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1mceh7z"})`border-color:${B.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?B.colors.neutral.ink.base:B.colors.secondary.blue.base};&:hover{background-color:${B.colors.neutral.grey.lightest};}&:active{background-color:${B.colors.neutral.grey.lightest};border-color:${B.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${B.colors.neutral.grey.base} !important;border-color:${B.colors.neutral.grey.base} !important;color:${B.colors.neutral.ink.light} !important;}`,co=m(lo).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1vhc5dm"})`color:${B.colors.secondary.red.base};&:hover{color:${B.colors.secondary.red.dark};}&:active{border-color:${B.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.red.light};color:${B.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.red.light};}`,so=m(lo).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--lamrqo"})`background-color:${B.colors.secondary.blue.base};border-color:${B.colors.secondary.blue.base};color:white;&:hover{background-color:${B.colors.secondary.blue.dark};border-color:${B.colors.secondary.blue.dark};}&:active{background-color:${B.colors.secondary.blue.dark};border-color:${B.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.blue.light};}`,uo=m(so).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--14zrdl"})`background-color:${B.colors.secondary.red.base};border-color:${B.colors.secondary.red.base};color:white;&:hover{background-color:${B.colors.secondary.red.dark};border-color:${B.colors.secondary.red.dark};}&:active{background-color:${B.colors.secondary.red.dark};border-color:${B.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.red.light};}`,po=m(ao).withConfig({displayName:"vui--FlatButton",componentId:"vui--1w880uc"})`border-color:transparent;box-shadow:none;color:${B.colors.neutral.ink.base};&:hover{background-color:rgba(0, 0, 0, 0.1);}&:active{background-color:rgba(0, 0, 0, 0.1);}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${B.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,mo=m.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--kyccjz"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,fo=m(mo).withConfig({displayName:"vui--LinkButton",componentId:"vui--eh2yja"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${B.text.link.fontFamily};font-size:${B.text.link.fontSize};font-weight:${B.text.link.fontWeight};line-height:${B.text.link.lineHeight};text-decoration:${B.text.link.textDecoration};color:${B.colors.secondary.blue.base};&:hover{color:${B.colors.secondary.blue.dark};}& > * + *{margin-left:${B.sizes.xs};}& > span{position:relative;top:-1px;}`,ho=m.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--cvu4hf"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`,go=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),bo={default:lo,primary:so,destructive:co,primaryDestructive:uo,flat:po,link:fo,unstyled:mo},vo=l(((e,n)=>{var{className:o,children:r,icon:i,variant:a="default",size:l="base",dropdown:c=!1,loading:s=!1}=e,d=ee(e,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===a)return t.createElement(mo,Object.assign({ref:n,className:o},d),r);const u=bo[a],p=void 0!==r,m=!!i;return t.createElement(u,Object.assign({ref:n,className:o,size:l,hasText:p,hasIcon:m,hasDropdown:c},d),(p||m)&&t.createElement(io,{loading:s,hasText:!!r,size:r||"sm"===l?"base":"md"},i&&i,void 0!==r&&t.createElement("span",null,r),c&&t.createElement(go,null)),s&&t.createElement(ho,null,t.createElement(ro,null)))})),yo=m.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${R.md};padding-right:${R.md};padding-left:${R.md};margin-bottom:${R.md};& > * + *{margin-top:${R.xs};}`,xo=m.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${R.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,wo=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:R.md},e),t.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"})),Eo=e=>t.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),t.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"})),Co=({id:e,title:n,subtitle:o,headerVariant:r="headingSmall",action:i,ActionSlot:a,isCollapsed:l,onClickCollapse:c,onClickClose:s})=>t.createElement(yo,null,t.createElement(xo,null,t.createElement(W,{id:e,variant:r},n),i&&t.createElement(vo,{variant:"link",onClick:i.onClick},i.title),a,c&&t.createElement(vo,{variant:"flat",icon:l?t.createElement(wo,null):t.createElement(K,null),onClick:c}),s&&t.createElement(vo,{variant:"flat",icon:t.createElement(Eo,null),onClick:s,"aria-label":"Close"})),o&&t.createElement(W,{variant:"subheadingSmall"},o)),{grey:$o}=I.neutral,ko={0:"none",1:F.sm,2:F.base,3:F.md,4:F.lg},So={info:I.secondary.blue.base,success:I.secondary.green.base,error:I.secondary.red.base},No=m.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${R.base};padding:${R.md};z-index:2;`,Io=m.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${R.md};padding-left:${R.md};margin-top:${R.md};margin-bottom:${R.md};font-family:${T.body.fontFamily};font-size:${T.body.fontSize};font-weight:${T.body.fontWeight};line-height:${T.body.lineHeight};color:${T.body.color};& + &{border-top:${R.line} solid ${$o.base};padding-top:${R.md};}`,Lo=m.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${R.md};margin-right:-${R.md};`,zo=m(u.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${Io}:first-child{margin-top:0;}`,Fo=m.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${R.line} solid ${$o.base};box-shadow:${e=>void 0!==e.elevation?ko[e.elevation]:F.sm};border-radius:${z.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n &::after {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${R.xs};\n background-color: ${So[e]};\n }\n `}`,Oo={expanded:{height:"auto"},collapsed:{height:0}},jo=({className:e,style:o,title:r,subtitle:i,HeaderActionSlot:a,action:l,collapsable:c,elevation:s,accent:d,children:u,onClose:p,renderFooter:m})=>{const[f,h]=n(!1),g=r&&t.createElement(Co,{title:r,subtitle:i,ActionSlot:a,action:l,onClickClose:p,isCollapsed:f,onClickCollapse:c?()=>{h(!f)}:void 0}),b=c&&!f||!c,v=t.createElement(zo,{animate:b?"expanded":"collapsed",variants:Oo,transition:{duration:.3,ease:"easeOut"}},t.createElement(Io,null,u)),y=void 0!==m&&t.createElement(No,null,m());return t.createElement(Fo,{className:e,style:o,elevation:s,accent:d},g,v,y)};jo.Surface=Fo,jo.Section=Io,jo.FullBleed=Lo,jo.Footer=No;const{sizes:Mo,colors:Ro,text:Do}=B,To=m(jo.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--1trkfaa"})`min-width:280px;padding:${Mo.base} 0;display:flex;flex-direction:column;`,Bo=m.section.withConfig({displayName:"vui--Section",componentId:"vui--rjtb0l"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${Ro.neutral.grey.base};margin-top:${Mo.base};padding-top:${Mo.base};}`,Ao=m(W).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--74egpv"})`margin:${Mo.sm} ${Mo.base} ${Mo.sm};`,Ho=m(vo).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--1ib3pw5"})`box-sizing:border-box;min-height:${Mo.lg};padding:${Mo.xs} ${Mo.base};display:flex;align-items:center;white-space:nowrap;font-family:${Do.body.fontFamily};font-size:${Do.body.fontSize};font-weight:${Do.body.fontWeight};&:hover{background-color:${Ro.neutral.grey.light};color:${Ro.secondary.blue.base};}& > * + *{margin-left:${Mo[3]};}`,Po={item:Ho,action:m(Ho).withConfig({displayName:"vui--ActionItem",componentId:"vui--1p9b0cj"})`color:${Ro.secondary.blue.base};`,link:m(Ho).withConfig({displayName:"vui--LinkItem",componentId:"vui--dzqkwg"})`color:${Ro.secondary.blue.base};text-decoration:underline;`},Wo=({title:e,items:o=[],sections:r,buttonVariant:i,buttonSize:a})=>{const[l,c]=n(!1),[s,d]=n(null),u=e=>{const n=Po[e.variant||"item"];return t.createElement(n,{onClick:()=>{return t=e.onClick,c(!1),void t();var t},key:e.title},e.icon&&e.icon,t.createElement("span",null,e.title))},p=r?r.map((e=>t.createElement(Bo,{key:e.title},e.title&&t.createElement(Ao,null,e.title),e.items.map(u)))):o.map(u);return t.createElement(t.Fragment,null,t.createElement(vo,{dropdown:!0,variant:i,size:a,onClick:()=>c(!l),ref:d},e),l&&t.createElement(eo,{anchorElement:s,placement:"bottom-start",onShouldClose:()=>c(!1)},t.createElement(To,null,p)))},Vo=m.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--1tq5iq"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${B.text.link.fontFamily};font-style:${B.text.link.fontStyle};font-weight:${B.text.link.fontWeight};font-size:${B.text.link.fontSize};line-height:${B.text.link.lineHeight};color:${B.colors.secondary.blue.base};text-decoration:${B.text.link.textDecoration};&:hover{color:${B.colors.secondary.blue.dark};}`,qo=({children:e,className:n,text:o,href:r,target:i})=>t.createElement(Vo,{href:r,target:i,className:n},e||o),Zo=m(k).withConfig({displayName:"vui--Container",componentId:"vui--901a1g"})`display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`,_o=l(((e,n)=>{const{children:o,className:r}=e;return t.createElement(Zo,{className:r,ref:n},o)})),Xo=m(k).withConfig({displayName:"vui--Container",componentId:"vui--602vf7"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,Uo=m(k).withConfig({displayName:"vui--Wrap",componentId:"vui--npjssh"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,Yo=m(_o).withConfig({displayName:"vui--Dropdown",componentId:"vui--dv3wrs"})`flex-direction:column;position:absolute;z-index:3;${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);}`,Go=({cta:e,shouldShowDropdown:n,children:r,className:a="animated-dropdown",reversed:l=!1,onClickAway:c=(()=>{}),timeout:s=350,transitionClassnames:d="dropdown",onClick:u,onMouseEnter:p,onMouseLeave:m})=>{const f=i(null);return((e,t)=>{o((()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(n)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}}),[e,t])})(f,(e=>{n&&c(e)})),t.createElement(Xo,{className:`${a}-container ${a}`,onClick:u,onMouseEnter:p,onMouseLeave:m,ref:f},!l&&e,t.createElement(Uo,{className:`${a}-wrap ${a}`},t.createElement(x,{in:n,timeout:s,classNames:d,unmountOnExit:!0},t.createElement(Yo,{reversed:l,className:`${a}-basic-dropdown ${a}`},r))),l&&e)},Ko=m.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--224xhi"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${B.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:${B.text.bodySmallBold.fontFamily};font-weight:${B.text.bodySmallBold.fontWeight};font-size:${B.text.bodySmallBold.fontSize};line-height:${B.text.bodySmallBold.lineHeight};}`,Jo=({width:e="40px",name:n="Veeqo",bgColor:o=B.colors.secondary.blue.base,textColor:r="#ffffff"})=>{const i=n.toUpperCase().match(/\b(\w)/g);return t.createElement(Ko,{width:e,bgColor:o,textColor:r,className:"avatar"},null==i?void 0:i.slice(0,2).map(((e,n)=>t.createElement("span",{key:`${e}-${n}`},e))))};var Qo,er;!function(e){e.end="end",e.start="start"}(Qo||(Qo={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(er||(er={}));const tr=m.div.withConfig({displayName:"vui--Container",componentId:"vui--16xd2og"})`display:inline-block;`,nr=m(tr).withConfig({displayName:"vui--Hoverable",componentId:"vui--if1bgt"})``,or=m(W).withConfig({displayName:"vui--TooltipText",componentId:"vui--1tbdgc0"})`color:${B.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,rr=m.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1eqvhdd"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,ir=m.div.withConfig({displayName:"vui--Tip",componentId:"vui--10g4qtf"})`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;}`,ar=m(tr).withConfig({displayName:"vui--Wrap",componentId:"vui--1arl0em"})`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;`,lr={duration:400,side:er.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},cr=({children:e,text:o,content:r,config:i,reversed:a=!1,className:l,withTriangle:s,initialShouldShow:d=!1,useReactPortal:u=!0})=>{const p=!!o&&o.trim().length>0,m=Object.assign(Object.assign({},lr),i),{duration:f,side:h,triangleOffset:b,tipMinWidth:y,tipMaxWidth:x}=m,w={container:l&&`${l} ${l}-container`,tip:l&&`${l}-tip`,wrap:l&&`${l}-wrap`,triangle:l&&`${l}-triangle`,hoverable:l&&`${l}-hoverable`},[E,C]=n(d),[$,k]=n(null),[S,N]=n(null),{styles:I,attributes:L}=g($,S,{placement:`${h}-${a?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),z=c((()=>C(!0)),[C]),F=c((()=>C(!1)),[C]),O=Object.assign(Object.assign({},I.popper),{zIndex:B.layers.tooltip}),j=E&&(r||p)&&t.createElement(ir,Object.assign({className:w.tip,ref:N,duration:f,triangleOffsetSize:b,style:O},L.popper,{role:"tooltip"}),t.createElement(ar,{className:w.wrap,tipMinWidth:y,tipMaxWidth:x},null!=r?r:t.createElement(or,null,o)),s&&t.createElement(rr,{id:"veeqo-components-triangle",className:w.triangle}));return t.createElement(tr,{className:w.container},u?v.createPortal(j,document.body):j,t.createElement(nr,{ref:k,className:w.hoverable,onMouseEnter:z,onMouseLeave:F},e))},sr=m(k).withConfig({displayName:"vui--BaseBadge",componentId:"vui--idt2e7"})`display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${T.bodySmall.fontFamily};font-weight:${T.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${R.base};height:${R.base};}`,dr={default:m(sr).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--cjoxaq"})`background-color:inherit;border-color:${I.secondary.blue.base};color:${I.secondary.blue.base};`,primary:m(sr).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--12dvheo"})`border-color:${I.secondary.blue.base};background-color:${I.secondary.blue.lightest};color:${I.secondary.blue.base};`,warning:m(sr).withConfig({displayName:"vui--WarningBadge",componentId:"vui--5cooo3"})`border-color:${I.secondary.yellow.base};background-color:${I.secondary.yellow.lightest};color:${I.secondary.orange.dark};`},ur=({variant:e="default",hideBorder:n=!1,iconSlot:o,tooltip:r,className:i,e2eClassName:a,children:l})=>{const c=dr[e];return t.createElement(cr,{text:r},t.createElement(c,{className:Kn([i,a]),hideBorder:n},o&&o,l&&t.createElement("span",null,l)))},pr=m(k).withConfig({displayName:"vui--BannerLayout",componentId:"vui--5tzoxx"})`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"};`,mr=m(k).withConfig({displayName:"vui--Row",componentId:"vui--9nzbbv"})`display:flex;flex-direction:row;`,fr=m(k).withConfig({displayName:"vui--Col",componentId:"vui--zplr21"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,hr=m(fr).withConfig({displayName:"vui--IconCol",componentId:"vui--1j9d69e"})`svg{width:${R.md};height:${R.md};color:${({accentColor:e})=>e};}`,gr=m(k).withConfig({displayName:"vui--ChildContainer",componentId:"vui--wt59q7"})`width:100%;`,br=m(fr).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1wkol92"})`flex-grow:2;margin-right:12px;`,vr=m(W).withConfig({displayName:"vui--StyledText",componentId:"vui--150p0zs"})`position:relative;top:-2px;`,yr={help:I.secondary.blue.base,info:I.neutral.ink.base,error:I.secondary.red.base,success:I.secondary.green.base},xr=e=>{var{type:n="info",text:o,icon:r,onClose:i,className:a,header:l,children:c,backgroundColor:s="white"}=e,d=ee(e,["type","text","icon","onClose","className","header","children","backgroundColor"]);const u=yr[n];return t.createElement(pr,Object.assign({accentColor:u,className:a,backgroundColor:s},d),t.createElement(mr,null,r&&t.createElement(hr,{style:{marginRight:R.md},accentColor:u},r),c?t.createElement(gr,null,c):t.createElement(t.Fragment,null,t.createElement(br,null,l||t.createElement(vr,{variant:"headingSmall"},o)),t.createElement(fr,null,i&&t.createElement(vo,{variant:"flat","aria-label":"Close",icon:t.createElement(Eo,null),onClick:i})))))},wr=m.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--16f283b"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${T.body.fontFamily};font-weight:${T.body.fontWeight};font-size:${T.body.fontSize};line-height:${T.body.lineHeight};`,Er=m.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--19n9row"})`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;}`,Cr=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),$r=({children:e,title:n,LinkComponent:o,href:r})=>o?t.createElement(Er,{className:"breadcrumb"},t.createElement(o,{href:r},n),e):t.createElement(Er,{className:"breadcrumb"},n,e),kr=()=>t.createElement(Cr,{className:"separator",width:R.base,height:R.base}),Sr=({children:e,href:n})=>t.createElement("a",{href:n},e),Nr=({children:e})=>t.createElement("span",null,e),Ir=({items:e,Separator:n=t.createElement(kr,null),LinkComponent:o=Sr})=>t.createElement(wr,{className:"breadcrumbs"},e.map(((r,i)=>t.createElement($r,{key:r.title,title:r.title,href:r.pathname,LinkComponent:i!==e.length-1?o:Nr},e.length!==i+1&&n))));var Lr;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(Lr||(Lr={}));const zr=m.div.withConfig({displayName:"vui--Stack",componentId:"vui--ikbqaf"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:o="start",spacing:r="base"}=e;let i,a,l,c,s="",d="";return"vertical"===t?(i=n&&Lr[n],a=o&&Lr[o],s=B.sizes[r],l="column"):(i=o&&Lr[o],a=n&&Lr[n],d=B.sizes[r],l="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(c=1),`\n align-items: ${i};\n justify-content: ${a};\n flex-direction: ${l};\n\n & > * {\n flex: ${c};\n }\n\n & > * + * {\n margin-top: ${s};\n margin-left: ${d};\n }\n `}}`;zr.displayName="Stack";const Fr={top:"flex-start",center:"center"},Or=m.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--3b6yzv"})`display:flex;align-items:center;& > * + *{margin-left:${B.sizes.base};}`,jr=m.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--8ngm7b"})`align-self:stretch;display:flex;align-items:${e=>Fr[e.align]};width:24px;height:24px;`,Mr=m.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--1cu5xjr"})`align-self:center;display:flex;align-items:center;`,Rr=m.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1na6cp4"})`flex:1;& > * + *{margin-top:${B.sizes.sm};}`,Dr=m.span.withConfig({displayName:"vui--LabelText",componentId:"vui--1rasg4l"})`font-family:${B.text.body.fontFamily};font-size:${B.text.body.fontSize};font-weight:${B.text.body.fontWeight};line-height:${B.sizes.md};color:${B.text.body.color};`,Tr=m.div.withConfig({displayName:"vui--HintText",componentId:"vui--13bynjq"})`font-family:${B.fontFamily};font-size:${B.sizes[3]};line-height:${B.sizes[4]};color:${B.colors.neutral.ink.light};`,Br=m.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--1kh3zgo"})`font-family:${B.text.error.fontFamily};font-size:${B.text.error.fontSize};font-weight:${B.text.error.fontWeight};line-height:${B.text.error.lineHeight};color:${B.text.error.color};`,Ar=m.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--ogz9oa"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Hr=m(Ar).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--11xzxut"})`border:2px solid ${B.colors.neutral.grey.dark};border-radius:${B.radius.md};padding:${B.sizes.base} 0.75rem;&:hover{border-color:${B.colors.secondary.blue.base};}& ${Dr}{font-weight:${B.text.bodyBold.fontWeight};}`,Pr=m(cr).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--gms4qf"})`display:block;&-hoverable{display:block;}`,Wr=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),Vr=({id:e,label:n,hint:o,tooltip:r,error:i,bordered:a,Badge:l,Accessory:c,Footer:s,children:d,disabled:u=!1})=>{const p=t.createElement(Or,null,t.createElement(jr,{align:c?"center":"top"},d),c&&t.createElement(Mr,null,c),n||o||i||l||s?t.createElement(Rr,null,t.createElement(zr,{direction:"horizontal",alignY:"center",spacing:"sm"},l,n&&t.createElement(Dr,null,n),r&&t.createElement(Pr,{text:r},t.createElement(Wr,{name:"help",width:B.sizes.base,color:B.colors.neutral.ink.lightest}))),o&&t.createElement(Tr,null,o),i&&t.createElement(Br,null,i),s):null);return a?t.createElement(Hr,{disabled:u,htmlFor:e},p):t.createElement(Ar,{disabled:u,htmlFor:e},p)},{colors:qr,sizes:Zr,radius:_r}=B,Xr=m.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${qr.neutral.ink.lightest};border-radius:${_r.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${qr.secondary.blue.base};border-color:${qr.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:${Zr[4]};background-position:center;}&:hover{border-color:${qr.secondary.blue.base};}&:active{border-color:${qr.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${qr.secondary.blue.light};outline:0;}&:indeterminate{background-color:${qr.secondary.blue.base};border-color:${qr.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:${Zr[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${qr.neutral.grey.base};border-color:${qr.neutral.grey.base};color:${qr.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>");}`,Ur=e=>{var{checked:n,indeterminate:r,value:l,name:s,disabled:d,ariaLabel:u,className:p,onChange:m}=e,f=ee(e,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const h=a((()=>Xn("checkbox")),[]),g=i(null),b=c((e=>{m(e.currentTarget.checked,l)}),[m,l]);return o((()=>{g.current&&(g.current.indeterminate=!0===r)}),[r]),t.createElement(Vr,Object.assign({id:h,disabled:d},f),t.createElement(Xr,{ref:g,id:h,type:"checkbox",checked:n,value:l,name:s,disabled:d,"aria-label":u,className:p,onChange:b}))},Yr=m.input.withConfig({displayName:"vui--Input",componentId:"vui--14lc9u"})`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;}`,Gr=l(((e,n)=>{var{checked:o,value:r,name:i,disabled:a,onChange:l,id:s}=e,d=ee(e,["checked","value","name","disabled","onChange","id"]);const u=c((e=>{l(e.currentTarget.checked,r)}),[l,r]),p=null!=s?s:Xn("radio");return t.createElement(Vr,Object.assign({id:p,disabled:a},d),t.createElement(Yr,{id:p,type:"radio",checked:o,value:r,name:i,disabled:a,onChange:u,ref:n}))})),Kr=m.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--z1f13i"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,Jr=m.legend.withConfig({displayName:"vui--Legend",componentId:"vui--snr02n"})`font-family:${B.text.inputLabel.fontFamily};font-size:${B.text.inputLabel.fontSize};font-style:${B.text.inputLabel.fontStyle};font-weight:${B.text.inputLabel.fontWeight};line-height:${B.text.inputLabel.lineHeight};text-decoration:${B.text.inputLabel.textDecoration};color:${B.text.inputLabel.color};`;class Qr extends s{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let r=[];r=t?[...n,e]:n.filter((t=>t!==e)),o(r)}}render(){const{allowMultiple:e,options:n,selected:o,title:r,disabled:i,bordered:a}=this.props,l=e?Ur:Gr;return t.createElement(Kr,{disabled:i},r&&t.createElement(Jr,null,r),n.map((e=>t.createElement(l,Object.assign({key:e.value,bordered:a,checked:o.includes(e.value),onChange:t=>this.handleChange(e.value,t)},e)))))}}const ei=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),ti=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),ni={width:R.base,height:R.base},oi=m(vo).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${R.base};width:${R.base};top:unset;}`,ri=({className:e,text:n,onCopy:o})=>{const[r,i]=t.useState(!1),a=c((()=>{navigator.clipboard.writeText(n),o&&o(),i(!0),setTimeout((()=>i(!1)),2500)}),[o,n]);return t.createElement(cr,{text:r?"Copied!":"Copy to clipboard"},t.createElement(oi,{variant:"flat",size:"sm",className:e,"aria-label":`${r?"Copied":"Copy"} "${n}" to clipboard`,icon:r?t.createElement(ei,Object.assign({color:I.secondary.green.base},ni)):t.createElement(ti,Object.assign({color:I.secondary.blue.base},ni)),onClick:a}))};function ii(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function ai(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${ai(e.min,"max-content")}, ${ai(e.max)})`;default:return t||"1fr"}}function li({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:r,stripingMode:i}){const a=e.map(((e,t)=>`\n th:nth-child(${t+1}),\n td:nth-child(${t+1}) {\n position: sticky;\n left: ${n?function(e,t){return e.slice(0,t-1).reduce(((e,t)=>e+t),0)}(n,t+1):0}px;\n z-index: 2;\n }\n `)),l=t.map(((e,t)=>`\n th:nth-last-child(${t+1}),\n td:nth-last-child(${t+1}) {\n position: sticky;\n right: ${n?function(e,t){return e.slice(t).reduce(((e,t)=>e+t),0)}(n,n.length-t):0}px;\n }\n `)),c="start"!==o&&"none"!==o,s=`\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: ${c?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,d="end"!==o&&"none"!==o,u=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${d?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,p=`\n tr:nth-child(odd) > td {\n background-color: ${B.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${B.colors.neutral.grey.base};\n }\n `,m=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${B.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${B.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${r.map((e=>ai(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?a:""}\n ${t.length>0?l:""}\n\n ${s}\n ${u}\n\n ${"nested"===i?m:p}\n `}var ci;!function(e){e.ascending="ascending",e.descending="descending"}(ci||(ci={}));const si=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),di=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),ui=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),pi=({sortState:e,columnId:n,size:o})=>e&&e.columnId===n?e.direction===ci.ascending?t.createElement(di,{color:B.colors.neutral.ink.dark,size:o}):t.createElement(ui,{color:B.colors.neutral.ink.dark,size:o}):t.createElement(si,{size:o});function mi(e,t){const[r,i]=n([]),a=()=>{if(!e.current)return;const t=e.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(t).map((e=>e.getBoundingClientRect().width));i(n)};return o((()=>{a()}),[e.current]),o((()=>{if(!t.current)return;const e=E(a,50),n=new b(e);return n.observe(t.current),()=>n.disconnect()}),[t.current]),r}function fi(e){const t=e.filter((e=>!0!==e.hidden)),n=t.filter((e=>"left"===e.pinned)),o=t.filter((e=>"right"===e.pinned)),r=t.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...n,...r,...o],pinnedLeft:n,pinnedRight:o}}function hi(e){o((()=>{if(!e.current)return;let t=!1;const n=e.current,o={left:0,x:0},r=e=>{if(!n)return;const r=e.clientX-o.x;n.scrollLeft=o.left-r,t||(n.style.cursor="grabbing",n.style.userSelect="none"),t=!0},i=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",i),t=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},a=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",r),document.addEventListener("mouseup",i))};return n.addEventListener("mousedown",a),()=>null==n?void 0:n.removeEventListener("mousedown",a)}),[e.current])}function gi(){const[e,t]=n([]);return{nestedTableProps:{expandedRowIds:e,setExpanded:(n,o)=>{if(o)if(n){if(e.includes(o))return;const n=[...e,o];t(n)}else{const n=e.findIndex((e=>e===o));if(n<0)return;const r=[...e];r.splice(n,1),t(r)}}}}}function bi(e){const[t,r]=n("start"),i=()=>{if(!e.current)return;const{width:t}=e.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:o}=e.current;r(o<t?"none":0!==n?n+t>=o?"end":"middle":"start")};return o((()=>{if(e.current)return e.current.addEventListener("scroll",i),()=>{var t;return null===(t=e.current)||void 0===t?void 0:t.removeEventListener("scroll",i)}}),[e.current]),o((()=>{if(!e.current)return;const t=E(i,50),n=new b(t);return n.observe(e.current),()=>n.disconnect()}),[e.current]),{scrollPosition:t,containerRef:e}}const vi="56px",yi=m.th.withConfig({displayName:"vui--Header",componentId:"vui--ilge6b"})`height:${vi};display:flex;align-items:center;justify-content:${({align:e="left"})=>ii(e)};background-color:white;padding-left:${({spacing:e=3})=>B.sizes[e]};padding-right:${({spacing:e=3})=>B.sizes[e]};border-bottom:1px solid ${B.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function xi(e){var{selected:n,indeterminate:o,onChange:r,selectionMode:i}=e,a=ee(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===i?t.createElement(yi,Object.assign({},a)):t.createElement(yi,Object.assign({},a),t.createElement(Ur,{checked:n,indeterminate:o,onChange:r}))}const wi=m.td.withConfig({displayName:"vui--Cell",componentId:"vui--3tw1b6"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>ii(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>B.sizes[e]};padding-right:${({spacing:e=3})=>B.sizes[e]};color:${B.text.bodySmall.color};font-family:${B.text.bodySmall.fontFamily};font-size:${B.text.bodySmall.fontSize};font-style:${B.text.bodySmall.fontStyle};font-weight:${B.text.bodySmall.fontWeight};line-height:${B.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${B.colors.secondary.blue.base};background-color:${B.colors.neutral.grey.lightest};}`;function Ei(e){var{selected:n,rowId:o,onChange:r,selectionMode:i,disabled:a}=e,l=ee(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===i?t.createElement(wi,Object.assign({},l),t.createElement(Gr,{value:o,checked:n,disabled:a,onChange:r})):t.createElement(wi,Object.assign({},l),t.createElement(Ur,{value:o,checked:n,disabled:a,onChange:r}))}const Ci=[[],()=>{}];function $i({selectionMode:e="multiple",selectionState:n,enabledRowIds:o}){const r=!!n,[i,a]=n||Ci,l=()=>{i.length!==o.length?a(o):a([])};return{selectionEnabled:r,selectedRowIds:i,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(n,r)=>t.createElement(xi,Object.assign({},r,{selected:i.length===o.length,indeterminate:i.length>0&&i.length<o.length,onChange:l,selectionMode:e})),renderCell:(n,o,r,i)=>t.createElement(Ei,Object.assign({},o,{rowId:n.id,selected:i.selected,onChange:r.setSelected,selectionMode:e,disabled:i.disabled}))},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)a([n]);else if(t){if(i.includes(n))return;const e=[...i,n];a(e)}else{const e=i.findIndex((e=>e===n));if(e<0)return;const t=[...i];t.splice(e,1),a(t)}}}}const ki=m.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--1x79m95"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${B.colors.neutral.ink.lightest};`,Si=m.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--1kiwwja"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${B.text.headingTable.color};font-family:${B.text.headingTable.fontFamily};font-size:${B.text.headingTable.fontSize};font-style:${B.text.headingTable.fontStyle};font-weight:${B.text.headingTable.fontWeight};line-height:${B.text.headingTable.lineHeight};`,Ni=m(Si).attrs((()=>({as:"button",type:"button"}))).withConfig({displayName:"vui--ClickableHeaderContent",componentId:"vui--p1ald0"})`appearance:none;padding:0;border:0;border-radius:4px;background-color:transparent;&:not(:disabled):hover{cursor:pointer;}&:hover ${ki}{background-color:${B.colors.neutral.grey.light};color:${B.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${B.colors.secondary.blue.light};}`;function Ii({column:e,sortState:n,onChangeSort:o}){if(e.sortable&&!n)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}`,role:"columnheader",align:e.align,spacing:e.spacing,className:e.sortable?"sortable":void 0};if(e.renderHeader)return e.renderHeader(e,r);const i=e.sortable?Ni:Si,a=e.sortable?{onClick:()=>{if(!n)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const t=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===ci.ascending;let r=ci.ascending;return n&&o&&(r=ci.descending),{columnId:t,direction:r}}({sortState:n,columnId:e.id});o?o(t):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return t.createElement(yi,Object.assign({},r),t.createElement(cr,{text:e.tooltip},t.createElement(i,Object.assign({},a),e.icon&&e.icon,e.title&&t.createElement("span",null,e.title),e.sortable&&t.createElement(ki,null,t.createElement(pi,{sortState:n,columnId:e.id,size:5})))))}const Li=B.colors.neutral.grey.base,zi=B.colors.neutral.grey.dark,Fi=m.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1bv9ck1"})`height:20px;width:75%;border-radius:${B.radius.base};background:${Li};background-image:linear-gradient(\n to right,\n ${Li} 0%,\n ${zi} 20%,\n ${Li} 40%,\n ${Li} 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 Oi=m.div.withConfig({displayName:"vui--Container",componentId:"vui--uoc40o"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${vi};background-color:white;`,ji=m.div.withConfig({displayName:"vui--Content",componentId:"vui--x1996k"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${B.colors.neutral.grey.base};& > *{flex:1;}`;function Mi({selectionColumn:e,intersectionTargetRef:r,containerRef:i,children:a}){var l;const[c,s]=n(!1);o((()=>{if(!r.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{s(!e.isIntersecting)}))}));return e.observe(r.current),()=>e.disconnect()}),[r.current]);const d=null===(l=i.current)||void 0===l?void 0:l.getBoundingClientRect(),u={position:"fixed",top:0,left:null==d?void 0:d.left,width:null==d?void 0:d.width},p=c?u:{position:"absolute",top:0,left:0,right:0};return t.createElement(Oi,{style:p},Ii({column:e}),t.createElement(ji,null,a))}const Ri=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),Di=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"})),Ti=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Bi=m.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--klb9dq"})`padding-top:${B.sizes.lg};padding-bottom:${B.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${B.sizes.md};`,Ai=m.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--12lmw1"})`padding:${B.sizes.md};background-color:${B.colors.neutral.grey.light};border-radius:${B.radius.full};`,Hi=m.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--kbcaqo"})`white-space:nowrap;`,Pi=m.tr.withConfig({displayName:"vui--Row",componentId:"vui--9t9651"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${B.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 `}`,Wi=m.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1lne8xk"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Vi=m.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--15hxahr"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${B.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,qi=m.div.withConfig({displayName:"vui--Truncate",componentId:"vui--coqvc6"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Zi={full:`border-width: 1px; border-radius: ${B.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},_i=m.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--nnuzgr"})`width:100%;position:relative;border-style:solid;border-color:${B.colors.neutral.grey.dark};${({borderMode:e="full"})=>Zi[e]} &,& *{box-sizing:border-box;}`;function Xi({children:e,intersectionTargetRef:r,containerRef:a,cellWidths:l,tableCss:c}){const s=i(null),[d,u]=n(!1),[p,m]=n({top:0,left:0,width:0,height:0}),f=()=>{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};m(n)},h=()=>{var e;if(!a.current)return;const t=a.current.scrollLeft;null===(e=s.current)||void 0===e||e.scrollTo(t,0)};if(o((()=>{if(!r.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{u(!e.isIntersecting)}))}),{threshold:1});return e.observe(r.current),()=>e.disconnect()}),[r.current]),o((()=>{d&&a.current&&f()}),[a.current,d]),o((()=>{if(!d)return;if(!a.current)return;const e=E(f,33),t=new b(e);return t.observe(a.current),()=>t.disconnect()}),[a.current,d]),o((()=>{h()}),[d]),o((()=>{var e;return null===(e=a.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=a.current)||void 0===e||e.removeEventListener("scroll",h)}}),[a.current]),!d)return null;const g=Object.assign(Object.assign({},p),{height:vi,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${B.colors.neutral.grey.base}`}),v=c+l.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return t.createElement("div",{style:g,ref:s},t.createElement(Vi,{css:v},t.createElement("thead",null,e)))}const Ui=(e,{selectedRowIds:t,expandedRowIds:n,disabledRowIds:o})=>({selected:(null==t?void 0:t.includes(e))||!1,expanded:(null==n?void 0:n.includes(e))||!1,disabled:(null==o?void 0:o.includes(e))||!1}),Yi=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"}),t.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),t.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),Gi={icon:t.createElement(Yi,{width:48,height:48}),heading:"No results"},Ki=()=>{},Ji=({ActionBarSlot:e,borderMode:n,columns:o,emptyState:r=Gi,expandedRowIds:a,loading:l,loadingRowCount:c,onChangeSort:s,rows:d,disabledRowIds:u,selectionMode:p,selectionState:m,setExpanded:f,sortState:h,stripingMode:g,enableStickyHeader:b})=>{const v=i(null),y=i(null),x=i(null);hi(v);const w=d.map((e=>e.id)).filter((e=>!(null==u?void 0:u.includes(e)))),{selectionEnabled:E,selectedRowIds:C,selectionColumn:$,setSelected:k}=$i({selectionMode:p,selectionState:m,enabledRowIds:w}),S={setSelected:k||Ki,setExpanded:f||Ki},N=[$,...o],I=E?N:o,L=mi(y,v),{visible:z,pinnedLeft:F,pinnedRight:O}=fi(I),{scrollPosition:j}=bi(v),M=li({pinnedLeft:F,pinnedRight:O,cellWidths:L,scrollPosition:j,visible:z,stripingMode:g});if(l){const e=new Array(c).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return t.createElement(_i,{borderMode:n},t.createElement(Wi,{ref:v},t.createElement(Vi,{css:M,ref:y,role:"table"},t.createElement("thead",{role:"rowgroup"},t.createElement(Pi,{role:"row"},z.map((e=>Ii({column:e,sortState:h,onChangeSort:s}))))),t.createElement("tbody",{role:"rowgroup"},e.map((e=>t.createElement(Pi,{key:e.id},z.map((n=>function(e,n){if(!0===n.hidden)return null;const o={align:n.align,key:`${e.id}-${n.id}`,role:"cell",spacing:n.spacing};return t.createElement(wi,Object.assign({},o),t.createElement(Fi,null))}(e,n))))))))))}if(0===d.length)return t.createElement(_i,{borderMode:n},t.createElement(Wi,{ref:v},t.createElement(Vi,{css:M,ref:y,role:"table"},t.createElement("thead",{role:"rowgroup"},t.createElement(Pi,{role:"row"},z.map((e=>Ii({column:e,sortState:h,onChangeSort:s}))))),t.createElement("tbody",{role:"rowgroup"},t.createElement(Bi,{columnCount:z.length},t.createElement(Ai,null,r.icon),t.createElement(zr,{spacing:"sm",alignX:"center"},t.createElement(W,{variant:"headingMedium"},r.heading),r.subheading&&t.createElement(W,{variant:"subheadingMedium"},r.subheading)))))));const R=e=>{const{e2eClassName:n="",accentColor:o}=e,r=Ui(e.id,{selectedRowIds:C,expandedRowIds:a,disabledRowIds:u});return t.createElement(Pi,Object.assign({role:"row",key:e.id,accentColor:o,className:n},r),z.map((t=>function(e,t,n,o){if(t.hidden)return null;const r={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,r,n,o)}(e,t,S,r))))},D=(e,n)=>{var o,r;const i=null===(r=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.e2eClassNames)||void 0===r?void 0:r.row,l=Ui(n,{selectedRowIds:C,expandedRowIds:a,disabledRowIds:u});return t.createElement(Pi,{role:"row",key:e.id,className:i},z.map((n=>function(e,n,o){if(n.hidden)return null;const r={align:n.align,key:`${e.id}-${n.id}`,role:"cell",spacing:n.spacing};return n.renderNestedCell?n.renderNestedCell(e,r,o):t.createElement(wi,Object.assign({},r))}(e,n,l))))},T=e=>{var n;const o=null==a?void 0:a.includes(e.id);return t.createElement("tbody",{role:"rowgroup",key:e.id},R(e),o&&(null===(n=e.nestedRows)||void 0===n?void 0:n.map((t=>D(t,e.id)))))},B=t.createElement(Pi,{role:"row"},z.map((e=>Ii({column:e,sortState:h,onChangeSort:s})))),A=o.some((e=>!!e.renderFooter)),H=C.length>0&&!!e;return t.createElement(_i,{borderMode:n},H&&t.createElement(Mi,{selectionColumn:$,intersectionTargetRef:x,containerRef:v},e),t.createElement(Wi,{ref:v},b&&t.createElement(Xi,{tableCss:M,intersectionTargetRef:x,containerRef:v,cellWidths:L},B),t.createElement("div",{ref:x,style:{height:0}}),t.createElement(Vi,{css:M,ref:y,role:"table"},t.createElement("thead",{role:"rowgroup"},B),(()=>{const e=!!a;return e&&"nested"===g?d.map(T):e?t.createElement("tbody",{role:"rowgroup"},d.map((e=>{var t;return[R(e),...(null==a?void 0:a.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>D(t,e.id))))||[]]}))):t.createElement("tbody",{role:"rowgroup"},d.map(R))})(),A&&t.createElement("tfoot",{role:"rowgroup"},t.createElement(Pi,{role:"row"},z.map((e=>function({column:e}){if(e.hidden)return null;const n={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,n):t.createElement(wi,Object.assign({},n))}({column:e}))))))))};Ji.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},Ji.Cell=wi,Ji.ColumnMenu=function({columns:e,columnGroups:o,setColumns:r}){const[i,a]=n(null),[l,c]=n(!1),s=e.map((e=>[e.id,e])),d=Object.fromEntries(s),u=o.map((e=>e.map((e=>d[e])))),p=(t,n)=>{const o=u[t].map((e=>e.id)),i=[...e];o.forEach((e=>{const t=i.findIndex((t=>t.id===e));t<0||(i[t]=Object.assign(Object.assign({},i[t]),{hidden:n}))})),r(i)};return t.createElement(t.Fragment,null,t.createElement(vo,{ref:a,dropdown:!0,onClick:()=>c(!0)},"Columns"),l&&t.createElement(eo,{anchorElement:i,onShouldClose:()=>c(!1)},t.createElement(jo,{style:{width:600}},t.createElement(zr,{alignX:"stretch",spacing:"sm"},u.map(((e,n)=>t.createElement(zr,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},t.createElement(vo,{variant:"flat",icon:t.createElement(Ti,null)}),t.createElement(zr,{spacing:"sm",style:{flex:1}},e.map((e=>t.createElement("div",{key:e.id},e.title)))),t.createElement(zr,{direction:"horizontal",spacing:"sm"},e[0].hidden?t.createElement(vo,{variant:"flat",icon:t.createElement(Di,null),onClick:()=>p(n,!1),style:{color:B.colors.neutral.ink.lightest}}):t.createElement(vo,{variant:"flat",icon:t.createElement(Ri,null),onClick:()=>p(n,!0)})))))))))},Ji.SelectionCell=Ei,Ji.SelectionHeader=xi,Ji.Header=yi,Ji.Truncate=qi,Ji.NoWrap=Hi;const Qi=m.dl.withConfig({displayName:"vui--List",componentId:"vui--1lcnd5n"})`margin:unset;& > * + *{margin-top:${B.sizes.base};}`,ea=m.div.withConfig({displayName:"vui--Item",componentId:"vui--t25k5o"})`& > * + *{margin-top:${B.sizes.xs};}`,ta=m.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--j013c4"})`display:flex;justify-content:space-between;& > * + *{margin-left:${B.sizes.base};}`,na=m.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--12tjaz"})`text-align:right;& > * + *{margin-top:${B.sizes.xs};}`,oa=m.dt.withConfig({displayName:"vui--Term",componentId:"vui--zavj5i"})`font-family:${B.text.bodyBold.fontFamily};font-size:${B.text.bodyBold.fontSize};font-weight:${B.text.bodyBold.fontWeight};line-height:${B.text.bodyBold.lineHeight};color:${B.text.bodyBold.color};`,ra=m.dd.withConfig({displayName:"vui--Description",componentId:"vui--7wguee"})`margin-left:unset;font-family:${B.text.body.fontFamily};font-size:${B.text.body.fontSize};font-weight:${B.text.body.fontWeight};line-height:${B.text.body.lineHeight};color:${B.text.body.color};`,ia=({items:e,horizontal:n})=>{const o=e=>Array.isArray(e)?e.map((e=>t.createElement(ra,{key:e},e))):t.createElement(ra,null,e);return t.createElement(Qi,null,e.map((e=>n?t.createElement(ta,{key:e.term},t.createElement(oa,null,e.term),t.createElement(na,null,o(e.description))):t.createElement(ea,{key:e.term},t.createElement(oa,null,e.term),o(e.description)))))},{sizes:aa,colors:la}=B,ca=m.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1tbr7pe"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${aa.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${aa.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,sa=m.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--qefy7h"})`width:100%;box-sizing:border-box;padding:${aa.md};overflow-x:hidden;background-color:${la.neutral.grey.lightest};`,da=({renderHeader:e,children:o})=>{const[r,i]=n(!0);return t.createElement("main",null,e((()=>i(!r)),r),t.createElement(sa,null,t.createElement(ca,{showSidebar:r},o)))},ua=m.div.withConfig({displayName:"vui--InputGroup",componentId:"vui--2b6aqg"})`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 pa;!function(e){e.base="base",e.sm="sm"}(pa||(pa={}));const ma=m.label.withConfig({displayName:"vui--Label",componentId:"vui--u4z5d7"})`display:block;font-family:${B.text.inputLabel.fontFamily};font-size:${B.text.inputLabel.fontSize};font-weight:${B.text.inputLabel.fontWeight};line-height:${B.text.inputLabel.lineHeight};color:${B.text.inputLabel.color};`,fa=m.span.withConfig({displayName:"vui--Hint",componentId:"vui--dhtep4"})`display:block;font-family:${B.fontFamily};font-size:${B.sizes[3]};line-height:${B.sizes[4]};color:${B.colors.neutral.ink.light};`,ha=m.span.withConfig({displayName:"vui--Error",componentId:"vui--1fu4njf"})`display:block;font-family:${B.text.error.fontFamily};font-size:${B.text.error.fontSize};font-weight:${B.text.error.fontWeight};line-height:${B.text.error.lineHeight};color:${B.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${B.sizes[2]} * -1);width:2px;background-color:${B.colors.secondary.red.base};}`,ga=m(zr).withConfig({displayName:"vui--RootStack",componentId:"vui--1r762o2"})`position:relative;`,ba=m(cr).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1wskrbx"})`display:block;&-hoverable{display:block;}`,va=e=>n=>{var{label:o,hint:r,error:i,tooltip:l}=n,c=ee(n,["label","hint","error","tooltip"]);const s=a((()=>Xn(e.name)),[]);return o?t.createElement(ga,{spacing:"sm",alignX:"stretch"},t.createElement("div",null,t.createElement(zr,{direction:"horizontal",alignY:"center",spacing:"sm"},t.createElement(ma,{htmlFor:s},o),l&&t.createElement(ba,{text:l},t.createElement(Wr,{width:B.sizes.base,height:B.sizes.base,color:B.colors.neutral.ink.light}))),r&&t.createElement(fa,null,r)),t.createElement(e,Object.assign({id:s,hasError:!!i},c)),i&&t.createElement(ha,null,i)):t.createElement(e,Object.assign({hasError:!!i},c))},ya=e=>n=>(o((()=>{console.warn(`${e.name} is deprecated.`)}),[]),t.createElement(e,Object.assign({},n))),xa=({hasError:e,inputSize:t})=>f`&{--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 "}`,wa=m.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${B.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 `}} ${xa} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,Ea=m.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1jp908v"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${xa}`,Ca=/^-?[0-9]*\.?[0-9]+$/,$a=va(l(((e,n)=>{var{id:o,className:r,disabled:i=!1,hasError:a,max:l,min:s,multiline:d=!1,name:u,onChange:p,pattern:m,placeholder:f,rows:h="3",size:g=pa.base,step:b,type:v="text",value:y,spellCheck:x=!1}=e,w=ee(e,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const E=c((e=>{if(!p)return;const t=e.currentTarget.value;if(""===t)return void p(t);if("number"!==v)return void p(t);new RegExp(Ca).test(t)&&p(t)}),[p,v]),C=null!=o?o:Xn("textfield");return"text"===v&&d?t.createElement(Ea,Object.assign({className:r,disabled:i,hasError:a,id:C,name:u,onChange:E,placeholder:f,rows:h,value:y,spellCheck:x,ref:n},w)):t.createElement(wa,Object.assign({className:r,disabled:i,hasError:a,id:C,inputSize:g,max:l,min:s,name:u,onChange:E,placeholder:f,step:b,type:v,value:y,spellCheck:x,ref:n},w))})));$a.displayName="TextField";const ka=m(k).withConfig({displayName:"vui--Container",componentId:"vui--31hvgq"})`display:flex;flex-direction:column;position:relative;`,Sa=m(k).withConfig({displayName:"vui--Row",componentId:"vui--fkaqbt"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,Na=m($a).withConfig({displayName:"vui--StyledTextField",componentId:"vui--sglucf"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${B.colors.neutral.ink.lightest};}`,Ia=m(vo).withConfig({displayName:"vui--StyledButton",componentId:"vui--m1c7se"})`padding:0 6px;border-color:${B.colors.neutral.ink.lightest};`;m(W).withConfig({displayName:"vui--Label",componentId:"vui--1cuqy49"})``,m.span.withConfig({displayName:"vui--Error",componentId:"vui--1yz94gf"})`display:block;font-family:${B.text.error.fontFamily};font-size:${B.text.error.fontSize};font-weight:${B.text.error.fontWeight};line-height:${B.text.error.lineHeight};color:${B.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${B.sizes[2]} * -1);width:2px;background-color:${B.colors.secondary.red.base};}`,m.span.withConfig({displayName:"vui--Hint",componentId:"vui--d0gr40"})`display:block;font-family:${B.fontFamily};font-size:${B.sizes[3]};line-height:${B.sizes[4]};color:${B.colors.neutral.ink.light};`;const La=va((e=>{var{size:n=pa.base,handleChangeHeight:o,handleChangeWidth:r,handleChangeLength:i,className:a,height:l,width:c,length:s,unit:d}=e,u=ee(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return t.createElement(ka,{className:a},t.createElement(Sa,null,t.createElement(Na,Object.assign({onChange:i,size:n,name:"length",type:"number",placeholder:"L",value:s},u)),t.createElement(Eo,{height:B.sizes.base,width:B.sizes.base}),t.createElement(Na,Object.assign({onChange:r,size:n,name:"width",type:"number",placeholder:"W",value:c},u)),t.createElement(Eo,{height:B.sizes.base,width:B.sizes.base}),t.createElement(ua,null,t.createElement(Na,Object.assign({onChange:o,size:n,name:"height",type:"number",placeholder:"H",value:l},u)),t.createElement(Ia,{size:n},d))))}));La.displayName="DimensionsInput";const za=(e,t)=>{const n=i(null),r=c((e=>{"Escape"===e.key&&(null==t||t())}),[t]),a=c((e=>{n.current.contains(e.target)||null==t||t()}),[t]);return o((()=>{if(e)return document.addEventListener("click",a),document.addEventListener("keyup",r),()=>{document.removeEventListener("click",a),document.removeEventListener("keyup",r)}}),[a,r,e]),n},Fa=(e,t)=>{const[r,i]=n(e);return o((()=>{const n=setTimeout((()=>i(e)),t);return()=>clearTimeout(n)}),[e,t]),r};function Oa(){const[e,t]=n(!1),o=c((()=>t(!e)),[e,t]),r=c((()=>t(!1)),[t]);return{shouldShowDropdown:e,toggleShouldShowDropdown:o,setShouldShowDropdown:t,closeDropdown:r}}const ja=t.createContext({hadKeyboardEvent:!0,isInitialized:!1});function Ma({children:e}){const[r,i]=n(!0);return o((()=>{function e(){i(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(i(!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 r(e){e.metaKey||e.altKey||e.ctrlKey||i(!0)}function a(){"hidden"===document.visibilityState&&(i(!0),n())}return document.addEventListener("keydown",r,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",a,!0),n(),()=>{document.removeEventListener("keydown",r,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",a,!0),o()}}),[i]),t.createElement(ja.Provider,{value:{hadKeyboardEvent:r,isInitialized:!0}},e)}function Ra(){const[e,n]=t.useState(!1),{hadKeyboardEvent:o,isInitialized:r}=t.useContext(ja),i=t.useCallback((()=>{e||n(!0)}),[e]),a=t.useCallback((()=>{e&&n(!1)}),[e]);let l;return l=r?o&&e:e,t.useMemo((()=>({focusVisible:l,onFocus:i,onBlur:a})),[l,a,i])}const Da=(e=!1)=>{const[t,o]=n(e);return[t,c((()=>o(!0)),[o]),c((()=>o(!1)),[o])]},Ta=e=>{const[t,r]=n(!1),[i,a]=n(!1);o((()=>{if(!e)return;const t=new ResizeObserver((()=>{const t=e.scrollHeight>e.clientHeight;r(t)}));return t.observe(e),()=>{t.disconnect()}}),[e]);return{isOverflowing:t&&!i,onScroll:t=>{if(!e)return;const{scrollTop:n,scrollHeight:o,clientHeight:r}=t.target;a(o-n-r<=0)}}},Ba=(e,t)=>{const{defaultActiveIndex:o=0}=t||{},[r]=n(e),[i,a]=n(r[o]);return[i,e=>{const t=r.find((t=>t.key===e));t&&a(t)}]},Aa=m(k).withConfig({displayName:"vui--Container",componentId:"vui--ujckjn"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${I.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${R.base};height:${R.base};}`,Ha=m(W).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--oath0b"})`user-select:none;`,Pa=m(Ha).withConfig({displayName:"vui--GroupLabel",componentId:"vui--ln021"})`margin-right:4px;`,Wa=m(wo).withConfig({displayName:"vui--MainIcon",componentId:"vui--za0kgi"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,Va=m(Eo).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--8epxko"})`margin-left:4px;height:10px;width:10px;`,qa=m(k).withConfig({displayName:"vui--Content",componentId:"vui--1wgdg8n"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Za=m(k).withConfig({displayName:"vui--Header",componentId:"vui--188pxr2"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${I.neutral.grey.base};svg{color:${({color:e})=>e};width:${R[5]};height:${R[5]};margin-right:10px;}`,_a=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),Xa=({className:e,e2eClassName:n,label:o,text:r,iconSlot:i,fill:a=I.secondary.blue.base,content:l,footer:s,onClickAway:d,onClick:u,shouldCloseOnClickAway:p=!0})=>{const m=_a(e),f=_a(n),{shouldShowDropdown:h,toggleShouldShowDropdown:g,closeDropdown:b}=Oa(),v=c((e=>{g(),d&&h&&d(e)}),[g,d,h]),y=c((e=>{d&&d(e,b),p&&b()}),[b,d,p]);return!l?t.createElement(Aa,{className:Kn([null==m?void 0:m.container,null==f?void 0:f.container]),onClick:u},o&&t.createElement(Pa,{variant:"subheadingSmallBold"},`${o}:`),t.createElement(W,null,r),t.createElement(Va,{className:Kn([null==m?void 0:m.cross,null==f?void 0:f.cross]),name:"cross",size:"base",color:I.neutral.ink.base})):t.createElement(Go,{className:m.filterTagDropdown,shouldShowDropdown:h,onClickAway:y,cta:t.createElement(Aa,{className:m.container,onClick:v},o&&t.createElement(Pa,{variant:"subheadingSmallBold"},`${o}:`),t.createElement(W,null,r),t.createElement(Wa,{color:I.neutral.ink.base,name:"downArrow",shouldShow:h}))},t.createElement(qa,null,t.createElement(Za,{color:a},i,t.createElement(W,{variant:"bodyBold"},o)),l,s))},Ua=m(k).withConfig({displayName:"vui--Grid",componentId:"vui--kz0fa5"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?R[e]:0};`,Ya=e=>t.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),Ga=m.div.withConfig({displayName:"vui--Container",componentId:"vui--zx358v"})``,Ka=m.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--b3uukr"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,Ja=m.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--1x57v09"})`z-index:10;background-color:transparent;`,Qa=m.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--7k8es9"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,el=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}),tl=({src:e,alt:o="",className:r,e2eClassName:i,width:a,height:l,previewWidth:s,previewHeight:d,previewPlacement:u="right",previewEnabled:p=!1,placeholder:m,placeholderWidth:f,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=el(r),x=el(i),[w,E]=n(!1),[C,$]=n({isLoaded:!1,isError:!1}),[k,S]=t.useState(null),[N,I]=t.useState(null),{styles:L,attributes:z}=g(k,N,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),F=c((()=>p?E(!0):{}),[p]),O=c((()=>p?E(!1):{}),[p]),j=!C.isLoaded||C.isError;return t.createElement(Ga,{className:Kn([null==v?void 0:v.container,null==x?void 0:x.container,r])},t.createElement(Ka,{src:e,alt:o,className:Kn([null==v?void 0:v.image,null==x?void 0:x.image]),width:a,height:l,onLoad:()=>$({isLoaded:!0,isError:!1}),onError:()=>$({isLoaded:!0,isError:!0}),previewEnabled:p,onMouseEnter:F,onMouseLeave:O,style:j?{display:"none"}:{},ref:S}),!b&&j&&(m||t.createElement(Ya,{className:Kn([null==v?void 0:v.placeholder,null==x?void 0:x.placeholder]),width:f||a,height:h||l})),w&&y(t.createElement(Ja,Object.assign({ref:I,style:L.popper},z.popper,{className:Kn([null==v?void 0:v.previewImageContainer,null==x?void 0:x.previewImageContainer])}),t.createElement(Qa,{src:e,alt:"",width:s,height:d})),document.body))},nl={width:64,height:64},ol={icon:t.createElement((e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z",fill:"currentColor"}))),Object.assign({},nl)),title:"No data found"},rl={icon:t.createElement((e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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({},nl)),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 il;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(il||(il={}));const{text:al,sizes:ll}=B,{blue:cl}=B.colors.secondary,{grey:sl}=B.colors.neutral,{scrollbar:dl}=B.colors.system,ul='\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',pl=m.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--6b6999"})`display:flex;flex-direction:row;align-items:center;`,ml=m.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--8prdgq"})`width:100%;overflow-x:${e=>e.scrollDisabled?"hidden":"auto"};overflow-y:hidden;position:relative;border-top:1px solid ${sl.dark};border-bottom:1px solid ${sl.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: ${dl.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${dl.thumb};\n border-radius: 4px; \n }\n `:""} ${({scrollDisabled:e,lastStartFixedColumnsIndex:t,firstEndFixedColumnsIndex:n,scrollPosition:o})=>e?"":`\n td:nth-child(${t}):after,\n th:nth-child(${t}):after {\n right: 0;\n transform: translate(100%);\n ${ul};\n\n ${o===il.middle||o===il.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 ${ul};\n\n ${o===il.start||o===il.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,fl=m(ml).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--1uzcmg4"})`border:1px solid ${sl.dark};border-radius:4px;`,hl=m.thead.withConfig({displayName:"vui--Head",componentId:"vui--tbv1ab"})`background-color:white;`,gl=m.tbody.withConfig({displayName:"vui--Body",componentId:"vui--1f7jdxq"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${sl.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;m.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--1ug6bgl"})`& td{background-color:${sl.lightest};padding:1.5rem 1rem;border-top:1px solid ${cl.base};}`;const bl=m.tr.withConfig({displayName:"vui--Row",componentId:"vui--ostkmy"})`&.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 `}`,vl=m.td.withConfig({displayName:"vui--Cell",componentId:"vui--9fl65z"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${al.bodySmall.fontFamily};font-size:${al.bodySmall.fontSize};font-weight:${al.bodySmall.fontWeight};color:${al.bodySmall.color};line-height:${ll.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,yl=m(vl).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--1mc579o"})`user-select:none;border-bottom:1px solid ${sl.dark};font-family:${al.bodySmallBold.fontFamily};font-size:${al.bodySmallBold.fontSize};font-weight:${al.bodySmallBold.fontWeight};color:${al.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${sl.light};}`,xl={left:"flex-start",center:"center",right:"flex-end"},wl=m.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--iko9ux"})`display:flex;align-items:center;justify-content:${({align:e})=>e?xl[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,El=m.table.withConfig({displayName:"vui--Table",componentId:"vui--1vjqk2m"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${gl}:nth-child(even) td {\n background-color: ${sl.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${yl}, & ${yl} span {\n white-space: nowrap;\n }\n `}`,Cl=m.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--ob9m7j"})`tr{${({fixedColumnsStyle:e})=>e};}& ${vl}{border-top:1px solid ${sl.dark};background-color:${sl.lightest};padding-top:${ll.base};padding-bottom:${ll.base};line-height:2rem;}`,$l=m.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--5eqa3f"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,kl=m(El).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--48b34o"})``,Sl=m(k).withConfig({displayName:"vui--SpecificStateContainer",componentId:"vui--120wsfh"})`display:flex;flex-direction:column;justify-content:center;align-items:center;height:${e=>e.height}px;background:white;`,Nl=m(k).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1khxo3q"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${B.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,Il=m(W).withConfig({displayName:"vui--TitleText",componentId:"vui--3cvjfj"})`margin-top:24px;`,Ll=m(W).withConfig({displayName:"vui--SubTitleText",componentId:"vui--mw0wkw"})`margin-top:8px;`,zl=({height:e,icon:n,title:o,subTitle:r})=>t.createElement(Sl,{height:e},t.createElement(Nl,null,n),t.createElement(Il,{variant:"headingLarge"},o),r&&t.createElement(Ll,{variant:"subheadingMedium"},r)),Fl=m.button.withConfig({displayName:"vui--CellButton",componentId:"vui--14e2rl4"})`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:${B.sizes.base};border-radius:${B.radius.base};&:hover{cursor:pointer;background-color:${B.colors.secondary.blue.lightest};}`,Ol=m(Fl).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1qfw372"})`color:${B.text.link.color};text-decoration:${B.text.link.textDecoration};`,jl=m.div.withConfig({displayName:"vui--Content",componentId:"vui--1fqu167"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:Ml}=B.colors.neutral,Rl=m.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--q4n9vc"})`height:16px;width:100%;`,Dl=m.div.withConfig({displayName:"vui--SkeletonContentComponent",componentId:"vui--yfc89o"})`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, ${Ml.base} 8%, ${Ml.dark} 15%, ${Ml.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,Tl=({isLoading:e,style:n})=>t.createElement(Rl,{style:n},t.createElement(Dl,{isLoading:e})),Bl=e=>{var{style:n}=e,o=ee(e,["style"]);return t.createElement(vl,Object.assign({},o),t.createElement(Tl,{style:n}))};Bl.defaultProps={style:{}};const Al=({renderHeader:e,tableRef:r,wrapperRef:i,isFixedLayout:a,wrapperStyle:l})=>{var s;const[d,u]=n(null),{isSticky:p}=((e,t)=>{const[r,i]=n(!1),a=c((({top:e,bottom:n})=>{let o=r;o=e<=(t||0)&&n>0?!r||o:!r&&o,o!==r&&i(o)}),[r,t]);return o((()=>{const t=()=>{var t;e.current&&a(null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())};return window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}}),[a,e]),{isSticky:r}})(r,parseInt("string"==typeof(null==l?void 0:l.top)?null==l?void 0:l.top:`${null==l?void 0:l.top}`,10)),m=((null===(s=i.current)||void 0===s?void 0:s.getBoundingClientRect().width)||0)-2;C(i);const f=e=>{var t;const n=(null===(t=i.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:d&&(d.scrollLeft=n)};return f(),p?t.createElement($l,{ref:e=>{u(e),f(e)},style:Object.assign({width:m},l)},t.createElement(kl,{style:{tableLayout:a?"fixed":"auto"}},e())):null},Hl=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")},Pl=e=>{var{style:n,width:o,isLoading:r}=e,i=ee(e,["style","width","isLoading"]);return t.createElement(yl,Object.assign({},i,{style:{width:o}}),t.createElement(Tl,{style:n,isLoading:r}))},Wl=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),Vl=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),ql=()=>t.createElement(si,{width:B.sizes.base,height:B.sizes.base,color:"lightgrey"}),Zl=()=>t.createElement(Wl,{width:B.sizes.base,height:B.sizes.base,color:"lightgrey"}),_l=()=>t.createElement(Vl,{width:B.sizes.base,height:B.sizes.base,color:"lightgrey"}),Xl=({borderless:e=!1,striped:r=!0,noWrap:l=!1,showScrollbar:s=!1,headers:d,rows:u,renderRow:p,renderNestedRow:m,expandedRowIds:f,renderLoadingRow:h,renderFooterRow:g,renderFooterLoadingRow:b,omitFooterSelectionCell:v=!1,selectedRowIds:y,disabledSelectionInputRowIds:x,selectionMode:w="multiple",onChangeSelectedRowIds:E,sortColumnId:C,sortDirection:$,onChangeSort:k,isError:S=!1,isLoading:N=!1,skeletonRowsNumber:I=5,isHeaderSticky:L=!0,stickyHeaderStyle:z,customSpecificState:F,bodyHeightInSpecificStates:O=375,startFixedColumnsNumber:j,endFixedColumnsNumber:M})=>{const R=e?ml:fl,D=!!u&&0===u.length,T=Boolean(j||M),B=!j&&!M,A=i(null),H=i(null),[P,W]=n(il.none);o((()=>{var e;let t=null;const n=()=>{if(!H.current||B)return;const e=H.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),r=n+o;t===o?W(il.none):0===n?W(il.start):n>0&&r<t?W(il.middle):r===t&&W(il.end)};return H.current&&(t=H.current,n(),null===(e=H.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[A,B]);const V=c((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),[]),q=c(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),Z=c((()=>{if(!d||N)return null;const e=[],t=[];let n=0,o=0;if(j){y&&(e.push(q(1,n,"left")),n+=58);for(let t=0;t<j;t+=1){const o=V(d[t].width);o&&(e.push(q(y?t+2:t+1,n,"left")),n+=o)}}if(M)for(let e=0;e<M;e+=1){const n=V(d.slice(-e-1)[0].width);n&&(t.push(q(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[N,V,M,q,d,j,y]),_=a((()=>Z()),[Z]),X=c(((e,t)=>{if(!y||!E)return;if(e)return"single"===w?void E([t.id]):void E([...y,t.id]);const n=[...y],o=n.findIndex((e=>e===t.id));n.splice(o,1),E(n)}),[E,y,w]),U=c((()=>{if(!y||!E)return;if(y.length===u.length)return void E([]);const e=u.map((e=>e.id));E(e)}),[E,u,y]),Y=c((e=>{if(void 0===C||void 0===k)return;let t=C,n="ascending";"ascending"===$&&(n="descending"),e!==C&&(t=e,n="ascending"),k(t,n)}),[k,C,$]),G=c(((e,n)=>{let o="",r=()=>{},i=t.createElement(ql,null);const{tooltip:a,align:l,icon:c,title:s,sortable:d,id:u}=e;d&&(o="sortable",r=()=>Y(u),C===u&&(i="ascending"===$?t.createElement(Zl,null):t.createElement(_l,null)));const p=t.createElement(wl,{align:l},c&&c,s&&t.createElement("span",null,s),d&&i);return t.createElement(yl,{key:u,id:`data-table-header-${u}`,className:o,onClick:r,align:e.align,grow:e.grow,style:Object.assign({width:e.width||"auto"},n)},a?t.createElement(cr,{text:a},t.createElement(pl,null,p)):p)}),[Y,C,$]),K=c(((e,n)=>t.createElement(Pl,{key:e.id,width:e.width||"auto",style:n,isLoading:N})),[N]),J=c((()=>{if(!d)return null;const e=Z(),n=e?e[0].style:{};return t.createElement(hl,null,t.createElement(bl,null,y&&t.createElement(yl,{style:Object.assign({width:58},n)},"multiple"===w&&t.createElement(Ur,{checked:u.length>0&&(null==y?void 0:y.length)===u.length||!1,onChange:U,disabled:x&&x.length>0||N||D,ariaLabel:"Select all"})),d.map(((t,n)=>{const o=y?n+2:n+1,r=n-d.length,i=null==e?void 0:e.find((e=>e.index===o||e.index===r));return t.skeleton&&(N||S||D)?K(t,t.skeletonStyle||{}):G(t,(null==i?void 0:i.style)||{})}))))}),[Z,U,d,D,S,N,K,G,u.length,y,w,x]),Q=c(((e,n)=>{const o={checked:e,onChange:e=>X(e,n),disabled:(null==x?void 0:x.includes(n.id))||!1};return"single"===w?t.createElement(Gr,Object.assign({},o)):t.createElement(Ur,Object.assign({},o))}),[X,w,x]),ee=c((e=>{const n={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===w?t.createElement(Bl,{key:void 0===e?null:`radio-skeleton-${e}`,style:Object.assign(Object.assign({},n),{borderRadius:"50%"})}):t.createElement(Bl,{key:void 0===e?null:`checkbox-skeleton-${e}`,style:Object.assign(Object.assign({},n),{borderRadius:"0.25rem"})})}),[w]),te=c(((e,n)=>{var o,r;if(!m)return null;const i=m(e);if(!i)return null;const a=(null===(r=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.e2eClassNames)||void 0===r?void 0:r.row)||"";return t.createElement(bl,{key:e.id,className:`${a} ${n?"hidden":""}`},y&&t.createElement(vl,null),i)}),[m,y]),ne=c((e=>{if(!d)return t.createElement(Bl,null);const n=d.map((n=>t.createElement(Bl,{key:`${e}-${n.id}`})));return y&&n.unshift(ee(e)),n}),[d,ee,y]),oe=()=>g?N&&!b||!N&&D?null:t.createElement(Cl,{fixedColumnsStyle:Hl(_||[])},t.createElement(bl,null,y&&!v&&t.createElement(vl,null),!N&&g(u),N&&b&&b())):null;let re=j;y&&re&&(re+=1);const ie=a((()=>u.map((e=>{var n,o,r;const{data:i}=e,a=!!y&&y.includes(e.id),l=!f||f.includes(e.id),c=null===(n=null==i?void 0:i.e2eClassNames)||void 0===n?void 0:n.body,s=null!==(r=null===(o=null==i?void 0:i.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==r?r:"",d=a?`selected ${s}`:`${s}`;return t.createElement(gl,{key:e.id,className:c,fixedColumnsStyle:Hl(_||[])},t.createElement(bl,{key:e.id,className:d,accentColor:e.accentColor},y&&t.createElement(vl,null,Q(a,e)),p(e)),e.nestedRows&&e.nestedRows.map((e=>te(e,!l))))}))),[u,f,_,te,p,Q,y]);if(N){const e=[];for(let n=0;n<I;n+=1)e.push(t.createElement(gl,{key:`loading-row-${n}`,fixedColumnsStyle:Hl(_||[])},t.createElement(bl,null,h?t.createElement(t.Fragment,null,y&&ee(),h()):ne(n))));return t.createElement(R,{ref:H,scrollDisabled:!0,scrollPosition:P,lastStartFixedColumnsIndex:re,firstEndFixedColumnsIndex:M},L&&d&&t.createElement(Al,{renderHeader:J,tableRef:A,wrapperRef:H,isFixedLayout:T,wrapperStyle:z}),t.createElement(El,{ref:A,striped:r,noWrap:l,tableLoading:!0,isFixedLayout:T},J(),e,oe()))}if(D||S){let e=ol;return F?e=F:S&&(e=rl),t.createElement(R,{scrollDisabled:!0},t.createElement(El,{ref:A,striped:r,noWrap:l,tableLoading:!1,isFixedLayout:T},J(),oe()),t.createElement(zl,Object.assign({height:O},e)))}return t.createElement(R,{scrollDisabled:!1,ref:H,scrollPosition:P,lastStartFixedColumnsIndex:re,firstEndFixedColumnsIndex:M,showScrollbar:s},L&&d&&t.createElement(Al,{renderHeader:J,tableRef:A,wrapperRef:H,isFixedLayout:T,wrapperStyle:z}),t.createElement(El,{ref:A,striped:r,noWrap:l,tableLoading:!1,isFixedLayout:T},J(),ie,oe()))};Xl.Cell=vl,Xl.ClickableCell=e=>{var{onClick:n,children:o}=e,r=ee(e,["onClick","children"]);return t.createElement(vl,Object.assign({},r),t.createElement(Ol,{onClick:n},o))},Xl.EditableCell=e=>{var{onClick:n,children:o}=e,r=ee(e,["onClick","children"]);return t.createElement(vl,Object.assign({},r),t.createElement(Fl,{onClick:n},t.createElement(jl,null,o)))},Xl.SkeletonCell=Bl,Xl.SkeletonContent=Tl;const Ul=m.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--wl2n5a"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,Yl="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",Gl="Log in with Amazon",Kl=e=>{const[o,r]=n(Yl);return t.createElement(Ul,Object.assign({onMouseDown:()=>{r("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{r(Yl)},"aria-label":Gl},e),t.createElement("img",{src:o,alt:Gl}))},Jl=h`body{overflow:hidden;scrollbar-gutter:stable;}`,Ql=m.section.withConfig({displayName:"vui--MainSection",componentId:"vui--or7d"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${B.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${jo.Footer} {\n box-shadow: 0px 10px 15px 0px ${B.colors.neutral.ink.dark};\n }\n `}`,ec=e=>!!e.footerSlot,tc={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},nc={[L.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[L.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[L.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[L.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},oc={xs:L.mobile,sm:L.mobile,base:L.tablet,lg:L.lgTablet},{breakpoints:rc}=B,ic=m(u.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--hfuefb"})`padding:0;border:none;border-radius:${B.sizes.sm};box-shadow:${B.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${jo.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${tc[e]};`} ${Ql}{padding-bottom:${B.sizes.md};}${jo.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${rc.mobile} + 1px))and (max-width: ${rc.tablet}){max-width:${({variant:e})=>nc[rc.tablet][e]};}@media (min-width: ${rc.tablet})and (max-width: ${rc.lgTablet}){max-width:${({variant:e})=>nc[rc.lgTablet][e]};}@media (min-width: ${rc.lgTablet})and (max-width: ${rc.desktop}){max-width:${({variant:e})=>nc[rc.desktop][e]};}@media (min-width: ${rc.desktop}){max-width:${({variant:e})=>nc[rc.lgDesktop][e]};}@media (max-width: ${({variant:e})=>oc[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${jo.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Qn(B.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,ac=t.forwardRef(((e,n)=>{var o=ee(e,[]);return t.createElement(ic,Object.assign({ref:n},o))})),lc=e=>{const{shouldShow:r,showHeaderCloseButton:a=!0,fullBleed:l=!1,variant:c="base",onClose:s,children:d}=e,u=i(null),[m,f]=n(null);o((()=>{var e,t;r&&(null===(e=u.current)||void 0===e||e.removeAttribute("open"),null===(t=u.current)||void 0===t||t.showModal())}),[r]);const{isOverflowing:h,onScroll:g}=Ta(m),b=()=>{var e;null===(e=u.current)||void 0===e||e.close(),s()};return t.createElement(p,null,r&&t.createElement("div",{"data-testid":"dialog-wrapper"},t.createElement(Jl,null),t.createElement(ac,{ref:u,onClose:b,variant:c,"aria-describedby":"modal_title"},t.createElement(jo.Surface,null,(e=>!!e.headerSlot)(e)?e.headerSlot:t.createElement(Co,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:e.headerTitle,subtitle:e.headerSubtitle},a&&{onClickClose:b})),t.createElement(Ql,{onScroll:g,ref:f,isScrollable:h,fullBleed:l},d),ec(e)&&e.footerSlot,!ec(e)&&(e.leftActions||e.rightActions)&&t.createElement(jo.Footer,null,t.createElement(zr,{direction:"horizontal",alignX:e.leftActions?"between":"end"},e.leftActions&&t.createElement(zr,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},e.leftActions.map((e=>{var{label:n}=e,o=ee(e,["label"]);return t.createElement(vo,Object.assign({key:n,type:"button"},o),n)}))),e.rightActions&&t.createElement(zr,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},e.rightActions.map((e=>{var{label:n}=e,o=ee(e,["label"]);return t.createElement(vo,Object.assign({key:n,type:"button"},o),n)})))))))))},{sizes:cc,text:sc,shadows:dc}=B,{grey:uc}=B.colors.neutral,pc=m.header.withConfig({displayName:"vui--Header",componentId:"vui--q2h2v8"})`padding:${cc.base} ${cc.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&dc[e]};`,mc=m.h1.withConfig({displayName:"vui--Title",componentId:"vui--7ymyy4"})`font-family:${sc.headingXL.fontFamily};font-size:${sc.headingXL.fontSize};font-weight:${sc.headingXL.fontWeight};margin:unset;line-height:1;`,fc=m.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1veavxl"})`margin:0.75rem 0 0;font-family:${sc.subheadingLarge.fontFamily};font-weight:${sc.subheadingLarge.fontWeight};font-size:${sc.subheadingLarge.fontSize};line-height:${sc.subheadingLarge.lineHeight};`,hc=m.img.withConfig({displayName:"vui--Image",componentId:"vui--1fntac3"})`border-radius:${B.radius.base};border:${cc.line} solid ${uc.base};object-fit:cover;`,gc=m.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--4ms240"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,bc=m(vo).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--1e4sfso"})`display:flex;align-items:center;font-family:${B.text.link.fontFamily};font-size:${B.text.link.fontSize};font-weight:${B.text.link.fontWeight};line-height:${B.text.link.lineHeight};color:${B.text.link.color};&:hover{text-decoration:${B.text.link.textDecoration};}& > * + *{margin-left:${B.sizes.xs};}`,vc=m.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--498dtg"})`width:100%;display:grid;grid-template-columns:1fr minmax(312px, auto);align-items:flex-start;grid-gap:${cc.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,yc=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),xc=({title:e,subtitle:n,imageSrc:o,actions:r,quickActions:i,backAction:a,Accessory:l,shadow:c="none",onClickPrevious:s,onClickNext:d,onClickToggleSidebar:u})=>{const p=r&&t.createElement(Wo,{buttonVariant:i?"default":"primary",title:"Actions",sections:r}),m=null==i?void 0:i.map((e=>t.createElement(vo,{key:e.title,variant:e.variant,icon:e.icon,onClick:e.onClick},e.title))),f=a&&t.createElement(vo,{onClick:a.onClick,icon:t.createElement(yc,null),variant:"link"},a.title),h=u&&t.createElement(zr,{direction:"horizontal",alignX:"end"},t.createElement(bc,{onClick:u},t.createElement("span",null,"Toggle sidebar"),t.createElement(Cr,{width:R.md})));return t.createElement(pc,{shadow:c},t.createElement(zr,null,f,t.createElement(vc,null,t.createElement(zr,{direction:"horizontal",spacing:"md"},o&&t.createElement(hc,{src:o,alt:"",width:"72",height:"72"}),t.createElement("div",{style:{flex:1}},t.createElement(zr,{alignX:"stretch"},t.createElement(mc,null,e),l,n&&t.createElement(fc,null,n)))),t.createElement(gc,null,t.createElement(zr,{direction:"horizontal",alignX:"end",spacing:"sm"},m,p,s&&t.createElement(vo,{icon:t.createElement(yc,null),onClick:s}),d&&t.createElement(vo,{icon:t.createElement(Cr,null),onClick:d})),h))))},wc=m(zr).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--1psd9g8"})`width:${B.sizes.lg};height:30px;background-color:${B.colors.neutral.grey.light};border:1px solid ${B.colors.neutral.grey.base};border-radius:${B.sizes.xs};`,Ec=m(vo).withConfig({displayName:"vui--PaginationButton",componentId:"vui--oolvks"})`color:${B.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,Cc=m($a).withConfig({displayName:"vui--PageInput",componentId:"vui--jjraff"})`&[type='number']{width:5.5ch;}`,$c=({count:e})=>t.createElement(t.Fragment,null,t.createElement("div",null,t.createElement(W,{variant:"bodySmall","aria-hidden":!0},"/")),t.createElement(wc,{alignX:"center",alignY:"center","aria-hidden":!0},t.createElement(W,{variant:"bodySmall"},e))),kc=({currentPage:e,totalPagesCount:t,handleChangePage:r})=>{const[i,a]=n(`${e}`);o((()=>{a(`${e}`)}),[e]);const l=e=>e>=1&&e<=t,c=()=>{if(i||a(`${e}`),i===`${e}`)return;const t=parseInt(i,10);l(t)&&r(t)};return{pageInputValue:i,handleIncrement:()=>{l(e+1)&&r(e+1)},handleDecrement:()=>{l(e-1)&&r(e-1)},handleInputChange:e=>{e||a(e);const t=parseInt(e,10);var n;l(n=t)&&a(`${n}`)},handleSubmit:c,handleFormSubmit:e=>{e.preventDefault(),c()}}},Sc=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),Nc=e=>t.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),Ic=({testId:e,e2eClassName:n,currentPage:o,totalPagesCount:r,handleChangePage:i})=>{const{pageInputValue:a,handleIncrement:l,handleDecrement:c,handleFormSubmit:s,handleInputChange:d,handleSubmit:u}=kc({currentPage:o,totalPagesCount:r,handleChangePage:i});return t.createElement(zr,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:n},t.createElement(Ec,{onClick:()=>{1!==o&&i(1)},icon:t.createElement(Sc,null),size:"sm","aria-label":"go to first page"}),t.createElement(Ec,{onClick:c,icon:t.createElement(yc,null),size:"sm","aria-label":"go to previous page","aria-disabled":o<=1}),t.createElement("form",{onSubmit:s},t.createElement(Cc,{"aria-live":"polite","aria-label":`page ${o} of ${r}`,size:pa.sm,type:"number",value:a,min:"1",max:`${r}`,onChange:d,onBlur:u})),t.createElement($c,{count:r}),t.createElement(Ec,{onClick:l,icon:t.createElement(Cr,null),size:"sm","aria-label":"go to next page","aria-disabled":o>=r}),t.createElement(Ec,{onClick:()=>{o!==r&&i(r)},icon:t.createElement(Nc,null),size:"sm","aria-label":"go to last page","aria-disabled":o>=r}))},Lc=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],zc=m(k).withConfig({displayName:"vui--Container",componentId:"vui--1t222e4"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Fc=m(Go).withConfig({displayName:"vui--Dropdown",componentId:"vui--6y6o6p"})`&-container{width:100%;}`,Oc=m.button.withConfig({displayName:"vui--Button",componentId:"vui--6l6anz"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${I.neutral.grey.base};box-sizing:border-box;border-radius:4px;justify-content:space-between;background:white;cursor:pointer;svg{padding-left:8px;padding-top:2px;}`,jc=m(k).withConfig({displayName:"vui--Container",componentId:"vui--33jbzi"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Mc=m(W).withConfig({displayName:"vui--StyledText",componentId:"vui--1oky5qu"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${I.secondary.blue.base};background:${I.neutral.grey.lightest};}`,Rc=({item:e,handleRangeListChange:n})=>{const o=c((()=>n(e)),[n,e]);return t.createElement(jc,{onClick:o},t.createElement(Mc,{variant:"bodySmall"},e.label))},Dc=e=>{const{handleRangeListChange:n,paginationRange:o=Lc}=e;return t.createElement(t.Fragment,null,o.map((e=>t.createElement(d,{key:e.label},t.createElement(Rc,{item:e,handleRangeListChange:n})))))};class Tc extends s{constructor(e){super(e),this.handleRangeListChange=e=>{const{onPaginationRangeChange:t}=this.props;this.setDropdownValue(e),t(e)},this.setDropdownValue=e=>this.setState({shouldShowDropdown:!1,dropdownValue:e}),this.toggleShouldShow=()=>{const{shouldShowDropdown:e}=this.state;this.setState({shouldShowDropdown:!e})};const{dropdownValue:t=Lc[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:e,paginationRange:n=Lc,reversedDropdown:o}=this.props,{shouldShowDropdown:r,dropdownValue:i}=this.state;return t.createElement(zc,{className:e},t.createElement(Fc,{cta:t.createElement(Oc,{onClick:this.toggleShouldShow},t.createElement(W,{variant:"bodySmall"},i.label),t.createElement(go,{color:B.colors.neutral.ink.base})),shouldShowDropdown:r,onClickAway:this.toggleShouldShow,reversed:o},t.createElement(Dc,{paginationRange:n,handleRangeListChange:this.handleRangeListChange})))}}const Bc=m.div.withConfig({displayName:"vui--Container",componentId:"vui--1kqph75"})`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;}`,Ac=m.button.withConfig({displayName:"vui--StepButton",componentId:"vui--1myicuk"})`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;}`,Hc=({onIncrement:e,onDecrement:n,disabled:o=!1,size:r})=>t.createElement(Bc,{size:r},t.createElement(Ac,{type:"button",onClick:e,disabled:o},t.createElement(K,{height:B.sizes.base,width:B.sizes.base,color:B.colors.neutral.ink.base})),t.createElement(Ac,{type:"button",onClick:n,disabled:o},t.createElement(wo,{height:B.sizes.base,width:B.sizes.base,color:B.colors.neutral.ink.base}))),Pc=m($a).withConfig({displayName:"vui--StyledTextField",componentId:"vui--bdxre8"})`color:${B.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${B.colors.neutral.ink.lightest};}`,Wc=m(k).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--1pz53n4"})`user-select:none;border:1px solid ${B.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?B.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;}}`,Vc=m(W).withConfig({displayName:"vui--PrefixText",componentId:"vui--1n3xr2g"})`font-size:14px;`,qc=m(ua).withConfig({displayName:"vui--PriceInputGroup",componentId:"vui--1sahwox"})`display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({hasError:e})=>e&&`\n box-shadow: 0 0 0 4px ${B.colors.secondary.red.light};\n\n > * {\n border-top-color: ${B.colors.secondary.red.base};\n border-bottom-color: ${B.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${B.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${B.colors.secondary.red.base};\n border-right-color: ${B.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${B.colors.secondary.red.base};\n border-bottom-color: ${B.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${B.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?B.colors.secondary.red.base:B.colors.secondary.blue.base};}}`;const Zc=va((e=>{var{className:n="",hasError:o,currency:r,disabled:i=!1,onChange:a,onPriceChange:l,priceValue:c,step:s="0.1",size:d=pa.base}=e,u=ee(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const p=(e=l)=>{e(((parseFloat(c)||0)+parseFloat(s)).toFixed(2))},m=(e=l)=>{e(((parseFloat(c)||0)-parseFloat(s)).toFixed(2))};return t.createElement(qc,{className:n,hasError:o},t.createElement(Wc,{disabled:i,size:d},t.createElement(Vc,{variant:"hintText"},r)),t.createElement(Pc,Object.assign({placeholder:"0.00",type:"currency",value:c,step:s,onChange:e=>a(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void l("");const o=parseFloat(n.replace(",",".")).toFixed(2);l(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&p(a),"ArrowDown"===t&&m(a)},disabled:i,size:d},u)),t.createElement(Hc,{onIncrement:()=>p(),onDecrement:()=>m(),disabled:i,size:d}))}));Zc.displayName="PriceInput";const _c=m($a).withConfig({displayName:"vui--Input",componentId:"vui--1jvzatv"})`flex-grow:2;margin-top:0;margin-bottom:0;`,Xc=m.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--12eib7v"})`position:absolute;`,Uc=m(k).withConfig({displayName:"vui--Container",componentId:"vui--g7dno3"})`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 & ${_c} {\n ${t}\n }\n\n & ${Xc} {\n ${n}\n }\n `}}`,Yc=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),Gc=({type:e="text",disabled:n=!1,onClearClick:o,onChange:r,onBlur:i,onFocus:a,onKeyUp:l,onKeyDown:c,onKeyPress:s,value:d="",error:u,placeholder:p="",className:m="",name:f,isLoading:h=!1,fill:g,reversed:b=!1,autoComplete:v="on",size:y="base"})=>{const x=d&&d.length>0;return t.createElement(Uc,{className:m,iconPosition:b?"left":"right"},t.createElement(_c,{size:y,type:e,value:d,onChange:r,onBlur:i,onFocus:a,onKeyUp:l,onKeyDown:c,onKeyPress:s,placeholder:p,name:f,disabled:n,error:u,autoComplete:v}),t.createElement(Xc,null,h?t.createElement(ro,{height:24,color:g||B.colors.secondary.blue.base}):x&&o?t.createElement(vo,{variant:"unstyled",onClick:o,style:{display:"flex"},"aria-label":"Clear text"},t.createElement(Eo,{color:g||B.colors.neutral.ink.dark})):t.createElement(vo,{variant:"unstyled",onClick:()=>r(d),style:{display:"flex"},"aria-label":"Search"},t.createElement(Yc,{color:g||B.colors.neutral.ink.dark,height:R.md,width:R.md}))))},Kc=B.colors.neutral.grey.lightest,Jc=B.colors.neutral.grey.dark,Qc=B.colors.secondary.blue.dark,es=m(k).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--mxpi9o"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${Kc};border-color:${Jc};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${Qc};border-color:${Qc};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${B.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,ts=({options:e,selected:n,className:o,onChange:r})=>t.createElement(es,{className:o?`${o}-container`:void 0},e.map((e=>t.createElement(vo,{variant:e.value===n?"primary":"default",key:e.key,onClick:()=>r(e.value),disabled:e.disabled,className:e.value===n?"veeqo-components-active-button":""},e.label)))),ns=m.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1h93380"})`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;}`,os=va(l(((e,n)=>{var{className:o,options:r,value:i,onChange:a,size:l,disabled:s,hasError:d}=e,u=ee(e,["className","options","value","onChange","size","disabled","hasError"]);const p=c((e=>{a&&a(e.currentTarget.value)}),[a]);return t.createElement(ns,Object.assign({className:o,sizeVariant:l,value:null!=i?i:void 0,onChange:p,disabled:s,hasError:d,ref:n},u),!!r&&r.map((e=>t.createElement("option",{key:e.label,value:e.value,disabled:e.disabled},e.label))))})));os.displayName="Select";const{blue:rs}=I.secondary,{grey:is}=I.neutral,as=m.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--1qepc31"})`background-color:white;`,ls=m.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--g9tnvb"})`&&& tr:hover td{background-color:${rs.lightest};}`,cs=m.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--50l9ot"})``,ss=m.td.withConfig({displayName:"vui--TableCell",componentId:"vui--1o4t01c"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${T.bodySmall.fontFamily};font-size:${T.bodySmall.fontSize};font-weight:${T.bodySmall.fontWeight};color:${T.bodySmall.color};line-height:${R.base};& > *{vertical-align:middle;}`,ds=m(ss).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--k7q8ax"})`border-bottom:1px solid ${is.dark};font-family:${T.bodySmallBold.fontFamily};font-size:${T.bodySmallBold.fontSize};font-weight:${T.bodySmallBold.fontWeight};color:${T.bodySmallBold.color};`,us=m.table.withConfig({displayName:"vui--Table",componentId:"vui--25ejag"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${ls} tr:nth-child(even) td {\n background-color: ${is.lightest};\n }\n `}`,ps=({striped:e=!0,className:n,children:o})=>t.createElement(us,{striped:e,className:n},o);ps.Header=as,ps.Body=ls,ps.Row=cs,ps.HeaderCell=ds,ps.Cell=ss;const ms=m.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--s5qrf0"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,fs=m.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--pvw1wx"})`background:${B.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,hs=m.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--19twtgm"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${B.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 ${B.colors.secondary.blue.light};}`,gs=m(fs).withConfig({displayName:"vui--SliderRange",componentId:"vui--1vb0w08"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${B.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,bs=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}),vs=({id:e,value:r,min:a,max:l,step:s=1,onChange:d,className:u,e2eClassName:p,onSlideStart:m=(()=>{}),onSlideEnd:f=(()=>{})})=>{const[h,g]=n(!1),[b,v]=n(-1),y=i(null),x=i(null),w=i(null),E=bs(u),C=bs(p),$=c((e=>{var t;if(!h||!y.current)return;const n=b>-1?r[b]:r,o=y.current.getBoundingClientRect();let i=100*(e.pageX-o.x)/o.width/100*(l-a)+a;const c=n-i;if(c>0&&(i=n+Math.ceil(i/s-n/s)*s),c<0&&(i=n+Math.floor(i/s-n/s)*s),n===i)return;i>l&&(i=l),i<a&&(i=a),Array.isArray(r)&&(0===b&&i>r[1]&&([,i]=r),1===b&&i<r[0]&&([i]=r));const u=s.toString().includes(".")?null===(t=s.toString().split(".").pop())||void 0===t?void 0:t.length:0;let p;i=Number(i.toFixed(u)),p=Array.isArray(r)?0===b?[i,r[1]]:[r[0],i]:i,d(p),Array.isArray(p)&&p[0]===p[1]&&(0===b&&v(1),1===b&&v(0))}),[b,h,l,a,d,s,r]),k=c((()=>{g(!1),f()}),[f]),S=c(((e,t)=>{g(!0),m(),"number"==typeof t&&v(t),e.preventDefault()}),[m]);o((()=>{const e=e=>S(e,Array.isArray(r)?0:1),t=e=>S(e,1),n=x.current,o=w.current;return null==n||n.addEventListener("mousedown",e),null==o||o.addEventListener("mousedown",t),document.addEventListener("mousemove",$),document.addEventListener("mouseup",k),()=>{null==n||n.removeEventListener("mousedown",e),null==o||o.removeEventListener("mousedown",t),document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",k)}}),[S,$,k,r]);const N=(e,n,o)=>{let r;return r=Kn("number"==typeof o?0===o?[null==E?void 0:E.startSlider,null==C?void 0:C.startSlider]:[null==E?void 0:E.endSlider,null==C?void 0:C.endSlider]:[null==E?void 0:E.slider,null==C?void 0:C.slider]),t.createElement(hs,{role:"slider",ref:1===o?w:x,className:r,left:e,"aria-valuemin":a,"aria-valuemax":l,"aria-valuenow":n})},I=e=>{const n=100*(e[0]<a?0:e[0]-a)/(l-a),o=100*(e[1]>l?100:e[1]-a)/(l-a),r=o-n;return t.createElement(t.Fragment,null,t.createElement(gs,{className:Kn([null==E?void 0:E.sliderRange,null==C?void 0:C.sliderRange]),left:n,width:r}),N(n,e[0],0),N(o,e[1],1))};let L;return L=Array.isArray(r)?I(r):(e=>{if(Array.isArray(r))return I(r);let t;return t=r>l?100:r<a?0:100*(e-a)/(l-a),N(t,e)})(r),t.createElement(ms,{className:Kn([null==E?void 0:E.container,null==C?void 0:C.container]),id:e,ref:y},t.createElement(fs,null),L)},ys=m(k).withConfig({displayName:"vui--Tag",componentId:"vui--qsag0v"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:4px 8px;${({backgroundColor:e,color:t})=>`\n color: ${null!=t?t:I.neutral.ink.base};\n background-color: ${null!=e?e:I.neutral.grey.base};\n `}`,xs=m(zr).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,ws=m(zr).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${B.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${B.shadows.lg};border-radius:${B.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;}`,Es=m(k).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${B.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${R.md};height:${R.md};}`,Cs=m(zr).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,$s=m(W).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`,ks={info:{accentColor:I.brand.blue.base,icon:t.createElement(Yi,null)},success:{accentColor:I.secondary.green.base,icon:t.createElement(ei,null)},error:{accentColor:I.secondary.red.base,icon:t.createElement((e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"}))),null)},merge:{accentColor:I.secondary.purple.base,icon:t.createElement((e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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)}},Ss=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Ns=({className:e,e2eClassName:n,type:o,iconSlot:r,text:i,last:a,minWidth:l,cta:c,onClose:s})=>{const d=Ss(e),u=Ss(n);return t.createElement(ws,{className:Kn([null==d?void 0:d.container,null==u?void 0:u.container]),direction:"horizontal",alignY:"center",minWidth:l,last:a},t.createElement(Es,{color:ks[o].accentColor,className:Kn([d.icon,u.icon])},null!=r?r:ks[o].icon),t.createElement(Cs,{direction:"horizontal",alignY:"center",alignX:"between"},t.createElement($s,{variant:"body"},i),c),t.createElement(vo,{variant:"flat",icon:t.createElement(Eo,{color:"white"}),onClick:s,"aria-label":"Close"}))},Is=({className:e,e2eClassName:n,toasts:r,minWidth:i="50vw",max:a=3,onClose:l})=>(o((()=>{a&&r.length>a&&l(r[0].key)}),[r,a,l]),y(t.createElement(xs,{direction:"vertical",alignX:"center",spacing:4},t.createElement(w,{component:null},[...r].reverse().map(((o,a)=>t.createElement(x,{key:o.key,timeout:500,classNames:"veeqo-components-toast"},t.createElement(Ns,Object.assign({className:e,e2eClassName:n,minWidth:i,last:a===r.length-1,onClose:()=>l(o.key)},o))))))),document.body)),Ls=m.span.withConfig({displayName:"vui--Slider",componentId:"vui--10ka3tn"})`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?B.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,zs=m.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`&:focus-visible + ${Ls}{box-shadow:0 0 0 4px ${B.colors.brand.blue.light};}&:checked + ${Ls}{background-color:#0079d1;}&:disabled + ${Ls}{background-color:${B.colors.neutral.grey.base};}&:checked:disabled + ${Ls}{background-color:${B.colors.secondary.blue.light};}`,Fs=m.label.withConfig({displayName:"vui--Switch",componentId:"vui--16c93z6"})`display:inline-block;position:relative;cursor:${({disabled:e})=>e?"default":"pointer"};height:${({small:e})=>e?"28px":"36px"};width:${({small:e})=>e?"56px":"72px"};input{position:absolute;opacity:0;}${Ls}: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"};}${zs}:checked + ${Ls}{&: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"});}}`,Os=m(k).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,js=l((({id:e,className:n,name:o,switched:r,small:i,onClick:a=(()=>{}),disabled:l,ariaLabel:c},s)=>t.createElement(Os,{className:n,disabled:l},t.createElement(Fs,{small:i,disabled:l,role:"switch"},t.createElement(zs,{id:e,type:"checkbox",name:o,"aria-label":c,checked:!!r,onChange:l?void 0:a,disabled:l,ref:s}),t.createElement(Ls,{switched:r,disabled:l}))))),Ms=m.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--xt3hiw"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${B.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({size:e,checked:t})=>{let n="40px",o="24px",r="24px",i="8px",a="16px",l="4px",c="white",s="#CDD1D5",d="#37424D";return"sm"===e&&(n="32px",o="16px",r="16px",i="4px",a="14px",l="2px"),t&&(c="#0079D1",s="#0079D1",d="white"),`\n --outline-width: ${l};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${r};\n border-radius: ${i};\n font-size: ${a};\n\n background-color: ${c};\n border-color: ${s};\n color: ${d};\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;}`,Rs=({children:e,checked:n,size:o="base",disabled:r=!1,onChange:i})=>t.createElement(Ms,{type:"button",checked:n,size:o,disabled:r,"aria-pressed":n,tabIndex:"0",onClick:()=>i(!n)},e),Ds="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",Ts=m(k).withConfig({displayName:"vui--Container",componentId:"vui--5gocp5"})`${Ds} display:${e=>e.shouldShow?"initial":"none"};z-index:${B.layers.modal};`,Bs=m(k).withConfig({displayName:"vui--Shadow",componentId:"vui--p8qe4b"})`${Ds} background-color:rgba(55,66,77,0.5);`,As=m(k).withConfig({displayName:"vui--Wrap",componentId:"vui--1u28do5"})`position:relative;height:100%;width:100%;z-index:1;`,Hs=({usePortal:e,children:n})=>t.createElement(t.Fragment,null,e?t.createElement(Un,null,n):n),Ps=({className:e,children:n=null,shouldShow:o=!1,usePortal:r=!0})=>t.createElement(Hs,{usePortal:r},t.createElement(Ts,{className:Kn([`${e}-container`,e]),shouldShow:o},t.createElement(Bs,null),t.createElement($,{isActive:o},t.createElement(As,{className:Kn([`${e}-wrap`,e])},n)))),Ws=m.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,Vs=m.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,qs=m(vo).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`,Zs=({id:e,youtubeVideoId:n,showVideoModal:o,handleCloseClick:r})=>{const i=za(o,r);return t.createElement(Ps,{shouldShow:o,className:`${e}-video`},t.createElement(Ws,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(o?"visible":"hidden")},t.createElement(Vs,{ref:i},t.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),t.createElement(qs,{variant:"flat",onClick:r,"data-testid":"video-modal--close",icon:t.createElement(Eo,{color:"white"})}))))};var _s;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(_s||(_s={}));const Xs=m(k).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,Us=m(W).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,Ys=m(k).withConfig({displayName:"vui--Contour",componentId:"vui--b8oq7f"})`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 ${W} {\n color: ${null!=t?t:I.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,Gs=m(W).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1xuhw17"})`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 & > ${Us} {\n color: #fff;\n }\n `}`,Ks={style:{marginLeft:R.xs,padding:R.xs,height:R.base,width:R.base}},Js=m.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${R.sm};svg{height:${R.base};width:${R.base};}`,Qs=e=>t.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),t.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"})),ed=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}),td=({id:e,iconSlot:n,name:o,type:r,className:i,colourPalette:a=I.secondary.blue,customTextColour:l,count:s,active:d=!1,onClick:u,onDelete:p,onEdit:m,e2eClassName:f})=>{const h=ed(i),g=ed(f),[b,v,y]=Da(),x=c((()=>u(e)),[e,u]),w=c((t=>{t.stopPropagation(),p&&p(e)}),[p,e]),E=c((t=>{t.stopPropagation(),m&&m(e)}),[m,e]),C=r===_s.draft,$=r===_s.saved,k=d?I.neutral.ink.dark:I.neutral.ink.base;return t.createElement(Xs,{className:`${Kn([null==h?void 0:h.container,null==g?void 0:g.container])} ${d&&(null==g?void 0:g.active)||""}`,onClick:x},t.createElement(Ys,{active:d,onMouseEnter:v,onMouseLeave:y,colourPalette:a,customTextColour:l},n&&t.createElement(Js,null,n),t.createElement(W,{variant:"bodyBold"},o),s&&t.createElement(Gs,{active:d||b,colourPalette:a,customTextColour:l},t.createElement(Us,{className:null==g?void 0:g.counter,variant:"subheadingSmall"},s)),C&&t.createElement(Eo,Object.assign({},Ks,{color:k,className:null==g?void 0:g.delete,onClick:w})),$&&d&&t.createElement(Qs,Object.assign({},Ks,{color:k,className:null==g?void 0:g.edit,onClick:E}))))},nd=m(k).withConfig({displayName:"vui--Container",componentId:"vui--zood5u"})`display:flex;flex-direction:column;position:relative;`,od=m(k).withConfig({displayName:"vui--Row",componentId:"vui--f0y2wt"})`display:flex;flex-direction:row;`,rd=m($a).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1l16g0h"})`&&&{text-align:left;width:52px;}`,id=m(vo).withConfig({displayName:"vui--StyledButton",componentId:"vui--wvwega"})`padding:0 4px;border-color:${B.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${B.colors.secondary.red.base};\n `};`,ad=va((e=>{var{size:n=pa.base,hasError:o,className:r}=e,i=ee(e,["size","hasError","className"]);return t.createElement(nd,{className:r},t.createElement(od,null,"g"===i.weightUnit&&t.createElement(ua,null,t.createElement(rd,Object.assign({size:n,onChange:i.handleChangeGram,name:"gram",type:"number",value:i.gram,hasError:o},i)),t.createElement(id,{hasError:o,size:n},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(i)&&t.createElement(t.Fragment,null,t.createElement(ua,null,t.createElement(rd,Object.assign({size:n,onChange:i.handleChangePound,name:"ounce",type:"number",value:i.pound,hasError:o},i)),t.createElement(id,{hasError:o,size:n},"lb")),t.createElement(ua,null,t.createElement(rd,Object.assign({size:n,onChange:i.handleChangeOunce,name:"pound",type:"number",value:i.ounce,hasError:o},i)),t.createElement(id,{hasError:o,size:n},"oz")))))}));ad.displayName="WeightInput",ad.defaultProps={weightUnit:"lb"};export{J as Accordion,Wo as ActionList,qo as Anchor,Go as AnimatedDropdown,Jo as Avatar,ur as Badge,xr as Banner,k as BaseContainer,Ir as Breadcrumbs,vo as Button,jo as Card,Co as CardHeader,Ur as Checkbox,Vr as Choice,Qr as ChoiceList,ri as CopyToClipboard,Ji as DataTable,ia as DescriptionList,da as DetailPage,La as DimensionsInput,Xa as FilterTag,Ma as FocusVisibleManager,Ua as Grid,tl as Image,ua as InputGroup,Xl as LegacyDataTable,ro as Loader,Kl as LoginWithAmazonButton,lc as Modal,xc as PageHeader,Ic as Pagination,Tc as PaginationRange,eo as Popover,Ps as Popup,Un as Portal,Zc as PriceInput,Gr as Radio,Gc as Search,ts as SegmentedControl,os as Select,ps as SimpleTable,vs as Slider,zr as Stack,Hc as Stepper,ys as Tag,W as Text,$a as TextField,Is as ToastsLayout,js as Toggle,Rs as ToggleButton,cr as Tooltip,Zs as VideoModal,td as View,ad as WeightInput,Kn as buildClassnames,Xn as generateId,Qn as getOpaqueHexColor,Jn as hexToRgb,B as theme,mi as useCellWidths,za as useClickOutside,fi as useColumns,Fa as useDebounce,hi as useDragToScroll,Oa as useDropdown,Ra as useFocusVisible,Da as useHover,Ta as useIsOverflowing,gi as useNested,bi as useScrollPosition,$i as useSelection,Ba as useTabs,ya as withDeprecated,va as withLabels};
2
15
  //# sourceMappingURL=index.esm.js.map