@veeqo/ui 8.0.0 → 9.0.0-beta-1

package/dist/components/DateRangePicker/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";exports.checkIfDateRangeInvalid=({disabledRanges:e,selectedRange:t})=>{if(!t||!e||0===e.length)return!1;const{start:s,end:n}=t,[r,a]=[s,n].sort();return e.some((([e,t])=>r>=e&&r<=t||a>=e&&a<=t||r<=e&&a>=t))};
+//# sourceMappingURL=utils.cjs.map

package/dist/components/DateRangePicker/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/DateRangePicker/utils.ts"],"sourcesContent":[null],"names":["selectedRange","length","start","end","presortStart","presortEnd","sort","some","disabledStart","disabledEnd"],"mappings":"gEAAuDA,oBACvD,IAASA,OAAyC,MAAAC,OAElD,OAAO,0BAKUC,EAAAC,GAAA,CAAAC,EAAgBC,GAAAC,gBAa/BC,MAAA,EAAAC,EAAAC,KAAAP,GAAAM,GAAAN,GAAAO"}

package/dist/components/DateRangePicker/utils.d.ts

@@ -4,3 +4,4 @@ export declare const checkIfDateRangeInvalid: ({ disabledRanges, selectedRange,
     disabledRanges?: CalendarDate[][] | undefined;
     selectedRange: DateRange | null;
 }) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/DateRangePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,eAAO,MAAM,uBAAuB;;mBAKnB,SAAS,GAAG,IAAI;aAahC,CAAC"}

package/dist/components/DateRangePicker/utils.js

@@ -0,0 +1,2 @@
+const e=({disabledRanges:e,selectedRange:t})=>{if(!t||!e||0===e.length)return!1;const{start:n,end:s}=t,[r,o]=[n,s].sort();return e.some((([e,t])=>r>=e&&r<=t||o>=e&&o<=t||r<=e&&o>=t))};export{e as checkIfDateRangeInvalid};
+//# sourceMappingURL=utils.js.map

package/dist/components/DateRangePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/DateRangePicker/utils.ts"],"sourcesContent":[null],"names":["checkIfDateRangeInvalid","selectedRange","length","start","end","presortStart","presortEnd","sort","some","disabledStart","disabledEnd"],"mappings":"AAAS,MAAAA,qBAA8CC,oBACvD,IAASA,OAAyC,MAAAC,OAElD,OAAO,0BAKUC,EAAAC,GAAA,CAAAC,EAAgBC,GAAAC,gBAa/BC,MAAA,EAAAC,EAAAC,KAAAP,GAAAM,GAAAN,GAAAO"}

package/dist/components/DescriptionList/DescriptionList.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("styled-components"),i=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e),l=n(t);const a=l.default.dl.withConfig({displayName:"vui--List",componentId:"vui--1lcnd5n"})`margin:unset;& > * + *{margin-top:${i.theme.sizes.base};}`,d=l.default.div.withConfig({displayName:"vui--Item",componentId:"vui--t25k5o"})`& > * + *{margin-top:${i.theme.sizes.xs};}`,m=l.default.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--j013c4"})`display:flex;justify-content:space-between;& > * + *{margin-left:${i.theme.sizes.base};}`,r=l.default.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--12tjaz"})`text-align:right;& > * + *{margin-top:${i.theme.sizes.xs};}`,u=l.default.dt.withConfig({displayName:"vui--Term",componentId:"vui--zavj5i"})`font-family:${i.theme.text.bodyBold.fontFamily};font-size:${i.theme.text.bodyBold.fontSize};font-weight:${i.theme.text.bodyBold.fontWeight};line-height:${i.theme.text.bodyBold.lineHeight};color:${i.theme.text.bodyBold.color};`,s=l.default.dd.withConfig({displayName:"vui--Description",componentId:"vui--7wguee"})`margin-left:unset;font-family:${i.theme.text.body.fontFamily};font-size:${i.theme.text.body.fontSize};font-weight:${i.theme.text.body.fontWeight};line-height:${i.theme.text.body.lineHeight};color:${i.theme.text.body.color};`;exports.DescriptionList=({items:e,horizontal:t})=>{const i=e=>Array.isArray(e)?e.map((e=>o.default.createElement(s,{key:e},e))):o.default.createElement(s,null,e);return o.default.createElement(a,null,e.map((e=>t?o.default.createElement(m,{key:e.term},o.default.createElement(u,null,e.term),o.default.createElement(r,null,i(e.description))):o.default.createElement(d,{key:e.term},o.default.createElement(u,null,e.term),i(e.description)))))};
+//# sourceMappingURL=DescriptionList.cjs.map

package/dist/components/DescriptionList/DescriptionList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.cjs","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":[null],"names":["List","styled","default","dl","withConfig","displayName","componentId","theme","sizes","base","Item","div","xs","ItemRow","DescriptionContainer","Term","dt","text","bodyBold","fontFamily","fontSize","fontWeight","lineHeight","color","Description","dd","body","items","horizontal"],"mappings":"2KAuDE,MAAAA,EAAAC,EAAaC,QAAAC,GAAMC,WAAW,CAACC,YAAA,YAAAC,YAAA,gBAAA,qCAAAC,EAAAA,MAAAC,MAAAC,SAC/BC,EAAAT,EAAAC,QAAAS,IAAAP,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAA,wBAAAC,EAAAA,MAAAC,MAAAI,OAEIC,IAA+BX,QAAAS,IAAAP,WAAA,CAAAC,YAAA,eAAAC,YAAA,eAAA,oEAAAC,EAAAA,MAAAC,MAAAC,SAC9BK,EAAqBb,EAAGC,QAAAS,IAAAP,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAA,yCAAAC,EAAAA,MAAAC,MAAAI,OACnBG,EAAAd,EAAGC,QAAAc,GAAAZ,WAAQ,CAAAC,YAAA,YAAAC,YAAA,eAAA,eAAAC,EAAAA,MAAAU,KAAAC,SAAAC,wBAAAZ,EAAAA,MAAAU,KAAAC,SAAAE,wBAAAb,QAAAU,KAAAC,SAAAG,0BAAAd,QAAAU,KAAAC,SAAAI,oBAAAf,EAAAA,MAAAU,KAAAC,SAAAK,SACtBC,EAAAvB,EAAAC,QAAAuB,GAAArB,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,iCAAAC,EAAAA,MAAAU,KAAAS,KAAAP,wBAAAZ,EAAAA,MAAAU,KAAAS,KAAAN,wBAAAb,QAAAU,KAAAS,KAAAL,0BAAAd,QAAAU,KAAAS,KAAAJ,oBAAAf,EAAAA,MAAAU,KAAAS,KAAAH,iCAEY,EAAAI,QAA0CC"}

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -9,3 +9,4 @@ export interface DescriptionListProps {
 }
 export declare const DescriptionList: ({ items, horizontal }: DescriptionListProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=DescriptionList.d.ts.map

package/dist/components/DescriptionList/DescriptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,0BAA2B,oBAAoB,sBA0B1E,CAAC"}

package/dist/components/DescriptionList/DescriptionList.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"styled-components";import{theme as i}from"../../theme/index.js";const o=t.dl.withConfig({displayName:"vui--List",componentId:"vui--1lcnd5n"})`margin:unset;& > * + *{margin-top:${i.sizes.base};}`,n=t.div.withConfig({displayName:"vui--Item",componentId:"vui--t25k5o"})`& > * + *{margin-top:${i.sizes.xs};}`,l=t.div.withConfig({displayName:"vui--ItemRow",componentId:"vui--j013c4"})`display:flex;justify-content:space-between;& > * + *{margin-left:${i.sizes.base};}`,m=t.div.withConfig({displayName:"vui--DescriptionContainer",componentId:"vui--12tjaz"})`text-align:right;& > * + *{margin-top:${i.sizes.xs};}`,a=t.dt.withConfig({displayName:"vui--Term",componentId:"vui--zavj5i"})`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};`,r=t.dd.withConfig({displayName:"vui--Description",componentId:"vui--7wguee"})`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};`,d=({items:t,horizontal:i})=>{const d=t=>Array.isArray(t)?t.map((t=>e.createElement(r,{key:t},t))):e.createElement(r,null,t);return e.createElement(o,null,t.map((t=>i?e.createElement(l,{key:t.term},e.createElement(a,null,t.term),e.createElement(m,null,d(t.description))):e.createElement(n,{key:t.term},e.createElement(a,null,t.term),d(t.description)))))};export{d as DescriptionList};
+//# sourceMappingURL=DescriptionList.js.map

package/dist/components/DescriptionList/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":[null],"names":["List","styled","dl","withConfig","displayName","componentId","theme","sizes","base","Item","div","xs","ItemRow","DescriptionContainer","Term","dt","text","bodyBold","fontFamily","fontSize","fontWeight","lineHeight","color","Description","dd","body","DescriptionList","items","horizontal"],"mappings":"mGAuDE,MAAAA,EAAAC,EAAaC,GAAMC,WAAW,CAACC,YAAA,YAAAC,YAAA,gBAAA,qCAAAC,EAAAC,MAAAC,SAC/BC,EAAAR,EAAAS,IAAAP,WAAA,CAAAC,YAAA,YAAAC,YAAA,eAAA,wBAAAC,EAAAC,MAAAI,OAEIC,IAA+BF,IAAAP,WAAA,CAAAC,YAAA,eAAAC,YAAA,eAAA,oEAAAC,EAAAC,MAAAC,SAC9BK,EAAqBZ,EAAGS,IAAAP,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAA,yCAAAC,EAAAC,MAAAI,OACnBG,EAAAb,EAAGc,GAAAZ,WAAQ,CAAAC,YAAA,YAAAC,YAAA,eAAA,eAAAC,EAAAU,KAAAC,SAAAC,wBAAAZ,EAAAU,KAAAC,SAAAE,wBAAAb,EAAAU,KAAAC,SAAAG,0BAAAd,EAAAU,KAAAC,SAAAI,oBAAAf,EAAAU,KAAAC,SAAAK,SACtBC,EAAAtB,EAAAuB,GAAArB,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,iCAAAC,EAAAU,KAAAS,KAAAP,wBAAAZ,EAAAU,KAAAS,KAAAN,wBAAAb,EAAAU,KAAAS,KAAAL,0BAAAd,EAAAU,KAAAS,KAAAJ,oBAAAf,EAAAU,KAAAS,KAAAH,SAEDI,EAAa,EAAAC,QAA0CC"}

package/dist/components/DescriptionList/index.d.ts

@@ -1 +1,2 @@
 export { DescriptionList } from './DescriptionList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DescriptionList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DescriptionList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/DetailPage/DetailPage.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("./styled.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);exports.DetailPage=({renderHeader:r,children:a})=>{const[l,u]=e.useState(!0);return n.default.createElement("main",null,r((()=>u(!l)),l),n.default.createElement(t.ContentContainer,null,n.default.createElement(t.ColumnGrid,{showSidebar:l},a)))};
+//# sourceMappingURL=DetailPage.cjs.map

package/dist/components/DetailPage/DetailPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.cjs","sources":["../../../src/components/DetailPage/DetailPage.tsx"],"sourcesContent":[null],"names":["renderHeader","children","shouldShowSidebar","setShouldShowSidebar","useState","React","default","createElement"],"mappings":"+IAK8B,EAAAA,eAAQC,eACpC,MAAQC,EAAYC,GAAAC,EAAAA,UAAA,GAGtB,OAAAC,EAAaC,QAAAC,cAA0C,OAAA,QAFtD,IAAAJ,GAAAD"}

package/dist/components/DetailPage/DetailPage.d.ts

@@ -4,3 +4,4 @@ export interface PageHeaderProps {
     children: ReactNode;
 }
 export declare const DetailPage: ({ renderHeader, children }: PageHeaderProps) => React.JSX.Element;
+//# sourceMappingURL=DetailPage.d.ts.map

package/dist/components/DetailPage/DetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPage/DetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,EAAE,iBAAiB,CAAC,EAAE,OAAO,KAAK,SAAS,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,+BAAgC,eAAe,sBAarE,CAAC"}

package/dist/components/DetailPage/DetailPage.js

@@ -0,0 +1,2 @@
+import e,{useState as r}from"react";import{ContentContainer as t,ColumnGrid as n}from"./styled.js";const l=({renderHeader:l,children:m})=>{const[o,a]=r(!0);return e.createElement("main",null,l((()=>a(!o)),o),e.createElement(t,null,e.createElement(n,{showSidebar:o},m)))};export{l as DetailPage};
+//# sourceMappingURL=DetailPage.js.map

package/dist/components/DetailPage/DetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.js","sources":["../../../src/components/DetailPage/DetailPage.tsx"],"sourcesContent":[null],"names":["DetailPage","renderHeader","children","shouldShowSidebar","setShouldShowSidebar","useState","React","createElement"],"mappings":"mGAKE,MAAAA,EAA4B,EAAAC,eAAQC,eACpC,MAAQC,EAAYC,GAAAC,GAAA,GAGtB,OAAAC,EAAaC,cAA0C,OAAA,QAFtD,IAAAH,GAAAD"}

package/dist/components/DetailPage/index.d.ts

@@ -1 +1,2 @@
 export { DetailPage } from './DetailPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DetailPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/DetailPage/styled.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("styled-components"),i=require("../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const{sizes:n,colors:d}=i.theme,r=o.default.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1tbr7pe"})`width:100%;display:grid;grid-template-columns:${({showSidebar:e=!0})=>e?`calc(100% - 312px - ${n.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${n.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:e=!0})=>e?"1.0":"0"};transition:opacity 0.2s;}`,a=o.default.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--qefy7h"})`width:100%;box-sizing:border-box;padding:${n.md};overflow-x:hidden;background-color:${d.neutral.grey.lightest};`;exports.ColumnGrid=r,exports.ContentContainer=a;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/DetailPage/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DetailPage/styled.d.ts

@@ -1,2 +1,3 @@
 export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/DetailPage/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPage/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,qEAatB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAM5B,CAAC"}

package/dist/components/DetailPage/styled.js

@@ -0,0 +1,2 @@
+import i from"styled-components";import{theme as o}from"../../theme/index.js";const{sizes:t,colors:e}=o,n=i.div.withConfig({displayName:"vui--ColumnGrid",componentId:"vui--1tbr7pe"})`width:100%;display:grid;grid-template-columns:${({showSidebar:i=!0})=>i?`calc(100% - 312px - ${t.md}) 312px`:"100% 312px"};align-items:flex-start;grid-gap:${t.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({showSidebar:i=!0})=>i?"1.0":"0"};transition:opacity 0.2s;}`,d=i.div.withConfig({displayName:"vui--ContentContainer",componentId:"vui--qefy7h"})`width:100%;box-sizing:border-box;padding:${t.md};overflow-x:hidden;background-color:${e.neutral.grey.lightest};`;export{n as ColumnGrid,d as ContentContainer};
+//# sourceMappingURL=styled.js.map

package/dist/components/DetailPage/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DimensionsInput/DimensionsInput.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("../InputGroup/index.cjs"),n=require("../types.cjs"),a=require("../../hoc/withLabels/withLabels.cjs"),s=require("./styled.cjs"),i=require("../../tempIcons/CrossIcon.cjs"),l=require("../../theme/index.cjs"),r=require("../../utils/blockInvalidCharacters.cjs"),h=require("../../utils/invalidCharactersNumeric.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(e);const o=e=>r.blockInvalidCharacters(e,h.invalidCharsList),d=a.withLabels((({size:e=n.ComponentSize.base,handleChangeHeight:a,handleChangeWidth:r,handleChangeLength:h,className:u,height:d,width:m,length:p,unit:C,...g})=>c.default.createElement(s.Container,{className:u},c.default.createElement(s.Row,null,c.default.createElement(s.TextField,{onChange:h,size:e,name:"length",type:"number",placeholder:"L",value:p,min:"0",step:"any",onKeyDown:o,...g}),c.default.createElement(i.CrossIcon,{height:l.theme.sizes.base,width:l.theme.sizes.base}),c.default.createElement(s.TextField,{onChange:r,size:e,name:"width",type:"number",placeholder:"W",value:m,min:"0",step:"any",onKeyDown:o,...g}),c.default.createElement(i.CrossIcon,{height:l.theme.sizes.base,width:l.theme.sizes.base}),c.default.createElement(t.InputGroup,null,c.default.createElement(s.TextField,{onChange:a,size:e,name:"height",type:"number",placeholder:"H",value:d,min:"0",step:"any",onKeyDown:o,...g}),c.default.createElement(s.Button,{size:e},C))))));d.displayName="DimensionsInput",exports.DimensionsInput=d;
+//# sourceMappingURL=DimensionsInput.cjs.map

package/dist/components/DimensionsInput/DimensionsInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsInput.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DimensionsInput/DimensionsInput.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { DimensionsProps } from './types';
 export declare const DimensionsInput: FC<DimensionsProps>;
+//# sourceMappingURL=DimensionsInput.d.ts.map

package/dist/components/DimensionsInput/DimensionsInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsInput.d.ts","sourceRoot":"","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,eAAe,CA2D/C,CAAC"}

package/dist/components/DimensionsInput/DimensionsInput.js

@@ -0,0 +1,2 @@
+import e from"react";import{InputGroup as t}from"../InputGroup/index.js";import{ComponentSize as n}from"../types.js";import{withLabels as a}from"../../hoc/withLabels/withLabels.js";import{Container as s,Row as i,TextField as m,Button as r}from"./styled.js";import{CrossIcon as o}from"../../tempIcons/CrossIcon.js";import{theme as l}from"../../theme/index.js";import{blockInvalidCharacters as h}from"../../utils/blockInvalidCharacters.js";import{invalidCharsList as p}from"../../utils/invalidCharactersNumeric.js";const c=e=>h(e,p),d=a((({size:a=n.base,handleChangeHeight:h,handleChangeWidth:p,handleChangeLength:d,className:u,height:g,width:y,length:b,unit:f,...w})=>e.createElement(s,{className:u},e.createElement(i,null,e.createElement(m,{onChange:d,size:a,name:"length",type:"number",placeholder:"L",value:b,min:"0",step:"any",onKeyDown:c,...w}),e.createElement(o,{height:l.sizes.base,width:l.sizes.base}),e.createElement(m,{onChange:p,size:a,name:"width",type:"number",placeholder:"W",value:y,min:"0",step:"any",onKeyDown:c,...w}),e.createElement(o,{height:l.sizes.base,width:l.sizes.base}),e.createElement(t,null,e.createElement(m,{onChange:h,size:a,name:"height",type:"number",placeholder:"H",value:g,min:"0",step:"any",onKeyDown:c,...w}),e.createElement(r,{size:a},f))))));d.displayName="DimensionsInput";export{d as DimensionsInput};
+//# sourceMappingURL=DimensionsInput.js.map

package/dist/components/DimensionsInput/DimensionsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DimensionsInput/index.d.ts

@@ -1 +1,2 @@
 export { DimensionsInput } from './DimensionsInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DimensionsInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DimensionsInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/DimensionsInput/styled.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("styled-components"),t=require("../Text/Text.cjs"),i=require("../TextField/index.cjs"),o=require("../Button/Button.cjs"),n=require("../BaseContainer/BaseContainer.cjs"),r=require("../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(e);const s=a.default(n.BaseContainer).withConfig({displayName:"vui--Container",componentId:"vui--31hvgq"})`display:flex;flex-direction:column;position:relative;`,d=a.default(n.BaseContainer).withConfig({displayName:"vui--Row",componentId:"vui--fkaqbt"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,u=a.default(i.TextField).withConfig({displayName:"vui--StyledTextField",componentId:"vui--sglucf"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${r.theme.colors.neutral.ink.lightest};}`,c=a.default(o.Button).withConfig({displayName:"vui--StyledButton",componentId:"vui--m1c7se"})`padding:0 6px;border-color:${r.theme.colors.neutral.ink.lightest};`;a.default(t.Text).withConfig({displayName:"vui--Label",componentId:"vui--1cuqy49"})``,a.default.span.withConfig({displayName:"vui--Error",componentId:"vui--1yz94gf"})`display:block;font-family:${r.theme.text.error.fontFamily};font-size:${r.theme.text.error.fontSize};font-weight:${r.theme.text.error.fontWeight};line-height:${r.theme.text.error.lineHeight};color:${r.theme.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${r.theme.sizes[2]} * -1);width:2px;background-color:${r.theme.colors.secondary.red.base};}`,a.default.span.withConfig({displayName:"vui--Hint",componentId:"vui--d0gr40"})`display:block;font-family:${r.theme.fontFamily};font-size:${r.theme.sizes[3]};line-height:${r.theme.sizes[4]};color:${r.theme.colors.neutral.ink.light};`,exports.Button=c,exports.Container=s,exports.Row=d,exports.TextField=u;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/DimensionsInput/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DimensionsInput/styled.d.ts

@@ -315,3 +315,4 @@ declare const Label: import("styled-components").StyledComponent<"span", any, {}
 declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
 export { Container, Row, Error, Hint, StyledTextField as TextField, StyledButton as Button, Label };
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/DimensionsInput/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/DimensionsInput/styled.ts"],"names":[],"mappings":";AAQA,QAAA,MAAM,SAAS,oEAId,CAAC;AAEF,QAAA,MAAM,GAAG,oEAMR,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iIASpB,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;sEAGjB,CAAC;AAEF,QAAA,MAAM,KAAK,yGAAiB,CAAC;AAE7B,QAAA,MAAM,KAAK,qEAiBV,CAAC;AAEF,QAAA,MAAM,IAAI,qEAMT,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,IAAI,SAAS,EAAE,YAAY,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/DimensionsInput/styled.js

@@ -0,0 +1,2 @@
+import o from"styled-components";import{Text as t}from"../Text/Text.js";import{TextField as i}from"../TextField/index.js";import{Button as e}from"../Button/Button.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";import{theme as r}from"../../theme/index.js";const l=o(n).withConfig({displayName:"vui--Container",componentId:"vui--31hvgq"})`display:flex;flex-direction:column;position:relative;`,a=o(n).withConfig({displayName:"vui--Row",componentId:"vui--fkaqbt"})`display:flex;align-items:center;margin-top:4px;gap:8px;`,s=o(i).withConfig({displayName:"vui--StyledTextField",componentId:"vui--sglucf"})`width:52px;margin:0;padding:0 6px;&&&{text-align:left;border-color:${r.colors.neutral.ink.lightest};}`,p=o(e).withConfig({displayName:"vui--StyledButton",componentId:"vui--m1c7se"})`padding:0 6px;border-color:${r.colors.neutral.ink.lightest};`;o(t).withConfig({displayName:"vui--Label",componentId:"vui--1cuqy49"})``,o.span.withConfig({displayName:"vui--Error",componentId:"vui--1yz94gf"})`display:block;font-family:${r.text.error.fontFamily};font-size:${r.text.error.fontSize};font-weight:${r.text.error.fontWeight};line-height:${r.text.error.lineHeight};color:${r.text.error.color};&::before{content:'';position:absolute;top:0;bottom:0;left:calc(${r.sizes[2]} * -1);width:2px;background-color:${r.colors.secondary.red.base};}`,o.span.withConfig({displayName:"vui--Hint",componentId:"vui--d0gr40"})`display:block;font-family:${r.fontFamily};font-size:${r.sizes[3]};line-height:${r.sizes[4]};color:${r.colors.neutral.ink.light};`;export{p as Button,l as Container,a as Row,s as TextField};
+//# sourceMappingURL=styled.js.map

package/dist/components/DimensionsInput/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DimensionsInput/types.d.ts

@@ -13,3 +13,4 @@ export interface DimensionsProps {
     unit?: string;
     className?: string;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/DimensionsInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DimensionsInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Dropdown/Dropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),o=require("../Button/Button.cjs"),r=require("./DropdownPopover.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);exports.Dropdown=({id:t,shouldShow:l,setShouldShow:u,ctaIconSlot:a,ctaProps:d,...c})=>{const i=e.useRef(null);return n.default.createElement(n.default.Fragment,null,n.default.createElement(o.Button,{ref:i,"aria-haspopup":"dialog","aria-expanded":l,"aria-controls":t,onClick:()=>null==u?void 0:u(!l),iconSlot:a,dropdown:!0,...d}),l&&n.default.createElement(r.DropdownPopover,{id:t,anchorElement:i.current,onShouldClose:()=>null==u?void 0:u(!1),...c}))};
+//# sourceMappingURL=Dropdown.cjs.map

package/dist/components/Dropdown/Dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { DropdownProps } from './types';
 export declare const Dropdown: ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }: DropdownProps) => React.JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ,+EAOlB,aAAa,sBA0Bf,CAAC"}

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,2 @@
+import o,{useRef as t}from"react";import{Button as r}from"../Button/Button.js";import{DropdownPopover as e}from"./DropdownPopover.js";const n=({id:n,shouldShow:l,setShouldShow:a,ctaIconSlot:c,ctaProps:d,...i})=>{const p=t(null);return o.createElement(o.Fragment,null,o.createElement(r,{ref:p,"aria-haspopup":"dialog","aria-expanded":l,"aria-controls":n,onClick:()=>null==a?void 0:a(!l),iconSlot:c,dropdown:!0,...d}),l&&o.createElement(e,{id:n,anchorElement:p.current,onShouldClose:()=>null==a?void 0:a(!1),...i}))};export{n as Dropdown};
+//# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/DropdownPopover.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),t=require("framer-motion"),r=require("./styled.cjs"),o=require("../Popover/Popover.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(e);exports.DropdownPopover=({id:a,children:i,className:l,style:s,reversed:c,anchorElement:d,useAnchorWidth:u,onShouldClose:m,...h})=>(e.useEffect((()=>()=>null==d?void 0:d.focus()),[d]),n.default.createElement(o.Popover,{id:a,"data-testid":a,anchorElement:d,onShouldClose:m,useAnchorWidth:u,placement:"bottom-start",...h},n.default.createElement(t.AnimatePresence,null,n.default.createElement(r.DropdownContainer,{className:l,style:s,useAnchorWidth:u,reversed:c,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},i))));
+//# sourceMappingURL=DropdownPopover.cjs.map

package/dist/components/Dropdown/DropdownPopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPopover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/DropdownPopover.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { BasicDropdownProps } from './types';
 export declare const DropdownPopover: ({ id, children, className, style, reversed, anchorElement, useAnchorWidth, onShouldClose, ...popoverProps }: BasicDropdownProps) => React.JSX.Element;
+//# sourceMappingURL=DropdownPopover.d.ts.map

package/dist/components/Dropdown/DropdownPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,eAAe,gHAUzB,kBAAkB,sBA6BpB,CAAC"}

package/dist/components/Dropdown/DropdownPopover.js

@@ -0,0 +1,2 @@
+import e,{useEffect as t}from"react";import{AnimatePresence as o}from"framer-motion";import{DropdownContainer as r}from"./styled.js";import{Popover as i}from"../Popover/Popover.js";const a=({id:a,children:n,className:l,style:s,reversed:m,anchorElement:c,useAnchorWidth:d,onShouldClose:h,...p})=>(t((()=>()=>null==c?void 0:c.focus()),[c]),e.createElement(i,{id:a,"data-testid":a,anchorElement:c,onShouldClose:h,useAnchorWidth:d,placement:"bottom-start",...p},e.createElement(o,null,e.createElement(r,{className:l,style:s,useAnchorWidth:d,reversed:m,initial:{opacity:0,y:-6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.2}},n))));export{a as DropdownPopover};
+//# sourceMappingURL=DropdownPopover.js.map

package/dist/components/Dropdown/DropdownPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPopover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/index.d.ts

@@ -1 +1,2 @@
 export { Dropdown } from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Dropdown/styled.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("styled-components"),r=require("framer-motion"),o=require("../../theme/index.cjs"),i=require("../Card/Card.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const a=n(e).default(r.motion(i.Card.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1vlqa08"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${o.theme.colors.neutral.grey.base};border-radius:${o.theme.radius.base};padding:${o.theme.sizes.base};`;exports.DropdownContainer=a;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/Dropdown/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/styled.d.ts

@@ -9,3 +9,4 @@ export declare const DropdownContainer: import("styled-components").StyledCompon
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
 }>, any, {}, never>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/Dropdown/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/styled.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB;;;;;;;;;mBAS7B,CAAC"}

package/dist/components/Dropdown/styled.js

@@ -0,0 +1,2 @@
+import o from"styled-components";import{motion as r}from"framer-motion";import{theme as e}from"../../theme/index.js";import{Card as i}from"../Card/Card.js";const n=o(r(i.Surface)).withConfig({displayName:"vui--DropdownContainer",componentId:"vui--1vlqa08"})`display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${e.colors.neutral.grey.base};border-radius:${e.radius.base};padding:${e.sizes.base};`;export{n as DropdownContainer};
+//# sourceMappingURL=styled.js.map

package/dist/components/Dropdown/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Dropdown/types.d.ts

@@ -14,3 +14,4 @@ export type DropdownProps = Omit<BasicDropdownProps, 'anchorElement' | 'onShould
     ctaProps?: ButtonProps;
     children?: ReactNode;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Dropdown/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,YAAY,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE,eAAe,GAAG,eAAe,CAAC,GAAG;IACxF,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/components/FilterTag/FilterTag.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),o=require("../../hooks/useDropdown.cjs");require("../../hooks/useFocusVisible.cjs");var l=require("../../utils/buildClassnames.cjs");require("uid/secure");var a=require("../../theme/modules/colors.cjs"),r=require("./styled.cjs"),n=require("../Popover/hooks/useHandleFocus.cjs"),t=require("../Text/Text.cjs"),s=require("../AnimatedDropdown/AnimatedDropdown.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(e);const d=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0});exports.FilterTag=({className:u,e2eClassName:i,label:m,text:f,iconSlot:w,fill:h=a.colors.secondary.blue.base,content:p,footer:C,header:b,onClickAway:E,onClick:v,shouldCloseOnClickAway:k=!0})=>{const D=d(u),q=d(i),[S,g]=e.useState(null),[j,y]=e.useState(null),{shouldShowDropdown:T,toggleShouldShowDropdown:x,closeDropdown:A}=o.useDropdown({anchorElement:S}),{handleKeyDown:N}=n.useHandleFocus({popperElement:j,anchorElement:S,onClose:A}),$=e.useCallback((e=>{T?A():x(),E&&T&&E(e)}),[T,A,x,E]),F=e.useCallback((e=>{E&&E(e,A),k&&A()}),[E,A,k]);return!p?c.default.createElement(r.Container,{className:l.buildClassnames([null==D?void 0:D.container,null==q?void 0:q.container]),onClick:v},m&&c.default.createElement(r.GroupLabel,{variant:"subheadingSmallBold"},`${m}:`),c.default.createElement(t.Text,null,f),c.default.createElement(r.CrossIcon,{className:l.buildClassnames([null==D?void 0:D.cross,null==q?void 0:q.cross]),name:"cross",size:"base",color:a.colors.neutral.ink.base})):c.default.createElement(s.AnimatedDropdown,{className:D.filterTagDropdown,shouldShowDropdown:T,onClickAway:F,cta:c.default.createElement(r.Container,{className:D.container,onClick:$,ref:g},m&&c.default.createElement(r.GroupLabel,{variant:"subheadingSmallBold"},`${m}:`),c.default.createElement(t.Text,null,f),c.default.createElement(r.MainIcon,{color:a.colors.neutral.ink.base,name:"downArrow",$shouldShow:T}))},c.default.createElement(r.Content,{ref:y,onKeyDown:N},c.default.createElement(r.Header,{color:h},b||c.default.createElement(c.default.Fragment,null,w,c.default.createElement(t.Text,{variant:"bodyBold"},m))),p,C))};
+//# sourceMappingURL=FilterTag.cjs.map

package/dist/components/FilterTag/FilterTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTag.cjs","sources":["../../../src/components/FilterTag/FilterTag.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","filterTagDropdown","undefined"],"mappings":"4cAwBC,MAAAA,EAAAC,IAAA,CAQDC,kBAAaD,EAaV,GAAAA,6BAAAE"}

package/dist/components/FilterTag/FilterTag.d.ts

@@ -6,3 +6,4 @@ export interface ClassNamesReturnPayload {
     cross?: string;
 }
 export declare const FilterTag: ({ className, e2eClassName, label, text, iconSlot, fill, content, footer, header, onClickAway, onClick, shouldCloseOnClickAway, }: FilterTagProps) => React.JSX.Element;
+//# sourceMappingURL=FilterTag.d.ts.map

package/dist/components/FilterTag/FilterTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTag.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTag/FilterTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAezC,MAAM,WAAW,uBAAuB;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,SAAS,qIAanB,cAAc,sBAyFhB,CAAC"}

package/dist/components/FilterTag/FilterTag.js

@@ -0,0 +1,2 @@
+import e,{useState as o,useCallback as l}from"react";import{useDropdown as n}from"../../hooks/useDropdown.js";import"../../hooks/useFocusVisible.js";import{buildClassnames as r}from"../../utils/buildClassnames.js";import"uid/secure";import{colors as t}from"../../theme/modules/colors.js";import{Container as a,GroupLabel as s,CrossIcon as c,MainIcon as m,Content as i,Header as d}from"./styled.js";import{useHandleFocus as u}from"../Popover/hooks/useHandleFocus.js";import{Text as p}from"../Text/Text.js";import{AnimatedDropdown as w}from"../AnimatedDropdown/AnimatedDropdown.js";const h=e=>({filterTagDropdown:e?`${e}-filter-tag-dropdown`:void 0,container:e?`${e}-container`:void 0,cross:e?`${e}-cross`:void 0}),E=({className:E,e2eClassName:f,label:b,text:k,iconSlot:v,fill:C=t.secondary.blue.base,content:D,footer:g,header:j,onClickAway:y,onClick:S,shouldCloseOnClickAway:A=!0})=>{const N=h(E),$=h(f),[x,T]=o(null),[B,F]=o(null),{shouldShowDropdown:K,toggleShouldShowDropdown:z,closeDropdown:H}=n({anchorElement:x}),{handleKeyDown:I}=u({popperElement:B,anchorElement:x,onClose:H}),O=l((e=>{K?H():z(),y&&K&&y(e)}),[K,H,z,y]),P=l((e=>{y&&y(e,H),A&&H()}),[y,H,A]);return!D?e.createElement(a,{className:r([null==N?void 0:N.container,null==$?void 0:$.container]),onClick:S},b&&e.createElement(s,{variant:"subheadingSmallBold"},`${b}:`),e.createElement(p,null,k),e.createElement(c,{className:r([null==N?void 0:N.cross,null==$?void 0:$.cross]),name:"cross",size:"base",color:t.neutral.ink.base})):e.createElement(w,{className:N.filterTagDropdown,shouldShowDropdown:K,onClickAway:P,cta:e.createElement(a,{className:N.container,onClick:O,ref:T},b&&e.createElement(s,{variant:"subheadingSmallBold"},`${b}:`),e.createElement(p,null,k),e.createElement(m,{color:t.neutral.ink.base,name:"downArrow",$shouldShow:K}))},e.createElement(i,{ref:F,onKeyDown:I},e.createElement(d,{color:C},j||e.createElement(e.Fragment,null,v,e.createElement(p,{variant:"bodyBold"},b))),D,g))};export{E as FilterTag};
+//# sourceMappingURL=FilterTag.js.map

package/dist/components/FilterTag/FilterTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTag.js","sources":["../../../src/components/FilterTag/FilterTag.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","filterTagDropdown","undefined"],"mappings":"okBAwBC,MAAAA,EAAAC,IAAA,CAQDC,kBAAaD,EAaV,GAAAA,6BAAAE"}

package/dist/components/FilterTag/index.d.ts

@@ -1 +1,2 @@
 export { FilterTag } from './FilterTag';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FilterTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/FilterTag/styled.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("styled-components"),o=require("../../theme/modules/colors.cjs"),t=require("../BaseContainer/BaseContainer.cjs"),i=require("../Text/Text.cjs");require("react"),require("react-transition-group"),require("../AnimatedDropdown/styled.cjs");var r=require("../../tempIcons/CrossIcon.cjs"),n=require("../../tempIcons/DownArrowIcon.cjs"),s=require("../../theme/modules/sizes.cjs"),a=require("../../theme/index.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(e);const u=d.default(t.BaseContainer).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--ujckjn"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${o.colors.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${o.colors.neutral.grey.dark};border-radius:4px;svg{width:${s.sizes.base};height:${s.sizes.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${a.theme.colors.secondary.blue.light};}`,c=d.default(i.Text).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--oath0b"})`user-select:none;`,p=d.default(c).withConfig({displayName:"vui--GroupLabel",componentId:"vui--ln021"})`margin-right:4px;`,x=d.default(n.DownArrowIcon).withConfig({displayName:"vui--MainIcon",componentId:"vui--za0kgi"})`margin-left:4px;transform:rotate(${e=>e.$shouldShow?"180deg":"0"});width:10px;height:10px;`,g=d.default(r.CrossIcon).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--8epxko"})`margin-left:4px;height:10px;width:10px;`,m=d.default(t.BaseContainer).withConfig({displayName:"vui--Content",componentId:"vui--1wgdg8n"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,h=d.default(t.BaseContainer).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 ${o.colors.neutral.grey.base};svg{color:${({color:e})=>e};width:${s.sizes[5]};height:${s.sizes[5]};margin-right:10px;}`;exports.Text=i.Text,exports.Container=u,exports.Content=m,exports.CrossIcon=g,exports.GroupLabel=p,exports.Header=h,exports.MainIcon=x;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/FilterTag/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":[null],"names":["styled","default","BaseContainer","attrs","as","withConfig","displayName","componentId","colors","neutral","grey","base","dark","sizes","theme","secondary","blue","light","NonSelectableText","Text","DownArrowIcon","props","$shouldShow","StyledCrossIcon","CrossIcon"],"mappings":"yfAkDEA,EAAAC,QAAAC,iBAAAC,MAAA,CAEFC,GAAA,WAMAC,WAAM,CAAOC,YAAA,iBAAAC,YAAA,eAAA,8EAKXC,EAAAA,OAAAC,QAAAC,KAAAC,wDAAAH,EAAAA,OAAAC,QAAAC,KAAAE,oCAAAC,EAAAA,MAAAF,eAAAE,EAAAA,MAAAF,mDAAAG,EAAAA,MAAAN,OAAAO,UAAAC,KAAAC,UAEFC,EAAYlB,EAAAC,QAAAkB,QAAAd,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAA,sBAAwCP,EAAAC,QAAAiB,GAAAb,WAAA,CAAAC,YAAA,kBAAAC,YAAA,cAAA,sBAclDP,EAAAA,QAAAoB,EAAAA,eAAAf,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,oCAAAc,GAAAA,EAAAC,YAAA,SAAA,+BAEKC,EAEDvB,EACYC,QAAAuB,aAAAnB,YAChBC,YACA,uBAEAC,YACe,eAAa"}

package/dist/components/FilterTag/styled.d.ts

@@ -14,3 +14,4 @@ declare const Header: import("styled-components").StyledComponent<"div", any, {
     color: string;
 }, never>;
 export { Container, Text, AnimatedDropdown as Dropdown, GroupLabel, Content, Header, MainIcon, StyledCrossIcon as CrossIcon, };
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/FilterTag/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTag/styled.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,SAAS;;QAsBd,CAAC;AAMF,QAAA,MAAM,UAAU,yGAEf,CAAC;AAEF,QAAA,MAAM,QAAQ;;SAMb,CAAC;AAEF,QAAA,MAAM,eAAe,0GAIpB,CAAC;AAEF,QAAA,MAAM,OAAO,oEAKZ,CAAC;AAEF,QAAA,MAAM,MAAM;WAAkC,MAAM;SAcnD,CAAC;AAEF,OAAO,EACL,SAAS,EACT,IAAI,EACJ,gBAAgB,IAAI,QAAQ,EAC5B,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACR,eAAe,IAAI,SAAS,GAC7B,CAAC"}

package/dist/components/FilterTag/styled.js

@@ -0,0 +1,2 @@
+import o from"styled-components";import{colors as e}from"../../theme/modules/colors.js";import{BaseContainer as t}from"../BaseContainer/BaseContainer.js";import{Text as i}from"../Text/Text.js";import"react";import"react-transition-group";import"../AnimatedDropdown/styled.js";import{CrossIcon as n}from"../../tempIcons/CrossIcon.js";import{DownArrowIcon as r}from"../../tempIcons/DownArrowIcon.js";import{sizes as s}from"../../theme/modules/sizes.js";import{theme as a}from"../../theme/index.js";const p=o(t).attrs({as:"button"}).withConfig({displayName:"vui--Container",componentId:"vui--ujckjn"})`display:inline-flex;flex-direction:row;align-items:center;background-color:${e.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${e.neutral.grey.dark};border-radius:4px;svg{width:${s.base};height:${s.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${a.colors.secondary.blue.light};}`,m=o(i).withConfig({displayName:"vui--NonSelectableText",componentId:"vui--oath0b"})`user-select:none;`,d=o(m).withConfig({displayName:"vui--GroupLabel",componentId:"vui--ln021"})`margin-right:4px;`,l=o(r).withConfig({displayName:"vui--MainIcon",componentId:"vui--za0kgi"})`margin-left:4px;transform:rotate(${o=>o.$shouldShow?"180deg":"0"});width:10px;height:10px;`,c=o(n).withConfig({displayName:"vui--StyledCrossIcon",componentId:"vui--8epxko"})`margin-left:4px;height:10px;width:10px;`,g=o(t).withConfig({displayName:"vui--Content",componentId:"vui--1wgdg8n"})`display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`,u=o(t).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 ${e.neutral.grey.base};svg{color:${({color:o})=>o};width:${s[5]};height:${s[5]};margin-right:10px;}`;export{p as Container,g as Content,c as CrossIcon,d as GroupLabel,u as Header,l as MainIcon,i as Text};
+//# sourceMappingURL=styled.js.map

package/dist/components/FilterTag/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","attrs","as","withConfig","displayName","componentId","colors","neutral","grey","base","dark","sizes","theme","secondary","blue","light","NonSelectableText","Text","DownArrowIcon","props","$shouldShow","StyledCrossIcon","CrossIcon"],"mappings":"wfAkDEA,EAAAC,GAAAC,MAAA,CAEFC,GAAA,WAMAC,WAAM,CAAOC,YAAA,iBAAAC,YAAA,eAAA,8EAKXC,EAAAC,QAAAC,KAAAC,wDAAAH,EAAAC,QAAAC,KAAAE,oCAAAC,EAAAF,eAAAE,EAAAF,mDAAAG,EAAAN,OAAAO,UAAAC,KAAAC,UAEFC,EAAYjB,EAAAkB,GAAAd,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAA,sBAAwCN,EAAAiB,GAAAb,WAAA,CAAAC,YAAA,kBAAAC,YAAA,cAAA,sBAclDN,EAAAmB,GAAAf,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,oCAAAc,GAAAA,EAAAC,YAAA,SAAA,+BAEKC,EAEDtB,EACYuB,GAAAnB,YAChBC,YACA,uBAEAC,YACe,eAAa"}

package/dist/components/FilterTag/types.d.ts

@@ -13,3 +13,4 @@ export interface FilterTagProps {
     onClick?: () => void;
     shouldCloseOnClickAway?: boolean;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/FilterTag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC"}

package/dist/components/Grid/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("styled-components"),s=require("../BaseContainer/BaseContainer.cjs"),i=require("../../theme/modules/sizes.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(e).default(s.BaseContainer).withConfig({displayName:"vui--Grid",componentId:"vui--kz0fa5"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?i.sizes[e]:0};`;exports.Grid=t;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Grid/index.d.ts

@@ -1,2 +1,3 @@
 import { GridProps } from './types';
 export declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,IAAI,2EAIhB,CAAC"}

package/dist/components/Grid/index.js

@@ -0,0 +1,2 @@
+import e from"styled-components";import{BaseContainer as o}from"../BaseContainer/BaseContainer.js";import{sizes as i}from"../../theme/modules/sizes.js";const s=e(o).withConfig({displayName:"vui--Grid",componentId:"vui--kz0fa5"})`display:grid;grid-template-columns:repeat(${({columns:e})=>e}, 1fr);grid-gap:${({spacing:e="base"})=>e?i[e]:0};`;export{s as Grid};
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Grid/types.d.ts

@@ -6,3 +6,4 @@ export type GridProps = {
     columns: number;
     spacing?: Size;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Grid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC"}

package/dist/components/Image/Image.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),a=require("react-popper"),l=require("react-dom"),r=require("./components/PlaceholderImage.cjs"),t=require("./components/styled.cjs"),s=require("./utils.cjs"),i=require("../../utils/buildClassnames.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);exports.Image=({src:o,alt:d="",className:u,e2eClassName:c,width:m,height:p,previewWidth:h,previewHeight:v,previewPlacement:g="right",previewEnabled:f=!1,placeholder:C,placeholderWidth:w,placeholderHeight:E,disablePlaceholder:b=!1})=>{const I=s.generateClassNames(u),N=s.generateClassNames(c),[P,q]=e.useState(!1),[y,L]=e.useState({isLoaded:!1,isError:!1}),[j,S]=n.default.useState(null),[M,k]=n.default.useState(null),{styles:H,attributes:W}=a.usePopper(j,M,{placement:g,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),_=e.useCallback((()=>f?q(!0):{}),[f]),x=e.useCallback((()=>f?q(!1):{}),[f]),z=!y.isLoaded||y.isError;return n.default.createElement(t.Container,{className:i.buildClassnames([null==I?void 0:I.container,null==N?void 0:N.container,u])},n.default.createElement(t.CommonImage,{src:o,alt:d,className:i.buildClassnames([null==I?void 0:I.image,null==N?void 0:N.image]),width:m,height:p,onLoad:()=>L({isLoaded:!0,isError:!1}),onError:()=>L({isLoaded:!0,isError:!0}),previewEnabled:f,onMouseEnter:_,onMouseLeave:x,style:z?{display:"none"}:{},ref:S}),!b&&z&&(C||n.default.createElement(r.PlaceholderImage,{className:i.buildClassnames([null==I?void 0:I.placeholder,null==N?void 0:N.placeholder]),width:w||m,height:E||p})),P&&l.createPortal(n.default.createElement(t.PreviewImageContainer,{ref:k,style:H.popper,...W.popper,className:i.buildClassnames([null==I?void 0:I.previewImageContainer,null==N?void 0:N.previewImageContainer])},n.default.createElement(t.PreviewImage,{src:o,alt:"",width:h,height:v})),document.body))};
+//# sourceMappingURL=Image.cjs.map

package/dist/components/Image/Image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":[null],"names":["src","alt","className","e2eClassName","width","height","previewWidth","previewHeight","previewPlacement","previewEnabled","placeholder","placeholderWidth","placeholderHeight","disablePlaceholder","classNames","generateClassNames","e2eClassNames","isPreviewOpen","setIsPreviewOpen","useState","imageState","setImageState","isLoaded","isError","referenceElement","setReferenceElement","React","popperElement","styles","attributes","usePopper","placement","modifiers","name"],"mappings":"2TAeiB,EAAAA,MAAAC,MAAA,GAAAC,YAAAC,eAAAC,QAAAC,SAAAC,eAAAC,gBAAAC,mBAAA,QAAAC,kBAAA,EAAAC,cAAAC,mBAAAC,oBAAAC,sBAAA,MACf,MAAMC,EAAUC,qBAAAb,GACJc,EAAUD,qBAAAZ,IACTc,EAASC,GAACC,EAAAA,UAAA,IACPC,EAAGC,GAAUF,EAAAA,SAAA,CAAAG,UAAA,EAAAC,SAAA,KACfC,EAAWC,GAAAC,EAAAA,QAAAP,SAAA,OACzBQ,KAA8BD,EAAAA,QAAAP,SAAA,OACdS,OAAAA,EAAAC,WAAAA,GAAUC,EAAAA,UAAAN,EAAAG,EAAA,CACTI,UAAAvB,EACCwB,UAAA,CAClB,CAEWC,KAAA"}

package/dist/components/Image/Image.d.ts

@@ -18,3 +18,4 @@ type ImageProps = {
 };
 export declare const Image: ({ src, alt, className, e2eClassName, width, height, previewWidth, previewHeight, previewPlacement, previewEnabled, placeholder, placeholderWidth, placeholderHeight, disablePlaceholder, }: ImageProps) => React.JSX.Element;
 export {};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO3C,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,KAAK,+LAef,UAAU,sBA+EZ,CAAC"}

package/dist/components/Image/Image.js

@@ -0,0 +1,2 @@
+import e,{useState as r,useCallback as o}from"react";import{usePopper as t}from"react-popper";import{createPortal as l}from"react-dom";import{PlaceholderImage as i}from"./components/PlaceholderImage.js";import{Container as a,CommonImage as s,PreviewImageContainer as n,PreviewImage as d}from"./components/styled.js";import{generateClassNames as m}from"./utils.js";import{buildClassnames as p}from"../../utils/buildClassnames.js";const c=({src:c,alt:h="",className:u,e2eClassName:v,width:f,height:E,previewWidth:g,previewHeight:w,previewPlacement:b="right",previewEnabled:y=!1,placeholder:L,placeholderWidth:N,placeholderHeight:j,disablePlaceholder:C=!1})=>{const I=m(u),P=m(v),[H,M]=r(!1),[S,W]=r({isLoaded:!1,isError:!1}),[x,k]=e.useState(null),[q,z]=e.useState(null),{styles:A,attributes:B}=t(x,q,{placement:b,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),D=o((()=>y?M(!0):{}),[y]),F=o((()=>y?M(!1):{}),[y]),G=!S.isLoaded||S.isError;return e.createElement(a,{className:p([null==I?void 0:I.container,null==P?void 0:P.container,u])},e.createElement(s,{src:c,alt:h,className:p([null==I?void 0:I.image,null==P?void 0:P.image]),width:f,height:E,onLoad:()=>W({isLoaded:!0,isError:!1}),onError:()=>W({isLoaded:!0,isError:!0}),previewEnabled:y,onMouseEnter:D,onMouseLeave:F,style:G?{display:"none"}:{},ref:k}),!C&&G&&(L||e.createElement(i,{className:p([null==I?void 0:I.placeholder,null==P?void 0:P.placeholder]),width:N||f,height:j||E})),H&&l(e.createElement(n,{ref:z,style:A.popper,...B.popper,className:p([null==I?void 0:I.previewImageContainer,null==P?void 0:P.previewImageContainer])},e.createElement(d,{src:c,alt:"",width:g,height:w})),document.body))};export{c as Image};
+//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":[null],"names":["Image","src","alt","className","e2eClassName","width","height","previewWidth","previewHeight","previewPlacement","previewEnabled","placeholder","placeholderWidth","placeholderHeight","disablePlaceholder","classNames","generateClassNames","e2eClassNames","isPreviewOpen","setIsPreviewOpen","useState","imageState","setImageState","isLoaded","isError","referenceElement","setReferenceElement","React","popperElement","styles","attributes","usePopper","placement","modifiers","name"],"mappings":"6aAeU,MAAAA,EAAO,EAAAC,MAAAC,MAAA,GAAAC,YAAAC,eAAAC,QAAAC,SAAAC,eAAAC,gBAAAC,mBAAA,QAAAC,kBAAA,EAAAC,cAAAC,mBAAAC,oBAAAC,sBAAA,MACf,MAAMC,EAAUC,EAAAb,GACJc,EAAUD,EAAAZ,IACTc,EAASC,GAACC,GAAA,IACPC,EAAGC,GAAUF,EAAA,CAAAG,UAAA,EAAAC,SAAA,KACfC,EAAWC,GAAAC,EAAAP,SAAA,OACzBQ,KAA8BD,EAAAP,SAAA,OACdS,OAAAA,EAAAC,WAAAA,GAAUC,EAAAN,EAAAG,EAAA,CACTI,UAAAvB,EACCwB,UAAA,CAClB,CAEWC,KAAA"}

package/dist/components/Image/components/PlaceholderImage.cjs

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var l=e(require("react"));exports.PlaceholderImage=e=>l.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.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"}));
+//# sourceMappingURL=PlaceholderImage.cjs.map

package/dist/components/Image/components/PlaceholderImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderImage.cjs","sources":["../../../../src/components/Image/components/PlaceholderImage.tsx"],"sourcesContent":[null],"names":["props","React","default","createElement","width","height","viewBox","fill","xmlns"],"mappings":"mHAEaA,GAA2BC,EAAAC,QAAGC,qBAgBzCC,MAAA,KAAAC,OAAA,KAAAC,QAAA,YAAAC,KAAA,OAAAC,MAAA,gCAAAR"}

package/dist/components/Image/components/PlaceholderImage.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const PlaceholderImage: (props: any) => React.JSX.Element;
+//# sourceMappingURL=PlaceholderImage.d.ts.map

package/dist/components/Image/components/PlaceholderImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderImage.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/components/PlaceholderImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,UAAW,GAAG,sBAgB1C,CAAC"}

package/dist/components/Image/components/PlaceholderImage.js

@@ -0,0 +1,2 @@
+import e from"react";const t=t=>e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"}));export{t as PlaceholderImage};
+//# sourceMappingURL=PlaceholderImage.js.map

package/dist/components/Image/components/PlaceholderImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderImage.js","sources":["../../../../src/components/Image/components/PlaceholderImage.tsx"],"sourcesContent":[null],"names":["PlaceholderImage","props","React","createElement","width","height","viewBox","fill","xmlns"],"mappings":"qBAEA,MAAAA,EAAaC,GAA2BC,EAAGC,qBAgBzCC,MAAA,KAAAC,OAAA,KAAAC,QAAA,YAAAC,KAAA,OAAAC,MAAA,gCAAAP"}

package/dist/components/Image/components/styled.cjs

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var i=e(require("styled-components"));const o=i.default.div.withConfig({displayName:"vui--Container",componentId:"vui--zx358v"})``,n=i.default.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--b3uukr"})`box-sizing:border-box;cursor:${({previewEnabled:e})=>e?"zoom-in":"default"};`,a=i.default.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--1x57v09"})`z-index:10;background-color:transparent;`,t=i.default.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--7k8es9"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;exports.CommonImage=n,exports.Container=o,exports.PreviewImage=t,exports.PreviewImageContainer=a;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/Image/components/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Image/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","default","div","withConfig","displayName","componentId","PreviewImageContainer","PreviewImage","img"],"mappings":"sGAIA,MAAAA,EAAwBC,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,wKAGtBC,EAAAN,EAAAC,QAAAC,IAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,gBAAA,2CAEKE,EAA2BP,EAAAC,QAAAO,IAAAL,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAGhC"}

package/dist/components/Image/components/styled.d.ts

@@ -4,3 +4,4 @@ export declare const CommonImage: import("styled-components").StyledComponent<"i
 }, never>;
 export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/Image/components/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/components/styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAAe,CAAC;AAEtC,eAAO,MAAM,WAAW;;SAGvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAGjC,CAAC;AAEF,eAAO,MAAM,YAAY,oEAExB,CAAC"}

package/dist/components/Image/components/styled.js

@@ -0,0 +1,2 @@
+import i from"styled-components";const o=i.div.withConfig({displayName:"vui--Container",componentId:"vui--zx358v"})``,e=i.img.withConfig({displayName:"vui--CommonImage",componentId:"vui--b3uukr"})`box-sizing:border-box;cursor:${({previewEnabled:i})=>i?"zoom-in":"default"};`,n=i.div.withConfig({displayName:"vui--PreviewImageContainer",componentId:"vui--1x57v09"})`z-index:10;background-color:transparent;`,a=i.img.withConfig({displayName:"vui--PreviewImage",componentId:"vui--7k8es9"})`box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;export{e as CommonImage,o as Container,a as PreviewImage,n as PreviewImageContainer};
+//# sourceMappingURL=styled.js.map