@veeqo/ui 14.9.0 → 14.9.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Image/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const CommonImage = styled.img<{ previewEnabled?: boolean }>`\n  box-sizing: border-box;\n  cursor: ${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};\n`;\n\nexport const PreviewImageContainer = styled.div`\n  z-index: 10;\n  background-color: transparent;\n`;\n\nexport const PreviewImage = styled.img`\n  box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n`;\n"],"names":["styled"],"mappings":";;;;;;;;MAEa,SAAS,GAAGA,uBAAM,CAAC,GAAG;AAE5B,MAAM,WAAW,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAEzB,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,CAAA;MAG/D,qBAAqB,GAAGA,uBAAM,CAAC,GAAG;MAKlC,YAAY,GAAGA,uBAAM,CAAC,GAAG;;;;;;;"}

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

@@ -1,6 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CommonImage: import("styled-components").StyledComponent<"img", any, {
-    previewEnabled?: boolean | undefined;
-}, never>;
-export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;

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

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-
-const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
-const CommonImage = styled.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
-
-export { CommonImage, Container, PreviewImage, PreviewImageContainer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Image/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div``;\n\nexport const CommonImage = styled.img<{ previewEnabled?: boolean }>`\n  box-sizing: border-box;\n  cursor: ${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};\n`;\n\nexport const PreviewImageContainer = styled.div`\n  z-index: 10;\n  background-color: transparent;\n`;\n\nexport const PreviewImage = styled.img`\n  box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n`;\n"],"names":[],"mappings":";;MAEa,SAAS,GAAG,MAAM,CAAC,GAAG;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAEzB,CAAC,EAAE,cAAc,EAAE,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,CAAA;MAG/D,qBAAqB,GAAG,MAAM,CAAC,GAAG;MAKlC,YAAY,GAAG,MAAM,CAAC,GAAG;;;;"}

package/dist/components/Modal/components/Dialog/constants.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var breakpoints = require('../../../../theme/modules/breakpoints.cjs');
-
-const heightMap = {
-    xs: '84vh',
-    sm: '72vh',
-    base: '84vh',
-    lg: '96vh',
-};
-const widthMap = {
-    [breakpoints.breakpoints.mobile]: {
-        xs: '60vw',
-        sm: '72vw',
-        base: '100vw',
-        lg: '100vw',
-    },
-    [breakpoints.breakpoints.tablet]: {
-        xs: '60vw',
-        sm: '72vw',
-        base: '100vw',
-        lg: '100vw',
-    },
-    [breakpoints.breakpoints.lgTablet]: {
-        xs: '48vw',
-        sm: '56vw',
-        base: '88vw',
-        lg: '100vw',
-    },
-    [breakpoints.breakpoints.desktop]: {
-        xs: '36vw',
-        sm: '44vw',
-        base: '72vw',
-        lg: '88vw',
-    },
-    [breakpoints.breakpoints.lgDesktop]: {
-        xs: '32vw',
-        sm: '40vw',
-        base: '52vw',
-        lg: '80vw',
-    },
-};
-const fullScreenBreakpointMap = {
-    xs: breakpoints.breakpoints.mobile,
-    sm: breakpoints.breakpoints.mobile,
-    base: breakpoints.breakpoints.tablet,
-    lg: breakpoints.breakpoints.lgTablet,
-};
-
-exports.fullScreenBreakpointMap = fullScreenBreakpointMap;
-exports.heightMap = heightMap;
-exports.widthMap = widthMap;
-//# sourceMappingURL=constants.cjs.map

package/dist/components/Modal/components/Dialog/constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":["import { breakpoints } from '../../../../theme/modules/breakpoints';\n\nexport const heightMap = {\n  xs: '84vh',\n  sm: '72vh',\n  base: '84vh',\n  lg: '96vh',\n} as const;\n\nexport const widthMap = {\n  [breakpoints.mobile]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.tablet]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.lgTablet]: {\n    xs: '48vw',\n    sm: '56vw',\n    base: '88vw',\n    lg: '100vw',\n  },\n  [breakpoints.desktop]: {\n    xs: '36vw',\n    sm: '44vw',\n    base: '72vw',\n    lg: '88vw',\n  },\n  [breakpoints.lgDesktop]: {\n    xs: '32vw',\n    sm: '40vw',\n    base: '52vw',\n    lg: '80vw',\n  },\n} as const;\n\nexport const fullScreenBreakpointMap = {\n  xs: breakpoints.mobile,\n  sm: breakpoints.mobile,\n  base: breakpoints.tablet,\n  lg: breakpoints.lgTablet,\n} as const;\n"],"names":["breakpoints"],"mappings":";;;;AAEO,MAAM,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGL,MAAM,QAAQ,GAAG;AACtB,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAACA,uBAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGI,MAAM,uBAAuB,GAAG;IACrC,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,EAAE,EAAEA,uBAAW,CAAC,MAAM;IACtB,IAAI,EAAEA,uBAAW,CAAC,MAAM;IACxB,EAAE,EAAEA,uBAAW,CAAC,QAAQ;;;;;;;"}

package/dist/components/Modal/components/Dialog/constants.d.ts

@@ -1,44 +0,0 @@
-export declare const heightMap: {
-    readonly xs: "84vh";
-    readonly sm: "72vh";
-    readonly base: "84vh";
-    readonly lg: "96vh";
-};
-export declare const widthMap: {
-    readonly "640px": {
-        readonly xs: "60vw";
-        readonly sm: "72vw";
-        readonly base: "100vw";
-        readonly lg: "100vw";
-    };
-    readonly "720px": {
-        readonly xs: "60vw";
-        readonly sm: "72vw";
-        readonly base: "100vw";
-        readonly lg: "100vw";
-    };
-    readonly "960px": {
-        readonly xs: "48vw";
-        readonly sm: "56vw";
-        readonly base: "88vw";
-        readonly lg: "100vw";
-    };
-    readonly "1280px": {
-        readonly xs: "36vw";
-        readonly sm: "44vw";
-        readonly base: "72vw";
-        readonly lg: "88vw";
-    };
-    readonly "1440px": {
-        readonly xs: "32vw";
-        readonly sm: "40vw";
-        readonly base: "52vw";
-        readonly lg: "80vw";
-    };
-};
-export declare const fullScreenBreakpointMap: {
-    readonly xs: "640px";
-    readonly sm: "640px";
-    readonly base: "720px";
-    readonly lg: "960px";
-};

package/dist/components/Modal/components/Dialog/constants.js

@@ -1,49 +0,0 @@
-import { breakpoints } from '../../../../theme/modules/breakpoints.js';
-
-const heightMap = {
-    xs: '84vh',
-    sm: '72vh',
-    base: '84vh',
-    lg: '96vh',
-};
-const widthMap = {
-    [breakpoints.mobile]: {
-        xs: '60vw',
-        sm: '72vw',
-        base: '100vw',
-        lg: '100vw',
-    },
-    [breakpoints.tablet]: {
-        xs: '60vw',
-        sm: '72vw',
-        base: '100vw',
-        lg: '100vw',
-    },
-    [breakpoints.lgTablet]: {
-        xs: '48vw',
-        sm: '56vw',
-        base: '88vw',
-        lg: '100vw',
-    },
-    [breakpoints.desktop]: {
-        xs: '36vw',
-        sm: '44vw',
-        base: '72vw',
-        lg: '88vw',
-    },
-    [breakpoints.lgDesktop]: {
-        xs: '32vw',
-        sm: '40vw',
-        base: '52vw',
-        lg: '80vw',
-    },
-};
-const fullScreenBreakpointMap = {
-    xs: breakpoints.mobile,
-    sm: breakpoints.mobile,
-    base: breakpoints.tablet,
-    lg: breakpoints.lgTablet,
-};
-
-export { fullScreenBreakpointMap, heightMap, widthMap };
-//# sourceMappingURL=constants.js.map

package/dist/components/Modal/components/Dialog/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Modal/components/Dialog/constants.ts"],"sourcesContent":["import { breakpoints } from '../../../../theme/modules/breakpoints';\n\nexport const heightMap = {\n  xs: '84vh',\n  sm: '72vh',\n  base: '84vh',\n  lg: '96vh',\n} as const;\n\nexport const widthMap = {\n  [breakpoints.mobile]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.tablet]: {\n    xs: '60vw',\n    sm: '72vw',\n    base: '100vw',\n    lg: '100vw',\n  },\n  [breakpoints.lgTablet]: {\n    xs: '48vw',\n    sm: '56vw',\n    base: '88vw',\n    lg: '100vw',\n  },\n  [breakpoints.desktop]: {\n    xs: '36vw',\n    sm: '44vw',\n    base: '72vw',\n    lg: '88vw',\n  },\n  [breakpoints.lgDesktop]: {\n    xs: '32vw',\n    sm: '40vw',\n    base: '52vw',\n    lg: '80vw',\n  },\n} as const;\n\nexport const fullScreenBreakpointMap = {\n  xs: breakpoints.mobile,\n  sm: breakpoints.mobile,\n  base: breakpoints.tablet,\n  lg: breakpoints.lgTablet,\n} as const;\n"],"names":[],"mappings":";;AAEO,MAAM,SAAS,GAAG;AACvB,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;;AAGL,MAAM,QAAQ,GAAG;AACtB,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,MAAM,GAAG;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,QAAQ,GAAG;AACtB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACrB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,WAAW,CAAC,SAAS,GAAG;AACvB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;;AAGI,MAAM,uBAAuB,GAAG;IACrC,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,EAAE,EAAE,WAAW,CAAC,MAAM;IACtB,IAAI,EAAE,WAAW,CAAC,MAAM;IACxB,EAAE,EAAE,WAAW,CAAC,QAAQ;;;;;"}

package/dist/components/Modal/components/Dialog/styled.cjs

@@ -1,47 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var framerMotion = require('framer-motion');
-var modalTypeStyles = require('./styles/modalTypeStyles.cjs');
-var baseStyles = require('./styles/baseStyles.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-// Animation configurations
-const animations = {
-    leftDrawer: {
-        initial: { opacity: 0, x: -300, bounce: 0 },
-        exit: { opacity: 0, x: -300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    rightDrawer: {
-        initial: { opacity: 0, x: 300, bounce: 0 },
-        exit: { opacity: 0, x: 300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    modal: {
-        initial: { opacity: 0, y: -50, bounce: 0 },
-        exit: { opacity: 0, y: -50, bounce: 0 },
-        animate: { opacity: 1, y: 0, bounce: 0 },
-    },
-};
-const stylesByType = {
-    modal: modalTypeStyles.modalStyles,
-    leftDrawer: modalTypeStyles.leftDrawerStyles,
-    rightDrawer: modalTypeStyles.rightDrawerStyles,
-};
-const StyledDialog = styled__default.default(framerMotion.motion.dialog).attrs(({ displayMode }) => ({
-    ...animations[displayMode],
-    transition: { type: 'tween', duration: 0.25 },
-})).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `${baseStyles.baseModalStyles} ${({ displayMode }) => stylesByType[displayMode]} ${({ appearance }) => appearance === 'secondary' &&
-    `
-    &::backdrop {
-      animation: none;
-      opacity: 0;
-    }
-  `}`;
-
-exports.StyledDialog = StyledDialog;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Modal/components/Dialog/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { ModalAppearance, ModalTypes, ModalVariants } from '../../types';\nimport { leftDrawerStyles, modalStyles, rightDrawerStyles } from './styles/modalTypeStyles';\nimport { baseModalStyles } from './styles/baseStyles';\n\n// Animation configurations\nconst animations = {\n  leftDrawer: {\n    initial: { opacity: 0, x: -300, bounce: 0 },\n    exit: { opacity: 0, x: -300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  rightDrawer: {\n    initial: { opacity: 0, x: 300, bounce: 0 },\n    exit: { opacity: 0, x: 300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  modal: {\n    initial: { opacity: 0, y: -50, bounce: 0 },\n    exit: { opacity: 0, y: -50, bounce: 0 },\n    animate: { opacity: 1, y: 0, bounce: 0 },\n  },\n};\n\nconst stylesByType = {\n  modal: modalStyles,\n  leftDrawer: leftDrawerStyles,\n  rightDrawer: rightDrawerStyles,\n};\n\nexport const StyledDialog = styled(motion.dialog).attrs<{ displayMode: ModalTypes }>(\n  ({ displayMode }) => ({\n    ...animations[displayMode],\n    transition: { type: 'tween', duration: 0.25 },\n  }),\n)<{ variant: ModalVariants; displayMode: ModalTypes; appearance?: ModalAppearance }>`\n  ${baseModalStyles}\n  ${({ displayMode }) => stylesByType[displayMode]}\n\n  ${({ appearance }) =>\n    appearance === 'secondary' &&\n    `\n    &::backdrop {\n      animation: none;\n      opacity: 0;\n    }\n  `}\n`;\n"],"names":["modalStyles","leftDrawerStyles","rightDrawerStyles","styled","motion","baseModalStyles"],"mappings":";;;;;;;;;;;AAMA;AACA,MAAM,UAAU,GAAG;AACjB,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AAC3C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AACxC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;CACF;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,KAAK,EAAEA,2BAAW;AAClB,IAAA,UAAU,EAAEC,gCAAgB;AAC5B,IAAA,WAAW,EAAEC,iCAAiB;CAC/B;MAEY,YAAY,GAAGC,uBAAM,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CACrD,CAAC,EAAE,WAAW,EAAE,MAAM;IACpB,GAAG,UAAU,CAAC,WAAW,CAAC;IAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC,CACH,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACGC,0BAAe,CAAA,CAAA,EACf,CAAC,EAAE,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,CAAC,CAAA,CAAA,EAE9C,CAAC,EAAE,UAAU,EAAE,KACf,UAAU,KAAK,WAAW;AAC1B,IAAA;;;;;AAKD,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/styled.d.ts

@@ -1,6 +0,0 @@
-import { ModalAppearance, ModalTypes, ModalVariants } from '../../types';
-export declare const StyledDialog: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDialogElement, import("framer-motion").HTMLMotionProps<"dialog">>, any, {
-    variant: ModalVariants;
-    displayMode: ModalTypes;
-    appearance?: ModalAppearance | undefined;
-}, never>;

package/dist/components/Modal/components/Dialog/styled.js

@@ -1,41 +0,0 @@
-import styled from 'styled-components';
-import { motion } from 'framer-motion';
-import { rightDrawerStyles, leftDrawerStyles, modalStyles } from './styles/modalTypeStyles.js';
-import { baseModalStyles } from './styles/baseStyles.js';
-
-// Animation configurations
-const animations = {
-    leftDrawer: {
-        initial: { opacity: 0, x: -300, bounce: 0 },
-        exit: { opacity: 0, x: -300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    rightDrawer: {
-        initial: { opacity: 0, x: 300, bounce: 0 },
-        exit: { opacity: 0, x: 300, bounce: 0 },
-        animate: { opacity: 1, x: 0, bounce: 0 },
-    },
-    modal: {
-        initial: { opacity: 0, y: -50, bounce: 0 },
-        exit: { opacity: 0, y: -50, bounce: 0 },
-        animate: { opacity: 1, y: 0, bounce: 0 },
-    },
-};
-const stylesByType = {
-    modal: modalStyles,
-    leftDrawer: leftDrawerStyles,
-    rightDrawer: rightDrawerStyles,
-};
-const StyledDialog = styled(motion.dialog).attrs(({ displayMode }) => ({
-    ...animations[displayMode],
-    transition: { type: 'tween', duration: 0.25 },
-})).withConfig({ displayName: "vui--StyledDialog", componentId: "vui--1ohvs0u" }) `${baseModalStyles} ${({ displayMode }) => stylesByType[displayMode]} ${({ appearance }) => appearance === 'secondary' &&
-    `
-    &::backdrop {
-      animation: none;
-      opacity: 0;
-    }
-  `}`;
-
-export { StyledDialog };
-//# sourceMappingURL=styled.js.map

package/dist/components/Modal/components/Dialog/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Modal/components/Dialog/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { ModalAppearance, ModalTypes, ModalVariants } from '../../types';\nimport { leftDrawerStyles, modalStyles, rightDrawerStyles } from './styles/modalTypeStyles';\nimport { baseModalStyles } from './styles/baseStyles';\n\n// Animation configurations\nconst animations = {\n  leftDrawer: {\n    initial: { opacity: 0, x: -300, bounce: 0 },\n    exit: { opacity: 0, x: -300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  rightDrawer: {\n    initial: { opacity: 0, x: 300, bounce: 0 },\n    exit: { opacity: 0, x: 300, bounce: 0 },\n    animate: { opacity: 1, x: 0, bounce: 0 },\n  },\n  modal: {\n    initial: { opacity: 0, y: -50, bounce: 0 },\n    exit: { opacity: 0, y: -50, bounce: 0 },\n    animate: { opacity: 1, y: 0, bounce: 0 },\n  },\n};\n\nconst stylesByType = {\n  modal: modalStyles,\n  leftDrawer: leftDrawerStyles,\n  rightDrawer: rightDrawerStyles,\n};\n\nexport const StyledDialog = styled(motion.dialog).attrs<{ displayMode: ModalTypes }>(\n  ({ displayMode }) => ({\n    ...animations[displayMode],\n    transition: { type: 'tween', duration: 0.25 },\n  }),\n)<{ variant: ModalVariants; displayMode: ModalTypes; appearance?: ModalAppearance }>`\n  ${baseModalStyles}\n  ${({ displayMode }) => stylesByType[displayMode]}\n\n  ${({ appearance }) =>\n    appearance === 'secondary' &&\n    `\n    &::backdrop {\n      animation: none;\n      opacity: 0;\n    }\n  `}\n`;\n"],"names":[],"mappings":";;;;;AAMA;AACA,MAAM,UAAU,GAAG;AACjB,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AAC3C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE;AACxC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1C,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;AACvC,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzC,KAAA;CACF;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,WAAW,EAAE,iBAAiB;CAC/B;MAEY,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CACrD,CAAC,EAAE,WAAW,EAAE,MAAM;IACpB,GAAG,UAAU,CAAC,WAAW,CAAC;IAC1B,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC,CACH,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACG,eAAe,CAAA,CAAA,EACf,CAAC,EAAE,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,CAAC,CAAA,CAAA,EAE9C,CAAC,EAAE,UAAU,EAAE,KACf,UAAU,KAAK,WAAW;AAC1B,IAAA;;;;;AAKD,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var styled$1 = require('styled-components');
-var color = require('../../../../../utils/color.cjs');
-var Card = require('../../../../Card/Card.cjs');
-var index = require('../../../../../theme/index.cjs');
-var styled = require('../../styled.cjs');
-var constants = require('../constants.cjs');
-
-const baseModalStyles = styled$1.css `padding:0;border:none;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.lg};z-index:${index.theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${color.getOpaqueHexColor(index.theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Card.Surface}{display:flex;flex-direction:column;${styled.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
-
-exports.baseModalStyles = baseModalStyles;
-//# sourceMappingURL=baseStyles.cjs.map

package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n  z-index: ${theme.layers.modal};\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n    width: 100%;\n    height: 100%;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n`;\n"],"names":["css","theme","getOpaqueHexColor","Card","MainSection","fullScreenBreakpointMap"],"mappings":";;;;;;;;;AAQO,MAAM,eAAe,GAAGA,YAAG,CAAA,CAAA,oCAAA,EAGfC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnBA,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIPC,uBAAiB,CAACD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrEE,SAAI,CAAC,OAAO,CAAA,oCAAA,EAIdC,kBAAW,CAAA,gBAAA,EACOH,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhCE,SAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAKE,iCAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9DF,SAAI,CAAC,OAAO;;;;"}

package/dist/components/Modal/components/Dialog/styles/baseStyles.d.ts

@@ -1,4 +0,0 @@
-import { ModalVariants } from '../../../types';
-export declare const baseModalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    variant: ModalVariants;
-}, any>>;

package/dist/components/Modal/components/Dialog/styles/baseStyles.js

@@ -1,11 +0,0 @@
-import { css } from 'styled-components';
-import { getOpaqueHexColor } from '../../../../../utils/color.js';
-import { Card } from '../../../../Card/Card.js';
-import { theme } from '../../../../../theme/index.js';
-import { MainSection } from '../../styled.js';
-import { fullScreenBreakpointMap } from '../constants.js';
-
-const baseModalStyles = css `padding:0;border:none;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.lg};z-index:${theme.layers.modal};&::backdrop{animation:fadeIn 0.25s ease forwards;background-color:${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};width:100%;height:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}& > ${Card.Surface}{display:flex;flex-direction:column;${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer}{margin-top:0;}}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface}{border-radius:0;height:100%;width:100%;max-height:unset;}}`;
-
-export { baseModalStyles };
-//# sourceMappingURL=baseStyles.js.map

package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/baseStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { getOpaqueHexColor } from '../../../../../utils/color';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { MainSection } from '../../styled';\nimport { fullScreenBreakpointMap } from '../constants';\n\nexport const baseModalStyles = css<{ variant: ModalVariants }>`\n  padding: 0;\n  border: none;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.lg};\n  z-index: ${theme.layers.modal};\n\n  &::backdrop {\n    animation: fadeIn 0.25s ease forwards;\n    background-color: ${getOpaqueHexColor(theme.colors.neutral.ink.base, 0.5)};\n    width: 100%;\n    height: 100%;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  & > ${Card.Surface} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer} {\n      margin-top: 0;\n    }\n  }\n\n  @media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}) {\n    margin: 0;\n    width: 100%;\n    max-width: 100vw;\n    max-height: 100vh;\n\n    &,\n    & > ${Card.Surface} {\n      border-radius: 0;\n      height: 100%;\n      width: 100%;\n      max-height: unset;\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA,oCAAA,EAGf,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,SAAA,EACnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,mEAAA,EAIP,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,8EAAA,EAcrE,IAAI,CAAC,OAAO,CAAA,oCAAA,EAId,WAAW,CAAA,gBAAA,EACO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhC,IAAI,CAAC,MAAM,CAAA,mCAAA,EAKM,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9D,IAAI,CAAC,OAAO;;;;"}

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Card = require('../../../../Card/Card.cjs');
-var index = require('../../../../../theme/index.cjs');
-var constants = require('../constants.cjs');
-
-const { breakpoints } = index.theme;
-const modalStyles = styled.css `min-width:464px;& > ${Card.Card.Surface}{max-height:${({ variant }) => constants.heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => constants.widthMap[breakpoints.lgDesktop][variant]};}`;
-const sideDrawerBaseStyles = styled.css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
-const leftDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
-const rightDrawerStyles = styled.css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
-
-exports.leftDrawerStyles = leftDrawerStyles;
-exports.modalStyles = modalStyles;
-exports.rightDrawerStyles = rightDrawerStyles;
-//# sourceMappingURL=modalTypeStyles.cjs.map

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalTypeStyles.cjs","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n  min-width: 464px;\n\n  & > ${Card.Surface} {\n    max-height: ${({ variant }) => heightMap[variant]};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    inset: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n`;\n\nconst sideDrawerBaseStyles = css`\n  height: 100%;\n  max-height: 100%;\n  min-width: 320px;\n  width: 400px;\n  margin: 0;\n  position: fixed;\n  transform: none;\n  border-radius: 0;\n  overflow: visible;\n\n  & > ${Card.Surface} {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &:not([open]) {\n    display: block;\n  }\n`;\n\nexport const leftDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 0 0 auto;\n`;\n"],"names":["theme","css","Card","heightMap","widthMap"],"mappings":";;;;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAGA,WAAK;AAEtB,MAAM,WAAW,GAAGC,UAAG,CAAA,CAAA,oBAAA,EAGtBC,SAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAKC,mBAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAKC,kBAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAKA,kBAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAGH,UAAG,CAAA,CAAA,oIAAA,EAWxBC,SAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAGD,UAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAGA,UAAG,CAAA,CAAA,EAChC,oBAAoB;;;;;;"}

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.d.ts

@@ -1,6 +0,0 @@
-import { ModalVariants } from '../../../types';
-export declare const modalStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    variant: ModalVariants;
-}, any>>;
-export declare const leftDrawerStyles: import("styled-components").FlattenSimpleInterpolation;
-export declare const rightDrawerStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js

@@ -1,13 +0,0 @@
-import { css } from 'styled-components';
-import { Card } from '../../../../Card/Card.js';
-import { theme } from '../../../../../theme/index.js';
-import { heightMap, widthMap } from '../constants.js';
-
-const { breakpoints } = theme;
-const modalStyles = css `min-width:464px;& > ${Card.Surface}{max-height:${({ variant }) => heightMap[variant]};}&:not([open]){display:block;position:fixed;inset:0;transform:translate(-50%, -50%);}@media (min-width: calc(${breakpoints.mobile} + 1px))and (max-width: ${breakpoints.tablet}){max-width:${({ variant }) => widthMap[breakpoints.tablet][variant]};}@media (min-width: ${breakpoints.tablet})and (max-width: ${breakpoints.lgTablet}){max-width:${({ variant }) => widthMap[breakpoints.lgTablet][variant]};}@media (min-width: ${breakpoints.lgTablet})and (max-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.desktop][variant]};}@media (min-width: ${breakpoints.desktop}){max-width:${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};}`;
-const sideDrawerBaseStyles = css `height:100%;max-height:100%;min-width:320px;width:400px;margin:0;position:fixed;transform:none;border-radius:0;overflow:visible;& > ${Card.Surface}{border-radius:0;height:100%;}&:not([open]){display:block;}`;
-const leftDrawerStyles = css `${sideDrawerBaseStyles} inset:0 auto 0 0;`;
-const rightDrawerStyles = css `${sideDrawerBaseStyles} inset:0 0 0 auto;`;
-
-export { leftDrawerStyles, modalStyles, rightDrawerStyles };
-//# sourceMappingURL=modalTypeStyles.js.map

package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalTypeStyles.js","sources":["../../../../../../src/components/Modal/components/Dialog/styles/modalTypeStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { ModalVariants } from '../../../types';\nimport { Card } from '../../../../Card';\nimport { theme } from '../../../../../theme';\nimport { heightMap, widthMap } from '../constants';\n\nconst { breakpoints } = theme;\n\nexport const modalStyles = css<{ variant: ModalVariants }>`\n  min-width: 464px;\n\n  & > ${Card.Surface} {\n    max-height: ${({ variant }) => heightMap[variant]};\n  }\n\n  &:not([open]) {\n    display: block;\n    position: fixed;\n    inset: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  // ** Responsive Design ** //\n\n  // Tablet\n  @media (min-width: calc(${breakpoints.mobile} + 1px)) and (max-width: ${breakpoints.tablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.tablet][variant]};\n  }\n\n  // Lg Tablet\n  @media (min-width: ${breakpoints.tablet}) and (max-width: ${breakpoints.lgTablet}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgTablet][variant]};\n  }\n\n  // Desktop\n  @media (min-width: ${breakpoints.lgTablet}) and (max-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.desktop][variant]};\n  }\n\n  // Lg Desktop\n  @media (min-width: ${breakpoints.desktop}) {\n    max-width: ${({ variant }) => widthMap[breakpoints.lgDesktop][variant]};\n  }\n`;\n\nconst sideDrawerBaseStyles = css`\n  height: 100%;\n  max-height: 100%;\n  min-width: 320px;\n  width: 400px;\n  margin: 0;\n  position: fixed;\n  transform: none;\n  border-radius: 0;\n  overflow: visible;\n\n  & > ${Card.Surface} {\n    border-radius: 0;\n    height: 100%;\n  }\n\n  &:not([open]) {\n    display: block;\n  }\n`;\n\nexport const leftDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 auto 0 0;\n`;\n\nexport const rightDrawerStyles = css`\n  ${sideDrawerBaseStyles}\n  inset: 0 0 0 auto;\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAEtB,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA,oBAAA,EAGtB,IAAI,CAAC,OAAO,CAAA,YAAA,EACF,CAAC,EAAE,OAAO,EAAE,KAAK,SAAS,CAAC,OAAO,CAAC,CAAA,8GAAA,EAazB,WAAW,CAAC,MAAM,CAAA,wBAAA,EAA4B,WAAW,CAAC,MAAM,CAAA,YAAA,EAC3E,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIhD,WAAW,CAAC,MAAM,CAAA,iBAAA,EAAqB,WAAW,CAAC,QAAQ,CAAA,YAAA,EACjE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIlD,WAAW,CAAC,QAAQ,CAAA,iBAAA,EAAqB,WAAW,CAAC,OAAO,CAAA,YAAA,EAClE,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA,qBAAA,EAIjD,WAAW,CAAC,OAAO,CAAA,YAAA,EACzB,CAAC,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA,EAAA;AAI1E,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA,oIAAA,EAWxB,IAAI,CAAC,OAAO,6DAQnB;MAEY,gBAAgB,GAAG,GAAG,CAAA,CAAA,EAC/B,oBAAoB;MAIX,iBAAiB,GAAG,GAAG,CAAA,CAAA,EAChC,oBAAoB;;;;"}

package/dist/components/Modal/components/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Card = require('../../Card/Card.cjs');
-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 NonScrollableBody = styled.createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled__default.default.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${index.theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
-    `
-    & + ${Card.Card.Footer} {
-      box-shadow: 0px 10px 15px 0px ${index.theme.colors.neutral.ink.dark};
-    }
-  `}`;
-
-exports.MainSection = MainSection;
-exports.NonScrollableBody = NonScrollableBody;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":["createGlobalStyle","styled","theme","Card"],"mappings":";;;;;;;;;;AAIO,MAAM,iBAAiB,GAAGA,wBAAiB;AAO3C,MAAM,WAAW,GAAGC,uBAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAIrC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAA,WAAA,EAAcC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,EAChE,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAAC,SAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAAD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;;"}

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

@@ -1,5 +0,0 @@
-export declare const NonScrollableBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export declare const MainSection: import("styled-components").StyledComponent<"section", any, {
-    isScrollable: boolean;
-    fullBleed: boolean;
-}, never>;

package/dist/components/Modal/components/styled.js

@@ -1,14 +0,0 @@
-import styled, { createGlobalStyle } from 'styled-components';
-import { Card } from '../../Card/Card.js';
-import { theme } from '../../../theme/index.js';
-
-const NonScrollableBody = createGlobalStyle `body{overflow:hidden;scrollbar-gutter:stable;}`;
-const MainSection = styled.section.withConfig({ displayName: "vui--MainSection", componentId: "vui--1ox4j2c" }) `flex:1;overflow-y:auto;${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`} ${({ isScrollable }) => isScrollable &&
-    `
-    & + ${Card.Footer} {
-      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};
-    }
-  `}`;
-
-export { MainSection, NonScrollableBody };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Modal/components/styled.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components';\nimport { Card } from '../../Card';\nimport { theme } from '../../../theme';\n\nexport const NonScrollableBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n`;\n\nexport const MainSection = styled.section<{ isScrollable: boolean; fullBleed: boolean }>`\n  flex: 1;\n  overflow-y: auto;\n\n  ${({ fullBleed }) => !fullBleed && `padding: 0 ${theme.sizes.md};`}\n  ${({ isScrollable }) =>\n    isScrollable &&\n    `\n    & + ${Card.Footer} {\n      box-shadow: 0px 10px 15px 0px ${theme.colors.neutral.ink.dark};\n    }\n  `}\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,iBAAiB,GAAG,iBAAiB;AAO3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAIrC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAA,WAAA,EAAc,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,EAChE,CAAC,EAAE,YAAY,EAAE,KACjB,YAAY;AACZ,IAAA;AACM,QAAA,EAAA,IAAI,CAAC,MAAM,CAAA;AACiB,oCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;AAEhE,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Popover/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const PopoverDialog = styled__default.default.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled__default.default.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
-
-exports.Backdrop = Backdrop;
-exports.PopoverDialog = PopoverDialog;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;;"}

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

@@ -1,5 +0,0 @@
-import { BackdropProps } from './types';
-export declare const PopoverDialog: import("styled-components").StyledComponent<"dialog", any, {
-    zIndex: number;
-}, never>;
-export declare const Backdrop: import("styled-components").StyledComponent<"div", any, Pick<BackdropProps, "zIndex">, never>;

package/dist/components/Popover/styled.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const PopoverDialog = styled.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
-const Backdrop = styled.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
-
-export { Backdrop, PopoverDialog };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BackdropProps } from './types';\n\nexport const PopoverDialog = styled.dialog<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex + 1};\n\n  // Remove browser default styling of HTML Dialog.\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n`;\n\nexport const Backdrop = styled.div<Pick<BackdropProps, 'zIndex'>>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${({ zIndex }) => zIndex};\n`;\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAC7B,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAShC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}

package/dist/components/Tooltip/components/styled.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var framerMotion = require('framer-motion');
-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 Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
-const Triangle = styled__default.default.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--bq60f" }) `background-color:${index.theme.colors.neutral.ink.dark};height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:${index.theme.layers.tooltip};`;
-const Tip = styled__default.default(framerMotion.motion.div).attrs({
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.15 },
-}).withConfig({ displayName: "vui--Tip", componentId: "vui--1mrdz3b" }) `width:max-content;pointer-events:none;will-change:opacity,transform;&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
-const Wrap = styled__default.default(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--1q7vib9" }) `padding:${index.theme.sizes.base} ${index.theme.sizes[5]};overflow:hidden;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;color:#fff;border-radius:${index.theme.sizes.sm};box-shadow:${index.theme.shadows.base};background:${index.theme.colors.neutral.ink.dark};`;
-
-exports.Container = Container;
-exports.Tip = Tip;
-exports.Triangle = Triangle;
-exports.Wrap = Wrap;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../../theme';\n\nimport { TriangleProps, WrapProps } from './types';\n\nconst Container = styled.div`\n  display: inline-block;\n`;\n\nconst Triangle = styled.div`\n  background-color: ${theme.colors.neutral.ink.dark};\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: ${theme.layers.tooltip};\n`;\n\nconst Tip = styled(motion.div).attrs({\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n  transition: { duration: 0.15 },\n})<TriangleProps>`\n  width: max-content;\n  pointer-events: none;\n  will-change: opacity, transform;\n\n  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n    left: 8px;\n    bottom: 0px;\n  }\n  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n    right: 8px;\n    bottom: 0px;\n  }\n\n  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n    left: 8px;\n    top: -4px;\n  }\n  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n    right: 8px;\n    top: -4px;\n  }\n`;\n\nconst Wrap = styled(Container)<WrapProps>`\n  padding: ${theme.sizes.base} ${theme.sizes[5]};\n  overflow: hidden;\n  z-index: 10;\n\n  min-width: ${({ tipMinWidth }) => tipMinWidth}px;\n  max-width: ${({ tipMaxWidth }) => tipMaxWidth}px;\n\n  color: #fff;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.base};\n  background: ${theme.colors.neutral.ink.dark};\n`;\n\nexport { Container, Tip, Wrap, Triangle };\n"],"names":["styled","theme","motion"],"mappings":";;;;;;;;;;AAOA,MAAM,SAAS,GAAGA,uBAAM,CAAC,GAAG;AAI5B,MAAM,QAAQ,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACLC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,0EAAA,EAKtCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAA,CAAA;AAGjC,MAAM,GAAG,GAAGD,uBAAM,CAACE,mBAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACnC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/B,CAAA,CAAC;AAwBF,MAAM,IAAI,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EACjBC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,CAAA,EAAIA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,sCAAA,EAIhC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,aAAA,EAChC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,4BAAA,EAG5BA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjBA,WAAK,CAAC,OAAO,CAAC,IAAI,CAAA,YAAA,EAClBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;;;;;;;"}

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

@@ -1,19 +0,0 @@
-import { TriangleProps, WrapProps } from './types';
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Triangle: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const Tip: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
-    initial: {
-        opacity: number;
-    };
-    animate: {
-        opacity: number;
-    };
-    exit: {
-        opacity: number;
-    };
-    transition: {
-        duration: number;
-    };
-} & TriangleProps, "animate" | "initial" | "exit" | "transition">;
-declare const Wrap: import("styled-components").StyledComponent<"div", any, WrapProps, never>;
-export { Container, Tip, Wrap, Triangle };

package/dist/components/Tooltip/components/styled.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components';
-import { motion } from 'framer-motion';
-import { theme } from '../../../theme/index.js';
-
-const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
-const Triangle = styled.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--bq60f" }) `background-color:${theme.colors.neutral.ink.dark};height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:${theme.layers.tooltip};`;
-const Tip = styled(motion.div).attrs({
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.15 },
-}).withConfig({ displayName: "vui--Tip", componentId: "vui--1mrdz3b" }) `width:max-content;pointer-events:none;will-change:opacity,transform;&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
-const Wrap = styled(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--1q7vib9" }) `padding:${theme.sizes.base} ${theme.sizes[5]};overflow:hidden;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;color:#fff;border-radius:${theme.sizes.sm};box-shadow:${theme.shadows.base};background:${theme.colors.neutral.ink.dark};`;
-
-export { Container, Tip, Triangle, Wrap };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../../theme';\n\nimport { TriangleProps, WrapProps } from './types';\n\nconst Container = styled.div`\n  display: inline-block;\n`;\n\nconst Triangle = styled.div`\n  background-color: ${theme.colors.neutral.ink.dark};\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  transform: rotate(45deg);\n  z-index: ${theme.layers.tooltip};\n`;\n\nconst Tip = styled(motion.div).attrs({\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n  transition: { duration: 0.15 },\n})<TriangleProps>`\n  width: max-content;\n  pointer-events: none;\n  will-change: opacity, transform;\n\n  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n    left: 8px;\n    bottom: 0px;\n  }\n  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n    right: 8px;\n    bottom: 0px;\n  }\n\n  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n    left: 8px;\n    top: -4px;\n  }\n  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n    right: 8px;\n    top: -4px;\n  }\n`;\n\nconst Wrap = styled(Container)<WrapProps>`\n  padding: ${theme.sizes.base} ${theme.sizes[5]};\n  overflow: hidden;\n  z-index: 10;\n\n  min-width: ${({ tipMinWidth }) => tipMinWidth}px;\n  max-width: ${({ tipMaxWidth }) => tipMaxWidth}px;\n\n  color: #fff;\n  border-radius: ${theme.sizes.sm};\n  box-shadow: ${theme.shadows.base};\n  background: ${theme.colors.neutral.ink.dark};\n`;\n\nexport { Container, Tip, Wrap, Triangle };\n"],"names":[],"mappings":";;;;AAOA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG;AAI5B,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACL,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,0EAAA,EAKtC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAA,CAAA;AAGjC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACnC,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/B,CAAA,CAAC;AAwBF,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EACjB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,CAAA,EAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,sCAAA,EAIhC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,aAAA,EAChC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,4BAAA,EAG5B,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,YAAA,EACjB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAA,YAAA,EAClB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAA;;;;"}