@veeqo/ui 14.9.0-beta-2 → 14.9.1

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.toString()}{display:flex;flex-direction:column;${styled.MainSection}{padding-bottom:${index.theme.sizes.md};}${Card.Card.Footer.toString()}{margin-top:0;}}@media (max-width: ${({ variant }) => constants.fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Card.Surface.toString()}{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.toString()} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer.toString()} {\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.toString()} {\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,wCAGfC,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,CAAC,QAAQ,EAAE,CAAA,oCAAA,EAIzBC,kBAAW,mBACOH,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhCE,SAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA,mCAAA,EAKL,CAAC,EAAE,OAAO,EAAE,KAAKE,iCAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9DF,SAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;;"}

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.toString()}{display:flex;flex-direction:column;${MainSection}{padding-bottom:${theme.sizes.md};}${Card.Footer.toString()}{margin-top:0;}}@media (max-width: ${({ variant }) => fullScreenBreakpointMap[variant]}){margin:0;width:100%;max-width:100vw;max-height:100vh;&,& > ${Card.Surface.toString()}{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.toString()} {\n    display: flex;\n    flex-direction: column;\n\n    ${MainSection} {\n      padding-bottom: ${theme.sizes.md};\n    }\n\n    ${Card.Footer.toString()} {\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.toString()} {\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,wCAGf,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,CAAC,QAAQ,EAAE,CAAA,oCAAA,EAIzB,WAAW,mBACO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,EAGhC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAA,mCAAA,EAKL,CAAC,EAAE,OAAO,EAAE,KAAK,uBAAuB,CAAC,OAAO,CAAC,CAAA,6DAAA,EAO9D,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;;"}

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.toString()}{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.toString()}{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.toString()} {\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.toString()} {\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,CAAC,QAAQ,EAAE,CAAA,YAAA,EACb,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,CAAC,QAAQ,EAAE,CAAA,2DAAA,CAQ9B;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.toString()}{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.toString()}{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.toString()} {\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.toString()} {\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,CAAC,QAAQ,EAAE,CAAA,YAAA,EACb,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,CAAC,QAAQ,EAAE,CAAA,2DAAA,CAQ9B;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/SimpleTable/SimpleTable.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
-
-___$insertStyle("._table_d5624_1 {\n  width: 100%;\n  border-spacing: 0;\n}\n\n._header_d5624_6 {\n  background-color: white;\n}\n\n._body_d5624_10 tr:hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_d5624_14 {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_d5624_18 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n}\n._cell_d5624_18 > * {\n  vertical-align: middle;\n}\n\n._headerCell_d5624_33 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n}\n._headerCell_d5624_33 > * {\n  vertical-align: middle;\n}\n\n._striped_d5624_49 {\n  /* Hover must override striped even-row background.\n     Placed after :nth-child(even) rule so equal specificity wins by order. */\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even):hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}");
-var styles = {"table":"_table_d5624_1","header":"_header_d5624_6","body":"_body_d5624_10","row":"_row_d5624_14","cell":"_cell_d5624_18","headerCell":"_headerCell_d5624_33","striped":"_striped_d5624_49"};
-
-module.exports = styles;
-//# sourceMappingURL=SimpleTable.module.scss.cjs.map

package/dist/components/SimpleTable/SimpleTable.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleTable.module.scss.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n  width: 100%;\n  border-spacing: 0;\n}\n\n.header {\n  background-color: white;\n}\n\n.body {\n  tr:hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.row {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.striped {\n  .body tr:nth-child(even) td {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  /* Hover must override striped even-row background.\n     Placed after :nth-child(even) rule so equal specificity wins by order. */\n  .body tr:nth-child(even):hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+mDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}

package/dist/components/SimpleTable/SimpleTable.module.scss.js

@@ -1,7 +0,0 @@
-import insertStyle from '../../_virtual/____insertStyle.js';
-
-insertStyle("._table_d5624_1 {\n  width: 100%;\n  border-spacing: 0;\n}\n\n._header_d5624_6 {\n  background-color: white;\n}\n\n._body_d5624_10 tr:hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_d5624_14 {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_d5624_18 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n}\n._cell_d5624_18 > * {\n  vertical-align: middle;\n}\n\n._headerCell_d5624_33 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n}\n._headerCell_d5624_33 > * {\n  vertical-align: middle;\n}\n\n._striped_d5624_49 {\n  /* Hover must override striped even-row background.\n     Placed after :nth-child(even) rule so equal specificity wins by order. */\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even):hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}");
-var styles = {"table":"_table_d5624_1","header":"_header_d5624_6","body":"_body_d5624_10","row":"_row_d5624_14","cell":"_cell_d5624_18","headerCell":"_headerCell_d5624_33","striped":"_striped_d5624_49"};
-
-export { styles as default };
-//# sourceMappingURL=SimpleTable.module.scss.js.map

package/dist/components/SimpleTable/SimpleTable.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleTable.module.scss.js","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n  width: 100%;\n  border-spacing: 0;\n}\n\n.header {\n  background-color: white;\n}\n\n.body {\n  tr:hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.row {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.striped {\n  .body tr:nth-child(even) td {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  /* Hover must override striped even-row background.\n     Placed after :nth-child(even) rule so equal specificity wins by order. */\n  .body tr:nth-child(even):hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+mDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}

package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var Toast = require('./Toast.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-const ToastTransitionItem = ({ toast, last, minWidth, className, e2eClassName, onClose, }) => {
-    const nodeRef = React.useRef(null);
-    return (React__default.default.createElement(reactTransitionGroup.CSSTransition, { nodeRef: nodeRef, timeout: 500, classNames: "veeqo-components-toast" },
-        React__default.default.createElement(Toast.Toast, { ref: nodeRef, className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: last, onClose: onClose, type: toast.type, text: toast.text, iconSlot: toast.iconSlot, cta: toast.cta })));
-};
-
-exports.ToastTransitionItem = ToastTransitionItem;
-//# sourceMappingURL=ToastTransitionItem.cjs.map

package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastTransitionItem.cjs","sources":["../../../../src/components/ToastsLayout/components/ToastTransitionItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { Toast } from './Toast';\nimport { Notification } from '../types';\n\ninterface ToastTransitionItemProps {\n  toast: Notification;\n  last: boolean;\n  minWidth: number | string;\n  className?: string;\n  e2eClassName?: string;\n  onClose: () => void;\n}\n\nexport const ToastTransitionItem = ({\n  toast,\n  last,\n  minWidth,\n  className,\n  e2eClassName,\n  onClose,\n}: ToastTransitionItemProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <CSSTransition nodeRef={nodeRef} timeout={500} classNames=\"veeqo-components-toast\">\n      <Toast\n        ref={nodeRef}\n        className={className}\n        e2eClassName={e2eClassName}\n        minWidth={minWidth}\n        last={last}\n        onClose={onClose}\n        type={toast.type}\n        text={toast.text}\n        iconSlot={toast.iconSlot}\n        cta={toast.cta}\n      />\n    </CSSTransition>\n  );\n};\n"],"names":["useRef","React","CSSTransition","Toast"],"mappings":";;;;;;;;;;AAcO,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,GACkB,KAAI;AAC7B,IAAA,MAAM,OAAO,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,kCAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;QAChFD,sBAAA,CAAA,aAAA,CAACE,WAAK,EAAA,EACJ,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,CACd,CACY;AAEpB;;;;"}

package/dist/components/ToastsLayout/components/ToastTransitionItem.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Notification } from '../types';
-interface ToastTransitionItemProps {
-    toast: Notification;
-    last: boolean;
-    minWidth: number | string;
-    className?: string;
-    e2eClassName?: string;
-    onClose: () => void;
-}
-export declare const ToastTransitionItem: ({ toast, last, minWidth, className, e2eClassName, onClose, }: ToastTransitionItemProps) => React.JSX.Element;
-export {};

package/dist/components/ToastsLayout/components/ToastTransitionItem.js

@@ -1,12 +0,0 @@
-import React__default, { useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { Toast } from './Toast.js';
-
-const ToastTransitionItem = ({ toast, last, minWidth, className, e2eClassName, onClose, }) => {
-    const nodeRef = useRef(null);
-    return (React__default.createElement(CSSTransition, { nodeRef: nodeRef, timeout: 500, classNames: "veeqo-components-toast" },
-        React__default.createElement(Toast, { ref: nodeRef, className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: last, onClose: onClose, type: toast.type, text: toast.text, iconSlot: toast.iconSlot, cta: toast.cta })));
-};
-
-export { ToastTransitionItem };
-//# sourceMappingURL=ToastTransitionItem.js.map

package/dist/components/ToastsLayout/components/ToastTransitionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastTransitionItem.js","sources":["../../../../src/components/ToastsLayout/components/ToastTransitionItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { Toast } from './Toast';\nimport { Notification } from '../types';\n\ninterface ToastTransitionItemProps {\n  toast: Notification;\n  last: boolean;\n  minWidth: number | string;\n  className?: string;\n  e2eClassName?: string;\n  onClose: () => void;\n}\n\nexport const ToastTransitionItem = ({\n  toast,\n  last,\n  minWidth,\n  className,\n  e2eClassName,\n  onClose,\n}: ToastTransitionItemProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <CSSTransition nodeRef={nodeRef} timeout={500} classNames=\"veeqo-components-toast\">\n      <Toast\n        ref={nodeRef}\n        className={className}\n        e2eClassName={e2eClassName}\n        minWidth={minWidth}\n        last={last}\n        onClose={onClose}\n        type={toast.type}\n        text={toast.text}\n        iconSlot={toast.iconSlot}\n        cta={toast.cta}\n      />\n    </CSSTransition>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAcO,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,GACkB,KAAI;AAC7B,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;QAChFA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,CACd,CACY;AAEpB;;;;"}