@hexclave/next 1.0.0

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

@@ -0,0 +1,30 @@
+"use client";
+
+import React, { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useStackApp } from "../lib/hooks.js";
+import { StackClientApp, stackAppInternalsSymbol } from "../lib/stack-app/index.js";
+import { globalVar } from "@hexclave/shared/dist/utils/globals";
+import { StackContext } from "./stack-context.js";
+
+//#region src/providers/stack-provider-client.tsx
+function StackProviderClient(props) {
+	const app = props.serialized ? StackClientApp[stackAppInternalsSymbol].fromClientJson(props.app) : props.app;
+	globalVar.__STACK_AUTH__ = { app };
+	return /* @__PURE__ */ jsx(StackContext.Provider, {
+		value: { app },
+		children: props.children
+	});
+}
+function UserSetter(props) {
+	const app = useStackApp();
+	useEffect(() => {
+		const promise = (async () => await props.userJsonPromise)();
+		app[stackAppInternalsSymbol].setCurrentUser(promise);
+	}, []);
+	return null;
+}
+
+//#endregion
+export { StackProviderClient, UserSetter };
+//# sourceMappingURL=stack-provider-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-provider-client.js","names":[],"sources":["../../../src/providers/stack-provider-client.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\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 \"../lib/hooks\";\nimport { StackClientApp, StackClientAppJson, stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport { StackContext } from \"./stack-context\";\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  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":";;;;;;;;;;AAcA,SAAgB,oBAAoB,OAIjC;CACD,MAAM,MAAM,MAAM,aACd,eAAe,yBAAyB,eAAe,MAAM,IAAwC,GACrG,MAAM;AACV,WAAU,iBAAiB,EAAE,KAAK;AAElC,QACE,oBAAC,aAAa;EAAS,OAAO,EAAE,KAAK;YAClC,MAAM;GACe;;AAI5B,SAAgB,WAAW,OAA+E;CACxG,MAAM,MAAM,aAAa;AACzB,iBAAgB;EACd,MAAM,WAAW,YAAY,MAAM,MAAM,kBAAkB;AAC3D,MAAI,yBAAyB,eAAe,QAAQ;IACnD,EAAE,CAAC;AACN,QAAO"}

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

@@ -0,0 +1,26 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { StackAdminApp, StackClientApp, StackServerApp } from "../lib/stack-app";
+import { TranslationProvider } from "./translation-provider";
+
+//#region src/providers/stack-provider.d.ts
+declare function NextStackProvider({
+  children,
+  app,
+  lang,
+  translationOverrides
+}: {
+  lang?: React.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.ReactNode;
+  app: StackClientApp<true> | StackServerApp<true> | StackAdminApp<true>;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NextStackProvider as default };
+//# sourceMappingURL=stack-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-provider.d.ts","names":[],"sources":["../../../src/providers/stack-provider.tsx"],"mappings":";;;;;;iBASS,iBAAA,CAAA;EACP,QAAA;EACA,GAAA;EACA,IAAA;EACA;AAAA;EAEA,IAAA,GAAO,KAAA,CAAM,cAAA,QAAsB,mBAAA;;AARwB;;;;;EAe3D,oBAAA,GAAuB,MAAA;EACvB,QAAA,EAAU,KAAA,CAAM,SAAA;EAEhB,GAAA,EAAK,cAAA,SAAuB,cAAA,SAAuB,aAAA;AAAA,IACpD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,22 @@
+import React, { Suspense } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { stackAppInternalsSymbol } from "../lib/stack-app/index.js";
+import { StackProviderClient } from "./stack-provider-client.js";
+import { TranslationProvider } from "./translation-provider.js";
+
+//#region src/providers/stack-provider.tsx
+function NextStackProvider({ children, app, lang, translationOverrides }) {
+	return /* @__PURE__ */ jsxs(StackProviderClient, {
+		app: app[stackAppInternalsSymbol].toClientJson(),
+		serialized: true,
+		children: [/* @__PURE__ */ jsx(Suspense, { fallback: null }), /* @__PURE__ */ jsx(TranslationProvider, {
+			lang,
+			translationOverrides,
+			children
+		})]
+	});
+}
+
+//#endregion
+export { NextStackProvider as default };
+//# sourceMappingURL=stack-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-provider.js","names":[],"sources":["../../../src/providers/stack-provider.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport React, { Suspense } from 'react';\nimport { StackAdminApp, StackClientApp, StackServerApp, stackAppInternalsSymbol } from '../lib/stack-app';\nimport { StackProviderClient } from './stack-provider-client';\nimport { TranslationProvider } from './translation-provider';\n\nfunction NextStackProvider({\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> | StackServerApp<true> | StackAdminApp<true>,\n}) {\n  return (\n    <StackProviderClient app={app[stackAppInternalsSymbol].toClientJson()} serialized={true}>\n      <Suspense fallback={null} />\n      <TranslationProvider lang={lang} translationOverrides={translationOverrides}>\n        {children}\n      </TranslationProvider>\n    </StackProviderClient>\n  );\n}\n\nexport default NextStackProvider;\n"],"mappings":";;;;;;;AASA,SAAS,kBAAkB,EACzB,UACA,KACA,MACA,wBAaC;AACD,QACE,qBAAC;EAAoB,KAAK,IAAI,yBAAyB,cAAc;EAAE,YAAY;aACjF,oBAAC,YAAS,UAAU,OAAQ,EAC5B,oBAAC;GAA0B;GAA4B;GACpD;IACmB;GACF"}

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

@@ -0,0 +1,46 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/theme-provider.d.ts
+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.ReactNode;
+  nonce?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { StackTheme, Theme };
+//# sourceMappingURL=theme-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","names":[],"sources":["../../../src/providers/theme-provider.tsx"],"mappings":";;;;KAeK,MAAA;EACH,UAAA;EACA,UAAA;EACA,IAAA;EACA,cAAA;EACA,OAAA;EACA,iBAAA;EACA,OAAA;EACA,iBAAA;EACA,SAAA;EACA,mBAAA;EACA,KAAA;EACA,eAAA;EACA,MAAA;EACA,gBAAA;EACA,WAAA;EACA,qBAAA;EACA,MAAA;EACA,KAAA;EACA,IAAA;AAAA;AAAA,KAGU,KAAA;EACV,KAAA,EAAO,MAAA;EACP,IAAA,EAAM,MAAA;EACN,MAAA;AAAA;AAAA,KAGG,WAAA;EACH,KAAA,GAAQ,OAAA,CAAQ,MAAA;EAChB,IAAA,GAAO,OAAA,CAAQ,MAAA;AAAA,IACb,OAAA,CAAQ,IAAA,CAAK,KAAA;AAAA,iBAsCD,UAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA;AAAA;EAEA,KAAA,GAAQ,WAAA;EACR,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,KAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,68 @@
+'use client';
+
+import { TooltipProvider } from "@hexclave/ui";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Color from "color";
+import { deindent } from "@hexclave/shared/dist/utils/strings";
+import { globalCSS } from "../generated/global-css.js";
+import { BrowserScript } from "../utils/browser-script.js";
+import { DEFAULT_THEME } from "../utils/constants.js";
+
+//#region src/providers/theme-provider.tsx
+function convertColorToCSSVars(obj) {
+	return Object.fromEntries(Object.entries(obj).map(([key, value]) => {
+		const color = Color(value).hsl().array();
+		return [key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`), `${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(colors) {
+		return Object.entries(colors).map((params) => {
+			return `--${params[0]}: ${params[1]};\n`;
+		}).join("");
+	}
+	return 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 = {
+		...DEFAULT_THEME,
+		...theme,
+		dark: {
+			...DEFAULT_THEME.dark,
+			...theme?.dark
+		},
+		light: {
+			...DEFAULT_THEME.light,
+			...theme?.light
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(BrowserScript, { nonce }),
+		/* @__PURE__ */ jsx("style", {
+			suppressHydrationWarning: true,
+			nonce,
+			dangerouslySetInnerHTML: { __html: globalCSS + "\n" + convertColorsToCSS(themeValue) }
+		}),
+		/* @__PURE__ */ jsx(TooltipProvider, { children })
+	] });
+}
+
+//#endregion
+export { StackTheme };
+//# sourceMappingURL=theme-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","names":[],"sources":["../../../src/providers/theme-provider.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { deindent } from \"@stackframe/stack-shared/dist/utils/strings\";\nimport { TooltipProvider } from \"@stackframe/stack-ui\";\nimport Color from \"color\";\nimport React from \"react\";\nimport { globalCSS } from \"../generated/global-css\";\nimport { BrowserScript } from \"../utils/browser-script\";\nimport { DEFAULT_THEME } from \"../utils/constants\";\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\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      <TooltipProvider>\n        {children}\n      </TooltipProvider>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgDA,SAAS,sBAAsB,KAA6B;AAC1D,QAAO,OAAO,YAAY,OAAO,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW;EAClE,MAAM,QAAQ,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO;AACxC,SAAO,CAEL,IAAI,QAAQ,WAAU,MAAK,IAAI,EAAE,aAAa,GAAG,EAEjD,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,IAAI,MAAM,GAAG,GACtC;GACD,CAAC;;AAGL,SAAS,mBAAmB,OAAc;CACxC,MAAM,EAAE,MAAM,OAAO,GAAG,SAAS;CACjC,MAAM,SAAS;EACb,OAAO;GAAE,GAAG,sBAAsB,MAAM;GAAE,GAAG;GAAM;EACnD,MAAM,sBAAsB,KAAK;EAClC;CAED,SAAS,gBAAgB,QAAgC;AACvD,SAAO,OAAO,QAAQ,OAAO,CAAC,KAAK,WAAW;AAC5C,UAAO,KAAK,OAAO,GAAG,IAAI,OAAO,GAAG;IACpC,CAAC,KAAK,GAAG;;AAGb,QAAO,QAAQ;;QAET,gBAAgB,OAAO,MAAM,CAAC;;;QAG9B,gBAAgB,OAAO,KAAK,CAAC;;;;AAMrC,SAAgB,WAAW,EACzB,OACA,UACA,SAKC;CACD,MAAM,aAAoB;EACxB,GAAG;EACH,GAAG;EACH,MAAM;GAAE,GAAG,cAAc;GAAM,GAAG,OAAO;GAAM;EAC/C,OAAO;GAAE,GAAG,cAAc;GAAO,GAAG,OAAO;GAAO;EACnD;AAED,QACE;EACE,oBAAC,iBAAqB,QAAS;EAC/B,oBAAC;GACC;GACO;GACP,yBAAyB,EACvB,QAAQ,YAAY,OAAO,mBAAmB,WAAW,EAC1D;IACD;EACF,oBAAC,mBACE,WACe;KACjB"}

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

@@ -0,0 +1,16 @@
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/translation-provider-client.d.ts
+declare const TranslationContext: react.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_runtime0.JSX.Element;
+//#endregion
+export { TranslationContext, TranslationProviderClient };
+//# sourceMappingURL=translation-provider-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translation-provider-client.d.ts","names":[],"sources":["../../../src/providers/translation-provider-client.tsx"],"mappings":";;;;cASa,kBAAA,EAEO,KAAA,CAFW,OAAA;eAChB,GAAA;iBACE,GAAA;AAAA;AAAA,iBAGD,yBAAA,CAA0B,KAAA;EACxC,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,WAAA,EAAa,GAAA;EACb,aAAA,EAAe,GAAA;AAAA,IAChB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,20 @@
+"use client";
+
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/providers/translation-provider-client.tsx
+const TranslationContext = createContext(null);
+function TranslationProviderClient(props) {
+	return /* @__PURE__ */ jsx(TranslationContext.Provider, {
+		value: {
+			quetzalKeys: props.quetzalKeys,
+			quetzalLocale: props.quetzalLocale
+		},
+		children: props.children
+	});
+}
+
+//#endregion
+export { TranslationContext, TranslationProviderClient };
+//# sourceMappingURL=translation-provider-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translation-provider-client.js","names":[],"sources":["../../../src/providers/translation-provider-client.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\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":";;;;;;AASA,MAAa,qBAAqB,cAG/B,KAAK;AAER,SAAgB,0BAA0B,OAIvC;AACD,QACE,oBAAC,mBAAmB;EAAS,OAAO;GAClC,aAAa,MAAM;GACnB,eAAe,MAAM;GACtB;YACE,MAAM;GACqB"}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { quetzalLocales } from "../generated/quetzal-translations";
+
+//#region src/providers/translation-provider.d.ts
+declare function TranslationProvider({
+  lang,
+  translationOverrides,
+  children
+}: {
+  lang: Parameters<typeof quetzalLocales.get>[0] | undefined;
+  translationOverrides?: Record<string, string>;
+  children: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TranslationProvider };
+//# sourceMappingURL=translation-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translation-provider.d.ts","names":[],"sources":["../../../src/providers/translation-provider.tsx"],"mappings":";;;;iBAQgB,mBAAA,CAAA;EAAsB,IAAA;EAAM,oBAAA;EAAsB;AAAA;EAChE,IAAA,EAAM,UAAA,QAAkB,cAAA,CAAe,GAAA;EACvC,oBAAA,GAAuB,MAAA;EACvB,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,IACjB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,23 @@
+import { throwErr } from "@hexclave/shared/dist/utils/errors";
+import { jsx } from "react/jsx-runtime";
+import { quetzalKeys, quetzalLocales } from "../generated/quetzal-translations.js";
+import { TranslationProviderClient } from "./translation-provider-client.js";
+
+//#region src/providers/translation-provider.tsx
+function TranslationProvider({ lang, translationOverrides, children }) {
+	const locale = quetzalLocales.get(lang ?? void 0);
+	const localeWithOverrides = new Map(locale);
+	for (const [orig, override] of Object.entries(translationOverrides ?? {})) {
+		const key = quetzalKeys.get(orig) ?? throwErr(/* @__PURE__ */ 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__ */ jsx(TranslationProviderClient, {
+		quetzalKeys,
+		quetzalLocale: localeWithOverrides,
+		children
+	});
+}
+
+//#endregion
+export { TranslationProvider };
+//# sourceMappingURL=translation-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translation-provider.js","names":[],"sources":["../../../src/providers/translation-provider.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\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":";;;;;;AAQA,SAAgB,oBAAoB,EAAE,MAAM,sBAAsB,YAI/D;CACD,MAAM,SAAS,eAAe,IAAI,QAAS,OAAoB;CAE/D,MAAM,sBAAsB,IAAI,IAAoB,OAAO;AAC3D,MAAK,MAAM,CAAC,MAAM,aAAa,OAAO,QAAQ,wBAAwB,EAAE,CAAC,EAAE;EACzE,MAAM,MAAM,YAAY,IAAI,KAAc,IAAI,yBAAS,IAAI,MAAM,8CAA8C,KAAK,UAAU,KAAK,CAAC,mHAAmH,CAAC;AACxP,sBAAoB,IAAI,KAAK,SAAS;;AAGxC,QAAO,oBAAC;EAAuC;EAAa,eAAe;EACxE;GACyB"}

package/dist/esm/tanstack-start-server-context.d.ts

@@ -0,0 +1,15 @@
+import * as _tanstack_react_start_server0 from "@tanstack/react-start/server";
+
+//#region src/tanstack-start-server-context.d.ts
+//===========================================
+// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template
+//===========================================
+declare module "@hexclave/tanstack-start/tanstack-start-server-context" {
+  type TanStackStartServerContext = typeof _tanstack_react_start_server0;
+  export const deleteCookie: TanStackStartServerContext["deleteCookie"] | undefined;
+  export const getCookie: TanStackStartServerContext["getCookie"] | undefined;
+  export const getCookies: TanStackStartServerContext["getCookies"] | undefined;
+  export const getRequestHeader: TanStackStartServerContext["getRequestHeader"] | undefined;
+  export const setCookie: TanStackStartServerContext["setCookie"] | undefined;
+}
+//# sourceMappingURL=tanstack-start-server-context.d.ts.map

package/dist/esm/tanstack-start-server-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tanstack-start-server-context.d.ts","names":["_0","_tanstack_react_start_server0","TanStackStartServerContext","deleteCookie","getCookie","getCookies","getRequestHeader","setCookie","sideEffect"],"sources":["../../src/tanstack-start-server-context.d.ts"],"mappings":";;;;;;;OAKOE,0BAAAA,UAAyED,6BAAAA;EAAAA,aAEjEE,YAAAA,EAAcD,0BAAAA;EAAAA,aACdE,SAAAA,EAAWF,0BAAAA;EAAAA,aACXG,UAAAA,EAAYH,0BAAAA;EAAAA,aACZI,gBAAAA,EAAkBJ,0BAAAA;EAAAA,aAClBK,SAAAA,EAAWL,0BAAAA;AAAAA"}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/utils/browser-script.d.ts
+declare function BrowserScript(props: {
+  nonce?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BrowserScript };
+//# sourceMappingURL=browser-script.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"browser-script.d.ts","names":[],"sources":["../../../src/utils/browser-script.tsx"],"mappings":";;;iBAoIgB,aAAA,CAAc,KAAA;EAAU,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,105 @@
+import { jsx } from "react/jsx-runtime";
+import { SsrScript } from "../components/elements/ssr-layout-effect.js";
+
+//#region src/utils/browser-script.tsx
+const script = () => {
+	const attributes = [
+		"data-joy-color-scheme",
+		"data-mui-color-scheme",
+		"data-theme",
+		"data-color-scheme",
+		"class"
+	];
+	const getColorMode = (value) => {
+		if (value.includes("dark")) return "dark";
+		if (value.includes("light")) return "light";
+		return null;
+	};
+	const setTheme = (mode) => {
+		let el = document.getElementById(`--stack-theme-mode`);
+		if (!el) {
+			el = document.createElement("style");
+			el.id = `--stack-theme-mode`;
+			el.innerHTML = `/* This tag is used by Hexclave to set the theme in the browser without causing a hydration error (since React ignores additional tags in the <head>). We later use the \`html:has(head > [data-stack-theme=XYZ])\` selector to apply styles based on the theme. */`;
+			document.head.appendChild(el);
+		}
+		el.setAttribute("data-stack-theme", mode);
+	};
+	const colorToRGB = (color) => {
+		const temp = document.createElement("div");
+		temp.style.color = color;
+		document.body.appendChild(temp);
+		const computedColor = getComputedStyle(temp).color;
+		document.body.removeChild(temp);
+		const match = computedColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+		if (match) return [
+			parseInt(match[1]),
+			parseInt(match[2]),
+			parseInt(match[3])
+		];
+		return null;
+	};
+	const rgbToLuma = (rgb) => {
+		return (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1e3;
+	};
+	const copyFromColorScheme = () => {
+		const colorScheme = getComputedStyle(document.documentElement).getPropertyValue("color-scheme");
+		if (colorScheme) {
+			const mode = getColorMode(colorScheme);
+			if (mode) {
+				setTheme(mode);
+				return true;
+			}
+		}
+		return false;
+	};
+	const copyFromVariables = () => {
+		let backgroundColor = getComputedStyle(document.documentElement).getPropertyValue("--background");
+		if (backgroundColor) {
+			if (/^\d+\s\d+%\s\d+(\.\d+)?%$/.test(backgroundColor)) backgroundColor = `hsl(${backgroundColor})`;
+			const rgb = colorToRGB(backgroundColor);
+			if (rgb) {
+				if (rgbToLuma(rgb) < 128) setTheme("dark");
+				else setTheme("light");
+				return true;
+			}
+		}
+		return false;
+	};
+	const copyFromAttributes = () => {
+		for (const attributeName of attributes) {
+			const colorTheme = document.documentElement.getAttribute(attributeName);
+			if (colorTheme) {
+				const mode = getColorMode(colorTheme);
+				if (mode) {
+					setTheme(mode);
+					return true;
+				}
+			}
+		}
+		return false;
+	};
+	new MutationObserver((mutations) => {
+		mutations.forEach((mutation) => {
+			if (copyFromColorScheme()) return;
+			if (mutation.attributeName && attributes.includes(mutation.attributeName) && copyFromAttributes()) return;
+			if (copyFromVariables()) return;
+		});
+	}).observe(document.documentElement, {
+		attributes: true,
+		attributeFilter: attributes
+	});
+	if (!copyFromColorScheme()) {
+		if (!copyFromAttributes()) copyFromVariables();
+	}
+};
+function BrowserScript(props) {
+	return /* @__PURE__ */ jsx(SsrScript, {
+		nonce: props.nonce,
+		script: `(${script.toString()})()`
+	});
+}
+
+//#endregion
+export { BrowserScript };
+//# sourceMappingURL=browser-script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"browser-script.js","names":[],"sources":["../../../src/utils/browser-script.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// 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\nconst script = () => {\n  const attributes = ['data-joy-color-scheme', 'data-mui-color-scheme', 'data-theme', 'data-color-scheme', 'class'];\n\n  const getColorMode = (value: string) => {\n    if (value.includes('dark')) {\n      return 'dark';\n    }\n    if (value.includes('light')) {\n      return 'light';\n    }\n    return null;\n  };\n\n  const setTheme = (mode: 'dark' | 'light') => {\n    let el = document.getElementById(`--stack-theme-mode`);\n    if (!el) {\n      el = document.createElement(\"style\");\n      el.id = `--stack-theme-mode`;\n      el.innerHTML = `/* This tag is used by Hexclave to set the theme in the browser without causing a hydration error (since React ignores additional tags in the <head>). We later use the \\`html:has(head > [data-stack-theme=XYZ])\\` selector to apply styles based on the theme. */`;\n      document.head.appendChild(el);\n    }\n    el.setAttribute(\"data-stack-theme\", mode);\n  };\n\n  const colorToRGB = (color: string): [number, number, number] | null => {\n    // Create a temporary element to use for color conversion\n    const temp = document.createElement('div');\n    temp.style.color = color;\n    document.body.appendChild(temp);\n\n    // Get the computed style\n    const computedColor = getComputedStyle(temp).color;\n    document.body.removeChild(temp);\n\n    // Parse the RGB values\n    const match = computedColor.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/);\n    if (match) {\n      return [parseInt(match[1]), parseInt(match[2]), parseInt(match[3])];\n    }\n\n    return null;\n  };\n\n  const rgbToLuma = (rgb: [number, number, number]) => {\n    return (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;\n  };\n\n  const copyFromColorScheme = () => {\n    const colorScheme = getComputedStyle(document.documentElement).getPropertyValue('color-scheme');\n\n    if (colorScheme) {\n      const mode = getColorMode(colorScheme);\n      if (mode) {\n        setTheme(mode);\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const copyFromVariables = () => {\n    let backgroundColor = getComputedStyle(document.documentElement).getPropertyValue('--background');\n    if (backgroundColor) {\n      // shadcn by default uses the hsl values with the format \"123 45% 6.5%\"\n      if (/^\\d+\\s\\d+%\\s\\d+(\\.\\d+)?%$/.test(backgroundColor)) {\n        backgroundColor = `hsl(${backgroundColor})`;\n      }\n\n      // convert backgroundColor to luma and check if it's dark\n      const rgb = colorToRGB(backgroundColor);\n      if (rgb) {\n        const luma = rgbToLuma(rgb);\n        if (luma < 128) {\n          setTheme('dark');\n        } else {\n          setTheme('light');\n        }\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const copyFromAttributes = () => {\n    for (const attributeName of attributes) {\n      const colorTheme = document.documentElement.getAttribute(attributeName);\n      if (colorTheme) {\n        const mode = getColorMode(colorTheme);\n        if (mode) {\n          setTheme(mode);\n          return true;\n        }\n      }\n    }\n    return false;\n  };\n\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      if (copyFromColorScheme()) {\n        return;\n      }\n      if (mutation.attributeName && attributes.includes(mutation.attributeName) && copyFromAttributes()) {\n        return;\n      }\n      if (copyFromVariables()) {\n        return;\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: attributes,\n  });\n\n  // Initial check on page load\n  if (!copyFromColorScheme()) {\n    if (!copyFromAttributes()) {\n      copyFromVariables();\n    }\n  }\n};\n\nexport function BrowserScript(props : { nonce?: string }) {\n  return <SsrScript nonce={props.nonce} script={`(${script.toString()})()`}/>;\n}\n"],"mappings":";;;;AAQA,MAAM,eAAe;CACnB,MAAM,aAAa;EAAC;EAAyB;EAAyB;EAAc;EAAqB;EAAQ;CAEjH,MAAM,gBAAgB,UAAkB;AACtC,MAAI,MAAM,SAAS,OAAO,CACxB,QAAO;AAET,MAAI,MAAM,SAAS,QAAQ,CACzB,QAAO;AAET,SAAO;;CAGT,MAAM,YAAY,SAA2B;EAC3C,IAAI,KAAK,SAAS,eAAe,qBAAqB;AACtD,MAAI,CAAC,IAAI;AACP,QAAK,SAAS,cAAc,QAAQ;AACpC,MAAG,KAAK;AACR,MAAG,YAAY;AACf,YAAS,KAAK,YAAY,GAAG;;AAE/B,KAAG,aAAa,oBAAoB,KAAK;;CAG3C,MAAM,cAAc,UAAmD;EAErE,MAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,MAAM,QAAQ;AACnB,WAAS,KAAK,YAAY,KAAK;EAG/B,MAAM,gBAAgB,iBAAiB,KAAK,CAAC;AAC7C,WAAS,KAAK,YAAY,KAAK;EAG/B,MAAM,QAAQ,cAAc,MAAM,mCAAmC;AACrE,MAAI,MACF,QAAO;GAAC,SAAS,MAAM,GAAG;GAAE,SAAS,MAAM,GAAG;GAAE,SAAS,MAAM,GAAG;GAAC;AAGrE,SAAO;;CAGT,MAAM,aAAa,QAAkC;AACnD,UAAQ,IAAI,KAAK,MAAM,IAAI,KAAK,MAAM,IAAI,KAAK,OAAO;;CAGxD,MAAM,4BAA4B;EAChC,MAAM,cAAc,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,eAAe;AAE/F,MAAI,aAAa;GACf,MAAM,OAAO,aAAa,YAAY;AACtC,OAAI,MAAM;AACR,aAAS,KAAK;AACd,WAAO;;;AAGX,SAAO;;CAGT,MAAM,0BAA0B;EAC9B,IAAI,kBAAkB,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,eAAe;AACjG,MAAI,iBAAiB;AAEnB,OAAI,4BAA4B,KAAK,gBAAgB,CACnD,mBAAkB,OAAO,gBAAgB;GAI3C,MAAM,MAAM,WAAW,gBAAgB;AACvC,OAAI,KAAK;AAEP,QADa,UAAU,IAAI,GAChB,IACT,UAAS,OAAO;QAEhB,UAAS,QAAQ;AAEnB,WAAO;;;AAGX,SAAO;;CAGT,MAAM,2BAA2B;AAC/B,OAAK,MAAM,iBAAiB,YAAY;GACtC,MAAM,aAAa,SAAS,gBAAgB,aAAa,cAAc;AACvE,OAAI,YAAY;IACd,MAAM,OAAO,aAAa,WAAW;AACrC,QAAI,MAAM;AACR,cAAS,KAAK;AACd,YAAO;;;;AAIb,SAAO;;AAiBT,CAdiB,IAAI,kBAAkB,cAAc;AACnD,YAAU,SAAS,aAAa;AAC9B,OAAI,qBAAqB,CACvB;AAEF,OAAI,SAAS,iBAAiB,WAAW,SAAS,SAAS,cAAc,IAAI,oBAAoB,CAC/F;AAEF,OAAI,mBAAmB,CACrB;IAEF;GACF,CAEO,QAAQ,SAAS,iBAAiB;EACzC,YAAY;EACZ,iBAAiB;EAClB,CAAC;AAGF,KAAI,CAAC,qBAAqB,EACxB;MAAI,CAAC,oBAAoB,CACvB,oBAAmB;;;AAKzB,SAAgB,cAAc,OAA4B;AACxD,QAAO,oBAAC;EAAU,OAAO,MAAM;EAAO,QAAQ,IAAI,OAAO,UAAU,CAAC;GAAO"}

package/dist/esm/utils/constants.d.ts

@@ -0,0 +1,81 @@
+//#region src/utils/constants.d.ts
+declare const FONT_SIZES: {
+  readonly xs: "0.75rem";
+  readonly sm: "0.875rem";
+  readonly md: "1rem";
+  readonly lg: "1.125rem";
+  readonly xl: "1.25rem";
+};
+declare const LINE_HEIGHTS: {
+  readonly xs: "1rem";
+  readonly sm: "1.25rem";
+  readonly md: "1.5rem";
+  readonly lg: "1.75rem";
+  readonly xl: "2rem";
+};
+declare const FONT_FAMILY = "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
+declare const PRIMARY_FONT_COLORS: {
+  readonly dark: "white";
+  readonly light: "black";
+};
+declare const SECONDARY_FONT_COLORS: {
+  readonly dark: "#a8a8a8";
+  readonly light: "#737373";
+};
+declare const SELECTED_BACKGROUND_COLORS: {
+  readonly dark: "rgba(255, 255, 255, 0.1)";
+  readonly light: "rgba(0, 0, 0, 0.04)";
+};
+declare const LINK_COLORS: {
+  readonly dark: "#fff";
+  readonly light: "#000";
+};
+declare const SHADOW = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+declare const DEFAULT_THEME: {
+  readonly light: {
+    readonly background: "hsl(0 0% 100%)";
+    readonly foreground: "hsl(240 10% 3.9%)";
+    readonly card: "hsl(0 0% 100%)";
+    readonly cardForeground: "hsl(240 10% 3.9%)";
+    readonly popover: "hsl(0 0% 100%)";
+    readonly popoverForeground: "hsl(240 10% 3.9%)";
+    readonly primary: "hsl(240 5.9% 10%)";
+    readonly primaryForeground: "hsl(0 0% 98%)";
+    readonly secondary: "hsl(240 4.8% 95.9%)";
+    readonly secondaryForeground: "hsl(240 5.9% 10%)";
+    readonly muted: "hsl(240 4.8% 95.9%)";
+    readonly mutedForeground: "hsl(240 3.8% 46.1%)";
+    readonly accent: "hsl(240 4.8% 95.9%)";
+    readonly accentForeground: "hsl(240 5.9% 10%)";
+    readonly destructive: "hsl(0 84.2% 60.2%)";
+    readonly destructiveForeground: "hsl(0 0% 98%)";
+    readonly border: "hsl(240 5.9% 90%)";
+    readonly input: "hsl(240 5.9% 90%)";
+    readonly ring: "hsl(240 10% 3.9%)";
+  };
+  readonly dark: {
+    readonly background: "hsl(240 10% 3.9%)";
+    readonly foreground: "hsl(0 0% 98%)";
+    readonly card: "hsl(240 10% 3.9%)";
+    readonly cardForeground: "hsl(0 0% 98%)";
+    readonly popover: "hsl(240 10% 3.9%)";
+    readonly popoverForeground: "hsl(0 0% 98%)";
+    readonly primary: "hsl(0 0% 98%)";
+    readonly primaryForeground: "hsl(240 5.9% 10%)";
+    readonly secondary: "hsl(240 3.7% 15.9%)";
+    readonly secondaryForeground: "hsl(0 0% 98%)";
+    readonly muted: "hsl(240 3.7% 15.9%)";
+    readonly mutedForeground: "hsl(240 5% 64.9%)";
+    readonly accent: "hsl(240 3.7% 15.9%)";
+    readonly accentForeground: "hsl(0 0% 98%)";
+    readonly destructive: "hsl(0 62.8% 50%)";
+    readonly destructiveForeground: "hsl(0 0% 98%)";
+    readonly border: "hsl(240 3.7% 15.9%)";
+    readonly input: "hsl(240 3.7% 15.9%)";
+    readonly ring: "hsl(240 4.9% 83.9%)";
+  };
+  readonly radius: "0.5rem";
+};
+//#endregion
+export { DEFAULT_THEME, FONT_FAMILY, FONT_SIZES, LINE_HEIGHTS, LINK_COLORS, PRIMARY_FONT_COLORS, SECONDARY_FONT_COLORS, SELECTED_BACKGROUND_COLORS, SHADOW };
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/utils/constants.tsx"],"mappings":";cAIa,UAAA;EAAA;;;;;;cACA,YAAA;EAAA;;;;;;cACA,WAAA;AAAA,cACA,mBAAA;EAAA,SAAoE,IAAA;EAAA,SAAA,KAAA;AAAA;AAAA,cACpE,qBAAA;EAAA,SAA0E,IAAA;EAAA,SAAA,KAAA;AAAA;AAAA,cAC1E,0BAAA;EAAA,SAA4G,IAAA;EAAA,SAAA,KAAA;AAAA;AAAA,cAC5G,WAAA;EAAA,SAA0D,IAAA;EAAA,SAAA,KAAA;AAAA;AAAA,cAC1D,MAAA;AAAA,cAEA,aAAA;EAAA"}