@astral/ui 0.3.1-beta.5 → 0.3.1-beta.9

package/cjs/src/StylesCacheProvider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StylesCacheProvider = void 0;
+var react_1 = require("@emotion/react");
+Object.defineProperty(exports, "StylesCacheProvider", { enumerable: true, get: function () { return react_1.CacheProvider; } });

package/cjs/src/ThemeProvider/ThemeProvider.js

@@ -1,18 +1,23 @@
 "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.ThemeProvider = void 0;
-// import { FC } from 'react';
-var styles_1 = require("@mui/material/styles");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return styles_1.ThemeProvider; } });
-// import { CssBaseline } from '@mui/material';
-// // import { GlobalStyles } from '../GlobalStyles';
-// import { Theme } from '../theme';
-// type Props = { theme: Theme };
-// export const ThemeProvider: FC<Props> = ({ theme, children }) => {
-//   return (
-//     <MuiThemeProvider theme={theme}>
-//       <CssBaseline />
-//       {children}
-//     </MuiThemeProvider>
-//   );
-// };
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_1 = require("@emotion/react");
+var GlobalStyles_1 = require("../GlobalStyles");
+var ThemeProvider = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(react_1.ThemeProvider, __assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, {}, void 0), children] }), void 0) }), void 0));
+};
+exports.ThemeProvider = ThemeProvider;

package/cjs/src/{createCache → createStylesCache}/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCache = void 0;
+exports.createStylesCache = void 0;
 var cache_1 = require("@emotion/cache");
-Object.defineProperty(exports, "createCache", { enumerable: true, get: function () { return __importDefault(cache_1).default; } });
+Object.defineProperty(exports, "createStylesCache", { enumerable: true, get: function () { return __importDefault(cache_1).default; } });

package/cjs/src/index.js

@@ -10,9 +10,9 @@ 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("./createCache"), exports);
-__exportStar(require("./createEmotionServer"), exports);
-__exportStar(require("./CacheProvider"), exports);
+__exportStar(require("./createStylesCache"), exports);
+__exportStar(require("./createStylesServer"), exports);
+__exportStar(require("./StylesCacheProvider"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./ButtonBase"), exports);
 __exportStar(require("./IconButton"), exports);

package/esm/src/StylesCacheProvider/index.js

@@ -0,0 +1 @@
+export { CacheProvider as StylesCacheProvider } from '@emotion/react';

package/esm/src/ThemeProvider/ThemeProvider.js

@@ -1,14 +1,19 @@
-// import { FC } from 'react';
-export { ThemeProvider } from '@mui/material/styles';
-// import { CssBaseline } from '@mui/material';
-// // import { GlobalStyles } from '../GlobalStyles';
-// import { Theme } from '../theme';
-// type Props = { theme: Theme };
-// export const ThemeProvider: FC<Props> = ({ theme, children }) => {
-//   return (
-//     <MuiThemeProvider theme={theme}>
-//       <CssBaseline />
-//       {children}
-//     </MuiThemeProvider>
-//   );
-// };
+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 { ThemeProvider as MuiThemeProvider } from '@mui/material';
+import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
+import { GlobalStyles } from '../GlobalStyles';
+export var ThemeProvider = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return (_jsx(MuiThemeProvider, __assign({ theme: theme }, { children: _jsxs(EmotionThemeProvider, __assign({ theme: theme }, { children: [_jsx(GlobalStyles, {}, void 0), children] }), void 0) }), void 0));
+};

package/esm/src/createStylesCache/index.js

@@ -0,0 +1 @@
+export { default as createStylesCache } from '@emotion/cache';

package/esm/src/index.js

@@ -1,6 +1,6 @@
-export * from './createCache';
-export * from './createEmotionServer';
-export * from './CacheProvider';
+export * from './createStylesCache';
+export * from './createStylesServer';
+export * from './StylesCacheProvider';
 export * from './Button';
 export * from './ButtonBase';
 export * from './IconButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.3.1-beta.5",
+  "version": "0.3.1-beta.9",
   "type": "module",
   "source": "./src/index.ts",
   "jest": {

package/types/src/StylesCacheProvider/index.d.ts

@@ -0,0 +1 @@
+export { CacheProvider as StylesCacheProvider } from '@emotion/react';

package/types/src/ThemeProvider/ThemeProvider.d.ts

@@ -1 +1,7 @@
-export { ThemeProvider } from '@mui/material/styles';
+import { FC } from 'react';
+import { Theme } from '../theme';
+declare type Props = {
+    theme: Theme;
+};
+export declare const ThemeProvider: FC<Props>;
+export {};

package/types/src/createStylesCache/index.d.ts

@@ -0,0 +1,2 @@
+export { default as createStylesCache } from '@emotion/cache';
+export type { EmotionCache as StylesCache } from '@emotion/cache';

package/types/src/index.d.ts

@@ -1,6 +1,6 @@
-export * from './createCache';
-export * from './createEmotionServer';
-export * from './CacheProvider';
+export * from './createStylesCache';
+export * from './createStylesServer';
+export * from './StylesCacheProvider';
 export * from './Button';
 export * from './ButtonBase';
 export * from './IconButton';

package/cjs/src/CacheProvider/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CacheProvider = void 0;
-var react_1 = require("@emotion/react");
-Object.defineProperty(exports, "CacheProvider", { enumerable: true, get: function () { return react_1.CacheProvider; } });

package/esm/src/CacheProvider/index.js

@@ -1 +0,0 @@
-export { CacheProvider } from '@emotion/react';

package/esm/src/createCache/index.js

@@ -1 +0,0 @@
-export { default as createCache } from '@emotion/cache';

package/types/src/CacheProvider/index.d.ts

@@ -1 +0,0 @@
-export { CacheProvider } from '@emotion/react';

package/types/src/createCache/index.d.ts

@@ -1,2 +0,0 @@
-export { default as createCache } from '@emotion/cache';
-export type { EmotionCache } from '@emotion/cache';