@hexclave/next 1.0.0 → 1.0.1

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

@@ -1 +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"}
+{"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 \"@hexclave/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,2BAAY;KACT;GACN,2CAAC;IAAI,WAAU;cAA8B;KAAW;GACxD,2CAAC;IAAI,WAAU;cACb,2CAACA,2BAAY;KACT;;GACF"}

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

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/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("@hexclave/shared/dist/hooks/use-hash");
+let _hexclave_shared_dist_hooks_use_hash = require("@hexclave/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 hash = (0, _hexclave_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),
+		className: (0, _hexclave_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),
+		className: (0, _hexclave_ui.cn)("sm:hidden stack-scope h-full", props.className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileLayout, {
 			items: props.items,
 			title: props.title,
@@ -33,15 +33,15 @@ function SidebarLayout(props) {
 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, {
+	return props.items.map((item, index) => item.type === "item" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_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"),
+		className: (0, _hexclave_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));
+	}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: item.title }, index));
 }
 function DesktopLayout(props) {
 	const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];
@@ -51,7 +51,7 @@ function DesktopLayout(props) {
 			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, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					type: "h2",
 					className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
 					children: props.title
@@ -66,11 +66,11 @@ function DesktopLayout(props) {
 				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, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 						type: "h4",
 						className: "font-semibold",
 						children: selectedItem.title
-					}), selectedItem.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					}), selectedItem.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 						variant: "secondary",
 						type: "label",
 						children: selectedItem.description
@@ -90,7 +90,7 @@ function MobileLayout(props) {
 		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, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				type: "h2",
 				className: "text-lg font-semibold text-zinc-800 dark:text-zinc-300",
 				children: props.title
@@ -106,11 +106,11 @@ function MobileLayout(props) {
 			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, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					type: "h4",
 					className: "font-semibold",
 					children: selectedItem.title
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 					variant: "ghost",
 					size: "icon",
 					onClick: () => {
@@ -118,7 +118,7 @@ function MobileLayout(props) {
 					},
 					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, {
+			}), selectedItem.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 				variant: "secondary",
 				type: "label",
 				children: selectedItem.description

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

@@ -1 +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"}
+{"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 '@hexclave/shared/dist/hooks/use-hash';\nimport { Button, Typography, cn } from '@hexclave/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,0DAAgB;CACtB,MAAM,gBAAgB,MAAM,MAAM,WAAU,SAAQ,KAAK,MAAO,KAAK,OAAO,KAAM;AAClF,QACE,qFACE,2CAAC;EAAI,gCAAc,qCAAqC,MAAM,UAAU;YACtE,2CAAC;GAAc,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;IAAiB;GACnF,EACN,2CAAC;EAAI,gCAAc,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,gCACE,oBAAoB,SAAS,eAC7B,wEACD;EACD,eAAe;AACb,OAAI,KAAK,GACP,UAAS,MAAM,KAAK,GAAG;;aAI1B,KAAK,MACL,KAAK;IAdD,MAeE,GACT,2CAACC,qCACE,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/user-avatar.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 
@@ -8,13 +8,13 @@ let lucide_react = require("lucide-react");
 const defaultSize = 34;
 function UserAvatar(props) {
 	const user = props.user;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Avatar, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_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", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.AvatarImage, { src: user?.profileImageUrl || "" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_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()

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

@@ -1 +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"}
+{"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 \"@hexclave/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,4BAAY,KAAK,MAAM,mBAAmB,KAAM,EACjD,2CAACC,yCACE,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.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let next_link = require("next/link");
 next_link = require_chunk.__toESM(next_link);
@@ -21,7 +21,7 @@ function Link(props) {
 function StyledLink(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Link, {
 		...props,
-		className: (0, _stackframe_stack_ui.cn)("underline font-medium", props.className),
+		className: (0, _hexclave_ui.cn)("underline font-medium", props.className),
 		children: props.children
 	});
 }

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["NextLink"],"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\";\nimport NextLink from 'next/link'; // THIS_LINE_PLATFORM next\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 <NextLink\n    href={props.href}\n    target={props.target}\n    className={props.className}\n    prefetch={props.prefetch}\n    onClick={props.onClick}\n  >\n    {props.children}\n  </NextLink>;\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":";;;;;;;;;;AAmBA,SAAS,KAAK,OAAkB;AAC9B,QAAO,2CAACA;EACN,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,SAAS,MAAM;YAEd,MAAM;GACE;;AAGb,SAAS,WAAW,OAAkB;AACpC,QACE,2CAAC;EAAK,GAAI;EAAO,wCAAc,yBAAyB,MAAM,UAAU;YACrE,MAAM;GACF"}
+{"version":3,"file":"link.js","names":["NextLink"],"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 \"@hexclave/ui\";\nimport NextLink from 'next/link'; // THIS_LINE_PLATFORM next\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 <NextLink\n    href={props.href}\n    target={props.target}\n    className={props.className}\n    prefetch={props.prefetch}\n    onClick={props.onClick}\n  >\n    {props.children}\n  </NextLink>;\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":";;;;;;;;;;AAmBA,SAAS,KAAK,OAAkB;AAC9B,QAAO,2CAACA;EACN,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,SAAS,MAAM;YAEd,MAAM;GACE;;AAGb,SAAS,WAAW,OAAkB;AACpC,QACE,2CAAC;EAAK,GAAI;EAAO,gCAAc,yBAAyB,MAAM,UAAU;YACrE,MAAM;GACF"}

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

@@ -3,16 +3,16 @@
 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("@hexclave/shared/dist/schema-fields");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("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 ___lib_hooks_js = require("../lib/hooks.js");
-let _stackframe_stack_shared = require("@hexclave/shared");
+let _hexclave_shared = require("@hexclave/shared");
 
 //#region src/components/magic-link-sign-in.tsx
 function OTP(props) {
@@ -25,8 +25,8 @@ function OTP(props) {
 		if (otp.length === 6 && !submitting) {
 			setSubmitting(true);
 			stackApp.signInWithMagicLink(otp + props.nonce).then((result) => {
-				if (result.status === "error") if (_stackframe_stack_shared.KnownErrors.VerificationCodeError.isInstance(result.error)) setError(t("Invalid code"));
-				else if (_stackframe_stack_shared.KnownErrors.InvalidTotpCode.isInstance(result.error)) setError(t("Invalid TOTP code"));
+				if (result.status === "error") if (_hexclave_shared.KnownErrors.VerificationCodeError.isInstance(result.error)) setError(t("Invalid code"));
+				else if (_hexclave_shared.KnownErrors.InvalidTotpCode.isInstance(result.error)) setError(t("Invalid TOTP code"));
 				else throw result.error;
 			}).catch((e) => console.error(e)).finally(() => {
 				setSubmitting(false);
@@ -40,11 +40,11 @@ function OTP(props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 			className: "w-full flex flex-col items-center mb-2",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					className: "mb-2",
 					children: t("Enter the code from your email")
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTP, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.InputOTP, {
 					maxLength: 6,
 					type: "text",
 					inputMode: "text",
@@ -52,21 +52,21 @@ function OTP(props) {
 					value: otp,
 					onChange: (value) => setOtp(value.toUpperCase()),
 					disabled: submitting,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTPGroup, { children: [
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.InputOTPGroup, { children: [
 						0,
 						1,
 						2,
 						3,
 						4,
 						5
-					].map((index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.InputOTPSlot, {
+					].map((index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.InputOTPSlot, {
 						index,
 						size: "lg"
 					}, index)) })
 				}),
 				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__elements_form_warning_js.FormWarningText, { text: error })
 			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 			variant: "link",
 			onClick: props.onBack,
 			className: "underline",
@@ -79,7 +79,7 @@ function MagicLinkSignIn() {
 	const app = (0, ___lib_hooks_js.useStackApp)();
 	const [loading, setLoading] = (0, react.useState)(false);
 	const [nonce, setNonce] = (0, react.useState)(null);
-	const { register, handleSubmit, setError, formState: { errors } } = (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")) })) });
+	const { register, handleSubmit, setError, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _hexclave_shared_dist_schema_fields.yupObject)({ email: (0, _hexclave_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")) })) });
 	const onSubmit = async (data) => {
 		setLoading(true);
 		try {
@@ -93,7 +93,7 @@ function MagicLinkSignIn() {
 				return;
 			} else setNonce(result.data.nonce);
 		} catch (e) {
-			if (_stackframe_stack_shared.KnownErrors.SignUpNotEnabled.isInstance(e)) setError("email", {
+			if (_hexclave_shared.KnownErrors.SignUpNotEnabled.isInstance(e)) setError("email", {
 				type: "manual",
 				message: t("New account registration is not allowed")
 			});
@@ -108,22 +108,22 @@ function MagicLinkSignIn() {
 	});
 	else 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)),
+		onSubmit: (e) => (0, _hexclave_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
 		noValidate: true,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 				htmlFor: "email",
 				className: "mb-1",
 				children: t("Email")
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_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.Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 				type: "submit",
 				className: "mt-6",
 				loading,

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

@@ -1 +1 @@
-{"version":3,"file":"magic-link-sign-in.js","names":["KnownErrors","Typography","InputOTP","InputOTPGroup","InputOTPSlot","FormWarningText","Button","Label","Input"],"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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"}
+{"version":3,"file":"magic-link-sign-in.js","names":["KnownErrors","Typography","InputOTP","InputOTPGroup","InputOTPSlot","FormWarningText","Button","Label","Input"],"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 \"@hexclave/shared\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, InputOTP, InputOTPGroup, InputOTPSlot, Label, Typography } from \"@hexclave/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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"}

package/dist/components/message-cards/known-error-message-card.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ______index_js = require("../../index.js");
 let __message_card_js = require("./message-card.js");
@@ -15,7 +15,7 @@ function KnownErrorMessageCard({ error, fullPage = false }) {
 		fullPage,
 		primaryButtonText: "Go Home",
 		primaryAction: () => stackApp.redirectToHome(),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: ["Error Code: ", error.errorCode] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: ["Error Message: ", error.message] })]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Typography, { children: ["Error Code: ", error.errorCode] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Typography, { children: ["Error Message: ", error.message] })]
 	});
 }
 

package/dist/components/message-cards/known-error-message-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"known-error-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/known-error-message-card.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 { KnownError } from \"@stackframe/stack-shared\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"../..\";\nimport { MessageCard } from \"./message-card\";\n\nexport function KnownErrorMessageCard({\n  error,\n  fullPage=false,\n}: {\n  error: KnownError,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard\n      title={\"An error occurred\"}\n      fullPage={fullPage}\n      primaryButtonText={\"Go Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Typography>Error Code: {error.errorCode}</Typography>}\n      {<Typography>Error Message: {error.message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,OACA,WAAS,SAIR;CACD,MAAM,4CAAwB;AAE9B,QACE,4CAACA;EACC,OAAO;EACG;EACV,mBAAmB;EACnB,qBAAqB,SAAS,gBAAgB;aAE7C,4CAACC,8CAAW,gBAAa,MAAM,aAAuB,EACtD,4CAACA,8CAAW,mBAAgB,MAAM,WAAqB;GAC5C"}
+{"version":3,"file":"known-error-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/known-error-message-card.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 { KnownError } from \"@hexclave/shared\";\nimport { Typography } from \"@hexclave/ui\";\nimport { useStackApp } from \"../..\";\nimport { MessageCard } from \"./message-card\";\n\nexport function KnownErrorMessageCard({\n  error,\n  fullPage=false,\n}: {\n  error: KnownError,\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard\n      title={\"An error occurred\"}\n      fullPage={fullPage}\n      primaryButtonText={\"Go Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Typography>Error Code: {error.errorCode}</Typography>}\n      {<Typography>Error Message: {error.message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,OACA,WAAS,SAIR;CACD,MAAM,4CAAwB;AAE9B,QACE,4CAACA;EACC,OAAO;EACG;EACV,mBAAmB;EACnB,qBAAqB,SAAS,gBAAgB;aAE7C,4CAACC,sCAAW,gBAAa,MAAM,aAAuB,EACtD,4CAACA,sCAAW,mBAAgB,MAAM,WAAqB;GAC5C"}

package/dist/components/message-cards/message-card.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -20,18 +20,18 @@ function MessageCard({ fullPage = false, ...props }) {
 				padding: fullPage ? "1rem" : 0
 			},
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					type: "h3",
 					children: props.title
 				}),
 				props.children,
 				(props.primaryButtonText || props.secondaryButtonText) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex justify-center gap-4 my-5",
-					children: [props.secondaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					children: [props.secondaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 						variant: "secondary",
 						onClick: props.secondaryAction,
 						children: props.secondaryButtonText
-					}), props.primaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					}), props.primaryButtonText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 						onClick: props.primaryAction,
 						children: props.primaryButtonText
 					})]

package/dist/components/message-cards/message-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-card.js","names":["MaybeFullPage","Typography","Button"],"sources":["../../../src/components/message-cards/message-card.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 from \"react\";\nimport { MaybeFullPage } from \"../elements/maybe-full-page\";\nimport { Button, Typography } from \"@stackframe/stack-ui\";\n\nexport function MessageCard(\n  { fullPage=false, ...props }:\n  {\n    children?: React.ReactNode,\n    title: string,\n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div className=\"text-center stack-scope flex flex-col gap-4\" style={{ maxWidth: '380px', flexBasis: '380px', padding: fullPage ? '1rem' : 0 }}>\n        <Typography type='h3'>{props.title}</Typography>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div className=\"flex justify-center gap-4 my-5\">\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YACd,EAAE,WAAS,OAAO,GAAG,SAUrB;AACA,QACE,2CAACA;EAAwB;YACvB,4CAAC;GAAI,WAAU;GAA8C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,WAAW,SAAS;IAAG;;IAC3I,2CAACC;KAAW,MAAK;eAAM,MAAM;MAAmB;IAC/C,MAAM;KACL,MAAM,qBAAqB,MAAM,wBACjC,4CAAC;KAAI,WAAU;gBACZ,MAAM,uBACL,2CAACC;MAAO,SAAQ;MAAY,SAAS,MAAM;gBACxC,MAAM;OACA,EAEV,MAAM,qBACL,2CAACA;MAAO,SAAS,MAAM;gBACpB,MAAM;OACA;MAEP;;IAEJ;GACQ"}
+{"version":3,"file":"message-card.js","names":["MaybeFullPage","Typography","Button"],"sources":["../../../src/components/message-cards/message-card.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 from \"react\";\nimport { MaybeFullPage } from \"../elements/maybe-full-page\";\nimport { Button, Typography } from \"@hexclave/ui\";\n\nexport function MessageCard(\n  { fullPage=false, ...props }:\n  {\n    children?: React.ReactNode,\n    title: string,\n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div className=\"text-center stack-scope flex flex-col gap-4\" style={{ maxWidth: '380px', flexBasis: '380px', padding: fullPage ? '1rem' : 0 }}>\n        <Typography type='h3'>{props.title}</Typography>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div className=\"flex justify-center gap-4 my-5\">\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YACd,EAAE,WAAS,OAAO,GAAG,SAUrB;AACA,QACE,2CAACA;EAAwB;YACvB,4CAAC;GAAI,WAAU;GAA8C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,WAAW,SAAS;IAAG;;IAC3I,2CAACC;KAAW,MAAK;eAAM,MAAM;MAAmB;IAC/C,MAAM;KACL,MAAM,qBAAqB,MAAM,wBACjC,4CAAC;KAAI,WAAU;gBACZ,MAAM,uBACL,2CAACC;MAAO,SAAQ;MAAY,SAAS,MAAM;gBACxC,MAAM;OACA,EAEV,MAAM,qBACL,2CAACA;MAAO,SAAS,MAAM;gBACpB,MAAM;OACA;MAEP;;IAEJ;GACQ"}

package/dist/components/message-cards/predefined-message-card.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../../chunk-BE-pF4vm.js');
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ______index_js = require("../../index.js");
 let __message_card_js = require("./message-card.js");
@@ -64,7 +64,7 @@ function PredefinedMessageCard({ type, fullPage = false }) {
 		primaryAction,
 		secondaryButtonText: secondaryButton || void 0,
 		secondaryAction: secondaryAction || void 0,
-		children: message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: message })
+		children: message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: message })
 	});
 }
 

package/dist/components/message-cards/predefined-message-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"predefined-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/predefined-message-card.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 { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"../..\";\nimport { useTranslation } from \"../../lib/translations\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({\n  type,\n  fullPage=false,\n}: {\n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled',\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const { t } = useTranslation();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = t(\"You are already signed in\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign out\");\n      break;\n    }\n    case 'signedOut': {\n      title = t(\"You are not currently signed in.\");\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'signUpDisabled': {\n      title = t(\"Sign up for new users is not enabled at the moment.\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'emailSent': {\n      title = t(\"Email sent!\");\n      message = t(\"If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n    case 'passwordReset': {\n      title = t(\"Password reset successfully!\");\n      message = t(\"Your password has been reset. You can now sign in with your new password.\");\n      primaryAction = () => stackApp.redirectToSignIn({ noRedirectBack: true });\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'unknownError': {\n      title = t(\"An unknown error occurred\");\n      message = t(\"Please try again and if the problem persists, contact support.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title}\n      fullPage={fullPage}\n      primaryButtonText={primaryButton}\n      primaryAction={primaryAction}\n      secondaryButtonText={secondaryButton || undefined}\n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,MACA,WAAS,SAIR;CACD,MAAM,4CAAwB;CAC9B,MAAM,EAAE,qDAAsB;CAE9B,IAAI;CACJ,IAAI,UAAyB;CAC7B,IAAI,gBAA+B;CACnC,IAAI,kBAAiC;CACrC,IAAI,gBAAqD;CACzD,IAAI,kBAAuD;AAE3D,SAAQ,MAAR;EACE,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,mBAAmB;AACpD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,WAAW;AAC/B;EAEF,KAAK;AACH,WAAQ,EAAE,mCAAmC;AAC7C,yBAAsB,SAAS,kBAAkB;AACjD,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,sDAAsD;AAChE,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,kBAAkB;AACnD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,UAAU;AAC9B;EAEF,KAAK;AACH,WAAQ,EAAE,cAAc;AACxB,aAAU,EAAE,sHAAsH;AAClI,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,+BAA+B;AACzC,aAAU,EAAE,4EAA4E;AACxF,yBAAsB,SAAS,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;AACzE,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,aAAU,EAAE,iEAAiE;AAC7E,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;;AAIJ,QACE,2CAACA;EACQ;EACG;EACV,mBAAmB;EACJ;EACf,qBAAqB,mBAAmB;EACxC,iBAAiB,mBAAmB;YAEnC,WAAW,2CAACC,6CAAY,UAAqB;GAClC"}
+{"version":3,"file":"predefined-message-card.js","names":["MessageCard","Typography"],"sources":["../../../src/components/message-cards/predefined-message-card.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 { Typography } from \"@hexclave/ui\";\nimport { useStackApp } from \"../..\";\nimport { useTranslation } from \"../../lib/translations\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({\n  type,\n  fullPage=false,\n}: {\n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled',\n  fullPage?: boolean,\n}) {\n  const stackApp = useStackApp();\n  const { t } = useTranslation();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = t(\"You are already signed in\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign out\");\n      break;\n    }\n    case 'signedOut': {\n      title = t(\"You are not currently signed in.\");\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'signUpDisabled': {\n      title = t(\"Sign up for new users is not enabled at the moment.\");\n      primaryAction = () => stackApp.redirectToHome();\n      secondaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'emailSent': {\n      title = t(\"Email sent!\");\n      message = t(\"If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n    case 'passwordReset': {\n      title = t(\"Password reset successfully!\");\n      message = t(\"Your password has been reset. You can now sign in with your new password.\");\n      primaryAction = () => stackApp.redirectToSignIn({ noRedirectBack: true });\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'unknownError': {\n      title = t(\"An unknown error occurred\");\n      message = t(\"Please try again and if the problem persists, contact support.\");\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title}\n      fullPage={fullPage}\n      primaryButtonText={primaryButton}\n      primaryAction={primaryAction}\n      secondaryButtonText={secondaryButton || undefined}\n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,MACA,WAAS,SAIR;CACD,MAAM,4CAAwB;CAC9B,MAAM,EAAE,qDAAsB;CAE9B,IAAI;CACJ,IAAI,UAAyB;CAC7B,IAAI,gBAA+B;CACnC,IAAI,kBAAiC;CACrC,IAAI,gBAAqD;CACzD,IAAI,kBAAuD;AAE3D,SAAQ,MAAR;EACE,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,mBAAmB;AACpD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,WAAW;AAC/B;EAEF,KAAK;AACH,WAAQ,EAAE,mCAAmC;AAC7C,yBAAsB,SAAS,kBAAkB;AACjD,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,sDAAsD;AAChE,yBAAsB,SAAS,gBAAgB;AAC/C,2BAAwB,SAAS,kBAAkB;AACnD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,UAAU;AAC9B;EAEF,KAAK;AACH,WAAQ,EAAE,cAAc;AACxB,aAAU,EAAE,sHAAsH;AAClI,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,+BAA+B;AACzC,aAAU,EAAE,4EAA4E;AACxF,yBAAsB,SAAS,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;AACzE,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,aAAU,EAAE,iEAAiE;AAC7E,yBAAsB,SAAS,gBAAgB;AAC/C,mBAAgB,EAAE,UAAU;AAC5B;;AAIJ,QACE,2CAACA;EACQ;EACG;EACV,mBAAmB;EACJ;EACf,qBAAqB,mBAAmB;EACxC,iBAAiB,mBAAmB;YAEnC,WAAW,2CAACC,qCAAY,UAAqB;GAClC"}