@hexclave/next 1.0.41 → 1.0.43

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

@@ -1,22 +1,20 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
-let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-D6vf50IK.js");
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 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");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let react_hook_form = require("react-hook-form");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __elements_form_warning_js = require("./elements/form-warning.js");
 let _hexclave_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
 let yup = require("yup");
-yup = require_chunk.__toESM(yup);
+yup = require_rolldown_runtime.__toESM(yup);
 let ___lib_hooks_js = require("../lib/hooks.js");
-
 //#region src/components/credential-sign-up.tsx
 function CredentialSignUp(props) {
 	const { t } = (0, ___lib_translations_js.useTranslation)();
@@ -115,7 +113,7 @@ function CredentialSignUp(props) {
 		]
 	});
 }
-
 //#endregion
 exports.CredentialSignUp = CredentialSignUp;
+
 //# sourceMappingURL=credential-sign-up.js.map

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

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

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

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

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

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

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

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

package/dist/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,2CAAC;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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;YACZ;CACE,CAAA;AAET"}

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

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/elements/maybe-full-page.d.ts
@@ -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/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/components/elements/maybe-full-page.js

@@ -1,12 +1,10 @@
 "use client";
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../rolldown-runtime-D6vf50IK.js");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let __ssr_layout_effect_js = require("./ssr-layout-effect.js");
-
 //#region src/components/elements/maybe-full-page.tsx
 function MaybeFullPage({ children, fullPage }) {
 	const id = `stack-full-page-container-${(0, react.useId)()}`;
@@ -35,7 +33,7 @@ function MaybeFullPage({ children, fullPage }) {
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ssr_layout_effect_js.SsrScript, { script: scriptString })] });
 	else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
 }
-
 //#endregion
 exports.MaybeFullPage = MaybeFullPage;
+
 //# sourceMappingURL=maybe-full-page.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"maybe-full-page.js","names":["SsrScript"],"sources":["../../../src/components/elements/maybe-full-page.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,+CADa;CAGxB,MAAM,eAAe;;;;;;;;OAQhB,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC;AAE1B,KAAI,SACF,QACE,qFACE,2CAAC;EACC;EACI;EACJ,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,YAAY;GACb;EACD,WAAU;EAET;GACG,EACN,2CAACA,oCAAU,QAAQ,eAAgB,IAClC;KAGL,QAAO,yEACJ,WACA"}
+{"version":3,"file":"maybe-full-page.js","names":["SsrScript"],"sources":["../../../src/components/elements/maybe-full-page.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,8BAAA,GAAA,MAAA,MAAA,CAAoC;CAE/C,MAAM,eAAe;;;;;;;;OAQhB,KAAK,UAAU,CAAC,EAAE,CAAC,EAAE;CAE1B,IAAI,UACF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,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,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,WAAD,EAAW,QAAQ,aAAe,CAAA,CAClC,EAAA,CAAA;MAGJ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EACJ,SACD,CAAA;AAGN"}

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

@@ -1,10 +1,7 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/elements/separator-with-text.tsx
 function SeparatorWithText({ text }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -25,7 +22,7 @@ function SeparatorWithText({ text }) {
 		]
 	});
 }
-
 //#endregion
 exports.SeparatorWithText = SeparatorWithText;
+
 //# sourceMappingURL=separator-with-text.js.map

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 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,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"}
+{"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 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,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAD,CAAY,CAAA;GACT,CAAA;GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;cAA8B;GAAU,CAAA;GACvD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAD,CAAY,CAAA;GACT,CAAA;EACF;;AAET"}

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

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 
 //#region src/components/elements/sidebar-layout.d.ts
@@ -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/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/components/elements/sidebar-layout.js

@@ -1,15 +1,13 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../rolldown-runtime-D6vf50IK.js");
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 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, _hexclave_shared_dist_hooks_use_hash.useHash)();
@@ -129,7 +127,7 @@ function MobileLayout(props) {
 		})]
 	});
 }
-
 //#endregion
 exports.SidebarLayout = SidebarLayout;
+
 //# sourceMappingURL=sidebar-layout.js.map

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 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,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"}
+{"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 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/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/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/components/elements/ssr-layout-effect.js

@@ -1,10 +1,7 @@
 "use client";
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
 let react_jsx_runtime = require("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;");
@@ -18,7 +15,7 @@ function SsrScript(props) {
 		dangerouslySetInnerHTML: { __html: `<script${props.nonce ? ` nonce="${escapeHtmlAttr(props.nonce)}"` : ""}>${props.script}<\/script>` }
 	});
 }
-
 //#endregion
 exports.SsrScript = SsrScript;
+
 //# sourceMappingURL=ssr-layout-effect.js.map

package/dist/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,kCAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AASN,QACE,2CAAC;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,CAAA,GAAA,MAAA,gBAAA,OAAsB;EAIpB,CAAC,GAAG,KAAA,CAAM,MAAM,MAAM;CACxB,GAAG,CAAC,CAAC;CASL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,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/components/elements/user-avatar.d.ts

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

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

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
-
 //#region src/components/elements/user-avatar.tsx
 const defaultSize = 34;
 function UserAvatar(props) {
@@ -24,7 +22,7 @@ function UserAvatar(props) {
 		}) })]
 	});
 }
-
 //#endregion
 exports.UserAvatar = UserAvatar;
+
 //# sourceMappingURL=user-avatar.js.map

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 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,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"}
+{"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 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,iBAAA,GAAA,kBAAA,KAAA,CAACA,aAAAA,QAAD;EAAQ,OAAO;GAAE,QAAQ,MAAM,QAAQ;GAAa,OAAO,MAAM,QAAQ;EAAY;EAAG,WAAW,MAAM,SAAS,WAAW;YAA7H,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,aAAD,EAAa,KAAK,MAAM,mBAAmB,GAAK,CAAA,GAChD,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,gBAAD,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,WAAD;GAAW,WAAU;GAAgB,OAAO,MAAM,QAAQ,eAAe;EAAM,CAAA,EACnE,CAAA,CACV;;AAEZ"}

package/dist/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/components/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/components/link.tsx"],"mappings":";;;KAUK,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,iBAYrB,UAAA,CAAW,KAAA,EAAO,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/components/link.tsx"],"mappings":";KAUK,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,iBAYrB,UAAA,CAAW,KAAA,EAAO,SAAS,+BAAA,GAAA,CAAA,OAAA"}

package/dist/components/link.js

@@ -1,12 +1,10 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-D6vf50IK.js");
 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);
-
+next_link = require_rolldown_runtime.__toESM(next_link);
 //#region src/components/link.tsx
 function Link(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(next_link.default, {
@@ -25,8 +23,8 @@ function StyledLink(props) {
 		children: props.children
 	});
 }
-
 //#endregion
 exports.Link = Link;
 exports.StyledLink = StyledLink;
+
 //# sourceMappingURL=link.js.map

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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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;CAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,UAAAA,SAAD;EACL,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,SAAS,MAAM;YAEd,MAAM;CACC,CAAA;AACZ;AAEA,SAAS,WAAW,OAAkB;CACpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,GAAI;EAAO,YAAA,GAAA,aAAA,GAAA,CAAc,yBAAyB,MAAM,SAAS;YACpE,MAAM;CACH,CAAA;AAEV"}

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

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

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

@@ -1,10 +1,8 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
-let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
 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");
@@ -13,7 +11,6 @@ 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 _hexclave_shared = require("@hexclave/shared");
-
 //#region src/components/magic-link-sign-in.tsx
 function OTP(props) {
 	const { t } = (0, ___lib_translations_js.useTranslation)();
@@ -132,7 +129,7 @@ function MagicLinkSignIn() {
 		]
 	});
 }
-
 //#endregion
 exports.MagicLinkSignIn = MagicLinkSignIn;
+
 //# sourceMappingURL=magic-link-sign-in.js.map