@join-x5/react-provider-next 1.0.0-rc

package/dist/ThemeProviderNext.d.ts

@@ -0,0 +1,21 @@
+import { ThemeName, ThemeProps, PropsWithChildren } from '@join-x5/react-theme';
+type ThemeProviderNextProps = {
+    /** Путь к шрифтам X5 Sans
+     *
+     * также требуется скопировать из репозитория шрифты, и добавить в public/${fontsPath}
+     */
+    fontsPath?: string;
+    /** Тема */
+    themeName?: ThemeName | `${ThemeName}`;
+    /** Свойства темы
+     *
+     * Используется если не подошла палитра из themeName
+     */
+    themeProps?: ThemeProps;
+} & PropsWithChildren;
+/** Тема, совместима с Next.js (для не ssr используйте ThemeProvider)
+ *
+ * добавляет SnackbarProvider
+ */
+export declare const ThemeProviderNext: React.FC<ThemeProviderNextProps>;
+export {};

package/dist/ThemeProviderNext.es.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsxs as s, jsx as h } from "@emotion/react/jsx-runtime";
+import { ThemeProvider as i, Global as n } from "@emotion/react";
+import { ThemeName as f, themes as p } from "@join-x5/react-theme";
+import { getFonts as d } from "./fonts/index.es.js";
+const P = (t) => {
+  const {
+    children: o,
+    fontsPath: e,
+    themeProps: r,
+    themeName: m = f.Base
+  } = t;
+  return /* @__PURE__ */ s(i, { theme: r ?? p[m], children: [
+    typeof e < "u" && /* @__PURE__ */ h(n, { styles: d(e) }),
+    o
+  ] });
+};
+export {
+  P as ThemeProviderNext
+};
+//# sourceMappingURL=ThemeProviderNext.es.js.map

package/dist/ThemeProviderNext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProviderNext.es.js","sources":["../src/ThemeProviderNext.tsx"],"sourcesContent":["'use client';\n\nimport {Global, ThemeProvider as BaseThemeProvider} from '@emotion/react';\n\nimport {ThemeName, themes} from '@join-x5/react-theme';\n\nimport {getFonts} from './fonts';\n\nimport type {ThemeProps, PropsWithChildren} from '@join-x5/react-theme';\n\ntype ThemeProviderNextProps = {\n  /** Путь к шрифтам X5 Sans\n   *\n   * также требуется скопировать из репозитория шрифты, и добавить в public/${fontsPath}\n   */\n  fontsPath?: string;\n\n  /** Тема */\n  themeName?: ThemeName;\n\n  /** Свойства темы\n   *\n   * Используется если не подошла палитра из themeName\n   */\n  themeProps?: ThemeProps;\n} & PropsWithChildren;\n\n/** Тема, совместима с Next.js (для не ssr используйте ThemeProvider)\n *\n * добавляет SnackbarProvider\n */\nexport const ThemeProviderNext: React.FC<ThemeProviderNextProps> = props => {\n  const {children, fontsPath, themeProps, themeName = ThemeName.Base} = props;\n\n  return (\n    <BaseThemeProvider theme={themeProps ?? themes[themeName]}>\n      {typeof fontsPath !== 'undefined' && <Global styles={getFonts(fontsPath)} />}\n      {children}\n    </BaseThemeProvider>\n  );\n};\n"],"names":["children","fontsPath","themeProps","Base"],"mappings":";;;;;AA+BO;AACC;AAAA;AAACA;AAAUC;AAAWC;AAAkCC;AAE9D;AAEK;AAA2E;AAC3EH;AAGP;;;;"}

package/dist/fonts/index.d.ts

@@ -0,0 +1 @@
+export declare const getFonts: (path: string) => import('@emotion/react').SerializedStyles;

package/dist/fonts/index.es.js

@@ -0,0 +1,6 @@
+import { css as b } from "@emotion/react";
+const c = (o) => /* @__PURE__ */ b("@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:400;font-display:swap;src:url(", o, "/X5-Sans-UI_Regular.woff2) format('woff2'),url(", o, "/X5-Sans-UI_Regular.woff) format('woff');}@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:500;font-display:swap;src:url(", o, "/X5-Sans-UI_Medium.woff) format('woff2'),url(", o, "/X5-Sans-UI_Medium.woff2) format('woff');}@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:700;font-display:swap;src:url(", o, "/X5-Sans-UI_Bold.woff) format('woff2'),url(", o, "/X5-Sans-UI_Bold.woff2) format('woff');}" + (process.env.NODE_ENV === "production" ? "" : ";label:getFonts;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3Byb3ZpZGVyLW5leHQvc3JjL2ZvbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU2QyIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9wcm92aWRlci1uZXh0L3NyYy9mb250cy9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBnZXRGb250cyA9IChwYXRoOiBzdHJpbmcpID0+IGNzc2BcbiAgQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdYNSBTYW5zIFVJJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBmb250LWRpc3BsYXk6IHN3YXA7XG4gICAgc3JjOlxuICAgICAgdXJsKCR7cGF0aH0vWDUtU2Fucy1VSV9SZWd1bGFyLndvZmYyKSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX1JlZ3VsYXIud29mZikgZm9ybWF0KCd3b2ZmJyk7XG4gIH1cblxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1g1IFNhbnMgVUknO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICBzcmM6XG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX01lZGl1bS53b2ZmKSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX01lZGl1bS53b2ZmMikgZm9ybWF0KCd3b2ZmJyk7XG4gIH1cblxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1g1IFNhbnMgVUknO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICBzcmM6XG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX0JvbGQud29mZikgZm9ybWF0KCd3b2ZmMicpLFxuICAgICAgdXJsKCR7cGF0aH0vWDUtU2Fucy1VSV9Cb2xkLndvZmYyKSBmb3JtYXQoJ3dvZmYnKTtcbiAgfVxuYDtcbiJdfQ== */");
+export {
+  c as getFonts
+};
+//# sourceMappingURL=index.es.js.map

package/dist/fonts/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/fonts/index.ts"],"sourcesContent":["import {css} from '@emotion/react';\n\nexport const getFonts = (path: string) => css`\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Regular.woff2) format('woff2'),\n      url(${path}/X5-Sans-UI_Regular.woff) format('woff');\n  }\n\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 500;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Medium.woff) format('woff2'),\n      url(${path}/X5-Sans-UI_Medium.woff2) format('woff');\n  }\n\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Bold.woff) format('woff2'),\n      url(${path}/X5-Sans-UI_Bold.woff2) format('woff');\n  }\n`;\n"],"names":["getFonts","path","css","process","env","NODE_ENV"],"mappings":";AAEO,MAAMA,IAAWA,CAACC,MAAiBC,gBAAAA,EAO9BD,oGAAAA,GACAA,mDAAAA,iJASAA,GAAI,iDACJA,GAAI,8IASJA,GAAI,+CACJA,GAAI,8CAAAE,QAAAC,IAAAC,sDAAAF,QAAAC,IAAAC,aAEf,eAAA,KAAA,y+CAAA;"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),m=require("@join-x5/react-theme"),f=o=>t.css("@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:400;font-display:swap;src:url(",o,"/X5-Sans-UI_Regular.woff2) format('woff2'),url(",o,"/X5-Sans-UI_Regular.woff) format('woff');}@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:500;font-display:swap;src:url(",o,"/X5-Sans-UI_Medium.woff) format('woff2'),url(",o,"/X5-Sans-UI_Medium.woff2) format('woff');}@font-face{font-family:'X5 Sans UI';font-style:normal;font-weight:700;font-display:swap;src:url(",o,"/X5-Sans-UI_Bold.woff) format('woff2'),url(",o,"/X5-Sans-UI_Bold.woff2) format('woff');}"+(process.env.NODE_ENV==="production"?"":";label:getFonts;"),process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3Byb3ZpZGVyLW5leHQvc3JjL2ZvbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU2QyIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9wcm92aWRlci1uZXh0L3NyYy9mb250cy9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBnZXRGb250cyA9IChwYXRoOiBzdHJpbmcpID0+IGNzc2BcbiAgQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdYNSBTYW5zIFVJJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBmb250LWRpc3BsYXk6IHN3YXA7XG4gICAgc3JjOlxuICAgICAgdXJsKCR7cGF0aH0vWDUtU2Fucy1VSV9SZWd1bGFyLndvZmYyKSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX1JlZ3VsYXIud29mZikgZm9ybWF0KCd3b2ZmJyk7XG4gIH1cblxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1g1IFNhbnMgVUknO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICBzcmM6XG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX01lZGl1bS53b2ZmKSBmb3JtYXQoJ3dvZmYyJyksXG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX01lZGl1bS53b2ZmMikgZm9ybWF0KCd3b2ZmJyk7XG4gIH1cblxuICBAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1g1IFNhbnMgVUknO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICBzcmM6XG4gICAgICB1cmwoJHtwYXRofS9YNS1TYW5zLVVJX0JvbGQud29mZikgZm9ybWF0KCd3b2ZmMicpLFxuICAgICAgdXJsKCR7cGF0aH0vWDUtU2Fucy1VSV9Cb2xkLndvZmYyKSBmb3JtYXQoJ3dvZmYnKTtcbiAgfVxuYDtcbiJdfQ== */"),l=o=>{const{children:b,fontsPath:e,themeProps:I,themeName:n=m.ThemeName.Base}=o;return c.jsxs(t.ThemeProvider,{theme:I??m.themes[n],children:[typeof e<"u"&&c.jsx(t.Global,{styles:f(e)}),b]})};exports.ThemeProviderNext=l;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/fonts/index.ts","../src/ThemeProviderNext.tsx"],"sourcesContent":["import {css} from '@emotion/react';\n\nexport const getFonts = (path: string) => css`\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Regular.woff2) format('woff2'),\n      url(${path}/X5-Sans-UI_Regular.woff) format('woff');\n  }\n\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 500;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Medium.woff) format('woff2'),\n      url(${path}/X5-Sans-UI_Medium.woff2) format('woff');\n  }\n\n  @font-face {\n    font-family: 'X5 Sans UI';\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n    src:\n      url(${path}/X5-Sans-UI_Bold.woff) format('woff2'),\n      url(${path}/X5-Sans-UI_Bold.woff2) format('woff');\n  }\n`;\n","'use client';\n\nimport {Global, ThemeProvider as BaseThemeProvider} from '@emotion/react';\n\nimport {ThemeName, themes} from '@join-x5/react-theme';\n\nimport {getFonts} from './fonts';\n\nimport type {ThemeProps, PropsWithChildren} from '@join-x5/react-theme';\n\ntype ThemeProviderNextProps = {\n  /** Путь к шрифтам X5 Sans\n   *\n   * также требуется скопировать из репозитория шрифты, и добавить в public/${fontsPath}\n   */\n  fontsPath?: string;\n\n  /** Тема */\n  themeName?: ThemeName;\n\n  /** Свойства темы\n   *\n   * Используется если не подошла палитра из themeName\n   */\n  themeProps?: ThemeProps;\n} & PropsWithChildren;\n\n/** Тема, совместима с Next.js (для не ssr используйте ThemeProvider)\n *\n * добавляет SnackbarProvider\n */\nexport const ThemeProviderNext: React.FC<ThemeProviderNextProps> = props => {\n  const {children, fontsPath, themeProps, themeName = ThemeName.Base} = props;\n\n  return (\n    <BaseThemeProvider theme={themeProps ?? themes[themeName]}>\n      {typeof fontsPath !== 'undefined' && <Global styles={getFonts(fontsPath)} />}\n      {children}\n    </BaseThemeProvider>\n  );\n};\n"],"names":["getFonts","path","css","process","env","NODE_ENV","ThemeProviderNext","props","children","fontsPath","themeProps","themeName","ThemeName","Base","BaseThemeProvider","themes","jsx","Global"],"mappings":"4LAEaA,EAAYC,GAAiBC,EAAAA,IAO9BD,mGAAAA,EACAA,kDAAAA,+IASAA,EAAI,gDACJA,EAAI,6IASJA,EAAI,8CACJA,EAAI,4CAAAE,QAAAC,IAAAC,+CAAAF,QAAAC,IAAAC,WAEf,aAAA,GAAA,y+CAAA,ECDYC,EAA+DC,GAAA,CACpE,KAAA,CAACC,SAAAA,EAAUC,UAAAA,EAAWC,WAAAA,EAAYC,UAAAA,EAAYC,EAAAA,UAAUC,IAAAA,EAAQN,EAEtE,cACGO,EAAkB,cAAA,CAAA,MAAOJ,GAAcK,SAAOJ,CAAS,EACrD,SAAA,CAAA,OAAOF,EAAc,KAAeO,MAACC,EAAAA,QAAO,OAAQjB,EAASS,CAAS,EAAK,EAC3ED,CAAAA,EACH,CAEJ"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './ThemeProviderNext';

package/dist/index.es.js

@@ -0,0 +1,5 @@
+import { ThemeProviderNext as o } from "./ThemeProviderNext.es.js";
+export {
+  o as ThemeProviderNext
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

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

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@join-x5/react-provider-next",
+  "version": "1.0.0-rc",
+  "private": false,
+  "homepage": "https://www.figma.com/design/c0xn3Ib5FZSfPcnfsOIrmy4i/Join-Web%3A-component",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint src --ignore-pattern \"**/*.stories.tsx\""
+  },
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.13.5",
+    "@eslint/js": "^9.3.0",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.24",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-window": "^1.8.8",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-workspaces": "^0.10.1",
+    "jsdom": "^25.0.1",
+    "prettier": "3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.10.0",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.4",
+    "vite-tsconfig-paths": "^5.0.1"
+  },
+  "dependencies": {
+    "@join-x5/react-theme": "1.0.0-rc",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5"
+  },
+  "peerDependencies": {
+    "@join-x5/react-theme": "1.0.0-rc",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  }
+}