@stackframe/stack 2.4.28 → 2.5.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @stackframe/stack
 
+## 2.5.1
+
+### Patch Changes
+
+- New backend endpoints
+- Updated dependencies
+  - @stackframe/stack-shared@2.5.1
+  - @stackframe/stack-ui@2.5.1
+  - @stackframe/stack-sc@2.5.1
+
+## 2.5.0
+
+### Minor Changes
+
+- Client teams and many bugfixes
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.5.0
+  - @stackframe/stack-ui@2.5.0
+  - @stackframe/stack-sc@2.5.0
+
 ## 2.4.28
 
 ### Patch Changes

package/dist/components/credential-sign-in-form.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CredentialSignInForm(): react_jsx_runtime.JSX.Element;
+
+export { CredentialSignInForm };

package/dist/components/credential-sign-in-form.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CredentialSignInForm(): react_jsx_runtime.JSX.Element;
+
+export { CredentialSignInForm };

package/dist/components/{credential-sign-in.js → credential-sign-in-form.js}

@@ -29,65 +29,75 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/credential-sign-in.tsx
-var credential_sign_in_exports = {};
-__export(credential_sign_in_exports, {
-  default: () => CredentialSignIn
+// src/components/credential-sign-in-form.tsx
+var credential_sign_in_form_exports = {};
+__export(credential_sign_in_form_exports, {
+  CredentialSignInForm: () => CredentialSignInForm
 });
-module.exports = __toCommonJS(credential_sign_in_exports);
+module.exports = __toCommonJS(credential_sign_in_form_exports);
 var import_react_hook_form = require("react-hook-form");
 var import_yup = require("@hookform/resolvers/yup");
 var yup = __toESM(require("yup"));
-var import_form_warning = __toESM(require("./form-warning"));
-var import_password_field = __toESM(require("./password-field"));
+var import_form_warning = require("./elements/form-warning");
 var import__ = require("..");
-var import_components_core = require("../components-core");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var schema = yup.object().shape({
   email: yup.string().email("Please enter a valid email").required("Please enter your email"),
   password: yup.string().required("Please enter your password")
 });
-function CredentialSignIn() {
-  const { register, handleSubmit, setError, formState: { errors }, clearErrors } = (0, import_react_hook_form.useForm)({
+function CredentialSignInForm() {
+  const { register, handleSubmit, setError, formState: { errors } } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(schema)
   });
   const app = (0, import__.useStackApp)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const onSubmit = async (data) => {
-    const { email, password } = data;
-    const error = await app.signInWithCredential({ email, password });
-    setError("email", { type: "manual", message: error?.message });
+    setLoading(true);
+    try {
+      const { email, password } = data;
+      const error = await app.signInWithCredential({ email, password });
+      setError("email", { type: "manual", message: error?.message });
+    } finally {
+      setLoading(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "form",
     {
-      style: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+      className: "flex flex-col items-stretch stack-scope",
       onSubmit: (e) => (0, import_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
       noValidate: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "email", className: "mb-1", children: "Email" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components_core.Input,
+          import_stack_ui.Input,
           {
             id: "email",
             type: "email",
             ...register("email")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.email?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.email?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "password", className: "mt-4 mb-1", children: "Password" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_password_field.default,
+          import_stack_ui.PasswordInput,
           {
             id: "password",
             ...register("password")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.password?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: app.urls.forgotPassword, size: "sm", style: { marginTop: "0.5rem" }, children: "Forgot password?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { type: "submit", style: { marginTop: "1.5rem" }, children: "Sign In" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.password?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.StyledLink, { href: app.urls.forgotPassword, className: "mt-1 text-sm", children: "Forgot password?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { type: "submit", className: "mt-6", loading, children: "Sign In" })
       ]
     }
   );
 }
-//# sourceMappingURL=credential-sign-in.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CredentialSignInForm
+});
+//# sourceMappingURL=credential-sign-in-form.js.map

package/dist/components/credential-sign-in-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/credential-sign-in-form.tsx"],"sourcesContent":["'use client';\n\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, PasswordInput, StyledLink } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\n\nconst schema = yup.object().shape({\n  email: yup.string().email('Please enter a valid email').required('Please enter your email'),\n  password: yup.string().required('Please enter your password')\n});\n\nexport function CredentialSignInForm() {\n  const { register, handleSubmit, setError, formState: { errors } } = 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\n    try {\n      const { email, password } = data;\n      const error = await app.signInWithCredential({ email, password });\n      setError('email', { type: 'manual', message: error?.message });\n    } finally {\n      setLoading(false);\n    }\n  };\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\">Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">Password</Label>\n      <PasswordInput\n        id=\"password\"\n        {...register('password')}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n\n      <StyledLink href={app.urls.forgotPassword} className=\"mt-1 text-sm\">\n        Forgot password?\n      </StyledLink>\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        Sign In\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAwB;AACxB,iBAA4B;AAC5B,UAAqB;AACrB,0BAAgC;AAChC,eAA4B;AAC5B,sBAA2C;AAC3C,sBAAgE;AAChE,mBAAyB;AA2BrB;AAzBJ,IAAM,SAAa,WAAO,EAAE,MAAM;AAAA,EAChC,OAAW,WAAO,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAAA,EAC1F,UAAc,WAAO,EAAE,SAAS,4BAA4B;AAC9D,CAAC;AAEM,SAAS,uBAAuB;AACrC,QAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,OAAO,EAAE,QAAI,gCAAQ;AAAA,IAC1E,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,UAAM,sBAAY;AACxB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AAEf,QAAI;AACF,YAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,YAAM,QAAQ,MAAM,IAAI,qBAAqB,EAAE,OAAO,SAAS,CAAC;AAChE,eAAS,SAAS,EAAE,MAAM,UAAU,SAAS,OAAO,QAAQ,CAAC;AAAA,IAC/D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,mBAAK;AAAA,QAC7C;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA;AAAA,QACtB;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,yBAAM,SAAQ,YAAW,WAAU,aAAY,sBAAQ;AAAA,QACxD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACF,GAAG,SAAS,UAAU;AAAA;AAAA,QACzB;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,UAAU,SAAS,SAAS,GAAG;AAAA,QAE7D,4CAAC,8BAAW,MAAM,IAAI,KAAK,gBAAgB,WAAU,gBAAe,8BAEpE;AAAA,QAEA,4CAAC,0BAAO,MAAK,UAAS,WAAU,QAAO,SAAkB,qBAEzD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/credential-sign-up-form.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CredentialSignUpForm(): react_jsx_runtime.JSX.Element;
+
+export { CredentialSignUpForm };

package/dist/components/credential-sign-up-form.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function CredentialSignUpForm(): react_jsx_runtime.JSX.Element;
+
+export { CredentialSignUpForm };

package/dist/components/{credential-sign-up.js → credential-sign-up-form.js}

@@ -29,21 +29,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/credential-sign-up.tsx
-var credential_sign_up_exports = {};
-__export(credential_sign_up_exports, {
-  default: () => CredentialSignUp
+// src/components/credential-sign-up-form.tsx
+var credential_sign_up_form_exports = {};
+__export(credential_sign_up_form_exports, {
+  CredentialSignUpForm: () => CredentialSignUpForm
 });
-module.exports = __toCommonJS(credential_sign_up_exports);
+module.exports = __toCommonJS(credential_sign_up_form_exports);
 var import_react_hook_form = require("react-hook-form");
 var import_yup = require("@hookform/resolvers/yup");
 var yup = __toESM(require("yup"));
-var import_password_field = __toESM(require("./password-field"));
-var import_form_warning = __toESM(require("./form-warning"));
+var import_form_warning = require("./elements/form-warning");
 var import__ = require("..");
-var import_components_core = require("../components-core");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
 var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var schema = yup.object().shape({
   email: yup.string().email("Please enter a valid email").required("Please enter your email"),
@@ -60,36 +60,42 @@ var schema = yup.object().shape({
   }),
   passwordRepeat: yup.string().nullable().oneOf([yup.ref("password"), null], "Passwords do not match").required("Please repeat your password")
 });
-function CredentialSignUp() {
+function CredentialSignUpForm() {
   const { register, handleSubmit, setError, formState: { errors }, clearErrors } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(schema)
   });
   const app = (0, import__.useStackApp)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const onSubmit = async (data) => {
-    const { email, password } = data;
-    const error = await app.signUpWithCredential({ email, password });
-    setError("email", { type: "manual", message: error?.message });
+    setLoading(true);
+    try {
+      const { email, password } = data;
+      const error = await app.signUpWithCredential({ email, password });
+      setError("email", { type: "manual", message: error?.message });
+    } finally {
+      setLoading(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "form",
     {
-      style: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+      className: "flex flex-col items-stretch stack-scope",
       onSubmit: (e) => (0, import_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
       noValidate: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "email", className: "mb-1", children: "Email" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components_core.Input,
+          import_stack_ui.Input,
           {
             id: "email",
             type: "email",
             ...register("email")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.email?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.email?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "password", className: "mt-4 mb-1", children: "Password" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_password_field.default,
+          import_stack_ui.PasswordInput,
           {
             id: "password",
             ...register("password"),
@@ -99,10 +105,10 @@ function CredentialSignUp() {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.password?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "repeat-password", style: { marginTop: "1rem" }, children: "Repeat Password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.password?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "repeat-password", className: "mt-4 mb-1", children: "Repeat Password" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_password_field.default,
+          import_stack_ui.PasswordInput,
           {
             id: "repeat-password",
             ...register("passwordRepeat"),
@@ -112,10 +118,14 @@ function CredentialSignUp() {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.passwordRepeat?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { type: "submit", style: { marginTop: "1.5rem" }, children: "Sign Up" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.passwordRepeat?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { type: "submit", className: "mt-6", children: "Sign Up" })
       ]
     }
   );
 }
-//# sourceMappingURL=credential-sign-up.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CredentialSignUpForm
+});
+//# sourceMappingURL=credential-sign-up-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/credential-sign-up-form.tsx"],"sourcesContent":["'use client';\n\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { Button, Input, Label, PasswordInput } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\n\nconst schema = yup.object().shape({\n  email: yup.string().email('Please enter a valid email').required('Please enter your email'),\n  password: yup.string().required('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  passwordRepeat: yup.string().nullable().oneOf([yup.ref('password'), null], 'Passwords do not match').required('Please repeat your password')\n});\n\nexport function CredentialSignUpForm() {\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 error = await app.signUpWithCredential({ email, password });\n    setError('email', { type: 'manual', message: error?.message });\n    } finally {\n      setLoading(false);\n    }\n  };\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\">Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Label htmlFor=\"password\" className=\"mt-4 mb-1\">Password</Label>\n      <PasswordInput\n        id=\"password\"\n        {...register('password')}\n        onChange={(e) => {\n          clearErrors('password');\n          clearErrors('passwordRepeat');\n        }}\n      />\n      <FormWarningText text={errors.password?.message?.toString()} />\n        \n      <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">Repeat Password</Label>\n      <PasswordInput\n        id=\"repeat-password\"\n        {...register('passwordRepeat')}\n        onChange={(e) => {\n          clearErrors('password');\n          clearErrors('passwordRepeat');\n        }}\n      />\n      <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n      \n      <Button type=\"submit\" className=\"mt-6\">\n        Sign Up\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAwB;AACxB,iBAA4B;AAC5B,UAAqB;AACrB,0BAAgC;AAChC,eAA4B;AAC5B,sBAA2C;AAC3C,sBAAiC;AACjC,sBAAoD;AACpD,mBAAyB;AAqCrB;AAnCJ,IAAM,SAAa,WAAO,EAAE,MAAM;AAAA,EAChC,OAAW,WAAO,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAAA,EAC1F,UAAc,WAAO,EAAE,SAAS,4BAA4B,EAAE,KAAK;AAAA,IACjE,MAAM;AAAA,IACN,MAAM,CAAC,OAAO,QAAQ;AACpB,YAAM,YAAQ,kCAAiB,KAAK;AACpC,UAAI,OAAO;AACT,eAAO,IAAI,YAAY,EAAE,SAAS,MAAM,QAAQ,CAAC;AAAA,MACnD,OAAO;AACL,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,gBAAoB,WAAO,EAAE,SAAS,EAAE,MAAM,CAAK,QAAI,UAAU,GAAG,IAAI,GAAG,wBAAwB,EAAE,SAAS,6BAA6B;AAC7I,CAAC;AAEM,SAAS,uBAAuB;AACrC,QAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,OAAO,GAAG,YAAY,QAAI,gCAAQ;AAAA,IACvF,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,UAAM,sBAAY;AACxB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AACf,QAAI;AACF,YAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,YAAM,QAAQ,MAAM,IAAI,qBAAqB,EAAE,OAAO,SAAS,CAAC;AAClE,eAAS,SAAS,EAAE,MAAM,UAAU,SAAS,OAAO,QAAQ,CAAC;AAAA,IAC7D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,mBAAK;AAAA,QAC7C;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA;AAAA,QACtB;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,yBAAM,SAAQ,YAAW,WAAU,aAAY,sBAAQ;AAAA,QACxD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACF,GAAG,SAAS,UAAU;AAAA,YACvB,UAAU,CAAC,MAAM;AACf,0BAAY,UAAU;AACtB,0BAAY,gBAAgB;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,UAAU,SAAS,SAAS,GAAG;AAAA,QAE7D,4CAAC,yBAAM,SAAQ,mBAAkB,WAAU,aAAY,6BAAe;AAAA,QACtE;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACF,GAAG,SAAS,gBAAgB;AAAA,YAC7B,UAAU,CAAC,MAAM;AACf,0BAAY,UAAU;AACtB,0BAAY,gBAAgB;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,gBAAgB,SAAS,SAAS,GAAG;AAAA,QAEnE,4CAAC,0BAAO,MAAK,UAAS,WAAU,QAAO,qBAEvC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/{form-warning.d.mts → elements/form-warning.d.mts}

@@ -4,4 +4,4 @@ declare function FormWarningText({ text }: {
     text?: string;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { FormWarningText as default };
+export { FormWarningText };

package/dist/components/{form-warning.d.ts → elements/form-warning.d.ts}

@@ -4,4 +4,4 @@ declare function FormWarningText({ text }: {
     text?: string;
 }): react_jsx_runtime.JSX.Element | null;
 
-export { FormWarningText as default };
+export { FormWarningText };

package/dist/components/{form-warning.js → elements/form-warning.js}

@@ -19,18 +19,21 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/form-warning.tsx
+// src/components/elements/form-warning.tsx
 var form_warning_exports = {};
 __export(form_warning_exports, {
-  default: () => FormWarningText
+  FormWarningText: () => FormWarningText
 });
 module.exports = __toCommonJS(form_warning_exports);
-var import_components_core = require("../components-core");
 var import_jsx_runtime = require("react/jsx-runtime");
 function FormWarningText({ text }) {
   if (!text) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "sm", variant: "warning", children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-red-500 text-sm mt-1", children: text });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormWarningText
+});
 //# sourceMappingURL=form-warning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/elements/form-warning.tsx"],"sourcesContent":["'use client';\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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOI;AALG,SAAS,gBAAgB,EAAE,KAAK,GAAsB;AAC3D,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,SACE,4CAAC,SAAI,WAAU,6BACZ,gBACH;AAEJ;","names":[]}

package/dist/components/{maybe-full-page.d.mts → elements/maybe-full-page.d.mts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 
 declare function MaybeFullPage({ children, fullPage }: {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { MaybeFullPage as default };
+export { MaybeFullPage };

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

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 
 declare function MaybeFullPage({ children, fullPage }: {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { MaybeFullPage as default };
+export { MaybeFullPage };

package/dist/components/{maybe-full-page.js → elements/maybe-full-page.js}

@@ -19,14 +19,15 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/maybe-full-page.tsx
+// src/components/elements/maybe-full-page.tsx
 var maybe_full_page_exports = {};
 __export(maybe_full_page_exports, {
-  default: () => MaybeFullPage
+  MaybeFullPage: () => MaybeFullPage
 });
 module.exports = __toCommonJS(maybe_full_page_exports);
-var import_components_core = require("../components-core");
+var import_stack_ui = require("@stackframe/stack-ui");
 var import_react = require("react");
+var import_ssr_layout_effect = require("./ssr-layout-effect");
 var import_jsx_runtime = require("react/jsx-runtime");
 function MaybeFullPage({
   children,
@@ -43,9 +44,6 @@ function MaybeFullPage({
     const offset = el.getBoundingClientRect().top + document.documentElement.scrollTop;
     el.style.minHeight = \`calc(100vh - \${offset}px)\`;
   })(${JSON.stringify([id])})`;
-  (0, import_react.useEffect)(() => {
-    (0, eval)(scriptString);
-  }, []);
   if (fullPage) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -60,15 +58,18 @@ function MaybeFullPage({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Container, { size: 380, style: { padding: "1rem 1rem" }, children })
+          className: "stack-scope",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Container, { size: 380, style: { padding: "1rem 1rem" }, children })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { dangerouslySetInnerHTML: {
-        __html: scriptString
-      } })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ssr_layout_effect.SsrScript, { script: scriptString })
     ] });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
   }
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MaybeFullPage
+});
 //# sourceMappingURL=maybe-full-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/elements/maybe-full-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@stackframe/stack-ui\";\nimport React, { useId } from \"react\";\nimport { SsrScript } from \"./ssr-layout-effect\";\n\nexport function MaybeFullPage({ \n  children, \n  fullPage=true\n}: { \n  children: React.ReactNode, \n  fullPage?: boolean, \n}) {\n  const uniqueId = useId();\n  const id = `stack-card-frame-${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          id={id}\n          suppressHydrationWarning\n          style={{ \n            minHeight: '100vh',\n            alignSelf: 'stretch',\n            display: 'flex', \n            alignItems: 'center', \n            justifyContent: 'center',\n          }}\n          className=\"stack-scope\"\n        >\n          <Container size={380} style={{ padding: '1rem 1rem' }}>\n            {children}\n          </Container>\n        </div>\n        <SsrScript script={scriptString} />\n      </>\n    );\n  } else {\n    return <>\n      {children}\n    </>;\n  }\n  \n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA0B;AAC1B,mBAA6B;AAC7B,+BAA0B;AAwBpB;AAtBC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,eAAW,oBAAM;AACvB,QAAM,KAAK,oBAAoB,QAAQ;AAEvC,QAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQhB,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC;AAEzB,MAAI,UAAU;AACZ,WACE,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,0BAAwB;AAAA,UACxB,OAAO;AAAA,YACL,WAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UACA,WAAU;AAAA,UAEV,sDAAC,6BAAU,MAAM,KAAK,OAAO,EAAE,SAAS,YAAY,GACjD,UACH;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,sCAAU,QAAQ,cAAc;AAAA,OACnC;AAAA,EAEJ,OAAO;AACL,WAAO,2EACJ,UACH;AAAA,EACF;AAEF;","names":[]}

package/dist/components/{separator-with-text.d.mts → elements/separator-with-text.d.mts}

@@ -4,4 +4,4 @@ declare function SeparatorWithText({ text }: {
     text: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { SeparatorWithText as default };
+export { SeparatorWithText };

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

@@ -4,4 +4,4 @@ declare function SeparatorWithText({ text }: {
     text: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { SeparatorWithText as default };
+export { SeparatorWithText };

package/dist/components/{separator-with-text.js → elements/separator-with-text.js}

@@ -19,19 +19,23 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/separator-with-text.tsx
+// src/components/elements/separator-with-text.tsx
 var separator_with_text_exports = {};
 __export(separator_with_text_exports, {
-  default: () => SeparatorWithText
+  SeparatorWithText: () => SeparatorWithText
 });
 module.exports = __toCommonJS(separator_with_text_exports);
-var import_components_core = require("../components-core");
+var import_stack_ui = require("@stackframe/stack-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SeparatorWithText({ text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", marginTop: "1.5rem", marginBottom: "1.5rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Separator, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { style: { padding: "0 16px" }, variant: "secondary", size: "sm", children: text }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Separator, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-center my-6 stack-scope", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Separator, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-2 text-sm text-zinc-500", children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Separator, {}) })
   ] });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SeparatorWithText
+});
 //# sourceMappingURL=separator-with-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/elements/separator-with-text.tsx"],"sourcesContent":["'use client';\n\nimport { Separator } from \"@stackframe/stack-ui\";\n\nexport function SeparatorWithText({ text }: { text: string }) {\n  return (\n    <div className=\"flex items-center justify-center my-6 stack-scope\">\n      <div className=\"flex-1\">\n        <Separator />\n      </div>\n      <div className=\"mx-2 text-sm text-zinc-500\">{text}</div>\n      <div className=\"flex-1\">\n        <Separator />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA0B;AAItB;AAFG,SAAS,kBAAkB,EAAE,KAAK,GAAqB;AAC5D,SACE,6CAAC,SAAI,WAAU,qDACb;AAAA,gDAAC,SAAI,WAAU,UACb,sDAAC,6BAAU,GACb;AAAA,IACA,4CAAC,SAAI,WAAU,8BAA8B,gBAAK;AAAA,IAClD,4CAAC,SAAI,WAAU,UACb,sDAAC,6BAAU,GACb;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function SsrScript(props: {
+    script: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SsrScript };

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function SsrScript(props: {
+    script: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SsrScript };

package/dist/{joy.js → components/elements/ssr-layout-effect.js}

@@ -1,4 +1,6 @@
+"use client";
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,15 +19,22 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/joy.tsx
-var joy_exports = {};
-__export(joy_exports, {
-  StackJoyTheme: () => import_joy_provider.StackJoyTheme
+// src/components/elements/ssr-layout-effect.tsx
+var ssr_layout_effect_exports = {};
+__export(ssr_layout_effect_exports, {
+  SsrScript: () => SsrScript
 });
-module.exports = __toCommonJS(joy_exports);
-var import_joy_provider = require("./providers/joy-provider");
+module.exports = __toCommonJS(ssr_layout_effect_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SsrScript(props) {
+  (0, import_react.useLayoutEffect)(() => {
+    (0, eval)(props.script);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { dangerouslySetInnerHTML: { __html: props.script } });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  StackJoyTheme
+  SsrScript
 });
-//# sourceMappingURL=joy.js.map
+//# sourceMappingURL=ssr-layout-effect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"sourcesContent":["\"use client\";\nimport { useLayoutEffect } from \"react\";\n\nexport function SsrScript(props: { script: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  return <script dangerouslySetInnerHTML={{ __html: props.script }} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAgC;AAUvB;AARF,SAAS,UAAU,OAA2B;AACnD,oCAAgB,MAAM;AAIpB,KAAC,GAAG,MAAM,MAAM,MAAM;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,SAAO,4CAAC,YAAO,yBAAyB,EAAE,QAAQ,MAAM,OAAO,GAAG;AACpE;","names":[]}

package/dist/components/{user-avatar.d.mts → elements/user-avatar.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { User } from '../lib/stack-app.mjs';
+import { User } from '../../lib/stack-app.mjs';
 import '@stackframe/stack-shared';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
 import '@stackframe/stack-shared/dist/utils/json';
@@ -13,4 +13,4 @@ declare function UserAvatar(props: {
     user: User | null;
 }): react_jsx_runtime.JSX.Element;
 
-export { UserAvatar as default };
+export { UserAvatar };

package/dist/components/{user-avatar.d.ts → elements/user-avatar.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { User } from '../lib/stack-app.js';
+import { User } from '../../lib/stack-app.js';
 import '@stackframe/stack-shared';
 import '@stackframe/stack-shared/dist/interface/clientInterface';
 import '@stackframe/stack-shared/dist/utils/json';
@@ -13,4 +13,4 @@ declare function UserAvatar(props: {
     user: User | null;
 }): react_jsx_runtime.JSX.Element;
 
-export { UserAvatar as default };
+export { UserAvatar };

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

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/elements/user-avatar.tsx
+var user_avatar_exports = {};
+__export(user_avatar_exports, {
+  UserAvatar: () => UserAvatar
+});
+module.exports = __toCommonJS(user_avatar_exports);
+var import_lucide_react = require("lucide-react");
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function UserAvatar(props) {
+  const user = props.user;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Avatar, { style: { height: props.size || "34px", width: props.size || "34px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.AvatarImage, { src: user?.profileImageUrl || "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.AvatarFallback, { children: user ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: (user.displayName || user.primaryEmail)?.slice(0, 2).toUpperCase() }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserRound, { className: "h-5 w-5 text-zinc-500" }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserAvatar
+});
+//# sourceMappingURL=user-avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/elements/user-avatar.tsx"],"sourcesContent":["import { UserRound } from \"lucide-react\";\nimport { User } from \"../../lib/stack-app\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@stackframe/stack-ui\";\n\nexport function UserAvatar(props: { size?: number, user: User | null }) {\n  const user = props.user;\n  return (\n    <Avatar style={{ height: props.size || '34px', width: props.size || '34px' }}>\n      <AvatarImage src={user?.profileImageUrl || ''} />\n      <AvatarFallback>\n        {user ? \n          <div className='font-medium'>\n            {(user.displayName || user.primaryEmail)?.slice(0, 2).toUpperCase()}\n          </div> :\n          <UserRound className=\"h-5 w-5 text-zinc-500\" />}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0B;AAE1B,sBAAoD;AAKhD;AAHG,SAAS,WAAW,OAA6C;AACtE,QAAM,OAAO,MAAM;AACnB,SACE,6CAAC,0BAAO,OAAO,EAAE,QAAQ,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,OAAO,GACzE;AAAA,gDAAC,+BAAY,KAAK,MAAM,mBAAmB,IAAI;AAAA,IAC/C,4CAAC,kCACE,iBACC,4CAAC,SAAI,WAAU,eACX,gBAAK,eAAe,KAAK,eAAe,MAAM,GAAG,CAAC,EAAE,YAAY,GACpE,IACA,4CAAC,iCAAU,WAAU,yBAAwB,GACjD;AAAA,KACF;AAEJ;","names":[]}