@szymonpiatek/designsystem 0.0.3 → 0.0.5

package/dist/ssr/EmotionRegistry.cjs

@@ -0,0 +1,71 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var navigation = require('next/navigation');
+var react = require('@emotion/react');
+var createCache = require('@emotion/cache');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var createCache__default = /*#__PURE__*/_interopDefault(createCache);
+
+function EmotionRegistry({ children }) {
+  const [{ cache, flush }] = React__namespace.useState(() => {
+    const c = createCache__default.default({ key: "css", prepend: true });
+    c.compat = true;
+    const prevInsert = c.insert.bind(c);
+    let inserted = [];
+    c.insert = (...args) => {
+      const serialized = args[1];
+      if (c.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return prevInsert(...args);
+    };
+    return {
+      cache: c,
+      flush: () => {
+        const s = inserted;
+        inserted = [];
+        return s;
+      }
+    };
+  });
+  navigation.useServerInsertedHTML(() => {
+    const names = flush();
+    if (!names.length) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "style",
+      {
+        "data-emotion": `${cache.key} ${names.join(" ")}`,
+        dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cache, children });
+}
+
+exports.EmotionRegistry = EmotionRegistry;
+//# sourceMappingURL=EmotionRegistry.cjs.map
+//# sourceMappingURL=EmotionRegistry.cjs.map

package/dist/ssr/EmotionRegistry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/EmotionRegistry.tsx"],"names":["React","createCache","useServerInsertedHTML","jsx","CacheProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAkC;AAC3E,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,OAAO,CAAA,GAAUA,0BAAS,MAAM;AAC9C,IAAA,MAAM,IAAIC,4BAAA,CAAY,EAAE,KAAK,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AACnD,IAAA,CAAA,CAAE,MAAA,GAAS,IAAA;AACX,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA;AAClC,IAAA,IAAI,WAAqB,EAAC;AAC1B,IAAA,CAAA,CAAE,MAAA,GAAS,IAAI,IAAA,KAAsC;AACnD,MAAA,MAAM,UAAA,GAAa,KAAK,CAAC,CAAA;AACzB,MAAA,IAAI,CAAA,CAAE,QAAA,CAAS,UAAA,CAAW,IAAI,MAAM,MAAA,EAAW;AAC7C,QAAA,QAAA,CAAS,IAAA,CAAK,WAAW,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,UAAA,CAAW,GAAG,IAAI,CAAA;AAAA,IAC3B,CAAA;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA;AAAA,MACP,OAAO,MAAM;AACX,QAAA,MAAM,CAAA,GAAI,QAAA;AACV,QAAA,QAAA,GAAW,EAAC;AACZ,QAAA,OAAO,CAAA;AAAA,MACT;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AAED,EAAAC,gCAAA,CAAsB,MAAM;AAC1B,IAAA,MAAM,QAAQ,KAAA,EAAM;AACpB,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAC1B,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,GAAG,KAAA,CAAM,GAAG,IAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QAC7C,uBAAA,EAAyB,EAAE,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAC,CAAA,KAAM,KAAA,CAAM,QAAA,CAAS,CAAC,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE;AAAA,KAClF;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBAAOA,cAAA,CAACC,mBAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EAAQ,QAAA,EAAS,CAAA;AAChD","file":"EmotionRegistry.cjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\n\nexport function EmotionRegistry({ children }: { children: React.ReactNode }) {\n  const [{ cache, flush }] = React.useState(() => {\n    const c = createCache({ key: 'css', prepend: true });\n    c.compat = true;\n    const prevInsert = c.insert.bind(c);\n    let inserted: string[] = [];\n    c.insert = (...args: Parameters<typeof c.insert>) => {\n      const serialized = args[1];\n      if (c.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name);\n      }\n      return prevInsert(...args);\n    };\n    return {\n      cache: c,\n      flush: () => {\n        const s = inserted;\n        inserted = [];\n        return s;\n      },\n    };\n  });\n\n  useServerInsertedHTML(() => {\n    const names = flush();\n    if (!names.length) return null;\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{ __html: names.map((n) => cache.inserted[n]).join('') }}\n      />\n    );\n  });\n\n  return <CacheProvider value={cache}>{children}</CacheProvider>;\n}\n"]}

package/dist/ssr/EmotionRegistry.js

@@ -0,0 +1,46 @@
+'use client';
+import * as React from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { CacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { jsx } from 'react/jsx-runtime';
+
+function EmotionRegistry({ children }) {
+  const [{ cache, flush }] = React.useState(() => {
+    const c = createCache({ key: "css", prepend: true });
+    c.compat = true;
+    const prevInsert = c.insert.bind(c);
+    let inserted = [];
+    c.insert = (...args) => {
+      const serialized = args[1];
+      if (c.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return prevInsert(...args);
+    };
+    return {
+      cache: c,
+      flush: () => {
+        const s = inserted;
+        inserted = [];
+        return s;
+      }
+    };
+  });
+  useServerInsertedHTML(() => {
+    const names = flush();
+    if (!names.length) return null;
+    return /* @__PURE__ */ jsx(
+      "style",
+      {
+        "data-emotion": `${cache.key} ${names.join(" ")}`,
+        dangerouslySetInnerHTML: { __html: names.map((n) => cache.inserted[n]).join("") }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children });
+}
+
+export { EmotionRegistry };
+//# sourceMappingURL=EmotionRegistry.js.map
+//# sourceMappingURL=EmotionRegistry.js.map

package/dist/ssr/EmotionRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/EmotionRegistry.tsx"],"names":[],"mappings":";;;;;;AAMO,SAAS,eAAA,CAAgB,EAAE,QAAA,EAAS,EAAkC;AAC3E,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,OAAO,CAAA,GAAU,eAAS,MAAM;AAC9C,IAAA,MAAM,IAAI,WAAA,CAAY,EAAE,KAAK,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AACnD,IAAA,CAAA,CAAE,MAAA,GAAS,IAAA;AACX,IAAA,MAAM,UAAA,GAAa,CAAA,CAAE,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA;AAClC,IAAA,IAAI,WAAqB,EAAC;AAC1B,IAAA,CAAA,CAAE,MAAA,GAAS,IAAI,IAAA,KAAsC;AACnD,MAAA,MAAM,UAAA,GAAa,KAAK,CAAC,CAAA;AACzB,MAAA,IAAI,CAAA,CAAE,QAAA,CAAS,UAAA,CAAW,IAAI,MAAM,MAAA,EAAW;AAC7C,QAAA,QAAA,CAAS,IAAA,CAAK,WAAW,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,UAAA,CAAW,GAAG,IAAI,CAAA;AAAA,IAC3B,CAAA;AACA,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA;AAAA,MACP,OAAO,MAAM;AACX,QAAA,MAAM,CAAA,GAAI,QAAA;AACV,QAAA,QAAA,GAAW,EAAC;AACZ,QAAA,OAAO,CAAA;AAAA,MACT;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,qBAAA,CAAsB,MAAM;AAC1B,IAAA,MAAM,QAAQ,KAAA,EAAM;AACpB,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAC1B,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,GAAG,KAAA,CAAM,GAAG,IAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,QAC7C,uBAAA,EAAyB,EAAE,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAC,CAAA,KAAM,KAAA,CAAM,QAAA,CAAS,CAAC,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE;AAAA,KAClF;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EAAQ,QAAA,EAAS,CAAA;AAChD","file":"EmotionRegistry.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\n\nexport function EmotionRegistry({ children }: { children: React.ReactNode }) {\n  const [{ cache, flush }] = React.useState(() => {\n    const c = createCache({ key: 'css', prepend: true });\n    c.compat = true;\n    const prevInsert = c.insert.bind(c);\n    let inserted: string[] = [];\n    c.insert = (...args: Parameters<typeof c.insert>) => {\n      const serialized = args[1];\n      if (c.inserted[serialized.name] === undefined) {\n        inserted.push(serialized.name);\n      }\n      return prevInsert(...args);\n    };\n    return {\n      cache: c,\n      flush: () => {\n        const s = inserted;\n        inserted = [];\n        return s;\n      },\n    };\n  });\n\n  useServerInsertedHTML(() => {\n    const names = flush();\n    if (!names.length) return null;\n    return (\n      <style\n        data-emotion={`${cache.key} ${names.join(' ')}`}\n        dangerouslySetInnerHTML={{ __html: names.map((n) => cache.inserted[n]).join('') }}\n      />\n    );\n  });\n\n  return <CacheProvider value={cache}>{children}</CacheProvider>;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szymonpiatek/designsystem",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Szymon Piątek - Design System",
   "license": "UNLICENSED",
   "private": false,
@@ -13,6 +13,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./ssr": {
+      "types": "./dist/ssr/EmotionRegistry.d.ts",
+      "import": "./dist/ssr/EmotionRegistry.js",
+      "require": "./dist/ssr/EmotionRegistry.cjs"
     }
   },
   "files": [
@@ -36,17 +41,29 @@
     "prepublishOnly": "npm run lint && npm run test && npm run clean && npm run build"
   },
   "peerDependencies": {
+    "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.0 || ^6.0.0",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^9.0.0",
+    "@mui/material": "^5.15.0 || ^6.0.0 || ^9.0.0",
+    "next": ">=14",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@emotion/cache": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@eslint/js": "^9.15.0",
-    "@mui/material": "^5.16.7",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.0",
     "@storybook/addon-a11y": "^10.4.1",
     "@storybook/addon-docs": "^10.4.1",
     "@storybook/addon-links": "^10.4.1",