@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/DescriptionList/DescriptionList.cjs

@@ -1,2 +1,39 @@
-"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)))))};
+'use strict';
+
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const List = styled__default.default.dl.withConfig({ displayName: "vui--List", componentId: "vui--1lcnd5n" }) `margin:unset;& > * + *{margin-top:${index.theme.sizes.base};}`;
+const Item = styled__default.default.div.withConfig({ displayName: "vui--Item", componentId: "vui--t25k5o" }) `& > * + *{margin-top:${index.theme.sizes.xs};}`;
+const ItemRow = styled__default.default.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--j013c4" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${index.theme.sizes.base};}`;
+const DescriptionContainer = styled__default.default.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--12tjaz" }) `text-align:right;& > * + *{margin-top:${index.theme.sizes.xs};}`;
+const Term = styled__default.default.dt.withConfig({ displayName: "vui--Term", componentId: "vui--zavj5i" }) `font-family:${index.theme.text.bodyBold.fontFamily};font-size:${index.theme.text.bodyBold.fontSize};font-weight:${index.theme.text.bodyBold.fontWeight};line-height:${index.theme.text.bodyBold.lineHeight};color:${index.theme.text.bodyBold.color};`;
+const Description = styled__default.default.dd.withConfig({ displayName: "vui--Description", componentId: "vui--7wguee" }) `margin-left:unset;font-family:${index.theme.text.body.fontFamily};font-size:${index.theme.text.body.fontSize};font-weight:${index.theme.text.body.fontWeight};line-height:${index.theme.text.body.lineHeight};color:${index.theme.text.body.color};`;
+const DescriptionList = ({ items, horizontal }) => {
+    const renderDescription = (description) => {
+        if (Array.isArray(description)) {
+            return description.map((d) => React__default.default.createElement(Description, { key: d }, d));
+        }
+        return React__default.default.createElement(Description, null, description);
+    };
+    const renderItem = (item) => {
+        if (horizontal) {
+            return (React__default.default.createElement(ItemRow, { key: item.term },
+                React__default.default.createElement(Term, null, item.term),
+                React__default.default.createElement(DescriptionContainer, null, renderDescription(item.description))));
+        }
+        return (React__default.default.createElement(Item, { key: item.term },
+            React__default.default.createElement(Term, null, item.term),
+            renderDescription(item.description)));
+    };
+    return React__default.default.createElement(List, null, items.map(renderItem));
+};
+
+exports.DescriptionList = DescriptionList;
 //# sourceMappingURL=DescriptionList.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"DescriptionList.cjs","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":[null],"names":["styled","theme","React"],"mappings":"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"}

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

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

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,2 +1,32 @@
-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};
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const List = styled.dl.withConfig({ displayName: "vui--List", componentId: "vui--1lcnd5n" }) `margin:unset;& > * + *{margin-top:${theme.sizes.base};}`;
+const Item = styled.div.withConfig({ displayName: "vui--Item", componentId: "vui--t25k5o" }) `& > * + *{margin-top:${theme.sizes.xs};}`;
+const ItemRow = styled.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--j013c4" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${theme.sizes.base};}`;
+const DescriptionContainer = styled.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--12tjaz" }) `text-align:right;& > * + *{margin-top:${theme.sizes.xs};}`;
+const Term = styled.dt.withConfig({ displayName: "vui--Term", componentId: "vui--zavj5i" }) `font-family:${theme.text.bodyBold.fontFamily};font-size:${theme.text.bodyBold.fontSize};font-weight:${theme.text.bodyBold.fontWeight};line-height:${theme.text.bodyBold.lineHeight};color:${theme.text.bodyBold.color};`;
+const Description = styled.dd.withConfig({ displayName: "vui--Description", componentId: "vui--7wguee" }) `margin-left:unset;font-family:${theme.text.body.fontFamily};font-size:${theme.text.body.fontSize};font-weight:${theme.text.body.fontWeight};line-height:${theme.text.body.lineHeight};color:${theme.text.body.color};`;
+const DescriptionList = ({ items, horizontal }) => {
+    const renderDescription = (description) => {
+        if (Array.isArray(description)) {
+            return description.map((d) => React.createElement(Description, { key: d }, d));
+        }
+        return React.createElement(Description, null, description);
+    };
+    const renderItem = (item) => {
+        if (horizontal) {
+            return (React.createElement(ItemRow, { key: item.term },
+                React.createElement(Term, null, item.term),
+                React.createElement(DescriptionContainer, null, renderDescription(item.description))));
+        }
+        return (React.createElement(Item, { key: item.term },
+            React.createElement(Term, null, item.term),
+            renderDescription(item.description)));
+    };
+    return React.createElement(List, null, items.map(renderItem));
+};
+
+export { DescriptionList };
 //# sourceMappingURL=DescriptionList.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DescriptionList.js","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

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

package/dist/components/DetailPage/DetailPage.cjs

@@ -1,2 +1,20 @@
-"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)))};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const DetailPage = ({ renderHeader, children }) => {
+    const [shouldShowSidebar, setShouldShowSidebar] = React.useState(true);
+    const toggleSidebar = () => setShouldShowSidebar(!shouldShowSidebar);
+    return (React__default.default.createElement("main", null,
+        renderHeader(toggleSidebar, shouldShowSidebar),
+        React__default.default.createElement(styled.ContentContainer, null,
+            React__default.default.createElement(styled.ColumnGrid, { showSidebar: shouldShowSidebar }, children))));
+};
+
+exports.DetailPage = DetailPage;
 //# sourceMappingURL=DetailPage.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"DetailPage.cjs","sources":["../../../src/components/DetailPage/DetailPage.tsx"],"sourcesContent":[null],"names":["useState","React","ContentContainer","ColumnGrid"],"mappings":";;;;;;;;;AASa,MAAA,UAAU,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAmB,KAAI;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC;IAEhE,MAAM,aAAa,GAAG,MAAM,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAEpE,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACG,QAAA,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;AAC/C,QAAAA,sBAAA,CAAA,aAAA,CAACC,uBAAgB,EAAA,IAAA;YACfD,sBAAC,CAAA,aAAA,CAAAE,iBAAU,EAAC,EAAA,WAAW,EAAE,iBAAiB,EAAG,EAAA,QAAQ,CAAc,CAClD,CACd;AAEX;;;;"}

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

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

@@ -1,2 +1,14 @@
-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};
+import React, { useState } from 'react';
+import { ContentContainer, ColumnGrid } from './styled.js';
+
+const DetailPage = ({ renderHeader, children }) => {
+    const [shouldShowSidebar, setShouldShowSidebar] = useState(true);
+    const toggleSidebar = () => setShouldShowSidebar(!shouldShowSidebar);
+    return (React.createElement("main", null,
+        renderHeader(toggleSidebar, shouldShowSidebar),
+        React.createElement(ContentContainer, null,
+            React.createElement(ColumnGrid, { showSidebar: shouldShowSidebar }, children))));
+};
+
+export { DetailPage };
 //# sourceMappingURL=DetailPage.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DetailPage.js","sources":["../../../src/components/DetailPage/DetailPage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AASa,MAAA,UAAU,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAmB,KAAI;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAEhE,MAAM,aAAa,GAAG,MAAM,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAEpE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACG,QAAA,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;AAC/C,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;YACf,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,WAAW,EAAE,iBAAiB,EAAG,EAAA,QAAQ,CAAc,CAClD,CACd;AAEX;;;;"}

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

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

package/dist/components/DetailPage/styled.cjs

@@ -1,2 +1,16 @@
-"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;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { sizes, colors } = index.theme;
+const ColumnGrid = styled__default.default.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--1tbr7pe" }) `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__default.default.div.withConfig({ displayName: "vui--ContentContainer", componentId: "vui--qefy7h" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
+
+exports.ColumnGrid = ColumnGrid;
+exports.ContentContainer = ContentContainer;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":[null],"names":["theme","styled"],"mappings":";;;;;;;;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAElB,MAAA,UAAU,GAAGC,uBAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,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,GAAGA,uBAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;;"}

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

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

@@ -1,2 +1,9 @@
-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};
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const { sizes, colors } = theme;
+const ColumnGrid = styled.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--1tbr7pe" }) `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--qefy7h" }) `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,cAAA,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,2 +1,26 @@
-"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;
+'use strict';
+
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--31hvgq" }) `display:flex;flex-direction:column;position:relative;`;
+const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--fkaqbt" }) `display:flex;align-items:center;margin-top:4px;gap:8px;`;
+const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--sglucf" }) `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--m1c7se" }) `padding:0 6px;border-color:${index$1.theme.colors.neutral.ink.lightest};`;
+styled__default.default(Text.Text).withConfig({ displayName: "vui--Label", componentId: "vui--1cuqy49" }) ``;
+styled__default.default.span.withConfig({ displayName: "vui--Error", componentId: "vui--1yz94gf" }) `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--d0gr40" }) `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,aAAA,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,aAAA,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,2 +1,17 @@
-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};
+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';
+
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--31hvgq" }) `display:flex;flex-direction:column;position:relative;`;
+const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--fkaqbt" }) `display:flex;align-items:center;margin-top:4px;gap:8px;`;
+const StyledTextField = styled(TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--sglucf" }) `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--m1c7se" }) `padding:0 6px;border-color:${theme.colors.neutral.ink.lightest};`;
+styled(Text).withConfig({ displayName: "vui--Label", componentId: "vui--1cuqy49" }) ``;
+styled.span.withConfig({ displayName: "vui--Error", componentId: "vui--1yz94gf" }) `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--d0gr40" }) `display:block;font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
+
+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,aAAA,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,aAAA,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,2 +1,15 @@
-"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;
+'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--1vlqa08" }) `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