mayak-common-library 0.0.21 → 0.0.23

package/dist/index.js

@@ -369,8 +369,8 @@ var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 var import_material5 = require("@mui/material");
-var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme }) => ({
-  borderRadius: theme.shape.borderRadius
+var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
+  borderRadius: theme2.shape.borderRadius
 }));
 var ChipViews = {
   black: "bg-accent-dark text-accent-white py-1.5 px-4",
@@ -442,7 +442,7 @@ var RadioGroup_default = CustomRadioGroup;
 // src/components/Switch/Switch.tsx
 var import_material7 = require("@mui/material");
 var import_Typography3 = __toESM(require("@mui/material/Typography"));
-var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme }) => ({
+var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
   padding: 0,
@@ -472,7 +472,7 @@ var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme }) =
     width: 20,
     height: 20,
     borderRadius: "100%",
-    transition: theme.transitions.create(["width"], {
+    transition: theme2.transitions.create(["width"], {
       duration: 200
     })
   },
@@ -631,7 +631,7 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-var MUIWrapperContext = (0, import_react6.createContext)({});
+var theme = (0, import_createTheme.default)(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
   const [{ cache, flush }] = (0, import_react6.useState)(() => {
@@ -656,10 +656,6 @@ function ThemeRegistry(props) {
     };
     return { cache: cache2, flush: flush2 };
   });
-  const theme = (0, import_react6.useMemo)(
-    () => (0, import_createTheme.default)(__spreadValues({}, _theme)),
-    []
-  );
   (0, import_navigation.useServerInsertedHTML)(() => {
     const names = flush();
     if (names.length === 0) return null;
@@ -678,7 +674,7 @@ function ThemeRegistry(props) {
       }
     );
   });
-  return /* @__PURE__ */ React.createElement(MUIWrapperContext.Provider, { value: {} }, /* @__PURE__ */ React.createElement(import_react7.CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(import_ThemeProvider.default, { theme }, /* @__PURE__ */ React.createElement(import_CssBaseline.default, null), children)));
+  return /* @__PURE__ */ React.createElement(import_react7.CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(import_ThemeProvider.default, { theme }, /* @__PURE__ */ React.createElement(import_CssBaseline.default, null), children));
 }
 
 // src/providers/Providers.tsx

package/dist/index.mjs

@@ -319,8 +319,8 @@ var SelectPro_default = SelectPro;
 
 // src/components/Chip/Chip.tsx
 import { Chip, styled as styled4 } from "@mui/material";
-var StyledChip = styled4(Chip)(({ theme }) => ({
-  borderRadius: theme.shape.borderRadius
+var StyledChip = styled4(Chip)(({ theme: theme2 }) => ({
+  borderRadius: theme2.shape.borderRadius
 }));
 var ChipViews = {
   black: "bg-accent-dark text-accent-white py-1.5 px-4",
@@ -392,7 +392,7 @@ var RadioGroup_default = CustomRadioGroup;
 // src/components/Switch/Switch.tsx
 import { Stack, styled as styled5, Switch as SwitchMUI } from "@mui/material";
 import Typography4 from "@mui/material/Typography";
-var Switch = styled5(SwitchMUI)(({ theme }) => ({
+var Switch = styled5(SwitchMUI)(({ theme: theme2 }) => ({
   width: 60,
   height: 30,
   padding: 0,
@@ -422,7 +422,7 @@ var Switch = styled5(SwitchMUI)(({ theme }) => ({
     width: 20,
     height: 20,
     borderRadius: "100%",
-    transition: theme.transitions.create(["width"], {
+    transition: theme2.transitions.create(["width"], {
       duration: 200
     })
   },
@@ -535,7 +535,7 @@ var FromToInput = ({ label }) => {
 var FromToInput_default = FromToInput;
 
 // src/theme/index.tsx
-import { createContext, useMemo, useState as useState3 } from "react";
+import { useState as useState3 } from "react";
 import createCache from "@emotion/cache";
 import { useServerInsertedHTML } from "next/navigation";
 import { CacheProvider } from "@emotion/react";
@@ -581,7 +581,7 @@ var _theme = {
 };
 
 // src/theme/index.tsx
-var MUIWrapperContext = createContext({});
+var theme = createTheme(__spreadValues({}, _theme));
 function ThemeRegistry(props) {
   const { children } = props;
   const [{ cache, flush }] = useState3(() => {
@@ -606,10 +606,6 @@ function ThemeRegistry(props) {
     };
     return { cache: cache2, flush: flush2 };
   });
-  const theme = useMemo(
-    () => createTheme(__spreadValues({}, _theme)),
-    []
-  );
   useServerInsertedHTML(() => {
     const names = flush();
     if (names.length === 0) return null;
@@ -628,7 +624,7 @@ function ThemeRegistry(props) {
       }
     );
   });
-  return /* @__PURE__ */ React.createElement(MUIWrapperContext.Provider, { value: {} }, /* @__PURE__ */ React.createElement(CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(ThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CssBaseline, null), children)));
+  return /* @__PURE__ */ React.createElement(CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(ThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CssBaseline, null), children));
 }
 
 // src/providers/Providers.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mayak-common-library",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",