@veeqo/ui 4.0.0 → 4.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +3 -0
  6. package/dist/components/Popover/types.d.ts +18 -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 +9 -4
  13. package/dist/components/Popover/PopoverDemo.d.ts +0 -3
package/dist/index.js CHANGED
@@ -1,2 +1,15 @@
1
- "use strict";var e=require("react"),t=require("framer-motion"),n=require("styled-components"),o=require("react-popper"),a=require("resize-observer-polyfill"),l=require("react-dom"),i=require("react-transition-group"),r=require("lodash.throttle"),d=require("react-scrolllock-configurable");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),u=s(n),m=s(a),f=s(l),p=s(r),g=s(d);const h=u.default.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--jtpszk"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,b={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},v=(e,t)=>e||(t?b[t]:void 0),x={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"}}},y={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},w={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var C,E;!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)"}(C||(C={})),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"}(E||(E={}));const $=function({increment:e,unit:t,count:n}){const o={};for(let a=0;a<=n;a++){const n=a*e;o[a]=`${n}${t}`}return o}({increment:.25,unit:"rem",count:20}),k={[E.none]:"0",[E.line]:"1px",[E.xs]:$[1],[E.sm]:$[2],[E.base]:$[4],[E.md]:$[6],[E.lg]:$[8],[E.xl]:$[12],[E.xxl]:$[16]},S=Object.assign(Object.assign({},k),$),N={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},z={headingXXL:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:x.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:x.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:x.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:x.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:x.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:x.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:x.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:x.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:x.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:x.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:N.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:x.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},I=Object.assign(Object.assign({},N),{breakpoints:y,colors:x,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:w,shadows:C,sizes:S,text:z}),{text:L,colors:F,fontFamily:B}=I,j=u.default.span.attrs((({as:e,variant:t})=>({as:v(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:${B};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?F.neutral.ink.lightest:L[e].color;return`\n font-family: ${L[e].fontFamily};\n font-style: ${L[e].fontStyle};\n font-weight: ${L[e].fontWeight};\n font-size: ${L[e].fontSize};\n line-height: ${L[e].lineHeight};\n color: ${n};\n text-decoration: ${L[e].textDecoration};\n letter-spacing: ${L[e].letterSpacing};\n `}}`,M=u.default(h).withConfig({displayName:"vui--TapBarChild",componentId:"vui--3ngcs3"})`display:flex;flex-direction:row;align-items:center;`,D=u.default(M).withConfig({displayName:"vui--Left",componentId:"vui--sjvmul"})`svg{margin-right:12px;height:${S.base};width:${S.base};color:${({glyphColor:e})=>e};}`,R=u.default(M).withConfig({displayName:"vui--Right",componentId:"vui--1mm1lxm"})`justify-content:flex-end;flex-grow:2;`,H=u.default.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1moens1"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${I.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${I.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${I.colors.secondary.blue.light};}`,O=u.default(h).withConfig({displayName:"vui--Top",componentId:"vui--7euo6s"})`display:flex;flex-direction:row;align-items:center;height:16px;`,T=u.default(j).withConfig({displayName:"vui--Description",componentId:"vui--1snn6nn"})`margin-top:8px;`,W=u.default(t.motion(h)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--to1g7a"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,A=u.default.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--g3berv"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,P=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:S.md},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"})),V=e=>`${e}-${Math.floor(1e3*Math.random())}`;class Z extends e.PureComponent{constructor(e){super(e),this.id=V("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?l.createPortal(e,this.portalNode):null}}const q=u.default.div.withConfig({displayName:"vui--Backdrop",componentId:"vui--d5k10p"})`position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({zIndex:e})=>e};`,X=u.default.div.withConfig({displayName:"vui--PopoverWrapper",componentId:"vui--13ndjce"})`z-index:${({zIndex:e})=>e+1};`,G=({children:t,className:n,anchorElement:a,rootElementRef:l,placement:i="bottom",onShouldClose:r,zIndex:d=I.layers.popup})=>{const[s,u]=e.useState(null),{styles:f,attributes:p,update:g}=o.usePopper(a,s,{placement:i});return e.useEffect((()=>{if(!g||!s)return;const e=new m.default(g);return e.observe(s),()=>{e.disconnect()}}),[g,s]),e.useEffect((()=>{if(g)return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}}),[g]),c.default.createElement(Z,{rootElementRef:l},r&&c.default.createElement(q,{onClick:r,zIndex:d}),c.default.createElement(X,Object.assign({ref:u,className:n,zIndex:d,style:Object.assign({},f.popper)},p.popper),t))};function Y(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 a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n}"function"==typeof SuppressedError&&SuppressedError;const U=({width:e,height:t,className:n,color:o,label:a})=>c.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":a},c.default.createElement("defs",null,c.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},c.default.createElement("stop",{stopColor:o,stopOpacity:"0",offset:"0%"}),c.default.createElement("stop",{stopColor:o,stopOpacity:".631",offset:"63.146%"}),c.default.createElement("stop",{stopColor:o,offset:"100%"}))),c.default.createElement("g",{fill:"none",fillRule:"evenodd"},c.default.createElement("g",{transform:"translate(1 1)"},c.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:o,strokeWidth:"2"},c.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),c.default.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},c.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),K=({width:e,height:t,className:n,color:o,label:a})=>c.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 105 105",fill:o,"aria-label":a},c.default.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},c.default.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),_=({width:e,height:t,className:n,color:o,label:a})=>c.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:o,"aria-label":a},c.default.createElement("circle",{cx:"15",cy:"15",r:"15"},c.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),c.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},c.default.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),c.default.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),c.default.createElement("circle",{cx:"105",cy:"15",r:"15"},c.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),c.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),J=({className:e,height:t=24,width:n=24,color:o="#588CB0",type:a="TailSpin"})=>{switch(a){case"Grid":return c.default.createElement(K,{className:e,height:t,width:n,color:o});case"ThreeDots":return c.default.createElement(_,{className:e,height:t,width:n,color:o});default:return c.default.createElement(U,{className:e,height:t,width:n,color:o})}},Q=u.default.span.withConfig({displayName:"vui--MainContent",componentId:"vui--exbqdz"})`display:inline-flex;align-items:center;gap:${({hasText:e})=>e?"8px":"4px"};${({loading:e})=>e&&"opacity: 0;"};svg{width:${({size:e})=>S[e]};height:${({size:e})=>S[e]};}`,ee=u.default.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--nvz516"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${I.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",a="8px",l="16px",i="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",a="4px",l="14px",i="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${i};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${a};\n font-size: ${l};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,te=u.default(ee).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1xzjfje"})`border-color:${I.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?I.colors.neutral.ink.base:I.colors.secondary.blue.base};&:hover{background-color:${I.colors.neutral.grey.lightest};}&:active{background-color:${I.colors.neutral.grey.lightest};border-color:${I.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${I.colors.neutral.grey.base} !important;border-color:${I.colors.neutral.grey.base} !important;color:${I.colors.neutral.ink.light} !important;}`,ne=u.default(te).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1ixaf03"})`color:${I.colors.secondary.red.base};&:hover{color:${I.colors.secondary.red.dark};}&:active{border-color:${I.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.red.light};color:${I.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.red.light};}`,oe=u.default(te).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--16w0ufk"})`background-color:${I.colors.secondary.blue.base};border-color:${I.colors.secondary.blue.base};color:white;&:hover{background-color:${I.colors.secondary.blue.dark};border-color:${I.colors.secondary.blue.dark};}&:active{background-color:${I.colors.secondary.blue.dark};border-color:${I.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.blue.light};}`,ae=u.default(oe).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--1w3lv3r"})`background-color:${I.colors.secondary.red.base};border-color:${I.colors.secondary.red.base};color:white;&:hover{background-color:${I.colors.secondary.red.dark};border-color:${I.colors.secondary.red.dark};}&:active{background-color:${I.colors.secondary.red.dark};border-color:${I.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${I.colors.secondary.red.light};}`,le=u.default(ee).withConfig({displayName:"vui--FlatButton",componentId:"vui--fqczse"})`border-color:transparent;box-shadow:none;color:${I.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)${I.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,ie=u.default.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--1fxilc"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,re=u.default(ie).withConfig({displayName:"vui--LinkButton",componentId:"vui--z932nb"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${I.text.link.fontFamily};font-size:${I.text.link.fontSize};font-weight:${I.text.link.fontWeight};line-height:${I.text.link.lineHeight};text-decoration:${I.text.link.textDecoration};color:${I.colors.secondary.blue.base};&:hover{color:${I.colors.secondary.blue.dark};}& > * + *{margin-left:${I.sizes.xs};}& > span{position:relative;top:-1px;}`,de=u.default.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--1qt232p"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`,se=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),ce={default:te,primary:oe,destructive:ne,primaryDestructive:ae,flat:le,link:re,unstyled:ie},ue=e.forwardRef(((e,t)=>{var{className:n,children:o,icon:a,variant:l="default",size:i="base",dropdown:r=!1,loading:d=!1}=e,s=Y(e,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===l)return c.default.createElement(ie,Object.assign({ref:t,className:n},s),o);const u=ce[l],m=void 0!==o,f=!!a;return c.default.createElement(u,Object.assign({ref:t,className:n,size:i,hasText:m,hasIcon:f,hasDropdown:r},s),(m||f)&&c.default.createElement(Q,{loading:d,hasText:!!o,size:o||"sm"===i?"base":"md"},a&&a,void 0!==o&&c.default.createElement("span",null,o),r&&c.default.createElement(se,null)),d&&c.default.createElement(de,null,c.default.createElement(J,null)))})),me=u.default.header.withConfig({displayName:"vui--Header",componentId:"vui--oa1a54"})`padding-top:${S.md};padding-right:${S.md};padding-left:${S.md};margin-bottom:${S.md};& > * + *{margin-top:${S.xs};}`,fe=u.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--129vg5d"})`/*${S.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,pe=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:S.md},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"})),ge=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"})),he=({id:e,title:t,subtitle:n,headerVariant:o="headingSmall",action:a,ActionSlot:l,isCollapsed:i,onClickCollapse:r,onClickClose:d})=>c.default.createElement(me,null,c.default.createElement(fe,null,c.default.createElement(j,{id:e,variant:o},t),a&&c.default.createElement(ue,{variant:"link",onClick:a.onClick},a.title),l,r&&c.default.createElement(ue,{variant:"flat",icon:i?c.default.createElement(pe,null):c.default.createElement(P,null),onClick:r}),d&&c.default.createElement(ue,{variant:"flat",icon:c.default.createElement(ge,null),onClick:d,"aria-label":"Close"})),n&&c.default.createElement(j,{variant:"subheadingSmall"},n)),{grey:be}=x.neutral,ve={0:"none",1:C.sm,2:C.base,3:C.md,4:C.lg},xe={info:x.secondary.blue.base,success:x.secondary.green.base,error:x.secondary.red.base},ye=u.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--livrdi"})`margin-top:${S.base};padding:${S.md};z-index:2;`,we=u.default.section.withConfig({displayName:"vui--Section",componentId:"vui--z99ese"})`padding-right:${S.md};padding-left:${S.md};margin-top:${S.md};margin-bottom:${S.md};font-family:${z.body.fontFamily};font-size:${z.body.fontSize};font-weight:${z.body.fontWeight};line-height:${z.body.lineHeight};color:${z.body.color};& + &{border-top:${S.line} solid ${be.base};padding-top:${S.md};}`,Ce=u.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--1lgjeo7"})`margin-left:-${S.md};margin-right:-${S.md};`,Ee=u.default(t.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--pfgeh3"})`overflow-y:hidden;&:not(:first-child)> ${we}:first-child{margin-top:0;}`,$e=u.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--g1wpqa"})`position:relative;width:100%;background-color:white;border:${S.line} solid ${be.base};box-shadow:${e=>void 0!==e.elevation?ve[e.elevation]:C.sm};border-radius:${w.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: ${S.xs};\n background-color: ${xe[e]};\n }\n `}`,ke={expanded:{height:"auto"},collapsed:{height:0}},Se=({className:t,style:n,title:o,subtitle:a,HeaderActionSlot:l,action:i,collapsable:r,elevation:d,accent:s,children:u,onClose:m,renderFooter:f})=>{const[p,g]=e.useState(!1),h=o&&c.default.createElement(he,{title:o,subtitle:a,ActionSlot:l,action:i,onClickClose:m,isCollapsed:p,onClickCollapse:r?()=>{g(!p)}:void 0}),b=r&&!p||!r,v=c.default.createElement(Ee,{animate:b?"expanded":"collapsed",variants:ke,transition:{duration:.3,ease:"easeOut"}},c.default.createElement(we,null,u)),x=void 0!==f&&c.default.createElement(ye,null,f());return c.default.createElement($e,{className:t,style:n,elevation:d,accent:s},h,v,x)};Se.Surface=$e,Se.Section=we,Se.FullBleed=Ce,Se.Footer=ye;const{sizes:Ne,colors:ze,text:Ie}=I,Le=u.default(Se.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--kw21jd"})`min-width:280px;padding:${Ne.base} 0;display:flex;flex-direction:column;`,Fe=u.default.section.withConfig({displayName:"vui--Section",componentId:"vui--1s2yh62"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${ze.neutral.grey.base};margin-top:${Ne.base};padding-top:${Ne.base};}`,Be=u.default(j).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--pmpwvh"})`margin:${Ne.sm} ${Ne.base} ${Ne.sm};`,je=u.default(ue).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--16t44ko"})`box-sizing:border-box;min-height:${Ne.lg};padding:${Ne.xs} ${Ne.base};display:flex;align-items:center;white-space:nowrap;font-family:${Ie.body.fontFamily};font-size:${Ie.body.fontSize};font-weight:${Ie.body.fontWeight};&:hover{background-color:${ze.neutral.grey.light};color:${ze.secondary.blue.base};}& > * + *{margin-left:${Ne[3]};}`,Me={item:je,action:u.default(je).withConfig({displayName:"vui--ActionItem",componentId:"vui--18nrzt0"})`color:${ze.secondary.blue.base};`,link:u.default(je).withConfig({displayName:"vui--LinkItem",componentId:"vui--1vta1xq"})`color:${ze.secondary.blue.base};text-decoration:underline;`},De=({title:t,items:n=[],sections:o,buttonVariant:a,buttonSize:l})=>{const[i,r]=e.useState(!1),[d,s]=e.useState(null),u=e=>{const t=Me[e.variant||"item"];return c.default.createElement(t,{onClick:()=>{return t=e.onClick,r(!1),void t();var t},key:e.title},e.icon&&e.icon,c.default.createElement("span",null,e.title))},m=o?o.map((e=>c.default.createElement(Fe,{key:e.title},e.title&&c.default.createElement(Be,null,e.title),e.items.map(u)))):n.map(u);return c.default.createElement(c.default.Fragment,null,c.default.createElement(ue,{dropdown:!0,variant:a,size:l,onClick:()=>r(!i),ref:s},t),i&&c.default.createElement(G,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>r(!1)},c.default.createElement(Le,null,m)))},Re=u.default.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--14i39s8"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${I.text.link.fontFamily};font-style:${I.text.link.fontStyle};font-weight:${I.text.link.fontWeight};font-size:${I.text.link.fontSize};line-height:${I.text.link.lineHeight};color:${I.colors.secondary.blue.base};text-decoration:${I.text.link.textDecoration};&:hover{color:${I.colors.secondary.blue.dark};}`,He=u.default(h).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;`,Oe=e.forwardRef(((e,t)=>{const{children:n,className:o}=e;return c.default.createElement(He,{className:o,ref:t},n)})),Te=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--q4276w"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,We=u.default(h).withConfig({displayName:"vui--Wrap",componentId:"vui--cfebb1"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,Ae=u.default(Oe).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);}`,Pe=({cta:t,shouldShowDropdown:n,children:o,className:a="animated-dropdown",reversed:l=!1,onClickAway:r=(()=>{}),timeout:d=350,transitionClassnames:s="dropdown",onClick:u,onMouseEnter:m,onMouseLeave:f})=>{const p=e.useRef(null);return((t,n)=>{e.useEffect((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n])})(p,(e=>{n&&r(e)})),c.default.createElement(Te,{className:`${a}-container ${a}`,onClick:u,onMouseEnter:m,onMouseLeave:f,ref:p},!l&&t,c.default.createElement(We,{className:`${a}-wrap ${a}`},c.default.createElement(i.CSSTransition,{in:n,timeout:d,classNames:s,unmountOnExit:!0},c.default.createElement(Ae,{reversed:l,className:`${a}-basic-dropdown ${a}`},o))),l&&t)},Ve=u.default.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--1gxc5tv"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${I.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:${I.text.bodySmallBold.fontFamily};font-weight:${I.text.bodySmallBold.fontWeight};font-size:${I.text.bodySmallBold.fontSize};line-height:${I.text.bodySmallBold.lineHeight};}`;var Ze,qe;!function(e){e.end="end",e.start="start"}(Ze||(Ze={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(qe||(qe={}));const Xe=u.default.div.withConfig({displayName:"vui--Container",componentId:"vui--12sulil"})`display:inline-block;`,Ge=u.default(Xe).withConfig({displayName:"vui--Hoverable",componentId:"vui--17ltyut"})``,Ye=u.default(j).withConfig({displayName:"vui--TooltipText",componentId:"vui--183a4l5"})`color:${I.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,Ue=u.default.div.withConfig({displayName:"vui--Triangle",componentId:"vui--rjghyf"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,Ke=u.default.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;}`,_e=u.default(Xe).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;`,Je={duration:400,side:qe.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},Qe=({children:t,text:n,content:a,config:l,reversed:i=!1,className:r,withTriangle:d,initialShouldShow:s=!1,useReactPortal:u=!0})=>{const m=!!n&&n.trim().length>0,p=Object.assign(Object.assign({},Je),l),{duration:g,side:h,triangleOffset:b,tipMinWidth:v,tipMaxWidth:x}=p,y={container:r&&`${r} ${r}-container`,tip:r&&`${r}-tip`,wrap:r&&`${r}-wrap`,triangle:r&&`${r}-triangle`,hoverable:r&&`${r}-hoverable`},[w,C]=e.useState(s),[E,$]=e.useState(null),[k,S]=e.useState(null),{styles:N,attributes:z}=o.usePopper(E,k,{placement:`${h}-${i?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),L=e.useCallback((()=>C(!0)),[C]),F=e.useCallback((()=>C(!1)),[C]),B=Object.assign(Object.assign({},N.popper),{zIndex:I.layers.tooltip}),j=w&&(a||m)&&c.default.createElement(Ke,Object.assign({className:y.tip,ref:S,duration:g,triangleOffsetSize:b,style:B},z.popper,{role:"tooltip"}),c.default.createElement(_e,{className:y.wrap,tipMinWidth:v,tipMaxWidth:x},null!=a?a:c.default.createElement(Ye,null,n)),d&&c.default.createElement(Ue,{id:"veeqo-components-triangle",className:y.triangle}));return c.default.createElement(Xe,{className:y.container},u?f.default.createPortal(j,document.body):j,c.default.createElement(Ge,{ref:$,className:y.hoverable,onMouseEnter:L,onMouseLeave:F},t))},et=u.default(h).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:${z.bodySmall.fontFamily};font-weight:${z.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${S.base};height:${S.base};}`,tt=u.default(et).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--rwc6j0"})`background-color:inherit;border-color:${x.secondary.blue.base};color:${x.secondary.blue.base};`,nt=u.default(et).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--1fakkjy"})`border-color:${x.secondary.blue.base};background-color:${x.secondary.blue.lightest};color:${x.secondary.blue.base};`,ot=u.default(et).withConfig({displayName:"vui--WarningBadge",componentId:"vui--1r2egf1"})`border-color:${x.secondary.yellow.base};background-color:${x.secondary.yellow.lightest};color:${x.secondary.orange.dark};`,at=e=>e.filter(Boolean).join(" "),lt={default:tt,primary:nt,warning:ot},it=u.default(h).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"};`,rt=u.default(h).withConfig({displayName:"vui--Row",componentId:"vui--1rdjrmx"})`display:flex;flex-direction:row;`,dt=u.default(h).withConfig({displayName:"vui--Col",componentId:"vui--1ttgibs"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,st=u.default(dt).withConfig({displayName:"vui--IconCol",componentId:"vui--1z6c5f"})`svg{width:${S.md};height:${S.md};color:${({accentColor:e})=>e};}`,ct=u.default(h).withConfig({displayName:"vui--ChildContainer",componentId:"vui--kn3qcr"})`width:100%;`,ut=u.default(dt).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1nlkkdb"})`flex-grow:2;margin-right:12px;`,mt=u.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--1ioilg"})`position:relative;top:-2px;`,ft={help:x.secondary.blue.base,info:x.neutral.ink.base,error:x.secondary.red.base,success:x.secondary.green.base},pt=u.default.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--1kzms7s"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${z.body.fontFamily};font-weight:${z.body.fontWeight};font-size:${z.body.fontSize};line-height:${z.body.lineHeight};`,gt=u.default.li.withConfig({displayName:"vui--BreadcrumbSC",componentId:"vui--17agc2w"})`display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`,ht=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"})),bt=({children:e,title:t,LinkComponent:n,href:o})=>n?c.default.createElement(gt,{className:"breadcrumb"},c.default.createElement(n,{href:o},t),e):c.default.createElement(gt,{className:"breadcrumb"},t,e),vt=()=>c.default.createElement(ht,{className:"separator",width:S.base,height:S.base}),xt=({children:e,href:t})=>c.default.createElement("a",{href:t},e),yt=({children:e})=>c.default.createElement("span",null,e);var wt;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(wt||(wt={}));const Ct=u.default.div.withConfig({displayName:"vui--Stack",componentId:"vui--1mxdupo"})`display:flex;${e=>{const{direction:t="vertical",alignX:n="start",alignY:o="start",spacing:a="base"}=e;let l,i,r,d,s="",c="";return"vertical"===t?(l=n&&wt[n],i=o&&wt[o],s=I.sizes[a],r="column"):(l=o&&wt[o],i=n&&wt[n],c=I.sizes[a],r="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(d=1),`\n align-items: ${l};\n justify-content: ${i};\n flex-direction: ${r};\n\n & > * {\n flex: ${d};\n }\n\n & > * + * {\n margin-top: ${s};\n margin-left: ${c};\n }\n `}}`;Ct.displayName="Stack";const Et={top:"flex-start",center:"center"},$t=u.default.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--11nf17l"})`display:flex;align-items:center;& > * + *{margin-left:${I.sizes.base};}`,kt=u.default.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--1yac6kr"})`align-self:stretch;display:flex;align-items:${e=>Et[e.align]};width:24px;height:24px;`,St=u.default.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--qbgrc7"})`align-self:center;display:flex;align-items:center;`,Nt=u.default.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1uu3ed5"})`flex:1;& > * + *{margin-top:${I.sizes.sm};}`,zt=u.default.span.withConfig({displayName:"vui--LabelText",componentId:"vui--xampag"})`font-family:${I.text.body.fontFamily};font-size:${I.text.body.fontSize};font-weight:${I.text.body.fontWeight};line-height:${I.sizes.md};color:${I.text.body.color};`,It=u.default.div.withConfig({displayName:"vui--HintText",componentId:"vui--nu56mb"})`font-family:${I.fontFamily};font-size:${I.sizes[3]};line-height:${I.sizes[4]};color:${I.colors.neutral.ink.light};`,Lt=u.default.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--k1l2b9"})`font-family:${I.text.error.fontFamily};font-size:${I.text.error.fontSize};font-weight:${I.text.error.fontWeight};line-height:${I.text.error.lineHeight};color:${I.text.error.color};`,Ft=u.default.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--124eta7"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Bt=u.default(Ft).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--1g99902"})`border:2px solid ${I.colors.neutral.grey.dark};border-radius:${I.radius.md};padding:${I.sizes.base} 0.75rem;&:hover{border-color:${I.colors.secondary.blue.base};}& ${zt}{font-weight:${I.text.bodyBold.fontWeight};}`,jt=u.default(Qe).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1ycxtt7"})`display:block;&-hoverable{display:block;}`,Mt=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"})),Dt=({id:e,label:t,hint:n,tooltip:o,error:a,bordered:l,Badge:i,Accessory:r,Footer:d,children:s,disabled:u=!1})=>{const m=c.default.createElement($t,null,c.default.createElement(kt,{align:r?"center":"top"},s),r&&c.default.createElement(St,null,r),t||n||a||i||d?c.default.createElement(Nt,null,c.default.createElement(Ct,{direction:"horizontal",alignY:"center",spacing:"sm"},i,t&&c.default.createElement(zt,null,t),o&&c.default.createElement(jt,{text:o},c.default.createElement(Mt,{name:"help",width:I.sizes.base,color:I.colors.neutral.ink.lightest}))),n&&c.default.createElement(It,null,n),a&&c.default.createElement(Lt,null,a),d):null);return l?c.default.createElement(Bt,{disabled:u,htmlFor:e},m):c.default.createElement(Ft,{disabled:u,htmlFor:e},m)},{colors:Rt,sizes:Ht,radius:Ot}=I,Tt=u.default.input.withConfig({displayName:"vui--Input",componentId:"vui--hippn5"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${Rt.neutral.ink.lightest};border-radius:${Ot.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${Rt.secondary.blue.base};border-color:${Rt.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:${Ht[4]};background-position:center;}&:hover{border-color:${Rt.secondary.blue.base};}&:active{border-color:${Rt.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${Rt.secondary.blue.light};outline:0;}&:indeterminate{background-color:${Rt.secondary.blue.base};border-color:${Rt.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:${Ht[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${Rt.neutral.grey.base};border-color:${Rt.neutral.grey.base};color:${Rt.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>");}`,Wt=t=>{var{checked:n,indeterminate:o,value:a,name:l,disabled:i,ariaLabel:r,className:d,onChange:s}=t,u=Y(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const m=e.useMemo((()=>V("checkbox")),[]),f=e.useRef(null),p=e.useCallback((e=>{s(e.currentTarget.checked,a)}),[s,a]);return e.useEffect((()=>{f.current&&(f.current.indeterminate=!0===o)}),[o]),c.default.createElement(Dt,Object.assign({id:m,disabled:i},u),c.default.createElement(Tt,{ref:f,id:m,type:"checkbox",checked:n,value:a,name:l,disabled:i,"aria-label":r,className:d,onChange:p}))},At=u.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1e1oks4"})`appearance:none;box-sizing:border-box;flex-shrink:0;width:18px;height:18px;margin:3px;background-color:transparent;border:2px solid #637381;border-radius:50%;outline:none;cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s;&:checked{position:relative;border-color:#0079d1;}&:checked::before{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background-color:#0079d1;border-radius:50%;}&:hover{border-color:#0079d1;}&:active{border-color:#0079d1;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{box-shadow:none;background-color:#dfe3e8;border-color:#959fa8;cursor:default;}&:disabled::before{background-color:#637381;}`,Pt=e.forwardRef(((t,n)=>{var{checked:o,value:a,name:l,disabled:i,onChange:r,id:d}=t,s=Y(t,["checked","value","name","disabled","onChange","id"]);const u=e.useCallback((e=>{r(e.currentTarget.checked,a)}),[r,a]),m=null!=d?d:V("radio");return c.default.createElement(Dt,Object.assign({id:m,disabled:i},s),c.default.createElement(At,{id:m,type:"radio",checked:o,value:a,name:l,disabled:i,onChange:u,ref:n}))})),Vt=u.default.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--bygv6o"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,Zt=u.default.legend.withConfig({displayName:"vui--Legend",componentId:"vui--18baj4v"})`font-family:${I.text.inputLabel.fontFamily};font-size:${I.text.inputLabel.fontSize};font-style:${I.text.inputLabel.fontStyle};font-weight:${I.text.inputLabel.fontWeight};line-height:${I.text.inputLabel.lineHeight};text-decoration:${I.text.inputLabel.textDecoration};color:${I.text.inputLabel.color};`;class qt extends e.Component{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let a=[];a=t?[...n,e]:n.filter((t=>t!==e)),o(a)}}render(){const{allowMultiple:e,options:t,selected:n,title:o,disabled:a,bordered:l}=this.props,i=e?Wt:Pt;return c.default.createElement(Vt,{disabled:a},o&&c.default.createElement(Zt,null,o),t.map((e=>c.default.createElement(i,Object.assign({key:e.value,bordered:l,checked:n.includes(e.value),onChange:t=>this.handleChange(e.value,t)},e)))))}}const Xt=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"})),Gt=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"})),Yt={width:S.base,height:S.base},Ut=u.default(ue).withConfig({displayName:"vui--XSButton",componentId:"vui--e6p1xr"})`padding:1px;height:unset;span{height:${S.base};width:${S.base};top:unset;}`;function Kt(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function _t(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${_t(e.min,"max-content")}, ${_t(e.max)})`;default:return t||"1fr"}}function Jt({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:a,stripingMode:l}){const i=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 `)),r=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 `)),d="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: ${d?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,c="end"!==o&&"none"!==o,u=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${c?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,m=`\n tr:nth-child(odd) > td {\n background-color: ${I.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${I.colors.neutral.grey.base};\n }\n `,f=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${I.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${I.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${a.map((e=>_t(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?i:""}\n ${t.length>0?r:""}\n\n ${s}\n ${u}\n\n ${"nested"===l?f:m}\n `}var Qt;!function(e){e.ascending="ascending",e.descending="descending"}(Qt||(Qt={}));const en=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),tn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),nn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),on=({sortState:e,columnId:t,size:n})=>e&&e.columnId===t?e.direction===Qt.ascending?c.default.createElement(tn,{color:I.colors.neutral.ink.dark,size:n}):c.default.createElement(nn,{color:I.colors.neutral.ink.dark,size:n}):c.default.createElement(en,{size:n});function an(t,n){const[o,a]=e.useState([]),l=()=>{if(!t.current)return;const e=t.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(e).map((e=>e.getBoundingClientRect().width));a(n)};return e.useEffect((()=>{l()}),[t.current]),e.useEffect((()=>{if(!n.current)return;const e=p.default(l,50),t=new m.default(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),o}function ln(e){const t=e.filter((e=>!0!==e.hidden)),n=t.filter((e=>"left"===e.pinned)),o=t.filter((e=>"right"===e.pinned)),a=t.filter((e=>"none"===e.pinned||!e.pinned));return{visible:[...n,...a,...o],pinnedLeft:n,pinnedRight:o}}function rn(t){e.useEffect((()=>{if(!t.current)return;let e=!1;const n=t.current,o={left:0,x:0},a=t=>{if(!n)return;const a=t.clientX-o.x;n.scrollLeft=o.left-a,e||(n.style.cursor="grabbing",n.style.userSelect="none"),e=!0},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l),e=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},i=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",a),document.addEventListener("mouseup",l))};return n.addEventListener("mousedown",i),()=>null==n?void 0:n.removeEventListener("mousedown",i)}),[t.current])}function dn(t){const[n,o]=e.useState("start"),a=()=>{if(!t.current)return;const{width:e}=t.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:a}=t.current;o(a<e?"none":0!==n?n+e>=a?"end":"middle":"start")};return e.useEffect((()=>{if(t.current)return t.current.addEventListener("scroll",a),()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.removeEventListener("scroll",a)}}),[t.current]),e.useEffect((()=>{if(!t.current)return;const e=p.default(a,50),n=new m.default(e);return n.observe(t.current),()=>n.disconnect()}),[t.current]),{scrollPosition:n,containerRef:t}}const sn="56px",cn=u.default.th.withConfig({displayName:"vui--Header",componentId:"vui--12e6ib8"})`height:${sn};display:flex;align-items:center;justify-content:${({align:e="left"})=>Kt(e)};background-color:white;padding-left:${({spacing:e=3})=>I.sizes[e]};padding-right:${({spacing:e=3})=>I.sizes[e]};border-bottom:1px solid ${I.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function un(e){var{selected:t,indeterminate:n,onChange:o,selectionMode:a}=e,l=Y(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===a?c.default.createElement(cn,Object.assign({},l)):c.default.createElement(cn,Object.assign({},l),c.default.createElement(Wt,{checked:t,indeterminate:n,onChange:o}))}const mn=u.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--1oz46st"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>Kt(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>I.sizes[e]};padding-right:${({spacing:e=3})=>I.sizes[e]};color:${I.text.bodySmall.color};font-family:${I.text.bodySmall.fontFamily};font-size:${I.text.bodySmall.fontSize};font-style:${I.text.bodySmall.fontStyle};font-weight:${I.text.bodySmall.fontWeight};line-height:${I.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${I.colors.secondary.blue.base};background-color:${I.colors.neutral.grey.lightest};}`;function fn(e){var{selected:t,rowId:n,onChange:o,selectionMode:a,disabled:l}=e,i=Y(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===a?c.default.createElement(mn,Object.assign({},i),c.default.createElement(Pt,{value:n,checked:t,disabled:l,onChange:o})):c.default.createElement(mn,Object.assign({},i),c.default.createElement(Wt,{value:n,checked:t,disabled:l,onChange:o}))}const pn=[[],()=>{}];function gn({selectionMode:e="multiple",selectionState:t,enabledRowIds:n}){const o=!!t,[a,l]=t||pn,i=()=>{a.length!==n.length?l(n):l([])};return{selectionEnabled:o,selectedRowIds:a,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(t,o)=>c.default.createElement(un,Object.assign({},o,{selected:a.length===n.length,indeterminate:a.length>0&&a.length<n.length,onChange:i,selectionMode:e})),renderCell:(t,n,o,a)=>c.default.createElement(fn,Object.assign({},n,{rowId:t.id,selected:a.selected,onChange:o.setSelected,selectionMode:e,disabled:a.disabled}))},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)l([n]);else if(t){if(a.includes(n))return;const e=[...a,n];l(e)}else{const e=a.findIndex((e=>e===n));if(e<0)return;const t=[...a];t.splice(e,1),l(t)}}}}const hn=u.default.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--o7masx"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${I.colors.neutral.ink.lightest};`,bn=u.default.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--vlccds"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${I.text.headingTable.color};font-family:${I.text.headingTable.fontFamily};font-size:${I.text.headingTable.fontSize};font-style:${I.text.headingTable.fontStyle};font-weight:${I.text.headingTable.fontWeight};line-height:${I.text.headingTable.lineHeight};`,vn=u.default(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 ${hn}{background-color:${I.colors.neutral.grey.light};color:${I.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${I.colors.secondary.blue.light};}`;function xn({column:e,sortState:t,onChangeSort:n}){if(e.sortable&&!t)throw new Error(`Column '${e.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(e.hidden)return null;const o={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,o);const a=e.sortable?vn:bn,l=e.sortable?{onClick:()=>{if(!t)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const o=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===Qt.ascending;let a=Qt.ascending;return n&&o&&(a=Qt.descending),{columnId:t,direction:a}}({sortState:t,columnId:e.id});n?n(o):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return c.default.createElement(cn,Object.assign({},o),c.default.createElement(Qe,{text:e.tooltip},c.default.createElement(a,Object.assign({},l),e.icon&&e.icon,e.title&&c.default.createElement("span",null,e.title),e.sortable&&c.default.createElement(hn,null,c.default.createElement(on,{sortState:t,columnId:e.id,size:5})))))}const yn=I.colors.neutral.grey.base,wn=I.colors.neutral.grey.dark,Cn=u.default.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1mf4ayh"})`height:20px;width:75%;border-radius:${I.radius.base};background:${yn};background-image:linear-gradient(\n to right,\n ${yn} 0%,\n ${wn} 20%,\n ${yn} 40%,\n ${yn} 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 En=u.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1feqxrw"})`display:grid;grid-template-columns:auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;height:${sn};background-color:white;`,$n=u.default.div.withConfig({displayName:"vui--Content",componentId:"vui--dbz7t3"})`width:100%;height:100%;display:flex;align-items:center;padding:0 0.5rem;border-bottom:1px solid ${I.colors.neutral.grey.base};& > *{flex:1;}`;function kn({selectionColumn:t,intersectionTargetRef:n,containerRef:o,children:a}){var l;const[i,r]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{r(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.current]);const d=null===(l=o.current)||void 0===l?void 0:l.getBoundingClientRect(),s={position:"fixed",top:0,left:null==d?void 0:d.left,width:null==d?void 0:d.width},u=i?s:{position:"absolute",top:0,left:0,right:0};return c.default.createElement(En,{style:u},xn({column:t}),c.default.createElement($n,null,a))}const Sn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"})),Nn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"})),zn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const In=u.default.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--grzgy2"})`padding-top:${I.sizes.lg};padding-bottom:${I.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${I.sizes.md};`,Ln=u.default.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--1uqall4"})`padding:${I.sizes.md};background-color:${I.colors.neutral.grey.light};border-radius:${I.radius.full};`,Fn=u.default.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--208yv4"})`white-space:nowrap;`,Bn=u.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--ryxbs1"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${I.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 `}`,jn=u.default.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1bx96p0"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Mn=u.default.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--1fsix8g"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${I.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,Dn=u.default.div.withConfig({displayName:"vui--Truncate",componentId:"vui--14fzkum"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Rn={full:`border-width: 1px; border-radius: ${I.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},Hn=u.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--5gfhdd"})`width:100%;position:relative;border-style:solid;border-color:${I.colors.neutral.grey.dark};${({borderMode:e="full"})=>Rn[e]} &,& *{box-sizing:border-box;}`;function On({children:t,intersectionTargetRef:n,containerRef:o,cellWidths:a,tableCss:l}){const i=e.useRef(null),[r,d]=e.useState(!1),[s,u]=e.useState({top:0,left:0,width:0,height:0}),f=()=>{var e;const t=null===(e=o.current)||void 0===e?void 0:e.getBoundingClientRect(),n={left:(null==t?void 0:t.left)||0,width:(null==t?void 0:t.width)||0,top:0,height:48};u(n)},g=()=>{var e;if(!o.current)return;const t=o.current.scrollLeft;null===(e=i.current)||void 0===e||e.scrollTo(t,0)};if(e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{d(!e.isIntersecting)}))}),{threshold:1});return e.observe(n.current),()=>e.disconnect()}),[n.current]),e.useEffect((()=>{r&&o.current&&f()}),[o.current,r]),e.useEffect((()=>{if(!r)return;if(!o.current)return;const e=p.default(f,33),t=new m.default(e);return t.observe(o.current),()=>t.disconnect()}),[o.current,r]),e.useEffect((()=>{g()}),[r]),e.useEffect((()=>{var e;return null===(e=o.current)||void 0===e||e.addEventListener("scroll",g),()=>{var e;null===(e=o.current)||void 0===e||e.removeEventListener("scroll",g)}}),[o.current]),!r)return null;const h=Object.assign(Object.assign({},s),{height:sn,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${I.colors.neutral.grey.base}`}),b=l+a.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return c.default.createElement("div",{style:h,ref:i},c.default.createElement(Mn,{css:b},c.default.createElement("thead",null,t)))}const Tn=(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}),Wn=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),c.default.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),c.default.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),An={icon:c.default.createElement(Wn,{width:48,height:48}),heading:"No results"},Pn=()=>{},Vn=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:a=An,expandedRowIds:l,loading:i,loadingRowCount:r,onChangeSort:d,rows:s,disabledRowIds:u,selectionMode:m,selectionState:f,setExpanded:p,sortState:g,stripingMode:h,enableStickyHeader:b})=>{const v=e.useRef(null),x=e.useRef(null),y=e.useRef(null);rn(v);const w=s.map((e=>e.id)).filter((e=>!(null==u?void 0:u.includes(e)))),{selectionEnabled:C,selectedRowIds:E,selectionColumn:$,setSelected:k}=gn({selectionMode:m,selectionState:f,enabledRowIds:w}),S={setSelected:k||Pn,setExpanded:p||Pn},N=[$,...o],z=C?N:o,I=an(x,v),{visible:L,pinnedLeft:F,pinnedRight:B}=ln(z),{scrollPosition:M}=dn(v),D=Jt({pinnedLeft:F,pinnedRight:B,cellWidths:I,scrollPosition:M,visible:L,stripingMode:h});if(i){const e=new Array(r).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return c.default.createElement(Hn,{borderMode:n},c.default.createElement(jn,{ref:v},c.default.createElement(Mn,{css:D,ref:x,role:"table"},c.default.createElement("thead",{role:"rowgroup"},c.default.createElement(Bn,{role:"row"},L.map((e=>xn({column:e,sortState:g,onChangeSort:d}))))),c.default.createElement("tbody",{role:"rowgroup"},e.map((e=>c.default.createElement(Bn,{key:e.id},L.map((t=>function(e,t){if(!0===t.hidden)return null;const n={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return c.default.createElement(mn,Object.assign({},n),c.default.createElement(Cn,null))}(e,t))))))))))}if(0===s.length)return c.default.createElement(Hn,{borderMode:n},c.default.createElement(jn,{ref:v},c.default.createElement(Mn,{css:D,ref:x,role:"table"},c.default.createElement("thead",{role:"rowgroup"},c.default.createElement(Bn,{role:"row"},L.map((e=>xn({column:e,sortState:g,onChangeSort:d}))))),c.default.createElement("tbody",{role:"rowgroup"},c.default.createElement(In,{columnCount:L.length},c.default.createElement(Ln,null,a.icon),c.default.createElement(Ct,{spacing:"sm",alignX:"center"},c.default.createElement(j,{variant:"headingMedium"},a.heading),a.subheading&&c.default.createElement(j,{variant:"subheadingMedium"},a.subheading)))))));const R=e=>{const{e2eClassName:t="",accentColor:n}=e,o=Tn(e.id,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:u});return c.default.createElement(Bn,Object.assign({role:"row",key:e.id,accentColor:n,className:t},o),L.map((t=>function(e,t,n,o){if(t.hidden)return null;const a={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing,span:t.span};return t.renderCell(e,a,n,o)}(e,t,S,o))))},H=(e,t)=>{var n,o;const a=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===o?void 0:o.row,i=Tn(t,{selectedRowIds:E,expandedRowIds:l,disabledRowIds:u});return c.default.createElement(Bn,{role:"row",key:e.id,className:a},L.map((t=>function(e,t,n){if(t.hidden)return null;const o={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return t.renderNestedCell?t.renderNestedCell(e,o,n):c.default.createElement(mn,Object.assign({},o))}(e,t,i))))},O=e=>{var t;const n=null==l?void 0:l.includes(e.id);return c.default.createElement("tbody",{role:"rowgroup",key:e.id},R(e),n&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>H(t,e.id)))))},T=c.default.createElement(Bn,{role:"row"},L.map((e=>xn({column:e,sortState:g,onChangeSort:d})))),W=o.some((e=>!!e.renderFooter)),A=E.length>0&&!!t;return c.default.createElement(Hn,{borderMode:n},A&&c.default.createElement(kn,{selectionColumn:$,intersectionTargetRef:y,containerRef:v},t),c.default.createElement(jn,{ref:v},b&&c.default.createElement(On,{tableCss:D,intersectionTargetRef:y,containerRef:v,cellWidths:I},T),c.default.createElement("div",{ref:y,style:{height:0}}),c.default.createElement(Mn,{css:D,ref:x,role:"table"},c.default.createElement("thead",{role:"rowgroup"},T),(()=>{const e=!!l;return e&&"nested"===h?s.map(O):e?c.default.createElement("tbody",{role:"rowgroup"},s.map((e=>{var t;return[R(e),...(null==l?void 0:l.includes(e.id))&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>H(t,e.id))))||[]]}))):c.default.createElement("tbody",{role:"rowgroup"},s.map(R))})(),W&&c.default.createElement("tfoot",{role:"rowgroup"},c.default.createElement(Bn,{role:"row"},L.map((e=>function({column:e}){if(e.hidden)return null;const t={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,t):c.default.createElement(mn,Object.assign({},t))}({column:e}))))))))};Vn.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},Vn.Cell=mn,Vn.ColumnMenu=function({columns:t,columnGroups:n,setColumns:o}){const[a,l]=e.useState(null),[i,r]=e.useState(!1),d=t.map((e=>[e.id,e])),s=Object.fromEntries(d),u=n.map((e=>e.map((e=>s[e])))),m=(e,n)=>{const a=u[e].map((e=>e.id)),l=[...t];a.forEach((e=>{const t=l.findIndex((t=>t.id===e));t<0||(l[t]=Object.assign(Object.assign({},l[t]),{hidden:n}))})),o(l)};return c.default.createElement(c.default.Fragment,null,c.default.createElement(ue,{ref:l,dropdown:!0,onClick:()=>r(!0)},"Columns"),i&&c.default.createElement(G,{anchorElement:a,onShouldClose:()=>r(!1)},c.default.createElement(Se,{style:{width:600}},c.default.createElement(Ct,{alignX:"stretch",spacing:"sm"},u.map(((e,t)=>c.default.createElement(Ct,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},c.default.createElement(ue,{variant:"flat",icon:c.default.createElement(zn,null)}),c.default.createElement(Ct,{spacing:"sm",style:{flex:1}},e.map((e=>c.default.createElement("div",{key:e.id},e.title)))),c.default.createElement(Ct,{direction:"horizontal",spacing:"sm"},e[0].hidden?c.default.createElement(ue,{variant:"flat",icon:c.default.createElement(Nn,null),onClick:()=>m(t,!1),style:{color:I.colors.neutral.ink.lightest}}):c.default.createElement(ue,{variant:"flat",icon:c.default.createElement(Sn,null),onClick:()=>m(t,!0)})))))))))},Vn.SelectionCell=fn,Vn.SelectionHeader=un,Vn.Header=cn,Vn.Truncate=Dn,Vn.NoWrap=Fn;const Zn=u.default.dl.withConfig({displayName:"vui--List",componentId:"vui--syirga"})`margin:unset;& > * + *{margin-top:${I.sizes.base};}`,qn=u.default.div.withConfig({displayName:"vui--Item",componentId:"vui--dz7dgm"})`& > * + *{margin-top:${I.sizes.xs};}`,Xn=u.default.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--1b0o5wp"})`display:flex;justify-content:space-between;& > * + *{margin-left:${I.sizes.base};}`,Gn=u.default.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--foltw8"})`text-align:right;& > * + *{margin-top:${I.sizes.xs};}`,Yn=u.default.dt.withConfig({displayName:"vui--Term",componentId:"vui--s2cfux"})`font-family:${I.text.bodyBold.fontFamily};font-size:${I.text.bodyBold.fontSize};font-weight:${I.text.bodyBold.fontWeight};line-height:${I.text.bodyBold.lineHeight};color:${I.text.bodyBold.color};`,Un=u.default.dd.withConfig({displayName:"vui--Description",componentId:"vui--1915ejg"})`margin-left:unset;font-family:${I.text.body.fontFamily};font-size:${I.text.body.fontSize};font-weight:${I.text.body.fontWeight};line-height:${I.text.body.lineHeight};color:${I.text.body.color};`,{sizes:Kn,colors:_n}=I,Jn=u.default.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--2wnu9m"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${Kn.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${Kn.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,Qn=u.default.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--nvukr5"})`width:100%;box-sizing:border-box;padding:${Kn.md};overflow-x:hidden;background-color:${_n.neutral.grey.lightest};`,eo=u.default.div.withConfig({displayName:"vui--InputGroup",componentId:"vui--1w0e9jz"})`display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:not(:last-child){border-right-width:0 !important;}& > *:hover{}& > *:focus,& > *:active{z-index:5;border-right-width:1px !important;}& > *:focus + *,& > *:active + *{border-left-width:0 !important;}& > *:not(:first-child):not(:last-child){border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}`;var to;!function(e){e.base="base",e.sm="sm"}(to||(to={}));const no=u.default.label.withConfig({displayName:"vui--Label",componentId:"vui--qydg5r"})`display:block;font-family:${I.text.inputLabel.fontFamily};font-size:${I.text.inputLabel.fontSize};font-weight:${I.text.inputLabel.fontWeight};line-height:${I.text.inputLabel.lineHeight};color:${I.text.inputLabel.color};`,oo=u.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--1p3i1v3"})`display:block;font-family:${I.fontFamily};font-size:${I.sizes[3]};line-height:${I.sizes[4]};color:${I.colors.neutral.ink.light};`,ao=u.default.span.withConfig({displayName:"vui--Error",componentId:"vui--9vxkaw"})`display:block;font-family:${I.text.error.fontFamily};font-size:${I.text.error.fontSize};font-weight:${I.text.error.fontWeight};line-height:${I.text.error.lineHeight};color:${I.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${I.sizes[2]} * -1);width:2px;background-color:${I.colors.secondary.red.base};}`,lo=u.default(Ct).withConfig({displayName:"vui--RootStack",componentId:"vui--10dmq2i"})`position:relative;`,io=u.default(Qe).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1haf85r"})`display:block;&-hoverable{display:block;}`,ro=t=>n=>{var{label:o,hint:a,error:l,tooltip:i}=n,r=Y(n,["label","hint","error","tooltip"]);const d=e.useMemo((()=>V(t.name)),[]);return o?c.default.createElement(lo,{spacing:"sm",alignX:"stretch"},c.default.createElement("div",null,c.default.createElement(Ct,{direction:"horizontal",alignY:"center",spacing:"sm"},c.default.createElement(no,{htmlFor:d},o),i&&c.default.createElement(io,{text:i},c.default.createElement(Mt,{width:I.sizes.base,height:I.sizes.base,color:I.colors.neutral.ink.light}))),a&&c.default.createElement(oo,null,a)),c.default.createElement(t,Object.assign({id:d,hasError:!!l},r)),l&&c.default.createElement(ao,null,l)):c.default.createElement(t,Object.assign({hasError:!!l},r))},so=({hasError:e,inputSize:t})=>n.css`&{--outline-size:${"sm"===t?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n "}`,co=u.default.input.withConfig({displayName:"vui--Input",componentId:"vui--3jt15a"})`font-family:${I.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;}`,uo=u.default.textarea.withConfig({displayName:"vui--Textarea",componentId:"vui--1k04ik"})`box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${so}`,mo=/^-?[0-9]*\.?[0-9]+$/,fo=ro(e.forwardRef(((t,n)=>{var{id:o,className:a,disabled:l=!1,hasError:i,max:r,min:d,multiline:s=!1,name:u,onChange:m,pattern:f,placeholder:p,rows:g="3",size:h=to.base,step:b,type:v="text",value:x,spellCheck:y=!1}=t,w=Y(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const C=e.useCallback((e=>{if(!m)return;const t=e.currentTarget.value;if(""===t)return void m(t);if("number"!==v)return void m(t);new RegExp(mo).test(t)&&m(t)}),[m,v]),E=null!=o?o:V("textfield");return"text"===v&&s?c.default.createElement(uo,Object.assign({className:a,disabled:l,hasError:i,id:E,name:u,onChange:C,placeholder:p,rows:g,value:x,spellCheck:y,ref:n},w)):c.default.createElement(co,Object.assign({className:a,disabled:l,hasError:i,id:E,inputSize:h,max:r,min:d,name:u,onChange:C,placeholder:p,step:b,type:v,value:x,spellCheck:y,ref:n},w))})));fo.displayName="TextField";const po=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--oxhxoy"})`display:flex;flex-direction:column;position:relative;`,go=u.default(h).withConfig({displayName:"vui--Row",componentId:"vui--w9sg63"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,ho=u.default(fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1dp86fg"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${I.colors.neutral.ink.lightest};}`,bo=u.default(ue).withConfig({displayName:"vui--StyledButton",componentId:"vui--1h9einl"})`padding:0 6px;border-color:${I.colors.neutral.ink.lightest};`;u.default(j).withConfig({displayName:"vui--Label",componentId:"vui--2iwwsg"})``,u.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1ln478r"})`display:block;font-family:${I.text.error.fontFamily};font-size:${I.text.error.fontSize};font-weight:${I.text.error.fontWeight};line-height:${I.text.error.lineHeight};color:${I.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${I.sizes[2]} * -1);width:2px;background-color:${I.colors.secondary.red.base};}`,u.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--5lfadq"})`display:block;font-family:${I.fontFamily};font-size:${I.sizes[3]};line-height:${I.sizes[4]};color:${I.colors.neutral.ink.light};`;const vo=ro((e=>{var{size:t=to.base,handleChangeHeight:n,handleChangeWidth:o,handleChangeLength:a,className:l,height:i,width:r,length:d,unit:s}=e,u=Y(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return c.default.createElement(po,{className:l},c.default.createElement(go,null,c.default.createElement(ho,Object.assign({onChange:a,size:t,name:"length",type:"number",placeholder:"L",value:d},u)),c.default.createElement(ge,{height:I.sizes.base,width:I.sizes.base}),c.default.createElement(ho,Object.assign({onChange:o,size:t,name:"width",type:"number",placeholder:"W",value:r},u)),c.default.createElement(ge,{height:I.sizes.base,width:I.sizes.base}),c.default.createElement(eo,null,c.default.createElement(ho,Object.assign({onChange:n,size:t,name:"height",type:"number",placeholder:"H",value:i},u)),c.default.createElement(bo,{size:t},s))))}));vo.displayName="DimensionsInput";const xo=(t,n)=>{const o=e.useRef(null),a=e.useCallback((e=>{"Escape"===e.key&&(null==n||n())}),[n]),l=e.useCallback((e=>{o.current.contains(e.target)||null==n||n()}),[n]);return e.useEffect((()=>{if(t)return document.addEventListener("click",l),document.addEventListener("keyup",a),()=>{document.removeEventListener("click",l),document.removeEventListener("keyup",a)}}),[l,a,t]),o};function yo(){const[t,n]=e.useState(!1),o=e.useCallback((()=>n(!t)),[t,n]),a=e.useCallback((()=>n(!1)),[n]);return{shouldShowDropdown:t,toggleShouldShowDropdown:o,setShouldShowDropdown:n,closeDropdown:a}}const wo=c.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});const Co=(t=!1)=>{const[n,o]=e.useState(t);return[n,e.useCallback((()=>o(!0)),[o]),e.useCallback((()=>o(!1)),[o])]},Eo=t=>{const[n,o]=e.useState(!1),[a,l]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;o(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:n&&!a,onScroll:e=>{if(!t)return;const{scrollTop:n,scrollHeight:o,clientHeight:a}=e.target;l(o-n-a<=0)}}},$o=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--1tebbdi"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${x.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${S.base};height:${S.base};}`,ko=u.default(j).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--qz697a"})`user-select:none;`,So=u.default(ko).withConfig({displayName:"vui--GroupLabel",componentId:"vui--17i198i"})`margin-right:4px;`,No=u.default(pe).withConfig({displayName:"vui--MainIcon",componentId:"vui--rxq762"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,zo=u.default(ge).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--1o2zyml"})`margin-left:4px;height:10px;width:10px;`,Io=u.default(h).withConfig({displayName:"vui--Content",componentId:"vui--6n2anv"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Lo=u.default(h).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 ${x.neutral.grey.base};svg{color:${({color:e})=>e};width:${S[5]};height:${S[5]};margin-right:10px;}`,Fo=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),Bo=u.default(h).withConfig({displayName:"vui--Grid",componentId:"vui--12w0ynf"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?S[e]:0};`,jo=e=>c.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"})),Mo=u.default.div.withConfig({displayName:"vui--Container",componentId:"vui--yyvmx7"})``,Do=u.default.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--exntyx"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,Ro=u.default.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--jt8oew"})`z-index:10;background-color:transparent;`,Ho=u.default.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--xulm2g"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,Oo=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}),To=u.default.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--9ns5xb"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,Wo="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",Ao="Log in with Amazon",Po=n.createGlobalStyle`body{overflow:hidden;scrollbar-gutter:stable;}`,Vo=u.default.section.withConfig({displayName:"vui--MainSection",componentId:"vui--1ox4j2c"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${I.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${Se.Footer} {\n box-shadow: 0px 10px 15px 0px ${I.colors.neutral.ink.dark};\n }\n `}`,Zo=e=>!!e.footerSlot,qo=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},Xo=(e,t)=>{const n=qo(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Go={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Yo={[y.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[y.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[y.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[y.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[y.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},Uo={xs:y.mobile,sm:y.mobile,base:y.tablet,lg:y.lgTablet},{breakpoints:Ko}=I,_o=u.default(t.motion.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--1ohvs0u"})`padding:0;border:none;border-radius:${I.sizes.sm};box-shadow:${I.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${Se.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Go[e]};`} ${Vo}{padding-bottom:${I.sizes.md};}${Se.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${Ko.mobile} + 1px))and (max-width: ${Ko.tablet}){max-width:${({variant:e})=>Yo[Ko.tablet][e]};}@media (min-width: ${Ko.tablet})and (max-width: ${Ko.lgTablet}){max-width:${({variant:e})=>Yo[Ko.lgTablet][e]};}@media (min-width: ${Ko.lgTablet})and (max-width: ${Ko.desktop}){max-width:${({variant:e})=>Yo[Ko.desktop][e]};}@media (min-width: ${Ko.desktop}){max-width:${({variant:e})=>Yo[Ko.lgDesktop][e]};}@media (max-width: ${({variant:e})=>Uo[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Se.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${Xo(I.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,Jo=c.default.forwardRef(((e,t)=>{var n=Y(e,[]);return c.default.createElement(_o,Object.assign({ref:t},n))})),{sizes:Qo,text:ea,shadows:ta}=I,{grey:na}=I.colors.neutral,oa=u.default.header.withConfig({displayName:"vui--Header",componentId:"vui--1x6mrf4"})`padding:${Qo.base} ${Qo.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&ta[e]};`,aa=u.default.h1.withConfig({displayName:"vui--Title",componentId:"vui--1rcauam"})`font-family:${ea.headingXL.fontFamily};font-size:${ea.headingXL.fontSize};font-weight:${ea.headingXL.fontWeight};margin:unset;line-height:1;`,la=u.default.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1w1czl4"})`margin:0.75rem 0 0;font-family:${ea.subheadingLarge.fontFamily};font-weight:${ea.subheadingLarge.fontWeight};font-size:${ea.subheadingLarge.fontSize};line-height:${ea.subheadingLarge.lineHeight};`,ia=u.default.img.withConfig({displayName:"vui--Image",componentId:"vui--6akliy"})`border-radius:${I.radius.base};border:${Qo.line} solid ${na.base};object-fit:cover;`,ra=u.default.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--eer17r"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,da=u.default(ue).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--17ubnor"})`display:flex;align-items:center;font-family:${I.text.link.fontFamily};font-size:${I.text.link.fontSize};font-weight:${I.text.link.fontWeight};line-height:${I.text.link.lineHeight};color:${I.text.link.color};&:hover{text-decoration:${I.text.link.textDecoration};}& > * + *{margin-left:${I.sizes.xs};}`,sa=u.default.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:${Qo.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,ca=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"})),ua=u.default(Ct).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--11yg0z2"})`width:${I.sizes.lg};height:30px;background-color:${I.colors.neutral.grey.light};border:1px solid ${I.colors.neutral.grey.base};border-radius:${I.sizes.xs};`,ma=u.default(ue).withConfig({displayName:"vui--PaginationButton",componentId:"vui--1xoa6c5"})`color:${I.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,fa=u.default(fo).withConfig({displayName:"vui--PageInput",componentId:"vui--vpfeol"})`&[type='number']{width:5.5ch;}`,pa=({count:e})=>c.default.createElement(c.default.Fragment,null,c.default.createElement("div",null,c.default.createElement(j,{variant:"bodySmall","aria-hidden":!0},"/")),c.default.createElement(ua,{alignX:"center",alignY:"center","aria-hidden":!0},c.default.createElement(j,{variant:"bodySmall"},e))),ga=({currentPage:t,totalPagesCount:n,handleChangePage:o})=>{const[a,l]=e.useState(`${t}`);e.useEffect((()=>{l(`${t}`)}),[t]);const i=e=>e>=1&&e<=n,r=()=>{if(a||l(`${t}`),a===`${t}`)return;const e=parseInt(a,10);i(e)&&o(e)};return{pageInputValue:a,handleIncrement:()=>{i(t+1)&&o(t+1)},handleDecrement:()=>{i(t-1)&&o(t-1)},handleInputChange:e=>{e||l(e);const t=parseInt(e,10);var n;i(n=t)&&l(`${n}`)},handleSubmit:r,handleFormSubmit:e=>{e.preventDefault(),r()}}},ha=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),ba=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),va=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],xa=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--vvvb5w"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,ya=u.default(Pe).withConfig({displayName:"vui--Dropdown",componentId:"vui--1762fp7"})`&-container{width:100%;}`,wa=u.default.button.withConfig({displayName:"vui--Button",componentId:"vui--18oel89"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${x.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;}`,Ca=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--yx82xe"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,Ea=u.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--gffv6m"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${x.secondary.blue.base};background:${x.neutral.grey.lightest};}`,$a=({item:t,handleRangeListChange:n})=>{const o=e.useCallback((()=>n(t)),[n,t]);return c.default.createElement(Ca,{onClick:o},c.default.createElement(Ea,{variant:"bodySmall"},t.label))},ka=t=>{const{handleRangeListChange:n,paginationRange:o=va}=t;return c.default.createElement(c.default.Fragment,null,o.map((t=>c.default.createElement(e.Fragment,{key:t.label},c.default.createElement($a,{item:t,handleRangeListChange:n})))))};class Sa extends e.Component{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=va[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:e,paginationRange:t=va,reversedDropdown:n}=this.props,{shouldShowDropdown:o,dropdownValue:a}=this.state;return c.default.createElement(xa,{className:e},c.default.createElement(ya,{cta:c.default.createElement(wa,{onClick:this.toggleShouldShow},c.default.createElement(j,{variant:"bodySmall"},a.label),c.default.createElement(se,{color:I.colors.neutral.ink.base})),shouldShowDropdown:o,onClickAway:this.toggleShouldShow,reversed:n},c.default.createElement(ka,{paginationRange:t,handleRangeListChange:this.handleRangeListChange})))}}const Na=u.default.div.withConfig({displayName:"vui--Container",componentId:"vui--1y4bw67"})`box-sizing:border-box;display:inline-flex;flex-direction:column;height:${({size:e})=>"sm"===e?"32px":"40px"};border-radius:4px;${({size:e})=>"sm"===e?"svg { width: 14px !important; height: 14px !important; };\n\n > button { padding: 0 6px };":""};& > *:first-child{border-bottom-width:0;}& > *:active,& > *:focus{border-width:1px;}& > *:active + *,& > *:focus + *{border-top-width:0;}& > *:focus,& > *:active{z-index:5;}& > *:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}& > *:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}`,za=u.default.button.withConfig({displayName:"vui--StepButton",componentId:"vui--z17r9v"})`appearance:none;flex:1;border:0;display:flex;justify-content:center;align-items:center;padding:0 8px;background-color:white;border:1px solid #959fa8;&:hover{cursor:pointer;background-color:#fafafb;}&:active:not(:disabled){background-color:#fafafb;border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;}&:focus{box-shadow:0 0 0 4px #80bce8;outline:0;}&:disabled{background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`,Ia=({onIncrement:e,onDecrement:t,disabled:n=!1,size:o})=>c.default.createElement(Na,{size:o},c.default.createElement(za,{type:"button",onClick:e,disabled:n},c.default.createElement(P,{height:I.sizes.base,width:I.sizes.base,color:I.colors.neutral.ink.base})),c.default.createElement(za,{type:"button",onClick:t,disabled:n},c.default.createElement(pe,{height:I.sizes.base,width:I.sizes.base,color:I.colors.neutral.ink.base}))),La=u.default(fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--8gyz01"})`color:${I.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${I.colors.neutral.ink.lightest};}`,Fa=u.default(h).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--fsc9el"})`user-select:none;border:1px solid ${I.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?I.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;}}`,Ba=u.default(j).withConfig({displayName:"vui--PrefixText",componentId:"vui--w81sf"})`font-size:14px;`,ja=u.default(eo).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 ${I.colors.secondary.red.light};\n\n > * {\n border-top-color: ${I.colors.secondary.red.base};\n border-bottom-color: ${I.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${I.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${I.colors.secondary.red.base};\n border-right-color: ${I.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${I.colors.secondary.red.base};\n border-bottom-color: ${I.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${I.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?I.colors.secondary.red.base:I.colors.secondary.blue.base};}}`;const Ma=ro((e=>{var{className:t="",hasError:n,currency:o,disabled:a=!1,onChange:l,onPriceChange:i,priceValue:r,step:d="0.1",size:s=to.base}=e,u=Y(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const m=(e=i)=>{e(((parseFloat(r)||0)+parseFloat(d)).toFixed(2))},f=(e=i)=>{e(((parseFloat(r)||0)-parseFloat(d)).toFixed(2))};return c.default.createElement(ja,{className:t,hasError:n},c.default.createElement(Fa,{disabled:a,size:s},c.default.createElement(Ba,{variant:"hintText"},o)),c.default.createElement(La,Object.assign({placeholder:"0.00",type:"currency",value:r,step:d,onChange:e=>l(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const t=e.target,{value:n}=t;if(!n)return void i("");const o=parseFloat(n.replace(",",".")).toFixed(2);i(o)},onKeyDown:e=>{const{key:t}=e,n=e.target;n.form||"Enter"===t&&n.blur(),"ArrowUp"===t&&m(l),"ArrowDown"===t&&f(l)},disabled:a,size:s},u)),c.default.createElement(Ia,{onIncrement:()=>m(),onDecrement:()=>f(),disabled:a,size:s}))}));Ma.displayName="PriceInput";const Da=u.default(fo).withConfig({displayName:"vui--Input",componentId:"vui--je6y84"})`flex-grow:2;margin-top:0;margin-bottom:0;`,Ra=u.default.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--113gfe8"})`position:absolute;`,Ha=u.default(h).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 & ${Da} {\n ${t}\n }\n\n & ${Ra} {\n ${n}\n }\n `}}`,Oa=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"})),Ta=I.colors.neutral.grey.lightest,Wa=I.colors.neutral.grey.dark,Aa=I.colors.secondary.blue.dark,Pa=u.default(h).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--s4yyqq"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${Ta};border-color:${Wa};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${Aa};border-color:${Aa};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${I.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,Va=u.default.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1v4mu6a"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let t="40px",n="14px";return"sm"===e&&(t="32px",n="12px"),`\n height: ${t};\n font-size: ${n};\n `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}`,Za=ro(e.forwardRef(((t,n)=>{var{className:o,options:a,value:l,onChange:i,size:r,disabled:d,hasError:s}=t,u=Y(t,["className","options","value","onChange","size","disabled","hasError"]);const m=e.useCallback((e=>{i&&i(e.currentTarget.value)}),[i]);return c.default.createElement(Va,Object.assign({className:o,sizeVariant:r,value:null!=l?l:void 0,onChange:m,disabled:d,hasError:s,ref:n},u),!!a&&a.map((e=>c.default.createElement("option",{key:e.label,value:e.value,disabled:e.disabled},e.label))))})));Za.displayName="Select";const{blue:qa}=x.secondary,{grey:Xa}=x.neutral,Ga=u.default.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--o0sot"})`background-color:white;`,Ya=u.default.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--nuzcgp"})`&&& tr:hover td{background-color:${qa.lightest};}`,Ua=u.default.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--1uhgfx1"})``,Ka=u.default.td.withConfig({displayName:"vui--TableCell",componentId:"vui--s41x8b"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;font-family:${z.bodySmall.fontFamily};font-size:${z.bodySmall.fontSize};font-weight:${z.bodySmall.fontWeight};color:${z.bodySmall.color};line-height:${S.base};& > *{vertical-align:middle;}`,_a=u.default(Ka).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--2nps2x"})`border-bottom:1px solid ${Xa.dark};font-family:${z.bodySmallBold.fontFamily};font-size:${z.bodySmallBold.fontSize};font-weight:${z.bodySmallBold.fontWeight};color:${z.bodySmallBold.color};`,Ja=u.default.table.withConfig({displayName:"vui--Table",componentId:"vui--lcbl46"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${Ya} tr:nth-child(even) td {\n background-color: ${Xa.lightest};\n }\n `}`,Qa=({striped:e=!0,className:t,children:n})=>c.default.createElement(Ja,{striped:e,className:t},n);Qa.Header=Ga,Qa.Body=Ya,Qa.Row=Ua,Qa.HeaderCell=_a,Qa.Cell=Ka;const el=u.default.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--103oce3"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,tl=u.default.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--1ctzbzj"})`background:${I.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,nl=u.default.div.withConfig({displayName:"vui--SliderDiv",componentId:"vui--1tltjvk"})`position:absolute;top:-${0}px;left:${e=>`${e.left}%`};width:${12}px;height:${12}px;background:white;border:${4}px solid ${I.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 ${I.colors.secondary.blue.light};}`,ol=u.default(tl).withConfig({displayName:"vui--SliderRange",componentId:"vui--t3v3py"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${I.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,al=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}),ll=u.default(h).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:x.neutral.ink.base};\n background-color: ${null!=e?e:x.neutral.grey.base};\n `}`,il=u.default(Ct).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--1iztsl9"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,rl=u.default(Ct).withConfig({displayName:"vui--Toast",componentId:"vui--1o64628"})`background-color:${I.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${I.shadows.lg};border-radius:${I.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;}`,dl=u.default(h).withConfig({displayName:"vui--IconWrap",componentId:"vui--1nmtetq"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${I.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${S.md};height:${S.md};}`,sl=u.default(Ct).withConfig({displayName:"vui--ContentStack",componentId:"vui--fvpujj"})`flex-grow:1;`,cl=u.default(j).withConfig({displayName:"vui--StyledText",componentId:"vui--ppieao"})`color:white;font-size:16px;`,ul={info:{accentColor:x.brand.blue.base,icon:c.default.createElement(Wn,null)},success:{accentColor:x.secondary.green.base,icon:c.default.createElement(Xt,null)},error:{accentColor:x.secondary.red.base,icon:c.default.createElement((e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"}))),null)},merge:{accentColor:x.secondary.purple.base,icon:c.default.createElement((e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))),null)}},ml=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),fl=({className:e,e2eClassName:t,type:n,iconSlot:o,text:a,last:l,minWidth:i,cta:r,onClose:d})=>{const s=ml(e),u=ml(t);return c.default.createElement(rl,{className:at([null==s?void 0:s.container,null==u?void 0:u.container]),direction:"horizontal",alignY:"center",minWidth:i,last:l},c.default.createElement(dl,{color:ul[n].accentColor,className:at([s.icon,u.icon])},null!=o?o:ul[n].icon),c.default.createElement(sl,{direction:"horizontal",alignY:"center",alignX:"between"},c.default.createElement(cl,{variant:"body"},a),r),c.default.createElement(ue,{variant:"flat",icon:c.default.createElement(ge,{color:"white"}),onClick:d,"aria-label":"Close"}))},pl=u.default.span.withConfig({displayName:"vui--Slider",componentId:"vui--x03mdi"})`content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({disabled:e,switched:t})=>e&&t?I.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,gl=u.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1ccelw2"})`&:focus-visible + ${pl}{box-shadow:0 0 0 4px ${I.colors.brand.blue.light};}&:checked + ${pl}{background-color:#0079d1;}&:disabled + ${pl}{background-color:${I.colors.neutral.grey.base};}&:checked:disabled + ${pl}{background-color:${I.colors.secondary.blue.light};}`,hl=u.default.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;}${pl}: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"};}${gl}:checked + ${pl}{&: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"});}}`,bl=u.default(h).withConfig({displayName:"vui--Wrapper",componentId:"vui--69792q"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,vl=e.forwardRef((({id:e,className:t,name:n,switched:o,small:a,onClick:l=(()=>{}),disabled:i,ariaLabel:r},d)=>c.default.createElement(bl,{className:t,disabled:i},c.default.createElement(hl,{small:a,disabled:i,role:"switch"},c.default.createElement(gl,{id:e,type:"checkbox",name:n,"aria-label":r,checked:!!o,onChange:i?void 0:l,disabled:i,ref:d}),c.default.createElement(pl,{switched:o,disabled:i}))))),xl=u.default.button.withConfig({displayName:"vui--StyledButton",componentId:"vui--x718nd"})`user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${I.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",a="24px",l="8px",i="16px",r="4px",d="white",s="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",a="16px",l="4px",i="14px",r="2px"),t&&(d="#0079D1",s="#0079D1",c="white"),`\n --outline-width: ${r};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${a};\n border-radius: ${l};\n font-size: ${i};\n\n background-color: ${d};\n border-color: ${s};\n color: ${c};\n `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`,yl="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",wl=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--1xg3v52"})`${yl} display:${e=>e.shouldShow?"initial":"none"};z-index:${I.layers.modal};`,Cl=u.default(h).withConfig({displayName:"vui--Shadow",componentId:"vui--nz3cc"})`${yl} background-color:rgba(55,66,77,0.5);`,El=u.default(h).withConfig({displayName:"vui--Wrap",componentId:"vui--1pbqe6"})`position:relative;height:100%;width:100%;z-index:1;`,$l=({usePortal:e,children:t})=>c.default.createElement(c.default.Fragment,null,e?c.default.createElement(Z,null,t):t),kl=({className:e,children:t=null,shouldShow:n=!1,usePortal:o=!0})=>c.default.createElement($l,{usePortal:o},c.default.createElement(wl,{className:at([`${e}-container`,e]),shouldShow:n},c.default.createElement(Cl,null),c.default.createElement(g.default,{isActive:n},c.default.createElement(El,{className:at([`${e}-wrap`,e])},t)))),Sl=u.default.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--17gmyeh"})`display:flex;justify-content:center;align-items:center;height:100%;`,Nl=u.default.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--rcrl58"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,zl=u.default(ue).withConfig({displayName:"vui--ButtonSC",componentId:"vui--srigr3"})`position:absolute;top:0px;right:-45px;`;var Il;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(Il||(Il={}));const Ll=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--1vyyfhh"})`padding:14px 24px;`,Fl=u.default(j).withConfig({displayName:"vui--CounterText",componentId:"vui--ycgtn6"})`line-height:1;`,Bl=u.default(h).withConfig({displayName:"vui--Contour",componentId:"vui--zy3oaf"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:t})=>`\n &:hover {\n border: 1px solid ${e.base};\n background-color: ${e.lightest};\n }\n\n ${j} {\n color: ${null!=t?t:x.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,jl=u.default(j).withConfig({displayName:"vui--CounterContainer",componentId:"vui--chq9kr"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.base};\n\n & > ${Fl} {\n color: #fff;\n }\n `}`,Ml={style:{marginLeft:S.xs,padding:S.xs,height:S.base,width:S.base}},Dl=u.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--yu7dwm"})`display:flex;align-items:center;margin-right:${S.sm};svg{height:${S.base};width:${S.base};}`,Rl=e=>c.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"})),Hl=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}),Ol=u.default(h).withConfig({displayName:"vui--Container",componentId:"vui--18asccd"})`display:flex;flex-direction:column;position:relative;`,Tl=u.default(h).withConfig({displayName:"vui--Row",componentId:"vui--hefld1"})`display:flex;flex-direction:row;`,Wl=u.default(fo).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1w2y0ok"})`&&&{text-align:left;width:52px;}`,Al=u.default(ue).withConfig({displayName:"vui--StyledButton",componentId:"vui--fqwvpz"})`padding:0 4px;border-color:${I.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${I.colors.secondary.red.base};\n `};`,Pl=ro((e=>{var{size:t=to.base,hasError:n,className:o}=e,a=Y(e,["size","hasError","className"]);return c.default.createElement(Ol,{className:o},c.default.createElement(Tl,null,"g"===a.weightUnit&&c.default.createElement(eo,null,c.default.createElement(Wl,Object.assign({size:t,onChange:a.handleChangeGram,name:"gram",type:"number",value:a.gram,hasError:n},a)),c.default.createElement(Al,{hasError:n,size:t},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(a)&&c.default.createElement(c.default.Fragment,null,c.default.createElement(eo,null,c.default.createElement(Wl,Object.assign({size:t,onChange:a.handleChangePound,name:"ounce",type:"number",value:a.pound,hasError:n},a)),c.default.createElement(Al,{hasError:n,size:t},"lb")),c.default.createElement(eo,null,c.default.createElement(Wl,Object.assign({size:t,onChange:a.handleChangeOunce,name:"pound",type:"number",value:a.ounce,hasError:n},a)),c.default.createElement(Al,{hasError:n,size:t},"oz")))))}));Pl.displayName="WeightInput",Pl.defaultProps={weightUnit:"lb"},exports.Accordion=({className:n,children:o,label:a,iconSlot:l,glyphColor:i=x.neutral.ink.lightest,timeout:r=350,description:d,shouldOpenOnMount:s})=>{const[u,m]=e.useState(!!s);return c.default.createElement(A,{open:!!s,className:n},c.default.createElement(H,{onClick:()=>m(!u)},c.default.createElement(O,null,c.default.createElement(D,{glyphColor:i},l,c.default.createElement(j,{variant:"body"},a)),c.default.createElement(R,null,c.default.createElement(t.motion.span,{animate:{rotate:u?180:0}},c.default.createElement(P,{name:u?"downArrow":"upArrow"})))),!!d&&c.default.createElement(T,{variant:"hintText"},d)),u&&c.default.createElement(W,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:r/1e3}},o))},exports.ActionList=De,exports.Anchor=({children:e,className:t,text:n,href:o,target:a})=>c.default.createElement(Re,{href:o,target:a,className:t},e||n),exports.AnimatedDropdown=Pe,exports.Avatar=({width:e="40px",name:t="Veeqo",bgColor:n=I.colors.secondary.blue.base,textColor:o="#ffffff"})=>{const a=t.toUpperCase().match(/\b(\w)/g);return c.default.createElement(Ve,{width:e,bgColor:n,textColor:o,className:"avatar"},null==a?void 0:a.slice(0,2).map(((e,t)=>c.default.createElement("span",{key:`${e}-${t}`},e))))},exports.Badge=({variant:e="default",hideBorder:t=!1,iconSlot:n,tooltip:o,className:a,e2eClassName:l,children:i})=>{const r=lt[e];return c.default.createElement(Qe,{text:o},c.default.createElement(r,{className:at([a,l]),hideBorder:t},n&&n,i&&c.default.createElement("span",null,i)))},exports.Banner=e=>{var{type:t="info",text:n,icon:o,onClose:a,className:l,header:i,children:r,backgroundColor:d="white"}=e,s=Y(e,["type","text","icon","onClose","className","header","children","backgroundColor"]);const u=ft[t];return c.default.createElement(it,Object.assign({accentColor:u,className:l,backgroundColor:d},s),c.default.createElement(rt,null,o&&c.default.createElement(st,{style:{marginRight:S.md},accentColor:u},o),r?c.default.createElement(ct,null,r):c.default.createElement(c.default.Fragment,null,c.default.createElement(ut,null,i||c.default.createElement(mt,{variant:"headingSmall"},n)),c.default.createElement(dt,null,a&&c.default.createElement(ue,{variant:"flat","aria-label":"Close",icon:c.default.createElement(ge,null),onClick:a})))))},exports.BaseContainer=h,exports.Breadcrumbs=({items:e,Separator:t=c.default.createElement(vt,null),LinkComponent:n=xt})=>c.default.createElement(pt,{className:"breadcrumbs"},e.map(((o,a)=>c.default.createElement(bt,{key:o.title,title:o.title,href:o.pathname,LinkComponent:a!==e.length-1?n:yt},e.length!==a+1&&t)))),exports.Button=ue,exports.Card=Se,exports.CardHeader=he,exports.Checkbox=Wt,exports.Choice=Dt,exports.ChoiceList=qt,exports.CopyToClipboard=({className:t,text:n,onCopy:o})=>{const[a,l]=c.default.useState(!1),i=e.useCallback((()=>{navigator.clipboard.writeText(n),o&&o(),l(!0),setTimeout((()=>l(!1)),2500)}),[o,n]);return c.default.createElement(Qe,{text:a?"Copied!":"Copy to clipboard"},c.default.createElement(Ut,{variant:"flat",size:"sm",className:t,"aria-label":`${a?"Copied":"Copy"} "${n}" to clipboard`,icon:a?c.default.createElement(Xt,Object.assign({color:x.secondary.green.base},Yt)):c.default.createElement(Gt,Object.assign({color:x.secondary.blue.base},Yt)),onClick:i}))},exports.DataTable=Vn,exports.DescriptionList=({items:e,horizontal:t})=>{const n=e=>Array.isArray(e)?e.map((e=>c.default.createElement(Un,{key:e},e))):c.default.createElement(Un,null,e);return c.default.createElement(Zn,null,e.map((e=>t?c.default.createElement(Xn,{key:e.term},c.default.createElement(Yn,null,e.term),c.default.createElement(Gn,null,n(e.description))):c.default.createElement(qn,{key:e.term},c.default.createElement(Yn,null,e.term),n(e.description)))))},exports.DetailPage=({renderHeader:t,children:n})=>{const[o,a]=e.useState(!0);return c.default.createElement("main",null,t((()=>a(!o)),o),c.default.createElement(Qn,null,c.default.createElement(Jn,{showSidebar:o},n)))},exports.DimensionsInput=vo,exports.FilterTag=({className:t,e2eClassName:n,label:o,text:a,iconSlot:l,fill:i=x.secondary.blue.base,content:r,footer:d,onClickAway:s,onClick:u,shouldCloseOnClickAway:m=!0})=>{const f=Fo(t),p=Fo(n),{shouldShowDropdown:g,toggleShouldShowDropdown:h,closeDropdown:b}=yo(),v=e.useCallback((e=>{h(),s&&g&&s(e)}),[h,s,g]),y=e.useCallback((e=>{s&&s(e,b),m&&b()}),[b,s,m]);return!r?c.default.createElement($o,{className:at([null==f?void 0:f.container,null==p?void 0:p.container]),onClick:u},o&&c.default.createElement(So,{variant:"subheadingSmallBold"},`${o}:`),c.default.createElement(j,null,a),c.default.createElement(zo,{className:at([null==f?void 0:f.cross,null==p?void 0:p.cross]),name:"cross",size:"base",color:x.neutral.ink.base})):c.default.createElement(Pe,{className:f.filterTagDropdown,shouldShowDropdown:g,onClickAway:y,cta:c.default.createElement($o,{className:f.container,onClick:v},o&&c.default.createElement(So,{variant:"subheadingSmallBold"},`${o}:`),c.default.createElement(j,null,a),c.default.createElement(No,{color:x.neutral.ink.base,name:"downArrow",shouldShow:g}))},c.default.createElement(Io,null,c.default.createElement(Lo,{color:i},l,c.default.createElement(j,{variant:"bodyBold"},o)),r,d))},exports.FocusVisibleManager=function({children:t}){const[n,o]=e.useState(!0);return e.useEffect((()=>{function e(){o(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(o(!1),a())}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 a(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function l(e){e.metaKey||e.altKey||e.ctrlKey||o(!0)}function i(){"hidden"===document.visibilityState&&(o(!0),n())}return document.addEventListener("keydown",l,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",i,!0),n(),()=>{document.removeEventListener("keydown",l,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",i,!0),a()}}),[o]),c.default.createElement(wo.Provider,{value:{hadKeyboardEvent:n,isInitialized:!0}},t)},exports.Grid=Bo,exports.Image=({src:t,alt:n="",className:a,e2eClassName:i,width:r,height:d,previewWidth:s,previewHeight:u,previewPlacement:m="right",previewEnabled:f=!1,placeholder:p,placeholderWidth:g,placeholderHeight:h,disablePlaceholder:b=!1})=>{const v=Oo(a),x=Oo(i),[y,w]=e.useState(!1),[C,E]=e.useState({isLoaded:!1,isError:!1}),[$,k]=c.default.useState(null),[S,N]=c.default.useState(null),{styles:z,attributes:I}=o.usePopper($,S,{placement:m,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),L=e.useCallback((()=>f?w(!0):{}),[f]),F=e.useCallback((()=>f?w(!1):{}),[f]),B=!C.isLoaded||C.isError;return c.default.createElement(Mo,{className:at([null==v?void 0:v.container,null==x?void 0:x.container,a])},c.default.createElement(Do,{src:t,alt:n,className:at([null==v?void 0:v.image,null==x?void 0:x.image]),width:r,height:d,onLoad:()=>E({isLoaded:!0,isError:!1}),onError:()=>E({isLoaded:!0,isError:!0}),previewEnabled:f,onMouseEnter:L,onMouseLeave:F,style:B?{display:"none"}:{},ref:k}),!b&&B&&(p||c.default.createElement(jo,{className:at([null==v?void 0:v.placeholder,null==x?void 0:x.placeholder]),width:g||r,height:h||d})),y&&l.createPortal(c.default.createElement(Ro,Object.assign({ref:N,style:z.popper},I.popper,{className:at([null==v?void 0:v.previewImageContainer,null==x?void 0:x.previewImageContainer])}),c.default.createElement(Ho,{src:t,alt:"",width:s,height:u})),document.body))},exports.InputGroup=eo,exports.Loader=J,exports.LoginWithAmazonButton=t=>{const[n,o]=e.useState(Wo);return c.default.createElement(To,Object.assign({onMouseDown:()=>{o("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{o(Wo)},"aria-label":Ao},t),c.default.createElement("img",{src:n,alt:Ao}))},exports.Modal=n=>{const{shouldShow:o,showHeaderCloseButton:a=!0,fullBleed:l=!1,variant:i="base",onClose:r,children:d}=n,s=e.useRef(null),[u,m]=e.useState(null);e.useEffect((()=>{var e,t;o&&(null===(e=s.current)||void 0===e||e.removeAttribute("open"),null===(t=s.current)||void 0===t||t.showModal())}),[o]);const{isOverflowing:f,onScroll:p}=Eo(u),g=()=>{var e;null===(e=s.current)||void 0===e||e.close(),r()};return c.default.createElement(t.AnimatePresence,null,o&&c.default.createElement("div",{"data-testid":"dialog-wrapper"},c.default.createElement(Po,null),c.default.createElement(Jo,{ref:s,onClose:g,variant:i,"aria-describedby":"modal_title"},c.default.createElement(Se.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:c.default.createElement(he,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},a&&{onClickClose:g})),c.default.createElement(Vo,{onScroll:p,ref:m,isScrollable:f,fullBleed:l},d),Zo(n)&&n.footerSlot,!Zo(n)&&(n.leftActions||n.rightActions)&&c.default.createElement(Se.Footer,null,c.default.createElement(Ct,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&c.default.createElement(Ct,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((e=>{var{label:t}=e,n=Y(e,["label"]);return c.default.createElement(ue,Object.assign({key:t,type:"button"},n),t)}))),n.rightActions&&c.default.createElement(Ct,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((e=>{var{label:t}=e,n=Y(e,["label"]);return c.default.createElement(ue,Object.assign({key:t,type:"button"},n),t)})))))))))},exports.PageHeader=({title:e,subtitle:t,imageSrc:n,actions:o,quickActions:a,backAction:l,Accessory:i,shadow:r="none",onClickPrevious:d,onClickNext:s,onClickToggleSidebar:u})=>{const m=o&&c.default.createElement(De,{buttonVariant:a?"default":"primary",title:"Actions",sections:o}),f=null==a?void 0:a.map((e=>c.default.createElement(ue,{key:e.title,variant:e.variant,icon:e.icon,onClick:e.onClick},e.title))),p=l&&c.default.createElement(ue,{onClick:l.onClick,icon:c.default.createElement(ca,null),variant:"link"},l.title),g=u&&c.default.createElement(Ct,{direction:"horizontal",alignX:"end"},c.default.createElement(da,{onClick:u},c.default.createElement("span",null,"Toggle sidebar"),c.default.createElement(ht,{width:S.md})));return c.default.createElement(oa,{shadow:r},c.default.createElement(Ct,null,p,c.default.createElement(sa,null,c.default.createElement(Ct,{direction:"horizontal",spacing:"md"},n&&c.default.createElement(ia,{src:n,alt:"",width:"72",height:"72"}),c.default.createElement("div",{style:{flex:1}},c.default.createElement(Ct,{alignX:"stretch"},c.default.createElement(aa,null,e),i,t&&c.default.createElement(la,null,t)))),c.default.createElement(ra,null,c.default.createElement(Ct,{direction:"horizontal",alignX:"end",spacing:"sm"},f,m,d&&c.default.createElement(ue,{icon:c.default.createElement(ca,null),onClick:d}),s&&c.default.createElement(ue,{icon:c.default.createElement(ht,null),onClick:s})),g))))},exports.Pagination=({testId:e,e2eClassName:t,currentPage:n,totalPagesCount:o,handleChangePage:a})=>{const{pageInputValue:l,handleIncrement:i,handleDecrement:r,handleFormSubmit:d,handleInputChange:s,handleSubmit:u}=ga({currentPage:n,totalPagesCount:o,handleChangePage:a});return c.default.createElement(Ct,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:t},c.default.createElement(ma,{onClick:()=>{1!==n&&a(1)},icon:c.default.createElement(ha,null),size:"sm","aria-label":"go to first page"}),c.default.createElement(ma,{onClick:r,icon:c.default.createElement(ca,null),size:"sm","aria-label":"go to previous page","aria-disabled":n<=1}),c.default.createElement("form",{onSubmit:d},c.default.createElement(fa,{"aria-live":"polite","aria-label":`page ${n} of ${o}`,size:to.sm,type:"number",value:l,min:"1",max:`${o}`,onChange:s,onBlur:u})),c.default.createElement(pa,{count:o}),c.default.createElement(ma,{onClick:i,icon:c.default.createElement(ht,null),size:"sm","aria-label":"go to next page","aria-disabled":n>=o}),c.default.createElement(ma,{onClick:()=>{n!==o&&a(o)},icon:c.default.createElement(ba,null),size:"sm","aria-label":"go to last page","aria-disabled":n>=o}))},exports.PaginationRange=Sa,exports.Popover=G,exports.Popup=kl,exports.Portal=Z,exports.PriceInput=Ma,exports.Radio=Pt,exports.Search=({type:e="text",disabled:t=!1,onClearClick:n,onChange:o,onBlur:a,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,value:s="",error:u,placeholder:m="",className:f="",name:p,isLoading:g=!1,fill:h,reversed:b=!1,autoComplete:v="on",size:x="base"})=>{const y=s&&s.length>0;return c.default.createElement(Ha,{className:f,iconPosition:b?"left":"right"},c.default.createElement(Da,{size:x,type:e,value:s,onChange:o,onBlur:a,onFocus:l,onKeyUp:i,onKeyDown:r,onKeyPress:d,placeholder:m,name:p,disabled:t,error:u,autoComplete:v}),c.default.createElement(Ra,null,g?c.default.createElement(J,{height:24,color:h||I.colors.secondary.blue.base}):y&&n?c.default.createElement(ue,{variant:"unstyled",onClick:n,style:{display:"flex"},"aria-label":"Clear text"},c.default.createElement(ge,{color:h||I.colors.neutral.ink.dark})):c.default.createElement(ue,{variant:"unstyled",onClick:()=>o(s),style:{display:"flex"},"aria-label":"Search"},c.default.createElement(Oa,{color:h||I.colors.neutral.ink.dark,height:S.md,width:S.md}))))},exports.SegmentedControl=({options:e,selected:t,className:n,onChange:o})=>c.default.createElement(Pa,{className:n?`${n}-container`:void 0},e.map((e=>c.default.createElement(ue,{variant:e.value===t?"primary":"default",key:e.key,onClick:()=>o(e.value),disabled:e.disabled,className:e.value===t?"veeqo-components-active-button":""},e.label)))),exports.Select=Za,exports.SimpleTable=Qa,exports.Slider=({id:t,value:n,min:o,max:a,step:l=1,onChange:i,className:r,e2eClassName:d,onSlideStart:s=(()=>{}),onSlideEnd:u=(()=>{})})=>{const[m,f]=e.useState(!1),[p,g]=e.useState(-1),h=e.useRef(null),b=e.useRef(null),v=e.useRef(null),x=al(r),y=al(d),w=e.useCallback((e=>{var t;if(!m||!h.current)return;const r=p>-1?n[p]:n,d=h.current.getBoundingClientRect();let s=100*(e.pageX-d.x)/d.width/100*(a-o)+o;const c=r-s;if(c>0&&(s=r+Math.ceil(s/l-r/l)*l),c<0&&(s=r+Math.floor(s/l-r/l)*l),r===s)return;s>a&&(s=a),s<o&&(s=o),Array.isArray(n)&&(0===p&&s>n[1]&&([,s]=n),1===p&&s<n[0]&&([s]=n));const u=l.toString().includes(".")?null===(t=l.toString().split(".").pop())||void 0===t?void 0:t.length:0;let f;s=Number(s.toFixed(u)),f=Array.isArray(n)?0===p?[s,n[1]]:[n[0],s]:s,i(f),Array.isArray(f)&&f[0]===f[1]&&(0===p&&g(1),1===p&&g(0))}),[p,m,a,o,i,l,n]),C=e.useCallback((()=>{f(!1),u()}),[u]),E=e.useCallback(((e,t)=>{f(!0),s(),"number"==typeof t&&g(t),e.preventDefault()}),[s]);e.useEffect((()=>{const e=e=>E(e,Array.isArray(n)?0:1),t=e=>E(e,1),o=b.current,a=v.current;return null==o||o.addEventListener("mousedown",e),null==a||a.addEventListener("mousedown",t),document.addEventListener("mousemove",w),document.addEventListener("mouseup",C),()=>{null==o||o.removeEventListener("mousedown",e),null==a||a.removeEventListener("mousedown",t),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",C)}}),[E,w,C,n]);const $=(e,t,n)=>{let l;return l=at("number"==typeof n?0===n?[null==x?void 0:x.startSlider,null==y?void 0:y.startSlider]:[null==x?void 0:x.endSlider,null==y?void 0:y.endSlider]:[null==x?void 0:x.slider,null==y?void 0:y.slider]),c.default.createElement(nl,{role:"slider",ref:1===n?v:b,className:l,left:e,"aria-valuemin":o,"aria-valuemax":a,"aria-valuenow":t})},k=e=>{const t=100*(e[0]<o?0:e[0]-o)/(a-o),n=100*(e[1]>a?100:e[1]-o)/(a-o),l=n-t;return c.default.createElement(c.default.Fragment,null,c.default.createElement(ol,{className:at([null==x?void 0:x.sliderRange,null==y?void 0:y.sliderRange]),left:t,width:l}),$(t,e[0],0),$(n,e[1],1))};let S;return S=Array.isArray(n)?k(n):(e=>{if(Array.isArray(n))return k(n);let t;return t=n>a?100:n<o?0:100*(e-o)/(a-o),$(t,e)})(n),c.default.createElement(el,{className:at([null==x?void 0:x.container,null==y?void 0:y.container]),id:t,ref:h},c.default.createElement(tl,null),S)},exports.Stack=Ct,exports.Stepper=Ia,exports.Tag=ll,exports.Text=j,exports.TextField=fo,exports.ToastsLayout=({className:t,e2eClassName:n,toasts:o,minWidth:a="50vw",max:r=3,onClose:d})=>(e.useEffect((()=>{r&&o.length>r&&d(o[0].key)}),[o,r,d]),l.createPortal(c.default.createElement(il,{direction:"vertical",alignX:"center",spacing:4},c.default.createElement(i.TransitionGroup,{component:null},[...o].reverse().map(((e,l)=>c.default.createElement(i.CSSTransition,{key:e.key,timeout:500,classNames:"veeqo-components-toast"},c.default.createElement(fl,Object.assign({className:t,e2eClassName:n,minWidth:a,last:l===o.length-1,onClose:()=>d(e.key)},e))))))),document.body)),exports.Toggle=vl,exports.ToggleButton=({children:e,checked:t,size:n="base",disabled:o=!1,onChange:a})=>c.default.createElement(xl,{type:"button",checked:t,size:n,disabled:o,"aria-pressed":t,tabIndex:"0",onClick:()=>a(!t)},e),exports.Tooltip=Qe,exports.VideoModal=({id:e,youtubeVideoId:t,showVideoModal:n,handleCloseClick:o})=>{const a=xo(n,o);return c.default.createElement(kl,{shouldShow:n,className:`${e}-video`},c.default.createElement(Sl,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(n?"visible":"hidden")},c.default.createElement(Nl,{ref:a},c.default.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),c.default.createElement(zl,{variant:"flat",onClick:o,"data-testid":"video-modal--close",icon:c.default.createElement(ge,{color:"white"})}))))},exports.View=({id:t,iconSlot:n,name:o,type:a,className:l,colourPalette:i=x.secondary.blue,customTextColour:r,count:d,active:s=!1,onClick:u,onDelete:m,onEdit:f,e2eClassName:p})=>{const g=Hl(l),h=Hl(p),[b,v,y]=Co(),w=e.useCallback((()=>u(t)),[t,u]),C=e.useCallback((e=>{e.stopPropagation(),m&&m(t)}),[m,t]),E=e.useCallback((e=>{e.stopPropagation(),f&&f(t)}),[f,t]),$=a===Il.draft,k=a===Il.saved,S=s?x.neutral.ink.dark:x.neutral.ink.base;return c.default.createElement(Ll,{className:`${at([null==g?void 0:g.container,null==h?void 0:h.container])} ${s&&(null==h?void 0:h.active)||""}`,onClick:w},c.default.createElement(Bl,{active:s,onMouseEnter:v,onMouseLeave:y,colourPalette:i,customTextColour:r},n&&c.default.createElement(Dl,null,n),c.default.createElement(j,{variant:"bodyBold"},o),d&&c.default.createElement(jl,{active:s||b,colourPalette:i,customTextColour:r},c.default.createElement(Fl,{className:null==h?void 0:h.counter,variant:"subheadingSmall"},d)),$&&c.default.createElement(ge,Object.assign({},Ml,{color:S,className:null==h?void 0:h.delete,onClick:C})),k&&s&&c.default.createElement(Rl,Object.assign({},Ml,{color:S,className:null==h?void 0:h.edit,onClick:E}))))},exports.WeightInput=Pl,exports.buildClassnames=at,exports.generateId=V,exports.getOpaqueHexColor=Xo,exports.hexToRgb=qo,exports.theme=I,exports.useCellWidths=an,exports.useClickOutside=xo,exports.useColumns=ln,exports.useDebounce=(t,n)=>{const[o,a]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>a(t)),n);return()=>clearTimeout(e)}),[t,n]),o},exports.useDragToScroll=rn,exports.useDropdown=yo,exports.useFocusVisible=function(){const[e,t]=c.default.useState(!1),{hadKeyboardEvent:n,isInitialized:o}=c.default.useContext(wo),a=c.default.useCallback((()=>{e||t(!0)}),[e]),l=c.default.useCallback((()=>{e&&t(!1)}),[e]);let i;return i=o?n&&e:e,c.default.useMemo((()=>({focusVisible:i,onFocus:a,onBlur:l})),[i,l,a])},exports.useHover=Co,exports.useIsOverflowing=Eo,exports.useNested=function(){const[t,n]=e.useState([]);return{nestedTableProps:{expandedRowIds:t,setExpanded:(e,o)=>{if(o)if(e){if(t.includes(o))return;const e=[...t,o];n(e)}else{const e=t.findIndex((e=>e===o));if(e<0)return;const a=[...t];a.splice(e,1),n(a)}}}}},exports.useScrollPosition=dn,exports.useSelection=gn,exports.useTabs=(t,n)=>{const{defaultActiveIndex:o=0}=n||{},[a]=e.useState(t),[l,i]=e.useState(a[o]);return[l,e=>{const t=a.find((t=>t.key===e));t&&i(t)}]},exports.withDeprecated=t=>n=>(e.useEffect((()=>{console.warn(`${t.name} is deprecated.`)}),[]),c.default.createElement(t,Object.assign({},n))),exports.withLabels=ro;
1
+ "use strict";var e=require("react"),t=require("framer-motion"),n=require("styled-components"),o=require("react-popper"),r=require("resize-observer-polyfill"),a=require("react-dom"),i=require("react-transition-group"),l=require("lodash.throttle"),d=require("react-use"),s=require("react-scrolllock-configurable");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=u(e),p=c(n),m=c(r),h=c(a),g=c(l),b=c(s);const v=p.default.div.withConfig({displayName:"vui--BaseContainer",componentId:"vui--bg86rb"})`box-sizing:border-box;position:relative;margin:0;padding:0;`,y={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},x=(e,t)=>e||(t?y[t]:void 0),w={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"}}},E={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},C={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};var $,k;!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)"}($||($={})),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"}(k||(k={}));const S=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}),N={[k.none]:"0",[k.line]:"1px",[k.xs]:S[1],[k.sm]:S[2],[k.base]:S[4],[k.md]:S[6],[k.lg]:S[8],[k.xl]:S[12],[k.xxl]:S[16]},L=Object.assign(Object.assign({},N),S),I={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},z={headingXXL:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:w.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:w.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:w.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:w.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:w.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:w.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:w.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:w.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:w.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:w.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:I.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:w.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},F=Object.assign(Object.assign({},I),{breakpoints:E,colors:w,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:C,shadows:$,sizes:L,text:z}),{text:O,colors:j,fontFamily:M}=F,R=p.default.span.attrs((({as:e,variant:t})=>({as:x(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:${M};line-height:16px;color:#37424d;${({variant:e})=>("button"===e||"buttonSmall"===e)&&"\n cursor: pointer;\n background-color: transparent;\n border: 0;\n "} ${({variant:e,muted:t=!1})=>{if(!e)return"";const n=t?j.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 `}}`,T=p.default(v).withConfig({displayName:"vui--TapBarChild",componentId:"vui--vb6lvt"})`display:flex;flex-direction:row;align-items:center;`,D=p.default(T).withConfig({displayName:"vui--Left",componentId:"vui--19b2coz"})`svg{margin-right:12px;height:${L.base};width:${L.base};color:${({glyphColor:e})=>e};}`,B=p.default(T).withConfig({displayName:"vui--Right",componentId:"vui--13mhsyo"})`justify-content:flex-end;flex-grow:2;`,A=p.default.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 ${F.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${F.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${F.colors.secondary.blue.light};}`,P=p.default(v).withConfig({displayName:"vui--Top",componentId:"vui--11peosj"})`display:flex;flex-direction:row;align-items:center;height:16px;`,H=p.default(R).withConfig({displayName:"vui--Description",componentId:"vui--1e00qnt"})`margin-top:8px;`,W=p.default(t.motion(v)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--2wgxvx"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,V=p.default.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--1dg5oex"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,q=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:L.md},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"}));var Z=function(){return Z=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},Z.apply(this,arguments)};function _(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 X="right-scroll-bar-position",U="width-before-scroll-bar";function Y(t,n){return o=n||null,r=function(e){return t.forEach((function(t){return function(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}(t,e)}))},(a=e.useState((function(){return{value:o,callback:r,facade:{get current(){return a.value},set current(e){var t=a.value;t!==e&&(a.value=e,a.callback(e,t))}}}}))[0]).callback=r,a.facade;var o,r,a}function G(e){return e}function K(e,t){void 0===t&&(t=G);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 a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}}}function J(e,t){return void 0===t&&(t=G),K(e,t)}function Q(e){void 0===e&&(e={});var t=K(null);return t.options=Z({async:!0,ssr:!1},e),t}var ee=function(e){var t=e.sideCar,n=_(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=t.read();if(!o)throw new Error("Sidecar medium not found");return f.createElement(o,Z({},n))};function te(e,t){return e.useMedium(t),ee}ee.isSideCarExport=!0;var ne=Q(),oe=function(){},re=f.forwardRef((function(e,t){var n=f.useRef(null),o=f.useState({onScrollCapture:oe,onWheelCapture:oe,onTouchMoveCapture:oe}),r=o[0],a=o[1],i=e.forwardProps,l=e.children,d=e.className,s=e.removeScrollBar,c=e.enabled,u=e.shards,p=e.sideCar,m=e.noIsolation,h=e.inert,g=e.allowPinchZoom,b=e.as,v=void 0===b?"div":b,y=e.gapMode,x=_(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),w=p,E=Y([n,t]),C=Z(Z({},x),r);return f.createElement(f.Fragment,null,c&&f.createElement(w,{sideCar:ne,removeScrollBar:s,shards:u,noIsolation:m,inert:h,setCallbacks:a,allowPinchZoom:!!g,lockRef:n,gapMode:y}),i?f.cloneElement(f.Children.only(l),Z(Z({},C),{ref:E})):f.createElement(v,Z({},C,{className:d,ref:E}),l))}));function ae(){return ae=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},ae.apply(this,arguments)}function ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}re.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},re.classNames={fullWidth:U,zeroRight:X};var le,de={exports:{}},se={exports:{}},ce={};var ue,fe,pe,me,he,ge,be,ve,ye,xe,we,Ee,Ce,$e,ke={};
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 Se(){return fe||(fe=1,"production"===process.env.NODE_ENV?se.exports=function(){if(le)return ce;le=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,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=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 f=e.$$typeof;switch(f){case t:switch(e=e.type){case d:case s:case o:case a:case r:case u:return e;default:switch(e=e&&e.$$typeof){case l:case c:case m:case p:case i:return e;default:return f}}case n:return f}}}function x(e){return y(e)===s}return ce.AsyncMode=d,ce.ConcurrentMode=s,ce.ContextConsumer=l,ce.ContextProvider=i,ce.Element=t,ce.ForwardRef=c,ce.Fragment=o,ce.Lazy=m,ce.Memo=p,ce.Portal=n,ce.Profiler=a,ce.StrictMode=r,ce.Suspense=u,ce.isAsyncMode=function(e){return x(e)||y(e)===d},ce.isConcurrentMode=x,ce.isContextConsumer=function(e){return y(e)===l},ce.isContextProvider=function(e){return y(e)===i},ce.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ce.isForwardRef=function(e){return y(e)===c},ce.isFragment=function(e){return y(e)===o},ce.isLazy=function(e){return y(e)===m},ce.isMemo=function(e){return y(e)===p},ce.isPortal=function(e){return y(e)===n},ce.isProfiler=function(e){return y(e)===a},ce.isStrictMode=function(e){return y(e)===r},ce.isSuspense=function(e){return y(e)===u},ce.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===a||e===r||e===u||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===c||e.$$typeof===g||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h)},ce.typeOf=y,ce}():se.exports=(ue||(ue=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,a=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=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 f=e.$$typeof;switch(f){case t:var h=e.type;switch(h){case d:case s:case o:case a:case r:case u:return h;default:var g=h&&h.$$typeof;switch(g){case l:case c:case m:case p:case i:return g;default:return f}}case n:return f}}}var x=d,w=s,E=l,C=i,$=t,k=c,S=o,N=m,L=p,I=n,z=a,F=r,O=u,j=!1;function M(e){return y(e)===s}ke.AsyncMode=x,ke.ConcurrentMode=w,ke.ContextConsumer=E,ke.ContextProvider=C,ke.Element=$,ke.ForwardRef=k,ke.Fragment=S,ke.Lazy=N,ke.Memo=L,ke.Portal=I,ke.Profiler=z,ke.StrictMode=F,ke.Suspense=O,ke.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)===d},ke.isConcurrentMode=M,ke.isContextConsumer=function(e){return y(e)===l},ke.isContextProvider=function(e){return y(e)===i},ke.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},ke.isForwardRef=function(e){return y(e)===c},ke.isFragment=function(e){return y(e)===o},ke.isLazy=function(e){return y(e)===m},ke.isMemo=function(e){return y(e)===p},ke.isPortal=function(e){return y(e)===n},ke.isProfiler=function(e){return y(e)===a},ke.isStrictMode=function(e){return y(e)===r},ke.isSuspense=function(e){return y(e)===u},ke.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===s||e===a||e===r||e===u||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===i||e.$$typeof===l||e.$$typeof===c||e.$$typeof===g||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h)},ke.typeOf=y}()),ke)),se.exports}
10
+ /*
11
+ object-assign
12
+ (c) Sindre Sorhus
13
+ @license MIT
14
+ */function Ne(){if(me)return pe;me=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;return pe=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 a,i,l=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(o),d=1;d<arguments.length;d++){for(var s in a=Object(arguments[d]))t.call(a,s)&&(l[s]=a[s]);if(e){i=e(a);for(var c=0;c<i.length;c++)n.call(a,i[c])&&(l[i[c]]=a[i[c]])}}return l},pe}function Le(){if(ge)return he;ge=1;return he="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Ie(){return ve?be:(ve=1,be=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var ze=Se();de.exports=function(){if(Ee)return we;Ee=1;var e=Se(),t=Ne(),n=Le(),o=Ie(),r=function(){if(xe)return ye;xe=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=Le(),n={},o=Ie();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function r(r,a,i,l,d){if("production"!==process.env.NODE_ENV)for(var s in r)if(o(r,s)){var c;try{if("function"!=typeof r[s]){var u=Error((l||"React class")+": "+i+" 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}c=r[s](a,s,l,i,null,t)}catch(e){c=e}if(!c||c instanceof Error||e((l||"React class")+": type specification of "+i+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof c+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),c instanceof Error&&!(c.message in n)){n[c.message]=!0;var f=d?d():"";e("Failed "+i+" type: "+c.message+(null!=f?f:""))}}}return r.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(n={})},ye=r}(),a=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(a=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),we=function(l,d){var s="function"==typeof Symbol&&Symbol.iterator,c="@@iterator",u="<<anonymous>>",f={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(i),arrayOf:function(e){return h((function(t,o,r,a,i){if("function"!=typeof e)return new m("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var l=t[o];if(!Array.isArray(l))return new m("Invalid "+a+" `"+i+"` of type `"+y(l)+"` supplied to `"+r+"`, expected an array.");for(var d=0;d<l.length;d++){var s=e(l,d,r,a,i+"["+d+"]",n);if(s instanceof Error)return s}return null}))},element:h((function(e,t,n,o,r){var a=e[t];return l(a)?null:new m("Invalid "+o+" `"+r+"` of type `"+y(a)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:h((function(t,n,o,r,a){var i=t[n];return e.isValidElementType(i)?null:new m("Invalid "+r+" `"+a+"` of type `"+y(i)+"` supplied to `"+o+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,n,o,r,a){if(!(t[n]instanceof e)){var i=e.name||u;return new m("Invalid "+r+" `"+a+"` of type `"+((l=t[n]).constructor&&l.constructor.name?l.constructor.name:u)+"` supplied to `"+o+"`, expected instance of `"+i+"`.")}var l;return null}))},node:h((function(e,t,n,o,r){return v(e[t])?null:new m("Invalid "+o+" `"+r+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,r,a,i,l){if("function"!=typeof e)return new m("Property `"+l+"` of component `"+a+"` has invalid PropType notation inside objectOf.");var d=t[r],s=y(d);if("object"!==s)return new m("Invalid "+i+" `"+l+"` of type `"+s+"` supplied to `"+a+"`, expected an object.");for(var c in d)if(o(d,c)){var u=e(d,c,a,i,l+"."+c,n);if(u instanceof Error)return u}return null}))},oneOf:function(e){return Array.isArray(e)?h((function(t,n,o,r,a){for(var i=t[n],l=0;l<e.length;l++)if(p(i,e[l]))return null;var d=JSON.stringify(e,(function(e,t){return"symbol"===x(t)?String(t):t}));return new m("Invalid "+r+" `"+a+"` of value `"+String(i)+"` supplied to `"+o+"`, expected one of "+d+".")})):("production"!==process.env.NODE_ENV&&a(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."),i)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&a("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+w(r)+" at index "+t+"."),i}return h((function(t,r,a,i,l){for(var d=[],s=0;s<e.length;s++){var c=(0,e[s])(t,r,a,i,l,n);if(null==c)return null;c.data&&o(c.data,"expectedType")&&d.push(c.data.expectedType)}return new m("Invalid "+i+" `"+l+"` supplied to `"+a+"`"+(d.length>0?", expected one of type ["+d.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,o,r,a,i){var l=t[o],d=y(l);if("object"!==d)return new m("Invalid "+a+" `"+i+"` of type `"+d+"` supplied to `"+r+"`, expected `object`.");for(var s in e){var c=e[s];if("function"!=typeof c)return b(r,a,i,s,x(c));var u=c(l,s,r,a,i+"."+s,n);if(u)return u}return null}))},exact:function(e){return h((function(r,a,i,l,d){var s=r[a],c=y(s);if("object"!==c)return new m("Invalid "+l+" `"+d+"` of type `"+c+"` supplied to `"+i+"`, expected `object`.");var u=t({},r[a],e);for(var f in u){var p=e[f];if(o(e,f)&&"function"!=typeof p)return b(i,l,d,f,x(p));if(!p)return new m("Invalid "+l+" `"+d+"` key `"+f+"` supplied to `"+i+"`.\nBad object: "+JSON.stringify(r[a],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=p(s,f,i,l,d+"."+f,n);if(h)return h}return null}))}};function p(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function m(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,i,l,s,c,f,p){if(s=s||u,f=f||l,p!==n){if(d){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&&(a("You are manually calling a React.PropTypes validation function for the `"+f+"` 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==i[l]?r?null===i[l]?new m("The "+c+" `"+f+"` is marked as required in `"+s+"`, but its value is `null`."):new m("The "+c+" `"+f+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(i,l,s,c,f)}var i=r.bind(null,!1);return i.isRequired=r.bind(null,!0),i}function g(e){return h((function(t,n,o,r,a,i){var l=t[n];return y(l)!==e?new m("Invalid "+r+" `"+a+"` of type `"+x(l)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null}))}function b(e,t,n,o,r){return new m((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[c]);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 m.prototype=Error.prototype,f.checkPropTypes=r,f.resetWarningCache=r.resetWarningCache,f.PropTypes=f,f},we}()(ze.isElement,!0)}else de.exports=function(){if($e)return Ce;$e=1;var e=Le();function t(){}function n(){}return n.resetWarningCache=t,Ce=function(){function o(t,n,o,r,a,i){if(i!==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 a={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 a.PropTypes=a,a}}()();var Fe=de.exports,Oe=ie(Fe),je="data-focus-lock",Me="data-focus-lock-disabled",Re={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"};"production"===process.env.NODE_ENV||Oe.node;var Te=J({},(function(e){return{target:e.target,currentTarget:e.currentTarget}})),De=J(),Be=J(),Ae=Q({async:!0}),Pe=[],He=f.forwardRef((function(t,n){var o,r=f.useState(),a=r[0],i=r[1],l=f.useRef(),d=f.useRef(!1),s=f.useRef(null),c=t.children,u=t.disabled,p=void 0!==u&&u,m=t.noFocusGuards,h=void 0!==m&&m,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,L=void 0===N?Pe:N,I=t.as,z=void 0===I?"div":I,F=t.lockProps,O=void 0===F?{}:F,j=t.sideCar,M=t.returnFocus,R=void 0!==M&&M,T=t.focusOptions,D=t.onActivation,B=t.onDeactivation,A=f.useState({})[0],P=f.useCallback((function(){s.current=s.current||document&&document.activeElement,l.current&&D&&D(l.current),d.current=!0}),[D]),H=f.useCallback((function(){d.current=!1,B&&B(l.current)}),[B]);e.useEffect((function(){p||(s.current=null)}),[]);var W=f.useCallback((function(e){var t=s.current;if(t&&t.focus){var n="function"==typeof R?R(t):R;if(n){var o="object"==typeof n?n:void 0;s.current=null,e?Promise.resolve().then((function(){return t.focus(o)})):t.focus(o)}}}),[R]),V=f.useCallback((function(e){d.current&&Te.useMedium(e)}),[]),q=De.useMedium,Z=f.useCallback((function(e){l.current!==e&&(l.current=e,i(e))}),[]);"production"!==process.env.NODE_ENV&&(void 0!==E&&console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"),f.useEffect((function(){l.current||"string"==typeof z||console.error("FocusLock: could not obtain ref to internal node")}),[]));var _=ae(((o={})[Me]=p&&"disabled",o[je]=C,o),O),X=!0!==h,U=X&&"tail"!==h,G=Y([n,Z]);return f.createElement(f.Fragment,null,X&&[f.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:p?-1:0,style:Re}),S?f.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:p?-1:1,style:Re}):null],!p&&f.createElement(j,{id:A,sideCar:Ae,observed:a,disabled:p,persistentFocus:b,crossFrame:y,autoFocus:w,whiteList:k,shards:L,onActivation:P,onDeactivation:H,returnFocus:W,focusOptions:T}),f.createElement(z,ae({ref:G},_,{className:$,onBlur:q,onFocus:V}),c),U&&f.createElement("div",{"data-focus-guard":!0,tabIndex:p?-1:0,style:Re}))}));He.propTypes="production"!==process.env.NODE_ENV?{children:Fe.node,disabled:Fe.bool,returnFocus:Fe.oneOfType([Fe.bool,Fe.object,Fe.func]),focusOptions:Fe.object,noFocusGuards:Fe.bool,hasPositiveIndices:Fe.bool,allowTextSelection:Fe.bool,autoFocus:Fe.bool,persistentFocus:Fe.bool,crossFrame:Fe.bool,group:Fe.string,className:Fe.string,whiteList:Fe.func,shards:Fe.arrayOf(Fe.any),as:Fe.oneOfType([Fe.string,Fe.func,Fe.object]),lockProps:Fe.object,onActivation:Fe.func,onDeactivation:Fe.func,sideCar:Fe.any.isRequired}:{};var We=He;function Ve(e){setTimeout(e,1)}var qe=Q(),Ze="data-focus-on-hidden",_e={preventScroll:!0},Xe=f.forwardRef((function(e,t){var n=f.useState(!1),o=n[0],r=n[1],a=e.children,i=e.autoFocus,l=e.shards,d=e.crossFrame,s=e.enabled,c=void 0===s||s,u=e.scrollLock,p=void 0===u||u,m=e.focusLock,h=void 0===m||m,g=e.returnFocus,b=void 0===g||g,v=e.inert,y=e.allowPinchZoom,x=e.sideCar,w=e.className,E=e.shouldIgnore,C=e.preventScrollOnFocus,$=e.style,k=e.as,S=e.gapMode,N=_(e,["children","autoFocus","shards","crossFrame","enabled","scrollLock","focusLock","returnFocus","inert","allowPinchZoom","sideCar","className","shouldIgnore","preventScrollOnFocus","style","as","gapMode"]),L=x,I=o.onActivation,z=o.onDeactivation,F=_(o,["onActivation","onDeactivation"]),O=Z(Z({},F),{as:k,style:$,sideCar:x,shards:l,allowPinchZoom:y,gapMode:S,inert:v,enabled:c&&p});return f.createElement(f.Fragment,null,f.createElement(We,{ref:t,sideCar:x,disabled:!(o&&c&&h),returnFocus:b,autoFocus:i,shards:l,crossFrame:d,onActivation:I,onDeactivation:z,className:w,whiteList:E,lockProps:O,focusOptions:C?_e:void 0,as:re},a),c&&f.createElement(L,Z({},N,{sideCar:qe,setLockProps:r,shards:l})))}));function Ue(e,t){return Ue=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ue(e,t)}function Ye(e){return Ye="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},Ye(e)}function Ge(e){var t=function(e,t){if("object"!==Ye(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==Ye(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Ye(t)?t:String(t)}var Ke=function(e){for(var t=Array(e.length),n=0;n<e.length;++n)t[n]=e[n];return t},Je=function(e){return Array.isArray(e)?e:[e]},Qe=function(e){return Array.isArray(e)?e[0]:e},et=function(e){return e.parentNode&&e.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.parentNode.host:e.parentNode},tt=function(e){return e===document||e&&e.nodeType===Node.DOCUMENT_NODE},nt=function(e,t){return!e||tt(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(et(e))},ot=function(e,t){var n=e.get(t);if(void 0!==n)return n;var o=nt(t,ot.bind(void 0,e));return e.set(t,o),o},rt=function(e,t){var n=e.get(t);if(void 0!==n)return n;var o=function(e,t){return!(e&&!tt(e))||!!dt(e)&&t(et(e))}(t,rt.bind(void 0,e));return e.set(t,o),o},at=function(e){return e.dataset},it=function(e){return"INPUT"===e.tagName},lt=function(e){return it(e)&&"radio"===e.type},dt=function(e){var t=e.getAttribute("data-no-autofocus");return![!0,"true",""].includes(t)},st=function(e){var t;return Boolean(e&&(null===(t=at(e))||void 0===t?void 0:t.focusGuard))},ct=function(e){return!st(e)},ut=function(e){return Boolean(e)},ft=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},pt=function(e,t,n){return Ke(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(ft)},mt=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),ht="".concat(mt,", [data-focus-guard]"),gt=function(e,t){return Ke((e.shadowRoot||e).children).reduce((function(e,n){return e.concat(n.matches(t?ht:mt)?[n]:[],gt(n))}),[])},bt=function(e,t){return e.reduce((function(e,n){var o,r=gt(n,t),a=(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)?bt([e.contentDocument.body],t):[e]}(e,t)})));return e.concat(a,n.parentNode?Ke(n.parentNode.querySelectorAll(mt)).filter((function(e){return e===n})):[])}),[])},vt=function(e,t){return Ke(e).filter((function(e){return ot(t,e)})).filter((function(e){return function(e){return!((it(e)||function(e){return"BUTTON"===e.tagName}(e))&&("hidden"===e.type||e.disabled))}(e)}))},yt=function(e,t){return void 0===t&&(t=new Map),Ke(e).filter((function(e){return rt(t,e)}))},xt=function(e,t,n){return pt(vt(bt(e,n),t),!0,n)},wt=function(e,t){return pt(vt(bt(e),t),!1)},Et=function(e,t){return vt((n=e.querySelectorAll("[".concat("data-autofocus-inside","]")),Ke(n).map((function(e){return bt([e])})).reduce((function(e,t){return e.concat(t)}),[])),t);var n},Ct=function(e,t){return e.shadowRoot?Ct(e.shadowRoot,t):!(void 0===Object.getPrototypeOf(e).contains||!Object.getPrototypeOf(e).contains.call(e,t))||Ke(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&&Ct(o,t)}return Ct(e,t)}))},$t=function(e){return e.parentNode?$t(e.parentNode):e},kt=function(e){return Je(e).filter(Boolean).reduce((function(e,t){var n=t.getAttribute(je);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 a=e[o].compareDocumentPosition(e[r]);(a&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&t.add(r),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&t.add(o)}return e.filter((function(e,n){return!t.has(n)}))}(Ke($t(t).querySelectorAll("[".concat(je,'="').concat(n,'"]:not([').concat(Me,'="disabled"])')))):[t]),e}),[])},St=function(e){if(void 0===e&&(e=document),e&&e.activeElement){var t=e.activeElement;return t.shadowRoot?St(t.shadowRoot):t instanceof HTMLIFrameElement&&function(e){try{return e()}catch(e){return}}((function(){return t.contentWindow.document}))?St(t.contentWindow.document):t}},Nt=function(e,t){return void 0===t&&(t=St(Qe(e).ownerDocument)),!(!t||t.dataset&&t.dataset.focusGuard)&&kt(e).some((function(e){return Ct(e,t)||function(e,t){return Boolean(Ke(e.querySelectorAll("iframe")).some((function(e){return function(e,t){return e===t}(e,t)})))}(e,t)}))},Lt=function(e,t){return lt(e)&&e.name?function(e,t){return t.filter(lt).filter((function(t){return t.name===e.name})).filter((function(e){return e.checked}))[0]||e}(e,t):e},It=function(e){return e[0]&&e.length>1?Lt(e[0],e):e[0]},zt=function(e,t){return e.length>1?e.indexOf(Lt(e[t],e)):t},Ft="NEW_FOCUS",Ot=function(e,t,n,o){var r=e.length,a=e[0],i=e[r-1],l=st(n);if(!(n&&e.indexOf(n)>=0)){var d,s,c=void 0!==n?t.indexOf(n):-1,u=o?t.indexOf(o):c,f=o?e.indexOf(o):-1,p=c-u,m=t.indexOf(a),h=t.indexOf(i),g=(d=t,s=new Set,d.forEach((function(e){return s.add(Lt(e,d))})),d.filter((function(e){return s.has(e)}))),b=(void 0!==n?g.indexOf(n):-1)-(o?g.indexOf(o):c),v=zt(e,0),y=zt(e,r-1);return-1===c||-1===f?Ft:!p&&f>=0?f:c<=m&&l&&Math.abs(p)>1?y:c>=h&&l&&Math.abs(p)>1?v:p&&Math.abs(b)>1?f:c<=m?y:c>h?v:p?Math.abs(p)>1?f:(r+f+p)%r:void 0}},jt=function(e,t,n){var o,r=e.map((function(e){return e.node})),a=yt(r.filter((o=n,function(e){var t,n=null===(t=at(e))||void 0===t?void 0:t.autofocus;return e.autofocus||void 0!==n&&"false"!==n||o.indexOf(e)>=0})));return a&&a.length?It(a):It(yt(t))},Mt=function(e,t){return void 0===t&&(t=[]),t.push(e),e.parentNode&&Mt(e.parentNode.host||e.parentNode,t),t},Rt=function(e,t){for(var n=Mt(e),o=Mt(t),r=0;r<n.length;r+=1){var a=n[r];if(o.indexOf(a)>=0)return a}return!1},Tt=function(e,t,n){var o=Je(e),r=Je(t),a=o[0],i=!1;return r.filter(Boolean).forEach((function(e){i=Rt(i||e,e)||i,n.filter(Boolean).forEach((function(e){var t=Rt(a,e);t&&(i=!i||Ct(t,i)?t:Rt(t,i))}))})),i},Dt=function(e,t){var n=St(Je(e).length>0?document:Qe(e).ownerDocument),o=kt(e).filter(ct),r=Tt(n||e,e,o),a=new Map,i=wt(o,a),l=xt(o,a).filter((function(e){var t=e.node;return ct(t)}));if(l[0]||(l=i)[0]){var d,s,c,u=wt([r],a).map((function(e){return e.node})),f=(d=u,s=l,c=new Map,s.forEach((function(e){return c.set(e.node,e)})),d.map((function(e){return c.get(e)})).filter(ut)),p=f.map((function(e){return e.node})),m=Ot(p,u,n,t);if(m===Ft){var h=jt(i,p,function(e,t){return e.reduce((function(e,n){return e.concat(Et(n,t))}),[])}(o,a));return h?{node:h}:void console.warn("focus-lock: cannot find any node to move focus into")}return void 0===m?m:f[m]}},Bt=0,At=!1,Pt=function(e,t,n){void 0===n&&(n={});var o,r,a=Dt(e,t);if(!At&&a){if(Bt>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"),At=!0,void setTimeout((function(){At=!1}),1);Bt++,o=a.node,r=n.focusOptions,"focus"in o&&o.focus(r),"contentWindow"in o&&o.contentWindow&&o.contentWindow.focus(),Bt--}},Ht=function(){return document&&document.activeElement===document.body||function(e){void 0===e&&(e=document);var t=St(e);return!!t&&Ke(e.querySelectorAll("[".concat("data-no-focus-lock","]"))).some((function(e){return Ct(e,t)}))}()},Wt=null,Vt=null,qt=null,Zt=!1,_t=function(){return!0};function Xt(e,t,n,o){var r=null,a=e;do{var i=o[a];if(i.guard)i.node.dataset.focusAutoGuard&&(r=i);else{if(!i.lockItem)break;if(a!==e)return;r=null}}while((a+=n)!==t);r&&(r.node.tabIndex=0)}var Ut=function(e){return e&&"current"in e?e.current:e},Yt=function e(t,n,o){return n&&(n.host===t&&(!n.activeElement||o.contains(n.activeElement))||n.parentNode&&e(t,n.parentNode,o))},Gt=function(){var e,t,n,o,r,a,i,l=!1;if(Wt){var d=Wt,s=d.observed,c=d.persistentFocus,u=d.autoFocus,f=d.shards,p=d.crossFrame,m=d.focusOptions,h=s||qt&&qt.portaledElement,g=document&&document.activeElement;if(h){var b=[h].concat(f.map(Ut).filter(Boolean));if(g&&!function(e){return(Wt.whiteList||_t)(e)}(g)||(c||(p?Boolean(Zt):"meanwhile"===Zt)||!Ht()||!Vt&&u)&&(h&&!(Nt(b)||g&&function(e,t){return t.some((function(t){return Yt(e,t,t)}))}(g,b)||(i=g,qt&&qt.portaledElement===i))&&(document&&!Vt&&g&&!u?(g.blur&&g.blur(),document.body.focus()):(l=Pt(b,Vt,{focusOptions:m}),qt={})),Zt=!1,Vt=document&&document.activeElement),document){var v=document&&document.activeElement,y=(t=kt(e=b).filter(ct),n=Tt(e,e,t),o=new Map,r=xt([n],o,!0),a=xt(t,o).filter((function(e){var t=e.node;return ct(t)})).map((function(e){return e.node})),r.map((function(e){var t=e.node;return{node:t,index:e.index,lockItem:a.indexOf(t)>=0,guard:st(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")})),Xt(x,y.length,1,y),Xt(x,-1,-1,y))}}}return l},Kt=function(e){Gt()&&e&&(e.stopPropagation(),e.preventDefault())},Jt=function(){return Ve(Gt)};"production"===process.env.NODE_ENV||Oe.node.isRequired;var Qt=function(){Zt="just",Ve((function(){Zt="meanwhile"}))};Te.assignSyncMedium((function(e){var t=e.target,n=e.currentTarget;n.contains(t)||(qt={observerNode:n,portaledElement:t})})),De.assignMedium(Jt),Be.assignMedium((function(e){return e({moveFocusInside:Pt,focusInside:Nt})}));var en=function(t,n){if("production"!==process.env.NODE_ENV){if("function"!=typeof t)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 r,a=[];function i(){r=t(a.map((function(e){return e.props}))),n(r)}var l,d,s,c=function(e){var t,n;function l(){return e.apply(this,arguments)||this}n=e,(t=l).prototype=Object.create(n.prototype),t.prototype.constructor=t,Ue(t,n),l.peek=function(){return r};var d=l.prototype;return d.componentDidMount=function(){a.push(this),i()},d.componentDidUpdate=function(){i()},d.componentWillUnmount=function(){var e=a.indexOf(this);a.splice(e,1),i()},d.render=function(){return f.default.createElement(o,this.props)},l}(e.PureComponent);return l=c,d="displayName",s="SideEffect("+function(e){return e.displayName||e.name||"Component"}(o)+")",(d=Ge(d))in l?Object.defineProperty(l,d,{value:s,enumerable:!0,configurable:!0,writable:!0}):l[d]=s,c}}((function(e){return e.filter((function(e){return!e.disabled}))}),(function(e){var t=e.slice(-1)[0];t&&!Wt&&(document.addEventListener("focusin",Kt),document.addEventListener("focusout",Jt),window.addEventListener("blur",Qt));var n=Wt,o=n&&t&&t.id===n.id;Wt=t,n&&!o&&(n.onDeactivation(),e.filter((function(e){return e.id===n.id})).length||n.returnFocus(!t)),t?(Vt=null,o&&n.observed===t.observed||t.onActivation(),Gt(),Ve(Gt)):(document.removeEventListener("focusin",Kt),document.removeEventListener("focusout",Jt),window.removeEventListener("blur",Qt),Vt=null)}))((function(){return null}));te(Ae,en);function tn(){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 nn=function(){var e=0,t=null;return{add:function(n){var o,r;0==e&&(t=tn())&&(r=n,(o=t).styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},on=function(){var e,t=(e=nn(),function(t,n){f.useEffect((function(){return e.add(t),function(){e.remove()}}),[t&&n])});return function(e){var n=e.styles,o=e.dynamic;return t(n,o),null}},rn={left:0,top:0,right:0,gap:0},an=function(e){return parseInt(e||"",10)||0},ln=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return rn;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[an(n),an(o),an(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])}},dn=on(),sn=function(e,t,n,o){var r=e.left,a=e.top,i=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(a,"px;\n padding-right: ").concat(i,"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(X," {\n right: ").concat(l,"px ").concat(o,";\n }\n \n .").concat(U," {\n margin-right: ").concat(l,"px ").concat(o,";\n }\n \n .").concat(X," .").concat(X," {\n right: 0 ").concat(o,";\n }\n \n .").concat(U," .").concat(U," {\n margin-right: 0 ").concat(o,";\n }\n \n body {\n ").concat("--removed-body-scroll-bar-size",": ").concat(l,"px;\n }\n")},cn=function(e){var t=e.noRelative,n=e.noImportant,o=e.gapMode,r=void 0===o?"margin":o,a=f.useMemo((function(){return ln(r)}),[r]);return f.createElement(dn,{styles:sn(a,!t,r,n?"":"!important")})},un=!1;if("undefined"!=typeof window)try{var fn=Object.defineProperty({},"passive",{get:function(){return un=!0,!0}});window.addEventListener("test",fn,fn),window.removeEventListener("test",fn,fn)}catch(e){un=!1}var pn=!!un&&{passive:!1},mn=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])},hn=function(e,t){var n=t.ownerDocument,o=t;do{if("undefined"!=typeof ShadowRoot&&o instanceof ShadowRoot&&(o=o.host),gn(e,o)){var r=bn(e,o);if(r[1]>r[2])return!0}o=o.parentNode}while(o&&o!==n.body);return!1},gn=function(e,t){return"v"===e?function(e){return mn(e,"overflowY")}(t):function(e){return mn(e,"overflowX")}(t)},bn=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},vn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},yn=function(e){return[e.deltaX,e.deltaY]},xn=function(e){return e&&"current"in e?e.current:e},wn=function(e){return"\n .block-interactivity-".concat(e," {pointer-events: none;}\n .allow-interactivity-").concat(e," {pointer-events: all;}\n")},En=0,Cn=[];function $n(e){for(var t=null;null!==e;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}te(ne,(function(e){var t=f.useRef([]),n=f.useRef([0,0]),o=f.useRef(),r=f.useState(En++)[0],a=f.useState(on)[0],i=f.useRef(e);f.useEffect((function(){i.current=e}),[e]),f.useEffect((function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(r));var t=function(e,t,n){if(n||2===arguments.length)for(var o,r=0,a=t.length;r<a;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))}([e.lockRef.current],(e.shards||[]).map(xn),!0).filter(Boolean);return t.forEach((function(e){return e.classList.add("allow-interactivity-".concat(r))})),function(){document.body.classList.remove("block-interactivity-".concat(r)),t.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(r))}))}}}),[e.inert,e.lockRef.current,e.shards]);var l=f.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!i.current.allowPinchZoom;var r,a=vn(e),l=n.current,d="deltaX"in e?e.deltaX:l[0]-a[0],s="deltaY"in e?e.deltaY:l[1]-a[1],c=e.target,u=Math.abs(d)>Math.abs(s)?"h":"v";if("touches"in e&&"h"===u&&"range"===c.type)return!1;var f=hn(u,c);if(!f)return!0;if(f?r=u:(r="v"===u?"h":"v",f=hn(u,c)),!f)return!1;if(!o.current&&"changedTouches"in e&&(d||s)&&(o.current=r),!r)return!0;var p=o.current||r;return function(e,t,n,o,r){var a=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),i=a*o,l=n.target,d=t.contains(l),s=!1,c=i>0,u=0,f=0;do{var p=bn(e,l),m=p[0],h=p[1]-p[2]-a*m;(m||h)&&gn(e,l)&&(u+=h,f+=m),l=l instanceof ShadowRoot?l.host:l.parentNode}while(!d&&l!==document.body||d&&(t.contains(l)||t===l));return(c&&(r&&Math.abs(u)<1||!r&&i>u)||!c&&(r&&Math.abs(f)<1||!r&&-i>f))&&(s=!0),s}(p,t,e,"h"===p?d:s,!0)}),[]),d=f.useCallback((function(e){var n=e;if(Cn.length&&Cn[Cn.length-1]===a){var o="deltaY"in n?yn(n):vn(n),r=t.current.filter((function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&(t=e.delta,r=o,t[0]===r[0]&&t[1]===r[1]);var t,r}))[0];if(r&&r.should)n.cancelable&&n.preventDefault();else if(!r){var d=(i.current.shards||[]).map(xn).filter(Boolean).filter((function(e){return e.contains(n.target)}));(d.length>0?l(n,d[0]):!i.current.noIsolation)&&n.cancelable&&n.preventDefault()}}}),[]),s=f.useCallback((function(e,n,o,r){var a={name:e,delta:n,target:o,should:r,shadowParent:$n(o)};t.current.push(a),setTimeout((function(){t.current=t.current.filter((function(e){return e!==a}))}),1)}),[]),c=f.useCallback((function(e){n.current=vn(e),o.current=void 0}),[]),u=f.useCallback((function(t){s(t.type,yn(t),t.target,l(t,e.lockRef.current))}),[]),p=f.useCallback((function(t){s(t.type,vn(t),t.target,l(t,e.lockRef.current))}),[]);f.useEffect((function(){return Cn.push(a),e.setCallbacks({onScrollCapture:u,onWheelCapture:u,onTouchMoveCapture:p}),document.addEventListener("wheel",d,pn),document.addEventListener("touchmove",d,pn),document.addEventListener("touchstart",c,pn),function(){Cn=Cn.filter((function(e){return e!==a})),document.removeEventListener("wheel",d,pn),document.removeEventListener("touchmove",d,pn),document.removeEventListener("touchstart",c,pn)}}),[]);var m=e.removeScrollBar,h=e.inert;return f.createElement(f.Fragment,null,h?f.createElement(a,{styles:wn(r)}):null,m?f.createElement(cn,{gapMode:e.gapMode}):null)}));var kn=new WeakMap,Sn=new WeakMap,Nn={},Ln=0,In=function(e){return e&&(e.host||In(e.parentNode))},zn=function(e,t,n,o){var r=function(e,t){return t.map((function(t){if(e.contains(t))return t;var n=In(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]);Nn[n]||(Nn[n]=new WeakMap);var a=Nn[n],i=[],l=new Set,d=new Set(r),s=function(e){e&&!l.has(e)&&(l.add(e),s(e.parentNode))};r.forEach(s);var c=function(e){e&&!d.has(e)&&Array.prototype.forEach.call(e.children,(function(e){if(l.has(e))c(e);else{var t=e.getAttribute(o),r=null!==t&&"false"!==t,d=(kn.get(e)||0)+1,s=(a.get(e)||0)+1;kn.set(e,d),a.set(e,s),i.push(e),1===d&&r&&Sn.set(e,!0),1===s&&e.setAttribute(n,"true"),r||e.setAttribute(o,"true")}}))};return c(t),l.clear(),Ln++,function(){i.forEach((function(e){var t=kn.get(e)-1,r=a.get(e)-1;kn.set(e,t),a.set(e,r),t||(Sn.has(e)||e.removeAttribute(o),Sn.delete(e)),r||e.removeAttribute(n)})),--Ln||(kn=new WeakMap,kn=new WeakMap,Sn=new WeakMap,Nn={})}},Fn=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]"))),zn(o,r,n,"aria-hidden")):function(){return null}},On=on(),jn="\n ["+Ze+"] {\n pointer-events: none !important;\n }\n",Mn=function(){return f.createElement(On,{styles:jn})},Rn=function(e){return"current"in e?e.current:e};var Tn=te(qe,(function(t){var n=t.setLockProps,o=t.onEscapeKey,r=t.onClickOutside,a=t.shards,i=t.onActivation,l=t.onDeactivation,d=t.noIsolation,s=e.useState(void 0),c=s[0],u=s[1],p=e.useRef(null),m=e.useRef(0);return f.useEffect((function(){var e=function(e){e.defaultPrevented||"Escape"!==e.code&&"Escape"!==e.key&&27!==e.keyCode||!o||o(e)},t=function(e){e.defaultPrevented||e.target===p.current||e instanceof MouseEvent&&0!==e.button||a&&a.map(Rn).some((function(t){return t&&t.contains(e.target)||t===e.target}))||r&&r(e)},n=function(e){t(e),m.current=e.touches.length},i=function(e){m.current=e.touches.length};if(c)return document.addEventListener("keydown",e),document.addEventListener("mousedown",t),document.addEventListener("touchstart",n),document.addEventListener("touchend",i),function(){document.removeEventListener("keydown",e),document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",n),document.removeEventListener("touchend",i)}}),[c,r,o]),e.useEffect((function(){if(c)return i&&i(c),function(){l&&l()}}),[!!c]),e.useEffect((function(){var e=function(){return null},t=!1;return n({onMouseDown:function(e){p.current=e.target},onTouchStart:function(e){p.current=e.target},onActivation:function(t){d||(e=Fn(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 a=arguments[t],i=0,l=a.length;i<l;i++,r++)o[r]=a[i];return o}([t],(a||[]).map(Rn)),document.body,Ze)),u((function(){return t}))},onDeactivation:function(){e(),t||u(null)}}),function(){t=!0,n(!1)}}),[]),f.createElement(Mn,null)})),Dn=function(e){return f.createElement(Tn,Z({},e))},Bn=f.forwardRef((function(e,t){return f.createElement(Xe,Z({},e,{ref:t,sideCar:Dn}))}));const An=e=>`${e}-${Math.floor(1e3*Math.random())}`;class Pn extends e.PureComponent{constructor(e){super(e),this.id=An("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?a.createPortal(e,this.portalNode):null}}const Hn=p.default.dialog.withConfig({displayName:"vui--PopoverDialog",componentId:"vui--cg48a2"})`z-index:${({zIndex:e})=>e+1};padding:0;margin:0;border:none;background:transparent;`,Wn=e=>e.filter(Boolean).join(" "),Vn=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=Vn(e);return n?`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`:e},Zn=t=>{var{id:n,children:r,zIndex:a=F.layers.popup,placement:i="bottom",anchorElement:l,rootElementRef:d,shards:s,onShouldClose:c,style:u}=t,p=_(t,["id","children","zIndex","placement","anchorElement","rootElementRef","shards","onShouldClose","style"]);const[h,g]=e.useState(null),{styles:b,attributes:v,update:y}=o.usePopper(l,h,{placement:i});return(({anchorElement:t,popoverId:n})=>{e.useEffect((()=>{if(t){try{t.setAttribute("aria-expanded","true")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: true")}try{t.hasAttribute("aria-controls")||t.setAttribute("aria-controls",n)}catch(e){console.warn(`Unable to set aria-controls for popover id: ${n}`)}try{t.hasAttribute("aria-haspopup")||t.setAttribute("aria-haspopup","dialog")}catch(e){console.warn(`Unable to set aria-haspopup for popover id: ${n}`)}return()=>{try{t.setAttribute("aria-expanded","false")}catch(e){console.warn("Unable to update aria-expanded for popover anchor to: false")}}}}),[t,n])})({anchorElement:l,popoverId:e.useMemo((()=>n||An("popover")),[n])}),e.useEffect((()=>{if(!y||!h)return;const e=new m.default(y);return e.observe(h),()=>e.disconnect()}),[y,h]),e.useEffect((()=>{if(y)return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)}),[y]),f.default.createElement(Pn,{rootElementRef:d},f.default.createElement(Bn,{onClickOutside:c,onEscapeKey:c,shards:s},f.default.createElement(Hn,Object.assign({open:!0,zIndex:a,ref:g,style:Object.assign(Object.assign({},b.popper),u)},v.popper,p),r)))},_n=({width:e,height:t,className:n,color:o,label:r})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":r},f.default.createElement("defs",null,f.default.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},f.default.createElement("stop",{stopColor:o,stopOpacity:"0",offset:"0%"}),f.default.createElement("stop",{stopColor:o,stopOpacity:".631",offset:"63.146%"}),f.default.createElement("stop",{stopColor:o,offset:"100%"}))),f.default.createElement("g",{fill:"none",fillRule:"evenodd"},f.default.createElement("g",{transform:"translate(1 1)"},f.default.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:o,strokeWidth:"2"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),f.default.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},f.default.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))),Xn=({width:e,height:t,className:n,color:o,label:r})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 105 105",fill:o,"aria-label":r},f.default.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},f.default.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"}))),Un=({width:e,height:t,className:n,color:o,label:r})=>f.default.createElement("svg",{width:e,height:t,className:n,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:o,"aria-label":r},f.default.createElement("circle",{cx:"15",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},f.default.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),f.default.createElement("circle",{cx:"105",cy:"15",r:"15"},f.default.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),f.default.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"}))),Yn=({className:e,height:t=24,width:n=24,color:o="#588CB0",type:r="TailSpin"})=>{switch(r){case"Grid":return f.default.createElement(Xn,{className:e,height:t,width:n,color:o});case"ThreeDots":return f.default.createElement(Un,{className:e,height:t,width:n,color:o});default:return f.default.createElement(_n,{className:e,height:t,width:n,color:o})}},Gn=p.default.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})=>L[e]};height:${({size:e})=>L[e]};}`,Kn=p.default.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:${F.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${e=>{let t="40px",n="24px",o="24px",r="8px",a="16px",i="4px";return e.hasIcon&&(n="16px"),e.hasDropdown&&(o="16px"),"sm"===e.size&&(t="32px",n="16px",o="16px",r="4px",a="14px",i="2px",e.hasIcon&&(n="8px"),e.hasDropdown&&(o="8px")),e.hasText||(n="8px",o="8px"),`\n --outline-width: ${i};\n\n height: ${t};\n padding-left: ${n};\n padding-right: ${o};\n border-radius: ${r};\n font-size: ${a};\n `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}& > span{position:relative;top:-1px;}`,Jn=p.default(Kn).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1mceh7z"})`border-color:${F.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:e})=>e?F.colors.neutral.ink.base:F.colors.secondary.blue.base};&:hover{background-color:${F.colors.neutral.grey.lightest};}&:active{background-color:${F.colors.neutral.grey.lightest};border-color:${F.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${F.colors.neutral.grey.base} !important;border-color:${F.colors.neutral.grey.base} !important;color:${F.colors.neutral.ink.light} !important;}`,Qn=p.default(Jn).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1vhc5dm"})`color:${F.colors.secondary.red.base};&:hover{color:${F.colors.secondary.red.dark};}&:active{border-color:${F.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.red.light};color:${F.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.red.light};}`,eo=p.default(Jn).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--lamrqo"})`background-color:${F.colors.secondary.blue.base};border-color:${F.colors.secondary.blue.base};color:white;&:hover{background-color:${F.colors.secondary.blue.dark};border-color:${F.colors.secondary.blue.dark};}&:active{background-color:${F.colors.secondary.blue.dark};border-color:${F.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.blue.light};}`,to=p.default(eo).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--14zrdl"})`background-color:${F.colors.secondary.red.base};border-color:${F.colors.secondary.red.base};color:white;&:hover{background-color:${F.colors.secondary.red.dark};border-color:${F.colors.secondary.red.dark};}&:active{background-color:${F.colors.secondary.red.dark};border-color:${F.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${F.colors.secondary.red.light};}`,no=p.default(Kn).withConfig({displayName:"vui--FlatButton",componentId:"vui--1w880uc"})`border-color:transparent;box-shadow:none;color:${F.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)${F.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,oo=p.default.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--kyccjz"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,ro=p.default(oo).withConfig({displayName:"vui--LinkButton",componentId:"vui--eh2yja"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${F.text.link.fontFamily};font-size:${F.text.link.fontSize};font-weight:${F.text.link.fontWeight};line-height:${F.text.link.lineHeight};text-decoration:${F.text.link.textDecoration};color:${F.colors.secondary.blue.base};&:hover{color:${F.colors.secondary.blue.dark};}& > * + *{margin-left:${F.sizes.xs};}& > span{position:relative;top:-1px;}`,ao=p.default.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;`,io=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"})),lo={default:Jn,primary:eo,destructive:Qn,primaryDestructive:to,flat:no,link:ro,unstyled:oo},so=e.forwardRef(((e,t)=>{var{className:n,children:o,icon:r,variant:a="default",size:i="base",dropdown:l=!1,loading:d=!1}=e,s=_(e,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===a)return f.default.createElement(oo,Object.assign({ref:t,className:n},s),o);const c=lo[a],u=void 0!==o,p=!!r;return f.default.createElement(c,Object.assign({ref:t,className:n,size:i,hasText:u,hasIcon:p,hasDropdown:l},s),(u||p)&&f.default.createElement(Gn,{loading:d,hasText:!!o,size:o||"sm"===i?"base":"md"},r&&r,void 0!==o&&f.default.createElement("span",null,o),l&&f.default.createElement(io,null)),d&&f.default.createElement(ao,null,f.default.createElement(Yn,null)))})),co=p.default.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${L.md};padding-right:${L.md};padding-left:${L.md};margin-bottom:${L.md};& > * + *{margin-top:${L.xs};}`,uo=p.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${L.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`,fo=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:L.md},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"})),po=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:24,width:24},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"})),mo=({id:e,title:t,subtitle:n,headerVariant:o="headingSmall",action:r,ActionSlot:a,isCollapsed:i,onClickCollapse:l,onClickClose:d})=>f.default.createElement(co,null,f.default.createElement(uo,null,f.default.createElement(R,{id:e,variant:o},t),r&&f.default.createElement(so,{variant:"link",onClick:r.onClick},r.title),a,l&&f.default.createElement(so,{variant:"flat",icon:i?f.default.createElement(fo,null):f.default.createElement(q,null),onClick:l}),d&&f.default.createElement(so,{variant:"flat",icon:f.default.createElement(po,null),onClick:d,"aria-label":"Close"})),n&&f.default.createElement(R,{variant:"subheadingSmall"},n)),{grey:ho}=w.neutral,go={0:"none",1:$.sm,2:$.base,3:$.md,4:$.lg},bo={info:w.secondary.blue.base,success:w.secondary.green.base,error:w.secondary.red.base},vo=p.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${L.base};padding:${L.md};z-index:2;`,yo=p.default.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${L.md};padding-left:${L.md};margin-top:${L.md};margin-bottom:${L.md};font-family:${z.body.fontFamily};font-size:${z.body.fontSize};font-weight:${z.body.fontWeight};line-height:${z.body.lineHeight};color:${z.body.color};& + &{border-top:${L.line} solid ${ho.base};padding-top:${L.md};}`,xo=p.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${L.md};margin-right:-${L.md};`,wo=p.default(t.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${yo}:first-child{margin-top:0;}`,Eo=p.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${L.line} solid ${ho.base};box-shadow:${e=>void 0!==e.elevation?go[e.elevation]:$.sm};border-radius:${C.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: ${L.xs};\n background-color: ${bo[e]};\n }\n `}`,Co={expanded:{height:"auto"},collapsed:{height:0}},$o=({className:t,style:n,title:o,subtitle:r,HeaderActionSlot:a,action:i,collapsable:l,elevation:d,accent:s,children:c,onClose:u,renderFooter:p})=>{const[m,h]=e.useState(!1),g=o&&f.default.createElement(mo,{title:o,subtitle:r,ActionSlot:a,action:i,onClickClose:u,isCollapsed:m,onClickCollapse:l?()=>{h(!m)}:void 0}),b=l&&!m||!l,v=f.default.createElement(wo,{animate:b?"expanded":"collapsed",variants:Co,transition:{duration:.3,ease:"easeOut"}},f.default.createElement(yo,null,c)),y=void 0!==p&&f.default.createElement(vo,null,p());return f.default.createElement(Eo,{className:t,style:n,elevation:d,accent:s},g,v,y)};$o.Surface=Eo,$o.Section=yo,$o.FullBleed=xo,$o.Footer=vo;const{sizes:ko,colors:So,text:No}=F,Lo=p.default($o.Surface).withConfig({displayName:"vui--ListCard",componentId:"vui--1trkfaa"})`min-width:280px;padding:${ko.base} 0;display:flex;flex-direction:column;`,Io=p.default.section.withConfig({displayName:"vui--Section",componentId:"vui--rjtb0l"})`display:flex;flex-direction:column;& + &{border-top:1px solid ${So.neutral.grey.base};margin-top:${ko.base};padding-top:${ko.base};}`,zo=p.default(R).attrs({variant:"subheadingSmall"}).withConfig({displayName:"vui--SectionHeading",componentId:"vui--74egpv"})`margin:${ko.sm} ${ko.base} ${ko.sm};`,Fo=p.default(so).attrs({variant:"unstyled"}).withConfig({displayName:"vui--Item",componentId:"vui--1ib3pw5"})`box-sizing:border-box;min-height:${ko.lg};padding:${ko.xs} ${ko.base};display:flex;align-items:center;white-space:nowrap;font-family:${No.body.fontFamily};font-size:${No.body.fontSize};font-weight:${No.body.fontWeight};&:hover{background-color:${So.neutral.grey.light};color:${So.secondary.blue.base};}& > * + *{margin-left:${ko[3]};}`,Oo={item:Fo,action:p.default(Fo).withConfig({displayName:"vui--ActionItem",componentId:"vui--1p9b0cj"})`color:${So.secondary.blue.base};`,link:p.default(Fo).withConfig({displayName:"vui--LinkItem",componentId:"vui--dzqkwg"})`color:${So.secondary.blue.base};text-decoration:underline;`},jo=({title:t,items:n=[],sections:o,buttonVariant:r,buttonSize:a})=>{const[i,l]=e.useState(!1),[d,s]=e.useState(null),c=e=>{const t=Oo[e.variant||"item"];return f.default.createElement(t,{onClick:()=>{return t=e.onClick,l(!1),void t();var t},key:e.title},e.icon&&e.icon,f.default.createElement("span",null,e.title))},u=o?o.map((e=>f.default.createElement(Io,{key:e.title},e.title&&f.default.createElement(zo,null,e.title),e.items.map(c)))):n.map(c);return f.default.createElement(f.default.Fragment,null,f.default.createElement(so,{dropdown:!0,variant:r,size:a,onClick:()=>l(!i),ref:s},t),i&&f.default.createElement(Zn,{anchorElement:d,placement:"bottom-start",onShouldClose:()=>l(!1)},f.default.createElement(Lo,null,u)))},Mo=p.default.a.withConfig({displayName:"vui--CommonAnchor",componentId:"vui--1tq5iq"})`box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${F.text.link.fontFamily};font-style:${F.text.link.fontStyle};font-weight:${F.text.link.fontWeight};font-size:${F.text.link.fontSize};line-height:${F.text.link.lineHeight};color:${F.colors.secondary.blue.base};text-decoration:${F.text.link.textDecoration};&:hover{color:${F.colors.secondary.blue.dark};}`,Ro=p.default(v).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;`,To=e.forwardRef(((e,t)=>{const{children:n,className:o}=e;return f.default.createElement(Ro,{className:o,ref:t},n)})),Do=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--602vf7"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`,Bo=p.default(v).withConfig({displayName:"vui--Wrap",componentId:"vui--npjssh"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`,Ao=p.default(To).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);}`,Po=({cta:t,shouldShowDropdown:n,children:o,className:r="animated-dropdown",reversed:a=!1,onClickAway:l=(()=>{}),timeout:d=350,transitionClassnames:s="dropdown",onClick:c,onMouseEnter:u,onMouseLeave:p})=>{const m=e.useRef(null);return((t,n)=>{e.useEffect((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n])})(m,(e=>{n&&l(e)})),f.default.createElement(Do,{className:`${r}-container ${r}`,onClick:c,onMouseEnter:u,onMouseLeave:p,ref:m},!a&&t,f.default.createElement(Bo,{className:`${r}-wrap ${r}`},f.default.createElement(i.CSSTransition,{in:n,timeout:d,classNames:s,unmountOnExit:!0},f.default.createElement(Ao,{reversed:a,className:`${r}-basic-dropdown ${r}`},o))),a&&t)},Ho=p.default.div.withConfig({displayName:"vui--AvatarSC",componentId:"vui--224xhi"})`width:${e=>e.width};height:${e=>e.width};border:3px solid ${F.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:${F.text.bodySmallBold.fontFamily};font-weight:${F.text.bodySmallBold.fontWeight};font-size:${F.text.bodySmallBold.fontSize};line-height:${F.text.bodySmallBold.lineHeight};}`;var Wo,Vo;!function(e){e.end="end",e.start="start"}(Wo||(Wo={})),function(e){e.BOTTOM="bottom",e.TOP="top"}(Vo||(Vo={}));const qo=p.default.div.withConfig({displayName:"vui--Container",componentId:"vui--16xd2og"})`display:inline-block;`,Zo=p.default(qo).withConfig({displayName:"vui--Hoverable",componentId:"vui--if1bgt"})``,_o=p.default(R).withConfig({displayName:"vui--TooltipText",componentId:"vui--1tbdgc0"})`color:${F.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`,Xo=p.default.div.withConfig({displayName:"vui--Triangle",componentId:"vui--1eqvhdd"})`background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`,Uo=p.default.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;}`,Yo=p.default(qo).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;`,Go={duration:400,side:Vo.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},Ko=({children:t,text:n,content:r,config:a,reversed:i=!1,className:l,withTriangle:d,initialShouldShow:s=!1,useReactPortal:c=!0})=>{const u=!!n&&n.trim().length>0,p=Object.assign(Object.assign({},Go),a),{duration:m,side:g,triangleOffset:b,tipMinWidth:v,tipMaxWidth:y}=p,x={container:l&&`${l} ${l}-container`,tip:l&&`${l}-tip`,wrap:l&&`${l}-wrap`,triangle:l&&`${l}-triangle`,hoverable:l&&`${l}-hoverable`},[w,E]=e.useState(s),[C,$]=e.useState(null),[k,S]=e.useState(null),{styles:N,attributes:L}=o.usePopper(C,k,{placement:`${g}-${i?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),I=e.useCallback((()=>E(!0)),[E]),z=e.useCallback((()=>E(!1)),[E]),O=Object.assign(Object.assign({},N.popper),{zIndex:F.layers.tooltip}),j=w&&(r||u)&&f.default.createElement(Uo,Object.assign({className:x.tip,ref:S,duration:m,triangleOffsetSize:b,style:O},L.popper,{role:"tooltip"}),f.default.createElement(Yo,{className:x.wrap,tipMinWidth:v,tipMaxWidth:y},null!=r?r:f.default.createElement(_o,null,n)),d&&f.default.createElement(Xo,{id:"veeqo-components-triangle",className:x.triangle}));return f.default.createElement(qo,{className:x.container},c?h.default.createPortal(j,document.body):j,f.default.createElement(Zo,{ref:$,className:x.hoverable,onMouseEnter:I,onMouseLeave:z},t))},Jo=p.default(v).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:${z.bodySmall.fontFamily};font-weight:${z.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${e=>e.hideBorder?"none":"1px solid transparent"};cursor:default;svg{width:${L.base};height:${L.base};}`,Qo={default:p.default(Jo).withConfig({displayName:"vui--DefaultBadge",componentId:"vui--cjoxaq"})`background-color:inherit;border-color:${w.secondary.blue.base};color:${w.secondary.blue.base};`,primary:p.default(Jo).withConfig({displayName:"vui--PrimaryBadge",componentId:"vui--12dvheo"})`border-color:${w.secondary.blue.base};background-color:${w.secondary.blue.lightest};color:${w.secondary.blue.base};`,warning:p.default(Jo).withConfig({displayName:"vui--WarningBadge",componentId:"vui--5cooo3"})`border-color:${w.secondary.yellow.base};background-color:${w.secondary.yellow.lightest};color:${w.secondary.orange.dark};`},er=p.default(v).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"};`,tr=p.default(v).withConfig({displayName:"vui--Row",componentId:"vui--9nzbbv"})`display:flex;flex-direction:row;`,nr=p.default(v).withConfig({displayName:"vui--Col",componentId:"vui--zplr21"})`display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`,or=p.default(nr).withConfig({displayName:"vui--IconCol",componentId:"vui--1j9d69e"})`svg{width:${L.md};height:${L.md};color:${({accentColor:e})=>e};}`,rr=p.default(v).withConfig({displayName:"vui--ChildContainer",componentId:"vui--wt59q7"})`width:100%;`,ar=p.default(nr).withConfig({displayName:"vui--HeaderCol",componentId:"vui--1wkol92"})`flex-grow:2;margin-right:12px;`,ir=p.default(R).withConfig({displayName:"vui--StyledText",componentId:"vui--150p0zs"})`position:relative;top:-2px;`,lr={help:w.secondary.blue.base,info:w.neutral.ink.base,error:w.secondary.red.base,success:w.secondary.green.base},dr=p.default.ul.withConfig({displayName:"vui--BreadcrumbsSC",componentId:"vui--16f283b"})`list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${z.body.fontFamily};font-weight:${z.body.fontWeight};font-size:${z.body.fontSize};line-height:${z.body.lineHeight};`,sr=p.default.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=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"})),ur=({children:e,title:t,LinkComponent:n,href:o})=>n?f.default.createElement(sr,{className:"breadcrumb"},f.default.createElement(n,{href:o},t),e):f.default.createElement(sr,{className:"breadcrumb"},t,e),fr=()=>f.default.createElement(cr,{className:"separator",width:L.base,height:L.base}),pr=({children:e,href:t})=>f.default.createElement("a",{href:t},e),mr=({children:e})=>f.default.createElement("span",null,e);var hr;!function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(hr||(hr={}));const gr=p.default.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 a,i,l,d,s="",c="";return"vertical"===t?(a=n&&hr[n],i=o&&hr[o],s=F.sizes[r],l="column"):(a=o&&hr[o],i=n&&hr[n],c=F.sizes[r],l="row"),("vertical"===t&&"stretch"===o||"horizontal"===t&&"stretch"===n)&&(d=1),`\n align-items: ${a};\n justify-content: ${i};\n flex-direction: ${l};\n\n & > * {\n flex: ${d};\n }\n\n & > * + * {\n margin-top: ${s};\n margin-left: ${c};\n }\n `}}`;gr.displayName="Stack";const br={top:"flex-start",center:"center"},vr=p.default.div.withConfig({displayName:"vui--RootLayout",componentId:"vui--3b6yzv"})`display:flex;align-items:center;& > * + *{margin-left:${F.sizes.base};}`,yr=p.default.div.withConfig({displayName:"vui--InputLayout",componentId:"vui--8ngm7b"})`align-self:stretch;display:flex;align-items:${e=>br[e.align]};width:24px;height:24px;`,xr=p.default.div.withConfig({displayName:"vui--AccessoryLayout",componentId:"vui--1cu5xjr"})`align-self:center;display:flex;align-items:center;`,wr=p.default.div.withConfig({displayName:"vui--TextLayout",componentId:"vui--1na6cp4"})`flex:1;& > * + *{margin-top:${F.sizes.sm};}`,Er=p.default.span.withConfig({displayName:"vui--LabelText",componentId:"vui--1rasg4l"})`font-family:${F.text.body.fontFamily};font-size:${F.text.body.fontSize};font-weight:${F.text.body.fontWeight};line-height:${F.sizes.md};color:${F.text.body.color};`,Cr=p.default.div.withConfig({displayName:"vui--HintText",componentId:"vui--13bynjq"})`font-family:${F.fontFamily};font-size:${F.sizes[3]};line-height:${F.sizes[4]};color:${F.colors.neutral.ink.light};`,$r=p.default.div.withConfig({displayName:"vui--ErrorText",componentId:"vui--1kh3zgo"})`font-family:${F.text.error.fontFamily};font-size:${F.text.error.fontSize};font-weight:${F.text.error.fontWeight};line-height:${F.text.error.lineHeight};color:${F.text.error.color};`,kr=p.default.label.withConfig({displayName:"vui--Wrapper",componentId:"vui--ogz9oa"})`box-sizing:border-box;&:hover{cursor:${e=>e.disabled?"default":"pointer"};}`,Sr=p.default(kr).withConfig({displayName:"vui--BorderedWrapper",componentId:"vui--11xzxut"})`border:2px solid ${F.colors.neutral.grey.dark};border-radius:${F.radius.md};padding:${F.sizes.base} 0.75rem;&:hover{border-color:${F.colors.secondary.blue.base};}& ${Er}{font-weight:${F.text.bodyBold.fontWeight};}`,Nr=p.default(Ko).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--gms4qf"})`display:block;&-hoverable{display:block;}`,Lr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"})),Ir=({id:e,label:t,hint:n,tooltip:o,error:r,bordered:a,Badge:i,Accessory:l,Footer:d,children:s,disabled:c=!1})=>{const u=f.default.createElement(vr,null,f.default.createElement(yr,{align:l?"center":"top"},s),l&&f.default.createElement(xr,null,l),t||n||r||i||d?f.default.createElement(wr,null,f.default.createElement(gr,{direction:"horizontal",alignY:"center",spacing:"sm"},i,t&&f.default.createElement(Er,null,t),o&&f.default.createElement(Nr,{text:o},f.default.createElement(Lr,{name:"help",width:F.sizes.base,color:F.colors.neutral.ink.lightest}))),n&&f.default.createElement(Cr,null,n),r&&f.default.createElement($r,null,r),d):null);return a?f.default.createElement(Sr,{disabled:c,htmlFor:e},u):f.default.createElement(kr,{disabled:c,htmlFor:e},u)},{colors:zr,sizes:Fr,radius:Or}=F,jr=p.default.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${zr.neutral.ink.lightest};border-radius:${Or.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${zr.secondary.blue.base};border-color:${zr.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:${Fr[4]};background-position:center;}&:hover{border-color:${zr.secondary.blue.base};}&:active{border-color:${zr.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${zr.secondary.blue.light};outline:0;}&:indeterminate{background-color:${zr.secondary.blue.base};border-color:${zr.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:${Fr[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${zr.neutral.grey.base};border-color:${zr.neutral.grey.base};color:${zr.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>");}`,Mr=t=>{var{checked:n,indeterminate:o,value:r,name:a,disabled:i,ariaLabel:l,className:d,onChange:s}=t,c=_(t,["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange"]);const u=e.useMemo((()=>An("checkbox")),[]),p=e.useRef(null),m=e.useCallback((e=>{s(e.currentTarget.checked,r)}),[s,r]);return e.useEffect((()=>{p.current&&(p.current.indeterminate=!0===o)}),[o]),f.default.createElement(Ir,Object.assign({id:u,disabled:i},c),f.default.createElement(jr,{ref:p,id:u,type:"checkbox",checked:n,value:r,name:a,disabled:i,"aria-label":l,className:d,onChange:m}))},Rr=p.default.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;}`,Tr=e.forwardRef(((t,n)=>{var{checked:o,value:r,name:a,disabled:i,onChange:l,id:d}=t,s=_(t,["checked","value","name","disabled","onChange","id"]);const c=e.useCallback((e=>{l(e.currentTarget.checked,r)}),[l,r]),u=null!=d?d:An("radio");return f.default.createElement(Ir,Object.assign({id:u,disabled:i},s),f.default.createElement(Rr,{id:u,type:"radio",checked:o,value:r,name:a,disabled:i,onChange:c,ref:n}))})),Dr=p.default.fieldset.withConfig({displayName:"vui--Fieldset",componentId:"vui--z1f13i"})`padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`,Br=p.default.legend.withConfig({displayName:"vui--Legend",componentId:"vui--snr02n"})`font-family:${F.text.inputLabel.fontFamily};font-size:${F.text.inputLabel.fontSize};font-style:${F.text.inputLabel.fontStyle};font-weight:${F.text.inputLabel.fontWeight};line-height:${F.text.inputLabel.lineHeight};text-decoration:${F.text.inputLabel.textDecoration};color:${F.text.inputLabel.color};`;class Ar extends e.Component{constructor(){super(...arguments),this.handleChange=(e,t)=>{const{allowMultiple:n}=this.props;n?this.handleChangeMultiple(e,t):this.handleChangeSingle(e,t)},this.handleChangeSingle=(e,t)=>{const{onChange:n}=this.props;t&&n([e])},this.handleChangeMultiple=(e,t)=>{const{selected:n,onChange:o}=this.props;let r=[];r=t?[...n,e]:n.filter((t=>t!==e)),o(r)}}render(){const{allowMultiple:e,options:t,selected:n,title:o,disabled:r,bordered:a}=this.props,i=e?Mr:Tr;return f.default.createElement(Dr,{disabled:r},o&&f.default.createElement(Br,null,o),t.map((e=>f.default.createElement(i,Object.assign({key:e.value,bordered:a,checked:n.includes(e.value),onChange:t=>this.handleChange(e.value,t)},e)))))}}const Pr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"})),Hr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"})),Wr={width:L.base,height:L.base},Vr=p.default(so).withConfig({displayName:"vui--XSButton",componentId:"vui--n9oowl"})`padding:1px;height:unset;span{height:${L.base};width:${L.base};top:unset;}`;function qr(e){switch(e){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function Zr(e,t){switch(typeof e){case"string":return e;case"number":return`${e}px`;case"object":return`minmax(${Zr(e.min,"max-content")}, ${Zr(e.max)})`;default:return t||"1fr"}}function _r({pinnedLeft:e,pinnedRight:t,cellWidths:n,scrollPosition:o,visible:r,stripingMode:a}){const i=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 `)),d="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: ${d?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,c="end"!==o&&"none"!==o,u=`\n th:nth-last-child(${t.length})::after,\n td:nth-last-child(${t.length})::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ${c?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none"};\n }\n `,f=`\n tr:nth-child(odd) > td {\n background-color: ${F.colors.neutral.grey.lightest};\n }\n\n tr + tr > td {\n border-top: 1px solid ${F.colors.neutral.grey.base};\n }\n `,p=`\n tbody:nth-of-type(odd) > tr > td {\n background-color: ${F.colors.neutral.grey.lightest};\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ${F.colors.neutral.grey.base};\n }\n `;return`\n grid-template-columns: ${r.map((e=>Zr(e.width))).join(" ")};\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ${e.length>0?i:""}\n ${t.length>0?l:""}\n\n ${s}\n ${u}\n\n ${"nested"===a?p:f}\n `}var Xr;!function(e){e.ascending="ascending",e.descending="descending"}(Xr||(Xr={}));const Ur=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"})),Yr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"})),Gr=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"})),Kr=({sortState:e,columnId:t,size:n})=>e&&e.columnId===t?e.direction===Xr.ascending?f.default.createElement(Yr,{color:F.colors.neutral.ink.dark,size:n}):f.default.createElement(Gr,{color:F.colors.neutral.ink.dark,size:n}):f.default.createElement(Ur,{size:n});function Jr(t,n){const[o,r]=e.useState([]),a=()=>{if(!t.current)return;const e=t.current.querySelectorAll("tbody tr:first-child td"),n=Array.from(e).map((e=>e.getBoundingClientRect().width));r(n)};return e.useEffect((()=>{a()}),[t.current]),e.useEffect((()=>{if(!n.current)return;const e=g.default(a,50),t=new m.default(e);return t.observe(n.current),()=>t.disconnect()}),[n.current]),o}function Qr(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 ea(t){e.useEffect((()=>{if(!t.current)return;let e=!1;const n=t.current,o={left:0,x:0},r=t=>{if(!n)return;const r=t.clientX-o.x;n.scrollLeft=o.left-r,e||(n.style.cursor="grabbing",n.style.userSelect="none"),e=!0},a=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",a),e=!1,n&&(n.style.removeProperty("cursor"),n.style.removeProperty("user-select"))},i=e=>{n&&(o.left=n.scrollLeft,o.x=e.clientX,document.addEventListener("mousemove",r),document.addEventListener("mouseup",a))};return n.addEventListener("mousedown",i),()=>null==n?void 0:n.removeEventListener("mousedown",i)}),[t.current])}function ta(t){const[n,o]=e.useState("start"),r=()=>{if(!t.current)return;const{width:e}=t.current.getBoundingClientRect(),{scrollLeft:n,scrollWidth:r}=t.current;o(r<e?"none":0!==n?n+e>=r?"end":"middle":"start")};return e.useEffect((()=>{if(t.current)return t.current.addEventListener("scroll",r),()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.removeEventListener("scroll",r)}}),[t.current]),e.useEffect((()=>{if(!t.current)return;const e=g.default(r,50),n=new m.default(e);return n.observe(t.current),()=>n.disconnect()}),[t.current]),{scrollPosition:n,containerRef:t}}const na="56px",oa=p.default.th.withConfig({displayName:"vui--Header",componentId:"vui--ilge6b"})`height:${na};display:flex;align-items:center;justify-content:${({align:e="left"})=>qr(e)};background-color:white;padding-left:${({spacing:e=3})=>F.sizes[e]};padding-right:${({spacing:e=3})=>F.sizes[e]};border-bottom:1px solid ${F.colors.neutral.grey.base};grid-column-end:${({span:e=1})=>`span ${e}`};`;function ra(e){var{selected:t,indeterminate:n,onChange:o,selectionMode:r}=e,a=_(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===r?f.default.createElement(oa,Object.assign({},a)):f.default.createElement(oa,Object.assign({},a),f.default.createElement(Mr,{checked:t,indeterminate:n,onChange:o}))}const aa=p.default.td.withConfig({displayName:"vui--Cell",componentId:"vui--3tw1b6"})`display:flex;align-items:center;justify-content:${({align:e="left"})=>qr(e)};background-color:white;padding-bottom:var(--density);padding-top:var(--density);padding-left:${({spacing:e=3})=>F.sizes[e]};padding-right:${({spacing:e=3})=>F.sizes[e]};color:${F.text.bodySmall.color};font-family:${F.text.bodySmall.fontFamily};font-size:${F.text.bodySmall.fontSize};font-style:${F.text.bodySmall.fontStyle};font-weight:${F.text.bodySmall.fontWeight};line-height:${F.text.bodySmall.lineHeight};grid-column-end:${({span:e=1})=>`span ${e}`};tfoot &{min-height:${"56px"};border-top:1px solid ${F.colors.secondary.blue.base};background-color:${F.colors.neutral.grey.lightest};}`;function ia(e){var{selected:t,rowId:n,onChange:o,selectionMode:r,disabled:a}=e,i=_(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===r?f.default.createElement(aa,Object.assign({},i),f.default.createElement(Tr,{value:n,checked:t,disabled:a,onChange:o})):f.default.createElement(aa,Object.assign({},i),f.default.createElement(Mr,{value:n,checked:t,disabled:a,onChange:o}))}const la=[[],()=>{}];function da({selectionMode:e="multiple",selectionState:t,enabledRowIds:n}){const o=!!t,[r,a]=t||la,i=()=>{r.length!==n.length?a(n):a([])};return{selectionEnabled:o,selectedRowIds:r,selectionColumn:{id:"selection",title:"Selection",width:"40px",align:"center",pinned:"left",renderHeader:(t,o)=>f.default.createElement(ra,Object.assign({},o,{selected:r.length===n.length,indeterminate:r.length>0&&r.length<n.length,onChange:i,selectionMode:e})),renderCell:(t,n,o,r)=>f.default.createElement(ia,Object.assign({},n,{rowId:t.id,selected:r.selected,onChange:o.setSelected,selectionMode:e,disabled:r.disabled}))},setSelected:(t,n)=>{if(null!=n)if(t&&"single"===e)a([n]);else if(t){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 sa=p.default.div.withConfig({displayName:"vui--SortIndicator",componentId:"vui--1x79m95"})`width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:white;color:${F.colors.neutral.ink.lightest};`,ca=p.default.span.withConfig({displayName:"vui--HeaderContent",componentId:"vui--1kiwwja"})`display:flex;height:28px;align-items:center;gap:4px;white-space:nowrap;color:${F.text.headingTable.color};font-family:${F.text.headingTable.fontFamily};font-size:${F.text.headingTable.fontSize};font-style:${F.text.headingTable.fontStyle};font-weight:${F.text.headingTable.fontWeight};line-height:${F.text.headingTable.lineHeight};`,ua=p.default(ca).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 ${sa}{background-color:${F.colors.neutral.grey.light};color:${F.colors.neutral.ink.base};}&:focus-visible{outline:0;box-shadow:0px 0px 0px 2px ${F.colors.secondary.blue.light};}`;function fa({column:e,sortState:t,onChangeSort:n}){if(e.sortable&&!t)throw new Error(`Column '${e.id}' is configured to be sortable but the 'sortState' prop is missing.`);if(e.hidden)return null;const o={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,o);const r=e.sortable?ua:ca,a=e.sortable?{onClick:()=>{if(!t)return void console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined");const o=function({sortState:e,columnId:t}){const n=e.columnId===t,o=e.direction===Xr.ascending;let r=Xr.ascending;return n&&o&&(r=Xr.descending),{columnId:t,direction:r}}({sortState:t,columnId:e.id});n?n(o):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}}:{};return f.default.createElement(oa,Object.assign({},o),f.default.createElement(Ko,{text:e.tooltip},f.default.createElement(r,Object.assign({},a),e.icon&&e.icon,e.title&&f.default.createElement("span",null,e.title),e.sortable&&f.default.createElement(sa,null,f.default.createElement(Kr,{sortState:t,columnId:e.id,size:5})))))}const pa=F.colors.neutral.grey.base,ma=F.colors.neutral.grey.dark,ha=p.default.div.withConfig({displayName:"vui--LoadingCellContent",componentId:"vui--1bv9ck1"})`height:20px;width:75%;border-radius:${F.radius.base};background:${pa};background-image:linear-gradient(\n to right,\n ${pa} 0%,\n ${ma} 20%,\n ${pa} 40%,\n ${pa} 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 ga=p.default.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:${na};background-color:white;`,ba=p.default.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 ${F.colors.neutral.grey.base};& > *{flex:1;}`;function va({selectionColumn:t,intersectionTargetRef:n,containerRef:o,children:r}){var a;const[i,l]=e.useState(!1);e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{l(!e.isIntersecting)}))}));return e.observe(n.current),()=>e.disconnect()}),[n.current]);const d=null===(a=o.current)||void 0===a?void 0:a.getBoundingClientRect(),s={position:"fixed",top:0,left:null==d?void 0:d.left,width:null==d?void 0:d.width},c=i?s:{position:"absolute",top:0,left:0,right:0};return f.default.createElement(ga,{style:c},fa({column:t}),f.default.createElement(ba,null,r))}const ya=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"})),xa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"})),wa=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}));const Ea=p.default.div.withConfig({displayName:"vui--EmptyBodyContent",componentId:"vui--klb9dq"})`padding-top:${F.sizes.lg};padding-bottom:${F.sizes.lg};grid-column:${({columnCount:e})=>`1 / span ${e}`};display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${F.sizes.md};`,Ca=p.default.div.withConfig({displayName:"vui--EmptyBodyGlyphWrapper",componentId:"vui--12lmw1"})`padding:${F.sizes.md};background-color:${F.colors.neutral.grey.light};border-radius:${F.radius.full};`,$a=p.default.div.withConfig({displayName:"vui--NoWrap",componentId:"vui--kbcaqo"})`white-space:nowrap;`,ka=p.default.tr.withConfig({displayName:"vui--Row",componentId:"vui--9t9651"})`display:contents;${({selected:e})=>e&&`\n &&&& > td {\n background-color: ${F.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 `}`,Sa=p.default.div.withConfig({displayName:"vui--ScrollContainer",componentId:"vui--1lne8xk"})`position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`,Na=p.default.table.withConfig({displayName:"vui--TableGrid",componentId:"vui--15hxahr"})`min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${F.sizes.base};&& tr:hover td{background-color:#f2f8fc;}${({css:e})=>e}`,La=p.default.div.withConfig({displayName:"vui--Truncate",componentId:"vui--coqvc6"})`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Ia={full:`border-width: 1px; border-radius: ${F.radius.base};`,vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},za=p.default.div.withConfig({displayName:"vui--Wrapper",componentId:"vui--nnuzgr"})`width:100%;position:relative;border-style:solid;border-color:${F.colors.neutral.grey.dark};${({borderMode:e="full"})=>Ia[e]} &,& *{box-sizing:border-box;}`;function Fa({children:t,intersectionTargetRef:n,containerRef:o,cellWidths:r,tableCss:a}){const i=e.useRef(null),[l,d]=e.useState(!1),[s,c]=e.useState({top:0,left:0,width:0,height:0}),u=()=>{var e;const t=null===(e=o.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};c(n)},p=()=>{var e;if(!o.current)return;const t=o.current.scrollLeft;null===(e=i.current)||void 0===e||e.scrollTo(t,0)};if(e.useEffect((()=>{if(!n.current)return;const e=new IntersectionObserver((e=>{e.forEach((e=>{d(!e.isIntersecting)}))}),{threshold:1});return e.observe(n.current),()=>e.disconnect()}),[n.current]),e.useEffect((()=>{l&&o.current&&u()}),[o.current,l]),e.useEffect((()=>{if(!l)return;if(!o.current)return;const e=g.default(u,33),t=new m.default(e);return t.observe(o.current),()=>t.disconnect()}),[o.current,l]),e.useEffect((()=>{p()}),[l]),e.useEffect((()=>{var e;return null===(e=o.current)||void 0===e||e.addEventListener("scroll",p),()=>{var e;null===(e=o.current)||void 0===e||e.removeEventListener("scroll",p)}}),[o.current]),!l)return null;const h=Object.assign(Object.assign({},s),{height:na,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:`1px solid ${F.colors.neutral.grey.base}`}),b=a+r.map(((e,t)=>`\n & th:nth-child(${t+1}) {\n width: ${e}px;\n }\n `)).join("");return f.default.createElement("div",{style:h,ref:i},f.default.createElement(Na,{css:b},f.default.createElement("thead",null,t)))}const Oa=(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}),ja=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),f.default.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),f.default.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"})),Ma={icon:f.default.createElement(ja,{width:48,height:48}),heading:"No results"},Ra=()=>{},Ta=({ActionBarSlot:t,borderMode:n,columns:o,emptyState:r=Ma,expandedRowIds:a,loading:i,loadingRowCount:l,onChangeSort:d,rows:s,disabledRowIds:c,selectionMode:u,selectionState:p,setExpanded:m,sortState:h,stripingMode:g,enableStickyHeader:b})=>{const v=e.useRef(null),y=e.useRef(null),x=e.useRef(null);ea(v);const w=s.map((e=>e.id)).filter((e=>!(null==c?void 0:c.includes(e)))),{selectionEnabled:E,selectedRowIds:C,selectionColumn:$,setSelected:k}=da({selectionMode:u,selectionState:p,enabledRowIds:w}),S={setSelected:k||Ra,setExpanded:m||Ra},N=[$,...o],L=E?N:o,I=Jr(y,v),{visible:z,pinnedLeft:F,pinnedRight:O}=Qr(L),{scrollPosition:j}=ta(v),M=_r({pinnedLeft:F,pinnedRight:O,cellWidths:I,scrollPosition:j,visible:z,stripingMode:g});if(i){const e=new Array(l).fill(!0).map((()=>({id:1e3*Math.random(),data:null})));return f.default.createElement(za,{borderMode:n},f.default.createElement(Sa,{ref:v},f.default.createElement(Na,{css:M,ref:y,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(ka,{role:"row"},z.map((e=>fa({column:e,sortState:h,onChangeSort:d}))))),f.default.createElement("tbody",{role:"rowgroup"},e.map((e=>f.default.createElement(ka,{key:e.id},z.map((t=>function(e,t){if(!0===t.hidden)return null;const n={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return f.default.createElement(aa,Object.assign({},n),f.default.createElement(ha,null))}(e,t))))))))))}if(0===s.length)return f.default.createElement(za,{borderMode:n},f.default.createElement(Sa,{ref:v},f.default.createElement(Na,{css:M,ref:y,role:"table"},f.default.createElement("thead",{role:"rowgroup"},f.default.createElement(ka,{role:"row"},z.map((e=>fa({column:e,sortState:h,onChangeSort:d}))))),f.default.createElement("tbody",{role:"rowgroup"},f.default.createElement(Ea,{columnCount:z.length},f.default.createElement(Ca,null,r.icon),f.default.createElement(gr,{spacing:"sm",alignX:"center"},f.default.createElement(R,{variant:"headingMedium"},r.heading),r.subheading&&f.default.createElement(R,{variant:"subheadingMedium"},r.subheading)))))));const T=e=>{const{e2eClassName:t="",accentColor:n}=e,o=Oa(e.id,{selectedRowIds:C,expandedRowIds:a,disabledRowIds:c});return f.default.createElement(ka,Object.assign({role:"row",key:e.id,accentColor:n,className:t},o),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,o))))},D=(e,t)=>{var n,o;const r=null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===o?void 0:o.row,i=Oa(t,{selectedRowIds:C,expandedRowIds:a,disabledRowIds:c});return f.default.createElement(ka,{role:"row",key:e.id,className:r},z.map((t=>function(e,t,n){if(t.hidden)return null;const o={align:t.align,key:`${e.id}-${t.id}`,role:"cell",spacing:t.spacing};return t.renderNestedCell?t.renderNestedCell(e,o,n):f.default.createElement(aa,Object.assign({},o))}(e,t,i))))},B=e=>{var t;const n=null==a?void 0:a.includes(e.id);return f.default.createElement("tbody",{role:"rowgroup",key:e.id},T(e),n&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((t=>D(t,e.id)))))},A=f.default.createElement(ka,{role:"row"},z.map((e=>fa({column:e,sortState:h,onChangeSort:d})))),P=o.some((e=>!!e.renderFooter)),H=C.length>0&&!!t;return f.default.createElement(za,{borderMode:n},H&&f.default.createElement(va,{selectionColumn:$,intersectionTargetRef:x,containerRef:v},t),f.default.createElement(Sa,{ref:v},b&&f.default.createElement(Fa,{tableCss:M,intersectionTargetRef:x,containerRef:v,cellWidths:I},A),f.default.createElement("div",{ref:x,style:{height:0}}),f.default.createElement(Na,{css:M,ref:y,role:"table"},f.default.createElement("thead",{role:"rowgroup"},A),(()=>{const e=!!a;return e&&"nested"===g?s.map(B):e?f.default.createElement("tbody",{role:"rowgroup"},s.map((e=>{var t;return[T(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))))||[]]}))):f.default.createElement("tbody",{role:"rowgroup"},s.map(T))})(),P&&f.default.createElement("tfoot",{role:"rowgroup"},f.default.createElement(ka,{role:"row"},z.map((e=>function({column:e}){if(e.hidden)return null;const t={key:e.id,role:"cell",align:e.align,spacing:e.spacing};return e.renderFooter?e.renderFooter(e,t):f.default.createElement(aa,Object.assign({},t))}({column:e}))))))))};Ta.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},Ta.Cell=aa,Ta.ColumnMenu=function({columns:t,columnGroups:n,setColumns:o}){const[r,a]=e.useState(null),[i,l]=e.useState(!1),d=t.map((e=>[e.id,e])),s=Object.fromEntries(d),c=n.map((e=>e.map((e=>s[e])))),u=(e,n)=>{const r=c[e].map((e=>e.id)),a=[...t];r.forEach((e=>{const t=a.findIndex((t=>t.id===e));t<0||(a[t]=Object.assign(Object.assign({},a[t]),{hidden:n}))})),o(a)};return f.default.createElement(f.default.Fragment,null,f.default.createElement(so,{ref:a,dropdown:!0,onClick:()=>l(!0)},"Columns"),i&&f.default.createElement(Zn,{anchorElement:r,onShouldClose:()=>l(!1)},f.default.createElement($o,{style:{width:600}},f.default.createElement(gr,{alignX:"stretch",spacing:"sm"},c.map(((e,t)=>f.default.createElement(gr,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},f.default.createElement(so,{variant:"flat",icon:f.default.createElement(wa,null)}),f.default.createElement(gr,{spacing:"sm",style:{flex:1}},e.map((e=>f.default.createElement("div",{key:e.id},e.title)))),f.default.createElement(gr,{direction:"horizontal",spacing:"sm"},e[0].hidden?f.default.createElement(so,{variant:"flat",icon:f.default.createElement(xa,null),onClick:()=>u(t,!1),style:{color:F.colors.neutral.ink.lightest}}):f.default.createElement(so,{variant:"flat",icon:f.default.createElement(ya,null),onClick:()=>u(t,!0)})))))))))},Ta.SelectionCell=ia,Ta.SelectionHeader=ra,Ta.Header=oa,Ta.Truncate=La,Ta.NoWrap=$a;const Da=p.default.dl.withConfig({displayName:"vui--List",componentId:"vui--1lcnd5n"})`margin:unset;& > * + *{margin-top:${F.sizes.base};}`,Ba=p.default.div.withConfig({displayName:"vui--Item",componentId:"vui--t25k5o"})`& > * + *{margin-top:${F.sizes.xs};}`,Aa=p.default.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--j013c4"})`display:flex;justify-content:space-between;& > * + *{margin-left:${F.sizes.base};}`,Pa=p.default.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--12tjaz"})`text-align:right;& > * + *{margin-top:${F.sizes.xs};}`,Ha=p.default.dt.withConfig({displayName:"vui--Term",componentId:"vui--zavj5i"})`font-family:${F.text.bodyBold.fontFamily};font-size:${F.text.bodyBold.fontSize};font-weight:${F.text.bodyBold.fontWeight};line-height:${F.text.bodyBold.lineHeight};color:${F.text.bodyBold.color};`,Wa=p.default.dd.withConfig({displayName:"vui--Description",componentId:"vui--7wguee"})`margin-left:unset;font-family:${F.text.body.fontFamily};font-size:${F.text.body.fontSize};font-weight:${F.text.body.fontWeight};line-height:${F.text.body.lineHeight};color:${F.text.body.color};`,{sizes:Va,colors:qa}=F,Za=p.default.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1tbr7pe"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${Va.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${Va.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,_a=p.default.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--qefy7h"})`width:100%;box-sizing:border-box;padding:${Va.md};overflow-x:hidden;background-color:${qa.neutral.grey.lightest};`,Xa=p.default.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 Ua;!function(e){e.base="base",e.sm="sm"}(Ua||(Ua={}));const Ya=p.default.label.withConfig({displayName:"vui--Label",componentId:"vui--u4z5d7"})`display:block;font-family:${F.text.inputLabel.fontFamily};font-size:${F.text.inputLabel.fontSize};font-weight:${F.text.inputLabel.fontWeight};line-height:${F.text.inputLabel.lineHeight};color:${F.text.inputLabel.color};`,Ga=p.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--dhtep4"})`display:block;font-family:${F.fontFamily};font-size:${F.sizes[3]};line-height:${F.sizes[4]};color:${F.colors.neutral.ink.light};`,Ka=p.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1fu4njf"})`display:block;font-family:${F.text.error.fontFamily};font-size:${F.text.error.fontSize};font-weight:${F.text.error.fontWeight};line-height:${F.text.error.lineHeight};color:${F.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${F.sizes[2]} * -1);width:2px;background-color:${F.colors.secondary.red.base};}`,Ja=p.default(gr).withConfig({displayName:"vui--RootStack",componentId:"vui--1r762o2"})`position:relative;`,Qa=p.default(Ko).withConfig({displayName:"vui--BlockTooltip",componentId:"vui--1wskrbx"})`display:block;&-hoverable{display:block;}`,ei=t=>n=>{var{label:o,hint:r,error:a,tooltip:i}=n,l=_(n,["label","hint","error","tooltip"]);const d=e.useMemo((()=>An(t.name)),[]);return o?f.default.createElement(Ja,{spacing:"sm",alignX:"stretch"},f.default.createElement("div",null,f.default.createElement(gr,{direction:"horizontal",alignY:"center",spacing:"sm"},f.default.createElement(Ya,{htmlFor:d},o),i&&f.default.createElement(Qa,{text:i},f.default.createElement(Lr,{width:F.sizes.base,height:F.sizes.base,color:F.colors.neutral.ink.light}))),r&&f.default.createElement(Ga,null,r)),f.default.createElement(t,Object.assign({id:d,hasError:!!a},l)),a&&f.default.createElement(Ka,null,a)):f.default.createElement(t,Object.assign({hasError:!!a},l))},ti=({hasError:e,inputSize:t})=>n.css`&{--outline-size:${"sm"===t?"2px":"4px"};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n "}`,ni=p.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1o6oill"})`font-family:${F.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 `}} ${ti} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`,oi=p.default.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;${ti}`,ri=/^-?[0-9]*\.?[0-9]+$/,ai=ei(e.forwardRef(((t,n)=>{var{id:o,className:r,disabled:a=!1,hasError:i,max:l,min:d,multiline:s=!1,name:c,onChange:u,pattern:p,placeholder:m,rows:h="3",size:g=Ua.base,step:b,type:v="text",value:y,spellCheck:x=!1}=t,w=_(t,["id","className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]);const E=e.useCallback((e=>{if(!u)return;const t=e.currentTarget.value;if(""===t)return void u(t);if("number"!==v)return void u(t);new RegExp(ri).test(t)&&u(t)}),[u,v]),C=null!=o?o:An("textfield");return"text"===v&&s?f.default.createElement(oi,Object.assign({className:r,disabled:a,hasError:i,id:C,name:c,onChange:E,placeholder:m,rows:h,value:y,spellCheck:x,ref:n},w)):f.default.createElement(ni,Object.assign({className:r,disabled:a,hasError:i,id:C,inputSize:g,max:l,min:d,name:c,onChange:E,placeholder:m,step:b,type:v,value:y,spellCheck:x,ref:n},w))})));ai.displayName="TextField";const ii=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--31hvgq"})`display:flex;flex-direction:column;position:relative;`,li=p.default(v).withConfig({displayName:"vui--Row",componentId:"vui--fkaqbt"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,di=p.default(ai).withConfig({displayName:"vui--StyledTextField",componentId:"vui--sglucf"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${F.colors.neutral.ink.lightest};}`,si=p.default(so).withConfig({displayName:"vui--StyledButton",componentId:"vui--m1c7se"})`padding:0 6px;border-color:${F.colors.neutral.ink.lightest};`;p.default(R).withConfig({displayName:"vui--Label",componentId:"vui--1cuqy49"})``,p.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1yz94gf"})`display:block;font-family:${F.text.error.fontFamily};font-size:${F.text.error.fontSize};font-weight:${F.text.error.fontWeight};line-height:${F.text.error.lineHeight};color:${F.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${F.sizes[2]} * -1);width:2px;background-color:${F.colors.secondary.red.base};}`,p.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--d0gr40"})`display:block;font-family:${F.fontFamily};font-size:${F.sizes[3]};line-height:${F.sizes[4]};color:${F.colors.neutral.ink.light};`;const ci=ei((e=>{var{size:t=Ua.base,handleChangeHeight:n,handleChangeWidth:o,handleChangeLength:r,className:a,height:i,width:l,length:d,unit:s}=e,c=_(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return f.default.createElement(ii,{className:a},f.default.createElement(li,null,f.default.createElement(di,Object.assign({onChange:r,size:t,name:"length",type:"number",placeholder:"L",value:d},c)),f.default.createElement(po,{height:F.sizes.base,width:F.sizes.base}),f.default.createElement(di,Object.assign({onChange:o,size:t,name:"width",type:"number",placeholder:"W",value:l},c)),f.default.createElement(po,{height:F.sizes.base,width:F.sizes.base}),f.default.createElement(Xa,null,f.default.createElement(di,Object.assign({onChange:n,size:t,name:"height",type:"number",placeholder:"H",value:i},c)),f.default.createElement(si,{size:t},s))))}));ci.displayName="DimensionsInput";const ui=(t,n)=>{const o=e.useRef(null),r=e.useCallback((e=>{"Escape"===e.key&&(null==n||n())}),[n]),a=e.useCallback((e=>{o.current.contains(e.target)||null==n||n()}),[n]);return e.useEffect((()=>{if(t)return document.addEventListener("click",a),document.addEventListener("keyup",r),()=>{document.removeEventListener("click",a),document.removeEventListener("keyup",r)}}),[a,r,t]),o};function fi(){const[t,n]=e.useState(!1),o=e.useCallback((()=>n(!t)),[t,n]),r=e.useCallback((()=>n(!1)),[n]);return{shouldShowDropdown:t,toggleShouldShowDropdown:o,setShouldShowDropdown:n,closeDropdown:r}}const pi=f.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});const mi=(t=!1)=>{const[n,o]=e.useState(t);return[n,e.useCallback((()=>o(!0)),[o]),e.useCallback((()=>o(!1)),[o])]},hi=t=>{const[n,o]=e.useState(!1),[r,a]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;o(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:n&&!r,onScroll:e=>{if(!t)return;const{scrollTop:n,scrollHeight:o,clientHeight:r}=e.target;a(o-n-r<=0)}}},gi=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--ujckjn"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${w.neutral.grey.base};border-radius:4px;padding:4px 8px;cursor:pointer;svg{width:${L.base};height:${L.base};}`,bi=p.default(R).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--oath0b"})`user-select:none;`,vi=p.default(bi).withConfig({displayName:"vui--GroupLabel",componentId:"vui--ln021"})`margin-right:4px;`,yi=p.default(fo).withConfig({displayName:"vui--MainIcon",componentId:"vui--za0kgi"})`margin-left:4px;transform:rotate(${e=>e.shouldShow?"180deg":"0"});width:10px;height:10px;`,xi=p.default(po).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--8epxko"})`margin-left:4px;height:10px;width:10px;`,wi=p.default(v).withConfig({displayName:"vui--Content",componentId:"vui--1wgdg8n"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,Ei=p.default(v).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 ${w.neutral.grey.base};svg{color:${({color:e})=>e};width:${L[5]};height:${L[5]};margin-right:10px;}`,Ci=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),$i=p.default(v).withConfig({displayName:"vui--Grid",componentId:"vui--kz0fa5"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?L[e]:0};`,ki=e=>f.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"})),Si=p.default.div.withConfig({displayName:"vui--Container",componentId:"vui--zx358v"})``,Ni=p.default.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--b3uukr"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,Li=p.default.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--1x57v09"})`z-index:10;background-color:transparent;`,Ii=p.default.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--7k8es9"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`,zi=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}),Fi={width:64,height:64},Oi={icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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({},Fi)),title:"No data found"},ji={icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z",fill:"currentColor"}))),Object.assign({},Fi)),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 Mi;!function(e){e.start="start",e.middle="middle",e.end="End",e.none="none"}(Mi||(Mi={}));const{text:Ri,sizes:Ti}=F,{blue:Di}=F.colors.secondary,{grey:Bi}=F.colors.neutral,{scrollbar:Ai}=F.colors.system,Pi='\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',Hi=p.default.div.withConfig({displayName:"vui--TooltipContent",componentId:"vui--6b6999"})`display:flex;flex-direction:row;align-items:center;`,Wi=p.default.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 ${Bi.dark};border-bottom:1px solid ${Bi.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: ${Ai.background}; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ${Ai.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 ${Pi};\n\n ${o===Mi.middle||o===Mi.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 ${Pi};\n\n ${o===Mi.start||o===Mi.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":""};\n };\n `}`,Vi=p.default(Wi).withConfig({displayName:"vui--WrapperBordered",componentId:"vui--1uzcmg4"})`border:1px solid ${Bi.dark};border-radius:4px;`,qi=p.default.thead.withConfig({displayName:"vui--Head",componentId:"vui--tbv1ab"})`background-color:white;`,Zi=p.default.tbody.withConfig({displayName:"vui--Body",componentId:"vui--1f7jdxq"})`tr{${({fixedColumnsStyle:e})=>e};}& + & > tr:first-child > td{border-top:1px solid ${Bi.base};}tr:not(:first-child)> td{border-top:1px solid transparent;}&&& tr:hover td{background-color:#ebf4fb;}`;p.default.tfoot.withConfig({displayName:"vui--Foot",componentId:"vui--1ug6bgl"})`& td{background-color:${Bi.lightest};padding:1.5rem 1rem;border-top:1px solid ${Di.base};}`;const _i=p.default.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 `}`,Xi=p.default.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:${Ri.bodySmall.fontFamily};font-size:${Ri.bodySmall.fontSize};font-weight:${Ri.bodySmall.fontWeight};color:${Ri.bodySmall.color};line-height:${Ti.base};width:${({grow:e})=>e?"100%":"auto"};& > *{vertical-align:middle;}`,Ui=p.default(Xi).attrs({as:"th"}).withConfig({displayName:"vui--HeaderCell",componentId:"vui--1mc579o"})`user-select:none;border-bottom:1px solid ${Bi.dark};font-family:${Ri.bodySmallBold.fontFamily};font-size:${Ri.bodySmallBold.fontSize};font-weight:${Ri.bodySmallBold.fontWeight};color:${Ri.bodySmallBold.color};& span{white-space:pre-line;}&.sortable:hover{cursor:pointer;background-color:${Bi.light};}`,Yi={left:"flex-start",center:"center",right:"flex-end"},Gi=p.default.div.withConfig({displayName:"vui--HeaderCellLayout",componentId:"vui--iko9ux"})`display:flex;align-items:center;justify-content:${({align:e})=>e?Yi[e]:"flex-start"};& > * + *{margin-left:0.25rem;}`,Ki=p.default.table.withConfig({displayName:"vui--Table",componentId:"vui--1vjqk2m"})`width:100%;border-spacing:0;table-layout:${({isFixedLayout:e})=>e?"fixed":"auto"};${({striped:e})=>e&&`\n & ${Zi}:nth-child(even) td {\n background-color: ${Bi.lightest};\n }\n `} & *{box-sizing:border-box;${({tableLoading:e})=>e&&"\n user-select: none;\n pointer-events: none;\n "}}${({noWrap:e})=>e&&`\n & ${Ui}, & ${Ui} span {\n white-space: nowrap;\n }\n `}`,Ji=p.default.tfoot.withConfig({displayName:"vui--Footer",componentId:"vui--ob9m7j"})`tr{${({fixedColumnsStyle:e})=>e};}& ${Xi}{border-top:1px solid ${Bi.dark};background-color:${Bi.lightest};padding-top:${Ti.base};padding-bottom:${Ti.base};line-height:2rem;}`,Qi=p.default.div.withConfig({displayName:"vui--StickyHeaderWrapper",componentId:"vui--5eqa3f"})`position:fixed;top:0;z-index:2;overflow-x:hidden;`,el=p.default(Ki).withConfig({displayName:"vui--FakeHeaderTable",componentId:"vui--48b34o"})``,tl=p.default(v).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=p.default(v).withConfig({displayName:"vui--EllipseContainer",componentId:"vui--1khxo3q"})`display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${F.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`,ol=p.default(R).withConfig({displayName:"vui--TitleText",componentId:"vui--3cvjfj"})`margin-top:24px;`,rl=p.default(R).withConfig({displayName:"vui--SubTitleText",componentId:"vui--mw0wkw"})`margin-top:8px;`,al=({height:e,icon:t,title:n,subTitle:o})=>f.default.createElement(tl,{height:e},f.default.createElement(nl,null,t),f.default.createElement(ol,{variant:"headingLarge"},n),o&&f.default.createElement(rl,{variant:"subheadingMedium"},o)),il=p.default.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:${F.sizes.base};border-radius:${F.radius.base};&:hover{cursor:pointer;background-color:${F.colors.secondary.blue.lightest};}`,ll=p.default(il).withConfig({displayName:"vui--ClickableButton",componentId:"vui--1qfw372"})`color:${F.text.link.color};text-decoration:${F.text.link.textDecoration};`,dl=p.default.div.withConfig({displayName:"vui--Content",componentId:"vui--1fqu167"})`text-align:inherit;border-bottom:1px dotted black;`,{grey:sl}=F.colors.neutral,cl=p.default.div.withConfig({displayName:"vui--SkeletonContentWrapper",componentId:"vui--q4n9vc"})`height:16px;width:100%;`,ul=p.default.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, ${sl.base} 8%, ${sl.dark} 15%, ${sl.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`,fl=({isLoading:e,style:t})=>f.default.createElement(cl,{style:t},f.default.createElement(ul,{isLoading:e})),pl=e=>{var{style:t}=e,n=_(e,["style"]);return f.default.createElement(Xi,Object.assign({},n),f.default.createElement(fl,{style:t}))};pl.defaultProps={style:{}};const ml=({renderHeader:t,tableRef:n,wrapperRef:o,isFixedLayout:r,wrapperStyle:a})=>{var i;const[l,s]=e.useState(null),{isSticky:c}=((t,n)=>{const[o,r]=e.useState(!1),a=e.useCallback((({top:e,bottom:t})=>{let a=o;a=e<=(n||0)&&t>0?!o||a:!o&&a,a!==o&&r(a)}),[o,n]);return e.useEffect((()=>{const e=()=>{var e;t.current&&a(null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect())};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[a,t]),{isSticky:o}})(n,parseInt("string"==typeof(null==a?void 0:a.top)?null==a?void 0:a.top:`${null==a?void 0:a.top}`,10)),u=((null===(i=o.current)||void 0===i?void 0:i.getBoundingClientRect().width)||0)-2;d.useScroll(o);const p=e=>{var t;const n=(null===(t=o.current)||void 0===t?void 0:t.scrollLeft)||0;e?e.scrollLeft=n:l&&(l.scrollLeft=n)};return p(),c?f.default.createElement(Qi,{ref:e=>{s(e),p(e)},style:Object.assign({width:u},a)},f.default.createElement(el,{style:{tableLayout:r?"fixed":"auto"}},t())):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")},gl=e=>{var{style:t,width:n,isLoading:o}=e,r=_(e,["style","width","isLoading"]);return f.default.createElement(Ui,Object.assign({},r,{style:{width:n}}),f.default.createElement(fl,{style:t,isLoading:o}))},bl=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"})),vl=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"})),yl=()=>f.default.createElement(Ur,{width:F.sizes.base,height:F.sizes.base,color:"lightgrey"}),xl=()=>f.default.createElement(bl,{width:F.sizes.base,height:F.sizes.base,color:"lightgrey"}),wl=()=>f.default.createElement(vl,{width:F.sizes.base,height:F.sizes.base,color:"lightgrey"}),El=({borderless:t=!1,striped:n=!0,noWrap:o=!1,showScrollbar:r=!1,headers:a,rows:i,renderRow:l,renderNestedRow:d,expandedRowIds:s,renderLoadingRow:c,renderFooterRow:u,renderFooterLoadingRow:p,omitFooterSelectionCell:m=!1,selectedRowIds:h,disabledSelectionInputRowIds:g,selectionMode:b="multiple",onChangeSelectedRowIds:v,sortColumnId:y,sortDirection:x,onChangeSort:w,isError:E=!1,isLoading:C=!1,skeletonRowsNumber:$=5,isHeaderSticky:k=!0,stickyHeaderStyle:S,customSpecificState:N,bodyHeightInSpecificStates:L=375,startFixedColumnsNumber:I,endFixedColumnsNumber:z})=>{const F=t?Wi:Vi,O=!!i&&0===i.length,j=Boolean(I||z),M=!I&&!z,R=e.useRef(null),T=e.useRef(null),[D,B]=e.useState(Mi.none);e.useEffect((()=>{var e;let t=null;const n=()=>{if(!T.current||M)return;const e=T.current,t=e.scrollWidth+2,{scrollLeft:n}=e,{width:o}=e.getBoundingClientRect(),r=n+o;t===o?B(Mi.none):0===n?B(Mi.start):n>0&&r<t?B(Mi.middle):r===t&&B(Mi.end)};return T.current&&(t=T.current,n(),null===(e=T.current)||void 0===e||e.addEventListener("scroll",n)),()=>{null==t||t.removeEventListener("scroll",n)}}),[R,M]);const A=e.useCallback((e=>"string"==typeof e?(console.error("You can only use a numeric value in the 'width' property when you use fixed columns"),null):void 0===e?(console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns"),null):e),[]),P=e.useCallback(((e,t,n)=>({index:"left"===n?e:-e,style:{position:"sticky",[n]:t,zIndex:1}})),[]),H=e.useCallback((()=>{if(!a||C)return null;const e=[],t=[];let n=0,o=0;if(I){h&&(e.push(P(1,n,"left")),n+=58);for(let t=0;t<I;t+=1){const o=A(a[t].width);o&&(e.push(P(h?t+2:t+1,n,"left")),n+=o)}}if(z)for(let e=0;e<z;e+=1){const n=A(a.slice(-e-1)[0].width);n&&(t.push(P(e+1,o,"right")),o+=n)}return 0===e.length&&0===t.length?null:[...e,...t]}),[C,A,z,P,a,I,h]),W=e.useMemo((()=>H()),[H]),V=e.useCallback(((e,t)=>{if(!h||!v)return;if(e)return"single"===b?void v([t.id]):void v([...h,t.id]);const n=[...h],o=n.findIndex((e=>e===t.id));n.splice(o,1),v(n)}),[v,h,b]),q=e.useCallback((()=>{if(!h||!v)return;if(h.length===i.length)return void v([]);const e=i.map((e=>e.id));v(e)}),[v,i,h]),Z=e.useCallback((e=>{if(void 0===y||void 0===w)return;let t=y,n="ascending";"ascending"===x&&(n="descending"),e!==y&&(t=e,n="ascending"),w(t,n)}),[w,y,x]),_=e.useCallback(((e,t)=>{let n="",o=()=>{},r=f.default.createElement(yl,null);const{tooltip:a,align:i,icon:l,title:d,sortable:s,id:c}=e;s&&(n="sortable",o=()=>Z(c),y===c&&(r="ascending"===x?f.default.createElement(xl,null):f.default.createElement(wl,null)));const u=f.default.createElement(Gi,{align:i},l&&l,d&&f.default.createElement("span",null,d),s&&r);return f.default.createElement(Ui,{key:c,id:`data-table-header-${c}`,className:n,onClick:o,align:e.align,grow:e.grow,style:Object.assign({width:e.width||"auto"},t)},a?f.default.createElement(Ko,{text:a},f.default.createElement(Hi,null,u)):u)}),[Z,y,x]),X=e.useCallback(((e,t)=>f.default.createElement(gl,{key:e.id,width:e.width||"auto",style:t,isLoading:C})),[C]),U=e.useCallback((()=>{if(!a)return null;const e=H(),t=e?e[0].style:{};return f.default.createElement(qi,null,f.default.createElement(_i,null,h&&f.default.createElement(Ui,{style:Object.assign({width:58},t)},"multiple"===b&&f.default.createElement(Mr,{checked:i.length>0&&(null==h?void 0:h.length)===i.length||!1,onChange:q,disabled:g&&g.length>0||C||O,ariaLabel:"Select all"})),a.map(((t,n)=>{const o=h?n+2:n+1,r=n-a.length,i=null==e?void 0:e.find((e=>e.index===o||e.index===r));return t.skeleton&&(C||E||O)?X(t,t.skeletonStyle||{}):_(t,(null==i?void 0:i.style)||{})}))))}),[H,q,a,O,E,C,X,_,i.length,h,b,g]),Y=e.useCallback(((e,t)=>{const n={checked:e,onChange:e=>V(e,t),disabled:(null==g?void 0:g.includes(t.id))||!1};return"single"===b?f.default.createElement(Tr,Object.assign({},n)):f.default.createElement(Mr,Object.assign({},n))}),[V,b,g]),G=e.useCallback((e=>{const t={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===b?f.default.createElement(pl,{key:void 0===e?null:`radio-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"50%"})}):f.default.createElement(pl,{key:void 0===e?null:`checkbox-skeleton-${e}`,style:Object.assign(Object.assign({},t),{borderRadius:"0.25rem"})})}),[b]),K=e.useCallback(((e,t)=>{var n,o;if(!d)return null;const r=d(e);if(!r)return null;const a=(null===(o=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.e2eClassNames)||void 0===o?void 0:o.row)||"";return f.default.createElement(_i,{key:e.id,className:`${a} ${t?"hidden":""}`},h&&f.default.createElement(Xi,null),r)}),[d,h]),J=e.useCallback((e=>{if(!a)return f.default.createElement(pl,null);const t=a.map((t=>f.default.createElement(pl,{key:`${e}-${t.id}`})));return h&&t.unshift(G(e)),t}),[a,G,h]),Q=()=>u?C&&!p||!C&&O?null:f.default.createElement(Ji,{fixedColumnsStyle:hl(W||[])},f.default.createElement(_i,null,h&&!m&&f.default.createElement(Xi,null),!C&&u(i),C&&p&&p())):null;let ee=I;h&&ee&&(ee+=1);const te=e.useMemo((()=>i.map((e=>{var t,n,o;const{data:r}=e,a=!!h&&h.includes(e.id),i=!s||s.includes(e.id),d=null===(t=null==r?void 0:r.e2eClassNames)||void 0===t?void 0:t.body,c=null!==(o=null===(n=null==r?void 0:r.e2eClassNames)||void 0===n?void 0:n.row)&&void 0!==o?o:"",u=a?`selected ${c}`:`${c}`;return f.default.createElement(Zi,{key:e.id,className:d,fixedColumnsStyle:hl(W||[])},f.default.createElement(_i,{key:e.id,className:u,accentColor:e.accentColor},h&&f.default.createElement(Xi,null,Y(a,e)),l(e)),e.nestedRows&&e.nestedRows.map((e=>K(e,!i))))}))),[i,s,W,K,l,Y,h]);if(C){const e=[];for(let t=0;t<$;t+=1)e.push(f.default.createElement(Zi,{key:`loading-row-${t}`,fixedColumnsStyle:hl(W||[])},f.default.createElement(_i,null,c?f.default.createElement(f.default.Fragment,null,h&&G(),c()):J(t))));return f.default.createElement(F,{ref:T,scrollDisabled:!0,scrollPosition:D,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z},k&&a&&f.default.createElement(ml,{renderHeader:U,tableRef:R,wrapperRef:T,isFixedLayout:j,wrapperStyle:S}),f.default.createElement(Ki,{ref:R,striped:n,noWrap:o,tableLoading:!0,isFixedLayout:j},U(),e,Q()))}if(O||E){let e=Oi;return N?e=N:E&&(e=ji),f.default.createElement(F,{scrollDisabled:!0},f.default.createElement(Ki,{ref:R,striped:n,noWrap:o,tableLoading:!1,isFixedLayout:j},U(),Q()),f.default.createElement(al,Object.assign({height:L},e)))}return f.default.createElement(F,{scrollDisabled:!1,ref:T,scrollPosition:D,lastStartFixedColumnsIndex:ee,firstEndFixedColumnsIndex:z,showScrollbar:r},k&&a&&f.default.createElement(ml,{renderHeader:U,tableRef:R,wrapperRef:T,isFixedLayout:j,wrapperStyle:S}),f.default.createElement(Ki,{ref:R,striped:n,noWrap:o,tableLoading:!1,isFixedLayout:j},U(),te,Q()))};El.Cell=Xi,El.ClickableCell=e=>{var{onClick:t,children:n}=e,o=_(e,["onClick","children"]);return f.default.createElement(Xi,Object.assign({},o),f.default.createElement(ll,{onClick:t},n))},El.EditableCell=e=>{var{onClick:t,children:n}=e,o=_(e,["onClick","children"]);return f.default.createElement(Xi,Object.assign({},o),f.default.createElement(il,{onClick:t},f.default.createElement(dl,null,n)))},El.SkeletonCell=pl,El.SkeletonContent=fl;const Cl=p.default.button.withConfig({displayName:"vui--LoginButton",componentId:"vui--wl2n5a"})`background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`,$l="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",kl="Log in with Amazon",Sl=n.createGlobalStyle`body{overflow:hidden;scrollbar-gutter:stable;}`,Nl=p.default.section.withConfig({displayName:"vui--MainSection",componentId:"vui--or7d"})`flex:1;overflow-y:auto;${({fullBleed:e})=>!e&&`padding: 0 ${F.sizes.md};`} ${({isScrollable:e})=>e&&`\n & + ${$o.Footer} {\n box-shadow: 0px 10px 15px 0px ${F.colors.neutral.ink.dark};\n }\n `}`,Ll=e=>!!e.footerSlot,Il={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},zl={[E.mobile]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[E.tablet]:{xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},[E.lgTablet]:{xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},[E.desktop]:{xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},[E.lgDesktop]:{xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"}},Fl={xs:E.mobile,sm:E.mobile,base:E.tablet,lg:E.lgTablet},{breakpoints:Ol}=F,jl=p.default(t.motion.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}}).withConfig({displayName:"vui--StyledDialog",componentId:"vui--hfuefb"})`padding:0;border:none;border-radius:${F.sizes.sm};box-shadow:${F.shadows.lg};min-width:464px;&::backdrop{animation:fadeIn 0.25s ease forwards;}& > ${$o.Surface}{display:flex;flex-direction:column;${({variant:e})=>`max-height: ${Il[e]};`} ${Nl}{padding-bottom:${F.sizes.md};}${$o.Footer}{margin-top:0;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (min-width: calc(${Ol.mobile} + 1px))and (max-width: ${Ol.tablet}){max-width:${({variant:e})=>zl[Ol.tablet][e]};}@media (min-width: ${Ol.tablet})and (max-width: ${Ol.lgTablet}){max-width:${({variant:e})=>zl[Ol.lgTablet][e]};}@media (min-width: ${Ol.lgTablet})and (max-width: ${Ol.desktop}){max-width:${({variant:e})=>zl[Ol.desktop][e]};}@media (min-width: ${Ol.desktop}){max-width:${({variant:e})=>zl[Ol.lgDesktop][e]};}@media (max-width: ${({variant:e})=>Fl[e]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${$o.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}&::backdrop{background-color:${qn(F.colors.neutral.ink.base,.5)};}&:not([open]){display:block;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(-50%, -50%);}`,Ml=f.default.forwardRef(((e,t)=>{var n=_(e,[]);return f.default.createElement(jl,Object.assign({ref:t},n))})),{sizes:Rl,text:Tl,shadows:Dl}=F,{grey:Bl}=F.colors.neutral,Al=p.default.header.withConfig({displayName:"vui--Header",componentId:"vui--q2h2v8"})`padding:${Rl.base} ${Rl.md};background-color:white;box-shadow:${({shadow:e})=>"none"!==e&&Dl[e]};`,Pl=p.default.h1.withConfig({displayName:"vui--Title",componentId:"vui--7ymyy4"})`font-family:${Tl.headingXL.fontFamily};font-size:${Tl.headingXL.fontSize};font-weight:${Tl.headingXL.fontWeight};margin:unset;line-height:1;`,Hl=p.default.p.withConfig({displayName:"vui--Subtitle",componentId:"vui--1veavxl"})`margin:0.75rem 0 0;font-family:${Tl.subheadingLarge.fontFamily};font-weight:${Tl.subheadingLarge.fontWeight};font-size:${Tl.subheadingLarge.fontSize};line-height:${Tl.subheadingLarge.lineHeight};`,Wl=p.default.img.withConfig({displayName:"vui--Image",componentId:"vui--1fntac3"})`border-radius:${F.radius.base};border:${Rl.line} solid ${Bl.base};object-fit:cover;`,Vl=p.default.div.withConfig({displayName:"vui--ActionsContainer",componentId:"vui--4ms240"})`height:100%;display:grid;grid-template-rows:1fr auto;gap:1rem;`,ql=p.default(so).attrs({variant:"unstyled"}).withConfig({displayName:"vui--SidebarToggleButton",componentId:"vui--1e4sfso"})`display:flex;align-items:center;font-family:${F.text.link.fontFamily};font-size:${F.text.link.fontSize};font-weight:${F.text.link.fontWeight};line-height:${F.text.link.lineHeight};color:${F.text.link.color};&:hover{text-decoration:${F.text.link.textDecoration};}& > * + *{margin-left:${F.sizes.xs};}`,Zl=p.default.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:${Rl.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,_l=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"})),Xl=p.default(gr).withConfig({displayName:"vui--PageLimitContainer",componentId:"vui--1psd9g8"})`width:${F.sizes.lg};height:30px;background-color:${F.colors.neutral.grey.light};border:1px solid ${F.colors.neutral.grey.base};border-radius:${F.sizes.xs};`,Ul=p.default(so).withConfig({displayName:"vui--PaginationButton",componentId:"vui--oolvks"})`color:${F.colors.neutral.ink.base};width:32px;height:32px;svg{width:24px;height:24px;}`,Yl=p.default(ai).withConfig({displayName:"vui--PageInput",componentId:"vui--jjraff"})`&[type='number']{width:5.5ch;}`,Gl=({count:e})=>f.default.createElement(f.default.Fragment,null,f.default.createElement("div",null,f.default.createElement(R,{variant:"bodySmall","aria-hidden":!0},"/")),f.default.createElement(Xl,{alignX:"center",alignY:"center","aria-hidden":!0},f.default.createElement(R,{variant:"bodySmall"},e))),Kl=({currentPage:t,totalPagesCount:n,handleChangePage:o})=>{const[r,a]=e.useState(`${t}`);e.useEffect((()=>{a(`${t}`)}),[t]);const i=e=>e>=1&&e<=n,l=()=>{if(r||a(`${t}`),r===`${t}`)return;const e=parseInt(r,10);i(e)&&o(e)};return{pageInputValue:r,handleIncrement:()=>{i(t+1)&&o(t+1)},handleDecrement:()=>{i(t-1)&&o(t-1)},handleInputChange:e=>{e||a(e);const t=parseInt(e,10);var n;i(n=t)&&a(`${n}`)},handleSubmit:l,handleFormSubmit:e=>{e.preventDefault(),l()}}},Jl=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"})),Ql=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"})),ed=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],td=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--1t222e4"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,nd=p.default(Po).withConfig({displayName:"vui--Dropdown",componentId:"vui--6y6o6p"})`&-container{width:100%;}`,od=p.default.button.withConfig({displayName:"vui--Button",componentId:"vui--6l6anz"})`width:100%;height:32px;padding:6px 8px 8px 8px;display:flex;border:1px solid ${w.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;}`,rd=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--33jbzi"})`display:flex;flex-direction:row;justify-content:flex-start;align-items:center;`,ad=p.default(R).withConfig({displayName:"vui--StyledText",componentId:"vui--1oky5qu"})`width:100%;padding:8px 16px;cursor:pointer;&:hover{color:${w.secondary.blue.base};background:${w.neutral.grey.lightest};}`,id=({item:t,handleRangeListChange:n})=>{const o=e.useCallback((()=>n(t)),[n,t]);return f.default.createElement(rd,{onClick:o},f.default.createElement(ad,{variant:"bodySmall"},t.label))},ld=t=>{const{handleRangeListChange:n,paginationRange:o=ed}=t;return f.default.createElement(f.default.Fragment,null,o.map((t=>f.default.createElement(e.Fragment,{key:t.label},f.default.createElement(id,{item:t,handleRangeListChange:n})))))};class dd extends e.Component{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=ed[1]}=this.props;this.state={dropdownValue:t,shouldShowDropdown:!1}}render(){const{className:e,paginationRange:t=ed,reversedDropdown:n}=this.props,{shouldShowDropdown:o,dropdownValue:r}=this.state;return f.default.createElement(td,{className:e},f.default.createElement(nd,{cta:f.default.createElement(od,{onClick:this.toggleShouldShow},f.default.createElement(R,{variant:"bodySmall"},r.label),f.default.createElement(io,{color:F.colors.neutral.ink.base})),shouldShowDropdown:o,onClickAway:this.toggleShouldShow,reversed:n},f.default.createElement(ld,{paginationRange:t,handleRangeListChange:this.handleRangeListChange})))}}const sd=p.default.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;}`,cd=p.default.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;}`,ud=({onIncrement:e,onDecrement:t,disabled:n=!1,size:o})=>f.default.createElement(sd,{size:o},f.default.createElement(cd,{type:"button",onClick:e,disabled:n},f.default.createElement(q,{height:F.sizes.base,width:F.sizes.base,color:F.colors.neutral.ink.base})),f.default.createElement(cd,{type:"button",onClick:t,disabled:n},f.default.createElement(fo,{height:F.sizes.base,width:F.sizes.base,color:F.colors.neutral.ink.base}))),fd=p.default(ai).withConfig({displayName:"vui--StyledTextField",componentId:"vui--bdxre8"})`color:${F.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${F.colors.neutral.ink.lightest};}`,pd=p.default(v).withConfig({displayName:"vui--PrefixContainer",componentId:"vui--1pz53n4"})`user-select:none;border:1px solid ${F.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?F.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;}}`,md=p.default(R).withConfig({displayName:"vui--PrefixText",componentId:"vui--1n3xr2g"})`font-size:14px;`,hd=p.default(Xa).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 ${F.colors.secondary.red.light};\n\n > * {\n border-top-color: ${F.colors.secondary.red.base};\n border-bottom-color: ${F.colors.secondary.red.base};\n }\n\n > *:first-child {\n border-left-color: ${F.colors.secondary.red.base};\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ${F.colors.secondary.red.base};\n border-right-color: ${F.colors.secondary.red.base};\n }\n\n > button:last-child {\n border-right-color: ${F.colors.secondary.red.base};\n border-bottom-color: ${F.colors.secondary.red.base};\n }\n }\n `} &:focus-within{outline:0;box-shadow:${({hasError:e})=>e?"":`0 0 0 4px ${F.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};border-right-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};}> button:last-child{border-right-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};border-bottom-color:${({hasError:e})=>e?F.colors.secondary.red.base:F.colors.secondary.blue.base};}}`;const gd=ei((e=>{var{className:t="",hasError:n,currency:o,disabled:r=!1,onChange:a,onPriceChange:i,priceValue:l,step:d="0.1",size:s=Ua.base}=e,c=_(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]);const u=(e=i)=>{e(((parseFloat(l)||0)+parseFloat(d)).toFixed(2))},p=(e=i)=>{e(((parseFloat(l)||0)-parseFloat(d)).toFixed(2))};return f.default.createElement(hd,{className:t,hasError:n},f.default.createElement(pd,{disabled:r,size:s},f.default.createElement(md,{variant:"hintText"},o)),f.default.createElement(fd,Object.assign({placeholder:"0.00",type:"currency",value:l,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 i("");const o=parseFloat(n.replace(",",".")).toFixed(2);i(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:s},c)),f.default.createElement(ud,{onIncrement:()=>u(),onDecrement:()=>p(),disabled:r,size:s}))}));gd.displayName="PriceInput";const bd=p.default(ai).withConfig({displayName:"vui--Input",componentId:"vui--1jvzatv"})`flex-grow:2;margin-top:0;margin-bottom:0;`,vd=p.default.div.withConfig({displayName:"vui--IconContainer",componentId:"vui--12eib7v"})`position:absolute;`,yd=p.default(v).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 & ${bd} {\n ${t}\n }\n\n & ${vd} {\n ${n}\n }\n `}}`,xd=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"})),wd=F.colors.neutral.grey.lightest,Ed=F.colors.neutral.grey.dark,Cd=F.colors.secondary.blue.dark,$d=p.default(v).withConfig({displayName:"vui--SegmentedControlContainer",componentId:"vui--mxpi9o"})`display:flex;flex-direction:row;> button{border-radius:0;box-shadow:none;:focus,:active{background-color:${wd};border-color:${Ed};box-shadow:none;}}> .veeqo-components-active-button{:focus,:active{background-color:${Cd};border-color:${Cd};}}> button:not(:first-child){border-left:none;}> .veeqo-components-active-button + button{border-left:1px solid ${F.colors.neutral.grey.dark};}> button:first-child{border-radius:20px 0px 0px 20px;}> button:last-child{border-radius:0px 20px 20px 0px;}`,kd=p.default.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;}`,Sd=ei(e.forwardRef(((t,n)=>{var{className:o,options:r,value:a,onChange:i,size:l,disabled:d,hasError:s}=t,c=_(t,["className","options","value","onChange","size","disabled","hasError"]);const u=e.useCallback((e=>{i&&i(e.currentTarget.value)}),[i]);return f.default.createElement(kd,Object.assign({className:o,sizeVariant:l,value:null!=a?a:void 0,onChange:u,disabled:d,hasError:s,ref:n},c),!!r&&r.map((e=>f.default.createElement("option",{key:e.label,value:e.value,disabled:e.disabled},e.label))))})));Sd.displayName="Select";const{blue:Nd}=w.secondary,{grey:Ld}=w.neutral,Id=p.default.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--1qepc31"})`background-color:white;`,zd=p.default.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--g9tnvb"})`&&& tr:hover td{background-color:${Nd.lightest};}`,Fd=p.default.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--50l9ot"})``,Od=p.default.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:${z.bodySmall.fontFamily};font-size:${z.bodySmall.fontSize};font-weight:${z.bodySmall.fontWeight};color:${z.bodySmall.color};line-height:${L.base};& > *{vertical-align:middle;}`,jd=p.default(Od).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--k7q8ax"})`border-bottom:1px solid ${Ld.dark};font-family:${z.bodySmallBold.fontFamily};font-size:${z.bodySmallBold.fontSize};font-weight:${z.bodySmallBold.fontWeight};color:${z.bodySmallBold.color};`,Md=p.default.table.withConfig({displayName:"vui--Table",componentId:"vui--25ejag"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n & ${zd} tr:nth-child(even) td {\n background-color: ${Ld.lightest};\n }\n `}`,Rd=({striped:e=!0,className:t,children:n})=>f.default.createElement(Md,{striped:e,className:t},n);Rd.Header=Id,Rd.Body=zd,Rd.Row=Fd,Rd.HeaderCell=jd,Rd.Cell=Od;const Td=p.default.div.withConfig({displayName:"vui--SliderContainer",componentId:"vui--s5qrf0"})`min-width:128px;display:inline-block;position:relative;padding:${8}px 0px;`,Dd=p.default.div.withConfig({displayName:"vui--SliderTrack",componentId:"vui--pvw1wx"})`background:${F.colors.neutral.grey.base};height:${4}px;border-radius:20px;`,Bd=p.default.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 ${F.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 ${F.colors.secondary.blue.light};}`,Ad=p.default(Dd).withConfig({displayName:"vui--SliderRange",componentId:"vui--1vb0w08"})`position:relative;width:${e=>`${e.width}%`};left:${e=>`${e.left}%`};background:${F.colors.secondary.blue.light};bottom:${4}px;border-radius:0;`,Pd=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}),Hd=p.default(v).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:w.neutral.ink.base};\n background-color: ${null!=e?e:w.neutral.grey.base};\n `}`,Wd=p.default(gr).withConfig({displayName:"vui--ToastsLayoutContainer",componentId:"vui--qrqt2g"})`position:fixed;bottom:24px;width:100%;pointer-events:none;`,Vd=p.default(gr).withConfig({displayName:"vui--Toast",componentId:"vui--f5gjtj"})`background-color:${F.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${F.shadows.lg};border-radius:${F.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;}`,qd=p.default(v).withConfig({displayName:"vui--IconWrap",componentId:"vui--n3gc7q"})`display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${F.radius.md};background-color:${({color:e})=>e};color:#fff;svg{width:${L.md};height:${L.md};}`,Zd=p.default(gr).withConfig({displayName:"vui--ContentStack",componentId:"vui--12f8l37"})`flex-grow:1;`,_d=p.default(R).withConfig({displayName:"vui--StyledText",componentId:"vui--1qgwlso"})`color:white;font-size:16px;`,Xd={info:{accentColor:w.brand.blue.base,icon:f.default.createElement(ja,null)},success:{accentColor:w.secondary.green.base,icon:f.default.createElement(Pr,null)},error:{accentColor:w.secondary.red.base,icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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:w.secondary.purple.base,icon:f.default.createElement((e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))),null)}},Ud=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),Yd=({className:e,e2eClassName:t,type:n,iconSlot:o,text:r,last:a,minWidth:i,cta:l,onClose:d})=>{const s=Ud(e),c=Ud(t);return f.default.createElement(Vd,{className:Wn([null==s?void 0:s.container,null==c?void 0:c.container]),direction:"horizontal",alignY:"center",minWidth:i,last:a},f.default.createElement(qd,{color:Xd[n].accentColor,className:Wn([s.icon,c.icon])},null!=o?o:Xd[n].icon),f.default.createElement(Zd,{direction:"horizontal",alignY:"center",alignX:"between"},f.default.createElement(_d,{variant:"body"},r),l),f.default.createElement(so,{variant:"flat",icon:f.default.createElement(po,{color:"white"}),onClick:d,"aria-label":"Close"}))},Gd=p.default.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?F.colors.secondary.blue.lightest:"white"};-webkit-transition:0.3s;transition:0.3s;}`,Kd=p.default.input.withConfig({displayName:"vui--Input",componentId:"vui--1f7rwsl"})`&:focus-visible + ${Gd}{box-shadow:0 0 0 4px ${F.colors.brand.blue.light};}&:checked + ${Gd}{background-color:#0079d1;}&:disabled + ${Gd}{background-color:${F.colors.neutral.grey.base};}&:checked:disabled + ${Gd}{background-color:${F.colors.secondary.blue.light};}`,Jd=p.default.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;}${Gd}: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"};}${Kd}:checked + ${Gd}{&: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"});}}`,Qd=p.default(v).withConfig({displayName:"vui--Wrapper",componentId:"vui--13u3unt"})`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};display:inline-block;user-select:none;`,es=e.forwardRef((({id:e,className:t,name:n,switched:o,small:r,onClick:a=(()=>{}),disabled:i,ariaLabel:l},d)=>f.default.createElement(Qd,{className:t,disabled:i},f.default.createElement(Jd,{small:r,disabled:i,role:"switch"},f.default.createElement(Kd,{id:e,type:"checkbox",name:n,"aria-label":l,checked:!!o,onChange:i?void 0:a,disabled:i,ref:d}),f.default.createElement(Gd,{switched:o,disabled:i}))))),ts=p.default.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:${F.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",a="8px",i="16px",l="4px",d="white",s="#CDD1D5",c="#37424D";return"sm"===e&&(n="32px",o="16px",r="16px",a="4px",i="14px",l="2px"),t&&(d="#0079D1",s="#0079D1",c="white"),`\n --outline-width: ${l};\n\n height: ${n};\n padding-left: ${o};\n padding-right: ${r};\n border-radius: ${a};\n font-size: ${i};\n\n background-color: ${d};\n border-color: ${s};\n color: ${c};\n `}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};}&:active{background-color:${({checked:e})=>e?"#005A9C":"#FAFAFB"};border-color:${({checked:e})=>e?"#005A9C":"#0079D1"};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`,ns="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",os=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--5gocp5"})`${ns} display:${e=>e.shouldShow?"initial":"none"};z-index:${F.layers.modal};`,rs=p.default(v).withConfig({displayName:"vui--Shadow",componentId:"vui--p8qe4b"})`${ns} background-color:rgba(55,66,77,0.5);`,as=p.default(v).withConfig({displayName:"vui--Wrap",componentId:"vui--1u28do5"})`position:relative;height:100%;width:100%;z-index:1;`,is=({usePortal:e,children:t})=>f.default.createElement(f.default.Fragment,null,e?f.default.createElement(Pn,null,t):t),ls=({className:e,children:t=null,shouldShow:n=!1,usePortal:o=!0})=>f.default.createElement(is,{usePortal:o},f.default.createElement(os,{className:Wn([`${e}-container`,e]),shouldShow:n},f.default.createElement(rs,null),f.default.createElement(b.default,{isActive:n},f.default.createElement(as,{className:Wn([`${e}-wrap`,e])},t)))),ds=p.default.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,ss=p.default.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,cs=p.default(so).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`;var us;!function(e){e.saved="saved",e.fixed="fixed",e.draft="draft"}(us||(us={}));const fs=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,ps=p.default(R).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,ms=p.default(v).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 ${R} {\n color: ${null!=t?t:w.neutral.ink.dark};\n }\n `} ${({active:e,colourPalette:t})=>e&&`\n background-color: ${t.lightest};\n `}`,hs=p.default(R).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 & > ${ps} {\n color: #fff;\n }\n `}`,gs={style:{marginLeft:L.xs,padding:L.xs,height:L.base,width:L.base}},bs=p.default.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${L.sm};svg{height:${L.base};width:${L.base};}`,vs=e=>f.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"})),ys=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0}),xs=p.default(v).withConfig({displayName:"vui--Container",componentId:"vui--zood5u"})`display:flex;flex-direction:column;position:relative;`,ws=p.default(v).withConfig({displayName:"vui--Row",componentId:"vui--f0y2wt"})`display:flex;flex-direction:row;`,Es=p.default(ai).withConfig({displayName:"vui--StyledTextField",componentId:"vui--1l16g0h"})`&&&{text-align:left;width:52px;}`,Cs=p.default(so).withConfig({displayName:"vui--StyledButton",componentId:"vui--wvwega"})`padding:0 4px;border-color:${F.colors.neutral.ink.lightest};margin-right:4px;${e=>e.hasError&&`\n border-color: ${F.colors.secondary.red.base};\n `};`,$s=ei((e=>{var{size:t=Ua.base,hasError:n,className:o}=e,r=_(e,["size","hasError","className"]);return f.default.createElement(xs,{className:o},f.default.createElement(ws,null,"g"===r.weightUnit&&f.default.createElement(Xa,null,f.default.createElement(Es,Object.assign({size:t,onChange:r.handleChangeGram,name:"gram",type:"number",value:r.gram,hasError:n},r)),f.default.createElement(Cs,{hasError:n,size:t},"g")),(e=>"lb"===e.weightUnit||"oz"===e.weightUnit)(r)&&f.default.createElement(f.default.Fragment,null,f.default.createElement(Xa,null,f.default.createElement(Es,Object.assign({size:t,onChange:r.handleChangePound,name:"ounce",type:"number",value:r.pound,hasError:n},r)),f.default.createElement(Cs,{hasError:n,size:t},"lb")),f.default.createElement(Xa,null,f.default.createElement(Es,Object.assign({size:t,onChange:r.handleChangeOunce,name:"pound",type:"number",value:r.ounce,hasError:n},r)),f.default.createElement(Cs,{hasError:n,size:t},"oz")))))}));$s.displayName="WeightInput",$s.defaultProps={weightUnit:"lb"},exports.Accordion=({className:n,children:o,label:r,iconSlot:a,glyphColor:i=w.neutral.ink.lightest,timeout:l=350,description:d,shouldOpenOnMount:s})=>{const[c,u]=e.useState(!!s);return f.default.createElement(V,{open:!!s,className:n},f.default.createElement(A,{onClick:()=>u(!c)},f.default.createElement(P,null,f.default.createElement(D,{glyphColor:i},a,f.default.createElement(R,{variant:"body"},r)),f.default.createElement(B,null,f.default.createElement(t.motion.span,{animate:{rotate:c?180:0}},f.default.createElement(q,{name:c?"downArrow":"upArrow"})))),!!d&&f.default.createElement(H,{variant:"hintText"},d)),c&&f.default.createElement(W,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:l/1e3}},o))},exports.ActionList=jo,exports.Anchor=({children:e,className:t,text:n,href:o,target:r})=>f.default.createElement(Mo,{href:o,target:r,className:t},e||n),exports.AnimatedDropdown=Po,exports.Avatar=({width:e="40px",name:t="Veeqo",bgColor:n=F.colors.secondary.blue.base,textColor:o="#ffffff"})=>{const r=t.toUpperCase().match(/\b(\w)/g);return f.default.createElement(Ho,{width:e,bgColor:n,textColor:o,className:"avatar"},null==r?void 0:r.slice(0,2).map(((e,t)=>f.default.createElement("span",{key:`${e}-${t}`},e))))},exports.Badge=({variant:e="default",hideBorder:t=!1,iconSlot:n,tooltip:o,className:r,e2eClassName:a,children:i})=>{const l=Qo[e];return f.default.createElement(Ko,{text:o},f.default.createElement(l,{className:Wn([r,a]),hideBorder:t},n&&n,i&&f.default.createElement("span",null,i)))},exports.Banner=e=>{var{type:t="info",text:n,icon:o,onClose:r,className:a,header:i,children:l,backgroundColor:d="white"}=e,s=_(e,["type","text","icon","onClose","className","header","children","backgroundColor"]);const c=lr[t];return f.default.createElement(er,Object.assign({accentColor:c,className:a,backgroundColor:d},s),f.default.createElement(tr,null,o&&f.default.createElement(or,{style:{marginRight:L.md},accentColor:c},o),l?f.default.createElement(rr,null,l):f.default.createElement(f.default.Fragment,null,f.default.createElement(ar,null,i||f.default.createElement(ir,{variant:"headingSmall"},n)),f.default.createElement(nr,null,r&&f.default.createElement(so,{variant:"flat","aria-label":"Close",icon:f.default.createElement(po,null),onClick:r})))))},exports.BaseContainer=v,exports.Breadcrumbs=({items:e,Separator:t=f.default.createElement(fr,null),LinkComponent:n=pr})=>f.default.createElement(dr,{className:"breadcrumbs"},e.map(((o,r)=>f.default.createElement(ur,{key:o.title,title:o.title,href:o.pathname,LinkComponent:r!==e.length-1?n:mr},e.length!==r+1&&t)))),exports.Button=so,exports.Card=$o,exports.CardHeader=mo,exports.Checkbox=Mr,exports.Choice=Ir,exports.ChoiceList=Ar,exports.CopyToClipboard=({className:t,text:n,onCopy:o})=>{const[r,a]=f.default.useState(!1),i=e.useCallback((()=>{navigator.clipboard.writeText(n),o&&o(),a(!0),setTimeout((()=>a(!1)),2500)}),[o,n]);return f.default.createElement(Ko,{text:r?"Copied!":"Copy to clipboard"},f.default.createElement(Vr,{variant:"flat",size:"sm",className:t,"aria-label":`${r?"Copied":"Copy"} "${n}" to clipboard`,icon:r?f.default.createElement(Pr,Object.assign({color:w.secondary.green.base},Wr)):f.default.createElement(Hr,Object.assign({color:w.secondary.blue.base},Wr)),onClick:i}))},exports.DataTable=Ta,exports.DescriptionList=({items:e,horizontal:t})=>{const n=e=>Array.isArray(e)?e.map((e=>f.default.createElement(Wa,{key:e},e))):f.default.createElement(Wa,null,e);return f.default.createElement(Da,null,e.map((e=>t?f.default.createElement(Aa,{key:e.term},f.default.createElement(Ha,null,e.term),f.default.createElement(Pa,null,n(e.description))):f.default.createElement(Ba,{key:e.term},f.default.createElement(Ha,null,e.term),n(e.description)))))},exports.DetailPage=({renderHeader:t,children:n})=>{const[o,r]=e.useState(!0);return f.default.createElement("main",null,t((()=>r(!o)),o),f.default.createElement(_a,null,f.default.createElement(Za,{showSidebar:o},n)))},exports.DimensionsInput=ci,exports.FilterTag=({className:t,e2eClassName:n,label:o,text:r,iconSlot:a,fill:i=w.secondary.blue.base,content:l,footer:d,onClickAway:s,onClick:c,shouldCloseOnClickAway:u=!0})=>{const p=Ci(t),m=Ci(n),{shouldShowDropdown:h,toggleShouldShowDropdown:g,closeDropdown:b}=fi(),v=e.useCallback((e=>{g(),s&&h&&s(e)}),[g,s,h]),y=e.useCallback((e=>{s&&s(e,b),u&&b()}),[b,s,u]);return!l?f.default.createElement(gi,{className:Wn([null==p?void 0:p.container,null==m?void 0:m.container]),onClick:c},o&&f.default.createElement(vi,{variant:"subheadingSmallBold"},`${o}:`),f.default.createElement(R,null,r),f.default.createElement(xi,{className:Wn([null==p?void 0:p.cross,null==m?void 0:m.cross]),name:"cross",size:"base",color:w.neutral.ink.base})):f.default.createElement(Po,{className:p.filterTagDropdown,shouldShowDropdown:h,onClickAway:y,cta:f.default.createElement(gi,{className:p.container,onClick:v},o&&f.default.createElement(vi,{variant:"subheadingSmallBold"},`${o}:`),f.default.createElement(R,null,r),f.default.createElement(yi,{color:w.neutral.ink.base,name:"downArrow",shouldShow:h}))},f.default.createElement(wi,null,f.default.createElement(Ei,{color:i},a,f.default.createElement(R,{variant:"bodyBold"},o)),l,d))},exports.FocusVisibleManager=function({children:t}){const[n,o]=e.useState(!0);return e.useEffect((()=>{function e(){o(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(o(!1),r())}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 r(){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 a(e){e.metaKey||e.altKey||e.ctrlKey||o(!0)}function i(){"hidden"===document.visibilityState&&(o(!0),n())}return document.addEventListener("keydown",a,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",i,!0),n(),()=>{document.removeEventListener("keydown",a,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",i,!0),r()}}),[o]),f.default.createElement(pi.Provider,{value:{hadKeyboardEvent:n,isInitialized:!0}},t)},exports.Grid=$i,exports.Image=({src:t,alt:n="",className:r,e2eClassName:i,width:l,height:d,previewWidth:s,previewHeight:c,previewPlacement:u="right",previewEnabled:p=!1,placeholder:m,placeholderWidth:h,placeholderHeight:g,disablePlaceholder:b=!1})=>{const v=zi(r),y=zi(i),[x,w]=e.useState(!1),[E,C]=e.useState({isLoaded:!1,isError:!1}),[$,k]=f.default.useState(null),[S,N]=f.default.useState(null),{styles:L,attributes:I}=o.usePopper($,S,{placement:u,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),z=e.useCallback((()=>p?w(!0):{}),[p]),F=e.useCallback((()=>p?w(!1):{}),[p]),O=!E.isLoaded||E.isError;return f.default.createElement(Si,{className:Wn([null==v?void 0:v.container,null==y?void 0:y.container,r])},f.default.createElement(Ni,{src:t,alt:n,className:Wn([null==v?void 0:v.image,null==y?void 0:y.image]),width:l,height:d,onLoad:()=>C({isLoaded:!0,isError:!1}),onError:()=>C({isLoaded:!0,isError:!0}),previewEnabled:p,onMouseEnter:z,onMouseLeave:F,style:O?{display:"none"}:{},ref:k}),!b&&O&&(m||f.default.createElement(ki,{className:Wn([null==v?void 0:v.placeholder,null==y?void 0:y.placeholder]),width:h||l,height:g||d})),x&&a.createPortal(f.default.createElement(Li,Object.assign({ref:N,style:L.popper},I.popper,{className:Wn([null==v?void 0:v.previewImageContainer,null==y?void 0:y.previewImageContainer])}),f.default.createElement(Ii,{src:t,alt:"",width:s,height:c})),document.body))},exports.InputGroup=Xa,exports.LegacyDataTable=El,exports.Loader=Yn,exports.LoginWithAmazonButton=t=>{const[n,o]=e.useState($l);return f.default.createElement(Cl,Object.assign({onMouseDown:()=>{o("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:()=>{o($l)},"aria-label":kl},t),f.default.createElement("img",{src:n,alt:kl}))},exports.Modal=n=>{const{shouldShow:o,showHeaderCloseButton:r=!0,fullBleed:a=!1,variant:i="base",onClose:l,children:d}=n,s=e.useRef(null),[c,u]=e.useState(null);e.useEffect((()=>{var e,t;o&&(null===(e=s.current)||void 0===e||e.removeAttribute("open"),null===(t=s.current)||void 0===t||t.showModal())}),[o]);const{isOverflowing:p,onScroll:m}=hi(c),h=()=>{var e;null===(e=s.current)||void 0===e||e.close(),l()};return f.default.createElement(t.AnimatePresence,null,o&&f.default.createElement("div",{"data-testid":"dialog-wrapper"},f.default.createElement(Sl,null),f.default.createElement(Ml,{ref:s,onClose:h,variant:i,"aria-describedby":"modal_title"},f.default.createElement($o.Surface,null,(e=>!!e.headerSlot)(n)?n.headerSlot:f.default.createElement(mo,Object.assign({id:"modal_title",headerVariant:"headingLarge",title:n.headerTitle,subtitle:n.headerSubtitle},r&&{onClickClose:h})),f.default.createElement(Nl,{onScroll:m,ref:u,isScrollable:p,fullBleed:a},d),Ll(n)&&n.footerSlot,!Ll(n)&&(n.leftActions||n.rightActions)&&f.default.createElement($o.Footer,null,f.default.createElement(gr,{direction:"horizontal",alignX:n.leftActions?"between":"end"},n.leftActions&&f.default.createElement(gr,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},n.leftActions.map((e=>{var{label:t}=e,n=_(e,["label"]);return f.default.createElement(so,Object.assign({key:t,type:"button"},n),t)}))),n.rightActions&&f.default.createElement(gr,{direction:"horizontal",alignX:"end","data-testid":"right-actions-container"},n.rightActions.map((e=>{var{label:t}=e,n=_(e,["label"]);return f.default.createElement(so,Object.assign({key:t,type:"button"},n),t)})))))))))},exports.PageHeader=({title:e,subtitle:t,imageSrc:n,actions:o,quickActions:r,backAction:a,Accessory:i,shadow:l="none",onClickPrevious:d,onClickNext:s,onClickToggleSidebar:c})=>{const u=o&&f.default.createElement(jo,{buttonVariant:r?"default":"primary",title:"Actions",sections:o}),p=null==r?void 0:r.map((e=>f.default.createElement(so,{key:e.title,variant:e.variant,icon:e.icon,onClick:e.onClick},e.title))),m=a&&f.default.createElement(so,{onClick:a.onClick,icon:f.default.createElement(_l,null),variant:"link"},a.title),h=c&&f.default.createElement(gr,{direction:"horizontal",alignX:"end"},f.default.createElement(ql,{onClick:c},f.default.createElement("span",null,"Toggle sidebar"),f.default.createElement(cr,{width:L.md})));return f.default.createElement(Al,{shadow:l},f.default.createElement(gr,null,m,f.default.createElement(Zl,null,f.default.createElement(gr,{direction:"horizontal",spacing:"md"},n&&f.default.createElement(Wl,{src:n,alt:"",width:"72",height:"72"}),f.default.createElement("div",{style:{flex:1}},f.default.createElement(gr,{alignX:"stretch"},f.default.createElement(Pl,null,e),i,t&&f.default.createElement(Hl,null,t)))),f.default.createElement(Vl,null,f.default.createElement(gr,{direction:"horizontal",alignX:"end",spacing:"sm"},p,u,d&&f.default.createElement(so,{icon:f.default.createElement(_l,null),onClick:d}),s&&f.default.createElement(so,{icon:f.default.createElement(cr,null),onClick:s})),h))))},exports.Pagination=({testId:e,e2eClassName:t,currentPage:n,totalPagesCount:o,handleChangePage:r})=>{const{pageInputValue:a,handleIncrement:i,handleDecrement:l,handleFormSubmit:d,handleInputChange:s,handleSubmit:c}=Kl({currentPage:n,totalPagesCount:o,handleChangePage:r});return f.default.createElement(gr,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":e,className:t},f.default.createElement(Ul,{onClick:()=>{1!==n&&r(1)},icon:f.default.createElement(Jl,null),size:"sm","aria-label":"go to first page"}),f.default.createElement(Ul,{onClick:l,icon:f.default.createElement(_l,null),size:"sm","aria-label":"go to previous page","aria-disabled":n<=1}),f.default.createElement("form",{onSubmit:d},f.default.createElement(Yl,{"aria-live":"polite","aria-label":`page ${n} of ${o}`,size:Ua.sm,type:"number",value:a,min:"1",max:`${o}`,onChange:s,onBlur:c})),f.default.createElement(Gl,{count:o}),f.default.createElement(Ul,{onClick:i,icon:f.default.createElement(cr,null),size:"sm","aria-label":"go to next page","aria-disabled":n>=o}),f.default.createElement(Ul,{onClick:()=>{n!==o&&r(o)},icon:f.default.createElement(Ql,null),size:"sm","aria-label":"go to last page","aria-disabled":n>=o}))},exports.PaginationRange=dd,exports.Popover=Zn,exports.Popup=ls,exports.Portal=Pn,exports.PriceInput=gd,exports.Radio=Tr,exports.Search=({type:e="text",disabled:t=!1,onClearClick:n,onChange:o,onBlur:r,onFocus:a,onKeyUp:i,onKeyDown:l,onKeyPress:d,value:s="",error:c,placeholder:u="",className:p="",name:m,isLoading:h=!1,fill:g,reversed:b=!1,autoComplete:v="on",size:y="base"})=>{const x=s&&s.length>0;return f.default.createElement(yd,{className:p,iconPosition:b?"left":"right"},f.default.createElement(bd,{size:y,type:e,value:s,onChange:o,onBlur:r,onFocus:a,onKeyUp:i,onKeyDown:l,onKeyPress:d,placeholder:u,name:m,disabled:t,error:c,autoComplete:v}),f.default.createElement(vd,null,h?f.default.createElement(Yn,{height:24,color:g||F.colors.secondary.blue.base}):x&&n?f.default.createElement(so,{variant:"unstyled",onClick:n,style:{display:"flex"},"aria-label":"Clear text"},f.default.createElement(po,{color:g||F.colors.neutral.ink.dark})):f.default.createElement(so,{variant:"unstyled",onClick:()=>o(s),style:{display:"flex"},"aria-label":"Search"},f.default.createElement(xd,{color:g||F.colors.neutral.ink.dark,height:L.md,width:L.md}))))},exports.SegmentedControl=({options:e,selected:t,className:n,onChange:o})=>f.default.createElement($d,{className:n?`${n}-container`:void 0},e.map((e=>f.default.createElement(so,{variant:e.value===t?"primary":"default",key:e.key,onClick:()=>o(e.value),disabled:e.disabled,className:e.value===t?"veeqo-components-active-button":""},e.label)))),exports.Select=Sd,exports.SimpleTable=Rd,exports.Slider=({id:t,value:n,min:o,max:r,step:a=1,onChange:i,className:l,e2eClassName:d,onSlideStart:s=(()=>{}),onSlideEnd:c=(()=>{})})=>{const[u,p]=e.useState(!1),[m,h]=e.useState(-1),g=e.useRef(null),b=e.useRef(null),v=e.useRef(null),y=Pd(l),x=Pd(d),w=e.useCallback((e=>{var t;if(!u||!g.current)return;const l=m>-1?n[m]:n,d=g.current.getBoundingClientRect();let s=100*(e.pageX-d.x)/d.width/100*(r-o)+o;const c=l-s;if(c>0&&(s=l+Math.ceil(s/a-l/a)*a),c<0&&(s=l+Math.floor(s/a-l/a)*a),l===s)return;s>r&&(s=r),s<o&&(s=o),Array.isArray(n)&&(0===m&&s>n[1]&&([,s]=n),1===m&&s<n[0]&&([s]=n));const f=a.toString().includes(".")?null===(t=a.toString().split(".").pop())||void 0===t?void 0:t.length:0;let p;s=Number(s.toFixed(f)),p=Array.isArray(n)?0===m?[s,n[1]]:[n[0],s]:s,i(p),Array.isArray(p)&&p[0]===p[1]&&(0===m&&h(1),1===m&&h(0))}),[m,u,r,o,i,a,n]),E=e.useCallback((()=>{p(!1),c()}),[c]),C=e.useCallback(((e,t)=>{p(!0),s(),"number"==typeof t&&h(t),e.preventDefault()}),[s]);e.useEffect((()=>{const e=e=>C(e,Array.isArray(n)?0:1),t=e=>C(e,1),o=b.current,r=v.current;return null==o||o.addEventListener("mousedown",e),null==r||r.addEventListener("mousedown",t),document.addEventListener("mousemove",w),document.addEventListener("mouseup",E),()=>{null==o||o.removeEventListener("mousedown",e),null==r||r.removeEventListener("mousedown",t),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",E)}}),[C,w,E,n]);const $=(e,t,n)=>{let a;return a=Wn("number"==typeof n?0===n?[null==y?void 0:y.startSlider,null==x?void 0:x.startSlider]:[null==y?void 0:y.endSlider,null==x?void 0:x.endSlider]:[null==y?void 0:y.slider,null==x?void 0:x.slider]),f.default.createElement(Bd,{role:"slider",ref:1===n?v:b,className:a,left:e,"aria-valuemin":o,"aria-valuemax":r,"aria-valuenow":t})},k=e=>{const t=100*(e[0]<o?0:e[0]-o)/(r-o),n=100*(e[1]>r?100:e[1]-o)/(r-o),a=n-t;return f.default.createElement(f.default.Fragment,null,f.default.createElement(Ad,{className:Wn([null==y?void 0:y.sliderRange,null==x?void 0:x.sliderRange]),left:t,width:a}),$(t,e[0],0),$(n,e[1],1))};let S;return S=Array.isArray(n)?k(n):(e=>{if(Array.isArray(n))return k(n);let t;return t=n>r?100:n<o?0:100*(e-o)/(r-o),$(t,e)})(n),f.default.createElement(Td,{className:Wn([null==y?void 0:y.container,null==x?void 0:x.container]),id:t,ref:g},f.default.createElement(Dd,null),S)},exports.Stack=gr,exports.Stepper=ud,exports.Tag=Hd,exports.Text=R,exports.TextField=ai,exports.ToastsLayout=({className:t,e2eClassName:n,toasts:o,minWidth:r="50vw",max:l=3,onClose:d})=>(e.useEffect((()=>{l&&o.length>l&&d(o[0].key)}),[o,l,d]),a.createPortal(f.default.createElement(Wd,{direction:"vertical",alignX:"center",spacing:4},f.default.createElement(i.TransitionGroup,{component:null},[...o].reverse().map(((e,a)=>f.default.createElement(i.CSSTransition,{key:e.key,timeout:500,classNames:"veeqo-components-toast"},f.default.createElement(Yd,Object.assign({className:t,e2eClassName:n,minWidth:r,last:a===o.length-1,onClose:()=>d(e.key)},e))))))),document.body)),exports.Toggle=es,exports.ToggleButton=({children:e,checked:t,size:n="base",disabled:o=!1,onChange:r})=>f.default.createElement(ts,{type:"button",checked:t,size:n,disabled:o,"aria-pressed":t,tabIndex:"0",onClick:()=>r(!t)},e),exports.Tooltip=Ko,exports.VideoModal=({id:e,youtubeVideoId:t,showVideoModal:n,handleCloseClick:o})=>{const r=ui(n,o);return f.default.createElement(ls,{shouldShow:n,className:`${e}-video`},f.default.createElement(ds,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(n?"visible":"hidden")},f.default.createElement(ss,{ref:r},f.default.createElement("iframe",{title:`${e}-video`,src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),f.default.createElement(cs,{variant:"flat",onClick:o,"data-testid":"video-modal--close",icon:f.default.createElement(po,{color:"white"})}))))},exports.View=({id:t,iconSlot:n,name:o,type:r,className:a,colourPalette:i=w.secondary.blue,customTextColour:l,count:d,active:s=!1,onClick:c,onDelete:u,onEdit:p,e2eClassName:m})=>{const h=ys(a),g=ys(m),[b,v,y]=mi(),x=e.useCallback((()=>c(t)),[t,c]),E=e.useCallback((e=>{e.stopPropagation(),u&&u(t)}),[u,t]),C=e.useCallback((e=>{e.stopPropagation(),p&&p(t)}),[p,t]),$=r===us.draft,k=r===us.saved,S=s?w.neutral.ink.dark:w.neutral.ink.base;return f.default.createElement(fs,{className:`${Wn([null==h?void 0:h.container,null==g?void 0:g.container])} ${s&&(null==g?void 0:g.active)||""}`,onClick:x},f.default.createElement(ms,{active:s,onMouseEnter:v,onMouseLeave:y,colourPalette:i,customTextColour:l},n&&f.default.createElement(bs,null,n),f.default.createElement(R,{variant:"bodyBold"},o),d&&f.default.createElement(hs,{active:s||b,colourPalette:i,customTextColour:l},f.default.createElement(ps,{className:null==g?void 0:g.counter,variant:"subheadingSmall"},d)),$&&f.default.createElement(po,Object.assign({},gs,{color:S,className:null==g?void 0:g.delete,onClick:E})),k&&s&&f.default.createElement(vs,Object.assign({},gs,{color:S,className:null==g?void 0:g.edit,onClick:C}))))},exports.WeightInput=$s,exports.buildClassnames=Wn,exports.generateId=An,exports.getOpaqueHexColor=qn,exports.hexToRgb=Vn,exports.theme=F,exports.useCellWidths=Jr,exports.useClickOutside=ui,exports.useColumns=Qr,exports.useDebounce=(t,n)=>{const[o,r]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>r(t)),n);return()=>clearTimeout(e)}),[t,n]),o},exports.useDragToScroll=ea,exports.useDropdown=fi,exports.useFocusVisible=function(){const[e,t]=f.default.useState(!1),{hadKeyboardEvent:n,isInitialized:o}=f.default.useContext(pi),r=f.default.useCallback((()=>{e||t(!0)}),[e]),a=f.default.useCallback((()=>{e&&t(!1)}),[e]);let i;return i=o?n&&e:e,f.default.useMemo((()=>({focusVisible:i,onFocus:r,onBlur:a})),[i,a,r])},exports.useHover=mi,exports.useIsOverflowing=hi,exports.useNested=function(){const[t,n]=e.useState([]);return{nestedTableProps:{expandedRowIds:t,setExpanded:(e,o)=>{if(o)if(e){if(t.includes(o))return;const e=[...t,o];n(e)}else{const e=t.findIndex((e=>e===o));if(e<0)return;const r=[...t];r.splice(e,1),n(r)}}}}},exports.useScrollPosition=ta,exports.useSelection=da,exports.useTabs=(t,n)=>{const{defaultActiveIndex:o=0}=n||{},[r]=e.useState(t),[a,i]=e.useState(r[o]);return[a,e=>{const t=r.find((t=>t.key===e));t&&i(t)}]},exports.withDeprecated=t=>n=>(e.useEffect((()=>{console.warn(`${t.name} is deprecated.`)}),[]),f.default.createElement(t,Object.assign({},n))),exports.withLabels=ei;
2
15
  //# sourceMappingURL=index.js.map