@veeqo/ui 14.9.0 → 14.10.0-beta-1

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n  display: inline-flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  background-color: white;\n  box-shadow: ${theme.shadows.md};\n  border-radius: ${theme.radius.base};\n  padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,mLAM7C,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,SAAA,EACvB,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/Grid/index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Grid = styled__default.default(BaseContainer.BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),
-}) `
-  display: grid;
-  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);
-  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes.sizes[spacing] : 0)};
-`;
-
-exports.Grid = Grid;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Grid/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { GridProps } from './types';\n\nexport const Grid = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),\n})<GridProps>`\n  display: grid;\n  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);\n  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};\n`;\n"],"names":["styled","BaseContainer","sizes"],"mappings":";;;;;;;;;;AAOO,MAAM,IAAI,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,UAAU,CAAC;AACnD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACpE,CAAA,CAAC,CAAW;;AAEqB,gCAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;cAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAGC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;"}

package/dist/components/Grid/index.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const Grid = styled(BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),
-}) `
-  display: grid;
-  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);
-  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};
-`;
-
-export { Grid };
-//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { GridProps } from './types';\n\nexport const Grid = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),\n})<GridProps>`\n  display: grid;\n  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);\n  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};\n`;\n"],"names":[],"mappings":";;;;AAOO,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AACnD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACpE,CAAA,CAAC,CAAW;;AAEqB,gCAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;cAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;"}

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

@@ -1,18 +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 Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
-const CommonImage = styled__default.default.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled__default.default.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled__default.default.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
-
-exports.CommonImage = CommonImage;
-exports.Container = Container;
-exports.PreviewImage = PreviewImage;
-exports.PreviewImageContainer = PreviewImageContainer;
-//# sourceMappingURL=styled.cjs.map

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/LegacyDataTable/SpecificState/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
-var Text = require('../../Text/Text.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SpecificStateContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${index.theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-exports.EllipseContainer = EllipseContainer;
-exports.SpecificStateContainer = SpecificStateContainer;
-exports.SubTitleText = SubTitleText;
-exports.TitleText = TitleText;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":["styled","BaseContainer","theme","Text"],"mappings":";;;;;;;;;;;AASA,MAAM,sBAAsB,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9BC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAGF,uBAAM,CAACG,SAAI,CAAC;AAI9B,MAAM,YAAY,GAAGH,uBAAM,CAACG,SAAI,CAAC;;;;;;;"}

package/dist/components/LegacyDataTable/SpecificState/styled.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-type SpecificStateContainerPropTypes = {
-    height: number;
-};
-declare const SpecificStateContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, SpecificStateContainerPropTypes, never>;
-declare const EllipseContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const TitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-declare const SubTitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };

package/dist/components/LegacyDataTable/SpecificState/styled.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-import { Text } from '../../Text/Text.js';
-
-const SpecificStateContainer = styled(BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled(BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled(Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled(Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-export { EllipseContainer, SpecificStateContainer, SubTitleText, TitleText };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/SpecificState/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;AAI9B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}

package/dist/components/LegacyDataTable/cells/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled__default.default.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${index.theme.sizes.base};border-radius:${index.theme.radius.base};&:hover{cursor:pointer;background-color:${index.theme.colors.secondary.blue.lightest};}`;
-
-exports.CellButton = CellButton;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/cells/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAAA;AAKO,MAAM,UAAU,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtBC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACdA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/cells/styled.d.ts

@@ -1 +0,0 @@
-export declare const CellButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/LegacyDataTable/cells/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${theme.sizes.base};border-radius:${theme.radius.base};&:hover{cursor:pointer;background-color:${theme.colors.secondary.blue.lightest};}`;
-
-export { CellButton };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/cells/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":[],"mappings":";;;AAAA;AAKO,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACd,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

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;;;;"}