@stackframe/stack 2.5.3 → 2.5.4

package/dist/providers/stack-provider-client.d.mts

@@ -1,13 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StackClientApp, StackClientAppJson } from '../lib/stack-app.mjs';
+import { CurrentUserCrud } from '@stackframe/stack-shared/dist/interface/crud/current-user';
 import React from 'react';
-import { UserJson } from '@stackframe/stack-shared';
+import { StackClientApp, StackClientAppJson } from '../lib/stack-app.mjs';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
-import '@stackframe/stack-shared/dist/utils/json';
-import '@stackframe/stack-shared/dist/interface/adminInterface';
-import '@stackframe/stack-shared/dist/interface/serverInterface';
+import '@stackframe/stack-shared/dist/interface/crud/api-keys';
 import '@stackframe/stack-shared/dist/interface/crud/email-templates';
+import '@stackframe/stack-shared/dist/interface/crud/team-permissions';
 import '@stackframe/stack-shared/dist/sessions';
+import '@stackframe/stack-shared/dist/utils/json';
 
 declare const StackContext: React.Context<{
     app: StackClientApp<true>;
@@ -17,7 +19,7 @@ declare function StackProviderClient(props: {
     children?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function UserSetter(props: {
-    userJsonPromise: Promise<UserJson | null>;
+    userJsonPromise: Promise<CurrentUserCrud['Client']['Read'] | null>;
 }): null;
 
 export { StackContext, StackProviderClient, UserSetter };

package/dist/providers/stack-provider-client.d.ts

@@ -1,13 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StackClientApp, StackClientAppJson } from '../lib/stack-app.js';
+import { CurrentUserCrud } from '@stackframe/stack-shared/dist/interface/crud/current-user';
 import React from 'react';
-import { UserJson } from '@stackframe/stack-shared';
+import { StackClientApp, StackClientAppJson } from '../lib/stack-app.js';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
-import '@stackframe/stack-shared/dist/utils/json';
-import '@stackframe/stack-shared/dist/interface/adminInterface';
-import '@stackframe/stack-shared/dist/interface/serverInterface';
+import '@stackframe/stack-shared/dist/interface/crud/api-keys';
 import '@stackframe/stack-shared/dist/interface/crud/email-templates';
+import '@stackframe/stack-shared/dist/interface/crud/team-permissions';
 import '@stackframe/stack-shared/dist/sessions';
+import '@stackframe/stack-shared/dist/utils/json';
 
 declare const StackContext: React.Context<{
     app: StackClientApp<true>;
@@ -17,7 +19,7 @@ declare function StackProviderClient(props: {
     children?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function UserSetter(props: {
-    userJsonPromise: Promise<UserJson | null>;
+    userJsonPromise: Promise<CurrentUserCrud['Client']['Read'] | null>;
 }): null;
 
 export { StackContext, StackProviderClient, UserSetter };

package/dist/providers/stack-provider-client.js

@@ -37,13 +37,12 @@ __export(stack_provider_client_exports, {
   UserSetter: () => UserSetter
 });
 module.exports = __toCommonJS(stack_provider_client_exports);
-var import_react = require("react");
-var import_stack_app = require("../lib/stack-app");
-var import_react2 = __toESM(require("react"));
-var import__ = require("..");
 var import_globals = require("@stackframe/stack-shared/dist/utils/globals");
+var import_react = __toESM(require("react"));
+var import__ = require("..");
+var import_stack_app = require("../lib/stack-app");
 var import_jsx_runtime = require("react/jsx-runtime");
-var StackContext = import_react2.default.createContext(null);
+var StackContext = import_react.default.createContext(null);
 function StackProviderClient(props) {
   const appJson = props.appJson;
   const app = import_stack_app.StackClientApp[import_stack_app.stackAppInternalsSymbol].fromClientJson(appJson);

package/dist/providers/stack-provider-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/stack-provider-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { StackClientApp, StackClientAppJson, stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport React from \"react\";\nimport { UserJson } from \"@stackframe/stack-shared\";\nimport { useStackApp } from \"..\";\nimport { globalVar } from \"@stackframe/stack-shared/dist/utils/globals\";\n\nexport const StackContext = React.createContext<null | {\n  app: StackClientApp<true>,\n}>(null);\n\nexport function StackProviderClient(props: {\n  appJson: StackClientAppJson<true, string>,\n  children?: React.ReactNode,\n}) {\n  const appJson = props.appJson;\n  const app = StackClientApp[stackAppInternalsSymbol].fromClientJson(appJson);\n\n  if (process.env.NODE_ENV === \"development\") {\n    globalVar.stackApp = app;\n  }\n  \n  return (\n    <StackContext.Provider value={{ app }}>\n      {props.children}\n    </StackContext.Provider>\n  );\n}\n\nexport function UserSetter(props: { userJsonPromise: Promise<UserJson | null> }) {\n  const app = useStackApp();\n  useEffect(() => {\n    const promise = (async () => await props.userJsonPromise)();  // there is a Next.js bug where Promises passed by server components return `undefined` as their `then` value, so wrap it in a normal promise\n    app[stackAppInternalsSymbol].setCurrentUser(promise);\n  }, []);\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0B;AAC1B,uBAA4E;AAC5E,IAAAA,gBAAkB;AAElB,eAA4B;AAC5B,qBAA0B;AAkBtB;AAhBG,IAAM,eAAe,cAAAC,QAAM,cAE/B,IAAI;AAEA,SAAS,oBAAoB,OAGjC;AACD,QAAM,UAAU,MAAM;AACtB,QAAM,MAAM,gCAAe,wCAAuB,EAAE,eAAe,OAAO;AAE1E,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,6BAAU,WAAW;AAAA,EACvB;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,IAAI,GACjC,gBAAM,UACT;AAEJ;AAEO,SAAS,WAAW,OAAsD;AAC/E,QAAM,UAAM,sBAAY;AACxB,8BAAU,MAAM;AACd,UAAM,WAAW,YAAY,MAAM,MAAM,iBAAiB;AAC1D,QAAI,wCAAuB,EAAE,eAAe,OAAO;AAAA,EACrD,GAAG,CAAC,CAAC;AACL,SAAO;AACT;","names":["import_react","React"]}
+{"version":3,"sources":["../../src/providers/stack-provider-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { CurrentUserCrud } from \"@stackframe/stack-shared/dist/interface/crud/current-user\";\nimport { globalVar } from \"@stackframe/stack-shared/dist/utils/globals\";\nimport React, { useEffect } from \"react\";\nimport { useStackApp } from \"..\";\nimport { StackClientApp, StackClientAppJson, stackAppInternalsSymbol } from \"../lib/stack-app\";\n\nexport const StackContext = React.createContext<null | {\n  app: StackClientApp<true>,\n}>(null);\n\nexport function StackProviderClient(props: {\n  appJson: StackClientAppJson<true, string>,\n  children?: React.ReactNode,\n}) {\n  const appJson = props.appJson;\n  const app = StackClientApp[stackAppInternalsSymbol].fromClientJson(appJson);\n\n  if (process.env.NODE_ENV === \"development\") {\n    globalVar.stackApp = app;\n  }\n\n  return (\n    <StackContext.Provider value={{ app }}>\n      {props.children}\n    </StackContext.Provider>\n  );\n}\n\nexport function UserSetter(props: { userJsonPromise: Promise<CurrentUserCrud['Client']['Read'] | null> }) {\n  const app = useStackApp();\n  useEffect(() => {\n    const promise = (async () => await props.userJsonPromise)();  // there is a Next.js bug where Promises passed by server components return `undefined` as their `then` value, so wrap it in a normal promise\n    app[stackAppInternalsSymbol].setCurrentUser(promise);\n  }, []);\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,mBAAiC;AACjC,eAA4B;AAC5B,uBAA4E;AAkBxE;AAhBG,IAAM,eAAe,aAAAA,QAAM,cAE/B,IAAI;AAEA,SAAS,oBAAoB,OAGjC;AACD,QAAM,UAAU,MAAM;AACtB,QAAM,MAAM,gCAAe,wCAAuB,EAAE,eAAe,OAAO;AAE1E,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,6BAAU,WAAW;AAAA,EACvB;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,IAAI,GACjC,gBAAM,UACT;AAEJ;AAEO,SAAS,WAAW,OAA+E;AACxG,QAAM,UAAM,sBAAY;AACxB,8BAAU,MAAM;AACd,UAAM,WAAW,YAAY,MAAM,MAAM,iBAAiB;AAC1D,QAAI,wCAAuB,EAAE,eAAe,OAAO;AAAA,EACrD,GAAG,CAAC,CAAC;AACL,SAAO;AACT;","names":["React"]}

package/dist/providers/stack-provider.d.mts

@@ -2,12 +2,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { StackClientApp } from '../lib/stack-app.mjs';
 import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
-import '@stackframe/stack-shared/dist/utils/json';
-import '@stackframe/stack-shared/dist/interface/adminInterface';
-import '@stackframe/stack-shared/dist/interface/serverInterface';
+import '@stackframe/stack-shared/dist/interface/crud/api-keys';
+import '@stackframe/stack-shared/dist/interface/crud/current-user';
 import '@stackframe/stack-shared/dist/interface/crud/email-templates';
+import '@stackframe/stack-shared/dist/interface/crud/team-permissions';
 import '@stackframe/stack-shared/dist/sessions';
+import '@stackframe/stack-shared/dist/utils/json';
 
 declare function StackProvider({ children, app, }: {
     children: React.ReactNode;

package/dist/providers/stack-provider.d.ts

@@ -2,12 +2,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { StackClientApp } from '../lib/stack-app.js';
 import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
-import '@stackframe/stack-shared/dist/utils/json';
-import '@stackframe/stack-shared/dist/interface/adminInterface';
-import '@stackframe/stack-shared/dist/interface/serverInterface';
+import '@stackframe/stack-shared/dist/interface/crud/api-keys';
+import '@stackframe/stack-shared/dist/interface/crud/current-user';
 import '@stackframe/stack-shared/dist/interface/crud/email-templates';
+import '@stackframe/stack-shared/dist/interface/crud/team-permissions';
 import '@stackframe/stack-shared/dist/sessions';
+import '@stackframe/stack-shared/dist/utils/json';
 
 declare function StackProvider({ children, app, }: {
     children: React.ReactNode;

package/dist/providers/theme-provider.d.mts

@@ -31,9 +31,10 @@ type ThemeConfig = {
     light?: Partial<Colors>;
     dark?: Partial<Colors>;
 } & Partial<Omit<Theme, 'light' | 'dark'>>;
-declare function StackTheme({ theme, children, }: {
+declare function StackTheme({ theme, children, nonce, }: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
+    nonce?: string;
 }): react_jsx_runtime.JSX.Element;
 
 export { StackTheme, type Theme };

package/dist/providers/theme-provider.d.ts

@@ -31,9 +31,10 @@ type ThemeConfig = {
     light?: Partial<Colors>;
     dark?: Partial<Colors>;
 } & Partial<Omit<Theme, 'light' | 'dark'>>;
-declare function StackTheme({ theme, children, }: {
+declare function StackTheme({ theme, children, nonce, }: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
+    nonce?: string;
 }): react_jsx_runtime.JSX.Element;
 
 export { StackTheme, type Theme };

package/dist/providers/theme-provider.js

@@ -35,7 +35,6 @@ __export(theme_provider_exports, {
   StackTheme: () => StackTheme
 });
 module.exports = __toCommonJS(theme_provider_exports);
-var import_styled_components_registry = __toESM(require("./styled-components-registry"));
 var import_global_css = require("../generated/global-css");
 var import_browser_script = require("../utils/browser-script");
 var import_constants = require("../utils/constants");
@@ -48,7 +47,7 @@ function convertColorToCSSVars(obj) {
     return [
       // Convert camelCase key to dash-case
       key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`),
-      // Convert color to CSS HSL string 
+      // Convert color to CSS HSL string
       `${color[0]} ${color[1]}% ${color[2]}%`
     ];
   }));
@@ -75,7 +74,8 @@ function convertColorsToCSS(theme) {
 }
 function StackTheme({
   theme,
-  children
+  children,
+  nonce
 }) {
   const themeValue = {
     ...import_constants.DEFAULT_THEME,
@@ -83,9 +83,18 @@ function StackTheme({
     dark: { ...import_constants.DEFAULT_THEME.dark, ...theme?.dark },
     light: { ...import_constants.DEFAULT_THEME.light, ...theme?.light }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled_components_registry.default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_browser_script.BrowserScript, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: import_global_css.globalCSS + "\n" + convertColorsToCSS(themeValue) } }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_browser_script.BrowserScript, { nonce }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        suppressHydrationWarning: true,
+        nonce,
+        dangerouslySetInnerHTML: {
+          __html: import_global_css.globalCSS + "\n" + convertColorsToCSS(themeValue)
+        }
+      }
+    ),
     children
   ] });
 }

package/dist/providers/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport StyledComponentsRegistry from \"./styled-components-registry\";\nimport { globalCSS } from \"../generated/global-css\";\nimport { BrowserScript } from \"../utils/browser-script\";\nimport { DEFAULT_THEME } from \"../utils/constants\";\nimport Color from \"color\";\nimport { deindent } from \"@stackframe/stack-shared/dist/utils/strings\";\n\ntype Colors = {\n  background: string,\n  foreground: string,\n  card: string,\n  cardForeground: string,\n  popover: string,\n  popoverForeground: string,\n  primary: string,\n  primaryForeground: string,\n  secondary: string,\n  secondaryForeground: string,\n  muted: string,\n  mutedForeground: string,\n  accent: string,\n  accentForeground: string,\n  destructive: string,\n  destructiveForeground: string,\n  border: string,\n  input: string,\n  ring: string,\n}\n\nexport type Theme = {\n  light: Colors,\n  dark: Colors,\n  radius: string,\n};\n\ntype ThemeConfig = {\n  light?: Partial<Colors>,\n  dark?: Partial<Colors>,\n} & Partial<Omit<Theme, 'light' | 'dark'>>;\n\nfunction convertColorToCSSVars(obj: Record<string, string>) {\n  return Object.fromEntries(Object.entries(obj).map(([key, value]) => {\n    const color = Color(value).hsl().array();\n    return [\n      // Convert camelCase key to dash-case\n      key.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`),\n      // Convert color to CSS HSL string \n      `${color[0]} ${color[1]}% ${color[2]}%`\n    ];\n  }));\n}\n\nfunction convertColorsToCSS(theme: Theme) {\n  const { dark, light, ...rest } = theme;\n  const colors = {\n    light: { ...convertColorToCSSVars(light), ...rest },\n    dark: convertColorToCSSVars(dark),\n  };\n\n  function colorsToCSSVars(colors: Record<string, string>) {\n    return Object.entries(colors).map((params) => { \n      return `--${params[0]}: ${params[1]};\\n`;\n    }).join('');\n  }\n  \n  return deindent`\n  .stack-scope {\n  ${colorsToCSSVars(colors.light)}\n  }\n  [data-stack-theme=\"dark\"] .stack-scope {\n  ${colorsToCSSVars(colors.dark)}\n  }`;\n}\n  \n\nexport function StackTheme({\n  theme,\n  children,\n} : {\n  theme?: ThemeConfig,\n  children?: React.ReactNode,\n}) {\n  const themeValue: Theme = { \n    ...DEFAULT_THEME,\n    ...theme,\n    dark: { ...DEFAULT_THEME.dark, ...theme?.dark }, \n    light: { ...DEFAULT_THEME.light, ...theme?.light },\n  };\n\n  return (\n    <StyledComponentsRegistry>\n      <BrowserScript />\n      <style dangerouslySetInnerHTML={{ __html: globalCSS + '\\n' + convertColorsToCSS(themeValue) }} />\n      {children}\n    </StyledComponentsRegistry>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wCAAqC;AACrC,wBAA0B;AAC1B,4BAA8B;AAC9B,uBAA8B;AAC9B,mBAAkB;AAClB,qBAAyB;AAqFrB;AAlDJ,SAAS,sBAAsB,KAA6B;AAC1D,SAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAClE,UAAM,YAAQ,aAAAA,SAAM,KAAK,EAAE,IAAI,EAAE,MAAM;AACvC,WAAO;AAAA;AAAA,MAEL,IAAI,QAAQ,UAAU,OAAK,IAAI,EAAE,YAAY,CAAC,EAAE;AAAA;AAAA,MAEhD,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;AAAA,IACtC;AAAA,EACF,CAAC,CAAC;AACJ;AAEA,SAAS,mBAAmB,OAAc;AACxC,QAAM,EAAE,MAAM,OAAO,GAAG,KAAK,IAAI;AACjC,QAAM,SAAS;AAAA,IACb,OAAO,EAAE,GAAG,sBAAsB,KAAK,GAAG,GAAG,KAAK;AAAA,IAClD,MAAM,sBAAsB,IAAI;AAAA,EAClC;AAEA,WAAS,gBAAgBC,SAAgC;AACvD,WAAO,OAAO,QAAQA,OAAM,EAAE,IAAI,CAAC,WAAW;AAC5C,aAAO,KAAK,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA;AAAA,IACrC,CAAC,EAAE,KAAK,EAAE;AAAA,EACZ;AAEA,SAAO;AAAA;AAAA,IAEL,gBAAgB,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA,IAG7B,gBAAgB,OAAO,IAAI,CAAC;AAAA;AAEhC;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,aAAoB;AAAA,IACxB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM,EAAE,GAAG,+BAAc,MAAM,GAAG,OAAO,KAAK;AAAA,IAC9C,OAAO,EAAE,GAAG,+BAAc,OAAO,GAAG,OAAO,MAAM;AAAA,EACnD;AAEA,SACE,6CAAC,kCAAAC,SAAA,EACC;AAAA,gDAAC,uCAAc;AAAA,IACf,4CAAC,WAAM,yBAAyB,EAAE,QAAQ,8BAAY,OAAO,mBAAmB,UAAU,EAAE,GAAG;AAAA,IAC9F;AAAA,KACH;AAEJ;","names":["Color","colors","StyledComponentsRegistry"]}
+{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { globalCSS } from \"../generated/global-css\";\nimport { BrowserScript } from \"../utils/browser-script\";\nimport { DEFAULT_THEME } from \"../utils/constants\";\nimport Color from \"color\";\nimport { deindent } from \"@stackframe/stack-shared/dist/utils/strings\";\n\ntype Colors = {\n  background: string,\n  foreground: string,\n  card: string,\n  cardForeground: string,\n  popover: string,\n  popoverForeground: string,\n  primary: string,\n  primaryForeground: string,\n  secondary: string,\n  secondaryForeground: string,\n  muted: string,\n  mutedForeground: string,\n  accent: string,\n  accentForeground: string,\n  destructive: string,\n  destructiveForeground: string,\n  border: string,\n  input: string,\n  ring: string,\n}\n\nexport type Theme = {\n  light: Colors,\n  dark: Colors,\n  radius: string,\n};\n\ntype ThemeConfig = {\n  light?: Partial<Colors>,\n  dark?: Partial<Colors>,\n} & Partial<Omit<Theme, 'light' | 'dark'>>;\n\nfunction convertColorToCSSVars(obj: Record<string, string>) {\n  return Object.fromEntries(Object.entries(obj).map(([key, value]) => {\n    const color = Color(value).hsl().array();\n    return [\n      // Convert camelCase key to dash-case\n      key.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`),\n      // Convert color to CSS HSL string\n      `${color[0]} ${color[1]}% ${color[2]}%`\n    ];\n  }));\n}\n\nfunction convertColorsToCSS(theme: Theme) {\n  const { dark, light, ...rest } = theme;\n  const colors = {\n    light: { ...convertColorToCSSVars(light), ...rest },\n    dark: convertColorToCSSVars(dark),\n  };\n\n  function colorsToCSSVars(colors: Record<string, string>) {\n    return Object.entries(colors).map((params) => {\n      return `--${params[0]}: ${params[1]};\\n`;\n    }).join('');\n  }\n\n  return deindent`\n  .stack-scope {\n  ${colorsToCSSVars(colors.light)}\n  }\n  [data-stack-theme=\"dark\"] .stack-scope {\n  ${colorsToCSSVars(colors.dark)}\n  }`;\n}\n\n\nexport function StackTheme({\n  theme,\n  children,\n  nonce,\n} : {\n  theme?: ThemeConfig,\n  children?: React.ReactNode,\n  nonce?: string,\n}) {\n  const themeValue: Theme = {\n    ...DEFAULT_THEME,\n    ...theme,\n    dark: { ...DEFAULT_THEME.dark, ...theme?.dark },\n    light: { ...DEFAULT_THEME.light, ...theme?.light },\n  };\n\n  return (\n    <>\n      <BrowserScript nonce={nonce} />\n      <style\n        suppressHydrationWarning\n        nonce={nonce}\n        dangerouslySetInnerHTML={{\n          __html: globalCSS + \"\\n\" + convertColorsToCSS(themeValue),\n        }}\n      />\n      {children}\n    </>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA0B;AAC1B,4BAA8B;AAC9B,uBAA8B;AAC9B,mBAAkB;AAClB,qBAAyB;AAuFrB;AApDJ,SAAS,sBAAsB,KAA6B;AAC1D,SAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAClE,UAAM,YAAQ,aAAAA,SAAM,KAAK,EAAE,IAAI,EAAE,MAAM;AACvC,WAAO;AAAA;AAAA,MAEL,IAAI,QAAQ,UAAU,OAAK,IAAI,EAAE,YAAY,CAAC,EAAE;AAAA;AAAA,MAEhD,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;AAAA,IACtC;AAAA,EACF,CAAC,CAAC;AACJ;AAEA,SAAS,mBAAmB,OAAc;AACxC,QAAM,EAAE,MAAM,OAAO,GAAG,KAAK,IAAI;AACjC,QAAM,SAAS;AAAA,IACb,OAAO,EAAE,GAAG,sBAAsB,KAAK,GAAG,GAAG,KAAK;AAAA,IAClD,MAAM,sBAAsB,IAAI;AAAA,EAClC;AAEA,WAAS,gBAAgBC,SAAgC;AACvD,WAAO,OAAO,QAAQA,OAAM,EAAE,IAAI,CAAC,WAAW;AAC5C,aAAO,KAAK,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA;AAAA,IACrC,CAAC,EAAE,KAAK,EAAE;AAAA,EACZ;AAEA,SAAO;AAAA;AAAA,IAEL,gBAAgB,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA,IAG7B,gBAAgB,OAAO,IAAI,CAAC;AAAA;AAEhC;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,aAAoB;AAAA,IACxB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM,EAAE,GAAG,+BAAc,MAAM,GAAG,OAAO,KAAK;AAAA,IAC9C,OAAO,EAAE,GAAG,+BAAc,OAAO,GAAG,OAAO,MAAM;AAAA,EACnD;AAEA,SACE,4EACE;AAAA,gDAAC,uCAAc,OAAc;AAAA,IAC7B;AAAA,MAAC;AAAA;AAAA,QACC,0BAAwB;AAAA,QACxB;AAAA,QACA,yBAAyB;AAAA,UACvB,QAAQ,8BAAY,OAAO,mBAAmB,UAAU;AAAA,QAC1D;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":["Color","colors"]}

package/dist/utils/browser-script.d.mts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function BrowserScript(): react_jsx_runtime.JSX.Element;
+declare function BrowserScript(props: {
+    nonce?: string;
+}): react_jsx_runtime.JSX.Element;
 
 export { BrowserScript };

package/dist/utils/browser-script.d.ts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function BrowserScript(): react_jsx_runtime.JSX.Element;
+declare function BrowserScript(props: {
+    nonce?: string;
+}): react_jsx_runtime.JSX.Element;
 
 export { BrowserScript };

package/dist/utils/browser-script.js

@@ -50,8 +50,8 @@ var script = () => {
     attributeFilter: attributes
   });
 };
-function BrowserScript() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ssr_layout_effect.SsrScript, { script: `(${script.toString()})()` });
+function BrowserScript(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ssr_layout_effect.SsrScript, { nonce: props.nonce, script: `(${script.toString()})()` });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utils/browser-script.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/browser-script.tsx"],"sourcesContent":["// Note that this script can not import anything from outside as it will be converted to a string and executed in the browser.\n\nimport { SsrScript } from \"../components/elements/ssr-layout-effect\";\n\n// Also please note that there might be hydration issues with this script, always check the browser console for errors after changing this script.\nconst script = () => {\n  const attributes = ['data-joy-color-scheme', 'data-mui-color-scheme', 'data-theme', 'data-color-scheme', 'class'];\n\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      for (const attributeName of attributes) {\n        if (mutation.attributeName === attributeName) {\n          const colorTheme = document.documentElement.getAttribute(attributeName);\n          if (!colorTheme) {\n            continue;\n          }\n          const darkMode = colorTheme.includes('dark');\n          const lightMode = colorTheme.includes('light');\n          if (!darkMode && !lightMode) {\n            continue;\n          }\n          document.documentElement.setAttribute('data-stack-theme', darkMode ? 'dark' : 'light');\n        }\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: attributes,\n  });\n};\n\nexport function BrowserScript() {\n  return <SsrScript script={`(${script.toString()})()`}/>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,+BAA0B;AAgCjB;AA7BT,IAAM,SAAS,MAAM;AACnB,QAAM,aAAa,CAAC,yBAAyB,yBAAyB,cAAc,qBAAqB,OAAO;AAEhH,QAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,cAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAW,iBAAiB,YAAY;AACtC,YAAI,SAAS,kBAAkB,eAAe;AAC5C,gBAAM,aAAa,SAAS,gBAAgB,aAAa,aAAa;AACtE,cAAI,CAAC,YAAY;AACf;AAAA,UACF;AACA,gBAAM,WAAW,WAAW,SAAS,MAAM;AAC3C,gBAAM,YAAY,WAAW,SAAS,OAAO;AAC7C,cAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,UACF;AACA,mBAAS,gBAAgB,aAAa,oBAAoB,WAAW,SAAS,OAAO;AAAA,QACvF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACnB,CAAC;AACH;AAEO,SAAS,gBAAgB;AAC9B,SAAO,4CAAC,sCAAU,QAAQ,IAAI,OAAO,SAAS,CAAC,OAAM;AACvD;","names":[]}
+{"version":3,"sources":["../../src/utils/browser-script.tsx"],"sourcesContent":["// Note that this script can not import anything from outside as it will be converted to a string and executed in the browser.\n\nimport { SsrScript } from \"../components/elements/ssr-layout-effect\";\n\n// Also please note that there might be hydration issues with this script, always check the browser console for errors after changing this script.\nconst script = () => {\n  const attributes = ['data-joy-color-scheme', 'data-mui-color-scheme', 'data-theme', 'data-color-scheme', 'class'];\n\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      for (const attributeName of attributes) {\n        if (mutation.attributeName === attributeName) {\n          const colorTheme = document.documentElement.getAttribute(attributeName);\n          if (!colorTheme) {\n            continue;\n          }\n          const darkMode = colorTheme.includes('dark');\n          const lightMode = colorTheme.includes('light');\n          if (!darkMode && !lightMode) {\n            continue;\n          }\n          document.documentElement.setAttribute('data-stack-theme', darkMode ? 'dark' : 'light');\n        }\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: attributes,\n  });\n};\n\nexport function BrowserScript(props : { nonce?: string }) {\n  return <SsrScript nonce={props.nonce} script={`(${script.toString()})()`}/>;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,+BAA0B;AAgCjB;AA7BT,IAAM,SAAS,MAAM;AACnB,QAAM,aAAa,CAAC,yBAAyB,yBAAyB,cAAc,qBAAqB,OAAO;AAEhH,QAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,cAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAW,iBAAiB,YAAY;AACtC,YAAI,SAAS,kBAAkB,eAAe;AAC5C,gBAAM,aAAa,SAAS,gBAAgB,aAAa,aAAa;AACtE,cAAI,CAAC,YAAY;AACf;AAAA,UACF;AACA,gBAAM,WAAW,WAAW,SAAS,MAAM;AAC3C,gBAAM,YAAY,WAAW,SAAS,OAAO;AAC7C,cAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,UACF;AACA,mBAAS,gBAAgB,aAAa,oBAAoB,WAAW,SAAS,OAAO;AAAA,QACvF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACnB,CAAC;AACH;AAEO,SAAS,cAAc,OAA4B;AACxD,SAAO,4CAAC,sCAAU,OAAO,MAAM,OAAO,QAAQ,IAAI,OAAO,SAAS,CAAC,OAAM;AAC3E;","names":[]}

package/dist/utils/email.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/utils/email.tsx
@@ -33,10 +23,10 @@ __export(email_exports, {
   validateEmail: () => validateEmail
 });
 module.exports = __toCommonJS(email_exports);
-var yup = __toESM(require("yup"));
+var import_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
 function validateEmail(email) {
   if (typeof email !== "string") throw new Error("Email must be a string");
-  return yup.string().email().isValidSync(email);
+  return (0, import_schema_fields.yupString)().email().isValidSync(email);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utils/email.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/email.tsx"],"sourcesContent":["import * as yup from \"yup\";\n\nexport function validateEmail(email: string): boolean {\n  if (typeof email !== \"string\") throw new Error(\"Email must be a string\");\n  return yup.string().email().isValidSync(email);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAqB;AAEd,SAAS,cAAc,OAAwB;AACpD,MAAI,OAAO,UAAU,SAAU,OAAM,IAAI,MAAM,wBAAwB;AACvE,SAAW,WAAO,EAAE,MAAM,EAAE,YAAY,KAAK;AAC/C;","names":[]}
+{"version":3,"sources":["../../src/utils/email.tsx"],"sourcesContent":["import { yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport * as yup from \"yup\";\n\nexport function validateEmail(email: string): boolean {\n  if (typeof email !== \"string\") throw new Error(\"Email must be a string\");\n  return yupString().email().isValidSync(email);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA0B;AAGnB,SAAS,cAAc,OAAwB;AACpD,MAAI,OAAO,UAAU,SAAU,OAAM,IAAI,MAAM,wBAAwB;AACvE,aAAO,gCAAU,EAAE,MAAM,EAAE,YAAY,KAAK;AAC9C;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "sideEffects": false,
   "exports": {
     ".": {
@@ -32,14 +32,13 @@
     "react-hook-form": "^7.51.4",
     "rimraf": "^5.0.5",
     "server-only": "^0.0.1",
-    "styled-components": "^6.1.8",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.7.2",
     "yup": "^1.4.0",
-    "@stackframe/stack-shared": "2.5.3",
-    "@stackframe/stack-sc": "2.5.3",
-    "@stackframe/stack-ui": "2.5.3"
+    "@stackframe/stack-sc": "2.5.4",
+    "@stackframe/stack-shared": "2.5.4",
+    "@stackframe/stack-ui": "2.5.4"
   },
   "peerDependencies": {
     "next": ">=14.1",

package/dist/esm/providers/styled-components-registry.js

@@ -1,25 +0,0 @@
-"use client";
-"use client";
-
-// src/providers/styled-components-registry.tsx
-import { useState } from "react";
-import { useServerInsertedHTML } from "next/navigation";
-import { ServerStyleSheet, StyleSheetManager } from "styled-components";
-import { isBrowserLike } from "@stackframe/stack-shared/dist/utils/env";
-import { Fragment, jsx } from "react/jsx-runtime";
-function StyledComponentsRegistry({
-  children
-}) {
-  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
-  useServerInsertedHTML(() => {
-    const styles = styledComponentsStyleSheet.getStyleElement();
-    styledComponentsStyleSheet.instance.clearTag();
-    return /* @__PURE__ */ jsx(Fragment, { children: styles });
-  });
-  if (isBrowserLike()) return /* @__PURE__ */ jsx(Fragment, { children });
-  return /* @__PURE__ */ jsx(StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children });
-}
-export {
-  StyledComponentsRegistry as default
-};
-//# sourceMappingURL=styled-components-registry.js.map

package/dist/esm/providers/styled-components-registry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/providers/styled-components-registry.tsx"],"sourcesContent":["'use client';\n \nimport React, { useState } from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { ServerStyleSheet, StyleSheetManager } from 'styled-components';\nimport { isBrowserLike } from '@stackframe/stack-shared/dist/utils/env';\n \nexport default function StyledComponentsRegistry({\n  children,\n}: {\n  children: React.ReactNode,\n}) {\n  // Only create stylesheet once with lazy initial state\n  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());\n \n  useServerInsertedHTML(() => {\n    const styles = styledComponentsStyleSheet.getStyleElement();\n    styledComponentsStyleSheet.instance.clearTag();\n    return <>{styles}</>;\n  });\n \n  if (isBrowserLike()) return <>{children}</>;\n \n  return (\n    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>\n      {children}\n    </StyleSheetManager>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,gBAAgB;AAChC,SAAS,6BAA6B;AACtC,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,qBAAqB;AAcnB;AAZI,SAAR,yBAA0C;AAAA,EAC/C;AACF,GAEG;AAGD,QAAM,CAAC,0BAA0B,IAAI,SAAS,MAAM,IAAI,iBAAiB,CAAC;AAE1E,wBAAsB,MAAM;AAC1B,UAAM,SAAS,2BAA2B,gBAAgB;AAC1D,+BAA2B,SAAS,SAAS;AAC7C,WAAO,gCAAG,kBAAO;AAAA,EACnB,CAAC;AAED,MAAI,cAAc,EAAG,QAAO,gCAAG,UAAS;AAExC,SACE,oBAAC,qBAAkB,OAAO,2BAA2B,UAClD,UACH;AAEJ;","names":[]}

package/dist/providers/styled-components-registry.d.mts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-declare function StyledComponentsRegistry({ children, }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { StyledComponentsRegistry as default };

package/dist/providers/styled-components-registry.d.ts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-declare function StyledComponentsRegistry({ children, }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { StyledComponentsRegistry as default };

package/dist/providers/styled-components-registry.js

@@ -1,45 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/providers/styled-components-registry.tsx
-var styled_components_registry_exports = {};
-__export(styled_components_registry_exports, {
-  default: () => StyledComponentsRegistry
-});
-module.exports = __toCommonJS(styled_components_registry_exports);
-var import_react = require("react");
-var import_navigation = require("next/navigation");
-var import_styled_components = require("styled-components");
-var import_env = require("@stackframe/stack-shared/dist/utils/env");
-var import_jsx_runtime = require("react/jsx-runtime");
-function StyledComponentsRegistry({
-  children
-}) {
-  const [styledComponentsStyleSheet] = (0, import_react.useState)(() => new import_styled_components.ServerStyleSheet());
-  (0, import_navigation.useServerInsertedHTML)(() => {
-    const styles = styledComponentsStyleSheet.getStyleElement();
-    styledComponentsStyleSheet.instance.clearTag();
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: styles });
-  });
-  if ((0, import_env.isBrowserLike)()) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children });
-}
-//# sourceMappingURL=styled-components-registry.js.map

package/dist/providers/styled-components-registry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/providers/styled-components-registry.tsx"],"sourcesContent":["'use client';\n \nimport React, { useState } from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { ServerStyleSheet, StyleSheetManager } from 'styled-components';\nimport { isBrowserLike } from '@stackframe/stack-shared/dist/utils/env';\n \nexport default function StyledComponentsRegistry({\n  children,\n}: {\n  children: React.ReactNode,\n}) {\n  // Only create stylesheet once with lazy initial state\n  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());\n \n  useServerInsertedHTML(() => {\n    const styles = styledComponentsStyleSheet.getStyleElement();\n    styledComponentsStyleSheet.instance.clearTag();\n    return <>{styles}</>;\n  });\n \n  if (isBrowserLike()) return <>{children}</>;\n \n  return (\n    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>\n      {children}\n    </StyleSheetManager>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAgC;AAChC,wBAAsC;AACtC,+BAAoD;AACpD,iBAA8B;AAcnB;AAZI,SAAR,yBAA0C;AAAA,EAC/C;AACF,GAEG;AAGD,QAAM,CAAC,0BAA0B,QAAI,uBAAS,MAAM,IAAI,0CAAiB,CAAC;AAE1E,+CAAsB,MAAM;AAC1B,UAAM,SAAS,2BAA2B,gBAAgB;AAC1D,+BAA2B,SAAS,SAAS;AAC7C,WAAO,2EAAG,kBAAO;AAAA,EACnB,CAAC;AAED,UAAI,0BAAc,EAAG,QAAO,2EAAG,UAAS;AAExC,SACE,4CAAC,8CAAkB,OAAO,2BAA2B,UAClD,UACH;AAEJ;","names":[]}