@mantine/emotion 8.3.8 → 8.3.9

package/cjs/index.cjs

@@ -4,6 +4,7 @@ var react = require('@emotion/react');
 var createStyles = require('./create-styles.cjs');
 var emotionTransform = require('./emotion-transform.cjs');
 var Global = require('./Global.cjs');
+var mergeSx = require('./merge-sx.cjs');
 var MantineEmotionProvider = require('./MantineEmotionProvider.cjs');
 var useCss = require('./use-css.cjs');
 var ssr = require('./ssr.cjs');
@@ -19,6 +20,7 @@ exports.getHelpers = createStyles.getHelpers;
 exports.getStylesRef = createStyles.getStylesRef;
 exports.emotionTransform = emotionTransform.emotionTransform;
 exports.Global = Global.Global;
+exports.mergeSx = mergeSx.mergeSx;
 exports.EmotionCacheContext = MantineEmotionProvider.EmotionCacheContext;
 exports.MantineEmotionProvider = MantineEmotionProvider.MantineEmotionProvider;
 exports.useEmotionCache = MantineEmotionProvider.useEmotionCache;

package/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/merge-sx.cjs

@@ -0,0 +1,17 @@
+'use client';
+'use strict';
+
+function mergeSx(...sxs) {
+  return (theme, params) => {
+    return sxs.filter(Boolean).reduce((merged, sx) => {
+      const cssObj = typeof sx === "function" ? sx(theme, params) : sx;
+      return {
+        ...merged,
+        ...cssObj || {}
+      };
+    }, {});
+  };
+}
+
+exports.mergeSx = mergeSx;
+//# sourceMappingURL=merge-sx.cjs.map

package/cjs/merge-sx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-sx.cjs","sources":["../src/merge-sx.ts"],"sourcesContent":["import type { MantineTheme } from '@mantine/core';\nimport { EmotionHelpers } from './create-styles';\nimport { CSSObject, EmotionSx } from './types';\n\nexport function mergeSx(...sxs: (EmotionSx | undefined)[]) {\n  return (theme: MantineTheme, params: EmotionHelpers) => {\n    return sxs.filter(Boolean).reduce<CSSObject>((merged, sx) => {\n      const cssObj = typeof sx === 'function' ? sx(theme, params) : sx;\n      return {\n        ...merged,\n        ...(cssObj || {}),\n      };\n    }, {});\n  };\n}\n"],"names":[],"mappings":";;;AAIO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,CAAA,CAAA,CAAA,CAAgC,CAAA;AACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,GAAqB,MAAA,CAAA,CAAA,CAAA,CAAA,CAA2B,CAAA;AACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,EAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,EAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAC3D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAa,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,GAAI,CAAA,CAAA,CAAA;AAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAAI,UAAU,CAAA,CAAA;AAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjB,CAAA;AAAA,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA;AAAA,CAAA,CACP,CAAA,CAAA;AACF,CAAA;;"}

package/esm/index.mjs

@@ -2,6 +2,7 @@ export { keyframes } from '@emotion/react';
 export { createStyles, getHelpers, getStylesRef } from './create-styles.mjs';
 export { emotionTransform } from './emotion-transform.mjs';
 export { Global } from './Global.mjs';
+export { mergeSx } from './merge-sx.mjs';
 export { EmotionCacheContext, MantineEmotionProvider, useEmotionCache } from './MantineEmotionProvider.mjs';
 export { cssFactory, useCss } from './use-css.mjs';
 export { ServerStyles, createGetInitialProps, getSSRStyles } from './ssr.mjs';

package/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/esm/merge-sx.mjs

@@ -0,0 +1,15 @@
+'use client';
+function mergeSx(...sxs) {
+  return (theme, params) => {
+    return sxs.filter(Boolean).reduce((merged, sx) => {
+      const cssObj = typeof sx === "function" ? sx(theme, params) : sx;
+      return {
+        ...merged,
+        ...cssObj || {}
+      };
+    }, {});
+  };
+}
+
+export { mergeSx };
+//# sourceMappingURL=merge-sx.mjs.map

package/esm/merge-sx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-sx.mjs","sources":["../src/merge-sx.ts"],"sourcesContent":["import type { MantineTheme } from '@mantine/core';\nimport { EmotionHelpers } from './create-styles';\nimport { CSSObject, EmotionSx } from './types';\n\nexport function mergeSx(...sxs: (EmotionSx | undefined)[]) {\n  return (theme: MantineTheme, params: EmotionHelpers) => {\n    return sxs.filter(Boolean).reduce<CSSObject>((merged, sx) => {\n      const cssObj = typeof sx === 'function' ? sx(theme, params) : sx;\n      return {\n        ...merged,\n        ...(cssObj || {}),\n      };\n    }, {});\n  };\n}\n"],"names":[],"mappings":";AAIO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,CAAA,CAAA,CAAA,CAAgC,CAAA;AACzD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAA,CAAA,GAAqB,MAAA,CAAA,CAAA,CAAA,CAAA,CAA2B,CAAA;AACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,EAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,EAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAC3D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAa,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,GAAI,CAAA,CAAA,CAAA;AAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACL,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAAI,UAAU,CAAA,CAAA;AAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjB,CAAA;AAAA,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA;AAAA,CAAA,CACP,CAAA,CAAA;AACF,CAAA;;"}

package/lib/index.d.mts

@@ -2,6 +2,7 @@ export { keyframes } from '@emotion/react';
 export * from './create-styles';
 export * from './emotion-transform';
 export * from './Global';
+export * from './merge-sx';
 export * from './MantineEmotionProvider';
 export * from './use-css';
 export * from './types';

package/lib/index.d.ts

@@ -2,6 +2,7 @@ export { keyframes } from '@emotion/react';
 export * from './create-styles';
 export * from './emotion-transform';
 export * from './Global';
+export * from './merge-sx';
 export * from './MantineEmotionProvider';
 export * from './use-css';
 export * from './types';

package/lib/merge-sx.d.ts

@@ -0,0 +1,4 @@
+import type { MantineTheme } from '@mantine/core';
+import { EmotionHelpers } from './create-styles';
+import { CSSObject, EmotionSx } from './types';
+export declare function mergeSx(...sxs: (EmotionSx | undefined)[]): (theme: MantineTheme, params: EmotionHelpers) => CSSObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/emotion",
-  "version": "8.3.8",
+  "version": "8.3.9",
   "description": "Emotion bindings for Mantine",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "@emotion/react": "^11.11.4",
     "@emotion/serialize": "^1.1.4",
     "@emotion/utils": "^1.2.1",
-    "@mantine/core": "8.3.8",
-    "@mantine/hooks": "8.3.8",
+    "@mantine/core": "8.3.9",
+    "@mantine/hooks": "8.3.9",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },