@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/DetailPage/styled.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAElB,MAAA,UAAU,GAAG,MAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,KAC9C,WAAW,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,YAAY,CAAA,iCAAA,EAE3D,KAAK,CAAC,EAAE,CAAA,4DAAA,EAIP,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA,0BAAA;MAKzD,gBAAgB,GAAG,MAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/DimensionsInput/DimensionsInput.cjs

@@ -1,2 +1,30 @@
-"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;
+'use strict';
+
+var React = require('react');
+var index$1 = require('../InputGroup/index.cjs');
+var types = require('../types.cjs');
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
+var styled = require('./styled.cjs');
+var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
+var index = require('../../theme/index.cjs');
+var blockInvalidCharacters = require('../../utils/blockInvalidCharacters.cjs');
+var invalidCharactersNumeric = require('../../utils/invalidCharactersNumeric.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const blockInvalidChars = (e) => blockInvalidCharacters.blockInvalidCharacters(e, invalidCharactersNumeric.invalidCharsList);
+const DimensionsInput = withLabels.withLabels(({ size = types.ComponentSize.base, handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit, ...rest }) => (React__default.default.createElement(styled.Container, { className: className },
+    React__default.default.createElement(styled.Row, null,
+        React__default.default.createElement(styled.TextField, { onChange: handleChangeLength, size: size, name: "length", type: "number", placeholder: "L", value: length, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+        React__default.default.createElement(CrossIcon.CrossIcon, { height: index.theme.sizes.base, width: index.theme.sizes.base }),
+        React__default.default.createElement(styled.TextField, { onChange: handleChangeWidth, size: size, name: "width", type: "number", placeholder: "W", value: width, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+        React__default.default.createElement(CrossIcon.CrossIcon, { height: index.theme.sizes.base, width: index.theme.sizes.base }),
+        React__default.default.createElement(index$1.InputGroup, null,
+            React__default.default.createElement(styled.TextField, { onChange: handleChangeHeight, size: size, name: "height", type: "number", placeholder: "H", value: height, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+            React__default.default.createElement(styled.Button, { size: size }, unit))))));
+DimensionsInput.displayName = 'DimensionsInput';
+
+exports.DimensionsInput = DimensionsInput;
 //# sourceMappingURL=DimensionsInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DimensionsInput.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DimensionsInput.cjs","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":[null],"names":["blockInvalidCharacters","invalidCharsList","withLabels","ComponentSize","React","Container","Row","TextField","CrossIcon","theme","InputGroup","Button"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAKA,6CAAsB,CAAC,CAAC,EAAEC,yCAAgB,CAAC;AACpF,MAAA,eAAe,GAAwBC,qBAAU,CAC5D,CAAC,EACC,IAAI,GAAGC,mBAAa,CAAC,IAAI,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACS,MAChBC,sBAAA,CAAA,aAAA,CAACC,gBAAS,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC7B,IAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;AACF,QAAAF,sBAAA,CAAA,aAAA,CAACG,gBAAS,EACR,EAAA,QAAQ,EAAE,kBAAkB,EAC5B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,MAAM,EACb,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,QAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAI,CAAA;AAChE,QAAAL,sBAAA,CAAA,aAAA,CAACG,gBAAS,EACR,EAAA,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,KAAK,EACZ,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,QAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EAAI,CAAA;AAChE,QAAAL,sBAAA,CAAA,aAAA,CAACM,kBAAU,EAAA,IAAA;AACT,YAAAN,sBAAA,CAAA,aAAA,CAACG,gBAAS,EACR,EAAA,QAAQ,EAAE,kBAAkB,EAC5B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,MAAM,EACb,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,YAAAH,sBAAA,CAAA,aAAA,CAACO,aAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,IAAI,CAAU,CACxB,CACT,CACI,CACb;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

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

package/dist/components/DimensionsInput/DimensionsInput.js

@@ -1,2 +1,24 @@
-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};
+import React from 'react';
+import { InputGroup } from '../InputGroup/index.js';
+import { ComponentSize } from '../types.js';
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
+import { Container, Row, TextField as StyledTextField, Button as StyledButton } from './styled.js';
+import { CrossIcon } from '../../tempIcons/CrossIcon.js';
+import { theme } from '../../theme/index.js';
+import { blockInvalidCharacters } from '../../utils/blockInvalidCharacters.js';
+import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
+
+const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
+const DimensionsInput = withLabels(({ size = ComponentSize.base, handleChangeHeight, handleChangeWidth, handleChangeLength, className, height, width, length, unit, ...rest }) => (React.createElement(Container, { className: className },
+    React.createElement(Row, null,
+        React.createElement(StyledTextField, { onChange: handleChangeLength, size: size, name: "length", type: "number", placeholder: "L", value: length, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+        React.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base }),
+        React.createElement(StyledTextField, { onChange: handleChangeWidth, size: size, name: "width", type: "number", placeholder: "W", value: width, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+        React.createElement(CrossIcon, { height: theme.sizes.base, width: theme.sizes.base }),
+        React.createElement(InputGroup, null,
+            React.createElement(StyledTextField, { onChange: handleChangeHeight, size: size, name: "height", type: "number", placeholder: "H", value: height, min: "0", step: "any", onKeyDown: blockInvalidChars, ...rest }),
+            React.createElement(StyledButton, { size: size }, unit))))));
+DimensionsInput.displayName = 'DimensionsInput';
+
+export { DimensionsInput };
 //# sourceMappingURL=DimensionsInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DimensionsInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DimensionsInput.js","sources":["../../../src/components/DimensionsInput/DimensionsInput.tsx"],"sourcesContent":[null],"names":["TextField","Button"],"mappings":";;;;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AACpF,MAAA,eAAe,GAAwB,UAAU,CAC5D,CAAC,EACC,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACS,MAChB,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC7B,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,QAAQ,EAAE,kBAAkB,EAC5B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,MAAM,EACb,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAI,CAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,KAAK,EACZ,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAI,CAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,QAAQ,EAAE,kBAAkB,EAC5B,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,MAAM,EACb,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,iBAAiB,EAAA,GACxB,IAAI,EACR,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAACC,YAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,IAAI,CAAU,CACxB,CACT,CACI,CACb;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

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

package/dist/components/DimensionsInput/styled.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","TextField","theme","Button","Text"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAMvC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAQjC,MAAM,eAAe,GAAGD,uBAAM,CAACE,eAAS,CAAC,CAOrB,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mEAAA,EAAAC,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;AAIrD,MAAM,YAAY,GAAGH,uBAAM,CAACI,aAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAAD,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;AAGrCH,uBAAM,CAACK,SAAI,CAAC;AAEZL,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAERG,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7BA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAAA,aAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAAA,aAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1CH,uBAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAAG,aAAK,CAAC,UAAU,cAClBA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZA,aAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;;;;"}

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

@@ -310,9 +310,9 @@ declare const StyledButton: import("styled-components").StyledComponent<import("
     iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
+    contentStyles?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 declare const Label: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
 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.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/DimensionsInput/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAMvC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAQjC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAOrB,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,mEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;AAIrD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAEjB,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;AAGrC,MAAM,CAAC,IAAI,CAAC;AAEZ,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAER,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,WAAA,EAC7B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CACjC,OAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,oEAOhB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAEP,kCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAI1C,MAAM,CAAC,IAAI,CAEP,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,0BAAA,EAAA,KAAK,CAAC,UAAU,cAClB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,aAAA,EACZ,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;;;;"}

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

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

package/dist/components/Dropdown/Dropdown.cjs

@@ -1,2 +1,19 @@
-"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}))};
+'use strict';
+
+var React = require('react');
+var Button = require('../Button/Button.cjs');
+var DropdownPopover = require('./DropdownPopover.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Dropdown = ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }) => {
+    const anchorRef = React.useRef(null);
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(Button.Button, { ref: anchorRef, "aria-haspopup": "dialog", "aria-expanded": shouldShow, "aria-controls": id, onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow), iconSlot: ctaIconSlot, dropdown: true, ...ctaProps }),
+        shouldShow && (React__default.default.createElement(DropdownPopover.DropdownPopover, { id: id, anchorElement: anchorRef.current, onShouldClose: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(false), ...dropdownProps }))));
+};
+
+exports.Dropdown = Dropdown;
 //# sourceMappingURL=Dropdown.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":[null],"names":["useRef","React","Button","DropdownPopover"],"mappings":";;;;;;;;;;MAKa,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,GAAG,aAAa,EACF,KAAI;AAClB,IAAA,MAAM,SAAS,GAAGA,YAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAA,EACL,GAAG,EAAE,SAAS,EACA,eAAA,EAAA,QAAQ,EACP,eAAA,EAAA,UAAU,mBACV,EAAE,EACjB,OAAO,EAAE,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAG,CAAC,UAAU,CAAC,EAC3C,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAA,IAAA,EAAA,GACJ,QAAQ,EACZ,CAAA;AAED,QAAA,UAAU,KACTD,sBAAC,CAAA,aAAA,CAAAE,+BAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}

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

@@ -1,4 +1,3 @@
 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.js

@@ -1,2 +1,13 @@
-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};
+import React, { useRef } from 'react';
+import { Button } from '../Button/Button.js';
+import { DropdownPopover } from './DropdownPopover.js';
+
+const Dropdown = ({ id, shouldShow, setShouldShow, ctaIconSlot, ctaProps, ...dropdownProps }) => {
+    const anchorRef = useRef(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { ref: anchorRef, "aria-haspopup": "dialog", "aria-expanded": shouldShow, "aria-controls": id, onClick: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(!shouldShow), iconSlot: ctaIconSlot, dropdown: true, ...ctaProps }),
+        shouldShow && (React.createElement(DropdownPopover, { id: id, anchorElement: anchorRef.current, onShouldClose: () => setShouldShow === null || setShouldShow === undefined ? undefined : setShouldShow(false), ...dropdownProps }))));
+};
+
+export { Dropdown };
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;MAKa,QAAQ,GAAG,CAAC,EACvB,EAAE,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,GAAG,aAAa,EACF,KAAI;AAClB,IAAA,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC;AAExD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,SAAS,EACA,eAAA,EAAA,QAAQ,EACP,eAAA,EAAA,UAAU,mBACV,EAAE,EACjB,OAAO,EAAE,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAG,CAAC,UAAU,CAAC,EAC3C,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAA,IAAA,EAAA,GACJ,QAAQ,EACZ,CAAA;AAED,QAAA,UAAU,KACT,KAAC,CAAA,aAAA,CAAA,eAAe,IACd,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,aAAa,EAAE,MAAM,aAAa,KAAb,IAAA,IAAA,aAAa,6BAAb,aAAa,CAAG,KAAK,CAAC,KACvC,aAAa,EAAA,CACjB,CACH,CACA;AAEP;;;;"}

package/dist/components/Dropdown/DropdownPopover.cjs

@@ -1,2 +1,20 @@
-"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))));
+'use strict';
+
+var React = require('react');
+var framerMotion = require('framer-motion');
+var styled = require('./styled.cjs');
+var Popover = require('../Popover/Popover.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const DropdownPopover = ({ id, children, className, style, reversed, anchorElement, useAnchorWidth, onShouldClose, ...popoverProps }) => {
+    React.useEffect(() => () => anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus(), [anchorElement]); // Re-focus anchor when closed.
+    return (React__default.default.createElement(Popover.Popover, { id: id, "data-testid": id, anchorElement: anchorElement, onShouldClose: onShouldClose, useAnchorWidth: useAnchorWidth, placement: "bottom-start", ...popoverProps },
+        React__default.default.createElement(framerMotion.AnimatePresence, null,
+            React__default.default.createElement(styled.DropdownContainer, { className: className, style: style, useAnchorWidth: useAnchorWidth, reversed: reversed, initial: { opacity: 0, y: -6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.2 } }, children))));
+};
+
+exports.DropdownPopover = DropdownPopover;
 //# sourceMappingURL=DropdownPopover.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DropdownPopover.cjs","sources":["../../../src/components/Dropdown/DropdownPopover.tsx"],"sourcesContent":[null],"names":["useEffect","React","Popover","AnimatePresence","DropdownContainer"],"mappings":";;;;;;;;;;;AAOa,MAAA,eAAe,GAAG,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,cAAc,EACd,aAAa,EACb,GAAG,YAAY,EACI,KAAI;IACvBA,eAAS,CAAC,MAAM,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/D,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,EAAE,EAAE,EAAE,EACO,aAAA,EAAA,EAAE,EACf,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,cAAc,EAAA,GACpB,YAAY,EAAA;AAEhB,QAAAD,sBAAA,CAAA,aAAA,CAACE,4BAAe,EAAA,IAAA;AACd,YAAAF,sBAAA,CAAA,aAAA,CAACG,wBAAiB,EAAA,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC3B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAE5B,QAAQ,CACS,CACJ,CACV;AAEd;;;;"}

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

@@ -1,4 +1,3 @@
 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.js

@@ -1,2 +1,14 @@
-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};
+import React, { useEffect } from 'react';
+import { AnimatePresence } from 'framer-motion';
+import { DropdownContainer } from './styled.js';
+import { Popover } from '../Popover/Popover.js';
+
+const DropdownPopover = ({ id, children, className, style, reversed, anchorElement, useAnchorWidth, onShouldClose, ...popoverProps }) => {
+    useEffect(() => () => anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus(), [anchorElement]); // Re-focus anchor when closed.
+    return (React.createElement(Popover, { id: id, "data-testid": id, anchorElement: anchorElement, onShouldClose: onShouldClose, useAnchorWidth: useAnchorWidth, placement: "bottom-start", ...popoverProps },
+        React.createElement(AnimatePresence, null,
+            React.createElement(DropdownContainer, { className: className, style: style, useAnchorWidth: useAnchorWidth, reversed: reversed, initial: { opacity: 0, y: -6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.2 } }, children))));
+};
+
+export { DropdownPopover };
 //# sourceMappingURL=DropdownPopover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DropdownPopover.js","sources":["../../../src/components/Dropdown/DropdownPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOa,MAAA,eAAe,GAAG,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,cAAc,EACd,aAAa,EACb,GAAG,YAAY,EACI,KAAI;IACvB,SAAS,CAAC,MAAM,MAAM,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/D,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,EAAE,EAAE,EAAE,EACO,aAAA,EAAA,EAAE,EACf,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,cAAc,EAAA,GACpB,YAAY,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC3B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAE5B,QAAQ,CACS,CACJ,CACV;AAEd;;;;"}

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

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

package/dist/components/Dropdown/styled.cjs

@@ -1,11 +1,15 @@
-"use strict";var e=require("styled-components"),r=require("framer-motion"),o=require("../../theme/index.cjs"),i=require("../Card/Card.cjs");function d(e){return e&&e.__esModule?e:{default:e}}const n=d(e).default(r.motion(i.Card.Surface))`
-  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=n;
+'use strict';
+
+var styled = require('styled-components');
+var framerMotion = require('framer-motion');
+var index = require('../../theme/index.cjs');
+var Card = require('../Card/Card.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:1px 4px 15px ${index.theme.colors.neutral.grey.base};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
+
+exports.DropdownContainer = DropdownContainer;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":[null],"names":["theme","colors","neutral","grey","base"],"mappings":";;;;;;6BAeEA,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":[null],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMa,MAAA,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,CAMhC,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yGAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACxC,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,SAAA,EACvBA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

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

@@ -9,4 +9,3 @@ 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.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":[null],"names":["theme","colors","neutral","grey","base"],"mappings":";;;;;;6BAeEA,EAAAC,OAAAC,QAAAC,KAAAC;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAMhC,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yGAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACxC,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,SAAA,EACvB,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

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

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

package/dist/components/FilterTag/FilterTag.cjs

@@ -1,2 +1,72 @@
-"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))};
+'use strict';
+
+var React = require('react');
+var useDropdown = require('../../hooks/useDropdown.cjs');
+require('../../hooks/useFocusVisible.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var colors = require('../../theme/modules/colors.cjs');
+var styled = require('./styled.cjs');
+var useHandleFocus = require('../Popover/hooks/useHandleFocus.cjs');
+var Text = require('../Text/Text.cjs');
+var AnimatedDropdown = require('../AnimatedDropdown/AnimatedDropdown.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const generateClassNames = (prefix) => ({
+    filterTagDropdown: prefix ? `${prefix}-filter-tag-dropdown` : undefined,
+    container: prefix ? `${prefix}-container` : undefined,
+    cross: prefix ? `${prefix}-cross` : undefined,
+});
+const FilterTag = ({ className, e2eClassName, label, text, iconSlot, fill = colors.colors.secondary.blue.base, content, footer, header, onClickAway, onClick, shouldCloseOnClickAway = true, }) => {
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    const [anchorElement, setAnchorElement] = React.useState(null);
+    const [popperElement, setPopperElement] = React.useState(null);
+    const { shouldShowDropdown, toggleShouldShowDropdown, closeDropdown } = useDropdown.useDropdown({
+        anchorElement,
+    });
+    const { handleKeyDown } = useHandleFocus.useHandleFocus({
+        popperElement,
+        anchorElement,
+        onClose: closeDropdown,
+    });
+    const handleClick = React.useCallback((event) => {
+        if (shouldShowDropdown)
+            closeDropdown();
+        else
+            toggleShouldShowDropdown();
+        if (onClickAway && shouldShowDropdown)
+            onClickAway(event);
+    }, [shouldShowDropdown, closeDropdown, toggleShouldShowDropdown, onClickAway]);
+    const handleClickAway = React.useCallback((event) => {
+        // Escape hatch to apply custom behavior when clicked away
+        if (onClickAway)
+            onClickAway(event, closeDropdown);
+        // Default clickAway behavior (closes the dropdown)
+        if (shouldCloseOnClickAway)
+            closeDropdown();
+    }, [onClickAway, closeDropdown, shouldCloseOnClickAway]);
+    const shouldShowSimple = !content;
+    if (shouldShowSimple) {
+        return (React__default.default.createElement(styled.Container, { className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container]), onClick: onClick },
+            label && React__default.default.createElement(styled.GroupLabel, { variant: "subheadingSmallBold" }, `${label}:`),
+            React__default.default.createElement(Text.Text, null, text),
+            React__default.default.createElement(styled.CrossIcon, { className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.cross, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.cross]), name: "cross", size: "base", color: colors.colors.neutral.ink.base })));
+    }
+    return (React__default.default.createElement(AnimatedDropdown.AnimatedDropdown, { className: classNames.filterTagDropdown, shouldShowDropdown: shouldShowDropdown, onClickAway: handleClickAway, cta: React__default.default.createElement(styled.Container, { className: classNames.container, onClick: handleClick, ref: setAnchorElement },
+            label && React__default.default.createElement(styled.GroupLabel, { variant: "subheadingSmallBold" }, `${label}:`),
+            React__default.default.createElement(Text.Text, null, text),
+            React__default.default.createElement(styled.MainIcon, { color: colors.colors.neutral.ink.base, name: "downArrow", "$shouldShow": shouldShowDropdown })) },
+        React__default.default.createElement(styled.Content, { ref: setPopperElement, onKeyDown: handleKeyDown },
+            React__default.default.createElement(styled.Header, { color: fill }, header || (React__default.default.createElement(React__default.default.Fragment, null,
+                iconSlot,
+                React__default.default.createElement(Text.Text, { variant: "bodyBold" }, label)))),
+            content,
+            footer)));
+};
+
+exports.FilterTag = FilterTag;
 //# sourceMappingURL=FilterTag.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"FilterTag.cjs","sources":["../../../src/components/FilterTag/FilterTag.tsx"],"sourcesContent":[null],"names":["colors","useState","useDropdown","useHandleFocus","useCallback","React","Container","buildClassnames","GroupLabel","Text","CrossIcon","Dropdown","MainIcon","Content","Header"],"mappings":"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"}

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

@@ -6,4 +6,3 @@ 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