@hexclave/tanstack-start 1.0.41 → 1.0.43

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

@@ -1,7 +1,5 @@
-'use client';
-
+"use client";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/elements/form-warning.tsx
 function FormWarningText({ text }) {
 	if (!text) return null;
@@ -10,7 +8,7 @@ function FormWarningText({ text }) {
 		children: text
 	});
 }
-
 //#endregion
 export { FormWarningText };
+
 //# sourceMappingURL=form-warning.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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;CAC3D,IAAI,CAAC,MACH,OAAO;CAET,OACE,oBAAC,OAAD;EAAK,WAAU;YACZ;CACE,CAAA;AAET"}

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

@@ -1,5 +1,4 @@
 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({
@@ -10,7 +9,7 @@ declare function MaybeFullPage({
   fullPage: boolean;
   size?: number;
   containerClassName?: string;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { MaybeFullPage };
 //# sourceMappingURL=maybe-full-page.d.ts.map

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

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

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

@@ -1,9 +1,7 @@
 "use client";
-
-import React, { useId } from "react";
+import { 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()}`;
@@ -32,7 +30,7 @@ function MaybeFullPage({ children, fullPage }) {
 	}), /* @__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

@@ -1 +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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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,MAC8B;CAE/C,MAAM,eAAe;;;;;;;;OAQhB,KAAK,UAAU,CAAC,EAAE,CAAC,EAAE;CAE1B,IAAI,UACF,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EACE,0BAAA;EACI;EACJ,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,YAAY;EACd;EACA,WAAU;EAET;CACE,CAAA,GACL,oBAAC,WAAD,EAAW,QAAQ,aAAe,CAAA,CAClC,EAAA,CAAA;MAGJ,OAAO,oBAAA,UAAA,EACJ,SACD,CAAA;AAGN"}

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

@@ -1,11 +1,9 @@
-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;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SeparatorWithText };
 //# sourceMappingURL=separator-with-text.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"separator-with-text.d.ts","names":[],"sources":["../../../../src/components/elements/separator-with-text.tsx"],"mappings":";iBASgB,iBAAA;EAAoB;AAAA;EAAU,IAAA;AAAA,gCAAc,GAAA,CAAA,OAAA"}

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

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { Separator } from "@hexclave/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/elements/separator-with-text.tsx
 function SeparatorWithText({ text }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -23,7 +21,7 @@ function SeparatorWithText({ text }) {
 		]
 	});
 }
-
 //#endregion
 export { SeparatorWithText };
+
 //# sourceMappingURL=separator-with-text.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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,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"}
+{"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 UNLESS YOU ALSO 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;CAC5D,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,WAAD,CAAY,CAAA;GACT,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cAA8B;GAAU,CAAA;GACvD,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,WAAD,CAAY,CAAA;GACT,CAAA;EACF;;AAET"}

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

@@ -1,5 +1,4 @@
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/elements/sidebar-layout.d.ts
 type SidebarItem = {
@@ -15,7 +14,7 @@ declare function SidebarLayout(props: {
   items: SidebarItem[];
   title?: ReactNode;
   className?: string;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SidebarItem, SidebarLayout };
 //# sourceMappingURL=sidebar-layout.d.ts.map

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

@@ -1 +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"}
+{"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,SAAS;EAAE,SAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}

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

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { Button, Typography, cn } from "@hexclave/ui";
-import React from "react";
+import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import { useHash } from "@hexclave/shared/dist/hooks/use-hash";
 import { useStackApp } from "../../index.js";
-
 //#region src/components/elements/sidebar-layout.tsx
 function SidebarLayout(props) {
 	const hash = useHash();
@@ -126,7 +124,7 @@ function MobileLayout(props) {
 		})]
 	});
 }
-
 //#endregion
 export { SidebarLayout };
+
 //# sourceMappingURL=sidebar-layout.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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,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"}
+{"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 UNLESS YOU ALSO 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":"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"}

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

@@ -1,10 +1,8 @@
-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;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SsrScript };
 //# sourceMappingURL=ssr-layout-effect.d.ts.map

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

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

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

@@ -1,8 +1,6 @@
 "use client";
-
 import { useLayoutEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/elements/ssr-layout-effect.tsx
 function escapeHtmlAttr(str) {
 	return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -16,7 +14,7 @@ function SsrScript(props) {
 		dangerouslySetInnerHTML: { __html: `<script${props.nonce ? ` nonce="${escapeHtmlAttr(props.nonce)}"` : ""}>${props.script}<\/script>` }
 	});
 }
-
 //#endregion
 export { SsrScript };
+
 //# sourceMappingURL=ssr-layout-effect.js.map

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

@@ -1 +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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nfunction escapeHtmlAttr(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\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  // Embed the <script> in a span's innerHTML rather than as a React <script> JSX element to\n  // avoid React 19's \"Scripts inside React components are never executed when rendering on the\n  // client\" warning. The browser still executes the script during SSR HTML parsing, and on the\n  // client React sets innerHTML but the browser won't re-execute the script (innerHTML scripts\n  // don't run). Using the same HTML on both sides avoids hydration mismatches.\n  const nonceAttr = props.nonce ? ` nonce=\"${escapeHtmlAttr(props.nonce)}\"` : '';\n\n  return (\n    <span\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      dangerouslySetInnerHTML={{\n        __html: `<script${nonceAttr}>${props.script}</script>`,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAS,eAAe,KAAqB;AAC3C,QAAO,IAAI,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAGvG,SAAgB,UAAU,OAA2C;AACnE,uBAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AASN,QACE,oBAAC;EACC;EACA,yBAAyB,EACvB,QAAQ,UANI,MAAM,QAAQ,WAAW,eAAe,MAAM,MAAM,CAAC,KAAK,GAM1C,GAAG,MAAM,OAAO,aAC7C;GACD"}
+{"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nfunction escapeHtmlAttr(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\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  // Embed the <script> in a span's innerHTML rather than as a React <script> JSX element to\n  // avoid React 19's \"Scripts inside React components are never executed when rendering on the\n  // client\" warning. The browser still executes the script during SSR HTML parsing, and on the\n  // client React sets innerHTML but the browser won't re-execute the script (innerHTML scripts\n  // don't run). Using the same HTML on both sides avoids hydration mismatches.\n  const nonceAttr = props.nonce ? ` nonce=\"${escapeHtmlAttr(props.nonce)}\"` : '';\n\n  return (\n    <span\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      dangerouslySetInnerHTML={{\n        __html: `<script${nonceAttr}>${props.script}</script>`,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;AAQA,SAAS,eAAe,KAAqB;CAC3C,OAAO,IAAI,QAAQ,MAAM,OAAO,CAAC,CAAC,QAAQ,MAAM,QAAQ,CAAC,CAAC,QAAQ,MAAM,MAAM,CAAC,CAAC,QAAQ,MAAM,MAAM;AACtG;AAEA,SAAgB,UAAU,OAA2C;CACnE,sBAAsB;EAIpB,CAAC,GAAG,KAAA,CAAM,MAAM,MAAM;CACxB,GAAG,CAAC,CAAC;CASL,OACE,oBAAC,QAAD;EACE,0BAAA;EACA,yBAAyB,EACvB,QAAQ,UANI,MAAM,QAAQ,WAAW,eAAe,MAAM,KAAK,EAAE,KAAK,GAM1C,GAAG,MAAM,OAAO,YAC9C;CACD,CAAA;AAEL"}

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

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

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

@@ -1 +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"}
+{"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,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,7 +1,6 @@
 import { Avatar, AvatarFallback, AvatarImage } from "@hexclave/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) {
@@ -22,7 +21,7 @@ function UserAvatar(props) {
 		}) })]
 	});
 }
-
 //#endregion
 export { UserAvatar };
+
 //# sourceMappingURL=user-avatar.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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,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"}
+{"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 UNLESS YOU ALSO 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;CACnB,OACE,qBAAC,QAAD;EAAQ,OAAO;GAAE,QAAQ,MAAM,QAAQ;GAAa,OAAO,MAAM,QAAQ;EAAY;EAAG,WAAW,MAAM,SAAS,WAAW;YAA7H,CACE,oBAAC,aAAD,EAAa,KAAK,MAAM,mBAAmB,GAAK,CAAA,GAChD,oBAAC,gBAAD,EAAA,UACG,OACC,oBAAC,OAAD;GAAK,WAAU;GAAc,OAAO,EAAE,WAAW,MAAM,QAAQ,eAAe,GAAI;cAC9E,KAAK,eAAe,KAAK,aAAA,EAAe,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;EAC/D,CAAA,IACL,oBAAC,WAAD;GAAW,WAAU;GAAgB,OAAO,MAAM,QAAQ,eAAe;EAAM,CAAA,EACnE,CAAA,CACV;;AAEZ"}

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

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/link.d.ts
 type LinkProps = {
   href: string;
@@ -9,8 +7,8 @@ type LinkProps = {
   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;
+declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+declare function StyledLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Link, StyledLink };
 //# sourceMappingURL=link.d.ts.map

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

@@ -1 +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"}
+{"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,SAAS,+BAAA,GAAA,CAAA,OAAA;AAAA,iBAWrB,UAAA,CAAW,KAAA,EAAO,SAAS,+BAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/link.js

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { cn } from "@hexclave/ui";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/link.tsx
 function Link(props) {
 	return /* @__PURE__ */ jsx("a", {
@@ -20,7 +18,7 @@ function StyledLink(props) {
 		children: props.children
 	});
 }
-
 //#endregion
 export { Link, StyledLink };
+
 //# sourceMappingURL=link.js.map

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

@@ -1 +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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { cn } from \"@hexclave/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"}
+{"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { cn } from \"@hexclave/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;CAC9B,OAAO,oBAAC,KAAD;EACL,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,SAAS,MAAM;YAEd,MAAM;CACN,CAAA;AACL;AAEA,SAAS,WAAW,OAAkB;CACpC,OACE,oBAAC,MAAD;EAAM,GAAI;EAAO,WAAW,GAAG,yBAAyB,MAAM,SAAS;YACpE,MAAM;CACH,CAAA;AAEV"}

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

@@ -1,7 +1,5 @@
-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;
+declare function MagicLinkSignIn(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { MagicLinkSignIn };
 //# sourceMappingURL=magic-link-sign-in.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"magic-link-sign-in.d.ts","names":[],"sources":["../../../src/components/magic-link-sign-in.tsx"],"mappings":";iBAkFgB,eAAA,gCAAe,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
@@ -11,7 +10,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { FormWarningText } from "./elements/form-warning.js";
 import { useStackApp } from "../lib/hooks.js";
 import { KnownErrors } from "@hexclave/shared";
-
 //#region src/components/magic-link-sign-in.tsx
 function OTP(props) {
 	const { t } = useTranslation();
@@ -130,7 +128,7 @@ function MagicLinkSignIn() {
 		]
 	});
 }
-
 //#endregion
 export { MagicLinkSignIn };
+
 //# sourceMappingURL=magic-link-sign-in.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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 hexclaveApp = 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      hexclaveApp.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":";;;;;;;;;;;;;;;AAmBA,SAAS,IAAI,OAGV;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,KAAK,UAAU,SAAiB,GAAG;CAC1C,MAAM,CAAC,YAAY,iBAAiB,SAAkB,MAAM;CAC5D,MAAM,cAAc,aAAa;CACjC,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;AAEvD,iBAAgB;AACd,MAAI,IAAI,WAAW,KAAK,CAAC,YAAY;AACnC,iBAAc,KAAK;AAEnB,eAAY,oBAAoB,MAAM,MAAM,MAAM,CAC/C,MAAK,WAAU;AACd,QAAI,OAAO,WAAW,QACpB,KAAI,YAAY,sBAAsB,WAAW,OAAO,MAAM,CAC5D,UAAS,EAAE,eAAe,CAAC;aAClB,YAAY,gBAAgB,WAAW,OAAO,MAAM,CAC7D,UAAS,EAAE,oBAAoB,CAAC;QAEhC,OAAM,OAAO;KAGjB,CACD,OAAM,MAAK,QAAQ,MAAM,EAAE,CAAC,CAC5B,cAAc;AACb,kBAAc,MAAM;AACpB,WAAO,GAAG;KACV;;AAEN,MAAI,IAAI,WAAW,KAAK,IAAI,WAAW,EACrC,UAAS,KAAK;IAEf,CAAC,KAAK,WAAW,CAAC;AAErB,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAK,WAAU;;IACd,oBAAC;KAAW,WAAU;eAAS,EAAE,iCAAiC;MAAc;IAChF,oBAAC;KACC,WAAW;KACX,MAAK;KACL,WAAU;KACV,SAAS;KACT,OAAO;KACP,WAAU,UAAS,OAAO,MAAM,aAAa,CAAC;KAC9C,UAAU;eAEV,oBAAC,2BACE;MAAC;MAAG;MAAG;MAAG;MAAG;MAAG;MAAE,CAAC,KAAK,UACvB,oBAAC;MAAgC;MAAO,MAAK;QAA1B,MAAiC,CACpD,GACY;MACP;IACV,SAAS,oBAAC,mBAAgB,MAAM,QAAS;;IACrC,EACP,oBAAC;GAAO,SAAQ;GAAO,SAAS,MAAM;GAAQ,WAAU;aAAa,EAAE,SAAS;IAAU;GACtF;;AAIV,SAAgB,kBAAkB;CAChC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,MAAM,aAAa;CACzB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CAMvD,MAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,aAAa,QAAQ,EAC1E,UAAU,YALG,UAAU,EACvB,OAAO,kBAAkB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC,EAC3G,CAAC,CAG6B,EAC9B,CAAC;CAEF,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAChB,MAAI;GACF,MAAM,EAAE,UAAU;GAClB,MAAM,SAAS,MAAM,IAAI,mBAAmB,MAAM;AAClD,OAAI,OAAO,WAAW,SAAS;AAC7B,aAAS,SAAS;KAAE,MAAM;KAAU,SAAS,OAAO,MAAM;KAAS,CAAC;AACpE;SAEA,UAAS,OAAO,KAAK,MAAM;WAEtB,GAAG;AACV,OAAI,YAAY,iBAAiB,WAAW,EAAE,CAC5C,UAAS,SAAS;IAAE,MAAM;IAAU,SAAS,EAAE,0CAA0C;IAAE,CAAC;OAE5F,OAAM;YAEA;AACR,cAAW,MAAM;;;AAIrB,KAAI,MACF,QAAO,oBAAC;EAAW;EAAO,cAAc,SAAS,KAAK;GAAI;KAE1D,QACE,qBAAC;EACC,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,oBAAC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,QAAQ;KAAS;GAC5D,oBAAC;IACC,IAAG;IACH,MAAK;IACL,cAAa;IACb,GAAI,SAAS,QAAQ;KACrB;GACF,oBAAC,mBAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,oBAAC;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,aAAa;KACT;;GACJ"}
+{"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 UNLESS YOU ALSO 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 hexclaveApp = 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      hexclaveApp.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/esm/components/message-cards/known-error-message-card.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { KnownError } from "@hexclave/shared";
 
 //#region src/components/message-cards/known-error-message-card.d.ts
@@ -8,7 +7,7 @@ declare function KnownErrorMessageCard({
 }: {
   error: KnownError;
   fullPage?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { KnownErrorMessageCard };
 //# sourceMappingURL=known-error-message-card.d.ts.map

package/dist/esm/components/message-cards/known-error-message-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"known-error-message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/known-error-message-card.tsx"],"mappings":";;;;iBAYgB,qBAAA,CAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,UAAA;EACP,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"known-error-message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/known-error-message-card.tsx"],"mappings":";;;iBAYgB,qBAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,UAAA;EACP,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

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

@@ -1,10 +1,8 @@
 "use client";
-
 import { Typography } from "@hexclave/ui";
 import { jsxs } from "react/jsx-runtime";
 import { useStackApp } from "../../index.js";
 import { MessageCard } from "./message-card.js";
-
 //#region src/components/message-cards/known-error-message-card.tsx
 function KnownErrorMessageCard({ error, fullPage = false }) {
 	const hexclaveApp = useStackApp();
@@ -16,7 +14,7 @@ function KnownErrorMessageCard({ error, fullPage = false }) {
 		children: [/* @__PURE__ */ jsxs(Typography, { children: ["Error Code: ", error.errorCode] }), /* @__PURE__ */ jsxs(Typography, { children: ["Error Message: ", error.message] })]
 	});
 }
-
 //#endregion
 export { KnownErrorMessageCard };
+
 //# sourceMappingURL=known-error-message-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"known-error-message-card.js","names":[],"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 UNLESS YOU ALSO 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 hexclaveApp = useStackApp();\n\n  return (\n    <MessageCard\n      title={\"An error occurred\"}\n      fullPage={fullPage}\n      primaryButtonText={\"Go Home\"}\n      primaryAction={() => hexclaveApp.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,cAAc,aAAa;AAEjC,QACE,qBAAC;EACC,OAAO;EACG;EACV,mBAAmB;EACnB,qBAAqB,YAAY,gBAAgB;aAEhD,qBAAC,yBAAW,gBAAa,MAAM,aAAuB,EACtD,qBAAC,yBAAW,mBAAgB,MAAM,WAAqB;GAC5C"}
+{"version":3,"file":"known-error-message-card.js","names":[],"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 UNLESS YOU ALSO 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 hexclaveApp = useStackApp();\n\n  return (\n    <MessageCard\n      title={\"An error occurred\"}\n      fullPage={fullPage}\n      primaryButtonText={\"Go Home\"}\n      primaryAction={() => hexclaveApp.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,cAAc,YAAY;CAEhC,OACE,qBAAC,aAAD;EACE,OAAO;EACG;EACV,mBAAmB;EACnB,qBAAqB,YAAY,eAAe;YAJlD,CAMG,qBAAC,YAAD,EAAA,UAAA,CAAY,gBAAa,MAAM,SAAsB,EAAA,CAAA,GACrD,qBAAC,YAAD,EAAA,UAAA,CAAY,mBAAgB,MAAM,OAAoB,EAAA,CAAA,CAC5C;;AAEjB"}

package/dist/esm/components/message-cards/message-card.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/message-cards/message-card.d.ts
 declare function MessageCard({
@@ -13,7 +12,7 @@ declare function MessageCard({
   primaryAction?: () => Promise<void> | void;
   secondaryButtonText?: string;
   secondaryAction?: () => Promise<void> | void;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { MessageCard };
 //# sourceMappingURL=message-card.d.ts.map

package/dist/esm/components/message-cards/message-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/message-card.tsx"],"mappings":";;;;iBAWgB,WAAA,CAAA;EACZ,QAAA;EAAA,GAAmB;AAAA;EAEnB,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,KAAA;EACA,QAAA;EACA,iBAAA;EACA,aAAA,SAAsB,OAAA;EACtB,mBAAA;EACA,eAAA,SAAwB,OAAA;AAAA,IACzB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/message-card.tsx"],"mappings":";;;iBAWgB,WAAA;EACZ,QAAA;EAAA,GAAmB;AAAA;EAEnB,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,KAAA;EACA,QAAA;EACA,iBAAA;EACA,aAAA,SAAsB,OAAA;EACtB,mBAAA;EACA,eAAA,SAAwB,OAAA;AAAA,gCACzB,GAAA,CAAA,OAAA"}

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

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import { Button, Typography } from "@hexclave/ui";
-import React from "react";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MaybeFullPage } from "../elements/maybe-full-page.js";
-
 //#region src/components/message-cards/message-card.tsx
 function MessageCard({ fullPage = false, ...props }) {
 	return /* @__PURE__ */ jsx(MaybeFullPage, {
@@ -37,7 +35,7 @@ function MessageCard({ fullPage = false, ...props }) {
 		})
 	});
 }
-
 //#endregion
 export { MessageCard };
+
 //# sourceMappingURL=message-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-card.js","names":[],"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 UNLESS YOU ALSO 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,oBAAC;EAAwB;YACvB,qBAAC;GAAI,WAAU;GAA8C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,WAAW,SAAS;IAAG;;IAC3I,oBAAC;KAAW,MAAK;eAAM,MAAM;MAAmB;IAC/C,MAAM;KACL,MAAM,qBAAqB,MAAM,wBACjC,qBAAC;KAAI,WAAU;gBACZ,MAAM,uBACL,oBAAC;MAAO,SAAQ;MAAY,SAAS,MAAM;gBACxC,MAAM;OACA,EAEV,MAAM,qBACL,oBAAC;MAAO,SAAS,MAAM;gBACpB,MAAM;OACA;MAEP;;IAEJ;GACQ"}
+{"version":3,"file":"message-card.js","names":[],"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 UNLESS YOU ALSO 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;CACA,OACE,oBAAC,eAAD;EAAyB;YACvB,qBAAC,OAAD;GAAK,WAAU;GAA8C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,WAAW,SAAS;GAAE;aAA5I;IACE,oBAAC,YAAD;KAAY,MAAK;eAAM,MAAM;IAAkB,CAAA;IAC9C,MAAM;KACL,MAAM,qBAAqB,MAAM,wBACjC,qBAAC,OAAD;KAAK,WAAU;eAAf,CACG,MAAM,uBACL,oBAAC,QAAD;MAAQ,SAAQ;MAAY,SAAS,MAAM;gBACxC,MAAM;KACD,CAAA,GAET,MAAM,qBACL,oBAAC,QAAD;MAAQ,SAAS,MAAM;gBACpB,MAAM;KACD,CAAA,CAEP;;GAEJ;;CACQ,CAAA;AAEnB"}

package/dist/esm/components/message-cards/predefined-message-card.d.ts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/message-cards/predefined-message-card.d.ts
 declare function PredefinedMessageCard({
   type,
@@ -7,7 +5,7 @@ declare function PredefinedMessageCard({
 }: {
   type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled';
   fullPage?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { PredefinedMessageCard };
 //# sourceMappingURL=predefined-message-card.d.ts.map

package/dist/esm/components/message-cards/predefined-message-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"predefined-message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/predefined-message-card.tsx"],"mappings":";;;iBAYgB,qBAAA,CAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"predefined-message-card.d.ts","names":[],"sources":["../../../../src/components/message-cards/predefined-message-card.tsx"],"mappings":";iBAYgB,qBAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}