@hexclave/next 1.0.41 → 1.0.43

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

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

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

@@ -1,11 +1,9 @@
 "use client";
-
 import { Typography } from "@hexclave/ui";
 import { jsx } from "react/jsx-runtime";
 import { useStackApp } from "../../index.js";
 import { MessageCard } from "./message-card.js";
 import { useTranslation } from "../../lib/translations.js";
-
 //#region src/components/message-cards/predefined-message-card.tsx
 function PredefinedMessageCard({ type, fullPage = false }) {
 	const hexclaveApp = useStackApp();
@@ -65,7 +63,7 @@ function PredefinedMessageCard({ type, fullPage = false }) {
 		children: message && /* @__PURE__ */ jsx(Typography, { children: message })
 	});
 }
-
 //#endregion
 export { PredefinedMessageCard };
+
 //# sourceMappingURL=predefined-message-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"predefined-message-card.js","names":[],"sources":["../../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { Typography } from \"@hexclave/ui\";\nimport { useStackApp } from \"../..\";\nimport { useTranslation } from \"../../lib/translations\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({\n  type,\n  fullPage=false,\n}: {\n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled',\n  fullPage?: boolean,\n}) {\n  const hexclaveApp = useStackApp();\n  const { t } = useTranslation();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = t(\"You are already signed in\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      secondaryAction = () => hexclaveApp.redirectToSignOut();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign out\");\n      break;\n    }\n    case 'signedOut': {\n      title = t(\"You are not currently signed in.\");\n      primaryAction = () => hexclaveApp.redirectToSignIn();\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'signUpDisabled': {\n      title = t(\"Sign up for new users is not enabled at the moment.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      secondaryAction = () => hexclaveApp.redirectToSignIn();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'emailSent': {\n      title = t(\"Email sent!\");\n      message = t(\"If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n    case 'passwordReset': {\n      title = t(\"Password reset successfully!\");\n      message = t(\"Your password has been reset. You can now sign in with your new password.\");\n      primaryAction = () => hexclaveApp.redirectToSignIn({ noRedirectBack: true });\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'unknownError': {\n      title = t(\"An unknown error occurred\");\n      message = t(\"Please try again and if the problem persists, contact support.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title}\n      fullPage={fullPage}\n      primaryButtonText={primaryButton}\n      primaryAction={primaryAction}\n      secondaryButtonText={secondaryButton || undefined}\n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,sBAAsB,EACpC,MACA,WAAS,SAIR;CACD,MAAM,cAAc,aAAa;CACjC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,IAAI;CACJ,IAAI,UAAyB;CAC7B,IAAI,gBAA+B;CACnC,IAAI,kBAAiC;CACrC,IAAI,gBAAqD;CACzD,IAAI,kBAAuD;AAE3D,SAAQ,MAAR;EACE,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,yBAAsB,YAAY,gBAAgB;AAClD,2BAAwB,YAAY,mBAAmB;AACvD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,WAAW;AAC/B;EAEF,KAAK;AACH,WAAQ,EAAE,mCAAmC;AAC7C,yBAAsB,YAAY,kBAAkB;AACpD,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,sDAAsD;AAChE,yBAAsB,YAAY,gBAAgB;AAClD,2BAAwB,YAAY,kBAAkB;AACtD,mBAAgB,EAAE,UAAU;AAC5B,qBAAkB,EAAE,UAAU;AAC9B;EAEF,KAAK;AACH,WAAQ,EAAE,cAAc;AACxB,aAAU,EAAE,sHAAsH;AAClI,yBAAsB,YAAY,gBAAgB;AAClD,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,+BAA+B;AACzC,aAAU,EAAE,4EAA4E;AACxF,yBAAsB,YAAY,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;AAC5E,mBAAgB,EAAE,UAAU;AAC5B;EAEF,KAAK;AACH,WAAQ,EAAE,4BAA4B;AACtC,aAAU,EAAE,iEAAiE;AAC7E,yBAAsB,YAAY,gBAAgB;AAClD,mBAAgB,EAAE,UAAU;AAC5B;;AAIJ,QACE,oBAAC;EACQ;EACG;EACV,mBAAmB;EACJ;EACf,qBAAqB,mBAAmB;EACxC,iBAAiB,mBAAmB;YAEnC,WAAW,oBAAC,wBAAY,UAAqB;GAClC"}
+{"version":3,"file":"predefined-message-card.js","names":[],"sources":["../../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { Typography } from \"@hexclave/ui\";\nimport { useStackApp } from \"../..\";\nimport { useTranslation } from \"../../lib/translations\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({\n  type,\n  fullPage=false,\n}: {\n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'unknownError' | 'signUpDisabled',\n  fullPage?: boolean,\n}) {\n  const hexclaveApp = useStackApp();\n  const { t } = useTranslation();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = t(\"You are already signed in\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      secondaryAction = () => hexclaveApp.redirectToSignOut();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign out\");\n      break;\n    }\n    case 'signedOut': {\n      title = t(\"You are not currently signed in.\");\n      primaryAction = () => hexclaveApp.redirectToSignIn();\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'signUpDisabled': {\n      title = t(\"Sign up for new users is not enabled at the moment.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      secondaryAction = () => hexclaveApp.redirectToSignIn();\n      primaryButton = t(\"Go home\");\n      secondaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'emailSent': {\n      title = t(\"Email sent!\");\n      message = t(\"If the user with this e-mail address exists, an e-mail was sent to your inbox. Make sure to check your spam folder.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n    case 'passwordReset': {\n      title = t(\"Password reset successfully!\");\n      message = t(\"Your password has been reset. You can now sign in with your new password.\");\n      primaryAction = () => hexclaveApp.redirectToSignIn({ noRedirectBack: true });\n      primaryButton = t(\"Sign in\");\n      break;\n    }\n    case 'unknownError': {\n      title = t(\"An unknown error occurred\");\n      message = t(\"Please try again and if the problem persists, contact support.\");\n      primaryAction = () => hexclaveApp.redirectToHome();\n      primaryButton = t(\"Go home\");\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title}\n      fullPage={fullPage}\n      primaryButtonText={primaryButton}\n      primaryAction={primaryAction}\n      secondaryButtonText={secondaryButton || undefined}\n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,sBAAsB,EACpC,MACA,WAAS,SAIR;CACD,MAAM,cAAc,YAAY;CAChC,MAAM,EAAE,MAAM,eAAe;CAE7B,IAAI;CACJ,IAAI,UAAyB;CAC7B,IAAI,gBAA+B;CACnC,IAAI,kBAAiC;CACrC,IAAI,gBAAqD;CACzD,IAAI,kBAAuD;CAE3D,QAAQ,MAAR;EACE,KAAK;GACH,QAAQ,EAAE,2BAA2B;GACrC,sBAAsB,YAAY,eAAe;GACjD,wBAAwB,YAAY,kBAAkB;GACtD,gBAAgB,EAAE,SAAS;GAC3B,kBAAkB,EAAE,UAAU;GAC9B;EAEF,KAAK;GACH,QAAQ,EAAE,kCAAkC;GAC5C,sBAAsB,YAAY,iBAAiB;GACnD,gBAAgB,EAAE,SAAS;GAC3B;EAEF,KAAK;GACH,QAAQ,EAAE,qDAAqD;GAC/D,sBAAsB,YAAY,eAAe;GACjD,wBAAwB,YAAY,iBAAiB;GACrD,gBAAgB,EAAE,SAAS;GAC3B,kBAAkB,EAAE,SAAS;GAC7B;EAEF,KAAK;GACH,QAAQ,EAAE,aAAa;GACvB,UAAU,EAAE,qHAAqH;GACjI,sBAAsB,YAAY,eAAe;GACjD,gBAAgB,EAAE,SAAS;GAC3B;EAEF,KAAK;GACH,QAAQ,EAAE,8BAA8B;GACxC,UAAU,EAAE,2EAA2E;GACvF,sBAAsB,YAAY,iBAAiB,EAAE,gBAAgB,KAAK,CAAC;GAC3E,gBAAgB,EAAE,SAAS;GAC3B;EAEF,KAAK;GACH,QAAQ,EAAE,2BAA2B;GACrC,UAAU,EAAE,gEAAgE;GAC5E,sBAAsB,YAAY,eAAe;GACjD,gBAAgB,EAAE,SAAS;GAC3B;CAEJ;CAEA,OACE,oBAAC,aAAD;EACS;EACG;EACV,mBAAmB;EACJ;EACf,qBAAqB,mBAAmB,KAAA;EACxC,iBAAiB,mBAAmB,KAAA;YAEnC,WAAW,oBAAC,YAAD,EAAA,UAAa,QAAoB,CAAA;CAClC,CAAA;AAEjB"}

package/dist/esm/components/oauth-button-group.d.ts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/oauth-button-group.d.ts
 declare function OAuthButtonGroup({
   type,
@@ -13,7 +11,7 @@ declare function OAuthButtonGroup({
       }[];
     };
   };
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { OAuthButtonGroup };
 //# sourceMappingURL=oauth-button-group.d.ts.map

package/dist/esm/components/oauth-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oauth-button-group.d.ts","names":[],"sources":["../../../src/components/oauth-button-group.tsx"],"mappings":";;;iBAUgB,gBAAA,CAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,WAAA;IACE,MAAA;MACE,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA,IAIP,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"oauth-button-group.d.ts","names":[],"sources":["../../../src/components/oauth-button-group.tsx"],"mappings":";iBAUgB,gBAAA;EACd,IAAA;EACA;AAAA;EAEA,IAAA;EACA,WAAA;IACE,MAAA;MACE,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA,gCAIP,GAAA,CAAA,OAAA"}

package/dist/esm/components/oauth-button-group.js

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useStackApp } from "../lib/hooks.js";
 import { OAuthButton } from "./oauth-button.js";
-
 //#region src/components/oauth-button-group.tsx
 function OAuthButtonGroup({ type, mockProject }) {
 	const hexclaveApp = useStackApp();
@@ -16,7 +14,7 @@ function OAuthButtonGroup({ type, mockProject }) {
 		}, p.id))
 	});
 }
-
 //#endregion
 export { OAuthButtonGroup };
+
 //# sourceMappingURL=oauth-button-group.js.map

package/dist/esm/components/oauth-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"oauth-button-group.js","names":[],"sources":["../../../src/components/oauth-button-group.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 { useStackApp } from \"../lib/hooks\";\nimport { OAuthButton } from \"./oauth-button\";\n\nexport function OAuthButtonGroup({\n  type,\n  mockProject,\n}: {\n  type: 'sign-in' | 'sign-up',\n  mockProject?: {\n    config: {\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}) {\n  const hexclaveApp = useStackApp();\n  const project = mockProject || hexclaveApp.useProject();\n  return (\n    <div className='gap-4 flex flex-col items-stretch stack-scope'>\n      {project.config.oauthProviders.map(p => (\n        <OAuthButton key={p.id} provider={p.id} type={type}\n          isMock={!!mockProject}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,iBAAiB,EAC/B,MACA,eAUC;CACD,MAAM,cAAc,aAAa;AAEjC,QACE,oBAAC;EAAI,WAAU;aAFD,eAAe,YAAY,YAAY,EAG1C,OAAO,eAAe,KAAI,MACjC,oBAAC;GAAuB,UAAU,EAAE;GAAU;GAC5C,QAAQ,CAAC,CAAC;KADM,EAAE,GAElB,CACF;GACE"}
+{"version":3,"file":"oauth-button-group.js","names":[],"sources":["../../../src/components/oauth-button-group.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 { useStackApp } from \"../lib/hooks\";\nimport { OAuthButton } from \"./oauth-button\";\n\nexport function OAuthButtonGroup({\n  type,\n  mockProject,\n}: {\n  type: 'sign-in' | 'sign-up',\n  mockProject?: {\n    config: {\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}) {\n  const hexclaveApp = useStackApp();\n  const project = mockProject || hexclaveApp.useProject();\n  return (\n    <div className='gap-4 flex flex-col items-stretch stack-scope'>\n      {project.config.oauthProviders.map(p => (\n        <OAuthButton key={p.id} provider={p.id} type={type}\n          isMock={!!mockProject}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,iBAAiB,EAC/B,MACA,eAUC;CACD,MAAM,cAAc,YAAY;CAEhC,OACE,oBAAC,OAAD;EAAK,WAAU;aAFD,eAAe,YAAY,WAAW,EAAA,CAGzC,OAAO,eAAe,KAAI,MACjC,oBAAC,aAAD;GAAwB,UAAU,EAAE;GAAU;GAC5C,QAAQ,CAAC,CAAC;EACX,GAFiB,EAAE,EAEnB,CACF;CACE,CAAA;AAET"}

package/dist/esm/components/oauth-button.d.ts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/oauth-button.d.ts
 declare function OAuthButton({
   provider,
@@ -11,7 +9,7 @@ declare function OAuthButton({
   type: 'sign-in' | 'sign-up';
   isMock?: boolean;
   onAuthenticate?: () => Promise<void>;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { OAuthButton };
 //# sourceMappingURL=oauth-button.d.ts.map

package/dist/esm/components/oauth-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oauth-button.d.ts","names":[],"sources":["../../../src/components/oauth-button.tsx"],"mappings":";;;iBAwBgB,WAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,MAAA;EACA;AAAA;EAEA,QAAA;EACA,IAAA;EACA,MAAA;EACA,cAAA,SAAuB,OAAA;AAAA,IACxB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"oauth-button.d.ts","names":[],"sources":["../../../src/components/oauth-button.tsx"],"mappings":";iBAwBgB,WAAA;EACd,QAAA;EACA,IAAA;EACA,MAAA;EACA;AAAA;EAEA,QAAA;EACA,IAAA;EACA,MAAA;EACA,cAAA,SAAuB,OAAA;AAAA,gCACxB,GAAA,CAAA,OAAA"}

package/dist/esm/components/oauth-button.js

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { BrandIcons, Button, SimpleTooltip } from "@hexclave/ui";
 import { useEffect, useId, useState } from "react";
 import { useTranslation } from "../lib/translations.js";
@@ -7,7 +6,6 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp } from "../lib/hooks.js";
 import Color from "color";
 import { useInIframe } from "./use-in-iframe.js";
-
 //#region src/components/oauth-button.tsx
 const iconSize = 22;
 const changeColor = (c, value) => {
@@ -164,7 +162,7 @@ function OAuthButton({ provider, type, isMock = false, onAuthenticate }) {
 		})
 	})] });
 }
-
 //#endregion
 export { OAuthButton };
+
 //# sourceMappingURL=oauth-button.js.map

package/dist/esm/components/oauth-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"oauth-button.js","names":[],"sources":["../../../src/components/oauth-button.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 { BrandIcons, Button, SimpleTooltip } from '@hexclave/ui';\nimport Color, { ColorInstance } from 'color';\nimport type { ReactElement } from 'react';\nimport { useEffect, useId, useState } from 'react';\nimport { useStackApp } from '../lib/hooks';\nimport { useTranslation } from '../lib/translations';\nimport { useInIframe } from './use-in-iframe';\n\nconst iconSize = 22;\n\nconst changeColor = (c: ColorInstance, value: number) => {\n  if (c.isLight()) {\n    value = -value;\n  }\n  return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();\n};\n\nexport function OAuthButton({\n  provider,\n  type,\n  isMock = false,\n  onAuthenticate,\n}: {\n  provider: string,\n  type: 'sign-in' | 'sign-up',\n  isMock?: boolean,\n  onAuthenticate?: () => Promise<void>,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const styleId = useId().replaceAll(':', '-');\n  const isIframe = useInIframe();\n\n  const [lastUsed, setLastUsed] = useState<string | null>(null);\n  useEffect(() => {\n    // Hexclave rebrand: UI hint key — straight rename (dot delimiter preserved).\n    setLastUsed(localStorage.getItem('_HEXCLAVE.lastUsed'));\n  }, []);\n\n  let style : {\n    backgroundColor?: string,\n    textColor?: string,\n    name: string,\n    icon: ReactElement | null,\n    border?: string,\n  };\n  switch (provider) {\n    case 'google': {\n      style = {\n        backgroundColor: '#fff',\n        textColor: '#000',\n        name: 'Google',\n        border: '1px solid #ddd',\n        icon: <BrandIcons.Google iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'github': {\n      style = {\n        backgroundColor: '#111',\n        textColor: '#fff',\n        border: '1px solid #333',\n        name: 'GitHub',\n        icon: <BrandIcons.GitHub iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'facebook': {\n      style = {\n        backgroundColor: '#1877F2',\n        textColor: '#fff',\n        name: 'Facebook',\n        icon: <BrandIcons.Facebook iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'microsoft': {\n      style = {\n        backgroundColor: '#2f2f2f',\n        textColor: '#fff',\n        name: 'Microsoft',\n        icon: <BrandIcons.Microsoft iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'spotify': {\n      style = {\n        backgroundColor: '#1DB954',\n        textColor: '#fff',\n        name: 'Spotify',\n        icon: <BrandIcons.Spotify iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'discord': {\n      style = {\n        backgroundColor: '#5865F2',\n        textColor: '#fff',\n        name: 'Discord',\n        icon: <BrandIcons.Discord iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'gitlab': {\n      style = {\n        backgroundColor: \"#111\",\n        textColor: \"#fff\",\n        border: \"1px solid #333\",\n        name: \"Gitlab\",\n        icon: <BrandIcons.Gitlab iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'apple': {\n      style = {\n        backgroundColor: \"#000\",\n        textColor: \"#fff\",\n        border: \"1px solid #333\",\n        name: \"Apple\",\n        icon: <BrandIcons.Apple iconSize={iconSize} />,\n      };\n      break;\n    }\n    case \"bitbucket\": {\n      style = {\n        backgroundColor: \"#fff\",\n        textColor: \"#000\",\n        border: \"1px solid #ddd\",\n        name: \"Bitbucket\",\n        icon: <BrandIcons.Bitbucket iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'linkedin': {\n      style = {\n        backgroundColor: \"#0073b1\",\n        textColor: \"#fff\",\n        name: \"LinkedIn\",\n        icon: <BrandIcons.LinkedIn iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'x': {\n      style = {\n        backgroundColor: \"#000\",\n        textColor: \"#fff\",\n        name: \"X\",\n        icon: <BrandIcons.X iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'twitch': {\n      style = {\n        backgroundColor: \"#6441a5\",\n        textColor: \"#fff\",\n        name: \"Twitch\",\n        icon: <BrandIcons.Twitch iconSize={iconSize} />,\n      };\n      break;\n    }\n    default: {\n      style = {\n        name: provider,\n        icon: null,\n      };\n    }\n  }\n\n  const styleSheet = `\n    .stack-oauth-button-${styleId} {\n      background-color: ${style.backgroundColor} !important;\n      color: ${style.textColor} !important;\n      border: ${style.border} !important;\n    }\n    .stack-oauth-button-${styleId}:hover {\n      background-color: ${changeColor(Color(style.backgroundColor), 10)} !important;\n    }\n  `;\n\n  return (\n    <>\n      <style>{styleSheet}</style>\n      <SimpleTooltip\n        disabled={!isIframe}\n        tooltip={isIframe ? \"This auth provider is not supported in an iframe for security reasons.\" : undefined}\n        className='stack-scope w-full inline-flex'\n      >\n        <Button\n          onClick={async () => {\n            // Hexclave rebrand: UI hint key — straight rename (dot delimiter preserved).\n            localStorage.setItem('_HEXCLAVE.lastUsed', provider);\n            await (onAuthenticate ? onAuthenticate() : hexclaveApp.signInWithOAuth(provider));\n          }}\n          className={`stack-oauth-button-${styleId} stack-scope relative w-full`}\n          disabled={isIframe}\n        >\n          {!isMock && lastUsed === provider && (\n            <span className=\"absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-md\">\n            last\n            </span>\n          )}\n          <div className='flex items-center w-full gap-4'>\n            {style.icon}\n            <span className='flex-1'>\n              {type === 'sign-up' ?\n              t('Sign up with {provider}', { provider: style.name }) :\n              t('Sign in with {provider}', { provider: style.name })\n              }\n            </span>\n          </div>\n        </Button>\n      </SimpleTooltip>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"oauth-button.js","names":[],"sources":["../../../src/components/oauth-button.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 { BrandIcons, Button, SimpleTooltip } from '@hexclave/ui';\nimport Color, { ColorInstance } from 'color';\nimport type { ReactElement } from 'react';\nimport { useEffect, useId, useState } from 'react';\nimport { useStackApp } from '../lib/hooks';\nimport { useTranslation } from '../lib/translations';\nimport { useInIframe } from './use-in-iframe';\n\nconst iconSize = 22;\n\nconst changeColor = (c: ColorInstance, value: number) => {\n  if (c.isLight()) {\n    value = -value;\n  }\n  return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();\n};\n\nexport function OAuthButton({\n  provider,\n  type,\n  isMock = false,\n  onAuthenticate,\n}: {\n  provider: string,\n  type: 'sign-in' | 'sign-up',\n  isMock?: boolean,\n  onAuthenticate?: () => Promise<void>,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const styleId = useId().replaceAll(':', '-');\n  const isIframe = useInIframe();\n\n  const [lastUsed, setLastUsed] = useState<string | null>(null);\n  useEffect(() => {\n    // Hexclave rebrand: UI hint key — straight rename (dot delimiter preserved).\n    setLastUsed(localStorage.getItem('_HEXCLAVE.lastUsed'));\n  }, []);\n\n  let style : {\n    backgroundColor?: string,\n    textColor?: string,\n    name: string,\n    icon: ReactElement | null,\n    border?: string,\n  };\n  switch (provider) {\n    case 'google': {\n      style = {\n        backgroundColor: '#fff',\n        textColor: '#000',\n        name: 'Google',\n        border: '1px solid #ddd',\n        icon: <BrandIcons.Google iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'github': {\n      style = {\n        backgroundColor: '#111',\n        textColor: '#fff',\n        border: '1px solid #333',\n        name: 'GitHub',\n        icon: <BrandIcons.GitHub iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'facebook': {\n      style = {\n        backgroundColor: '#1877F2',\n        textColor: '#fff',\n        name: 'Facebook',\n        icon: <BrandIcons.Facebook iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'microsoft': {\n      style = {\n        backgroundColor: '#2f2f2f',\n        textColor: '#fff',\n        name: 'Microsoft',\n        icon: <BrandIcons.Microsoft iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'spotify': {\n      style = {\n        backgroundColor: '#1DB954',\n        textColor: '#fff',\n        name: 'Spotify',\n        icon: <BrandIcons.Spotify iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'discord': {\n      style = {\n        backgroundColor: '#5865F2',\n        textColor: '#fff',\n        name: 'Discord',\n        icon: <BrandIcons.Discord iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'gitlab': {\n      style = {\n        backgroundColor: \"#111\",\n        textColor: \"#fff\",\n        border: \"1px solid #333\",\n        name: \"Gitlab\",\n        icon: <BrandIcons.Gitlab iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'apple': {\n      style = {\n        backgroundColor: \"#000\",\n        textColor: \"#fff\",\n        border: \"1px solid #333\",\n        name: \"Apple\",\n        icon: <BrandIcons.Apple iconSize={iconSize} />,\n      };\n      break;\n    }\n    case \"bitbucket\": {\n      style = {\n        backgroundColor: \"#fff\",\n        textColor: \"#000\",\n        border: \"1px solid #ddd\",\n        name: \"Bitbucket\",\n        icon: <BrandIcons.Bitbucket iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'linkedin': {\n      style = {\n        backgroundColor: \"#0073b1\",\n        textColor: \"#fff\",\n        name: \"LinkedIn\",\n        icon: <BrandIcons.LinkedIn iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'x': {\n      style = {\n        backgroundColor: \"#000\",\n        textColor: \"#fff\",\n        name: \"X\",\n        icon: <BrandIcons.X iconSize={iconSize} />,\n      };\n      break;\n    }\n    case 'twitch': {\n      style = {\n        backgroundColor: \"#6441a5\",\n        textColor: \"#fff\",\n        name: \"Twitch\",\n        icon: <BrandIcons.Twitch iconSize={iconSize} />,\n      };\n      break;\n    }\n    default: {\n      style = {\n        name: provider,\n        icon: null,\n      };\n    }\n  }\n\n  const styleSheet = `\n    .stack-oauth-button-${styleId} {\n      background-color: ${style.backgroundColor} !important;\n      color: ${style.textColor} !important;\n      border: ${style.border} !important;\n    }\n    .stack-oauth-button-${styleId}:hover {\n      background-color: ${changeColor(Color(style.backgroundColor), 10)} !important;\n    }\n  `;\n\n  return (\n    <>\n      <style>{styleSheet}</style>\n      <SimpleTooltip\n        disabled={!isIframe}\n        tooltip={isIframe ? \"This auth provider is not supported in an iframe for security reasons.\" : undefined}\n        className='stack-scope w-full inline-flex'\n      >\n        <Button\n          onClick={async () => {\n            // Hexclave rebrand: UI hint key — straight rename (dot delimiter preserved).\n            localStorage.setItem('_HEXCLAVE.lastUsed', provider);\n            await (onAuthenticate ? onAuthenticate() : hexclaveApp.signInWithOAuth(provider));\n          }}\n          className={`stack-oauth-button-${styleId} stack-scope relative w-full`}\n          disabled={isIframe}\n        >\n          {!isMock && lastUsed === provider && (\n            <span className=\"absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-md\">\n            last\n            </span>\n          )}\n          <div className='flex items-center w-full gap-4'>\n            {style.icon}\n            <span className='flex-1'>\n              {type === 'sign-up' ?\n              t('Sign up with {provider}', { provider: style.name }) :\n              t('Sign in with {provider}', { provider: style.name })\n              }\n            </span>\n          </div>\n        </Button>\n      </SimpleTooltip>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,MAAM,WAAW;AAEjB,MAAM,eAAe,GAAkB,UAAkB;CACvD,IAAI,EAAE,QAAQ,GACZ,QAAQ,CAAC;CAEX,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,YAAY,GAAG,EAAE,UAAU,IAAI,KAAK,CAAC,CAAC,SAAS;AACzE;AAEA,SAAgB,YAAY,EAC1B,UACA,MACA,SAAS,OACT,kBAMC;CACD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,cAAc,YAAY;CAChC,MAAM,UAAU,MAAM,CAAC,CAAC,WAAW,KAAK,GAAG;CAC3C,MAAM,WAAW,YAAY;CAE7B,MAAM,CAAC,UAAU,eAAe,SAAwB,IAAI;CAC5D,gBAAgB;EAEd,YAAY,aAAa,QAAQ,oBAAoB,CAAC;CACxD,GAAG,CAAC,CAAC;CAEL,IAAI;CAOJ,QAAQ,UAAR;EACE,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,QAAQ;IACR,MAAM,oBAAC,WAAW,QAAZ,EAA6B,SAAW,CAAA;GAChD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,QAAQ;IACR,MAAM;IACN,MAAM,oBAAC,WAAW,QAAZ,EAA6B,SAAW,CAAA;GAChD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,UAAZ,EAA+B,SAAW,CAAA;GAClD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,WAAZ,EAAgC,SAAW,CAAA;GACnD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,SAAZ,EAA8B,SAAW,CAAA;GACjD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,SAAZ,EAA8B,SAAW,CAAA;GACjD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,QAAQ;IACR,MAAM;IACN,MAAM,oBAAC,WAAW,QAAZ,EAA6B,SAAW,CAAA;GAChD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,QAAQ;IACR,MAAM;IACN,MAAM,oBAAC,WAAW,OAAZ,EAA4B,SAAW,CAAA;GAC/C;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,QAAQ;IACR,MAAM;IACN,MAAM,oBAAC,WAAW,WAAZ,EAAgC,SAAW,CAAA;GACnD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,UAAZ,EAA+B,SAAW,CAAA;GAClD;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,GAAZ,EAAwB,SAAW,CAAA;GAC3C;GACA;EAEF,KAAK;GACH,QAAQ;IACN,iBAAiB;IACjB,WAAW;IACX,MAAM;IACN,MAAM,oBAAC,WAAW,QAAZ,EAA6B,SAAW,CAAA;GAChD;GACA;EAEF,SACE,QAAQ;GACN,MAAM;GACN,MAAM;EACR;CAEJ;CAaA,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UAAQ;0BAZY,QAAQ;0BACR,MAAM,gBAAgB;eACjC,MAAM,UAAU;gBACf,MAAM,OAAO;;0BAEH,QAAQ;0BACR,YAAY,MAAM,MAAM,eAAe,GAAG,EAAE,EAAE;;IAMxC,CAAA,GAC1B,oBAAC,eAAD;EACE,UAAU,CAAC;EACX,SAAS,WAAW,2EAA2E,KAAA;EAC/F,WAAU;YAEV,qBAAC,QAAD;GACE,SAAS,YAAY;IAEnB,aAAa,QAAQ,sBAAsB,QAAQ;IACnD,OAAO,iBAAiB,eAAe,IAAI,YAAY,gBAAgB,QAAQ;GACjF;GACA,WAAW,sBAAsB,QAAQ;GACzC,UAAU;aAPZ,CASG,CAAC,UAAU,aAAa,YACvB,oBAAC,QAAD;IAAM,WAAU;cAA+E;GAEzF,CAAA,GAER,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,MAAM,MACP,oBAAC,QAAD;KAAM,WAAU;eACb,SAAS,YACV,EAAE,2BAA2B,EAAE,UAAU,MAAM,KAAK,CAAC,IACrD,EAAE,2BAA2B,EAAE,UAAU,MAAM,KAAK,CAAC;IAEjD,CAAA,CACH;KACC;;CACK,CAAA,CACf,EAAA,CAAA;AAEN"}

package/dist/esm/components/passkey-button.d.ts

@@ -1,11 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/passkey-button.d.ts
 declare function PasskeyButton({
   type
 }: {
   type: 'sign-in' | 'sign-up';
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { PasskeyButton };
 //# sourceMappingURL=passkey-button.d.ts.map

package/dist/esm/components/passkey-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"passkey-button.d.ts","names":[],"sources":["../../../src/components/passkey-button.tsx"],"mappings":";;;iBAcgB,aAAA,CAAA;EACd;AAAA;EAEA,IAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"passkey-button.d.ts","names":[],"sources":["../../../src/components/passkey-button.tsx"],"mappings":";iBAcgB,aAAA;EACd;AAAA;EAEA,IAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components/passkey-button.js

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { Button } from "@hexclave/ui";
 import { useId } from "react";
 import { useStackApp } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { KeyRound } from "lucide-react";
-
 //#region src/components/passkey-button.tsx
 function PasskeyButton({ type }) {
 	const { t } = useTranslation();
@@ -25,7 +23,7 @@ function PasskeyButton({ type }) {
 		})
 	}) });
 }
-
 //#endregion
 export { PasskeyButton };
+
 //# sourceMappingURL=passkey-button.js.map

package/dist/esm/components/passkey-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"passkey-button.js","names":[],"sources":["../../../src/components/passkey-button.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 { Button } from '@hexclave/ui';\nimport { KeyRound } from 'lucide-react';\nimport { useId } from 'react';\nimport { useStackApp } from '..';\nimport { useTranslation } from '../lib/translations';\n\n\nexport function PasskeyButton({\n  type,\n}: {\n  type: 'sign-in' | 'sign-up',\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const styleId = useId().replaceAll(':', '-');\n\n\n  return (\n    <>\n      <Button\n        onClick={async () => { await hexclaveApp.signInWithPasskey(); }}\n        className={`stack-oauth-button-${styleId} stack-scope`}\n      >\n        <div className='flex items-center w-full gap-4'>\n          <KeyRound />\n          <span className='flex-1'>\n            {type === 'sign-up' ?\n              t('Sign up with Passkey') :\n              t('Sign in with Passkey')\n            }\n          </span>\n        </div>\n      </Button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,cAAc,EAC5B,QAGC;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,cAAc,aAAa;AAIjC,QACE,0CACE,oBAAC;EACC,SAAS,YAAY;AAAE,SAAM,YAAY,mBAAmB;;EAC5D,WAAW,sBAPD,OAAO,CAAC,WAAW,KAAK,IAAI,CAOG;YAEzC,qBAAC;GAAI,WAAU;cACb,oBAAC,aAAW,EACZ,oBAAC;IAAK,WAAU;cACb,SAAS,YACR,EAAE,uBAAuB,GACzB,EAAE,uBAAuB;KAEtB;IACH;GACC,GACR"}
+{"version":3,"file":"passkey-button.js","names":[],"sources":["../../../src/components/passkey-button.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 { Button } from '@hexclave/ui';\nimport { KeyRound } from 'lucide-react';\nimport { useId } from 'react';\nimport { useStackApp } from '..';\nimport { useTranslation } from '../lib/translations';\n\n\nexport function PasskeyButton({\n  type,\n}: {\n  type: 'sign-in' | 'sign-up',\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const styleId = useId().replaceAll(':', '-');\n\n\n  return (\n    <>\n      <Button\n        onClick={async () => { await hexclaveApp.signInWithPasskey(); }}\n        className={`stack-oauth-button-${styleId} stack-scope`}\n      >\n        <div className='flex items-center w-full gap-4'>\n          <KeyRound />\n          <span className='flex-1'>\n            {type === 'sign-up' ?\n              t('Sign up with Passkey') :\n              t('Sign in with Passkey')\n            }\n          </span>\n        </div>\n      </Button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,cAAc,EAC5B,QAGC;CACD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,cAAc,YAAY;CAIhC,OACE,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAD;EACE,SAAS,YAAY;GAAE,MAAM,YAAY,kBAAkB;EAAG;EAC9D,WAAW,sBAPD,MAAM,CAAC,CAAC,WAAW,KAAK,GAOK,EAAE;YAEzC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,UAAD,CAAW,CAAA,GACX,oBAAC,QAAD;IAAM,WAAU;cACb,SAAS,YACR,EAAE,sBAAsB,IACxB,EAAE,sBAAsB;GAEtB,CAAA,CACH;;CACC,CAAA,EACR,CAAA;AAEN"}

package/dist/esm/components/profile-image-editor.d.ts

@@ -1,7 +1,6 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Area } from "react-easy-crop";
-import { UserAvatar } from "./elements/user-avatar";
+import { UserAvatar } from "./elements/user-avatar.js";
 
 //#region src/components/profile-image-editor.d.ts
 declare function checkImageUrl(url: string): Promise<boolean>;
@@ -9,7 +8,7 @@ declare function getCroppedImg(imageSrc: string, pixelCrop: Area): Promise<strin
 declare function ProfileImageEditor(props: {
   user: NonNullable<ComponentProps<typeof UserAvatar>['user']>;
   onProfileImageUrlChange: (profileImageUrl: string | null) => void | Promise<void>;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ProfileImageEditor, checkImageUrl, getCroppedImg };
 //# sourceMappingURL=profile-image-editor.d.ts.map

package/dist/esm/components/profile-image-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-image-editor.d.ts","names":[],"sources":["../../../src/components/profile-image-editor.tsx"],"mappings":";;;;;;iBAcsB,aAAA,CAAc,GAAA,WAAW,OAAA;AAAA,iBAmBzB,aAAA,CAAc,QAAA,UAAkB,SAAA,EAAW,IAAA,GAAO,OAAA;AAAA,iBAkCxD,kBAAA,CAAmB,KAAA;EACjC,IAAA,EAAM,WAAA,CAAY,cAAA,QAAsB,UAAA;EACxC,uBAAA,GAA0B,eAAA,2BAA0C,OAAA;AAAA,IACrE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"profile-image-editor.d.ts","names":[],"sources":["../../../src/components/profile-image-editor.tsx"],"mappings":";;;;;iBAcsB,aAAA,CAAc,GAAA,WAAW,OAAA;AAAA,iBAmBzB,aAAA,CAAc,QAAA,UAAkB,SAAA,EAAW,IAAA,GAAO,OAAO;AAAA,iBAkC/D,kBAAA,CAAmB,KAAA;EACjC,IAAA,EAAM,WAAA,CAAY,cAAA,QAAsB,UAAA;EACxC,uBAAA,GAA0B,eAAA,2BAA0C,OAAA;AAAA,gCACrE,GAAA,CAAA,OAAA"}

package/dist/esm/components/profile-image-editor.js

@@ -8,7 +8,6 @@ import { fileToBase64 } from "@hexclave/shared/dist/utils/base64";
 import imageCompression from "browser-image-compression";
 import Cropper from "react-easy-crop";
 import { UserAvatar } from "./elements/user-avatar.js";
-
 //#region src/components/profile-image-editor.tsx
 async function checkImageUrl(url) {
 	try {
@@ -159,7 +158,7 @@ function ProfileImageEditor(props) {
 		]
 	});
 }
-
 //#endregion
 export { ProfileImageEditor, checkImageUrl, getCroppedImg };
+
 //# sourceMappingURL=profile-image-editor.js.map

package/dist/esm/components/profile-image-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"profile-image-editor.js","names":[],"sources":["../../../src/components/profile-image-editor.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 { fileToBase64 } from '@hexclave/shared/dist/utils/base64';\nimport { runAsynchronouslyWithAlert } from '@hexclave/shared/dist/utils/promises';\nimport { Button, Slider, Typography } from '@hexclave/ui';\nimport imageCompression from 'browser-image-compression';\nimport { Upload } from 'lucide-react';\nimport { ComponentProps, useCallback, useState } from 'react';\nimport Cropper, { Area } from 'react-easy-crop';\nimport { useTranslation } from '../lib/translations';\nimport { UserAvatar } from './elements/user-avatar';\n\nexport async function checkImageUrl(url: string){\n  try {\n    const res = await fetch(url, { method: 'HEAD' });\n    const buff = await res.blob();\n    return buff.type.startsWith('image/');\n  } catch (e) {\n    return false;\n  }\n}\n\nconst createImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.addEventListener('load', () => resolve(image));\n    image.addEventListener('error', (error) => reject(error));\n    image.setAttribute('crossOrigin', 'anonymous');\n    image.src = url;\n  });\n\nexport async function getCroppedImg(imageSrc: string, pixelCrop: Area): Promise<string | null> {\n  const image = await createImage(imageSrc);\n  const canvas = document.createElement('canvas');\n  const ctx = canvas.getContext('2d');\n\n  if (!ctx) {\n    return null;\n  }\n\n  const safeCrop = {\n    x: Math.max(0, pixelCrop.x),\n    y: Math.max(0, pixelCrop.y),\n    width: Math.max(1, pixelCrop.width),\n    height: Math.max(1, pixelCrop.height),\n  };\n\n  canvas.width = safeCrop.width;\n  canvas.height = safeCrop.height;\n\n  ctx.drawImage(\n    image,\n    safeCrop.x,\n    safeCrop.y,\n    safeCrop.width,\n    safeCrop.height,\n    0,\n    0,\n    safeCrop.width,\n    safeCrop.height\n  );\n\n  return canvas.toDataURL('image/jpeg');\n}\n\nexport function ProfileImageEditor(props: {\n  user: NonNullable<ComponentProps<typeof UserAvatar>['user']>,\n  onProfileImageUrlChange: (profileImageUrl: string | null) => void | Promise<void>,\n}) {\n  const { t } = useTranslation();\n  const [rawUrl, setRawUrl] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(1);\n  const [croppedAreaPixels, setCroppedAreaPixels] = useState<Area | null>(null);\n\n  function reset() {\n    setRawUrl(null);\n    setError(null);\n    setCrop({ x: 0, y: 0 });\n    setZoom(1);\n    setCroppedAreaPixels(null);\n  }\n\n  const onCropChange = useCallback((crop: { x: number, y: number }) => {\n    setCrop(crop);\n  }, []);\n\n  const onCropComplete = useCallback((croppedArea: Area, croppedAreaPixels: Area) => {\n    setCroppedAreaPixels(croppedAreaPixels);\n  }, []);\n\n  const onZoomChange = useCallback((zoom: number) => {\n    setZoom(zoom);\n  }, []);\n\n\n  function upload() {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.onchange = (e) => {\n      const file = (e.target as HTMLInputElement).files?.[0];\n      if (!file) return;\n      runAsynchronouslyWithAlert(async () => {\n        const rawUrl = await fileToBase64(file);\n        if (await checkImageUrl(rawUrl)) {\n          setRawUrl(rawUrl);\n          setError(null);\n        } else {\n          setError(t('Invalid image'));\n        }\n        input.remove();\n      });\n    };\n    input.click();\n  }\n\n  if (!rawUrl) {\n    return <div className='flex flex-col'>\n      <div className='cursor-pointer relative' onClick={upload}>\n        <UserAvatar\n          size={60}\n          user={props.user}\n          border\n        />\n        <div className='absolute top-0 left-0 h-[60px] w-[60px] bg-gray-500/20 backdrop-blur-sm items-center justify-center rounded-full flex opacity-0 hover:opacity-100 transition-opacity'>\n          <div className='bg-background p-2 rounded-full'>\n            <Upload className='h-5 w-5' />\n          </div>\n        </div>\n      </div>\n      {error && <Typography variant='destructive' type='label'>{error}</Typography>}\n    </div>;\n  }\n\n  return (\n    <div className='flex flex-col items-center gap-4'>\n      <div className='relative w-64 h-64'>\n        <Cropper\n          image={rawUrl || props.user.profileImageUrl || \"\"}\n          crop={crop}\n          zoom={zoom}\n          aspect={1}\n          cropShape=\"round\"\n          showGrid={false}\n          onCropChange={onCropChange}\n          onCropComplete={onCropComplete}\n          onZoomChange={onZoomChange}\n        />\n      </div>\n      <Slider\n        min={1}\n        max={3}\n        step={0.1}\n        value={[zoom]}\n        onValueChange={(v) => onZoomChange(v[0])}\n      />\n\n      <div className='flex flex-row gap-2'>\n        <Button\n          onClick={async () => {\n            if (rawUrl && croppedAreaPixels) {\n              const croppedImageUrl = await getCroppedImg(rawUrl, croppedAreaPixels);\n              if (croppedImageUrl) {\n                const compressedFile = await imageCompression(\n                  await imageCompression.getFilefromDataUrl(croppedImageUrl, 'profile-image'),\n                  {\n                    maxSizeMB: 0.1,\n                    fileType: \"image/jpeg\",\n                  }\n                );\n                const compressedUrl = await imageCompression.getDataUrlFromFile(compressedFile);\n                await props.onProfileImageUrlChange(compressedUrl);\n                reset();\n              } else {\n                setError(t('Could not crop image.'));\n              }\n            }\n          }}\n        >\n          {t('Save')}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={reset}\n        >\n          {t('Cancel')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAcA,eAAsB,cAAc,KAAY;AAC9C,KAAI;AAGF,UADa,OADD,MAAM,MAAM,KAAK,EAAE,QAAQ,QAAQ,CAAC,EACzB,MAAM,EACjB,KAAK,WAAW,SAAS;UAC9B,GAAG;AACV,SAAO;;;AAIX,MAAM,eAAe,QACnB,IAAI,SAAS,SAAS,WAAW;CAC/B,MAAM,QAAQ,IAAI,OAAO;AACzB,OAAM,iBAAiB,cAAc,QAAQ,MAAM,CAAC;AACpD,OAAM,iBAAiB,UAAU,UAAU,OAAO,MAAM,CAAC;AACzD,OAAM,aAAa,eAAe,YAAY;AAC9C,OAAM,MAAM;EACZ;AAEJ,eAAsB,cAAc,UAAkB,WAAyC;CAC7F,MAAM,QAAQ,MAAM,YAAY,SAAS;CACzC,MAAM,SAAS,SAAS,cAAc,SAAS;CAC/C,MAAM,MAAM,OAAO,WAAW,KAAK;AAEnC,KAAI,CAAC,IACH,QAAO;CAGT,MAAM,WAAW;EACf,GAAG,KAAK,IAAI,GAAG,UAAU,EAAE;EAC3B,GAAG,KAAK,IAAI,GAAG,UAAU,EAAE;EAC3B,OAAO,KAAK,IAAI,GAAG,UAAU,MAAM;EACnC,QAAQ,KAAK,IAAI,GAAG,UAAU,OAAO;EACtC;AAED,QAAO,QAAQ,SAAS;AACxB,QAAO,SAAS,SAAS;AAEzB,KAAI,UACF,OACA,SAAS,GACT,SAAS,GACT,SAAS,OACT,SAAS,QACT,GACA,GACA,SAAS,OACT,SAAS,OACV;AAED,QAAO,OAAO,UAAU,aAAa;;AAGvC,SAAgB,mBAAmB,OAGhC;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,QAAQ,aAAa,SAAwB,KAAK;CACzD,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CACvD,MAAM,CAAC,MAAM,WAAW,SAAS;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CAChD,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,mBAAmB,wBAAwB,SAAsB,KAAK;CAE7E,SAAS,QAAQ;AACf,YAAU,KAAK;AACf,WAAS,KAAK;AACd,UAAQ;GAAE,GAAG;GAAG,GAAG;GAAG,CAAC;AACvB,UAAQ,EAAE;AACV,uBAAqB,KAAK;;CAG5B,MAAM,eAAe,aAAa,SAAmC;AACnE,UAAQ,KAAK;IACZ,EAAE,CAAC;CAEN,MAAM,iBAAiB,aAAa,aAAmB,sBAA4B;AACjF,uBAAqB,kBAAkB;IACtC,EAAE,CAAC;CAEN,MAAM,eAAe,aAAa,SAAiB;AACjD,UAAQ,KAAK;IACZ,EAAE,CAAC;CAGN,SAAS,SAAS;EAChB,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,QAAM,OAAO;AACb,QAAM,YAAY,MAAM;GACtB,MAAM,OAAQ,EAAE,OAA4B,QAAQ;AACpD,OAAI,CAAC,KAAM;AACX,8BAA2B,YAAY;IACrC,MAAM,SAAS,MAAM,aAAa,KAAK;AACvC,QAAI,MAAM,cAAc,OAAO,EAAE;AAC/B,eAAU,OAAO;AACjB,cAAS,KAAK;UAEd,UAAS,EAAE,gBAAgB,CAAC;AAE9B,UAAM,QAAQ;KACd;;AAEJ,QAAM,OAAO;;AAGf,KAAI,CAAC,OACH,QAAO,qBAAC;EAAI,WAAU;aACpB,qBAAC;GAAI,WAAU;GAA0B,SAAS;cAChD,oBAAC;IACC,MAAM;IACN,MAAM,MAAM;IACZ;KACA,EACF,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAI,WAAU;eACb,oBAAC,UAAO,WAAU,YAAY;MAC1B;KACF;IACF,EACL,SAAS,oBAAC;GAAW,SAAQ;GAAc,MAAK;aAAS;IAAmB;GACzE;AAGR,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC,OAAO,UAAU,MAAM,KAAK,mBAAmB;KACzC;KACA;KACN,QAAQ;KACR,WAAU;KACV,UAAU;KACI;KACE;KACF;MACd;KACE;GACN,oBAAC;IACC,KAAK;IACL,KAAK;IACL,MAAM;IACN,OAAO,CAAC,KAAK;IACb,gBAAgB,MAAM,aAAa,EAAE,GAAG;KACxC;GAEF,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,SAAS,YAAY;AACnB,UAAI,UAAU,mBAAmB;OAC/B,MAAM,kBAAkB,MAAM,cAAc,QAAQ,kBAAkB;AACtE,WAAI,iBAAiB;QACnB,MAAM,iBAAiB,MAAM,iBAC3B,MAAM,iBAAiB,mBAAmB,iBAAiB,gBAAgB,EAC3E;SACE,WAAW;SACX,UAAU;SACX,CACF;QACD,MAAM,gBAAgB,MAAM,iBAAiB,mBAAmB,eAAe;AAC/E,cAAM,MAAM,wBAAwB,cAAc;AAClD,eAAO;aAEP,UAAS,EAAE,wBAAwB,CAAC;;;eAKzC,EAAE,OAAO;MACH,EACT,oBAAC;KACC,SAAQ;KACR,SAAS;eAER,EAAE,SAAS;MACL;KACL;;GACF"}
+{"version":3,"file":"profile-image-editor.js","names":[],"sources":["../../../src/components/profile-image-editor.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 { fileToBase64 } from '@hexclave/shared/dist/utils/base64';\nimport { runAsynchronouslyWithAlert } from '@hexclave/shared/dist/utils/promises';\nimport { Button, Slider, Typography } from '@hexclave/ui';\nimport imageCompression from 'browser-image-compression';\nimport { Upload } from 'lucide-react';\nimport { ComponentProps, useCallback, useState } from 'react';\nimport Cropper, { Area } from 'react-easy-crop';\nimport { useTranslation } from '../lib/translations';\nimport { UserAvatar } from './elements/user-avatar';\n\nexport async function checkImageUrl(url: string){\n  try {\n    const res = await fetch(url, { method: 'HEAD' });\n    const buff = await res.blob();\n    return buff.type.startsWith('image/');\n  } catch (e) {\n    return false;\n  }\n}\n\nconst createImage = (url: string): Promise<HTMLImageElement> =>\n  new Promise((resolve, reject) => {\n    const image = new Image();\n    image.addEventListener('load', () => resolve(image));\n    image.addEventListener('error', (error) => reject(error));\n    image.setAttribute('crossOrigin', 'anonymous');\n    image.src = url;\n  });\n\nexport async function getCroppedImg(imageSrc: string, pixelCrop: Area): Promise<string | null> {\n  const image = await createImage(imageSrc);\n  const canvas = document.createElement('canvas');\n  const ctx = canvas.getContext('2d');\n\n  if (!ctx) {\n    return null;\n  }\n\n  const safeCrop = {\n    x: Math.max(0, pixelCrop.x),\n    y: Math.max(0, pixelCrop.y),\n    width: Math.max(1, pixelCrop.width),\n    height: Math.max(1, pixelCrop.height),\n  };\n\n  canvas.width = safeCrop.width;\n  canvas.height = safeCrop.height;\n\n  ctx.drawImage(\n    image,\n    safeCrop.x,\n    safeCrop.y,\n    safeCrop.width,\n    safeCrop.height,\n    0,\n    0,\n    safeCrop.width,\n    safeCrop.height\n  );\n\n  return canvas.toDataURL('image/jpeg');\n}\n\nexport function ProfileImageEditor(props: {\n  user: NonNullable<ComponentProps<typeof UserAvatar>['user']>,\n  onProfileImageUrlChange: (profileImageUrl: string | null) => void | Promise<void>,\n}) {\n  const { t } = useTranslation();\n  const [rawUrl, setRawUrl] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [crop, setCrop] = useState({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(1);\n  const [croppedAreaPixels, setCroppedAreaPixels] = useState<Area | null>(null);\n\n  function reset() {\n    setRawUrl(null);\n    setError(null);\n    setCrop({ x: 0, y: 0 });\n    setZoom(1);\n    setCroppedAreaPixels(null);\n  }\n\n  const onCropChange = useCallback((crop: { x: number, y: number }) => {\n    setCrop(crop);\n  }, []);\n\n  const onCropComplete = useCallback((croppedArea: Area, croppedAreaPixels: Area) => {\n    setCroppedAreaPixels(croppedAreaPixels);\n  }, []);\n\n  const onZoomChange = useCallback((zoom: number) => {\n    setZoom(zoom);\n  }, []);\n\n\n  function upload() {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.onchange = (e) => {\n      const file = (e.target as HTMLInputElement).files?.[0];\n      if (!file) return;\n      runAsynchronouslyWithAlert(async () => {\n        const rawUrl = await fileToBase64(file);\n        if (await checkImageUrl(rawUrl)) {\n          setRawUrl(rawUrl);\n          setError(null);\n        } else {\n          setError(t('Invalid image'));\n        }\n        input.remove();\n      });\n    };\n    input.click();\n  }\n\n  if (!rawUrl) {\n    return <div className='flex flex-col'>\n      <div className='cursor-pointer relative' onClick={upload}>\n        <UserAvatar\n          size={60}\n          user={props.user}\n          border\n        />\n        <div className='absolute top-0 left-0 h-[60px] w-[60px] bg-gray-500/20 backdrop-blur-sm items-center justify-center rounded-full flex opacity-0 hover:opacity-100 transition-opacity'>\n          <div className='bg-background p-2 rounded-full'>\n            <Upload className='h-5 w-5' />\n          </div>\n        </div>\n      </div>\n      {error && <Typography variant='destructive' type='label'>{error}</Typography>}\n    </div>;\n  }\n\n  return (\n    <div className='flex flex-col items-center gap-4'>\n      <div className='relative w-64 h-64'>\n        <Cropper\n          image={rawUrl || props.user.profileImageUrl || \"\"}\n          crop={crop}\n          zoom={zoom}\n          aspect={1}\n          cropShape=\"round\"\n          showGrid={false}\n          onCropChange={onCropChange}\n          onCropComplete={onCropComplete}\n          onZoomChange={onZoomChange}\n        />\n      </div>\n      <Slider\n        min={1}\n        max={3}\n        step={0.1}\n        value={[zoom]}\n        onValueChange={(v) => onZoomChange(v[0])}\n      />\n\n      <div className='flex flex-row gap-2'>\n        <Button\n          onClick={async () => {\n            if (rawUrl && croppedAreaPixels) {\n              const croppedImageUrl = await getCroppedImg(rawUrl, croppedAreaPixels);\n              if (croppedImageUrl) {\n                const compressedFile = await imageCompression(\n                  await imageCompression.getFilefromDataUrl(croppedImageUrl, 'profile-image'),\n                  {\n                    maxSizeMB: 0.1,\n                    fileType: \"image/jpeg\",\n                  }\n                );\n                const compressedUrl = await imageCompression.getDataUrlFromFile(compressedFile);\n                await props.onProfileImageUrlChange(compressedUrl);\n                reset();\n              } else {\n                setError(t('Could not crop image.'));\n              }\n            }\n          }}\n        >\n          {t('Save')}\n        </Button>\n        <Button\n          variant=\"secondary\"\n          onClick={reset}\n        >\n          {t('Cancel')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,eAAsB,cAAc,KAAY;CAC9C,IAAI;EAGF,QAAO,OADY,MADD,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,EAAA,CACxB,KAAK,EAAA,CAChB,KAAK,WAAW,QAAQ;CACtC,SAAS,GAAG;EACV,OAAO;CACT;AACF;AAEA,MAAM,eAAe,QACnB,IAAI,SAAS,SAAS,WAAW;CAC/B,MAAM,QAAQ,IAAI,MAAM;CACxB,MAAM,iBAAiB,cAAc,QAAQ,KAAK,CAAC;CACnD,MAAM,iBAAiB,UAAU,UAAU,OAAO,KAAK,CAAC;CACxD,MAAM,aAAa,eAAe,WAAW;CAC7C,MAAM,MAAM;AACd,CAAC;AAEH,eAAsB,cAAc,UAAkB,WAAyC;CAC7F,MAAM,QAAQ,MAAM,YAAY,QAAQ;CACxC,MAAM,SAAS,SAAS,cAAc,QAAQ;CAC9C,MAAM,MAAM,OAAO,WAAW,IAAI;CAElC,IAAI,CAAC,KACH,OAAO;CAGT,MAAM,WAAW;EACf,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;EAC1B,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;EAC1B,OAAO,KAAK,IAAI,GAAG,UAAU,KAAK;EAClC,QAAQ,KAAK,IAAI,GAAG,UAAU,MAAM;CACtC;CAEA,OAAO,QAAQ,SAAS;CACxB,OAAO,SAAS,SAAS;CAEzB,IAAI,UACF,OACA,SAAS,GACT,SAAS,GACT,SAAS,OACT,SAAS,QACT,GACA,GACA,SAAS,OACT,SAAS,MACX;CAEA,OAAO,OAAO,UAAU,YAAY;AACtC;AAEA,SAAgB,mBAAmB,OAGhC;CACD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAwB,IAAI;CACxD,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CACtD,MAAM,CAAC,MAAM,WAAW,SAAS;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC/C,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,CAAC,mBAAmB,wBAAwB,SAAsB,IAAI;CAE5E,SAAS,QAAQ;EACf,UAAU,IAAI;EACd,SAAS,IAAI;EACb,QAAQ;GAAE,GAAG;GAAG,GAAG;EAAE,CAAC;EACtB,QAAQ,CAAC;EACT,qBAAqB,IAAI;CAC3B;CAEA,MAAM,eAAe,aAAa,SAAmC;EACnE,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAiB,aAAa,aAAmB,sBAA4B;EACjF,qBAAqB,iBAAiB;CACxC,GAAG,CAAC,CAAC;CAEL,MAAM,eAAe,aAAa,SAAiB;EACjD,QAAQ,IAAI;CACd,GAAG,CAAC,CAAC;CAGL,SAAS,SAAS;EAChB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,YAAY,MAAM;GACtB,MAAM,OAAQ,EAAE,OAA4B,QAAQ;GACpD,IAAI,CAAC,MAAM;GACX,2BAA2B,YAAY;IACrC,MAAM,SAAS,MAAM,aAAa,IAAI;IACtC,IAAI,MAAM,cAAc,MAAM,GAAG;KAC/B,UAAU,MAAM;KAChB,SAAS,IAAI;IACf,OACE,SAAS,EAAE,eAAe,CAAC;IAE7B,MAAM,OAAO;GACf,CAAC;EACH;EACA,MAAM,MAAM;CACd;CAEA,IAAI,CAAC,QACH,OAAO,qBAAC,OAAD;EAAK,WAAU;YAAf,CACL,qBAAC,OAAD;GAAK,WAAU;GAA0B,SAAS;aAAlD,CACE,oBAAC,YAAD;IACE,MAAM;IACN,MAAM,MAAM;IACZ,QAAA;GACD,CAAA,GACD,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,QAAD,EAAQ,WAAU,UAAW,CAAA;IAC1B,CAAA;GACF,CAAA,CACF;MACJ,SAAS,oBAAC,YAAD;GAAY,SAAQ;GAAc,MAAK;aAAS;EAAkB,CAAA,CACzE;;CAGP,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,SAAD;KACE,OAAO,UAAU,MAAM,KAAK,mBAAmB;KACzC;KACA;KACN,QAAQ;KACR,WAAU;KACV,UAAU;KACI;KACE;KACF;IACf,CAAA;GACE,CAAA;GACL,oBAAC,QAAD;IACE,KAAK;IACL,KAAK;IACL,MAAM;IACN,OAAO,CAAC,IAAI;IACZ,gBAAgB,MAAM,aAAa,EAAE,EAAE;GACxC,CAAA;GAED,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KACE,SAAS,YAAY;MACnB,IAAI,UAAU,mBAAmB;OAC/B,MAAM,kBAAkB,MAAM,cAAc,QAAQ,iBAAiB;OACrE,IAAI,iBAAiB;QACnB,MAAM,iBAAiB,MAAM,iBAC3B,MAAM,iBAAiB,mBAAmB,iBAAiB,eAAe,GAC1E;SACE,WAAW;SACX,UAAU;QACZ,CACF;QACA,MAAM,gBAAgB,MAAM,iBAAiB,mBAAmB,cAAc;QAC9E,MAAM,MAAM,wBAAwB,aAAa;QACjD,MAAM;OACR,OACE,SAAS,EAAE,uBAAuB,CAAC;MAEvC;KACF;eAEC,EAAE,MAAM;IACH,CAAA,GACR,oBAAC,QAAD;KACE,SAAQ;KACR,SAAS;eAER,EAAE,QAAQ;IACL,CAAA,CACL;;EACF;;AAET"}

package/dist/esm/components/selected-team-switcher.d.ts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "..";
+import { Team } from "../index.js";
 
 //#region src/components/selected-team-switcher.d.ts
 type MockTeam = {
@@ -25,7 +24,7 @@ type SelectedTeamSwitcherProps<AllowNull extends boolean = false> = {
     };
   };
 };
-declare function SelectedTeamSwitcher<AllowNull extends boolean = false>(props: SelectedTeamSwitcherProps<AllowNull>): react_jsx_runtime0.JSX.Element;
+declare function SelectedTeamSwitcher<AllowNull extends boolean = false>(props: SelectedTeamSwitcherProps<AllowNull>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SelectedTeamSwitcher };
 //# sourceMappingURL=selected-team-switcher.d.ts.map

package/dist/esm/components/selected-team-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selected-team-switcher.d.ts","names":[],"sources":["../../../src/components/selected-team-switcher.tsx"],"mappings":";;;;KAcK,QAAA;EACH,EAAA;EACA,WAAA;EACA,eAAA;AAAA;AAAA,KAGG,yBAAA;EACH,MAAA,IAAU,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA;EACvD,YAAA,GAAe,IAAA;EACf,oBAAA;EACA,SAAA,GAAY,SAAA;EACZ,SAAA;EACA,QAAA,IAAY,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA;EACzD,gBAAA;EAEA,QAAA;IACE,YAAA,GAAe,QAAA;EAAA;EAEjB,SAAA,GAAY,QAAA;EACZ,WAAA;IACE,MAAA;MACE,yBAAA;IAAA;EAAA;AAAA;AAAA,iBAKU,oBAAA,mCAAA,CAAwD,KAAA,EAAO,yBAAA,CAA0B,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"selected-team-switcher.d.ts","names":[],"sources":["../../../src/components/selected-team-switcher.tsx"],"mappings":";;;KAcK,QAAA;EACH,EAAA;EACA,WAAA;EACA,eAAA;AAAA;AAAA,KAGG,yBAAA;EACH,MAAA,IAAU,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA;EACvD,YAAA,GAAe,IAAA;EACf,oBAAA;EACA,SAAA,GAAY,SAAA;EACZ,SAAA;EACA,QAAA,IAAY,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA;EACzD,gBAAA;EAEA,QAAA;IACE,YAAA,GAAe,QAAA;EAAA;EAEjB,SAAA,GAAY,QAAA;EACZ,WAAA;IACE,MAAA;MACE,yBAAA;IAAA;EAAA;AAAA;AAAA,iBAKU,oBAAA,oCAAwD,KAAA,EAAO,yBAAyB,CAAC,SAAA,gCAAU,GAAA,CAAA,OAAA"}

package/dist/esm/components/selected-team-switcher.js

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Skeleton } from "@hexclave/ui";
 import { Suspense, useEffect } from "react";
 import { useStackApp, useUser } from "../index.js";
 import { jsx } from "react/jsx-runtime";
 import { TeamSwitcher } from "./team-switcher.js";
-
 //#region src/components/selected-team-switcher.tsx
 function SelectedTeamSwitcher(props) {
 	return /* @__PURE__ */ jsx(Suspense, {
@@ -51,7 +49,7 @@ function Inner(props) {
 		}
 	});
 }
-
 //#endregion
 export { SelectedTeamSwitcher };
+
 //# sourceMappingURL=selected-team-switcher.js.map

package/dist/esm/components/selected-team-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected-team-switcher.js","names":[],"sources":["../../../src/components/selected-team-switcher.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 { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Skeleton,\n} from \"@hexclave/ui\";\nimport { Suspense, useEffect } from \"react\";\nimport { Team, useStackApp, useUser } from \"..\";\nimport { TeamSwitcher } from \"./team-switcher\";\n\ntype MockTeam = {\n  id: string,\n  displayName: string,\n  profileImageUrl?: string | null,\n};\n\ntype SelectedTeamSwitcherProps<AllowNull extends boolean = false> = {\n  urlMap?: (team: AllowNull extends true ? Team | null : Team) => string,\n  selectedTeam?: Team,\n  noUpdateSelectedTeam?: boolean,\n  allowNull?: AllowNull,\n  nullLabel?: string,\n  onChange?: (team: AllowNull extends true ? Team | null : Team) => void,\n  triggerClassName?: string,\n  // Mock data props\n  mockUser?: {\n    selectedTeam?: MockTeam,\n  },\n  mockTeams?: MockTeam[],\n  mockProject?: {\n    config: {\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n};\n\nexport function SelectedTeamSwitcher<AllowNull extends boolean = false>(props: SelectedTeamSwitcherProps<AllowNull>) {\n  return <Suspense fallback={<Fallback />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback() {\n  return <Skeleton className=\"h-9 w-full max-w-64 stack-scope\" />;\n}\n\nfunction Inner<AllowNull extends boolean>(props: SelectedTeamSwitcherProps<AllowNull>) {\n  const appFromHook = useStackApp();\n  const userFromHook = useUser();\n\n  // Use mock data if provided, otherwise use real data\n  const app = props.mockUser ? {\n    useProject: () => props.mockProject || { config: { clientTeamCreationEnabled: false } },\n    useNavigate: () => () => {}, // Mock navigate function\n    urls: { accountSettings: '/account-settings' },\n  } : appFromHook;\n\n  const user = props.mockUser ? {\n    selectedTeam: props.mockUser.selectedTeam,\n    useTeams: () => props.mockTeams || [],\n    setSelectedTeam: async () => {}, // Mock function\n  } : userFromHook;\n\n  const navigate = app.useNavigate();\n\n  useEffect(() => {\n    if (!props.noUpdateSelectedTeam && props.selectedTeam && !props.mockUser) {\n      runAsynchronouslyWithAlert(user?.setSelectedTeam(props.selectedTeam));\n    }\n  }, [props.noUpdateSelectedTeam, props.selectedTeam, props.mockUser]);\n\n  return (\n    <TeamSwitcher\n      team={props.selectedTeam}\n      allowNull={props.allowNull}\n      nullLabel={props.nullLabel}\n      triggerClassName={props.triggerClassName}\n      onChange={async (team) => {\n        if (props.onChange) {\n          props.onChange(team as Team);\n        }\n        // Skip actual navigation/updates in mock mode\n        if (props.mockUser) return;\n        if (!props.noUpdateSelectedTeam) {\n          await user?.setSelectedTeam(team as Team);\n        }\n        if (props.urlMap) {\n          navigate(props.urlMap(team as Team));\n        }\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAwCA,SAAgB,qBAAwD,OAA6C;AACnH,QAAO,oBAAC;EAAS,UAAU,oBAAC,aAAW;YACrC,oBAAC,SAAM,GAAI,QAAS;GACX;;AAGb,SAAS,WAAW;AAClB,QAAO,oBAAC,YAAS,WAAU,oCAAoC;;AAGjE,SAAS,MAAiC,OAA6C;CACrF,MAAM,cAAc,aAAa;CACjC,MAAM,eAAe,SAAS;CAG9B,MAAM,MAAM,MAAM,WAAW;EAC3B,kBAAkB,MAAM,eAAe,EAAE,QAAQ,EAAE,2BAA2B,OAAO,EAAE;EACvF,yBAAyB;EACzB,MAAM,EAAE,iBAAiB,qBAAqB;EAC/C,GAAG;CAEJ,MAAM,OAAO,MAAM,WAAW;EAC5B,cAAc,MAAM,SAAS;EAC7B,gBAAgB,MAAM,aAAa,EAAE;EACrC,iBAAiB,YAAY;EAC9B,GAAG;CAEJ,MAAM,WAAW,IAAI,aAAa;AAElC,iBAAgB;AACd,MAAI,CAAC,MAAM,wBAAwB,MAAM,gBAAgB,CAAC,MAAM,SAC9D,4BAA2B,MAAM,gBAAgB,MAAM,aAAa,CAAC;IAEtE;EAAC,MAAM;EAAsB,MAAM;EAAc,MAAM;EAAS,CAAC;AAEpE,QACE,oBAAC;EACC,MAAM,MAAM;EACZ,WAAW,MAAM;EACjB,WAAW,MAAM;EACjB,kBAAkB,MAAM;EACxB,UAAU,OAAO,SAAS;AACxB,OAAI,MAAM,SACR,OAAM,SAAS,KAAa;AAG9B,OAAI,MAAM,SAAU;AACpB,OAAI,CAAC,MAAM,qBACT,OAAM,MAAM,gBAAgB,KAAa;AAE3C,OAAI,MAAM,OACR,UAAS,MAAM,OAAO,KAAa,CAAC;;GAGxC"}
+{"version":3,"file":"selected-team-switcher.js","names":[],"sources":["../../../src/components/selected-team-switcher.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 { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Skeleton,\n} from \"@hexclave/ui\";\nimport { Suspense, useEffect } from \"react\";\nimport { Team, useStackApp, useUser } from \"..\";\nimport { TeamSwitcher } from \"./team-switcher\";\n\ntype MockTeam = {\n  id: string,\n  displayName: string,\n  profileImageUrl?: string | null,\n};\n\ntype SelectedTeamSwitcherProps<AllowNull extends boolean = false> = {\n  urlMap?: (team: AllowNull extends true ? Team | null : Team) => string,\n  selectedTeam?: Team,\n  noUpdateSelectedTeam?: boolean,\n  allowNull?: AllowNull,\n  nullLabel?: string,\n  onChange?: (team: AllowNull extends true ? Team | null : Team) => void,\n  triggerClassName?: string,\n  // Mock data props\n  mockUser?: {\n    selectedTeam?: MockTeam,\n  },\n  mockTeams?: MockTeam[],\n  mockProject?: {\n    config: {\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n};\n\nexport function SelectedTeamSwitcher<AllowNull extends boolean = false>(props: SelectedTeamSwitcherProps<AllowNull>) {\n  return <Suspense fallback={<Fallback />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback() {\n  return <Skeleton className=\"h-9 w-full max-w-64 stack-scope\" />;\n}\n\nfunction Inner<AllowNull extends boolean>(props: SelectedTeamSwitcherProps<AllowNull>) {\n  const appFromHook = useStackApp();\n  const userFromHook = useUser();\n\n  // Use mock data if provided, otherwise use real data\n  const app = props.mockUser ? {\n    useProject: () => props.mockProject || { config: { clientTeamCreationEnabled: false } },\n    useNavigate: () => () => {}, // Mock navigate function\n    urls: { accountSettings: '/account-settings' },\n  } : appFromHook;\n\n  const user = props.mockUser ? {\n    selectedTeam: props.mockUser.selectedTeam,\n    useTeams: () => props.mockTeams || [],\n    setSelectedTeam: async () => {}, // Mock function\n  } : userFromHook;\n\n  const navigate = app.useNavigate();\n\n  useEffect(() => {\n    if (!props.noUpdateSelectedTeam && props.selectedTeam && !props.mockUser) {\n      runAsynchronouslyWithAlert(user?.setSelectedTeam(props.selectedTeam));\n    }\n  }, [props.noUpdateSelectedTeam, props.selectedTeam, props.mockUser]);\n\n  return (\n    <TeamSwitcher\n      team={props.selectedTeam}\n      allowNull={props.allowNull}\n      nullLabel={props.nullLabel}\n      triggerClassName={props.triggerClassName}\n      onChange={async (team) => {\n        if (props.onChange) {\n          props.onChange(team as Team);\n        }\n        // Skip actual navigation/updates in mock mode\n        if (props.mockUser) return;\n        if (!props.noUpdateSelectedTeam) {\n          await user?.setSelectedTeam(team as Team);\n        }\n        if (props.urlMap) {\n          navigate(props.urlMap(team as Team));\n        }\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAwCA,SAAgB,qBAAwD,OAA6C;CACnH,OAAO,oBAAC,UAAD;EAAU,UAAU,oBAAC,UAAD,CAAW,CAAA;YACpC,oBAAC,OAAD,EAAO,GAAI,MAAQ,CAAA;CACX,CAAA;AACZ;AAEA,SAAS,WAAW;CAClB,OAAO,oBAAC,UAAD,EAAU,WAAU,kCAAmC,CAAA;AAChE;AAEA,SAAS,MAAiC,OAA6C;CACrF,MAAM,cAAc,YAAY;CAChC,MAAM,eAAe,QAAQ;CAG7B,MAAM,MAAM,MAAM,WAAW;EAC3B,kBAAkB,MAAM,eAAe,EAAE,QAAQ,EAAE,2BAA2B,MAAM,EAAE;EACtF,yBAAyB,CAAC;EAC1B,MAAM,EAAE,iBAAiB,oBAAoB;CAC/C,IAAI;CAEJ,MAAM,OAAO,MAAM,WAAW;EAC5B,cAAc,MAAM,SAAS;EAC7B,gBAAgB,MAAM,aAAa,CAAC;EACpC,iBAAiB,YAAY,CAAC;CAChC,IAAI;CAEJ,MAAM,WAAW,IAAI,YAAY;CAEjC,gBAAgB;EACd,IAAI,CAAC,MAAM,wBAAwB,MAAM,gBAAgB,CAAC,MAAM,UAC9D,2BAA2B,MAAM,gBAAgB,MAAM,YAAY,CAAC;CAExE,GAAG;EAAC,MAAM;EAAsB,MAAM;EAAc,MAAM;CAAQ,CAAC;CAEnE,OACE,oBAAC,cAAD;EACE,MAAM,MAAM;EACZ,WAAW,MAAM;EACjB,WAAW,MAAM;EACjB,kBAAkB,MAAM;EACxB,UAAU,OAAO,SAAS;GACxB,IAAI,MAAM,UACR,MAAM,SAAS,IAAY;GAG7B,IAAI,MAAM,UAAU;GACpB,IAAI,CAAC,MAAM,sBACT,MAAM,MAAM,gBAAgB,IAAY;GAE1C,IAAI,MAAM,QACR,SAAS,MAAM,OAAO,IAAY,CAAC;EAEvC;CACD,CAAA;AAEL"}

package/dist/esm/components/team-icon.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "..";
+import { Team } from "../index.js";
 
 //#region src/components/team-icon.d.ts
 declare function TeamIcon(props: {
   team: Team | 'personal';
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { TeamIcon };
 //# sourceMappingURL=team-icon.d.ts.map

package/dist/esm/components/team-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-icon.d.ts","names":[],"sources":["../../../src/components/team-icon.tsx"],"mappings":";;;;iBAQgB,QAAA,CAAS,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"team-icon.d.ts","names":[],"sources":["../../../src/components/team-icon.tsx"],"mappings":";;;iBAQgB,QAAA,CAAS,KAAA;EAAS,IAAA,EAAM,IAAI;AAAA,gCAAe,GAAA,CAAA,OAAA"}

package/dist/esm/components/team-icon.js

@@ -1,7 +1,6 @@
 import { Avatar, AvatarImage, Typography } from "@hexclave/ui";
 import { jsx } from "react/jsx-runtime";
 import { User2 } from "lucide-react";
-
 //#region src/components/team-icon.tsx
 function TeamIcon(props) {
 	if (props.team === "personal") return /* @__PURE__ */ jsx("div", {
@@ -23,7 +22,7 @@ function TeamIcon(props) {
 		})
 	});
 }
-
 //#endregion
 export { TeamIcon };
+
 //# sourceMappingURL=team-icon.js.map

package/dist/esm/components/team-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-icon.js","names":[],"sources":["../../../src/components/team-icon.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, AvatarImage, Typography } from \"@hexclave/ui\";\nimport { User2 } from \"lucide-react\";\nimport { Team } from \"..\";\n\nexport function TeamIcon(props: { team: Team | 'personal' }) {\n  if (props.team === 'personal') {\n    return (\n      <div className=\"flex items-center justify-center min-w-6 min-h-6 max-w-6 max-h-6 rounded bg-zinc-200\">\n        <User2 className=\"w-4 h-4\" />\n      </div>\n    );\n  }\n  if (props.team.profileImageUrl) {\n    return (\n      <Avatar className=\"min-w-6 min-h-6 max-w-6 max-h-6 rounded\">\n        <AvatarImage src={props.team.profileImageUrl} alt={props.team.displayName} />\n      </Avatar>\n    );\n  } else {\n    return (\n      <div className=\"flex items-center justify-center min-w-6 min-h-6 max-w-6 max-h-6 rounded bg-zinc-200\">\n        <Typography className=\"text-zinc-800 dark:text-zinc-800\">{props.team.displayName.slice(0, 1).toUpperCase()}</Typography>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;AAQA,SAAgB,SAAS,OAAoC;AAC3D,KAAI,MAAM,SAAS,WACjB,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,SAAM,WAAU,YAAY;GACzB;AAGV,KAAI,MAAM,KAAK,gBACb,QACE,oBAAC;EAAO,WAAU;YAChB,oBAAC;GAAY,KAAK,MAAM,KAAK;GAAiB,KAAK,MAAM,KAAK;IAAe;GACtE;KAGX,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAW,WAAU;aAAoC,MAAM,KAAK,YAAY,MAAM,GAAG,EAAE,CAAC,aAAa;IAAc;GACpH"}
+{"version":3,"file":"team-icon.js","names":[],"sources":["../../../src/components/team-icon.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, AvatarImage, Typography } from \"@hexclave/ui\";\nimport { User2 } from \"lucide-react\";\nimport { Team } from \"..\";\n\nexport function TeamIcon(props: { team: Team | 'personal' }) {\n  if (props.team === 'personal') {\n    return (\n      <div className=\"flex items-center justify-center min-w-6 min-h-6 max-w-6 max-h-6 rounded bg-zinc-200\">\n        <User2 className=\"w-4 h-4\" />\n      </div>\n    );\n  }\n  if (props.team.profileImageUrl) {\n    return (\n      <Avatar className=\"min-w-6 min-h-6 max-w-6 max-h-6 rounded\">\n        <AvatarImage src={props.team.profileImageUrl} alt={props.team.displayName} />\n      </Avatar>\n    );\n  } else {\n    return (\n      <div className=\"flex items-center justify-center min-w-6 min-h-6 max-w-6 max-h-6 rounded bg-zinc-200\">\n        <Typography className=\"text-zinc-800 dark:text-zinc-800\">{props.team.displayName.slice(0, 1).toUpperCase()}</Typography>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;AAQA,SAAgB,SAAS,OAAoC;CAC3D,IAAI,MAAM,SAAS,YACjB,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD,EAAO,WAAU,UAAW,CAAA;CACzB,CAAA;CAGT,IAAI,MAAM,KAAK,iBACb,OACE,oBAAC,QAAD;EAAQ,WAAU;YAChB,oBAAC,aAAD;GAAa,KAAK,MAAM,KAAK;GAAiB,KAAK,MAAM,KAAK;EAAc,CAAA;CACtE,CAAA;MAGV,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,YAAD;GAAY,WAAU;aAAoC,MAAM,KAAK,YAAY,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;EAAc,CAAA;CACpH,CAAA;AAGX"}

package/dist/esm/components/team-switcher.d.ts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "..";
+import { Team } from "../index.js";
 
 //#region src/components/team-switcher.d.ts
 type MockTeam = {
@@ -25,7 +24,7 @@ type TeamSwitcherProps<AllowNull extends boolean = false> = {
     };
   };
 };
-declare function TeamSwitcher<AllowNull extends boolean = false>(props: TeamSwitcherProps<AllowNull>): react_jsx_runtime0.JSX.Element;
+declare function TeamSwitcher<AllowNull extends boolean = false>(props: TeamSwitcherProps<AllowNull>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { TeamSwitcher };
 //# sourceMappingURL=team-switcher.d.ts.map

package/dist/esm/components/team-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-switcher.d.ts","names":[],"sources":["../../../src/components/team-switcher.tsx"],"mappings":";;;;KA4BK,QAAA;EACH,EAAA;EACA,WAAA;EACA,eAAA;AAAA;AAAA,KAGG,iBAAA;EACH,IAAA,GAAO,IAAA;EACP,MAAA;EACA,KAAA,GAAQ,IAAA;EACR,SAAA,GAAY,SAAA;EACZ,SAAA;EACA,gBAAA;EACA,QAAA,IAAY,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA,KAAS,OAAA;EAElE,QAAA;IACE,IAAA,GAAO,QAAA;EAAA;EAET,SAAA,GAAY,QAAA;EACZ,WAAA;IACE,MAAA;MACE,yBAAA;IAAA;EAAA;AAAA;AAAA,iBAKU,YAAA,mCAAA,CAAgD,KAAA,EAAO,iBAAA,CAAkB,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"team-switcher.d.ts","names":[],"sources":["../../../src/components/team-switcher.tsx"],"mappings":";;;KA4BK,QAAA;EACH,EAAA;EACA,WAAA;EACA,eAAA;AAAA;AAAA,KAGG,iBAAA;EACH,IAAA,GAAO,IAAA;EACP,MAAA;EACA,KAAA,GAAQ,IAAA;EACR,SAAA,GAAY,SAAA;EACZ,SAAA;EACA,gBAAA;EACA,QAAA,IAAY,IAAA,EAAM,SAAA,gBAAyB,IAAA,UAAc,IAAA,KAAS,OAAA;EAElE,QAAA;IACE,IAAA,GAAO,QAAA;EAAA;EAET,SAAA,GAAY,QAAA;EACZ,WAAA;IACE,MAAA;MACE,yBAAA;IAAA;EAAA;AAAA;AAAA,iBAKU,YAAA,oCAAgD,KAAA,EAAO,iBAAiB,CAAC,SAAA,gCAAU,GAAA,CAAA,OAAA"}

package/dist/esm/components/team-switcher.js

@@ -1,7 +1,6 @@
-'use client';
-
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+"use client";
 import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Typography, cn } from "@hexclave/ui";
 import { Suspense, useMemo } from "react";
 import { useStackApp, useUser } from "../index.js";
@@ -9,7 +8,6 @@ import { useTranslation } from "../lib/translations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PlusCircle, Settings } from "lucide-react";
 import { TeamIcon } from "./team-icon.js";
-
 //#region src/components/team-switcher.tsx
 function TeamSwitcher(props) {
 	return /* @__PURE__ */ jsx(Suspense, {
@@ -113,7 +111,7 @@ function Inner(props) {
 		})]
 	});
 }
-
 //#endregion
 export { TeamSwitcher };
+
 //# sourceMappingURL=team-switcher.js.map

package/dist/esm/components/team-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"team-switcher.js","names":[],"sources":["../../../src/components/team-switcher.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 { HexclaveAssertionError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Typography,\n  cn,\n} from \"@hexclave/ui\";\nimport { PlusCircle, Settings } from \"lucide-react\";\nimport { Suspense, useMemo } from \"react\";\nimport { Team, useStackApp, useUser } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { TeamIcon } from \"./team-icon\";\n\ntype MockTeam = {\n  id: string,\n  displayName: string,\n  profileImageUrl?: string | null,\n};\n\ntype TeamSwitcherProps<AllowNull extends boolean = false> = {\n  team?: Team,\n  teamId?: string,\n  teams?: Team[],\n  allowNull?: AllowNull,\n  nullLabel?: string,\n  triggerClassName?: string,\n  onChange?: (team: AllowNull extends true ? Team | null : Team) => Promise<void>,\n  // Mock data props\n  mockUser?: {\n    team?: MockTeam,\n  },\n  mockTeams?: MockTeam[],\n  mockProject?: {\n    config: {\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n};\n\nexport function TeamSwitcher<AllowNull extends boolean = false>(props: TeamSwitcherProps<AllowNull>) {\n  return <Suspense fallback={<Fallback />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback() {\n  return <Skeleton className=\"h-9 w-full max-w-64 stack-scope\" />;\n}\n\nfunction Inner<AllowNull extends boolean>(props: TeamSwitcherProps<AllowNull>) {\n  const { t } = useTranslation();\n  const appFromHook = useStackApp();\n  const userFromHook = useUser();\n\n  // Use mock data if provided, otherwise use real data\n  const app = props.mockUser ? {\n    useProject: () => props.mockProject || { config: { clientTeamCreationEnabled: false } },\n    redirectToAccountSettings: async () => {},\n  } : appFromHook;\n\n  const user = props.mockUser ? {\n    selectedTeam: props.mockUser.team,\n    useTeams: () => props.mockTeams || [],\n    setSelectedTeam: async () => {}, // Mock function\n  } : userFromHook;\n\n  const project = app.useProject();\n  const rawTeams = props.teams ?? user?.useTeams();\n  const selectedTeam = props.team || rawTeams?.find(team => team.id === props.teamId);\n  const teams = useMemo(() => rawTeams?.sort((a, b) => b.id === selectedTeam?.id ? 1 : -1), [rawTeams, selectedTeam]);\n\n\n  return (\n    <Select\n      value={selectedTeam?.id || (props.allowNull ? 'null-sentinel' : undefined)}\n      onValueChange={(value) => {\n        runAsynchronouslyWithAlert(async () => {\n          let team: MockTeam | null = null;\n          if (value !== 'null-sentinel') {\n            team = teams?.find(team => team.id === value) || null;\n            if (!team) {\n              throw new HexclaveAssertionError('Team not found, this should not happen');\n            }\n          } else {\n            team = null;\n          }\n\n          // Call onChange callback if provided\n          if (props.onChange) {\n            await props.onChange(team as Team);\n          }\n        });\n      }}\n    >\n      <SelectTrigger className={cn(\"stack-scope max-w-64\", props.triggerClassName)}>\n        <SelectValue placeholder=\"Select team\"/>\n      </SelectTrigger>\n      <SelectContent className=\"stack-scope\">\n        {selectedTeam ? <SelectGroup>\n          <SelectLabel>\n            <div className=\"flex items-center justify-between\">\n              <span>\n                {t('Current team')}\n              </span>\n              <Button\n                variant='ghost'\n                size='icon'\n                className=\"h-6 w-6\"\n                onClick={() => {\n                  if (!props.mockUser) {\n                    runAsynchronouslyWithAlert(app.redirectToAccountSettings());\n                  }\n                }}\n              >\n                <Settings className=\"h-4 w-4\"/>\n              </Button>\n            </div>\n          </SelectLabel>\n          <SelectItem value={selectedTeam.id}>\n            <div className=\"flex items-center gap-2\">\n              <TeamIcon team={selectedTeam as Team} />\n              <Typography className=\"max-w-40 truncate\">{selectedTeam.displayName}</Typography>\n            </div>\n          </SelectItem>\n        </SelectGroup> : undefined}\n\n        {props.allowNull && <SelectGroup>\n          <SelectItem value=\"null-sentinel\">\n            <div className=\"flex items-center gap-2\">\n              <TeamIcon team='personal' />\n              <Typography className=\"max-w-40 truncate\">{props.nullLabel || t('No team')}</Typography>\n            </div>\n          </SelectItem>\n        </SelectGroup>}\n\n        {teams?.length ?\n          <SelectGroup>\n            <SelectLabel>{t('Other teams')}</SelectLabel>\n            {teams.filter(team => team.id !== selectedTeam?.id)\n              .map(team => (\n                <SelectItem value={team.id} key={team.id}>\n                  <div className=\"flex items-center gap-2\">\n                    <TeamIcon team={team as Team} />\n                    <Typography className=\"max-w-64 truncate\">{team.displayName}</Typography>\n                  </div>\n                </SelectItem>\n              ))}\n          </SelectGroup> : null}\n\n        {!teams?.length && !props.allowNull ?\n          <SelectGroup>\n            <SelectLabel>{t('No teams yet')}</SelectLabel>\n          </SelectGroup> : null}\n\n        {project.config.clientTeamCreationEnabled && <>\n          <SelectSeparator/>\n          <div>\n            <Button\n              onClick={() => {\n                if (!props.mockUser) {\n                  runAsynchronouslyWithAlert(app.redirectToAccountSettings());\n                }\n              }}\n              className=\"w-full\"\n              variant='ghost'\n            >\n              <PlusCircle className=\"mr-2 h-4 w-4\"/> {t('Create a team')}\n            </Button>\n          </div>\n        </>}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"team-switcher.js","names":[],"sources":["../../../src/components/team-switcher.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 { HexclaveAssertionError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Button,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Typography,\n  cn,\n} from \"@hexclave/ui\";\nimport { PlusCircle, Settings } from \"lucide-react\";\nimport { Suspense, useMemo } from \"react\";\nimport { Team, useStackApp, useUser } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { TeamIcon } from \"./team-icon\";\n\ntype MockTeam = {\n  id: string,\n  displayName: string,\n  profileImageUrl?: string | null,\n};\n\ntype TeamSwitcherProps<AllowNull extends boolean = false> = {\n  team?: Team,\n  teamId?: string,\n  teams?: Team[],\n  allowNull?: AllowNull,\n  nullLabel?: string,\n  triggerClassName?: string,\n  onChange?: (team: AllowNull extends true ? Team | null : Team) => Promise<void>,\n  // Mock data props\n  mockUser?: {\n    team?: MockTeam,\n  },\n  mockTeams?: MockTeam[],\n  mockProject?: {\n    config: {\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n};\n\nexport function TeamSwitcher<AllowNull extends boolean = false>(props: TeamSwitcherProps<AllowNull>) {\n  return <Suspense fallback={<Fallback />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback() {\n  return <Skeleton className=\"h-9 w-full max-w-64 stack-scope\" />;\n}\n\nfunction Inner<AllowNull extends boolean>(props: TeamSwitcherProps<AllowNull>) {\n  const { t } = useTranslation();\n  const appFromHook = useStackApp();\n  const userFromHook = useUser();\n\n  // Use mock data if provided, otherwise use real data\n  const app = props.mockUser ? {\n    useProject: () => props.mockProject || { config: { clientTeamCreationEnabled: false } },\n    redirectToAccountSettings: async () => {},\n  } : appFromHook;\n\n  const user = props.mockUser ? {\n    selectedTeam: props.mockUser.team,\n    useTeams: () => props.mockTeams || [],\n    setSelectedTeam: async () => {}, // Mock function\n  } : userFromHook;\n\n  const project = app.useProject();\n  const rawTeams = props.teams ?? user?.useTeams();\n  const selectedTeam = props.team || rawTeams?.find(team => team.id === props.teamId);\n  const teams = useMemo(() => rawTeams?.sort((a, b) => b.id === selectedTeam?.id ? 1 : -1), [rawTeams, selectedTeam]);\n\n\n  return (\n    <Select\n      value={selectedTeam?.id || (props.allowNull ? 'null-sentinel' : undefined)}\n      onValueChange={(value) => {\n        runAsynchronouslyWithAlert(async () => {\n          let team: MockTeam | null = null;\n          if (value !== 'null-sentinel') {\n            team = teams?.find(team => team.id === value) || null;\n            if (!team) {\n              throw new HexclaveAssertionError('Team not found, this should not happen');\n            }\n          } else {\n            team = null;\n          }\n\n          // Call onChange callback if provided\n          if (props.onChange) {\n            await props.onChange(team as Team);\n          }\n        });\n      }}\n    >\n      <SelectTrigger className={cn(\"stack-scope max-w-64\", props.triggerClassName)}>\n        <SelectValue placeholder=\"Select team\"/>\n      </SelectTrigger>\n      <SelectContent className=\"stack-scope\">\n        {selectedTeam ? <SelectGroup>\n          <SelectLabel>\n            <div className=\"flex items-center justify-between\">\n              <span>\n                {t('Current team')}\n              </span>\n              <Button\n                variant='ghost'\n                size='icon'\n                className=\"h-6 w-6\"\n                onClick={() => {\n                  if (!props.mockUser) {\n                    runAsynchronouslyWithAlert(app.redirectToAccountSettings());\n                  }\n                }}\n              >\n                <Settings className=\"h-4 w-4\"/>\n              </Button>\n            </div>\n          </SelectLabel>\n          <SelectItem value={selectedTeam.id}>\n            <div className=\"flex items-center gap-2\">\n              <TeamIcon team={selectedTeam as Team} />\n              <Typography className=\"max-w-40 truncate\">{selectedTeam.displayName}</Typography>\n            </div>\n          </SelectItem>\n        </SelectGroup> : undefined}\n\n        {props.allowNull && <SelectGroup>\n          <SelectItem value=\"null-sentinel\">\n            <div className=\"flex items-center gap-2\">\n              <TeamIcon team='personal' />\n              <Typography className=\"max-w-40 truncate\">{props.nullLabel || t('No team')}</Typography>\n            </div>\n          </SelectItem>\n        </SelectGroup>}\n\n        {teams?.length ?\n          <SelectGroup>\n            <SelectLabel>{t('Other teams')}</SelectLabel>\n            {teams.filter(team => team.id !== selectedTeam?.id)\n              .map(team => (\n                <SelectItem value={team.id} key={team.id}>\n                  <div className=\"flex items-center gap-2\">\n                    <TeamIcon team={team as Team} />\n                    <Typography className=\"max-w-64 truncate\">{team.displayName}</Typography>\n                  </div>\n                </SelectItem>\n              ))}\n          </SelectGroup> : null}\n\n        {!teams?.length && !props.allowNull ?\n          <SelectGroup>\n            <SelectLabel>{t('No teams yet')}</SelectLabel>\n          </SelectGroup> : null}\n\n        {project.config.clientTeamCreationEnabled && <>\n          <SelectSeparator/>\n          <div>\n            <Button\n              onClick={() => {\n                if (!props.mockUser) {\n                  runAsynchronouslyWithAlert(app.redirectToAccountSettings());\n                }\n              }}\n              className=\"w-full\"\n              variant='ghost'\n            >\n              <PlusCircle className=\"mr-2 h-4 w-4\"/> {t('Create a team')}\n            </Button>\n          </div>\n        </>}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":"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"}