npm - @stackframe/tanstack-start - Versions diffs - 0.0.1 → 2.8.91 - Mend

@stackframe/tanstack-start 0.0.1 → 2.8.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1037) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 Stack Auth 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 ADDED Viewed

@@ -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 Stack Auth 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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"}

package/dist/esm/utils/constants.js ADDED Viewed

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

package/dist/esm/utils/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","names":[],"sources":["../../../src/utils/constants.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//===========================================\nexport const FONT_SIZES = { 'xs': '0.75rem', 'sm': '0.875rem', 'md': '1rem', 'lg': '1.125rem', 'xl': '1.25rem' } as const;\nexport const LINE_HEIGHTS = { 'xs': '1rem', 'sm': '1.25rem', 'md': '1.5rem', 'lg': '1.75rem', 'xl': '2rem' } as const;\nexport const FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\nexport const PRIMARY_FONT_COLORS = { 'dark': 'white', 'light': 'black' } as const;\nexport const SECONDARY_FONT_COLORS = { 'dark': '#a8a8a8', 'light': '#737373' } as const;\nexport const SELECTED_BACKGROUND_COLORS = { 'dark': 'rgba(255, 255, 255, 0.1)', 'light': 'rgba(0, 0, 0, 0.04)' } as const;\nexport const LINK_COLORS = { 'dark': '#fff', 'light': '#000' } as const;\nexport const SHADOW = '0 1px 2px 0 rgba(0, 0, 0, 0.05)';\n\nexport const DEFAULT_THEME = {\n light: {\n background: 'hsl(0 0% 100%)',\n foreground: 'hsl(240 10% 3.9%)',\n card: 'hsl(0 0% 100%)',\n cardForeground: 'hsl(240 10% 3.9%)',\n popover: 'hsl(0 0% 100%)',\n popoverForeground: 'hsl(240 10% 3.9%)',\n primary: 'hsl(240 5.9% 10%)',\n primaryForeground: 'hsl(0 0% 98%)',\n secondary: 'hsl(240 4.8% 95.9%)',\n secondaryForeground: 'hsl(240 5.9% 10%)',\n muted: 'hsl(240 4.8% 95.9%)',\n mutedForeground: 'hsl(240 3.8% 46.1%)',\n accent: 'hsl(240 4.8% 95.9%)',\n accentForeground: 'hsl(240 5.9% 10%)',\n destructive: 'hsl(0 84.2% 60.2%)',\n destructiveForeground: 'hsl(0 0% 98%)',\n border: 'hsl(240 5.9% 90%)',\n input: 'hsl(240 5.9% 90%)',\n ring: 'hsl(240 10% 3.9%)',\n },\n dark: {\n background: 'hsl(240 10% 3.9%)',\n foreground: 'hsl(0 0% 98%)',\n card: 'hsl(240 10% 3.9%)',\n cardForeground: 'hsl(0 0% 98%)',\n popover: 'hsl(240 10% 3.9%)',\n popoverForeground: 'hsl(0 0% 98%)',\n primary: 'hsl(0 0% 98%)',\n primaryForeground: 'hsl(240 5.9% 10%)',\n secondary: 'hsl(240 3.7% 15.9%)',\n secondaryForeground: 'hsl(0 0% 98%)',\n muted: 'hsl(240 3.7% 15.9%)',\n mutedForeground: 'hsl(240 5% 64.9%)',\n accent: 'hsl(240 3.7% 15.9%)',\n accentForeground: 'hsl(0 0% 98%)',\n destructive: 'hsl(0 62.8% 50%)',\n destructiveForeground: 'hsl(0 0% 98%)',\n border: 'hsl(240 3.7% 15.9%)',\n input: 'hsl(240 3.7% 15.9%)',\n ring: 'hsl(240 4.9% 83.9%)',\n },\n radius: '0.5rem',\n} as const;\n"],"mappings":";AAIA,MAAa,aAAa;CAAE,MAAM;CAAW,MAAM;CAAY,MAAM;CAAQ,MAAM;CAAY,MAAM;CAAW;AAChH,MAAa,eAAe;CAAE,MAAM;CAAQ,MAAM;CAAW,MAAM;CAAU,MAAM;CAAW,MAAM;CAAQ;AAC5G,MAAa,cAAc;AAC3B,MAAa,sBAAsB;CAAE,QAAQ;CAAS,SAAS;CAAS;AACxE,MAAa,wBAAwB;CAAE,QAAQ;CAAW,SAAS;CAAW;AAC9E,MAAa,6BAA6B;CAAE,QAAQ;CAA4B,SAAS;CAAuB;AAChH,MAAa,cAAc;CAAE,QAAQ;CAAQ,SAAS;CAAQ;AAC9D,MAAa,SAAS;AAEtB,MAAa,gBAAgB;CAC3B,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,OAAO;EACP,iBAAiB;EACjB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,OAAO;EACP,MAAM;EACP;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,MAAM;EACN,gBAAgB;EAChB,SAAS;EACT,mBAAmB;EACnB,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,OAAO;EACP,iBAAiB;EACjB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,OAAO;EACP,MAAM;EACP;CACD,QAAQ;CACT"}

package/dist/esm/utils/url.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+//#region src/utils/url.d.ts
+declare function constructRedirectUrl(redirectUrl: URL | string | undefined, callbackUrlName: string): string;
+//#endregion
+export { constructRedirectUrl };
+//# sourceMappingURL=url.d.ts.map

package/dist/esm/utils/url.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"url.d.ts","names":[],"sources":["../../../src/utils/url.ts"],"mappings":";iBAOgB,oBAAA,CAAqB,WAAA,EAAa,GAAA,uBAA0B,eAAA"}

package/dist/esm/utils/url.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
+//#region src/utils/url.ts
+function constructRedirectUrl(redirectUrl, callbackUrlName) {
+	if (typeof window === "undefined" || !window.location) throw new StackAssertionError(`${callbackUrlName} option is required in a non-browser environment.`, { redirectUrl });
+	const retainedQueryParams = ["after_auth_return_to"];
+	const currentUrl = new URL(window.location.href);
+	const url = redirectUrl ? new URL(redirectUrl, window.location.href) : new URL(window.location.href);
+	for (const param of retainedQueryParams) if (currentUrl.searchParams.has(param)) url.searchParams.set(param, currentUrl.searchParams.get(param));
+	url.hash = "";
+	return url.toString();
+}
+//#endregion
+export { constructRedirectUrl };
+//# sourceMappingURL=url.js.map

package/dist/esm/utils/url.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"url.js","names":[],"sources":["../../../src/utils/url.ts"],"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 { StackAssertionError } from \"@stackframe/stack-shared/dist/utils/errors\";\n\n\nexport function constructRedirectUrl(redirectUrl: URL | string | undefined, callbackUrlName: string) {\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (typeof window === 'undefined' || !window.location) {\n throw new StackAssertionError(`${callbackUrlName} option is required in a non-browser environment.`, { redirectUrl });\n }\n\n const retainedQueryParams = [\"after_auth_return_to\"];\n const currentUrl = new URL(window.location.href);\n const url = redirectUrl ? new URL(redirectUrl, window.location.href) : new URL(window.location.href);\n for (const param of retainedQueryParams) {\n if (currentUrl.searchParams.has(param)) {\n url.searchParams.set(param, currentUrl.searchParams.get(param)!);\n }\n }\n url.hash = \"\";\n return url.toString();\n}\n"],"mappings":";;;AAOA,SAAgB,qBAAqB,aAAuC,iBAAyB;AAEnG,KAAI,OAAO,WAAW,eAAe,CAAC,OAAO,SAC3C,OAAM,IAAI,oBAAoB,GAAG,gBAAgB,oDAAoD,EAAE,aAAa,CAAC;CAGvH,MAAM,sBAAsB,CAAC,uBAAuB;CACpD,MAAM,aAAa,IAAI,IAAI,OAAO,SAAS,KAAK;CAChD,MAAM,MAAM,cAAc,IAAI,IAAI,aAAa,OAAO,SAAS,KAAK,GAAG,IAAI,IAAI,OAAO,SAAS,KAAK;AACpG,MAAK,MAAM,SAAS,oBAClB,KAAI,WAAW,aAAa,IAAI,MAAM,CACpC,KAAI,aAAa,IAAI,OAAO,WAAW,aAAa,IAAI,MAAM,CAAE;AAGpE,KAAI,OAAO;AACX,QAAO,IAAI,UAAU"}