@stackframe/react 2.7.20

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CurrentUserCrud } from '@stackframe/stack-shared/dist/interface/crud/current-user';
+import React__default from 'react';
+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/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';
+import '@stackframe/stack-shared/dist/utils/oauth';
+import '@stackframe/stack-shared/dist/utils/results';
+
+declare const StackContext: React__default.Context<{
+    app: StackClientApp<true>;
+} | null>;
+declare function StackProviderClient(props: {
+    app: StackClientAppJson<true, string> | StackClientApp<true>;
+    serialized: boolean;
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function UserSetter(props: {
+    userJsonPromise: Promise<CurrentUserCrud['Client']['Read'] | null>;
+}): null;
+
+export { StackContext, StackProviderClient, UserSetter };

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CurrentUserCrud } from '@stackframe/stack-shared/dist/interface/crud/current-user';
+import React__default from 'react';
+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/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';
+import '@stackframe/stack-shared/dist/utils/oauth';
+import '@stackframe/stack-shared/dist/utils/results';
+
+declare const StackContext: React__default.Context<{
+    app: StackClientApp<true>;
+} | null>;
+declare function StackProviderClient(props: {
+    app: StackClientAppJson<true, string> | StackClientApp<true>;
+    serialized: boolean;
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function UserSetter(props: {
+    userJsonPromise: Promise<CurrentUserCrud['Client']['Read'] | null>;
+}): null;
+
+export { StackContext, StackProviderClient, UserSetter };

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

@@ -0,0 +1,65 @@
+"use client";
+"use strict";
+"use client";
+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)
+    __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 __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/providers/stack-provider-client.tsx
+var stack_provider_client_exports = {};
+__export(stack_provider_client_exports, {
+  StackContext: () => StackContext,
+  StackProviderClient: () => StackProviderClient,
+  UserSetter: () => UserSetter
+});
+module.exports = __toCommonJS(stack_provider_client_exports);
+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_react.default.createContext(null);
+function StackProviderClient(props) {
+  const app = props.serialized ? import_stack_app.StackClientApp[import_stack_app.stackAppInternalsSymbol].fromClientJson(props.app) : props.app;
+  import_globals.globalVar.__STACK_AUTH__ = { app };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StackContext.Provider, { value: { app }, children: props.children });
+}
+function UserSetter(props) {
+  const app = (0, import__.useStackApp)();
+  (0, import_react.useEffect)(() => {
+    const promise = (async () => await props.userJsonPromise)();
+    app[import_stack_app.stackAppInternalsSymbol].setCurrentUser(promise);
+  }, []);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackContext,
+  StackProviderClient,
+  UserSetter
+});
+//# sourceMappingURL=stack-provider-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/stack-provider-client.tsx"],"sourcesContent":["\"use client\";\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\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  app: StackClientAppJson<true, string> | StackClientApp<true>,\n  serialized: boolean,\n  children?: React.ReactNode,\n}) {\n  const app = props.serialized\n    ? StackClientApp[stackAppInternalsSymbol].fromClientJson(props.app as StackClientAppJson<true, string>)\n    : props.app as StackClientApp<true>;\n\n  globalVar.__STACK_AUTH__ = { app };\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;AAQA,qBAA0B;AAC1B,mBAAiC;AACjC,eAA4B;AAC5B,uBAA4E;AAkBxE;AAhBG,IAAM,eAAe,aAAAA,QAAM,cAE/B,IAAI;AAEA,SAAS,oBAAoB,OAIjC;AACD,QAAM,MAAM,MAAM,aACd,gCAAe,wCAAuB,EAAE,eAAe,MAAM,GAAuC,IACpG,MAAM;AAEV,2BAAU,iBAAiB,EAAE,IAAI;AAEjC,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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { StackClientApp } from '../lib/stack-app.mjs';
+import { TranslationProvider } from './translation-provider.mjs';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
+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';
+import '@stackframe/stack-shared/dist/utils/oauth';
+import '@stackframe/stack-shared/dist/utils/results';
+import '../generated/quetzal-translations.mjs';
+
+declare function ReactStackProvider({ children, app, lang, translationOverrides, }: {
+    lang?: React__default.ComponentProps<typeof TranslationProvider>['lang'];
+    /**
+     * A mapping of English translations to translated equivalents.
+     *
+     * These will take priority over the translations from the language specified in the `lang` property. Note that the
+     * keys are case-sensitive.
+     */
+    translationOverrides?: Record<string, string>;
+    children: React__default.ReactNode;
+    app: StackClientApp<true>;
+}): react_jsx_runtime.JSX.Element;
+
+export { ReactStackProvider as default };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { StackClientApp } from '../lib/stack-app.js';
+import { TranslationProvider } from './translation-provider.js';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/helpers/production-mode';
+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';
+import '@stackframe/stack-shared/dist/utils/oauth';
+import '@stackframe/stack-shared/dist/utils/results';
+import '../generated/quetzal-translations.js';
+
+declare function ReactStackProvider({ children, app, lang, translationOverrides, }: {
+    lang?: React__default.ComponentProps<typeof TranslationProvider>['lang'];
+    /**
+     * A mapping of English translations to translated equivalents.
+     *
+     * These will take priority over the translations from the language specified in the `lang` property. Note that the
+     * keys are case-sensitive.
+     */
+    translationOverrides?: Record<string, string>;
+    children: React__default.ReactNode;
+    app: StackClientApp<true>;
+}): react_jsx_runtime.JSX.Element;
+
+export { ReactStackProvider as default };

package/dist/providers/stack-provider.js

@@ -0,0 +1,46 @@
+"use strict";
+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/stack-provider.tsx
+var stack_provider_exports = {};
+__export(stack_provider_exports, {
+  default: () => stack_provider_default
+});
+module.exports = __toCommonJS(stack_provider_exports);
+var import_react = require("react");
+var import_stack_provider_client = require("./stack-provider-client");
+var import_translation_provider = require("./translation-provider");
+var import_jsx_runtime = require("react/jsx-runtime");
+function UserFetcher(props) {
+  const userPromise = props.app.getUser().then((user) => user?.toClientJson() ?? null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_provider_client.UserSetter, { userJsonPromise: userPromise });
+}
+function ReactStackProvider({
+  children,
+  app,
+  lang,
+  translationOverrides
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_provider_client.StackProviderClient, { app, serialized: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserFetcher, { app }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider.TranslationProvider, { lang, translationOverrides, children })
+  ] });
+}
+var stack_provider_default = ReactStackProvider;
+//# sourceMappingURL=stack-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/stack-provider.tsx"],"sourcesContent":["//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\nimport React, { Suspense } from 'react';\nimport { StackAdminApp, StackClientApp, StackServerApp, stackAppInternalsSymbol } from '../lib/stack-app';\nimport { StackProviderClient, UserSetter } from './stack-provider-client';\nimport { TranslationProvider } from './translation-provider';\n\nfunction UserFetcher(props: { app: StackClientApp<true> }) {\n  const userPromise = props.app.getUser().then((user) => user?.toClientJson() ?? null);\n  return <UserSetter userJsonPromise={userPromise} />;\n}\n\nfunction ReactStackProvider({\n  children,\n  app,\n  lang,\n  translationOverrides,\n}: {\n  lang?: React.ComponentProps<typeof TranslationProvider>['lang'],\n  /**\n   * A mapping of English translations to translated equivalents.\n   *\n   * These will take priority over the translations from the language specified in the `lang` property. Note that the\n   * keys are case-sensitive.\n   */\n  translationOverrides?: Record<string, string>,\n  children: React.ReactNode,\n  // list all three types of apps even though server and admin are subclasses of client so it's clear that you can pass any\n  app: StackClientApp<true>,\n}) {\n  return (\n    <StackProviderClient app={app as any} serialized={false}>\n      <Suspense fallback={null}>\n        <UserFetcher app={app} />\n      </Suspense>\n      <TranslationProvider lang={lang} translationOverrides={translationOverrides}>\n        {children}\n      </TranslationProvider>\n    </StackProviderClient>\n  );\n}\n\nexport default ReactStackProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAgC;AAEhC,mCAAgD;AAChD,kCAAoC;AAI3B;AAFT,SAAS,YAAY,OAAsC;AACzD,QAAM,cAAc,MAAM,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,MAAM,aAAa,KAAK,IAAI;AACnF,SAAO,4CAAC,2CAAW,iBAAiB,aAAa;AACnD;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAYG;AACD,SACE,6CAAC,oDAAoB,KAAiB,YAAY,OAChD;AAAA,gDAAC,yBAAS,UAAU,MAClB,sDAAC,eAAY,KAAU,GACzB;AAAA,IACA,4CAAC,mDAAoB,MAAY,sBAC9B,UACH;AAAA,KACF;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

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

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type Colors = {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+};
+type Theme = {
+    light: Colors;
+    dark: Colors;
+    radius: string;
+};
+type ThemeConfig = {
+    light?: Partial<Colors>;
+    dark?: Partial<Colors>;
+} & Partial<Omit<Theme, 'light' | 'dark'>>;
+declare function StackTheme({ theme, children, nonce, }: {
+    theme?: ThemeConfig;
+    children?: React__default.ReactNode;
+    nonce?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackTheme, type Theme };

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

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type Colors = {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+};
+type Theme = {
+    light: Colors;
+    dark: Colors;
+    radius: string;
+};
+type ThemeConfig = {
+    light?: Partial<Colors>;
+    dark?: Partial<Colors>;
+} & Partial<Omit<Theme, 'light' | 'dark'>>;
+declare function StackTheme({ theme, children, nonce, }: {
+    theme?: ThemeConfig;
+    children?: React__default.ReactNode;
+    nonce?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackTheme, type Theme };

package/dist/providers/theme-provider.js

@@ -0,0 +1,105 @@
+"use client";
+"use strict";
+"use client";
+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)
+    __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 __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/providers/theme-provider.tsx
+var theme_provider_exports = {};
+__export(theme_provider_exports, {
+  StackTheme: () => StackTheme
+});
+module.exports = __toCommonJS(theme_provider_exports);
+var import_global_css = require("../generated/global-css");
+var import_browser_script = require("../utils/browser-script");
+var import_constants = require("../utils/constants");
+var import_color = __toESM(require("color"));
+var import_strings = require("@stackframe/stack-shared/dist/utils/strings");
+var import_jsx_runtime = require("react/jsx-runtime");
+function convertColorToCSSVars(obj) {
+  return Object.fromEntries(Object.entries(obj).map(([key, value]) => {
+    const color = (0, import_color.default)(value).hsl().array();
+    return [
+      // Convert camelCase key to dash-case
+      key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`),
+      // Convert color to CSS HSL string
+      `${color[0]} ${color[1]}% ${color[2]}%`
+    ];
+  }));
+}
+function convertColorsToCSS(theme) {
+  const { dark, light, ...rest } = theme;
+  const colors = {
+    light: { ...convertColorToCSSVars(light), ...rest },
+    dark: convertColorToCSSVars(dark)
+  };
+  function colorsToCSSVars(colors2) {
+    return Object.entries(colors2).map((params) => {
+      return `--${params[0]}: ${params[1]};
+`;
+    }).join("");
+  }
+  return import_strings.deindent`
+  .stack-scope {
+  ${colorsToCSSVars(colors.light)}
+  }
+  html:has(head > [data-stack-theme="dark"]) .stack-scope {
+  ${colorsToCSSVars(colors.dark)}
+  }`;
+}
+function StackTheme({
+  theme,
+  children,
+  nonce
+}) {
+  const themeValue = {
+    ...import_constants.DEFAULT_THEME,
+    ...theme,
+    dark: { ...import_constants.DEFAULT_THEME.dark, ...theme?.dark },
+    light: { ...import_constants.DEFAULT_THEME.light, ...theme?.light }
+  };
+  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
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackTheme
+});
+//# sourceMappingURL=theme-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["'use client';\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\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  html:has(head > [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 // we need this since the nonce can differ between client and server\n        nonce={nonce}\n        dangerouslySetInnerHTML={{\n          __html: globalCSS + \"\\n\" + convertColorsToCSS(themeValue),\n        }}\n      />\n      {children}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,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/providers/translation-provider-client.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+
+declare const TranslationContext: React$1.Context<{
+    quetzalKeys: Map<string, string>;
+    quetzalLocale: Map<string, string>;
+} | null>;
+declare function TranslationProviderClient(props: {
+    children: React.ReactNode;
+    quetzalKeys: Map<string, string>;
+    quetzalLocale: Map<string, string>;
+}): react_jsx_runtime.JSX.Element;
+
+export { TranslationContext, TranslationProviderClient };

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

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+
+declare const TranslationContext: React$1.Context<{
+    quetzalKeys: Map<string, string>;
+    quetzalLocale: Map<string, string>;
+} | null>;
+declare function TranslationProviderClient(props: {
+    children: React.ReactNode;
+    quetzalKeys: Map<string, string>;
+    quetzalLocale: Map<string, string>;
+}): react_jsx_runtime.JSX.Element;
+
+export { TranslationContext, TranslationProviderClient };

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

@@ -0,0 +1,43 @@
+"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/translation-provider-client.tsx
+var translation_provider_client_exports = {};
+__export(translation_provider_client_exports, {
+  TranslationContext: () => TranslationContext,
+  TranslationProviderClient: () => TranslationProviderClient
+});
+module.exports = __toCommonJS(translation_provider_client_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TranslationContext = (0, import_react.createContext)(null);
+function TranslationProviderClient(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TranslationContext.Provider, { value: {
+    quetzalKeys: props.quetzalKeys,
+    quetzalLocale: props.quetzalLocale
+  }, children: props.children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TranslationContext,
+  TranslationProviderClient
+});
+//# sourceMappingURL=translation-provider-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/translation-provider-client.tsx"],"sourcesContent":["\"use client\";\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\n\nimport { createContext, useContext } from \"react\";\n\nexport const TranslationContext = createContext<null | {\n  quetzalKeys: Map<string, string>,\n  quetzalLocale: Map<string, string>,\n}>(null);\n\nexport function TranslationProviderClient(props: {\n  children: React.ReactNode,\n  quetzalKeys: Map<string, string>,\n  quetzalLocale: Map<string, string>,\n}) {\n  return (\n    <TranslationContext.Provider value={{\n      quetzalKeys: props.quetzalKeys,\n      quetzalLocale: props.quetzalLocale,\n    }}>\n      {props.children}\n    </TranslationContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,mBAA0C;AAatC;AAXG,IAAM,yBAAqB,4BAG/B,IAAI;AAEA,SAAS,0BAA0B,OAIvC;AACD,SACE,4CAAC,mBAAmB,UAAnB,EAA4B,OAAO;AAAA,IAClC,aAAa,MAAM;AAAA,IACnB,eAAe,MAAM;AAAA,EACvB,GACG,gBAAM,UACT;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { quetzalLocales } from '../generated/quetzal-translations.mjs';
+
+declare function TranslationProvider({ lang, translationOverrides, children }: {
+    lang: Parameters<typeof quetzalLocales.get>[0] | undefined;
+    translationOverrides?: Record<string, string>;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { TranslationProvider };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { quetzalLocales } from '../generated/quetzal-translations.js';
+
+declare function TranslationProvider({ lang, translationOverrides, children }: {
+    lang: Parameters<typeof quetzalLocales.get>[0] | undefined;
+    translationOverrides?: Record<string, string>;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { TranslationProvider };

package/dist/providers/translation-provider.js

@@ -0,0 +1,43 @@
+"use strict";
+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/translation-provider.tsx
+var translation_provider_exports = {};
+__export(translation_provider_exports, {
+  TranslationProvider: () => TranslationProvider
+});
+module.exports = __toCommonJS(translation_provider_exports);
+var import_errors = require("@stackframe/stack-shared/dist/utils/errors");
+var import_quetzal_translations = require("../generated/quetzal-translations");
+var import_translation_provider_client = require("./translation-provider-client");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TranslationProvider({ lang, translationOverrides, children }) {
+  const locale = import_quetzal_translations.quetzalLocales.get(lang ?? void 0);
+  const localeWithOverrides = new Map(locale);
+  for (const [orig, override] of Object.entries(translationOverrides ?? {})) {
+    const key = import_quetzal_translations.quetzalKeys.get(orig) ?? (0, import_errors.throwErr)(new Error(`Invalid translation override: Original key ${JSON.stringify(orig)} not found. Make sure you are passing the correct values into the translationOverrides property of the component.`));
+    localeWithOverrides.set(key, override);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider_client.TranslationProviderClient, { quetzalKeys: import_quetzal_translations.quetzalKeys, quetzalLocale: localeWithOverrides, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TranslationProvider
+});
+//# sourceMappingURL=translation-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/translation-provider.tsx"],"sourcesContent":["//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY\n//===========================================\n\nimport { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { quetzalKeys, quetzalLocales } from \"../generated/quetzal-translations\";\nimport { TranslationProviderClient } from \"./translation-provider-client\";\n\nexport function TranslationProvider({ lang, translationOverrides, children }: {\n  lang: Parameters<typeof quetzalLocales.get>[0] | undefined,\n  translationOverrides?: Record<string, string>,\n  children: React.ReactNode,\n}) {\n  const locale = quetzalLocales.get(lang ?? (undefined as never));\n\n  const localeWithOverrides = new Map<string, string>(locale);\n  for (const [orig, override] of Object.entries(translationOverrides ?? {})) {\n    const key = quetzalKeys.get(orig as never) ?? throwErr(new Error(`Invalid translation override: Original key ${JSON.stringify(orig)} not found. Make sure you are passing the correct values into the translationOverrides property of the component.`));\n    localeWithOverrides.set(key, override);\n  }\n\n  return <TranslationProviderClient quetzalKeys={quetzalKeys} quetzalLocale={localeWithOverrides}>\n    {children}\n  </TranslationProviderClient>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,oBAAyB;AACzB,kCAA4C;AAC5C,yCAA0C;AAejC;AAbF,SAAS,oBAAoB,EAAE,MAAM,sBAAsB,SAAS,GAIxE;AACD,QAAM,SAAS,2CAAe,IAAI,QAAS,MAAmB;AAE9D,QAAM,sBAAsB,IAAI,IAAoB,MAAM;AAC1D,aAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,wBAAwB,CAAC,CAAC,GAAG;AACzE,UAAM,MAAM,wCAAY,IAAI,IAAa,SAAK,wBAAS,IAAI,MAAM,8CAA8C,KAAK,UAAU,IAAI,CAAC,mHAAmH,CAAC;AACvP,wBAAoB,IAAI,KAAK,QAAQ;AAAA,EACvC;AAEA,SAAO,4CAAC,gEAA0B,aAAa,yCAAa,eAAe,qBACxE,UACH;AACF;","names":[]}

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

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

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

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