@stackframe/tanstack-start 0.0.1 → 2.8.92

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

@@ -0,0 +1,16 @@
+'use client';
+
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/elements/form-warning.tsx
+function FormWarningText({ text }) {
+	if (!text) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-red-500 text-sm mt-1",
+		children: text
+	});
+}
+
+//#endregion
+export { FormWarningText };
+//# sourceMappingURL=form-warning.js.map

package/dist/esm/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,oBAAC;EAAI,WAAU;YACZ;GACG"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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/esm/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/esm/components/elements/maybe-full-page.js

@@ -0,0 +1,38 @@
+"use client";
+
+import React, { useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SsrScript } from "./ssr-layout-effect.js";
+
+//#region src/components/elements/maybe-full-page.tsx
+function MaybeFullPage({ children, fullPage }) {
+	const id = `stack-full-page-container-${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__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		suppressHydrationWarning: true,
+		id,
+		style: {
+			minHeight: "100vh",
+			alignSelf: "stretch",
+			flexGrow: 1,
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center"
+		},
+		className: "stack-scope",
+		children
+	}), /* @__PURE__ */ jsx(SsrScript, { script: scriptString })] });
+	else return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { MaybeFullPage };
+//# sourceMappingURL=maybe-full-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maybe-full-page.js","names":[],"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,6BADM,OAAO;CAGxB,MAAM,eAAe;;;;;;;;OAQhB,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC;AAE1B,KAAI,SACF,QACE,4CACE,oBAAC;EACC;EACI;EACJ,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,YAAY;GACb;EACD,WAAU;EAET;GACG,EACN,oBAAC,aAAU,QAAQ,eAAgB,IAClC;KAGL,QAAO,gCACJ,WACA"}

package/dist/esm/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/esm/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/esm/components/elements/separator-with-text.js

@@ -0,0 +1,29 @@
+'use client';
+
+import { Separator } from "@stackframe/stack-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/elements/separator-with-text.tsx
+function SeparatorWithText({ text }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-center my-6 stack-scope",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ jsx(Separator, {})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mx-2 text-sm text-zinc-500",
+				children: text
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ jsx(Separator, {})
+			})
+		]
+	});
+}
+
+//#endregion
+export { SeparatorWithText };
+//# sourceMappingURL=separator-with-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator-with-text.js","names":[],"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,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAY;KACT;GACN,oBAAC;IAAI,WAAU;cAA8B;KAAW;GACxD,oBAAC;IAAI,WAAU;cACb,oBAAC,cAAY;KACT;;GACF"}

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

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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/esm/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/esm/components/elements/sidebar-layout.js

@@ -0,0 +1,132 @@
+'use client';
+
+import { Button, Typography, cn } from "@stackframe/stack-ui";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { useHash } from "@stackframe/stack-shared/dist/hooks/use-hash";
+import { useStackApp } from "../../index.js";
+
+//#region src/components/elements/sidebar-layout.tsx
+function SidebarLayout(props) {
+	const hash = useHash();
+	const selectedIndex = props.items.findIndex((item) => item.id && item.id === hash);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: cn("hidden sm:flex stack-scope h-full", props.className),
+		children: /* @__PURE__ */ jsx(DesktopLayout, {
+			items: props.items,
+			title: props.title,
+			selectedIndex
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: cn("sm:hidden stack-scope h-full", props.className),
+		children: /* @__PURE__ */ jsx(MobileLayout, {
+			items: props.items,
+			title: props.title,
+			selectedIndex
+		})
+	})] });
+}
+function Items(props) {
+	const navigate = useStackApp().useNavigate();
+	const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;
+	return props.items.map((item, index) => item.type === "item" ? /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		size: "sm",
+		className: 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__ */ jsx(Typography, { children: item.title }, index));
+}
+function DesktopLayout(props) {
+	const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "stack-scope flex w-full h-full max-w-full relative",
+		children: [/* @__PURE__ */ 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__ */ jsx("div", {
+				className: "mb-2 ml-2",
+				children: /* @__PURE__ */ jsx(Typography, {
+					type: "h2",
+					className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
+					children: props.title
+				})
+			}), /* @__PURE__ */ jsx(Items, {
+				items: props.items,
+				selectedIndex: props.selectedIndex
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1 w-0 flex justify-center gap-4 py-2 px-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col max-w-[800px] w-[800px]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "mt-4 mb-6",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						type: "h4",
+						className: "font-semibold",
+						children: selectedItem.title
+					}), selectedItem.description && /* @__PURE__ */ jsx(Typography, {
+						variant: "secondary",
+						type: "label",
+						children: selectedItem.description
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex-1",
+					children: selectedItem.content
+				})]
+			})
+		})]
+	});
+}
+function MobileLayout(props) {
+	const selectedItem = props.items[props.selectedIndex];
+	const navigate = useStackApp().useNavigate();
+	if (props.selectedIndex === -1) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 p-2",
+		children: [props.title && /* @__PURE__ */ jsx("div", {
+			className: "mb-2 ml-2",
+			children: /* @__PURE__ */ jsx(Typography, {
+				type: "h2",
+				className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
+				children: props.title
+			})
+		}), /* @__PURE__ */ jsx(Items, {
+			items: props.items,
+			selectedIndex: props.selectedIndex
+		})]
+	});
+	else return /* @__PURE__ */ jsxs("div", {
+		className: "flex-1 flex flex-col gap-4 py-2 px-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex justify-between",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					type: "h4",
+					className: "font-semibold",
+					children: selectedItem.title
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon",
+					onClick: () => {
+						navigate("#");
+					},
+					children: /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" })
+				})]
+			}), selectedItem.description && /* @__PURE__ */ jsx(Typography, {
+				variant: "secondary",
+				type: "label",
+				children: selectedItem.description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1",
+			children: selectedItem.content
+		})]
+	});
+}
+
+//#endregion
+export { SidebarLayout };
+//# sourceMappingURL=sidebar-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.js","names":[],"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,OAAO,SAAS;CACtB,MAAM,gBAAgB,MAAM,MAAM,WAAU,SAAQ,KAAK,MAAO,KAAK,OAAO,KAAM;AAClF,QACE,4CACE,oBAAC;EAAI,WAAW,GAAG,qCAAqC,MAAM,UAAU;YACtE,oBAAC;GAAc,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;IAAiB;GACnF,EACN,oBAAC;EAAI,WAAW,GAAG,gCAAgC,MAAM,UAAU;YACjE,oBAAC;GAAa,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;IAAiB;GAClF,IACL;;AAIP,SAAS,MAAM,OAAwD;CAErE,MAAM,WADM,aAAa,CACJ,aAAa;CAGlC,MAAM,kBAAkB,MAAM,kBAAkB,KAAK,IAAI,MAAM;AAE/D,QAAO,MAAM,MAAM,KAAK,MAAM,UAC5B,KAAK,SAAS,SACZ,qBAAC;EAEC,SAAQ;EACR,MAAK;EACL,WAAW,GACT,oBAAoB,SAAS,eAC7B,wEACD;EACD,eAAe;AACb,OAAI,KAAK,GACP,UAAS,MAAM,KAAK,GAAG;;aAI1B,KAAK,MACL,KAAK;IAdD,MAeE,GACT,oBAAC,wBACE,KAAK,SADS,MAEJ,CACf;;AAIJ,SAAS,cAAc,OAA2E;CAChG,MAAM,eAAe,MAAM,MAAM,MAAM,kBAAkB,KAAK,IAAI,MAAM;AAExE,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,MAAM,SAAS,oBAAC;IAAI,WAAU;cAC7B,oBAAC;KAAW,MAAK;KAAK,WAAU;eAA0D,MAAM;MAAmB;KAC/G,EAEN,oBAAC;IAAM,OAAO,MAAM;IAAO,eAAe,MAAM;KAAiB;IAC7D,EACN,oBAAC;GAAI,WAAU;aACb,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAW,MAAK;MAAK,WAAU;gBAAiB,aAAa;OAAmB,EAChF,aAAa,eAAe,oBAAC;MAAW,SAAQ;MAAY,MAAK;gBAAS,aAAa;OAAyB;MAC7G,EACN,oBAAC;KAAI,WAAU;eACZ,aAAa;MACV;KACF;IACF;GACF;;AAIV,SAAS,aAAa,OAA2E;CAC/F,MAAM,eAAe,MAAM,MAAM,MAAM;CAEvC,MAAM,WADM,aAAa,CACJ,aAAa;AAElC,KAAI,MAAM,kBAAkB,GAC1B,QACE,qBAAC;EAAI,WAAU;aACZ,MAAM,SAAS,oBAAC;GAAI,WAAU;aAC7B,oBAAC;IAAW,MAAK;IAAK,WAAU;cAA0D,MAAM;KAAmB;IAC/G,EAEN,oBAAC;GAAM,OAAO,MAAM;GAAO,eAAe,MAAM;IAAiB;GAC7D;KAGR,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAW,MAAK;KAAK,WAAU;eAAiB,aAAa;MAAmB,EACjF,oBAAC;KACC,SAAQ;KACR,MAAK;KACL,eAAe;AAAE,eAAS,IAAI;;eAE9B,oBAAC,SAAM,WAAU,YAAY;MACtB;KACL,EACL,aAAa,eAAe,oBAAC;IAAW,SAAQ;IAAY,MAAK;cAAS,aAAa;KAAyB;IAC7G,EACN,oBAAC;GAAI,WAAU;aACZ,aAAa;IACV;GACF"}

package/dist/esm/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/esm/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/esm/components/elements/ssr-layout-effect.js

@@ -0,0 +1,20 @@
+"use client";
+
+import { useLayoutEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/elements/ssr-layout-effect.tsx
+function SsrScript(props) {
+	useLayoutEffect(() => {
+		(0, eval)(props.script);
+	}, []);
+	return /* @__PURE__ */ jsx("script", {
+		suppressHydrationWarning: true,
+		nonce: props.nonce,
+		dangerouslySetInnerHTML: { __html: props.script }
+	});
+}
+
+//#endregion
+export { SsrScript };
+//# sourceMappingURL=ssr-layout-effect.js.map

package/dist/esm/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,uBAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AAEN,QACE,oBAAC;EACC;EACA,OAAO,MAAM;EACb,yBAAyB,EAAE,QAAQ,MAAM,QAAQ;GACjD"}

package/dist/esm/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/esm/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/esm/components/elements/user-avatar.js

@@ -0,0 +1,28 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@stackframe/stack-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { UserRound } from "lucide-react";
+
+//#region src/components/elements/user-avatar.tsx
+const defaultSize = 34;
+function UserAvatar(props) {
+	const user = props.user;
+	return /* @__PURE__ */ jsxs(Avatar, {
+		style: {
+			height: props.size || defaultSize,
+			width: props.size || defaultSize
+		},
+		className: props.border ? "border" : "",
+		children: [/* @__PURE__ */ jsx(AvatarImage, { src: user?.profileImageUrl || "" }), /* @__PURE__ */ jsx(AvatarFallback, { children: user ? /* @__PURE__ */ jsx("div", {
+			className: "font-medium",
+			style: { fontSize: (props.size || defaultSize) * .4 },
+			children: (user.displayName || user.primaryEmail)?.slice(0, 2).toUpperCase()
+		}) : /* @__PURE__ */ jsx(UserRound, {
+			className: "text-zinc-500",
+			size: (props.size || defaultSize) * .6
+		}) })]
+	});
+}
+
+//#endregion
+export { UserAvatar };
+//# sourceMappingURL=user-avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.js","names":[],"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,qBAAC;EAAO,OAAO;GAAE,QAAQ,MAAM,QAAQ;GAAa,OAAO,MAAM,QAAQ;GAAa;EAAE,WAAW,MAAM,SAAS,WAAW;aAC3H,oBAAC,eAAY,KAAK,MAAM,mBAAmB,KAAM,EACjD,oBAAC,4BACE,OACC,oBAAC;GAAI,WAAU;GAAc,OAAO,EAAE,WAAW,MAAM,QAAQ,eAAe,IAAK;cAC/E,KAAK,eAAe,KAAK,eAAe,MAAM,GAAG,EAAE,CAAC,aAAa;IAC/D,GACN,oBAAC;GAAU,WAAU;GAAgB,OAAO,MAAM,QAAQ,eAAe;IAAO,GACnE;GACV"}

package/dist/esm/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/esm/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/esm/components/link.js

@@ -0,0 +1,26 @@
+'use client';
+
+import { cn } from "@stackframe/stack-ui";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/link.tsx
+function Link(props) {
+	return /* @__PURE__ */ jsx("a", {
+		href: props.href,
+		target: props.target,
+		className: props.className,
+		onClick: props.onClick,
+		children: props.children
+	});
+}
+function StyledLink(props) {
+	return /* @__PURE__ */ jsx(Link, {
+		...props,
+		className: cn("underline font-medium", props.className),
+		children: props.children
+	});
+}
+
+//#endregion
+export { Link, StyledLink };
+//# sourceMappingURL=link.js.map

package/dist/esm/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../../src/components/link.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 { cn } from \"@stackframe/stack-ui\";\n\ntype LinkProps = {\n  href: string,\n  children: React.ReactNode,\n  className?: string,\n  target?: string,\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>,\n  prefetch?: boolean,\n};\n\nfunction Link(props: LinkProps) {\n  return <a\n    href={props.href}\n    target={props.target}\n    className={props.className}\n    onClick={props.onClick}\n  >\n    {props.children}\n  </a>;\n}\n\nfunction StyledLink(props: LinkProps) {\n  return (\n    <Link {...props} className={cn(\"underline font-medium\", props.className)}>\n      {props.children}\n    </Link>\n  );\n}\n\nexport { Link, StyledLink };\n"],"mappings":";;;;;;AAkBA,SAAS,KAAK,OAAkB;AAC9B,QAAO,oBAAC;EACN,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,SAAS,MAAM;YAEd,MAAM;GACL;;AAGN,SAAS,WAAW,OAAkB;AACpC,QACE,oBAAC;EAAK,GAAI;EAAO,WAAW,GAAG,yBAAyB,MAAM,UAAU;YACrE,MAAM;GACF"}

package/dist/esm/components/magic-link-sign-in.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/magic-link-sign-in.d.ts
+declare function MagicLinkSignIn(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MagicLinkSignIn };
+//# sourceMappingURL=magic-link-sign-in.d.ts.map

package/dist/esm/components/magic-link-sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-sign-in.d.ts","names":[],"sources":["../../../src/components/magic-link-sign-in.tsx"],"mappings":";;;iBAkFgB,eAAA,CAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/magic-link-sign-in.js

@@ -0,0 +1,136 @@
+'use client';
+
+import { yupResolver } from "@hookform/resolvers/yup";
+import { strictEmailSchema, yupObject } from "@stackframe/stack-shared/dist/schema-fields";
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from "@stackframe/stack-ui";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormWarningText } from "./elements/form-warning.js";
+import { useStackApp } from "../lib/hooks.js";
+import { KnownErrors } from "@stackframe/stack-shared";
+
+//#region src/components/magic-link-sign-in.tsx
+function OTP(props) {
+	const { t } = useTranslation();
+	const [otp, setOtp] = useState("");
+	const [submitting, setSubmitting] = useState(false);
+	const stackApp = useStackApp();
+	const [error, setError] = useState(null);
+	useEffect(() => {
+		if (otp.length === 6 && !submitting) {
+			setSubmitting(true);
+			stackApp.signInWithMagicLink(otp + props.nonce).then((result) => {
+				if (result.status === "error") if (KnownErrors.VerificationCodeError.isInstance(result.error)) setError(t("Invalid code"));
+				else if (KnownErrors.InvalidTotpCode.isInstance(result.error)) setError(t("Invalid TOTP code"));
+				else throw result.error;
+			}).catch((e) => console.error(e)).finally(() => {
+				setSubmitting(false);
+				setOtp("");
+			});
+		}
+		if (otp.length !== 0 && otp.length !== 6) setError(null);
+	}, [otp, submitting]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-stretch stack-scope",
+		children: [/* @__PURE__ */ jsxs("form", {
+			className: "w-full flex flex-col items-center mb-2",
+			children: [
+				/* @__PURE__ */ jsx(Typography, {
+					className: "mb-2",
+					children: t("Enter the code from your email")
+				}),
+				/* @__PURE__ */ jsx(InputOTP, {
+					maxLength: 6,
+					type: "text",
+					inputMode: "text",
+					pattern: "^[a-zA-Z0-9]+$",
+					value: otp,
+					onChange: (value) => setOtp(value.toUpperCase()),
+					disabled: submitting,
+					children: /* @__PURE__ */ jsx(InputOTPGroup, { children: [
+						0,
+						1,
+						2,
+						3,
+						4,
+						5
+					].map((index) => /* @__PURE__ */ jsx(InputOTPSlot, {
+						index,
+						size: "lg"
+					}, index)) })
+				}),
+				error && /* @__PURE__ */ jsx(FormWarningText, { text: error })
+			]
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "link",
+			onClick: props.onBack,
+			className: "underline",
+			children: t("Cancel")
+		})]
+	});
+}
+function MagicLinkSignIn() {
+	const { t } = useTranslation();
+	const app = useStackApp();
+	const [loading, setLoading] = useState(false);
+	const [nonce, setNonce] = useState(null);
+	const { register, handleSubmit, setError, formState: { errors } } = useForm({ resolver: yupResolver(yupObject({ email: strictEmailSchema(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")) })) });
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const { email } = data;
+			const result = await app.sendMagicLinkEmail(email);
+			if (result.status === "error") {
+				setError("email", {
+					type: "manual",
+					message: result.error.message
+				});
+				return;
+			} else setNonce(result.data.nonce);
+		} catch (e) {
+			if (KnownErrors.SignUpNotEnabled.isInstance(e)) setError("email", {
+				type: "manual",
+				message: t("New account registration is not allowed")
+			});
+			else throw e;
+		} finally {
+			setLoading(false);
+		}
+	};
+	if (nonce) return /* @__PURE__ */ jsx(OTP, {
+		nonce,
+		onBack: () => setNonce(null)
+	});
+	else return /* @__PURE__ */ jsxs("form", {
+		className: "flex flex-col items-stretch stack-scope",
+		onSubmit: (e) => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e)),
+		noValidate: true,
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				htmlFor: "email",
+				className: "mb-1",
+				children: t("Email")
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				id: "email",
+				type: "email",
+				autoComplete: "email",
+				...register("email")
+			}),
+			/* @__PURE__ */ jsx(FormWarningText, { text: errors.email?.message?.toString() }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "mt-6",
+				loading,
+				children: t("Send email")
+			})
+		]
+	});
+}
+
+//#endregion
+export { MagicLinkSignIn };
+//# sourceMappingURL=magic-link-sign-in.js.map

package/dist/esm/components/magic-link-sign-in.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-sign-in.js","names":[],"sources":["../../../src/components/magic-link-sign-in.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 { KnownErrors } from \"@stackframe/stack-shared\";\nimport { strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from \"@stackframe/stack-ui\";\nimport { useEffect, 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\nfunction OTP(props: {\n  onBack: () => void,\n  nonce: string,\n}) {\n  const { t } = useTranslation();\n  const [otp, setOtp] = useState<string>('');\n  const [submitting, setSubmitting] = useState<boolean>(false);\n  const stackApp = useStackApp();\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (otp.length === 6 && !submitting) {\n      setSubmitting(true);\n      // eslint-disable-next-line no-restricted-syntax\n      stackApp.signInWithMagicLink(otp + props.nonce)\n        .then(result => {\n          if (result.status === 'error') {\n            if (KnownErrors.VerificationCodeError.isInstance(result.error)) {\n              setError(t(\"Invalid code\"));\n            } else if (KnownErrors.InvalidTotpCode.isInstance(result.error)) {\n              setError(t(\"Invalid TOTP code\"));\n            } else {\n              throw result.error;\n            }\n          }\n        })\n        .catch(e => console.error(e))\n        .finally(() => {\n          setSubmitting(false);\n          setOtp('');\n        });\n    }\n    if (otp.length !== 0 && otp.length !== 6) {\n      setError(null);\n    }\n  }, [otp, submitting]);\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <form className='w-full flex flex-col items-center mb-2'>\n        <Typography className='mb-2' >{t('Enter the code from your email')}</Typography>\n        <InputOTP\n          maxLength={6}\n          type=\"text\"\n          inputMode=\"text\"\n          pattern={\"^[a-zA-Z0-9]+$\"}\n          value={otp}\n          onChange={value => setOtp(value.toUpperCase())}\n          disabled={submitting}\n        >\n          <InputOTPGroup>\n            {[0, 1, 2, 3, 4, 5].map((index) => (\n              <InputOTPSlot key={index} index={index} size='lg' />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n        {error && <FormWarningText text={error} />}\n      </form>\n      <Button variant='link' onClick={props.onBack} className='underline'>{t('Cancel')}</Button>\n    </div>\n  );\n}\n\nexport function MagicLinkSignIn() {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n  const [nonce, setNonce] = useState<string | null>(null);\n\n  const schema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email')).defined().nonEmpty(t('Please enter your email'))\n  });\n\n  const { register, handleSubmit, setError, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      const result = await app.sendMagicLinkEmail(email);\n      if (result.status === 'error') {\n        setError('email', { type: 'manual', message: result.error.message });\n        return;\n      } else {\n        setNonce(result.data.nonce);\n      }\n    } catch (e) {\n      if (KnownErrors.SignUpNotEnabled.isInstance(e)) {\n        setError('email', { type: 'manual', message: t('New account registration is not allowed') });\n      } else {\n        throw e;\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (nonce) {\n    return <OTP nonce={nonce} onBack={() => setNonce(null)} />;\n  } else {\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\n          id=\"email\"\n          type=\"email\"\n          autoComplete=\"email\"\n          {...register('email')}\n        />\n        <FormWarningText text={errors.email?.message?.toString()} />\n\n        <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n          {t('Send email')}\n        </Button>\n      </form>\n    );\n  }\n}\n"],"mappings":"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"}