@thunderid/react 1.4.1 → 1.6.0

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.js

@@ -1,115 +0,0 @@
-import { css } from "../../../styles/emotion.js";
-import { useMemo } from "react";
-
-//#region src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.ts
-const useStyles = (theme, colorScheme) => useMemo(() => {
-	const root = css`
-      display: inline-block;
-      position: relative;
-      font-family: ${theme.vars.typography.fontFamily};
-    `;
-	const trigger = css`
-      display: inline-flex;
-      align-items: center;
-      gap: calc(${theme.vars.spacing.unit} * 0.5);
-      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};
-      border: 1px solid ${theme.vars.colors.border};
-      background: ${theme.vars.colors.background.surface};
-      cursor: pointer;
-      border-radius: ${theme.vars.borderRadius.medium};
-      min-width: 120px;
-      font-size: 0.875rem;
-      color: ${theme.vars.colors.text.primary};
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.04)"};
-      }
-    `;
-	const triggerEmoji = css`
-      font-size: 1rem;
-      line-height: 1;
-    `;
-	const triggerLabel = css`
-      flex: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      font-weight: 500;
-    `;
-	const content = css`
-      min-width: 200px;
-      max-width: 320px;
-      background-color: ${theme.vars.colors.background.surface};
-      border-radius: ${theme.vars.borderRadius.medium};
-      box-shadow: ${theme.vars.shadows.medium};
-      border: 1px solid ${theme.vars.colors.border};
-      outline: none;
-      z-index: 1000;
-      padding: calc(${theme.vars.spacing.unit} * 0.5) 0;
-    `;
-	const option = css`
-      display: flex;
-      align-items: center;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);
-      width: 100%;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      font-size: 0.875rem;
-      text-align: start;
-      color: ${theme.vars.colors.text.primary};
-      transition: background-color 0.15s ease-in-out;
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.04)"};
-      }
-    `;
-	const optionActive = css`
-      font-weight: 600;
-      color: ${theme.vars.colors.primary?.main || theme.vars.colors.text.primary};
-    `;
-	const optionEmoji = css`
-      font-size: 1rem;
-      line-height: 1;
-      flex-shrink: 0;
-    `;
-	const optionLabel = css`
-      flex: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	return {
-		checkIcon: css`
-      color: ${theme.vars.colors.primary?.main || theme.vars.colors.text.primary};
-      flex-shrink: 0;
-      margin-inline-start: auto;
-    `,
-		content,
-		option,
-		optionActive,
-		optionEmoji,
-		optionLabel,
-		root,
-		trigger,
-		triggerEmoji,
-		triggerLabel
-	};
-}, [
-	theme.vars.colors.background.surface,
-	theme.vars.colors.text.primary,
-	theme.vars.colors.border,
-	theme.vars.borderRadius.medium,
-	theme.vars.shadows.medium,
-	theme.vars.spacing.unit,
-	theme.vars.colors.action?.hover,
-	theme.vars.typography.fontFamily,
-	theme.vars.colors.primary?.main,
-	colorScheme
-]);
-var BaseLanguageSwitcher_styles_default = useStyles;
-
-//#endregion
-export { BaseLanguageSwitcher_styles_default as default };
-//# sourceMappingURL=BaseLanguageSwitcher.styles.js.map

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseLanguageSwitcher.styles.js","names":["root: string","trigger: string","triggerEmoji: string","triggerLabel: string","content: string","option: string","optionActive: string","optionEmoji: string","optionLabel: string"],"sources":["../../../../src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const root: string = css`\n      display: inline-block;\n      position: relative;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const trigger: string = css`\n      display: inline-flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} * 0.5);\n      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};\n      border: 1px solid ${theme.vars.colors.border};\n      background: ${theme.vars.colors.background.surface};\n      cursor: pointer;\n      border-radius: ${theme.vars.borderRadius.medium};\n      min-width: 120px;\n      font-size: 0.875rem;\n      color: ${theme.vars.colors.text.primary};\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.04)'};\n      }\n    `;\n\n    const triggerEmoji: string = css`\n      font-size: 1rem;\n      line-height: 1;\n    `;\n\n    const triggerLabel: string = css`\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-weight: 500;\n    `;\n\n    const content: string = css`\n      min-width: 200px;\n      max-width: 320px;\n      background-color: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.medium};\n      box-shadow: ${theme.vars.shadows.medium};\n      border: 1px solid ${theme.vars.colors.border};\n      outline: none;\n      z-index: 1000;\n      padding: calc(${theme.vars.spacing.unit} * 0.5) 0;\n    `;\n\n    const option: string = css`\n      display: flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);\n      width: 100%;\n      border: none;\n      background-color: transparent;\n      cursor: pointer;\n      font-size: 0.875rem;\n      text-align: start;\n      color: ${theme.vars.colors.text.primary};\n      transition: background-color 0.15s ease-in-out;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.04)'};\n      }\n    `;\n\n    const optionActive: string = css`\n      font-weight: 600;\n      color: ${theme.vars.colors.primary?.main || theme.vars.colors.text.primary};\n    `;\n\n    const optionEmoji: string = css`\n      font-size: 1rem;\n      line-height: 1;\n      flex-shrink: 0;\n    `;\n\n    const optionLabel: string = css`\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const checkIcon: string = css`\n      color: ${theme.vars.colors.primary?.main || theme.vars.colors.text.primary};\n      flex-shrink: 0;\n      margin-inline-start: auto;\n    `;\n\n    return {\n      checkIcon,\n      content,\n      option,\n      optionActive,\n      optionEmoji,\n      optionLabel,\n      root,\n      trigger,\n      triggerEmoji,\n      triggerLabel,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.border,\n    theme.vars.borderRadius.medium,\n    theme.vars.shadows.medium,\n    theme.vars.spacing.unit,\n    theme.vars.colors.action?.hover,\n    theme.vars.typography.fontFamily,\n    theme.vars.colors.primary?.main,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":";;;;AAOA,MAAM,aAAa,OAAc,gBAC/B,cAAc;CACZ,MAAMA,OAAe,GAAG;;;qBAGP,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,UAAkB,GAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK,WAAW,MAAM,KAAK,QAAQ,KAAK;0BACvD,MAAM,KAAK,OAAO,OAAO;oBAC/B,MAAM,KAAK,OAAO,WAAW,QAAQ;;uBAElC,MAAM,KAAK,aAAa,OAAO;;;eAGvC,MAAM,KAAK,OAAO,KAAK,QAAQ;;;4BAGlB,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;;CAIjF,MAAMC,eAAuB,GAAG;;;;CAKhC,MAAMC,eAAuB,GAAG;;;;;;;CAQhC,MAAMC,UAAkB,GAAG;;;0BAGL,MAAM,KAAK,OAAO,WAAW,QAAQ;uBACxC,MAAM,KAAK,aAAa,OAAO;oBAClC,MAAM,KAAK,QAAQ,OAAO;0BACpB,MAAM,KAAK,OAAO,OAAO;;;sBAG7B,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,SAAiB,GAAG;;;aAGjB,MAAM,KAAK,QAAQ,KAAK;sBACf,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;;;;;;;eAOpE,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;4BAIlB,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;;CAIjF,MAAMC,eAAuB,GAAG;;eAErB,MAAM,KAAK,OAAO,SAAS,QAAQ,MAAM,KAAK,OAAO,KAAK,QAAQ;;CAG7E,MAAMC,cAAsB,GAAG;;;;;CAM/B,MAAMC,cAAsB,GAAG;;;;;;AAa/B,QAAO;EACL,WAPwB,GAAG;eAClB,MAAM,KAAK,OAAO,SAAS,QAAQ,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;EAO3E;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;GACA;CACD,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,OAAO,QAAQ;CAC1B,MAAM,KAAK,WAAW;CACtB,MAAM,KAAK,OAAO,SAAS;CAC3B;CACD,CAAC;AAEJ,0CAAe"}

package/dist/components/presentation/LanguageSwitcher/LanguageSwitcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAqB,MAAM,OAAO,CAAC;AACtE,OAA6B,EAAC,cAAc,EAAE,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAIzG,YAAY,EAAC,cAAc,EAAE,2BAA2B,EAAC,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8E/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/presentation/LanguageSwitcher/LanguageSwitcher.js

@@ -1,80 +0,0 @@
-import useTranslation_default from "../../../hooks/useTranslation.js";
-import BaseLanguageSwitcher_default from "./BaseLanguageSwitcher.js";
-import useFlowMeta_default from "../../../contexts/FlowMeta/useFlowMeta.js";
-import { getBaseLanguage, normalizeLocaleTag, resolveLocaleDisplayName, resolveLocaleEmoji } from "@thunderid/browser";
-import { useEffect, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-/**
-* A v2 LanguageSwitcher component that reads available languages from `FlowMetaContext`
-* and switches both the UI language (via `I18nContext`) and the flow metadata translations
-* (by re-fetching `GET /flow/meta` with the new language).
-*
-* Must be rendered inside a `FlowMetaProvider`.
-*
-* @example
-* ```tsx
-* // Default dropdown UI
-* <LanguageSwitcher />
-*
-* // Custom UI with render props
-* <LanguageSwitcher>
-*   {({languages, currentLanguage, onLanguageChange}) => (
-*     <div>
-*       {languages.map(lang => (
-*         <button
-*           key={lang.code}
-*           onClick={() => onLanguageChange(lang.code)}
-*           style={{fontWeight: lang.code === currentLanguage ? 'bold' : 'normal'}}
-*         >
-*           {lang.emoji} {lang.displayName}
-*         </button>
-*       ))}
-*     </div>
-*   )}
-* </LanguageSwitcher>
-* ```
-*/
-const LanguageSwitcher = ({ children, className }) => {
-	const { meta, switchLanguage, isLoading } = useFlowMeta_default();
-	const { currentLanguage } = useTranslation_default();
-	const availableLanguageCodes = meta?.i18n?.languages ?? [];
-	const effectiveLanguageCodes = useMemo(() => availableLanguageCodes.length > 0 ? availableLanguageCodes : [currentLanguage], [availableLanguageCodes, currentLanguage]);
-	const languages = useMemo(() => effectiveLanguageCodes.map((code) => ({
-		code,
-		displayName: resolveLocaleDisplayName(code, code) || code,
-		emoji: resolveLocaleEmoji(code)
-	})), [effectiveLanguageCodes]);
-	useEffect(() => {
-		if (availableLanguageCodes.length === 0) return;
-		const currentBase = getBaseLanguage(currentLanguage);
-		if (availableLanguageCodes.some((code) => getBaseLanguage(code) === currentBase)) return;
-		switchLanguage(availableLanguageCodes.find((code) => getBaseLanguage(code) === "en") ?? availableLanguageCodes[0]);
-	}, [
-		availableLanguageCodes,
-		currentLanguage,
-		switchLanguage
-	]);
-	const displayLanguage = useMemo(() => {
-		const exactMatch = languages.find((option) => normalizeLocaleTag(option.code) === normalizeLocaleTag(currentLanguage));
-		if (exactMatch) return exactMatch.code;
-		return languages.find((option) => getBaseLanguage(option.code) === getBaseLanguage(currentLanguage))?.code ?? currentLanguage;
-	}, [languages, currentLanguage]);
-	const handleLanguageChange = (language) => {
-		if (language !== currentLanguage) switchLanguage(language);
-	};
-	return /* @__PURE__ */ jsx(BaseLanguageSwitcher_default, {
-		currentLanguage: displayLanguage,
-		isLoading,
-		languages,
-		onLanguageChange: handleLanguageChange,
-		className,
-		children
-	});
-};
-var LanguageSwitcher_default = LanguageSwitcher;
-
-//#endregion
-export { LanguageSwitcher_default as default };
-//# sourceMappingURL=LanguageSwitcher.js.map

package/dist/components/presentation/LanguageSwitcher/LanguageSwitcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguageSwitcher.js","names":["LanguageSwitcher: FC<LanguageSwitcherProps>","useFlowMeta","useTranslation","availableLanguageCodes: string[]","effectiveLanguageCodes: string[]","languages: LanguageOption[]","currentBase: string","displayLanguage: string","exactMatch: LanguageOption | undefined","BaseLanguageSwitcher"],"sources":["../../../../src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {getBaseLanguage, normalizeLocaleTag, resolveLocaleDisplayName, resolveLocaleEmoji} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useEffect, useMemo} from 'react';\nimport BaseLanguageSwitcher, {LanguageOption, LanguageSwitcherRenderProps} from './BaseLanguageSwitcher';\nimport useFlowMeta from '../../../contexts/FlowMeta/useFlowMeta';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type {LanguageOption, LanguageSwitcherRenderProps};\n\nexport interface LanguageSwitcherProps {\n  /**\n   * Render-props callback for fully custom UI.\n   *\n   * @example\n   * ```tsx\n   * <LanguageSwitcher>\n   *   {({languages, currentLanguage, onLanguageChange, isLoading}) => (\n   *     <select\n   *       value={currentLanguage}\n   *       disabled={isLoading}\n   *       onChange={e => onLanguageChange(e.target.value)}\n   *     >\n   *       {languages.map(l => (\n   *         <option key={l.code} value={l.code}>{l.emoji} {l.displayName}</option>\n   *       ))}\n   *     </select>\n   *   )}\n   * </LanguageSwitcher>\n   * ```\n   */\n  children?: (props: LanguageSwitcherRenderProps) => ReactNode;\n  /** Additional CSS class for the root element (default UI only) */\n  className?: string;\n}\n\n/**\n * A v2 LanguageSwitcher component that reads available languages from `FlowMetaContext`\n * and switches both the UI language (via `I18nContext`) and the flow metadata translations\n * (by re-fetching `GET /flow/meta` with the new language).\n *\n * Must be rendered inside a `FlowMetaProvider`.\n *\n * @example\n * ```tsx\n * // Default dropdown UI\n * <LanguageSwitcher />\n *\n * // Custom UI with render props\n * <LanguageSwitcher>\n *   {({languages, currentLanguage, onLanguageChange}) => (\n *     <div>\n *       {languages.map(lang => (\n *         <button\n *           key={lang.code}\n *           onClick={() => onLanguageChange(lang.code)}\n *           style={{fontWeight: lang.code === currentLanguage ? 'bold' : 'normal'}}\n *         >\n *           {lang.emoji} {lang.displayName}\n *         </button>\n *       ))}\n *     </div>\n *   )}\n * </LanguageSwitcher>\n * ```\n */\nconst LanguageSwitcher: FC<LanguageSwitcherProps> = ({children, className}: LanguageSwitcherProps): ReactElement => {\n  const {meta, switchLanguage, isLoading} = useFlowMeta();\n  const {currentLanguage} = useTranslation();\n\n  const availableLanguageCodes: string[] = meta?.i18n?.languages ?? [];\n  // Only fall back to the detected browser language when the server returns no configured languages.\n  // Do NOT inject currentLanguage unconditionally — a browser locale like \"en-GB\" must not appear\n  // in the picker when the server only supports \"en-US\".\n  const effectiveLanguageCodes: string[] = useMemo(\n    () => (availableLanguageCodes.length > 0 ? availableLanguageCodes : [currentLanguage]),\n    [availableLanguageCodes, currentLanguage],\n  );\n\n  const languages: LanguageOption[] = useMemo(\n    () =>\n      effectiveLanguageCodes.map((code: string) => ({\n        code,\n        // Resolve each label in its own locale so option names stay stable across UI language switches.\n        displayName: resolveLocaleDisplayName(code, code) || code,\n        emoji: resolveLocaleEmoji(code),\n      })),\n    [effectiveLanguageCodes],\n  );\n\n  // If the detected language isn't supported by the server, fall back to English (matched by base\n  // language, e.g. browser \"en-US\" against server \"en\"), or the first available language if the\n  // server doesn't offer English either.\n  useEffect(() => {\n    if (availableLanguageCodes.length === 0) {\n      return;\n    }\n    const currentBase: string = getBaseLanguage(currentLanguage);\n    const isSupported: boolean = availableLanguageCodes.some(\n      (code: string): boolean => getBaseLanguage(code) === currentBase,\n    );\n    if (isSupported) {\n      return;\n    }\n    const englishCode: string | undefined = availableLanguageCodes.find(\n      (code: string): boolean => getBaseLanguage(code) === 'en',\n    );\n    switchLanguage(englishCode ?? availableLanguageCodes[0]);\n  }, [availableLanguageCodes, currentLanguage, switchLanguage]);\n\n  // Prefer an exact dialect match (e.g. \"en-IN\" against a supported \"en-IN\") over a base-language\n  // one, so a specific regional variant isn't silently collapsed to \"en\" when it's actually offered.\n  // Only fall back to a base-language match (e.g. \"en-US\" against a supported \"en\") when the exact\n  // dialect isn't available, and to the raw code if neither is.\n  const displayLanguage: string = useMemo(() => {\n    const exactMatch: LanguageOption | undefined = languages.find(\n      (option: LanguageOption): boolean => normalizeLocaleTag(option.code) === normalizeLocaleTag(currentLanguage),\n    );\n    if (exactMatch) {\n      return exactMatch.code;\n    }\n    const baseMatch: LanguageOption | undefined = languages.find(\n      (option: LanguageOption): boolean => getBaseLanguage(option.code) === getBaseLanguage(currentLanguage),\n    );\n    return baseMatch?.code ?? currentLanguage;\n  }, [languages, currentLanguage]);\n\n  const handleLanguageChange = (language: string): void => {\n    if (language !== currentLanguage) {\n      switchLanguage(language);\n    }\n  };\n\n  return (\n    <BaseLanguageSwitcher\n      currentLanguage={displayLanguage}\n      isLoading={isLoading}\n      languages={languages}\n      onLanguageChange={handleLanguageChange}\n      className={className}\n    >\n      {children}\n    </BaseLanguageSwitcher>\n  );\n};\n\nexport default LanguageSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,MAAMA,oBAA+C,EAAC,UAAU,gBAAoD;CAClH,MAAM,EAAC,MAAM,gBAAgB,cAAaC,qBAAa;CACvD,MAAM,EAAC,oBAAmBC,wBAAgB;CAE1C,MAAMC,yBAAmC,MAAM,MAAM,aAAa,EAAE;CAIpE,MAAMC,yBAAmC,cAChC,uBAAuB,SAAS,IAAI,yBAAyB,CAAC,gBAAgB,EACrF,CAAC,wBAAwB,gBAAgB,CAC1C;CAED,MAAMC,YAA8B,cAEhC,uBAAuB,KAAK,UAAkB;EAC5C;EAEA,aAAa,yBAAyB,MAAM,KAAK,IAAI;EACrD,OAAO,mBAAmB,KAAK;EAChC,EAAE,EACL,CAAC,uBAAuB,CACzB;AAKD,iBAAgB;AACd,MAAI,uBAAuB,WAAW,EACpC;EAEF,MAAMC,cAAsB,gBAAgB,gBAAgB;AAI5D,MAH6B,uBAAuB,MACjD,SAA0B,gBAAgB,KAAK,KAAK,YACtD,CAEC;AAKF,iBAHwC,uBAAuB,MAC5D,SAA0B,gBAAgB,KAAK,KAAK,KACtD,IAC6B,uBAAuB,GAAG;IACvD;EAAC;EAAwB;EAAiB;EAAe,CAAC;CAM7D,MAAMC,kBAA0B,cAAc;EAC5C,MAAMC,aAAyC,UAAU,MACtD,WAAoC,mBAAmB,OAAO,KAAK,KAAK,mBAAmB,gBAAgB,CAC7G;AACD,MAAI,WACF,QAAO,WAAW;AAKpB,SAH8C,UAAU,MACrD,WAAoC,gBAAgB,OAAO,KAAK,KAAK,gBAAgB,gBAAgB,CACvG,EACiB,QAAQ;IACzB,CAAC,WAAW,gBAAgB,CAAC;CAEhC,MAAM,wBAAwB,aAA2B;AACvD,MAAI,aAAa,gBACf,gBAAe,SAAS;;AAI5B,QACE,oBAACC;EACC,iBAAiB;EACN;EACA;EACX,kBAAkB;EACP;EAEV;GACoB;;AAI3B,+BAAe"}

package/dist/components/presentation/User/BaseUser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUser.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/User/BaseUser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,IAAI,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAM/B,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/presentation/User/BaseUser.js

@@ -1,39 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/User/BaseUser.tsx
-/**
-* Base User component that provides the core functionality for displaying user information.
-* This component takes a user object as a prop and uses render props to expose it.
-*
-* @remarks This is the base component that can be used in any context where you have
-* a user object available. For React applications, use the User component which
-* automatically retrieves the user from ThunderID context.
-*
-* @example
-* ```tsx
-* import { BaseUser } from '@thunderid/auth-react';
-*
-* const MyComponent = ({ user }) => {
-*   return (
-*     <BaseUser user={user} fallback={<p>No user data</p>}>
-*       {(user) => (
-*         <div>
-*           <h1>Welcome, {user.displayName}!</h1>
-*           <p>Email: {user.email}</p>
-*         </div>
-*       )}
-*     </BaseUser>
-*   );
-* }
-* ```
-*/
-const BaseUser = ({ user, children, fallback = null }) => {
-	if (!user) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-	return /* @__PURE__ */ jsx(Fragment, { children: children(user) });
-};
-BaseUser.displayName = "BaseUser";
-var BaseUser_default = BaseUser;
-
-//#endregion
-export { BaseUser_default as default };
-//# sourceMappingURL=BaseUser.js.map

package/dist/components/presentation/User/BaseUser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUser.js","names":["BaseUser: FC<BaseUserProps>"],"sources":["../../../../src/components/presentation/User/BaseUser.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {User as IUser} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\n\n/**\n * Props for the BaseUser component.\n */\nexport interface BaseUserProps {\n  /**\n   * Render prop that takes the user object and returns a ReactNode.\n   * @param user - The authenticated user object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (user: IUser | null) => ReactNode;\n\n  /**\n   * Optional element to render when no user is provided.\n   */\n  fallback?: ReactNode;\n\n  /**\n   * The user object to display. If not provided, the component will render the fallback.\n   */\n  user: IUser | null;\n}\n\n/**\n * Base User component that provides the core functionality for displaying user information.\n * This component takes a user object as a prop and uses render props to expose it.\n *\n * @remarks This is the base component that can be used in any context where you have\n * a user object available. For React applications, use the User component which\n * automatically retrieves the user from ThunderID context.\n *\n * @example\n * ```tsx\n * import { BaseUser } from '@thunderid/auth-react';\n *\n * const MyComponent = ({ user }) => {\n *   return (\n *     <BaseUser user={user} fallback={<p>No user data</p>}>\n *       {(user) => (\n *         <div>\n *           <h1>Welcome, {user.displayName}!</h1>\n *           <p>Email: {user.email}</p>\n *         </div>\n *       )}\n *     </BaseUser>\n *   );\n * }\n * ```\n */\nconst BaseUser: FC<BaseUserProps> = ({user, children, fallback = null}: BaseUserProps): ReactElement => {\n  if (!user) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children(user)}</>;\n};\n\nBaseUser.displayName = 'BaseUser';\n\nexport default BaseUser;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAMA,YAA+B,EAAC,MAAM,UAAU,WAAW,WAAuC;AACtG,KAAI,CAAC,KACH,QAAO,0CAAG,WAAY;AAGxB,QAAO,0CAAG,SAAS,KAAK,GAAI;;AAG9B,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/components/presentation/User/User.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/User/User.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,IAAI,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAClD,OAAiB,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGnD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IAC5D;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAQvB,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/components/presentation/User/User.js

@@ -1,43 +0,0 @@
-import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
-import BaseUser_default from "./BaseUser.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/User/User.tsx
-/**
-* A component that uses render props to expose the authenticated user object.
-* This component automatically retrieves the user from ThunderID context.
-*
-* @remarks This component is only supported in browser based React applications (CSR).
-*
-* @example
-* ```tsx
-* import { IUser } from '@thunderid/auth-react';
-*
-* const App = () => {
-*   return (
-*     <User fallback={<p>Please sign in</p>}>
-*       {(user) => (
-*         <div>
-*           <h1>Welcome, {user.displayName}!</h1>
-*           <p>Email: {user.email}</p>
-*         </div>
-*       )}
-*     </User>
-*   );
-* }
-* ```
-*/
-const User = ({ children, fallback = null }) => {
-	const { user } = useThunderID_default();
-	return /* @__PURE__ */ jsx(BaseUser_default, {
-		user,
-		fallback,
-		children
-	});
-};
-User.displayName = "User";
-var User_default = User;
-
-//#endregion
-export { User_default as default };
-//# sourceMappingURL=User.js.map

package/dist/components/presentation/User/User.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"User.js","names":["User: FC<UserProps>","useThunderID","BaseUser"],"sources":["../../../../src/components/presentation/User/User.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {User as IUser} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport BaseUser, {BaseUserProps} from './BaseUser';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the User component.\n * Extends BaseUserProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport interface UserProps extends Omit<BaseUserProps, 'user'> {\n  /**\n   * Render prop that takes the user object and returns a ReactNode.\n   * @param user - The authenticated user object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (user: IUser | null) => ReactNode;\n\n  /**\n   * Optional element to render when no user is signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that uses render props to expose the authenticated user object.\n * This component automatically retrieves the user from ThunderID context.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { IUser } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <User fallback={<p>Please sign in</p>}>\n *       {(user) => (\n *         <div>\n *           <h1>Welcome, {user.displayName}!</h1>\n *           <p>Email: {user.email}</p>\n *         </div>\n *       )}\n *     </User>\n *   );\n * }\n * ```\n */\nconst User: FC<UserProps> = ({children, fallback = null}: UserProps): ReactElement => {\n  const {user} = useThunderID();\n\n  return (\n    <BaseUser user={user} fallback={fallback}>\n      {children}\n    </BaseUser>\n  );\n};\n\nUser.displayName = 'User';\n\nexport default User;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAMA,QAAuB,EAAC,UAAU,WAAW,WAAmC;CACpF,MAAM,EAAC,SAAQC,sBAAc;AAE7B,QACE,oBAACC;EAAe;EAAgB;EAC7B;GACQ;;AAIf,KAAK,cAAc;AAEnB,mBAAe"}

package/dist/components/presentation/UserAvatar/BaseUserAvatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUserAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserAvatar/BaseUserAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AAwBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAa3C,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/components/presentation/UserAvatar/BaseUserAvatar.js

@@ -1,61 +0,0 @@
-import { Avatar } from "../../primitives/Avatar/Avatar.js";
-import { pickAnonymousAvatarName } from "@thunderid/browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/UserAvatar/BaseUserAvatar.tsx
-/**
-* Resolves the profile picture URL from common user claim fields.
-*/
-const resolvePicture = (user) => {
-	for (const key of [
-		"picture",
-		"profileUrl",
-		"profile",
-		"URL",
-		"avatarUrl",
-		"avatar"
-	]) {
-		const val = user[key];
-		if (typeof val === "string" && val) return val;
-	}
-};
-/**
-* Resolves a display name suitable for generating avatar initials.
-*/
-const resolveName = (user) => {
-	const given = user["givenName"] || user["given_name"] || "";
-	const family = user["familyName"] || user["family_name"] || "";
-	if (given && family) return `${given} ${family}`;
-	return user["displayName"] || user["name"] || given || user["username"] || user["email"] || void 0;
-};
-/**
-* Base `UserAvatar` component. Renders an avatar derived from a user object
-* without any context dependency — pass the `user` prop explicitly.
-*
-* For the context-aware version that reads the signed-in user automatically,
-* use `UserAvatar`.
-*
-* @example
-* ```tsx
-* <BaseUserAvatar user={user} size={48} />
-* <BaseUserAvatar user={null} anonymousAvatarSeed={sessionId} size={48} />
-* ```
-*/
-const BaseUserAvatar = ({ user, size = 40, className, anonymousAvatarSeed = void 0 }) => {
-	return /* @__PURE__ */ jsx(Avatar, {
-		imageUrl: useMemo(() => {
-			if (user) return resolvePicture(user);
-			return `avatar:variant=anonymous_animal,content=${pickAnonymousAvatarName(anonymousAvatarSeed)}`;
-		}, [user, anonymousAvatarSeed]),
-		name: user ? resolveName(user) : void 0,
-		size,
-		className
-	});
-};
-BaseUserAvatar.displayName = "BaseUserAvatar";
-var BaseUserAvatar_default = BaseUserAvatar;
-
-//#endregion
-export { BaseUserAvatar_default as default };
-//# sourceMappingURL=BaseUserAvatar.js.map

package/dist/components/presentation/UserAvatar/BaseUserAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUserAvatar.js","names":["val: unknown","given: string","family: string","BaseUserAvatar: FC<BaseUserAvatarProps>"],"sources":["../../../../src/components/presentation/UserAvatar/BaseUserAvatar.tsx"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {pickAnonymousAvatarName, User} from '@thunderid/browser';\nimport {FC, JSX, useMemo} from 'react';\nimport {Avatar} from '../../primitives/Avatar/Avatar';\n\nexport interface BaseUserAvatarProps {\n  /**\n   * Seed used to deterministically pick the anonymous avatar shown when `user` is `null`\n   * (e.g. a session or device identifier, so the same anonymous session keeps the same\n   * avatar across renders). Falls back to a random pick when omitted.\n   */\n  anonymousAvatarSeed?: string;\n  /**\n   * Optional CSS class name for the avatar container.\n   */\n  className?: string;\n  /**\n   * Size of the avatar in pixels.\n   * @default 40\n   */\n  size?: number;\n  /**\n   * The user object. When provided, the avatar derives the image URL and\n   * initials from the user's profile fields automatically. When `null`, a\n   * curated anonymous avatar is shown instead.\n   */\n  user: User | null;\n}\n\n/**\n * Resolves the profile picture URL from common user claim fields.\n */\nconst resolvePicture = (user: User): string | undefined => {\n  for (const key of ['picture', 'profileUrl', 'profile', 'URL', 'avatarUrl', 'avatar']) {\n    const val: unknown = user[key];\n    if (typeof val === 'string' && val) return val;\n  }\n  return undefined;\n};\n\n/**\n * Resolves a display name suitable for generating avatar initials.\n */\nconst resolveName = (user: User): string | undefined => {\n  const given: string = user['givenName'] || user['given_name'] || '';\n  const family: string = user['familyName'] || user['family_name'] || '';\n  if (given && family) return `${given} ${family}`;\n\n  return user['displayName'] || user['name'] || given || user['username'] || user['email'] || undefined;\n};\n\n/**\n * Base `UserAvatar` component. Renders an avatar derived from a user object\n * without any context dependency — pass the `user` prop explicitly.\n *\n * For the context-aware version that reads the signed-in user automatically,\n * use `UserAvatar`.\n *\n * @example\n * ```tsx\n * <BaseUserAvatar user={user} size={48} />\n * <BaseUserAvatar user={null} anonymousAvatarSeed={sessionId} size={48} />\n * ```\n */\nconst BaseUserAvatar: FC<BaseUserAvatarProps> = ({\n  user,\n  size = 40,\n  className,\n  anonymousAvatarSeed = undefined,\n}: BaseUserAvatarProps): JSX.Element => {\n  const imageUrl: string | undefined = useMemo(() => {\n    if (user) return resolvePicture(user);\n    return `avatar:variant=anonymous_animal,content=${pickAnonymousAvatarName(anonymousAvatarSeed)}`;\n  }, [user, anonymousAvatarSeed]);\n  const name: string | undefined = user ? resolveName(user) : undefined;\n\n  return <Avatar imageUrl={imageUrl} name={name} size={size} className={className} />;\n};\n\nBaseUserAvatar.displayName = 'BaseUserAvatar';\n\nexport default BaseUserAvatar;\n"],"mappings":";;;;;;;;;AAkCA,MAAM,kBAAkB,SAAmC;AACzD,MAAK,MAAM,OAAO;EAAC;EAAW;EAAc;EAAW;EAAO;EAAa;EAAS,EAAE;EACpF,MAAMA,MAAe,KAAK;AAC1B,MAAI,OAAO,QAAQ,YAAY,IAAK,QAAO;;;;;;AAQ/C,MAAM,eAAe,SAAmC;CACtD,MAAMC,QAAgB,KAAK,gBAAgB,KAAK,iBAAiB;CACjE,MAAMC,SAAiB,KAAK,iBAAiB,KAAK,kBAAkB;AACpE,KAAI,SAAS,OAAQ,QAAO,GAAG,MAAM,GAAG;AAExC,QAAO,KAAK,kBAAkB,KAAK,WAAW,SAAS,KAAK,eAAe,KAAK,YAAY;;;;;;;;;;;;;;;AAgB9F,MAAMC,kBAA2C,EAC/C,MACA,OAAO,IACP,WACA,sBAAsB,aACgB;AAOtC,QAAO,oBAAC;EAAO,UANsB,cAAc;AACjD,OAAI,KAAM,QAAO,eAAe,KAAK;AACrC,UAAO,2CAA2C,wBAAwB,oBAAoB;KAC7F,CAAC,MAAM,oBAAoB,CAAC;EAGI,MAFF,OAAO,YAAY,KAAK,GAAG;EAEP;EAAiB;GAAa;;AAGrF,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/components/presentation/UserAvatar/UserAvatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,EAAE,EAAM,MAAM,OAAO,CAAC;AAE9B,OAAuB,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACxE;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAGnC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/components/presentation/UserAvatar/UserAvatar.js

@@ -1,34 +0,0 @@
-import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
-import BaseUserAvatar_default from "./BaseUserAvatar.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/UserAvatar/UserAvatar.tsx
-/**
-* Context-aware avatar component. Renders an avatar for the currently
-* signed-in user without requiring an explicit `user` prop.
-*
-* Derives the profile picture and initials from the user's token claims,
-* with graceful fallback to generated initials when no image is available.
-*
-* @example
-* ```tsx
-* // Auto-reads from context
-* <UserAvatar size={48} />
-*
-* // Override with a specific user
-* <UserAvatar user={someUser} size={32} />
-* ```
-*/
-const UserAvatar = ({ user: userProp,...rest }) => {
-	const { user } = useThunderID_default();
-	return /* @__PURE__ */ jsx(BaseUserAvatar_default, {
-		user: userProp ?? user,
-		...rest
-	});
-};
-UserAvatar.displayName = "UserAvatar";
-var UserAvatar_default = UserAvatar;
-
-//#endregion
-export { UserAvatar_default as default };
-//# sourceMappingURL=UserAvatar.js.map

package/dist/components/presentation/UserAvatar/UserAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserAvatar.js","names":["UserAvatar: FC<UserAvatarProps>","useThunderID","BaseUserAvatar"],"sources":["../../../../src/components/presentation/UserAvatar/UserAvatar.tsx"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {User} from '@thunderid/browser';\nimport {FC, JSX} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport BaseUserAvatar, {BaseUserAvatarProps} from './BaseUserAvatar';\n\nexport interface UserAvatarProps extends Omit<BaseUserAvatarProps, 'user'> {\n  /**\n   * Override the user to render. When omitted the signed-in user from\n   * ThunderID context is used automatically.\n   */\n  user?: User | null;\n}\n\n/**\n * Context-aware avatar component. Renders an avatar for the currently\n * signed-in user without requiring an explicit `user` prop.\n *\n * Derives the profile picture and initials from the user's token claims,\n * with graceful fallback to generated initials when no image is available.\n *\n * @example\n * ```tsx\n * // Auto-reads from context\n * <UserAvatar size={48} />\n *\n * // Override with a specific user\n * <UserAvatar user={someUser} size={32} />\n * ```\n */\nconst UserAvatar: FC<UserAvatarProps> = ({user: userProp, ...rest}: UserAvatarProps): JSX.Element => {\n  const {user} = useThunderID();\n  return <BaseUserAvatar user={userProp ?? user} {...rest} />;\n};\n\nUserAvatar.displayName = 'UserAvatar';\n\nexport default UserAvatar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,cAAmC,EAAC,MAAM,SAAU,GAAG,WAAwC;CACnG,MAAM,EAAC,SAAQC,sBAAc;AAC7B,QAAO,oBAACC;EAAe,MAAM,YAAY;EAAM,GAAI;GAAQ;;AAG7D,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/components/presentation/UserDropdown/BaseUserDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUserDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserDropdown/BaseUserDropdown.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAY5D,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC;CACX;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4NtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/presentation/UserDropdown/BaseUserDropdown.js

@@ -1,182 +0,0 @@
-import { css, cx } from "../../../styles/emotion.js";
-import useTheme_default from "../../../contexts/Theme/useTheme.js";
-import Button_default from "../../primitives/Button/Button.js";
-import Typography_default from "../../primitives/Typography/Typography.js";
-import LogOut_default from "../../primitives/Icons/LogOut.js";
-import User_default from "../../primitives/Icons/User.js";
-import getMappedUserProfileValue_default from "../../../utils/getMappedUserProfileValue.js";
-import getDisplayName_default from "../../../utils/getDisplayName.js";
-import { Avatar } from "../../primitives/Avatar/Avatar.js";
-import BaseUserDropdown_styles_default from "./BaseUserDropdown.styles.js";
-import { withVendorCSSClassPrefix } from "@thunderid/browser";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FloatingFocusManager, FloatingPortal, autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
-
-//#region src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-/**
-* BaseUserDropdown component displays a user avatar with a dropdown menu.
-* When clicked, it shows a popover with customizable menu items.
-* This component serves as the base for framework-specific implementations.
-*/
-const BaseUserDropdown = ({ fallback = null, className = "", user, isLoading = false, portalId = "thunderid-user-dropdown", menuItems = [], showTriggerLabel = false, avatarSize = 32, manageProfileLabel = "Manage Profile", onManageProfile, onSignOut, attributeMapping = {} }) => {
-	const { theme, colorScheme } = useTheme_default();
-	const styles = BaseUserDropdown_styles_default(theme, colorScheme);
-	const [isOpen, setIsOpen] = useState(false);
-	const [hoveredItemIndex, setHoveredItemIndex] = useState(null);
-	const { refs, floatingStyles, context } = useFloating({
-		middleware: [
-			offset(5),
-			flip({ fallbackAxisSideDirection: "end" }),
-			shift({ padding: 5 })
-		],
-		onOpenChange: setIsOpen,
-		open: isOpen,
-		placement: "bottom-end",
-		whileElementsMounted: autoUpdate
-	});
-	const { getReferenceProps, getFloatingProps } = useInteractions([
-		useClick(context),
-		useDismiss(context),
-		useRole(context)
-	]);
-	const mergedMappings = Object.fromEntries(Object.entries({
-		email: ["emails"],
-		firstName: ["name.givenName", "given_name"],
-		lastName: ["name.familyName", "family_name"],
-		picture: [
-			"profile",
-			"profileUrl",
-			"picture",
-			"URL"
-		],
-		username: [
-			"userName",
-			"username",
-			"user_name"
-		],
-		...attributeMapping
-	}).filter((entry) => entry[1] !== void 0));
-	if (fallback && !user && !isLoading) return fallback;
-	const handleMenuItemClick = (item) => {
-		if (item.onClick) item.onClick();
-		setIsOpen(false);
-	};
-	const defaultMenuItems = [];
-	if (onManageProfile) defaultMenuItems.push({
-		icon: /* @__PURE__ */ jsx(User_default, {
-			width: "16",
-			height: "16"
-		}),
-		label: manageProfileLabel,
-		onClick: onManageProfile
-	});
-	if (onSignOut) defaultMenuItems.push({
-		icon: /* @__PURE__ */ jsx(LogOut_default, {
-			width: "16",
-			height: "16"
-		}),
-		label: "Sign Out",
-		onClick: onSignOut
-	});
-	const allMenuItems = [...menuItems];
-	if (defaultMenuItems.length > 0) {
-		if (menuItems.length > 0) allMenuItems.push({
-			label: "",
-			onClick: void 0
-		});
-		allMenuItems.push(...defaultMenuItems);
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(withVendorCSSClassPrefix("user-dropdown"), className),
-		children: [/* @__PURE__ */ jsx(Button_default, {
-			ref: refs.setReference,
-			className: cx(withVendorCSSClassPrefix("user-dropdown__trigger"), styles["trigger"]),
-			color: "tertiary",
-			variant: "text",
-			size: "medium",
-			"data-testid": "thunderid-user-dropdown-trigger",
-			startIcon: /* @__PURE__ */ jsx(Avatar, {
-				imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
-				name: getDisplayName_default(mergedMappings, user),
-				size: avatarSize,
-				alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
-			}),
-			...getReferenceProps(),
-			children: showTriggerLabel && /* @__PURE__ */ jsx(Typography_default, {
-				variant: "body2",
-				className: cx(withVendorCSSClassPrefix("user-dropdown__trigger-label"), styles["userName"]),
-				children: getDisplayName_default(mergedMappings, user)
-			})
-		}), isOpen && /* @__PURE__ */ jsx(FloatingPortal, {
-			id: portalId,
-			children: /* @__PURE__ */ jsx(FloatingFocusManager, {
-				context,
-				modal: false,
-				initialFocus: -1,
-				children: /* @__PURE__ */ jsxs("div", {
-					ref: refs.setFloating,
-					className: cx(withVendorCSSClassPrefix("user-dropdown__content"), styles["dropdownContent"], css({
-						...floatingStyles,
-						zIndex: 9999
-					})),
-					...getFloatingProps(),
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: cx(withVendorCSSClassPrefix("user-dropdown__header"), styles["dropdownHeader"]),
-						children: [/* @__PURE__ */ jsx(Avatar, {
-							imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
-							name: getDisplayName_default(mergedMappings, user),
-							size: avatarSize * 1.25,
-							alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
-						}), /* @__PURE__ */ jsxs("div", {
-							className: cx(withVendorCSSClassPrefix("user-dropdown__header-info"), styles["headerInfo"]),
-							children: [/* @__PURE__ */ jsx(Typography_default, {
-								noWrap: true,
-								className: withVendorCSSClassPrefix("user-dropdown__header-name"),
-								variant: "body1",
-								fontWeight: "medium",
-								children: getDisplayName_default(mergedMappings, user)
-							}), /* @__PURE__ */ jsx(Typography_default, {
-								noWrap: true,
-								className: withVendorCSSClassPrefix("user-dropdown__header-email"),
-								variant: "caption",
-								color: "secondary",
-								children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
-							})]
-						})]
-					}), /* @__PURE__ */ jsx("div", {
-						className: cx(withVendorCSSClassPrefix("user-dropdown__menu"), styles["dropdownMenu"]),
-						children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx("div", { children: (() => {
-							if (item.label === "") return /* @__PURE__ */ jsx("div", { className: cx(withVendorCSSClassPrefix("user-dropdown__menu-divider"), styles["divider"]) });
-							if (item.href) return /* @__PURE__ */ jsxs("a", {
-								href: item.href,
-								className: cx(withVendorCSSClassPrefix("user-dropdown__menu-item"), styles["menuItemAnchor"], hoveredItemIndex === index && styles["menuItemHighlighted"]),
-								onMouseEnter: () => setHoveredItemIndex(index),
-								onMouseLeave: () => setHoveredItemIndex(null),
-								onFocus: () => setHoveredItemIndex(index),
-								onBlur: () => setHoveredItemIndex(null),
-								children: [item.icon, /* @__PURE__ */ jsx("span", { children: item.label })]
-							});
-							return /* @__PURE__ */ jsx(Button_default, {
-								onClick: () => handleMenuItemClick(item),
-								className: cx(withVendorCSSClassPrefix("user-dropdown__menu-item"), styles["menuItem"], hoveredItemIndex === index && styles["menuItemHighlighted"]),
-								color: "tertiary",
-								variant: "text",
-								size: "small",
-								startIcon: item.icon,
-								onMouseEnter: () => setHoveredItemIndex(index),
-								onMouseLeave: () => setHoveredItemIndex(null),
-								children: item.label
-							});
-						})() }, index))
-					})]
-				})
-			})
-		})]
-	});
-};
-var BaseUserDropdown_default = BaseUserDropdown;
-
-//#endregion
-export { BaseUserDropdown, BaseUserDropdown_default as default };
-//# sourceMappingURL=BaseUserDropdown.js.map