@shopito/design-system 1.0.101

package/dist/cjs/stories/Header.js

@@ -0,0 +1,29 @@
+"use strict";
+exports.__esModule = true;
+exports.Header = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Button_1 = require("./Button");
+require("./header.css");
+var Header = function (_a) {
+    var user = _a.user, onLogin = _a.onLogin, onLogout = _a.onLogout, onCreateAccount = _a.onCreateAccount;
+    return (react_1["default"].createElement("header", null,
+        react_1["default"].createElement("div", { className: "storybook-header" },
+            react_1["default"].createElement("div", null,
+                react_1["default"].createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1["default"].createElement("g", { fill: "none", fillRule: "evenodd" },
+                        react_1["default"].createElement("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
+                        react_1["default"].createElement("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
+                        react_1["default"].createElement("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" }))),
+                react_1["default"].createElement("h1", null, "Acme")),
+            react_1["default"].createElement("div", null, user ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+                react_1["default"].createElement("span", { className: "welcome" },
+                    "Welcome, ",
+                    react_1["default"].createElement("b", null, user.name),
+                    "!"),
+                react_1["default"].createElement(Button_1.Button, { size: "small", onClick: onLogout, label: "Log out" }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                react_1["default"].createElement(Button_1.Button, { size: "small", onClick: onLogin, label: "Log in" }),
+                react_1["default"].createElement(Button_1.Button, { primary: true, size: "small", onClick: onCreateAccount, label: "Sign up" })))))));
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/stories/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"https://my-website.com/debug/source/","sources":["stories/Header.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,mCAAkC;AAClC,wBAAsB;AAaf,IAAM,MAAM,GAAG,UAAC,EAAyD;QAAvD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA;IAAoB,OAAA,CACnF;QACE,0CAAK,SAAS,EAAC,kBAAkB;YAC/B;gBACE,0CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBAChF,wCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;wBAC/B,2CACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,MAAM,GACX;wBACF,2CACE,CAAC,EAAC,kEAAkE,EACpE,IAAI,EAAC,SAAS,GACd;wBACF,2CACE,CAAC,EAAC,gEAAgE,EAClE,IAAI,EAAC,SAAS,GACd,CACA,CACA;gBACN,oDAAa,CACT;YACN,8CACG,IAAI,CAAC,CAAC,CAAC,CACN;gBACE,2CAAM,SAAS,EAAC,SAAS;;oBACd,4CAAI,IAAI,CAAC,IAAI,CAAK;wBACtB;gBACP,iCAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACzD,CACJ,CAAC,CAAC,CAAC,CACF;gBACE,iCAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,QAAQ,GAAG;gBACxD,iCAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAG,CACxE,CACJ,CACG,CACF,CACC,CACV;AAvCoF,CAuCpF,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}

package/dist/cjs/stories/Header.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/cjs/stories/Header.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+exports.__esModule = true;
+exports.LoggedOut = exports.LoggedIn = void 0;
+var test_1 = require("@storybook/test");
+var Header_1 = require("./Header");
+var meta = {
+    title: 'Example/Header',
+    component: Header_1.Header,
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+    tags: ['autodocs'],
+    parameters: {
+        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+        layout: 'fullscreen'
+    },
+    args: {
+        onLogin: (0, test_1.fn)(),
+        onLogout: (0, test_1.fn)(),
+        onCreateAccount: (0, test_1.fn)()
+    }
+};
+exports["default"] = meta;
+exports.LoggedIn = {
+    args: {
+        user: {
+            name: 'Jane Doe'
+        }
+    }
+};
+exports.LoggedOut = {};
+//# sourceMappingURL=Header.stories.js.map

package/dist/cjs/stories/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["stories/Header.stories.ts"],"names":[],"mappings":";;;AACA,wCAAqC;AAErC,mCAAkC;AAElC,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,eAAM;IACjB,0HAA0H;IAC1H,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,2FAA2F;QAC3F,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAA,SAAE,GAAE;QACb,QAAQ,EAAE,IAAA,SAAE,GAAE;QACd,eAAe,EAAE,IAAA,SAAE,GAAE;KACtB;CAC4B,CAAC;AAEhC,qBAAe,IAAI,CAAC;AAGP,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;SACjB;KACF;CACF,CAAC;AAEW,QAAA,SAAS,GAAU,EAAE,CAAC"}

package/dist/cjs/stories/Page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './page.css';
+export declare const Page: React.FC;

package/dist/cjs/stories/Page.js

@@ -0,0 +1,43 @@
+"use strict";
+exports.__esModule = true;
+exports.Page = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Header_1 = require("./Header");
+require("./page.css");
+var Page = function () {
+    var _a = react_1["default"].useState(), user = _a[0], setUser = _a[1];
+    return (react_1["default"].createElement("article", null,
+        react_1["default"].createElement(Header_1.Header, { user: user, onLogin: function () { return setUser({ name: 'Jane Doe' }); }, onLogout: function () { return setUser(undefined); }, onCreateAccount: function () { return setUser({ name: 'Jane Doe' }); } }),
+        react_1["default"].createElement("section", { className: "storybook-page" },
+            react_1["default"].createElement("h2", null, "Pages in Storybook"),
+            react_1["default"].createElement("p", null,
+                "We recommend building UIs with a",
+                ' ',
+                react_1["default"].createElement("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer" },
+                    react_1["default"].createElement("strong", null, "component-driven")),
+                ' ',
+                "process starting with atomic components and ending with pages."),
+            react_1["default"].createElement("p", null, "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"),
+            react_1["default"].createElement("ul", null,
+                react_1["default"].createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"),
+                react_1["default"].createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook.")),
+            react_1["default"].createElement("p", null,
+                "Get a guided tutorial on component-driven development at",
+                ' ',
+                react_1["default"].createElement("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer" }, "Storybook tutorials"),
+                ". Read more in the",
+                ' ',
+                react_1["default"].createElement("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer" }, "docs"),
+                "."),
+            react_1["default"].createElement("div", { className: "tip-wrapper" },
+                react_1["default"].createElement("span", { className: "tip" }, "Tip"),
+                " Adjust the width of the canvas with the",
+                ' ',
+                react_1["default"].createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1["default"].createElement("g", { fill: "none", fillRule: "evenodd" },
+                        react_1["default"].createElement("path", { d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z", id: "a", fill: "#999" }))),
+                "Viewports addon in the toolbar"))));
+};
+exports.Page = Page;
+//# sourceMappingURL=Page.js.map

package/dist/cjs/stories/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"https://my-website.com/debug/source/","sources":["stories/Page.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,mCAAkC;AAClC,sBAAoB;AAMb,IAAM,IAAI,GAAa;IACtB,IAAA,KAAkB,kBAAK,CAAC,QAAQ,EAAQ,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C,OAAO,CACL;QACE,iCAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAA7B,CAA6B,EAC5C,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,SAAS,CAAC,EAAlB,CAAkB,EAClC,eAAe,EAAE,cAAM,OAAA,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAA7B,CAA6B,GACpD;QAEF,8CAAS,SAAS,EAAC,gBAAgB;YACjC,kEAA2B;YAC3B;;gBACmC,GAAG;gBACpC,wCAAG,IAAI,EAAC,6BAA6B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;oBAC7E,oEAAiC,CAC/B;gBAAC,GAAG;iFAEN;YACJ,iPAII;YACJ;gBACE,0KAGK;gBACL,wJAGK,CACF;YACL;;gBAC2D,GAAG;gBAC5D,wCAAG,IAAI,EAAC,qCAAqC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,0BAEnF;;gBACe,GAAG;gBACtB,wCAAG,IAAI,EAAC,+BAA+B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,WAE7E;oBAEF;YACJ,0CAAK,SAAS,EAAC,aAAa;gBAC1B,2CAAM,SAAS,EAAC,KAAK,UAAW;;gBAAyC,GAAG;gBAC5E,0CAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBAChF,wCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;wBAC/B,2CACE,CAAC,EAAC,sOAAsO,EACxO,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,GACX,CACA,CACA;iDAEF,CACE,CACF,CACX,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,IAAI,QA+Df"}

package/dist/cjs/stories/Page.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<{}>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/dist/cjs/stories/Page.stories.js

@@ -0,0 +1,47 @@
+"use strict";
+exports.__esModule = true;
+exports.LoggedIn = exports.LoggedOut = void 0;
+var tslib_1 = require("tslib");
+var test_1 = require("@storybook/test");
+var Page_1 = require("./Page");
+var meta = {
+    title: 'Example/Page',
+    component: Page_1.Page,
+    parameters: {
+        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+        layout: 'fullscreen'
+    }
+};
+exports["default"] = meta;
+exports.LoggedOut = {};
+// More on component testing: https://storybook.js.org/docs/writing-tests/component-testing
+exports.LoggedIn = {
+    play: function (_a) {
+        var canvasElement = _a.canvasElement;
+        return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var canvas, loginButton, logoutButton;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        canvas = (0, test_1.within)(canvasElement);
+                        loginButton = canvas.getByRole('button', { name: /Log in/i });
+                        return [4 /*yield*/, (0, test_1.expect)(loginButton).toBeInTheDocument()];
+                    case 1:
+                        _b.sent();
+                        return [4 /*yield*/, test_1.userEvent.click(loginButton)];
+                    case 2:
+                        _b.sent();
+                        return [4 /*yield*/, (0, test_1.expect)(loginButton).not.toBeInTheDocument()];
+                    case 3:
+                        _b.sent();
+                        logoutButton = canvas.getByRole('button', { name: /Log out/i });
+                        return [4 /*yield*/, (0, test_1.expect)(logoutButton).toBeInTheDocument()];
+                    case 4:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+};
+//# sourceMappingURL=Page.stories.js.map

package/dist/cjs/stories/Page.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["stories/Page.stories.ts"],"names":[],"mappings":";;;;AACA,wCAA4D;AAE5D,+BAA8B;AAE9B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAI;IACf,UAAU,EAAE;QACV,2FAA2F;QAC3F,MAAM,EAAE,YAAY;KACrB;CAC0B,CAAC;AAE9B,qBAAe,IAAI,CAAC;AAGP,QAAA,SAAS,GAAU,EAAE,CAAC;AAEnC,2FAA2F;AAC9E,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,UAAO,EAAiB;YAAf,aAAa,mBAAA;;;;;;wBACpB,MAAM,GAAG,IAAA,aAAM,EAAC,aAAa,CAAC,CAAC;wBAC/B,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;wBACpE,qBAAM,IAAA,aAAM,EAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,EAAA;;wBAA7C,SAA6C,CAAC;wBAC9C,qBAAM,gBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,EAAA;;wBAAlC,SAAkC,CAAC;wBACnC,qBAAM,IAAA,aAAM,EAAC,WAAW,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAA;;wBAAjD,SAAiD,CAAC;wBAE5C,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;wBACtE,qBAAM,IAAA,aAAM,EAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,EAAA;;wBAA9C,SAA8C,CAAC;;;;;KAChD;CACF,CAAC"}

package/dist/cjs/theme/breakpoints.d.ts

@@ -0,0 +1,10 @@
+declare const breakpoints: {
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+};
+export default breakpoints;

package/dist/cjs/theme/breakpoints.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+var breakpoints = {
+    values: {
+        xs: 0,
+        sm: 600,
+        md: 960,
+        lg: 1280,
+        xl: 1440
+    }
+};
+exports["default"] = breakpoints;
+//# sourceMappingURL=breakpoints.js.map

package/dist/cjs/theme/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"https://my-website.com/debug/source/","sources":["theme/breakpoints.ts"],"names":[],"mappings":";;AAAA,IAAM,WAAW,GAAG;IAClB,MAAM,EAAE;QACN,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;KACT;CACF,CAAC;AAEF,qBAAe,WAAW,CAAC"}

package/dist/cjs/theme/components.d.ts

@@ -0,0 +1,404 @@
+declare const components: {
+    MuiGrid: {
+        styleOverrides: {
+            root: {
+                marginTop: number;
+                '&.MuiGrid-item': {
+                    paddingTop: string;
+                };
+            };
+        };
+    };
+    MuiButtonBase: {
+        defaultProps: {
+            disableRipple: boolean;
+        };
+    };
+    MuiTypography: {
+        styleOverrides: {
+            root: {
+                '&:is(strong)': {
+                    fontWeight: string;
+                };
+            };
+        };
+    };
+    MuiLink: {
+        defaultProps: {
+            underline: string;
+        };
+        styleOverrides: {
+            root: {
+                cursor: string;
+            };
+        };
+    };
+    MuiImageListItem: {
+        styleOverrides: {
+            root: {
+                border: string;
+                padding: string;
+            };
+        };
+    };
+    MuiImageListItemBar: {
+        styleOverrides: {
+            root: {
+                margin: string;
+            };
+            actionIcon: {
+                display: string;
+            };
+            titleWrap: {
+                padding: number;
+            };
+            title: {
+                paddingTop: string;
+            };
+        };
+    };
+    MuiCard: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+                borderRadius: string;
+                border: ({ theme }: any) => string;
+            };
+        };
+    };
+    MuiCardHeader: {
+        defaultProps: {
+            titleTypographyProps: {
+                variant: string;
+            };
+        };
+        styleOverrides: {
+            action: {
+                marginTop: string;
+                marginRight: string;
+            };
+        };
+    };
+    MuiCardContent: {
+        styleOverrides: {
+            root: {
+                '&:last-child': {
+                    paddingBottom: string;
+                };
+            };
+        };
+    };
+    MuiCardActions: {
+        styleOverrides: {
+            root: {
+                padding: string;
+                paddintTop: string;
+            };
+        };
+    };
+    MuiTableRow: {
+        styleOverrides: {
+            root: {
+                '&:last-child td, &:last-child th': {
+                    borderBottom: ({ theme }: any) => string;
+                };
+            };
+        };
+    };
+    MuiTableCell: {
+        styleOverrides: {
+            root: {
+                ':not(:first-of-type):not(:last-of-type)': {
+                    paddingLeft: string;
+                    paddingRight: string;
+                };
+                '& > svg': {
+                    width: string;
+                    height: string;
+                    marginTop: string;
+                    marginBottom: string;
+                };
+            };
+            sizeMedium: {
+                lineHeight: string;
+                padding: string;
+                height: string;
+            };
+            sizeSmall: {
+                padding: string;
+                height: string;
+            };
+        };
+    };
+    MuiTableHead: {
+        styleOverrides: {
+            root: {
+                '& th': {
+                    height: string;
+                };
+                '& th p': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiTableFooter: {
+        styleOverrides: {
+            root: {
+                '& td': {
+                    borderBottom: string;
+                };
+            };
+        };
+    };
+    MuiPaper: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+            };
+        };
+    };
+    MuiPickersDay: {
+        styleOverrides: {
+            day: {
+                fontWeight: string;
+            };
+        };
+    };
+    MuiPickersYear: {
+        styleOverrides: {
+            root: {
+                height: string;
+            };
+        };
+    };
+    MuiPickersCalendar: {
+        styleOverrides: {
+            transitionContainer: {
+                marginTop: string;
+            };
+        };
+    };
+    MuiPickersCalendarHeader: {
+        styleOverrides: {
+            iconButton: {
+                backgroundColor: string;
+                '& > *': {
+                    backgroundColor: string;
+                };
+            };
+            switchHeader: {
+                marginTop: string;
+                marginBottom: string;
+            };
+        };
+    };
+    MuiPickersClock: {
+        styleOverrides: {
+            container: {
+                margin: string;
+            };
+        };
+    };
+    MuiPickersClockNumber: {
+        styleOverrides: {
+            clockNumber: {
+                left: string;
+                width: string;
+                height: string;
+            };
+        };
+    };
+    MuiPickerDTHeader: {
+        styleOverrides: {
+            dateHeader: {
+                '& h4': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+            timeHeader: {
+                '& h3': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiPickersTimePicker: {
+        styleOverrides: {
+            hourMinuteLabel: {
+                '& h2': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiPickersToolbar: {
+        styleOverrides: {
+            toolbar: {
+                '& h4': {
+                    fontSize: string;
+                    fontWeight: number;
+                };
+            };
+        };
+    };
+    MuiChip: {
+        styleOverrides: {
+            root: {
+                borderRadius: string;
+            };
+        };
+    };
+    MuiFormControl: {
+        defaultProps: {
+            fullWidth: boolean;
+        };
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+            };
+        };
+    };
+    MuiFormControlLabel: {
+        styleOverrides: {
+            root: {
+                margin: number;
+            };
+        };
+    };
+    MuiFormLabel: {
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+                fontSize: string;
+            };
+        };
+    };
+    MuiFormHelperText: {
+        styleOverrides: {
+            root: {
+                marginTop: string;
+                marginBottom: string;
+            };
+        };
+    };
+    MuiRadio: {
+        defaultProps: {
+            size: string;
+        };
+        styleOverrides: {
+            root: {
+                paddingTop: string;
+                paddingBottom: string;
+            };
+        };
+    };
+    MuiTextField: {
+        defaultProps: {
+            color: string;
+            variant: string;
+            size: string;
+            autoComplete: string;
+        };
+        styleOverrides: {
+            root: {
+                marginBottom: string;
+            };
+        };
+    };
+    MuiAutocomplete: {
+        styleOverrides: {
+            smallSize: {
+                paddingTop: string;
+                paddingLeft: string;
+                paddingBottom: string;
+            };
+            tag: {
+                margin: string;
+                padding: number;
+                height: string;
+                borderRadius: string;
+            };
+        };
+    };
+    MuiCheckbox: {
+        defaultProps: {
+            size: string;
+        };
+    };
+    MuiSwitch: {
+        styleOverrides: {
+            thumb: {
+                boxShadow: string;
+            };
+        };
+    };
+    MuiDialog: {
+        defaultProps: {
+            maxWidth: string;
+            fullWidth: boolean;
+            PaperProps: {
+                sx: {
+                    m: number;
+                    p: number;
+                };
+            };
+        };
+        styleOverrides: {
+            root: {
+                padding: string;
+            };
+        };
+    };
+    MuiDialogTitle: {
+        defaultProps: {
+            variant: string;
+        };
+        styleOverrides: {
+            root: {
+                padding: number;
+                paddingBottom: number;
+            };
+        };
+    };
+    MuiDialogContent: {
+        styleOverrides: {
+            root: {
+                padding: number;
+            };
+        };
+    };
+    MuiDialogActions: {
+        styleOverrides: {
+            root: {
+                textAlign: string;
+                padding: number;
+                paddingTop: number;
+            };
+        };
+    };
+    MuiAlert: {
+        styleOverrides: {
+            root: {
+                backgroundImage: string;
+                boxShadow: string;
+                borderRadius: string;
+                marginBottom: string;
+            };
+            colorAlert: {
+                '& a': {
+                    color: string;
+                    fontWeight: string;
+                    textDecoration: string;
+                };
+            };
+        };
+    };
+};
+export default components;