@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Alerts/constants.js

@@ -1,2 +1,45 @@
-import{theme as o}from"../../theme/index.js";import{AttentionIcon as r}from"../../tempIcons/AttentionIcon.js";import{HelpIcon as e}from"../../tempIcons/HelpIcon.js";import{InfoIcon as s}from"../../tempIcons/InfoIcon.js";import{RecommendIcon as n}from"../../tempIcons/RecommendIcon.js";import{SuccessIcon as c}from"../../tempIcons/SuccessIcon.js";import{WarningIcon as a}from"../../tempIcons/WarningIcon.js";const t={default:s,error:r,success:c,info:e,warning:a,recommend:n},m={default:{primary:o.colors.neutral.ink.base,background:o.colors.neutral.grey.lightest},error:{primary:o.colors.secondary.red.base,background:o.colors.secondary.red.lightest},success:{primary:o.colors.secondary.green.base,background:o.colors.secondary.green.lightest},info:{primary:o.colors.secondary.blue.base,background:o.colors.secondary.blue.lightest},warning:{primary:o.colors.secondary.orange.base,background:o.colors.secondary.orange.lightest},recommend:{primary:o.colors.secondary.purple.dark,background:o.colors.secondary.purple.lightest}};export{m as ColourMap,t as IconMap};
+import { theme } from '../../theme/index.js';
+import { AttentionIcon } from '../../tempIcons/AttentionIcon.js';
+import { HelpIcon } from '../../tempIcons/HelpIcon.js';
+import { InfoIcon } from '../../tempIcons/InfoIcon.js';
+import { RecommendIcon } from '../../tempIcons/RecommendIcon.js';
+import { SuccessIcon } from '../../tempIcons/SuccessIcon.js';
+import { WarningIcon } from '../../tempIcons/WarningIcon.js';
+
+const IconMap = {
+    default: InfoIcon,
+    error: AttentionIcon,
+    success: SuccessIcon,
+    info: HelpIcon,
+    warning: WarningIcon,
+    recommend: RecommendIcon,
+};
+const ColourMap = {
+    default: {
+        primary: theme.colors.neutral.ink.base,
+        background: theme.colors.neutral.grey.lightest,
+    },
+    error: {
+        primary: theme.colors.secondary.red.base,
+        background: theme.colors.secondary.red.lightest,
+    },
+    success: {
+        primary: theme.colors.secondary.green.base,
+        background: theme.colors.secondary.green.lightest,
+    },
+    info: {
+        primary: theme.colors.secondary.blue.base,
+        background: theme.colors.secondary.blue.lightest,
+    },
+    warning: {
+        primary: theme.colors.secondary.orange.base,
+        background: theme.colors.secondary.orange.lightest,
+    },
+    recommend: {
+        primary: theme.colors.secondary.purple.dark,
+        background: theme.colors.secondary.purple.lightest,
+    },
+};
+
+export { ColourMap, IconMap };
 //# sourceMappingURL=constants.js.map

package/dist/components/Alerts/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;"}

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

@@ -9,4 +9,3 @@ export type BaseAlertProps = {
     variant?: AlertVariants;
     iconSlot?: (props: any) => React.JSX.Element;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Anchor/Anchor.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("react"),r=require("./styled.cjs"),n=require("../../utils/isExternalLink.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var l=t(e);exports.Anchor=({children:e,href:t,rel:o,allowedHostnames:s=n.defaultAllowedHostnames,...a})=>{const i=n.isExternalLink(t,s),u=o||(i?"noopener noreferrer":void 0);return l.default.createElement(r.CommonAnchor,{href:t,rel:u,...a},e)};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var isExternalLink = require('../../utils/isExternalLink.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Anchor = ({ children, href, rel, allowedHostnames = isExternalLink.defaultAllowedHostnames, ...props }) => {
+    // Determine if the link is external based on the allowed hostnames
+    const isExternal = isExternalLink.isExternalLink(href, allowedHostnames);
+    // Set default rel property for external links
+    const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);
+    return (React__default.default.createElement(styled.CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
+};
+
+exports.Anchor = Anchor;
 //# sourceMappingURL=Anchor.cjs.map

package/dist/components/Anchor/Anchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"names":["children","href","rel","allowedHostnames","defaultAllowedHostnames","props","isExternal","isExternalLink","setDefaultRelValue","undefined"],"mappings":"uLAOe,EAAAA,WAAAC,OAAAC,MAAAC,mBAAAC,EAAAA,2BAAAC,MAEb,MAAAC,EAAmBC,EAAAA,eAASN,EAAAE,GAG9BK,EAMGN,IAAAI,EAAA,2BAAAG"}
+{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"names":["defaultAllowedHostnames","isExternalLink","React","CommonAnchor"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAGA,sCAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}

package/dist/components/Anchor/Anchor.d.ts

@@ -6,4 +6,3 @@ export type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     allowedHostnames?: string[];
 };
 export declare const Anchor: ({ children, href, rel, allowedHostnames, ...props }: AnchorProps) => React.JSX.Element;
-//# sourceMappingURL=Anchor.d.ts.map

package/dist/components/Anchor/Anchor.js

@@ -1,2 +1,14 @@
-import r from"react";import{CommonAnchor as e}from"./styled.js";import{isExternalLink as o,defaultAllowedHostnames as t}from"../../utils/isExternalLink.js";const n=({children:n,href:l,rel:s,allowedHostnames:i=t,...m})=>{const f=o(l,i),a=s||(f?"noopener noreferrer":void 0);return r.createElement(e,{href:l,rel:a,...m},n)};export{n as Anchor};
+import React from 'react';
+import { CommonAnchor } from './styled.js';
+import { isExternalLink, defaultAllowedHostnames } from '../../utils/isExternalLink.js';
+
+const Anchor = ({ children, href, rel, allowedHostnames = defaultAllowedHostnames, ...props }) => {
+    // Determine if the link is external based on the allowed hostnames
+    const isExternal = isExternalLink(href, allowedHostnames);
+    // Set default rel property for external links
+    const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);
+    return (React.createElement(CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
+};
+
+export { Anchor };
 //# sourceMappingURL=Anchor.js.map

package/dist/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"names":["children","href","rel","allowedHostnames","defaultAllowedHostnames","props","isExternal","isExternalLink","setDefaultRelValue","undefined"],"mappings":"oKAOe,EAAAA,WAAAC,OAAAC,MAAAC,mBAAAC,KAAAC,MAEb,MAAAC,EAAmBC,EAASN,EAAAE,GAG9BK,EAMGN,IAAAI,EAAA,2BAAAG"}
+{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAG,uBAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}

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

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

package/dist/components/Anchor/styled.cjs

@@ -1,19 +1,13 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}const n=o(e).default.a`
-  box-sizing: border-box;
-  display: inline-flex;
-  margin: 0;
-  padding: 0;
+'use strict';
 
-  font-family: ${t.theme.text.link.fontFamily};
-  font-style: ${t.theme.text.link.fontStyle};
-  font-weight: ${t.theme.text.link.fontWeight};
-  font-size: ${t.theme.text.link.fontSize};
-  line-height: ${t.theme.text.link.lineHeight};
-  color: ${t.theme.colors.secondary.blue.base};
-  text-decoration: ${t.theme.text.link.textDecoration};
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
 
-  &:hover {
-    color: ${t.theme.colors.secondary.blue.dark};
-  }
-`;exports.CommonAnchor=n;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const CommonAnchor = styled__default.default.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${index.theme.text.link.fontFamily};font-style:${index.theme.text.link.fontStyle};font-weight:${index.theme.text.link.fontWeight};font-size:${index.theme.text.link.fontSize};line-height:${index.theme.text.link.lineHeight};color:${index.theme.colors.secondary.blue.base};text-decoration:${index.theme.text.link.textDecoration};&:hover{color:${index.theme.colors.secondary.blue.dark};}`;
+
+exports.CommonAnchor = CommonAnchor;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAIa,MAAA,YAAY,GAAGA,uBAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnBC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}

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

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

package/dist/components/Anchor/styled.js

@@ -1,19 +1,7 @@
-import t from"styled-components";import{theme as e}from"../../theme/index.js";const o=t.a`
-  box-sizing: border-box;
-  display: inline-flex;
-  margin: 0;
-  padding: 0;
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
 
-  font-family: ${e.text.link.fontFamily};
-  font-style: ${e.text.link.fontStyle};
-  font-weight: ${e.text.link.fontWeight};
-  font-size: ${e.text.link.fontSize};
-  line-height: ${e.text.link.lineHeight};
-  color: ${e.colors.secondary.blue.base};
-  text-decoration: ${e.text.link.textDecoration};
+const CommonAnchor = styled.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${theme.text.link.fontFamily};font-style:${theme.text.link.fontStyle};font-weight:${theme.text.link.fontWeight};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.lineHeight};color:${theme.colors.secondary.blue.base};text-decoration:${theme.text.link.textDecoration};&:hover{color:${theme.colors.secondary.blue.dark};}`;
 
-  &:hover {
-    color: ${e.colors.secondary.blue.dark};
-  }
-`;export{o as CommonAnchor};
+export { CommonAnchor };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIa,MAAA,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.cjs

@@ -1,2 +1,28 @@
-"use strict";var e=require("react"),r=require("react-transition-group"),a=require("./styled.cjs"),n=require("./hooks/useClickAway.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(e);exports.AnimatedDropdown=({cta:o,shouldShowDropdown:s,children:i,className:l="animated-dropdown",reversed:u=!1,onClickAway:c=(()=>{}),timeout:d=350,transitionClassnames:m="dropdown",onClick:w,onMouseEnter:p,onMouseLeave:f})=>{const C=e.useRef(null);return n.useClickAway(C,(e=>{s&&c(e)})),t.default.createElement(a.Container,{className:`${l}-container ${l}`,onClick:w,onMouseEnter:p,onMouseLeave:f,ref:C},!u&&o,t.default.createElement(a.Wrap,{className:`${l}-wrap ${l}`},t.default.createElement(r.CSSTransition,{in:s,timeout:d,classNames:m,unmountOnExit:!0},t.default.createElement(a.Dropdown,{role:"dialog",reversed:u,className:`${l}-basic-dropdown ${l}`},i))),u&&o)};
+'use strict';
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var styled = require('./styled.cjs');
+var useClickAway = require('./hooks/useClickAway.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'animated-dropdown', reversed = false, onClickAway = () => { }, timeout = 350, transitionClassnames = 'dropdown', onClick, onMouseEnter, onMouseLeave, }) => {
+    const dropdownRef = React.useRef(null);
+    useClickAway.useClickAway(dropdownRef, (event) => {
+        if (shouldShowDropdown) {
+            onClickAway(event);
+        }
+    });
+    return (React__default.default.createElement(styled.Container, { className: `${className}-container ${className}`, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: dropdownRef },
+        !reversed && cta,
+        React__default.default.createElement(styled.Wrap, { className: `${className}-wrap ${className}` },
+            React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: shouldShowDropdown, timeout: timeout, classNames: transitionClassnames, unmountOnExit: true },
+                React__default.default.createElement(styled.Dropdown, { role: "dialog", reversed: reversed, className: `${className}-basic-dropdown ${className}` }, children))),
+        reversed && cta));
+};
+
+exports.AnimatedDropdown = AnimatedDropdown;
 //# sourceMappingURL=AnimatedDropdown.cjs.map

package/dist/components/AnimatedDropdown/AnimatedDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":[null],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"mappings":";;;;;;;;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBD,sBAAC,CAAA,aAAA,CAAAE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { AnimatedDropdownProps } from './types';
 export declare const AnimatedDropdown: ({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: AnimatedDropdownProps) => React.JSX.Element;
-//# sourceMappingURL=AnimatedDropdown.d.ts.map

package/dist/components/AnimatedDropdown/AnimatedDropdown.js

@@ -1,2 +1,22 @@
-import e,{useRef as o}from"react";import{CSSTransition as r}from"react-transition-group";import{Container as n,Wrap as t,Dropdown as a}from"./styled.js";import{useClickAway as s}from"./hooks/useClickAway.js";const m=({cta:m,shouldShowDropdown:c,children:i,className:l="animated-dropdown",reversed:d=!1,onClickAway:u=(()=>{}),timeout:p=350,transitionClassnames:w="dropdown",onClick:E,onMouseEnter:$,onMouseLeave:f})=>{const k=o(null);return s(k,(e=>{c&&u(e)})),e.createElement(n,{className:`${l}-container ${l}`,onClick:E,onMouseEnter:$,onMouseLeave:f,ref:k},!d&&m,e.createElement(t,{className:`${l}-wrap ${l}`},e.createElement(r,{in:c,timeout:p,classNames:w,unmountOnExit:!0},e.createElement(a,{role:"dialog",reversed:d,className:`${l}-basic-dropdown ${l}`},i))),d&&m)};export{m as AnimatedDropdown};
+import React, { useRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import { Container, Wrap, Dropdown } from './styled.js';
+import { useClickAway } from './hooks/useClickAway.js';
+
+const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'animated-dropdown', reversed = false, onClickAway = () => { }, timeout = 350, transitionClassnames = 'dropdown', onClick, onMouseEnter, onMouseLeave, }) => {
+    const dropdownRef = useRef(null);
+    useClickAway(dropdownRef, (event) => {
+        if (shouldShowDropdown) {
+            onClickAway(event);
+        }
+    });
+    return (React.createElement(Container, { className: `${className}-container ${className}`, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: dropdownRef },
+        !reversed && cta,
+        React.createElement(Wrap, { className: `${className}-wrap ${className}` },
+            React.createElement(CSSTransition, { in: shouldShowDropdown, timeout: timeout, classNames: transitionClassnames, unmountOnExit: true },
+                React.createElement(Dropdown, { role: "dialog", reversed: reversed, className: `${className}-basic-dropdown ${className}` }, children))),
+        reversed && cta));
+};
+
+export { AnimatedDropdown };
 //# sourceMappingURL=AnimatedDropdown.js.map

package/dist/components/AnimatedDropdown/AnimatedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEb,KAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}

package/dist/components/AnimatedDropdown/components/BasicDropdown.cjs

@@ -1,2 +1,16 @@
-"use strict";var e=require("react"),r=require("./styled.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=e.forwardRef(((e,t)=>{const{children:s,className:c,role:n}=e;return a.default.createElement(r.Container,{className:c,ref:t,role:n},s)}));exports.BasicDropdown=s;
+'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 BasicDropdown = React.forwardRef((props, ref) => {
+    const { children, className, role } = props;
+    return (React__default.default.createElement(styled.Container, { className: className, ref: ref, role: role }, children));
+});
+
+exports.BasicDropdown = BasicDropdown;
 //# sourceMappingURL=BasicDropdown.cjs.map

package/dist/components/AnimatedDropdown/components/BasicDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BasicDropdown.cjs","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":[null],"names":["forwardRef","React","Container"],"mappings":";;;;;;;;;AAMa,MAAA,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}

package/dist/components/AnimatedDropdown/components/BasicDropdown.d.ts

@@ -4,4 +4,3 @@ export declare const BasicDropdown: React.ForwardRefExoticComponent<import("../.
     children: React.ReactNode;
     role?: React.AriaRole | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=BasicDropdown.d.ts.map

package/dist/components/AnimatedDropdown/components/BasicDropdown.js

@@ -1,2 +1,10 @@
-import e,{forwardRef as r}from"react";import{Container as t}from"./styled.js";const o=r(((r,o)=>{const{children:s,className:c,role:l}=r;return e.createElement(t,{className:c,ref:o,role:l},s)}));export{o as BasicDropdown};
+import React, { forwardRef } from 'react';
+import { Container } from './styled.js';
+
+const BasicDropdown = forwardRef((props, ref) => {
+    const { children, className, role } = props;
+    return (React.createElement(Container, { className: className, ref: ref, role: role }, children));
+});
+
+export { BasicDropdown };
 //# sourceMappingURL=BasicDropdown.js.map

package/dist/components/AnimatedDropdown/components/BasicDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BasicDropdown.js","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAMa,MAAA,aAAa,GAAG,UAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}

package/dist/components/AnimatedDropdown/components/styled.cjs

@@ -1,8 +1,13 @@
-"use strict";var e=require("styled-components"),r=require("../../BaseContainer/BaseContainer.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const o=n(e).default(r.BaseContainer)`
-  display: inline-flex;
-  background-color: #ffffff;
-  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);
-  border-radius: 4px;
-  overflow: hidden;
-`;exports.Container=o;
+'use strict';
+
+var styled = require('styled-components');
+var BaseContainer = require('../../BaseContainer/BaseContainer.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--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
+
+exports.Container = Container;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer"],"mappings":";;;;;;;;;MAIa,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

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

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

package/dist/components/AnimatedDropdown/components/styled.js

@@ -1,8 +1,7 @@
-import o from"styled-components";import{BaseContainer as r}from"../../BaseContainer/BaseContainer.js";const e=o(r)`
-  display: inline-flex;
-  background-color: #ffffff;
-  box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);
-  border-radius: 4px;
-  overflow: hidden;
-`;export{e as Container};
+import styled from 'styled-components';
+import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
+
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
+
+export { Container };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAIa,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

package/dist/components/AnimatedDropdown/hooks/useClickAway.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("react");exports.useClickAway=(t,r)=>{e.useEffect((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&r(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,r])};
+'use strict';
+
+var React = require('react');
+
+const useClickAway = (ref, onClickAway) => {
+    React.useEffect(() => {
+        const handleClickAway = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                onClickAway(event);
+            }
+        };
+        document.addEventListener('mousedown', handleClickAway);
+        return () => {
+            document.removeEventListener('mousedown', handleClickAway);
+        };
+    }, [ref, onClickAway]);
+};
+
+exports.useClickAway = useClickAway;
 //# sourceMappingURL=useClickAway.cjs.map

package/dist/components/AnimatedDropdown/hooks/useClickAway.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.cjs","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":[null],"names":["ref","onClickAway"],"mappings":"yDAEa,CAAAA,EACNC"}
+{"version":3,"file":"useClickAway.cjs","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":[null],"names":["useEffect"],"mappings":";;;;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACFA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,SAAC;AACH,KAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}

package/dist/components/AnimatedDropdown/hooks/useClickAway.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare const useClickAway: (ref: React.RefObject<HTMLElement>, onClickAway: (event: Event) => void) => void;
-//# sourceMappingURL=useClickAway.d.ts.map

package/dist/components/AnimatedDropdown/hooks/useClickAway.js

@@ -1,2 +1,18 @@
-import{useEffect as e}from"react";const t=(t,n)=>{e((()=>{const e=e=>{t.current&&!t.current.contains(e.target)&&n(e)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t,n])};export{t as useClickAway};
+import { useEffect } from 'react';
+
+const useClickAway = (ref, onClickAway) => {
+    useEffect(() => {
+        const handleClickAway = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                onClickAway(event);
+            }
+        };
+        document.addEventListener('mousedown', handleClickAway);
+        return () => {
+            document.removeEventListener('mousedown', handleClickAway);
+        };
+    }, [ref, onClickAway]);
+};
+
+export { useClickAway };
 //# sourceMappingURL=useClickAway.js.map

package/dist/components/AnimatedDropdown/hooks/useClickAway.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.js","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":[null],"names":["useClickAway","ref","onClickAway"],"mappings":"kCAEA,MAAAA,EAAa,CAAAC,EACNC"}
+{"version":3,"file":"useClickAway.js","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,SAAC;AACH,KAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}

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

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

package/dist/components/AnimatedDropdown/styled.cjs

@@ -1,41 +1,19 @@
-"use strict";var t=require("styled-components"),e=require("./components/BasicDropdown.cjs"),n=require("../BaseContainer/BaseContainer.cjs"),r=require("../../theme/index.cjs");function o(t){return t&&t.__esModule?t:{default:t}}var a=o(t);const i=a.default(n.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-`,s=a.default(n.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  min-width: 100%;
-`,l=a.default(e.BasicDropdown)`
-  flex-direction: column;
-  position: absolute;
-  z-index: ${r.theme.layers.popup};
+'use strict';
 
-  ${t=>t.reversed?"bottom: 8px;":"top: 6px;"}
+var styled = require('styled-components');
+var BasicDropdown = require('./components/BasicDropdown.cjs');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+var index = require('../../theme/index.cjs');
 
-  &.dropdown-enter {
-    opacity: 0;
-    transform: translateY(-6px);
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &.dropdown-enter-active {
-    opacity: 1;
-    transition: all 200ms;
-    transform: translateY(0px);
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  &.dropdown-exit {
-    opacity: 1;
-    transform: translateY(0px);
-  }
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
+const Wrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
+const Dropdown = styled__default.default(BasicDropdown.BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${index.theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
 
-  &.dropdown-exit-active {
-    opacity: 0;
-    transition: all 200ms;
-    transform: translateY(-6px);
-  }
-`;exports.Container=i,exports.Dropdown=l,exports.Wrap=s;
+exports.Container = Container;
+exports.Dropdown = Dropdown;
+exports.Wrap = Wrap;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":[null],"names":["Wrap","styled","BaseContainer"],"mappings":";;;;;EAmDAA,EAAaC,EAAAA,UAAqBC,cAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":[null],"names":["styled","BasicContainer","BasicDropdown","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAc,CAAC;AAOxC,MAAM,IAAI,GAAGD,uBAAM,CAACC,2BAAc,CAAC;AAQnC,MAAM,QAAQ,GAAGD,uBAAM,CAACE,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzBC,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;;;"}

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

@@ -9,4 +9,3 @@ declare const Dropdown: import("styled-components").StyledComponent<import("reac
     reversed?: boolean | undefined;
 }, never>;
 export { Wrap, Dropdown, Container };
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/AnimatedDropdown/styled.js

@@ -1,41 +1,11 @@
-import t from"styled-components";import{BasicDropdown as o}from"./components/BasicDropdown.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{theme as n}from"../../theme/index.js";const r=t(e)`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-`,i=t(e)`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  min-width: 100%;
-`,a=t(o)`
-  flex-direction: column;
-  position: absolute;
-  z-index: ${n.layers.popup};
+import styled from 'styled-components';
+import { BasicDropdown } from './components/BasicDropdown.js';
+import { BaseContainer } from '../BaseContainer/BaseContainer.js';
+import { theme } from '../../theme/index.js';
 
-  ${t=>t.reversed?"bottom: 8px;":"top: 6px;"}
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
+const Wrap = styled(BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
+const Dropdown = styled(BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
 
-  &.dropdown-enter {
-    opacity: 0;
-    transform: translateY(-6px);
-  }
-
-  &.dropdown-enter-active {
-    opacity: 1;
-    transition: all 200ms;
-    transform: translateY(0px);
-  }
-
-  &.dropdown-exit {
-    opacity: 1;
-    transform: translateY(0px);
-  }
-
-  &.dropdown-exit-active {
-    opacity: 0;
-    transition: all 200ms;
-    transform: translateY(-6px);
-  }
-`;export{r as Container,a as Dropdown,i as Wrap};
+export { Container, Dropdown, Wrap };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":[null],"names":["Wrap","styled"],"mappings":";;;;;EAmDAA,EAAaC,IAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":[null],"names":["BasicContainer"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAACA,aAAc,CAAC;AAOxC,MAAM,IAAI,GAAG,MAAM,CAACA,aAAc,CAAC;AAQnC,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;"}

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

@@ -13,4 +13,3 @@ export type AnimatedDropdownProps = BasicDropdownProps & {
     onClickAway?: (event: Event) => void;
     reversed?: boolean;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Avatar/Avatar.cjs

@@ -1,2 +1,18 @@
-"use strict";var e=require("react"),t=require("../../theme/index.cjs"),r=require("./styled.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);exports.Avatar=({width:e="40px",name:a="Veeqo",bgColor:l=t.theme.colors.secondary.blue.base,textColor:s="#ffffff"})=>{const c=a.toUpperCase().match(/\b(\w)/g);return o.default.createElement(r.AvatarSC,{width:e,bgColor:l,textColor:s,className:"avatar"},null==c?void 0:c.slice(0,2).map(((e,t)=>o.default.createElement("span",{key:`${e}-${t}`},e))))};
+'use strict';
+
+var React = require('react');
+var index = require('../../theme/index.cjs');
+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);
+
+/* eslint-disable react/no-array-index-key */
+const Avatar = ({ width = '40px', name = 'Veeqo', bgColor = index.theme.colors.secondary.blue.base, textColor = '#ffffff', }) => {
+    const userInitials = name.toUpperCase().match(/\b(\w)/g);
+    return (React__default.default.createElement(styled.AvatarSC, { width: width, bgColor: bgColor, textColor: textColor, className: "avatar" }, userInitials === null || userInitials === undefined ? undefined : userInitials.slice(0, 2).map((initial, i) => React__default.default.createElement("span", { key: `${initial}-${i}` }, initial))));
+};
+
+exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.cjs.map

package/dist/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["theme","React","AvatarSC"],"mappings":";;;;;;;;;;AAAA;AAOO,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,OAAO,EACd,OAAO,GAAGA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC1C,SAAS,GAAG,SAAS,GACT,KAAI;IAChB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;IAExD,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAQ,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,EAC/E,EAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CACT,KAAK,CAAC,CAAC,EAAE,CAAC,CAAA,CACX,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAKD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,EAAG,EAAA,OAAO,CAAQ,CAAC,CAC7D;AAEf;;;;"}