@stackframe/tanstack-start 0.0.1 → 2.8.91

package/dist/components/credential-sign-up.js

@@ -0,0 +1,121 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_hook_form = require("react-hook-form");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __elements_form_warning_js = require("./elements/form-warning.js");
+let _stackframe_stack_shared_dist_helpers_password = require("@stackframe/stack-shared/dist/helpers/password");
+let yup = require("yup");
+yup = require_chunk.__toESM(yup);
+let ___lib_hooks_js = require("../lib/hooks.js");
+
+//#region src/components/credential-sign-up.tsx
+function CredentialSignUp(props) {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const { register, handleSubmit, setError, formState: { errors }, clearErrors } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
+		email: (0, _stackframe_stack_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")),
+		password: _stackframe_stack_shared_dist_schema_fields.passwordSchema.defined().nonEmpty(t("Please enter your password")).test({
+			name: "is-valid-password",
+			test: (value, ctx) => {
+				const error = (0, _stackframe_stack_shared_dist_helpers_password.getPasswordError)(value);
+				if (error) return ctx.createError({ message: error.message });
+				else return true;
+			}
+		}),
+		...!props.noPasswordRepeat && { passwordRepeat: _stackframe_stack_shared_dist_schema_fields.passwordSchema.nullable().oneOf([
+			yup.ref("password"),
+			"",
+			null
+		], t("Passwords do not match")).nonEmpty(t("Please repeat your password")) }
+	})) });
+	const app = (0, ___lib_hooks_js.useStackApp)();
+	const [loading, setLoading] = (0, react.useState)(false);
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const { email, password } = data;
+			const result = await app.signUpWithCredential({
+				email,
+				password
+			});
+			if (result.status === "error") setError("email", {
+				type: "manual",
+				message: result.error.message
+			});
+		} finally {
+			setLoading(false);
+		}
+	};
+	const registerPassword = register("password");
+	const registerPasswordRepeat = register("passwordRepeat");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		className: "flex flex-col items-stretch stack-scope",
+		onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+		noValidate: true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+				htmlFor: "email",
+				className: "mb-1",
+				children: t("Email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+				id: "email",
+				type: "email",
+				autoComplete: "email",
+				...register("email")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.email?.message?.toString() }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+				htmlFor: "password",
+				className: "mt-4 mb-1",
+				children: t("Password")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+				id: "password",
+				autoComplete: "new-password",
+				...registerPassword,
+				onChange: (e) => {
+					clearErrors("password");
+					clearErrors("passwordRepeat");
+					(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(registerPassword.onChange(e));
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.password?.message?.toString() }),
+			!props.noPasswordRepeat && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+					htmlFor: "repeat-password",
+					className: "mt-4 mb-1",
+					children: t("Repeat Password")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+					id: "repeat-password",
+					...registerPasswordRepeat,
+					onChange: (e) => {
+						clearErrors("password");
+						clearErrors("passwordRepeat");
+						(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(registerPasswordRepeat.onChange(e));
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: errors.passwordRepeat?.message?.toString() })
+			] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				type: "submit",
+				className: "mt-6",
+				loading,
+				children: t("Sign Up")
+			})
+		]
+	});
+}
+
+//#endregion
+exports.CredentialSignUp = CredentialSignUp;
+//# sourceMappingURL=credential-sign-up.js.map

package/dist/components/credential-sign-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-sign-up.js","names":["passwordSchema","Label","Input","FormWarningText","PasswordInput","Button"],"sources":["../../src/components/credential-sign-up.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 { yupResolver } from \"@hookform/resolvers/yup\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { passwordSchema, strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput } from \"@stackframe/stack-ui\";\nimport React, { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { useTranslation } from \"../lib/translations\";\nimport { FormWarningText } from \"./elements/form-warning\";\n\nexport function CredentialSignUp(props: { noPasswordRepeat?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email')),\n    password: passwordSchema.defined().nonEmpty(t('Please enter your password')).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    ...(!props.noPasswordRepeat && {\n      passwordRepeat: passwordSchema.nullable().oneOf([yup.ref('password'), \"\", null], t('Passwords do not match')).nonEmpty(t('Please repeat your password'))\n    })\n  });\n\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email, password } = data;\n      const result = await app.signUpWithCredential({ email, password });\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const registerPassword = register('password');\n  const registerPasswordRepeat = register('passwordRepeat');\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t('Email')}</Label>\n      <Input id=\"email\" type=\"email\" autoComplete=\"email\" {...register('email')}/>\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">{t('Password')}</Label>\n      <PasswordInput\n        id=\"password\"\n        autoComplete=\"new-password\"\n        {...registerPassword}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n          clearErrors('password');\n          clearErrors('passwordRepeat');\n          runAsynchronously(registerPassword.onChange(e));\n        }}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n      {\n        !props.noPasswordRepeat && (\n          <>\n            <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t('Repeat Password')}</Label>\n            <PasswordInput\n              id=\"repeat-password\"\n              {...registerPasswordRepeat}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n              runAsynchronously(registerPasswordRepeat.onChange(e));\n              }}\n            />\n            <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n          </>\n        )\n      }\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t('Sign Up')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,iBAAiB,OAAuC;CACtE,MAAM,EAAE,kDAAsB;CAoB9B,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,UAAU,6CAAwB,EACvF,8GAnBuB;EACvB,0EAAyB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC;EAC1G,UAAUA,2DAAe,SAAS,CAAC,SAAS,EAAE,6BAA6B,CAAC,CAAC,KAAK;GAChF,MAAM;GACN,OAAO,OAAO,QAAQ;IACpB,MAAM,6EAAyB,MAAM;AACrC,QAAI,MACF,QAAO,IAAI,YAAY,EAAE,SAAS,MAAM,SAAS,CAAC;QAElD,QAAO;;GAGZ,CAAC;EACF,GAAI,CAAC,MAAM,oBAAoB,EAC7B,gBAAgBA,2DAAe,UAAU,CAAC,MAAM;GAAC,IAAI,IAAI,WAAW;GAAE;GAAI;GAAK,EAAE,EAAE,yBAAyB,CAAC,CAAC,SAAS,EAAE,8BAA8B,CAAC,EACzJ;EACF,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,wCAAmB;CACzB,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAE7C,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAChB,MAAI;GACF,MAAM,EAAE,OAAO,aAAa;GAC5B,MAAM,SAAS,MAAM,IAAI,qBAAqB;IAAE;IAAO;IAAU,CAAC;AAClE,OAAI,OAAO,WAAW,QACpB,UAAS,SAAS;IAAE,MAAM;IAAU,SAAS,OAAO,MAAM;IAAS,CAAC;YAE9D;AACR,cAAW,MAAM;;;CAIrB,MAAM,mBAAmB,SAAS,WAAW;CAC7C,MAAM,yBAAyB,SAAS,iBAAiB;AAEzD,QACE,4CAAC;EACC,WAAU;EACV,WAAU,mFAAgC,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,2CAACC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,QAAQ;KAAS;GAC5D,2CAACC;IAAM,IAAG;IAAQ,MAAK;IAAQ,cAAa;IAAQ,GAAI,SAAS,QAAQ;KAAG;GAC5E,2CAACC,8CAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,2CAACF;IAAM,SAAQ;IAAW,WAAU;cAAa,EAAE,WAAW;KAAS;GACvE,2CAACG;IACC,IAAG;IACH,cAAa;IACb,GAAI;IACJ,WAAW,MAA2C;AACpD,iBAAY,WAAW;AACvB,iBAAY,iBAAiB;AAC7B,yEAAkB,iBAAiB,SAAS,EAAE,CAAC;;KAEjD;GACF,2CAACD,8CAAgB,MAAM,OAAO,UAAU,SAAS,UAAU,GAAI;GAE7D,CAAC,MAAM,oBACL;IACE,2CAACF;KAAM,SAAQ;KAAkB,WAAU;eAAa,EAAE,kBAAkB;MAAS;IACrF,2CAACG;KACC,IAAG;KACH,GAAI;KACJ,WAAW,MAA2C;AACtD,kBAAY,WAAW;AACvB,kBAAY,iBAAiB;AAC7B,0EAAkB,uBAAuB,SAAS,EAAE,CAAC;;MAErD;IACF,2CAACD,8CAAgB,MAAM,OAAO,gBAAgB,SAAS,UAAU,GAAI;OACpE;GAIP,2CAACE;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,UAAU;KACN;;GACJ"}

package/dist/components/elements/form-warning.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/elements/form-warning.d.ts
+declare function FormWarningText({
+  text
+}: {
+  text?: string;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { FormWarningText };
+//# sourceMappingURL=form-warning.d.ts.map

package/dist/components/elements/form-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-warning.d.ts","names":[],"sources":["../../../src/components/elements/form-warning.tsx"],"mappings":";;;iBAOgB,eAAA,CAAA;EAAkB;AAAA;EAAU,IAAA;AAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/form-warning.js

@@ -0,0 +1,18 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/elements/form-warning.tsx
+function FormWarningText({ text }) {
+	if (!text) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "text-red-500 text-sm mt-1",
+		children: text
+	});
+}
+
+//#endregion
+exports.FormWarningText = FormWarningText;
+//# sourceMappingURL=form-warning.js.map

package/dist/components/elements/form-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-warning.js","names":[],"sources":["../../../src/components/elements/form-warning.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\nexport function FormWarningText({ text }: { text?: string }) {\n  if (!text) {\n    return null;\n  }\n  return (\n    <div className=\"text-red-500 text-sm mt-1\">\n      {text}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,gBAAgB,EAAE,QAA2B;AAC3D,KAAI,CAAC,KACH,QAAO;AAET,QACE,2CAAC;EAAI,WAAU;YACZ;GACG"}

package/dist/components/elements/maybe-full-page.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/elements/maybe-full-page.d.ts
+declare function MaybeFullPage({
+  children,
+  fullPage
+}: {
+  children: React.ReactNode;
+  fullPage: boolean;
+  size?: number;
+  containerClassName?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MaybeFullPage };
+//# sourceMappingURL=maybe-full-page.d.ts.map

package/dist/components/elements/maybe-full-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maybe-full-page.d.ts","names":[],"sources":["../../../src/components/elements/maybe-full-page.tsx"],"mappings":";;;;iBAUgB,aAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEA,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,QAAA;EACA,IAAA;EACA,kBAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/maybe-full-page.js

@@ -0,0 +1,41 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ssr_layout_effect_js = require("./ssr-layout-effect.js");
+
+//#region src/components/elements/maybe-full-page.tsx
+function MaybeFullPage({ children, fullPage }) {
+	const id = `stack-full-page-container-${(0, react.useId)()}`;
+	const scriptString = `(([id]) => {
+    const el = document.getElementById(id);
+    if (!el) {
+      // component is not full page
+      return;
+    }
+    const offset = el.getBoundingClientRect().top + document.documentElement.scrollTop;
+    el.style.minHeight = \`calc(100vh - \${offset}px)\`;
+  })(${JSON.stringify([id])})`;
+	if (fullPage) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		suppressHydrationWarning: true,
+		id,
+		style: {
+			minHeight: "100vh",
+			alignSelf: "stretch",
+			flexGrow: 1,
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center"
+		},
+		className: "stack-scope",
+		children
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ssr_layout_effect_js.SsrScript, { script: scriptString })] });
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+}
+
+//#endregion
+exports.MaybeFullPage = MaybeFullPage;
+//# sourceMappingURL=maybe-full-page.js.map

package/dist/components/elements/maybe-full-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maybe-full-page.js","names":["SsrScript"],"sources":["../../../src/components/elements/maybe-full-page.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 React, { useId } from \"react\";\nimport { SsrScript } from \"./ssr-layout-effect\";\n\nexport function MaybeFullPage({\n  children,\n  fullPage,\n}: {\n  children: React.ReactNode,\n  fullPage: boolean,\n  size?: number,\n  containerClassName?: string,\n}) {\n  const uniqueId = useId();\n  const id = `stack-full-page-container-${uniqueId}`;\n\n  const scriptString = `(([id]) => {\n    const el = document.getElementById(id);\n    if (!el) {\n      // component is not full page\n      return;\n    }\n    const offset = el.getBoundingClientRect().top + document.documentElement.scrollTop;\n    el.style.minHeight = \\`calc(100vh - \\${offset}px)\\`;\n  })(${JSON.stringify([id])})`;\n\n  if (fullPage) {\n    return (\n      <>\n        <div\n          suppressHydrationWarning\n          id={id}\n          style={{\n            minHeight: '100vh',\n            alignSelf: 'stretch',\n            flexGrow: 1,\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n          }}\n          className=\"stack-scope\"\n        >\n          {children}\n        </div>\n        <SsrScript script={scriptString} />\n      </>\n    );\n  } else {\n    return <>\n      {children}\n    </>;\n  }\n\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,cAAc,EAC5B,UACA,YAMC;CAED,MAAM,KAAK,+CADa;CAGxB,MAAM,eAAe;;;;;;;;OAQhB,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC;AAE1B,KAAI,SACF,QACE,qFACE,2CAAC;EACC;EACI;EACJ,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,YAAY;GACb;EACD,WAAU;EAET;GACG,EACN,2CAACA,oCAAU,QAAQ,eAAgB,IAClC;KAGL,QAAO,yEACJ,WACA"}

package/dist/components/elements/separator-with-text.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/elements/separator-with-text.d.ts
+declare function SeparatorWithText({
+  text
+}: {
+  text: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SeparatorWithText };
+//# sourceMappingURL=separator-with-text.d.ts.map

package/dist/components/elements/separator-with-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-with-text.d.ts","names":[],"sources":["../../../src/components/elements/separator-with-text.tsx"],"mappings":";;;iBASgB,iBAAA,CAAA;EAAoB;AAAA;EAAU,IAAA;AAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/separator-with-text.js

@@ -0,0 +1,31 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/elements/separator-with-text.tsx
+function SeparatorWithText({ text }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center justify-center my-6 stack-scope",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Separator, {})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mx-2 text-sm text-zinc-500",
+				children: text
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Separator, {})
+			})
+		]
+	});
+}
+
+//#endregion
+exports.SeparatorWithText = SeparatorWithText;
+//# sourceMappingURL=separator-with-text.js.map

package/dist/components/elements/separator-with-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-with-text.js","names":["Separator"],"sources":["../../../src/components/elements/separator-with-text.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 { Separator } from \"@stackframe/stack-ui\";\n\nexport function SeparatorWithText({ text }: { text: string }) {\n  return (\n    <div className=\"flex items-center justify-center my-6 stack-scope\">\n      <div className=\"flex-1\">\n        <Separator />\n      </div>\n      <div className=\"mx-2 text-sm text-zinc-500\">{text}</div>\n      <div className=\"flex-1\">\n        <Separator />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,kBAAkB,EAAE,QAA0B;AAC5D,QACE,4CAAC;EAAI,WAAU;;GACb,2CAAC;IAAI,WAAU;cACb,2CAACA,mCAAY;KACT;GACN,2CAAC;IAAI,WAAU;cAA8B;KAAW;GACxD,2CAAC;IAAI,WAAU;cACb,2CAACA,mCAAY;KACT;;GACF"}

package/dist/components/elements/sidebar-layout.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React, { ReactNode } from "react";
+
+//#region src/components/elements/sidebar-layout.d.ts
+type SidebarItem = {
+  title: React.ReactNode;
+  type: 'item' | 'divider';
+  description?: React.ReactNode;
+  id?: string;
+  icon?: React.ReactNode;
+  content?: React.ReactNode;
+  contentTitle?: React.ReactNode;
+};
+declare function SidebarLayout(props: {
+  items: SidebarItem[];
+  title?: ReactNode;
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SidebarItem, SidebarLayout };
+//# sourceMappingURL=sidebar-layout.d.ts.map

package/dist/components/elements/sidebar-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.d.ts","names":[],"sources":["../../../src/components/elements/sidebar-layout.tsx"],"mappings":";;;;KAaY,WAAA;EACV,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,IAAA;EACA,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,YAAA,GAAe,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGP,aAAA,CAAc,KAAA;EAAS,KAAA,EAAO,WAAA;EAAe,KAAA,GAAQ,SAAA;EAAW,SAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/sidebar-layout.js

@@ -0,0 +1,135 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _stackframe_stack_shared_dist_hooks_use_hash = require("@stackframe/stack-shared/dist/hooks/use-hash");
+let ______index_js = require("../../index.js");
+
+//#region src/components/elements/sidebar-layout.tsx
+function SidebarLayout(props) {
+	const hash = (0, _stackframe_stack_shared_dist_hooks_use_hash.useHash)();
+	const selectedIndex = props.items.findIndex((item) => item.id && item.id === hash);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _stackframe_stack_ui.cn)("hidden sm:flex stack-scope h-full", props.className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DesktopLayout, {
+			items: props.items,
+			title: props.title,
+			selectedIndex
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _stackframe_stack_ui.cn)("sm:hidden stack-scope h-full", props.className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileLayout, {
+			items: props.items,
+			title: props.title,
+			selectedIndex
+		})
+	})] });
+}
+function Items(props) {
+	const navigate = (0, ______index_js.useStackApp)().useNavigate();
+	const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;
+	return props.items.map((item, index) => item.type === "item" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Button, {
+		variant: "ghost",
+		size: "sm",
+		className: (0, _stackframe_stack_ui.cn)(activeItemIndex === index && "sm:bg-muted", "justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left"),
+		onClick: () => {
+			if (item.id) navigate("#" + item.id);
+		},
+		children: [item.icon, item.title]
+	}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: item.title }, index));
+}
+function DesktopLayout(props) {
+	const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "stack-scope flex w-full h-full max-w-full relative",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto",
+			children: [props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mb-2 ml-2",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					type: "h2",
+					className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
+					children: props.title
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Items, {
+				items: props.items,
+				selectedIndex: props.selectedIndex
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex-1 w-0 flex justify-center gap-4 py-2 px-4",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col max-w-[800px] w-[800px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-4 mb-6",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+						type: "h4",
+						className: "font-semibold",
+						children: selectedItem.title
+					}), selectedItem.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+						variant: "secondary",
+						type: "label",
+						children: selectedItem.description
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex-1",
+					children: selectedItem.content
+				})]
+			})
+		})]
+	});
+}
+function MobileLayout(props) {
+	const selectedItem = props.items[props.selectedIndex];
+	const navigate = (0, ______index_js.useStackApp)().useNavigate();
+	if (props.selectedIndex === -1) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2 p-2",
+		children: [props.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mb-2 ml-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				type: "h2",
+				className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
+				children: props.title
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Items, {
+			items: props.items,
+			selectedIndex: props.selectedIndex
+		})]
+	});
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex-1 flex flex-col gap-4 py-2 px-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex justify-between",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					type: "h4",
+					className: "font-semibold",
+					children: selectedItem.title
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					variant: "ghost",
+					size: "icon",
+					onClick: () => {
+						navigate("#");
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "h-5 w-5" })
+				})]
+			}), selectedItem.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				variant: "secondary",
+				type: "label",
+				children: selectedItem.description
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex-1",
+			children: selectedItem.content
+		})]
+	});
+}
+
+//#endregion
+exports.SidebarLayout = SidebarLayout;
+//# sourceMappingURL=sidebar-layout.js.map

package/dist/components/elements/sidebar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.js","names":["Button","Typography","XIcon"],"sources":["../../../src/components/elements/sidebar-layout.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 { useHash } from '@stackframe/stack-shared/dist/hooks/use-hash';\nimport { Button, Typography, cn } from '@stackframe/stack-ui';\nimport { XIcon } from 'lucide-react';\nimport React, { ReactNode } from 'react';\nimport { useStackApp } from '../..';\n\nexport type SidebarItem = {\n  title: React.ReactNode,\n  type: 'item' | 'divider',\n  description?: React.ReactNode,\n  id?: string,\n  icon?: React.ReactNode,\n  content?: React.ReactNode,\n  contentTitle?: React.ReactNode,\n}\n\nexport function SidebarLayout(props: { items: SidebarItem[], title?: ReactNode, className?: string }) {\n  const hash = useHash();\n  const selectedIndex = props.items.findIndex(item => item.id && (item.id === hash));\n  return (\n    <>\n      <div className={cn(\"hidden sm:flex stack-scope h-full\", props.className)}>\n        <DesktopLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n      <div className={cn(\"sm:hidden stack-scope h-full\", props.className)}>\n        <MobileLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n    </>\n  );\n}\n\nfunction Items(props: { items: SidebarItem[], selectedIndex: number }) {\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n\n  const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;\n\n  return props.items.map((item, index) => (\n    item.type === 'item' ?\n      <Button\n        key={index}\n        variant='ghost'\n        size='sm'\n        className={cn(\n          activeItemIndex === index && \"sm:bg-muted\",\n          \"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left\",\n        )}\n        onClick={() => {\n          if (item.id) {\n            navigate('#' + item.id);\n          }\n        }}\n      >\n        {item.icon}\n        {item.title}\n      </Button> :\n      <Typography key={index}>\n        {item.title}\n      </Typography>\n  ));\n\n}\n\nfunction DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];\n\n  return (\n    <div className=\"stack-scope flex w-full h-full max-w-full relative\">\n      <div className=\"flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n      <div className=\"flex-1 w-0 flex justify-center gap-4 py-2 px-4\">\n        <div className='flex flex-col max-w-[800px] w-[800px]'>\n          <div className='mt-4 mb-6'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n          </div>\n          <div className='flex-1'>\n            {selectedItem.content}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MobileLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex];\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n  if (props.selectedIndex === -1) {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n    );\n  } else {\n    return (\n      <div className=\"flex-1 flex flex-col gap-4 py-2 px-4\">\n        <div className='flex flex-col'>\n          <div className='flex justify-between'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            <Button\n              variant='ghost'\n              size='icon'\n              onClick={() => { navigate('#'); }}\n            >\n              <XIcon className='h-5 w-5' />\n            </Button>\n          </div>\n          {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n        </div>\n        <div className='flex-1'>\n          {selectedItem.content}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAuBA,SAAgB,cAAc,OAAwE;CACpG,MAAM,kEAAgB;CACtB,MAAM,gBAAgB,MAAM,MAAM,WAAU,SAAQ,KAAK,MAAO,KAAK,OAAO,KAAM;AAClF,QACE,qFACE,2CAAC;EAAI,wCAAc,qCAAqC,MAAM,UAAU;YACtE,2CAAC;GAAc,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;IAAiB;GACnF,EACN,2CAAC;EAAI,wCAAc,gCAAgC,MAAM,UAAU;YACjE,2CAAC;GAAa,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;IAAiB;GAClF,IACL;;AAIP,SAAS,MAAM,OAAwD;CAErE,MAAM,4CADmB,CACJ,aAAa;CAGlC,MAAM,kBAAkB,MAAM,kBAAkB,KAAK,IAAI,MAAM;AAE/D,QAAO,MAAM,MAAM,KAAK,MAAM,UAC5B,KAAK,SAAS,SACZ,4CAACA;EAEC,SAAQ;EACR,MAAK;EACL,wCACE,oBAAoB,SAAS,eAC7B,wEACD;EACD,eAAe;AACb,OAAI,KAAK,GACP,UAAS,MAAM,KAAK,GAAG;;aAI1B,KAAK,MACL,KAAK;IAdD,MAeE,GACT,2CAACC,6CACE,KAAK,SADS,MAEJ,CACf;;AAIJ,SAAS,cAAc,OAA2E;CAChG,MAAM,eAAe,MAAM,MAAM,MAAM,kBAAkB,KAAK,IAAI,MAAM;AAExE,QACE,4CAAC;EAAI,WAAU;aACb,4CAAC;GAAI,WAAU;cACZ,MAAM,SAAS,2CAAC;IAAI,WAAU;cAC7B,2CAACA;KAAW,MAAK;KAAK,WAAU;eAA0D,MAAM;MAAmB;KAC/G,EAEN,2CAAC;IAAM,OAAO,MAAM;IAAO,eAAe,MAAM;KAAiB;IAC7D,EACN,2CAAC;GAAI,WAAU;aACb,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,2CAACA;MAAW,MAAK;MAAK,WAAU;gBAAiB,aAAa;OAAmB,EAChF,aAAa,eAAe,2CAACA;MAAW,SAAQ;MAAY,MAAK;gBAAS,aAAa;OAAyB;MAC7G,EACN,2CAAC;KAAI,WAAU;eACZ,aAAa;MACV;KACF;IACF;GACF;;AAIV,SAAS,aAAa,OAA2E;CAC/F,MAAM,eAAe,MAAM,MAAM,MAAM;CAEvC,MAAM,4CADmB,CACJ,aAAa;AAElC,KAAI,MAAM,kBAAkB,GAC1B,QACE,4CAAC;EAAI,WAAU;aACZ,MAAM,SAAS,2CAAC;GAAI,WAAU;aAC7B,2CAACA;IAAW,MAAK;IAAK,WAAU;cAA0D,MAAM;KAAmB;IAC/G,EAEN,2CAAC;GAAM,OAAO,MAAM;GAAO,eAAe,MAAM;IAAiB;GAC7D;KAGR,QACE,4CAAC;EAAI,WAAU;aACb,4CAAC;GAAI,WAAU;cACb,4CAAC;IAAI,WAAU;eACb,2CAACA;KAAW,MAAK;KAAK,WAAU;eAAiB,aAAa;MAAmB,EACjF,2CAACD;KACC,SAAQ;KACR,MAAK;KACL,eAAe;AAAE,eAAS,IAAI;;eAE9B,2CAACE,sBAAM,WAAU,YAAY;MACtB;KACL,EACL,aAAa,eAAe,2CAACD;IAAW,SAAQ;IAAY,MAAK;cAAS,aAAa;KAAyB;IAC7G,EACN,2CAAC;GAAI,WAAU;aACZ,aAAa;IACV;GACF"}

package/dist/components/elements/ssr-layout-effect.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/elements/ssr-layout-effect.d.ts
+declare function SsrScript(props: {
+  script: string;
+  nonce?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SsrScript };
+//# sourceMappingURL=ssr-layout-effect.d.ts.map

package/dist/components/elements/ssr-layout-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-layout-effect.d.ts","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"mappings":";;;iBAQgB,SAAA,CAAU,KAAA;EAAS,MAAA;EAAgB,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/ssr-layout-effect.js

@@ -0,0 +1,22 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/elements/ssr-layout-effect.tsx
+function SsrScript(props) {
+	(0, react.useLayoutEffect)(() => {
+		(0, eval)(props.script);
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
+		suppressHydrationWarning: true,
+		nonce: props.nonce,
+		dangerouslySetInnerHTML: { __html: props.script }
+	});
+}
+
+//#endregion
+exports.SsrScript = SsrScript;
+//# sourceMappingURL=ssr-layout-effect.js.map

package/dist/components/elements/ssr-layout-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-layout-effect.js","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.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//===========================================\nimport { useLayoutEffect } from \"react\";\n\nexport function SsrScript(props: { script: string, nonce?: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  return (\n    <script\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      nonce={props.nonce}\n      dangerouslySetInnerHTML={{ __html: props.script }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,UAAU,OAA2C;AACnE,kCAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AAEN,QACE,2CAAC;EACC;EACA,OAAO,MAAM;EACb,yBAAyB,EAAE,QAAQ,MAAM,QAAQ;GACjD"}

package/dist/components/elements/user-avatar.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/elements/user-avatar.d.ts
+declare function UserAvatar(props: {
+  size?: number;
+  user?: {
+    profileImageUrl?: string | null;
+    displayName?: string | null;
+    primaryEmail?: string | null;
+  } | null;
+  border?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { UserAvatar };
+//# sourceMappingURL=user-avatar.d.ts.map

package/dist/components/elements/user-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.d.ts","names":[],"sources":["../../../src/components/elements/user-avatar.tsx"],"mappings":";;;iBASgB,UAAA,CAAW,KAAA;EACzB,IAAA;EACA,IAAA;IACE,eAAA;IACA,WAAA;IACA,YAAA;EAAA;EAEF,MAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/user-avatar.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/elements/user-avatar.tsx
+const defaultSize = 34;
+function UserAvatar(props) {
+	const user = props.user;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Avatar, {
+		style: {
+			height: props.size || defaultSize,
+			width: props.size || defaultSize
+		},
+		className: props.border ? "border" : "",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.AvatarImage, { src: user?.profileImageUrl || "" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.AvatarFallback, { children: user ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "font-medium",
+			style: { fontSize: (props.size || defaultSize) * .4 },
+			children: (user.displayName || user.primaryEmail)?.slice(0, 2).toUpperCase()
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.UserRound, {
+			className: "text-zinc-500",
+			size: (props.size || defaultSize) * .6
+		}) })]
+	});
+}
+
+//#endregion
+exports.UserAvatar = UserAvatar;
+//# sourceMappingURL=user-avatar.js.map

package/dist/components/elements/user-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.js","names":["Avatar","AvatarImage","AvatarFallback","UserRound"],"sources":["../../../src/components/elements/user-avatar.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 { Avatar, AvatarFallback, AvatarImage } from \"@stackframe/stack-ui\";\nimport { UserRound } from \"lucide-react\";\n\nconst defaultSize = 34;\n\nexport function UserAvatar(props: {\n  size?: number,\n  user?: {\n    profileImageUrl?: string | null,\n    displayName?: string | null,\n    primaryEmail?: string | null,\n  } | null,\n  border?: boolean,\n}) {\n  const user = props.user;\n  return (\n    <Avatar style={{ height: props.size || defaultSize, width: props.size || defaultSize }} className={props.border ? 'border' : ''}>\n      <AvatarImage src={user?.profileImageUrl || ''} />\n      <AvatarFallback>\n        {user ?\n          <div className='font-medium' style={{ fontSize: (props.size || defaultSize) * 0.4 }}>\n            {(user.displayName || user.primaryEmail)?.slice(0, 2).toUpperCase()}\n          </div> :\n          <UserRound className=\"text-zinc-500\" size={(props.size || defaultSize) * 0.6} />}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,cAAc;AAEpB,SAAgB,WAAW,OAQxB;CACD,MAAM,OAAO,MAAM;AACnB,QACE,4CAACA;EAAO,OAAO;GAAE,QAAQ,MAAM,QAAQ;GAAa,OAAO,MAAM,QAAQ;GAAa;EAAE,WAAW,MAAM,SAAS,WAAW;aAC3H,2CAACC,oCAAY,KAAK,MAAM,mBAAmB,KAAM,EACjD,2CAACC,iDACE,OACC,2CAAC;GAAI,WAAU;GAAc,OAAO,EAAE,WAAW,MAAM,QAAQ,eAAe,IAAK;cAC/E,KAAK,eAAe,KAAK,eAAe,MAAM,GAAG,EAAE,CAAC,aAAa;IAC/D,GACN,2CAACC;GAAU,WAAU;GAAgB,OAAO,MAAM,QAAQ,eAAe;IAAO,GACnE;GACV"}

package/dist/components/link.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/link.d.ts
+type LinkProps = {
+  href: string;
+  children: React.ReactNode;
+  className?: string;
+  target?: string;
+  onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+  prefetch?: boolean;
+};
+declare function Link(props: LinkProps): react_jsx_runtime0.JSX.Element;
+declare function StyledLink(props: LinkProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Link, StyledLink };
+//# sourceMappingURL=link.d.ts.map

package/dist/components/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/components/link.tsx"],"mappings":";;;KASK,SAAA;EACH,IAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,MAAA;EACA,OAAA,GAAU,KAAA,CAAM,iBAAA,CAAkB,iBAAA;EAClC,QAAA;AAAA;AAAA,iBAGO,IAAA,CAAK,KAAA,EAAO,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWrB,UAAA,CAAW,KAAA,EAAO,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/link.js

@@ -0,0 +1,29 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/link.tsx
+function Link(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: props.href,
+		target: props.target,
+		className: props.className,
+		onClick: props.onClick,
+		children: props.children
+	});
+}
+function StyledLink(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
+		...props,
+		className: (0, _stackframe_stack_ui.cn)("underline font-medium", props.className),
+		children: props.children
+	});
+}
+
+//#endregion
+exports.Link = Link;
+exports.StyledLink = StyledLink;
+//# sourceMappingURL=link.js.map