@janbox/storefront-ui 1.0.12 → 1.0.13

package/dist/lib/notifications/helpers.d.ts

@@ -12,6 +12,7 @@ export type NotificationAtomValue = {
 };
 export declare const notificationStore: {
     getSnapshot: () => NotificationAtomValue;
+    getServerSnapshot: () => NotificationAtomValue;
     subscribe: (listener: () => void) => () => boolean;
     setState: (updater: (prev: NotificationAtomValue) => NotificationAtomValue) => void;
 };

package/dist/lib/notifications/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/notifications/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,iBAAiB;;0BAEN,MAAM,IAAI;wBAIZ,CAAC,IAAI,EAAE,qBAAqB,KAAK,qBAAqB;CAI3E,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAE9D,eAAO,MAAM,gBAAgB;wBAExB,CAAC,SAAS,wBAAwB,4CAA4C,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI;CAqBlG,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/notifications/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,iBAAiB;;;0BAGN,MAAM,IAAI;wBAIZ,CAAC,IAAI,EAAE,qBAAqB,KAAK,qBAAqB;CAI3E,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAE9D,eAAO,MAAM,gBAAgB;wBAExB,CAAC,SAAS,wBAAwB,4CAA4C,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI;CAqBlG,CAAC"}

package/dist/lib/notifications/helpers.js

@@ -6,6 +6,7 @@ let _state = { entries: [] };
 const _listeners = /* @__PURE__ */ new Set();
 const notificationStore = {
   getSnapshot: () => _state,
+  getServerSnapshot: () => _state,
   subscribe: (listener) => {
     _listeners.add(listener);
     return () => _listeners.delete(listener);

package/dist/lib/notifications/notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../src/lib/notifications/notifications.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,wDA4BzB,CAAC"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../src/lib/notifications/notifications.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,wDAgCzB,CAAC"}

package/dist/lib/notifications/notifications.js

@@ -9,7 +9,11 @@ import { FLOATING_Z_INDEX } from "../../theme/index.js";
 import { mediaQuery } from "../../theme/screens.js";
 import { getTypographyVar } from "../../theme/typography.js";
 const Notifications = () => {
-  const { entries } = useSyncExternalStore(notificationStore.subscribe, notificationStore.getSnapshot);
+  const { entries } = useSyncExternalStore(
+    notificationStore.subscribe,
+    notificationStore.getSnapshot,
+    notificationStore.getServerSnapshot
+  );
   return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
     "div",
     {

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
 export * from './screens';
 export * from './palette';
 export * from './typography';
-export * from './css-baseline';
+export * from './provider';
 export declare const FLOATING_Z_INDEX = 9999;
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,eAAO,MAAM,gBAAgB,OAAO,CAAC"}

package/dist/theme/index.js

@@ -1,11 +1,11 @@
 import { breakpoint, getSmallerScreens, mediaQuery, screens } from "./screens.js";
 import { getColorVar, groupedColors, paletteVars, parseColor } from "./palette.js";
 import { getSmallerTypographyVariants, getTypographyVar, typographyVars } from "./typography.js";
-import { CssBaseline } from "./css-baseline.js";
+import { ThemeProvider } from "./provider.js";
 const FLOATING_Z_INDEX = 9999;
 export {
-  CssBaseline,
   FLOATING_Z_INDEX,
+  ThemeProvider,
   breakpoint,
   getColorVar,
   getSmallerScreens,

package/dist/theme/provider.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@emotion/react';
+import { PropsWithChildren } from 'react';
+export type ThemeProviderProps = PropsWithChildren<{
+    theme: Theme;
+}>;
+export declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=provider.d.ts.map

package/dist/theme/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/theme/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,EAAwD,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,wBAAyB,kBAAkB,qDAOpE,CAAC"}

package/dist/theme/{css-baseline.js → provider.js}

@@ -1,12 +1,14 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useTheme, Global } from "@emotion/react";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { ThemeProvider as ThemeProvider$1, Global } from "@emotion/react";
 import { getColorVar } from "./palette.js";
 import { flatten } from "flat";
 import { flatMap } from "lodash-es";
 import { getTypographyVar } from "./typography.js";
-const CssBaseline = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Global, { styles: createGlobalStyle(theme) });
+const ThemeProvider = ({ theme, children }) => {
+  return /* @__PURE__ */ jsxs(ThemeProvider$1, { theme, children: [
+    /* @__PURE__ */ jsx(Global, { styles: createGlobalStyle(theme) }),
+    children
+  ] });
 };
 const createGlobalStyle = ({ palette, typography }) => {
   const flattenPalette = flatten(palette);
@@ -291,5 +293,5 @@ const createGlobalStyle = ({ palette, typography }) => {
   };
 };
 export {
-  CssBaseline
+  ThemeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [

package/dist/theme/css-baseline.d.ts

@@ -1,2 +0,0 @@
-export declare const CssBaseline: () => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=css-baseline.d.ts.map

package/dist/theme/css-baseline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-baseline.d.ts","sourceRoot":"","sources":["../../src/theme/css-baseline.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,wDAIvB,CAAC"}