@astral/ui 1.16.2 → 1.17.0

package/theme/components/MuiTabs.js

@@ -3,14 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTabs = void 0;
 exports.MuiTabs = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 minHeight: 38,
                 height: 38,
             };
         },
-        indicator: function (_a) {
-            var theme = _a.theme;
+        indicator({ theme }) {
             return {
                 borderRadius: theme.shape.small,
             };

package/theme/components/components.js

@@ -1,46 +1,75 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponents = void 0;
-var MuiAlert_1 = require("./MuiAlert");
-var MuiButton_1 = require("./MuiButton");
-var MuiButtonBase_1 = require("./MuiButtonBase");
-var MuiLoadingButton_1 = require("./MuiLoadingButton");
-var MuiInputBase_1 = require("./MuiInputBase");
-var MuiFormHelperText_1 = require("./MuiFormHelperText");
-var MuiFormLabel_1 = require("./MuiFormLabel");
-var MuiInputLabel_1 = require("./MuiInputLabel");
-var MuiOutlinedInput_1 = require("./MuiOutlinedInput");
-var MuiPaginationItem_1 = require("./MuiPaginationItem");
-var MuiTypography_1 = require("./MuiTypography");
-var MuiAutocomplete_1 = require("./MuiAutocomplete");
-var MuiDialog_1 = require("./MuiDialog");
-var MuiDialogTitle_1 = require("./MuiDialogTitle");
-var MuiDialogContent_1 = require("./MuiDialogContent");
-var MuiDialogActions_1 = require("./MuiDialogActions");
-var MuiTableCell_1 = require("./MuiTableCell");
-var MuiTableHead_1 = require("./MuiTableHead");
-var MuiTableRow_1 = require("./MuiTableRow");
-var MuiMenu_1 = require("./MuiMenu");
-var MuiMenuItem_1 = require("./MuiMenuItem");
-var MuiCircularProgress_1 = require("./MuiCircularProgress");
-var MuiListItemButton_1 = require("./MuiListItemButton");
-var MuiListItemText_1 = require("./MuiListItemText");
-var MuiTab_1 = require("./MuiTab");
-var MuiTabs_1 = require("./MuiTabs");
-var getMuiCssBaseline = function (fontUrls) { return ({
-    styleOverrides: "\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 300;\n      font-display: swap;\n      src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n    }\n    @font-face { \n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 400;\n      font-display: swap;\n      src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 500;\n      font-display: swap;\n      src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 700;\n      font-display: swap;\n      src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n    }\n  "),
-}); };
-var MuiCheckbox = {
+const MuiAlert_1 = require("./MuiAlert");
+const MuiButton_1 = require("./MuiButton");
+const MuiButtonBase_1 = require("./MuiButtonBase");
+const MuiLoadingButton_1 = require("./MuiLoadingButton");
+const MuiInputBase_1 = require("./MuiInputBase");
+const MuiFormHelperText_1 = require("./MuiFormHelperText");
+const MuiFormLabel_1 = require("./MuiFormLabel");
+const MuiInputLabel_1 = require("./MuiInputLabel");
+const MuiOutlinedInput_1 = require("./MuiOutlinedInput");
+const MuiPaginationItem_1 = require("./MuiPaginationItem");
+const MuiTypography_1 = require("./MuiTypography");
+const MuiAutocomplete_1 = require("./MuiAutocomplete");
+const MuiDialog_1 = require("./MuiDialog");
+const MuiDialogTitle_1 = require("./MuiDialogTitle");
+const MuiDialogContent_1 = require("./MuiDialogContent");
+const MuiDialogActions_1 = require("./MuiDialogActions");
+const MuiTableCell_1 = require("./MuiTableCell");
+const MuiTableHead_1 = require("./MuiTableHead");
+const MuiTableRow_1 = require("./MuiTableRow");
+const MuiMenu_1 = require("./MuiMenu");
+const MuiMenuItem_1 = require("./MuiMenuItem");
+const MuiCircularProgress_1 = require("./MuiCircularProgress");
+const MuiListItemButton_1 = require("./MuiListItemButton");
+const MuiListItemText_1 = require("./MuiListItemText");
+const MuiTab_1 = require("./MuiTab");
+const MuiTabs_1 = require("./MuiTabs");
+const getMuiCssBaseline = (fontUrls) => ({
+    styleOverrides: `
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 300;
+      font-display: swap;
+      src: url(${fontUrls.light.woff2}) format('woff2'), url(${fontUrls.light.woff}) format('woff');
+    }
+    @font-face { 
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 400;
+      font-display: swap;
+      src: url(${fontUrls.regular.woff2}) format('woff2'), url(${fontUrls.regular.woff}) format('woff');
+    }
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 500;
+      font-display: swap;
+      src: url(${fontUrls.medium.woff2}) format('woff2'), url(${fontUrls.medium.woff}) format('woff');
+    }
+    @font-face {
+      font-family: 'Ubuntu';
+      font-style: 'normal';
+      font-weight: 700;
+      font-display: swap;
+      src: url(${fontUrls.bold.woff2}) format('woff2'), url(${fontUrls.bold.woff}) format('woff');
+    }
+  `,
+});
+const MuiCheckbox = {
     defaultProps: {
         disableRipple: true,
     },
 };
-var MuiRadio = {
+const MuiRadio = {
     defaultProps: {
         disableRipple: true,
     },
 };
-var getComponents = function (fontUrls) { return ({
+const getComponents = (fontUrls) => ({
     MuiCssBaseline: getMuiCssBaseline(fontUrls),
     MuiAlert: MuiAlert_1.MuiAlert,
     MuiButton: MuiButton_1.MuiButton,
@@ -53,10 +82,10 @@ var getComponents = function (fontUrls) { return ({
     MuiFormLabel: MuiFormLabel_1.MuiFormLabel,
     MuiFormHelperText: MuiFormHelperText_1.MuiFormHelperText,
     MuiAutocomplete: MuiAutocomplete_1.MuiAutocomplete,
-    MuiCheckbox: MuiCheckbox,
+    MuiCheckbox,
     MuiMenu: MuiMenu_1.MuiMenu,
     MuiMenuItem: MuiMenuItem_1.MuiMenuItem,
-    MuiRadio: MuiRadio,
+    MuiRadio,
     MuiDialog: MuiDialog_1.MuiDialog,
     MuiDialogTitle: MuiDialogTitle_1.MuiDialogTitle,
     MuiDialogContent: MuiDialogContent_1.MuiDialogContent,
@@ -70,5 +99,5 @@ var getComponents = function (fontUrls) { return ({
     MuiListItemText: MuiListItemText_1.MuiListItemText,
     MuiTab: MuiTab_1.MuiTab,
     MuiTabs: MuiTabs_1.MuiTabs,
-}); };
+});
 exports.getComponents = getComponents;

package/theme/hooks/useTheme/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTheme = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // any необходим для коннекта темы
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var useTheme = function () { return (0, react_1.useTheme)(); };
+const useTheme = () => (0, react_1.useTheme)();
 exports.useTheme = useTheme;

package/theme/palette/brandPalette.js

@@ -1,9 +1,8 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.brandPalette = void 0;
-var constants_1 = require("../constants");
-var defaultBrandPalette = {
+const constants_1 = require("../constants");
+const defaultBrandPalette = {
     secondary: '#55B8F0',
     900: '#0F52B8',
     800: '#2165CC',
@@ -15,7 +14,7 @@ var defaultBrandPalette = {
     200: '#C5DCFF',
     100: '#E1EDFF',
 };
-var edoPalette = {
+const edoPalette = {
     secondary: '#5653FF',
     900: '#5D3FD4',
     800: '#6746EB',
@@ -27,7 +26,7 @@ var edoPalette = {
     200: '#E0D9FF',
     100: '#EFEBFF',
 };
-var kedoPalette = {
+const kedoPalette = {
     secondary: '#5653FF',
     900: '#5D3FD4',
     800: '#6746EB',
@@ -39,7 +38,7 @@ var kedoPalette = {
     200: '#E0D9FF',
     100: '#EFEBFF',
 };
-var ao5Palette = {
+const ao5Palette = {
     secondary: '#14A5D3',
     900: '#0068B2',
     800: '#0074C6',
@@ -51,7 +50,7 @@ var ao5Palette = {
     200: '#C1E2F8',
     100: '#DFF0FB',
 };
-var ofdPalette = {
+const ofdPalette = {
     secondary: '#22BDEE',
     900: '#1F78D6',
     800: '#2285EE',
@@ -63,7 +62,7 @@ var ofdPalette = {
     200: '#D1E7FF',
     100: '#E7F3FF',
 };
-var signPalette = {
+const signPalette = {
     secondary: '#4099AC',
     900: '#325D89',
     800: '#376798',
@@ -75,7 +74,7 @@ var signPalette = {
     200: '#D3E1EF',
     100: '#E8EFF7',
 };
-var lkpPalette = {
+const lkpPalette = {
     secondary: '#00BDB2',
     900: '#009E71',
     800: '#00B07E',
@@ -87,12 +86,12 @@ var lkpPalette = {
     200: '#CAF1E6',
     100: '#E3F8F2',
 };
-exports.brandPalette = (_a = {},
-    _a[constants_1.Brand.DEFAULT] = defaultBrandPalette,
-    _a[constants_1.Brand.AO5] = ao5Palette,
-    _a[constants_1.Brand.EDO] = edoPalette,
-    _a[constants_1.Brand.KEDO] = kedoPalette,
-    _a[constants_1.Brand.OFD] = ofdPalette,
-    _a[constants_1.Brand.SIGN] = signPalette,
-    _a[constants_1.Brand.LKP] = lkpPalette,
-    _a);
+exports.brandPalette = {
+    [constants_1.Brand.DEFAULT]: defaultBrandPalette,
+    [constants_1.Brand.AO5]: ao5Palette,
+    [constants_1.Brand.EDO]: edoPalette,
+    [constants_1.Brand.KEDO]: kedoPalette,
+    [constants_1.Brand.OFD]: ofdPalette,
+    [constants_1.Brand.SIGN]: signPalette,
+    [constants_1.Brand.LKP]: lkpPalette,
+};

package/theme/palette/palette.js

@@ -1,22 +1,10 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPalette = void 0;
-var constants_1 = require("../constants");
-var brandPalette_1 = require("./brandPalette");
-var getPalette = function (brand) {
-    if (brand === void 0) { brand = constants_1.Brand.DEFAULT; }
-    var brandColors = brandPalette_1.brandPalette[brand];
+const constants_1 = require("../constants");
+const brandPalette_1 = require("./brandPalette");
+const getPalette = (brand = constants_1.Brand.DEFAULT) => {
+    const brandColors = brandPalette_1.brandPalette[brand];
     return {
         red: {
             900: '#E64343',
@@ -51,7 +39,7 @@ var getPalette = function (brand) {
             200: '#FBE6CC',
             100: '#FEF3E6',
         },
-        primary: __assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
+        primary: Object.assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
         secondary: {
             main: brandColors.secondary,
             dark: brandColors[900],

package/theme/typography.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typography = exports.pxToRem = void 0;
-var HTML_FONT_SIZE = 14;
+const HTML_FONT_SIZE = 14;
 // Т.к. нет досутпа к теме, написал функцию для конвертации px в rem
-var pxToRem = function (fontSize, htmlFontSize) {
-    if (htmlFontSize === void 0) { htmlFontSize = HTML_FONT_SIZE; }
-    return "".concat(fontSize / htmlFontSize, "rem");
+const pxToRem = (fontSize, htmlFontSize = HTML_FONT_SIZE) => {
+    return `${fontSize / htmlFontSize}rem`;
 };
 exports.pxToRem = pxToRem;
 exports.typography = {

package/docs/Case/Case.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-declare type CaseProps = {
-    title: string;
-    descriptionList?: string[];
-    children: ReactNode;
-};
-export declare const Case: ({ title, descriptionList, children }: CaseProps) => JSX.Element;
-export {};

package/docs/Case/Case.js

@@ -1,31 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Case = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Typography_1 = require("../../Typography");
-var styles_1 = require("./styles");
-var Case = function (_a) {
-    var title = _a.title, _b = _a.descriptionList, descriptionList = _b === void 0 ? [] : _b, children = _a.children;
-    var subtitles = (0, react_1.useMemo)(function () {
-        return descriptionList === null || descriptionList === void 0 ? void 0 : descriptionList.map(function (text, index) { return ((0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ paragraph: true }, { children: text }), index)); });
-    }, [descriptionList]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.CaseWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ variant: "h5", paragraph: true }, { children: title })), subtitles, (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                    padding: '32px 0',
-                    background: '#FAFBFC',
-                    border: '1px solid #DDE2E8',
-                    borderRadius: 3,
-                } }, { children: children }))] }));
-};
-exports.Case = Case;

package/docs/Case/index.d.ts

@@ -1 +0,0 @@
-export * from './Case';

package/docs/Case/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Case"), exports);

package/docs/Case/styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const CaseWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/docs/Case/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CaseWrapper = void 0;
-var styles_1 = require("../../styles");
-exports.CaseWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: ", ";\n  margin-bottom: ", ";\n"], ["\n  margin-top: ", ";\n  margin-bottom: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(6);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(6);
-});
-var templateObject_1;

package/docs/ExampleTemplate/ExampleTemplate.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-declare type ExampleTemplateProps = {
-    children?: ReactNode;
-};
-export declare const ExampleTemplate: {
-    ({ children }: ExampleTemplateProps): JSX.Element;
-    Case: ({ title, descriptionList, children }: {
-        title: string;
-        descriptionList?: string[] | undefined;
-        children: ReactNode;
-    }) => JSX.Element;
-};
-export {};

package/docs/ExampleTemplate/ExampleTemplate.js

@@ -1,26 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleTemplate = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var Case_1 = require("../Case");
-var styles_1 = require("./styles");
-var ExampleTemplate = function (_a) {
-    var children = _a.children;
-    var theme = (0, material_1.useTheme)();
-    var matches = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsx)(styles_1.ExampleTemplateWrapper, __assign({ matches: matches }, { children: children })));
-};
-exports.ExampleTemplate = ExampleTemplate;
-exports.ExampleTemplate.Case = Case_1.Case;

package/docs/ExampleTemplate/index.d.ts

@@ -1 +0,0 @@
-export * from './ExampleTemplate';

package/docs/ExampleTemplate/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ExampleTemplate"), exports);

package/docs/ExampleTemplate/styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type ExampleTemplateWrapperProps = {
-    matches: boolean;
-};
-export declare const ExampleTemplateWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ExampleTemplateWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export {};

package/docs/ExampleTemplate/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleTemplateWrapper = void 0;
-var styles_1 = require("../../styles");
-exports.ExampleTemplateWrapper = styles_1.styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
-    var matches = _a.matches;
-    return (matches ? '100%' : '70%');
-});
-var templateObject_1;

package/docs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Case';
-export * from './ExampleTemplate';

package/docs/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Case"), exports);
-__exportStar(require("./ExampleTemplate"), exports);

package/esm/docs/Case/Case.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-declare type CaseProps = {
-    title: string;
-    descriptionList?: string[];
-    children: ReactNode;
-};
-export declare const Case: ({ title, descriptionList, children }: CaseProps) => JSX.Element;
-export {};

package/esm/docs/Case/Case.js

@@ -1,27 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Typography } from '../../Typography';
-import { CaseWrapper } from './styles';
-export var Case = function (_a) {
-    var title = _a.title, _b = _a.descriptionList, descriptionList = _b === void 0 ? [] : _b, children = _a.children;
-    var subtitles = useMemo(function () {
-        return descriptionList === null || descriptionList === void 0 ? void 0 : descriptionList.map(function (text, index) { return (_jsx(Typography, __assign({ paragraph: true }, { children: text }), index)); });
-    }, [descriptionList]);
-    return (_jsxs(CaseWrapper, { children: [_jsx(Typography, __assign({ variant: "h5", paragraph: true }, { children: title })), subtitles, _jsx("div", __assign({ style: {
-                    padding: '32px 0',
-                    background: '#FAFBFC',
-                    border: '1px solid #DDE2E8',
-                    borderRadius: 3,
-                } }, { children: children }))] }));
-};

package/esm/docs/Case/index.d.ts

@@ -1 +0,0 @@
-export * from './Case';

package/esm/docs/Case/index.js

@@ -1 +0,0 @@
-export * from './Case';

package/esm/docs/Case/styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const CaseWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/esm/docs/Case/styles.js

@@ -1,13 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../styles';
-export var CaseWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: ", ";\n  margin-bottom: ", ";\n"], ["\n  margin-top: ", ";\n  margin-bottom: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(6);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(6);
-});
-var templateObject_1;

package/esm/docs/ExampleTemplate/ExampleTemplate.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-declare type ExampleTemplateProps = {
-    children?: ReactNode;
-};
-export declare const ExampleTemplate: {
-    ({ children }: ExampleTemplateProps): JSX.Element;
-    Case: ({ title, descriptionList, children }: {
-        title: string;
-        descriptionList?: string[] | undefined;
-        children: ReactNode;
-    }) => JSX.Element;
-};
-export {};

package/esm/docs/ExampleTemplate/ExampleTemplate.js

@@ -1,22 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMediaQuery, useTheme } from '@mui/material';
-import { Case } from '../Case';
-import { ExampleTemplateWrapper } from './styles';
-export var ExampleTemplate = function (_a) {
-    var children = _a.children;
-    var theme = useTheme();
-    var matches = useMediaQuery(theme.breakpoints.down('sm'));
-    return (_jsx(ExampleTemplateWrapper, __assign({ matches: matches }, { children: children })));
-};
-ExampleTemplate.Case = Case;

package/esm/docs/ExampleTemplate/index.d.ts

@@ -1 +0,0 @@
-export * from './ExampleTemplate';

package/esm/docs/ExampleTemplate/index.js

@@ -1 +0,0 @@
-export * from './ExampleTemplate';

package/esm/docs/ExampleTemplate/styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare type ExampleTemplateWrapperProps = {
-    matches: boolean;
-};
-export declare const ExampleTemplateWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ExampleTemplateWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export {};

package/esm/docs/ExampleTemplate/styles.js

@@ -1,10 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { styled } from '../../styles';
-export var ExampleTemplateWrapper = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
-    var matches = _a.matches;
-    return (matches ? '100%' : '70%');
-});
-var templateObject_1;

package/esm/docs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Case';
-export * from './ExampleTemplate';

package/esm/docs/index.js

@@ -1,2 +0,0 @@
-export * from './Case';
-export * from './ExampleTemplate';