@thunderid/react 1.4.1 → 1.6.0

package/dist/cjs/components/presentation/UserDropdown/BaseUserDropdown.styles.cjs

@@ -1,204 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_emotion = require('../../../styles/emotion.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/components/presentation/UserDropdown/BaseUserDropdown.styles.ts
-/**
-* Creates styles for the BaseUserDropdown component
-* @param theme - The theme object containing design tokens
-* @param colorScheme - The current color scheme (used for memoization)
-* @returns Object containing CSS class names for component styling
-*/
-const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => {
-	const trigger = require_emotion.css`
-      display: inline-flex;
-      align-items: center;
-      gap: calc(${theme.vars.spacing.unit} * 0.75);
-      padding: calc(${theme.vars.spacing.unit} * 0.5);
-      background: none;
-      border: none;
-      cursor: pointer;
-      border-radius: ${theme.vars.borderRadius.medium};
-      transition: none;
-      box-shadow: none;
-      background-color: transparent;
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.05)"};
-      }
-
-      &:focus {
-        outline: 2px solid ${theme.vars.colors.primary};
-        outline-offset: 2px;
-      }
-
-      &:hover,
-      &:focus,
-      &:active,
-      &:focus-visible {
-        transition: none;
-        box-shadow: none;
-      }
-    `;
-	const userName = require_emotion.css`
-      color: ${theme.vars.colors.text.primary};
-      font-size: 0.875rem;
-      font-weight: 500;
-      max-width: 150px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const dropdownContent = require_emotion.css`
-      background: ${theme.vars.colors.background.surface};
-      border-radius: ${theme.vars.borderRadius.large};
-      box-shadow:
-        0 4px 6px -1px rgba(0, 0, 0, 0.1),
-        0 2px 4px -1px rgba(0, 0, 0, 0.06);
-      border: 1px solid ${theme.vars.colors.border};
-      font-family: ${theme.vars.typography.fontFamily};
-      min-width: 250px;
-      max-width: 600px;
-      z-index: 1000;
-      overflow: hidden;
-    `;
-	const dropdownMenu = require_emotion.css`
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-    `;
-	const menuItemHighlighted = require_emotion.css`
-      background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.05)"};
-    `;
-	const menuItem = require_emotion.css`
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);
-      width: 100%;
-      color: ${theme.vars.colors.text.primary};
-      text-decoration: none;
-      border: none;
-      cursor: pointer;
-      font-size: 0.875rem;
-      text-align: start;
-      border-radius: ${theme.vars.borderRadius.medium};
-      transition: none;
-      box-shadow: none;
-      background: transparent;
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.05)"};
-      }
-
-      &:hover,
-      &:focus,
-      &:active,
-      &:focus-visible {
-        transition: none;
-        box-shadow: none;
-      }
-    `;
-	const menuItemAnchor = require_emotion.css`
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);
-      width: 100%;
-      color: ${theme.vars.colors.text.primary};
-      text-decoration: none;
-      border: none;
-      background: none;
-      cursor: pointer;
-      font-size: 0.875rem;
-      text-align: start;
-      border-radius: ${theme.vars.borderRadius.medium};
-      transition: background-color 0.15s ease-in-out;
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.05)"};
-      }
-    `;
-	const divider = require_emotion.css`
-      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;
-      border-bottom: 1px solid ${theme.vars.colors.border};
-    `;
-	const dropdownHeader = require_emotion.css`
-      display: flex;
-      align-items: center;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 1.5);
-      border-bottom: 1px solid ${theme.vars.colors.border};
-    `;
-	const headerInfo = require_emotion.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} / 4);
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const headerName = require_emotion.css`
-      color: ${theme.vars.colors.text.primary};
-      font-size: 1rem;
-      font-weight: 500;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	return {
-		divider,
-		dropdownContent,
-		dropdownHeader,
-		dropdownMenu,
-		headerEmail: require_emotion.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.875rem;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `,
-		headerInfo,
-		headerName,
-		loadingContainer: require_emotion.css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-height: 80px;
-      gap: ${theme.vars.spacing.unit};
-    `,
-		loadingText: require_emotion.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.875rem;
-    `,
-		menuItem,
-		menuItemAnchor,
-		menuItemHighlighted,
-		trigger,
-		userName
-	};
-}, [
-	theme.vars.colors.background.surface,
-	theme.vars.colors.text.primary,
-	theme.vars.colors.text.secondary,
-	theme.vars.colors.border,
-	theme.vars.colors.primary,
-	theme.vars.colors.action?.hover,
-	theme.vars.borderRadius.medium,
-	theme.vars.borderRadius.large,
-	theme.vars.spacing.unit,
-	theme.vars.typography.fontFamily,
-	colorScheme
-]);
-var BaseUserDropdown_styles_default = useStyles;
-
-//#endregion
-exports.default = BaseUserDropdown_styles_default;
-//# sourceMappingURL=BaseUserDropdown.styles.cjs.map

package/dist/cjs/components/presentation/UserDropdown/BaseUserDropdown.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseUserDropdown.styles.cjs","names":["trigger: string","userName: string","dropdownContent: string","dropdownMenu: string","menuItemHighlighted: string","menuItem: string","menuItemAnchor: string","divider: string","dropdownHeader: string","headerInfo: string","headerName: string"],"sources":["../../../../../src/components/presentation/UserDropdown/BaseUserDropdown.styles.ts"],"sourcesContent":["// Copyright 2025 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\n/**\n * Creates styles for the BaseUserDropdown component\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const trigger: string = css`\n      display: inline-flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} * 0.75);\n      padding: calc(${theme.vars.spacing.unit} * 0.5);\n      background: none;\n      border: none;\n      cursor: pointer;\n      border-radius: ${theme.vars.borderRadius.medium};\n      transition: none;\n      box-shadow: none;\n      background-color: transparent;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.05)'};\n      }\n\n      &:focus {\n        outline: 2px solid ${theme.vars.colors.primary};\n        outline-offset: 2px;\n      }\n\n      &:hover,\n      &:focus,\n      &:active,\n      &:focus-visible {\n        transition: none;\n        box-shadow: none;\n      }\n    `;\n\n    const userName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 0.875rem;\n      font-weight: 500;\n      max-width: 150px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const dropdownContent: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      box-shadow:\n        0 4px 6px -1px rgba(0, 0, 0, 0.1),\n        0 2px 4px -1px rgba(0, 0, 0, 0.06);\n      border: 1px solid ${theme.vars.colors.border};\n      font-family: ${theme.vars.typography.fontFamily};\n      min-width: 250px;\n      max-width: 600px;\n      z-index: 1000;\n      overflow: hidden;\n    `;\n\n    const dropdownMenu: string = css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `;\n\n    const menuItemHighlighted: string = css`\n      background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.05)'};\n    `;\n\n    const menuItem: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);\n      width: 100%;\n      color: ${theme.vars.colors.text.primary};\n      text-decoration: none;\n      border: none;\n      cursor: pointer;\n      font-size: 0.875rem;\n      text-align: start;\n      border-radius: ${theme.vars.borderRadius.medium};\n      transition: none;\n      box-shadow: none;\n      background: transparent;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.05)'};\n      }\n\n      &:hover,\n      &:focus,\n      &:active,\n      &:focus-visible {\n        transition: none;\n        box-shadow: none;\n      }\n    `;\n\n    const menuItemAnchor: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);\n      width: 100%;\n      color: ${theme.vars.colors.text.primary};\n      text-decoration: none;\n      border: none;\n      background: none;\n      cursor: pointer;\n      font-size: 0.875rem;\n      text-align: start;\n      border-radius: ${theme.vars.borderRadius.medium};\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.05)'};\n      }\n    `;\n\n    const divider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const dropdownHeader: string = css`\n      display: flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1.5);\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const headerInfo: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 1rem;\n      font-weight: 500;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerEmail: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const loadingContainer: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 80px;\n      gap: ${theme.vars.spacing.unit};\n    `;\n\n    const loadingText: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n    `;\n\n    return {\n      divider,\n      dropdownContent,\n      dropdownHeader,\n      dropdownMenu,\n      headerEmail,\n      headerInfo,\n      headerName,\n      loadingContainer,\n      loadingText,\n      menuItem,\n      menuItemAnchor,\n      menuItemHighlighted,\n      trigger,\n      userName,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.colors.border,\n    theme.vars.colors.primary,\n    theme.vars.colors.action?.hover,\n    theme.vars.borderRadius.medium,\n    theme.vars.borderRadius.large,\n    theme.vars.spacing.unit,\n    theme.vars.typography.fontFamily,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,aAAa,OAAc,yCACjB;CACZ,MAAMA,UAAkB,mBAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;sBACpB,MAAM,KAAK,QAAQ,KAAK;;;;uBAIvB,MAAM,KAAK,aAAa,OAAO;;;;;;4BAM1B,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;;;6BAIxD,MAAM,KAAK,OAAO,QAAQ;;;;;;;;;;;;CAanD,MAAMC,WAAmB,mBAAG;eACjB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;;;CAS1C,MAAMC,kBAA0B,mBAAG;oBACnB,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;;;;0BAI3B,MAAM,KAAK,OAAO,OAAO;qBAC9B,MAAM,KAAK,WAAW,WAAW;;;;;;CAOlD,MAAMC,eAAuB,mBAAG;;;;;CAMhC,MAAMC,sBAA8B,mBAAG;0BACjB,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;CAG/E,MAAMC,WAAmB,mBAAG;;;;aAInB,MAAM,KAAK,QAAQ,KAAK;sBACf,MAAM,KAAK,QAAQ,KAAK,eAAe,MAAM,KAAK,QAAQ,KAAK;;eAEtE,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;uBAMvB,MAAM,KAAK,aAAa,OAAO;;;;;;4BAM1B,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;;;;;;;;;;CAYjF,MAAMC,iBAAyB,mBAAG;;;;aAIzB,MAAM,KAAK,QAAQ,KAAK;sBACf,MAAM,KAAK,QAAQ,KAAK,eAAe,MAAM,KAAK,QAAQ,KAAK;;eAEtE,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;;uBAOvB,MAAM,KAAK,aAAa,OAAO;;;;4BAI1B,MAAM,KAAK,OAAO,QAAQ,SAAS,sBAAsB;;;CAIjF,MAAMC,UAAkB,mBAAG;qBACV,MAAM,KAAK,QAAQ,KAAK;iCACZ,MAAM,KAAK,OAAO,OAAO;;CAGtD,MAAMC,iBAAyB,mBAAG;;;aAGzB,MAAM,KAAK,QAAQ,KAAK;sBACf,MAAM,KAAK,QAAQ,KAAK;iCACb,MAAM,KAAK,OAAO,OAAO;;CAGtD,MAAMC,aAAqB,mBAAG;;;kBAGhB,MAAM,KAAK,QAAQ,KAAK;;;;;;;CAQtC,MAAMC,aAAqB,mBAAG;eACnB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;;;;AA+B1C,QAAO;EACL;EACA;EACA;EACA;EACA,aA3B0B,mBAAG;eACpB,MAAM,KAAK,OAAO,KAAK,UAAU;;;;;;;EA2B1C;EACA;EACA,kBArB+B,mBAAG;;;;;aAK3B,MAAM,KAAK,QAAQ,KAAK;;EAiB/B,aAd0B,mBAAG;eACpB,MAAM,KAAK,OAAO,KAAK,UAAU;;;EAc1C;EACA;EACA;EACA;EACA;EACD;GACA;CACD,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,OAAO,QAAQ;CAC1B,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,WAAW;CACtB;CACD,CAAC;AAEJ,sCAAe"}

package/dist/cjs/components/presentation/UserDropdown/UserDropdown.cjs

@@ -1,115 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
-const require_UserProfile = require('../UserProfile/UserProfile.cjs');
-const require_BaseUserDropdown = require('./BaseUserDropdown.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/presentation/UserDropdown/UserDropdown.tsx
-/**
-* UserDropdown component displays a user avatar with a dropdown menu.
-* When clicked, it shows a popover with customizable menu items.
-* This component is the React-specific implementation that uses the BaseUserDropdown
-* and automatically retrieves the user data from ThunderID context.
-*
-* Supports render props for complete customization of the dropdown appearance and behavior.
-*
-* @example
-* ```tsx
-* // Basic usage - will use user from ThunderID context
-* <UserDropdown menuItems={[
-*   { label: 'Profile', onClick: () => {} },
-*   { label: 'Settings', href: '/settings' },
-*   { label: 'Sign Out', onClick: () => {} }
-* ]} />
-*
-* // With custom configuration
-* <UserDropdown
-*   showTriggerLabel={true}
-*   avatarSize={40}
-*   fallback={<div>Please sign in</div>}
-* />
-*
-* // Using render props for complete customization
-* <UserDropdown>
-*   {({ user, isLoading, openProfile, signOut }) => (
-*     <div>
-*       <button onClick={openProfile}>
-*         {user?.name || 'Loading...'}
-*       </button>
-*       <button onClick={signOut}>Logout</button>
-*     </div>
-*   )}
-* </UserDropdown>
-*
-* // Using partial render props
-* <UserDropdown
-*   renderTrigger={({ user, openProfile }) => (
-*     <button onClick={openProfile} className="custom-trigger">
-*       Welcome, {user?.name}!
-*     </button>
-*   )}
-* />
-* ```
-*/
-const UserDropdown = ({ children, renderTrigger, renderDropdown, onManageProfile: onManageProfileOverride, onSignOut,...rest }) => {
-	const { user, isLoading, signOut, meta } = require_useThunderID.default();
-	const [isProfileOpen, setIsProfileOpen] = (0, react.useState)(false);
-	const handleManageProfile = () => {
-		if (onManageProfileOverride) {
-			onManageProfileOverride();
-			return;
-		}
-		setIsProfileOpen(true);
-	};
-	const handleSignOut = () => {
-		signOut();
-		if (onSignOut) onSignOut();
-	};
-	const closeProfile = () => {
-		setIsProfileOpen(false);
-	};
-	const renderProps = {
-		closeProfile,
-		isLoading,
-		isProfileOpen,
-		meta,
-		openProfile: handleManageProfile,
-		signOut: handleSignOut,
-		user
-	};
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children(renderProps), !onManageProfileOverride && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
-		mode: "popup",
-		open: isProfileOpen,
-		onOpenChange: setIsProfileOpen
-	})] });
-	if (renderTrigger || renderDropdown) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseUserDropdown.BaseUserDropdown, {
-		user,
-		isLoading,
-		onManageProfile: handleManageProfile,
-		onSignOut: handleSignOut,
-		...rest
-	}), !onManageProfileOverride && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
-		mode: "popup",
-		open: isProfileOpen,
-		onOpenChange: setIsProfileOpen
-	})] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseUserDropdown.BaseUserDropdown, {
-		user,
-		isLoading,
-		onManageProfile: handleManageProfile,
-		onSignOut: handleSignOut,
-		...rest
-	}), !onManageProfileOverride && isProfileOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
-		mode: "popup",
-		open: isProfileOpen,
-		onOpenChange: setIsProfileOpen
-	})] });
-};
-var UserDropdown_default = UserDropdown;
-
-//#endregion
-exports.default = UserDropdown_default;
-//# sourceMappingURL=UserDropdown.cjs.map

package/dist/cjs/components/presentation/UserDropdown/UserDropdown.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserDropdown.cjs","names":["UserDropdown: FC<UserDropdownProps>","useThunderID","renderProps: UserDropdownRenderProps","UserProfile","BaseUserDropdownComponent"],"sources":["../../../../../src/components/presentation/UserDropdown/UserDropdown.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useState} from 'react';\nimport {BaseUserDropdown as BaseUserDropdownComponent, BaseUserDropdownProps} from './BaseUserDropdown';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport UserProfile from '../UserProfile/UserProfile';\n\n/**\n * Render props data passed to the children function\n */\nexport interface UserDropdownRenderProps {\n  /** Function to close the profile dialog */\n  closeProfile: () => void;\n  /** Whether user data is currently loading */\n  isLoading: boolean;\n  /** Whether the profile dialog is currently open */\n  isProfileOpen: boolean;\n  /** Flow metadata returned by the platform (v2 only). `null` while loading or unavailable. */\n  meta: FlowMetadataResponse | null;\n  /** Function to open the user profile dialog */\n  openProfile: () => void;\n  /** Function to sign out the user */\n  signOut: () => void;\n  /** The authenticated user object */\n  user: any;\n}\n\n/**\n * Props for the UserDropdown component.\n * Extends BaseUserDropdownProps but excludes user, onManageProfile, and onSignOut since they're handled internally\n */\nexport type UserDropdownProps = Omit<BaseUserDropdownProps, 'user' | 'onManageProfile'> & {\n  /**\n   * Render prop function that receives user state and actions.\n   * When provided, this completely replaces the default dropdown rendering.\n   */\n  children?: (props: UserDropdownRenderProps) => ReactNode;\n  /**\n   * Called instead of opening the built-in \"Manage Profile\" popup when the \"Manage Profile\"\n   * menu item (see `manageProfileLabel`) is clicked. Use this when the app has its own\n   * profile/account page it wants to navigate to instead, for example with a router's\n   * `navigate()`.\n   *\n   * @example\n   * ```tsx\n   * <UserDropdown manageProfileLabel=\"Manage Account\" onManageProfile={() => navigate('/account')} />\n   * ```\n   */\n  onManageProfile?: () => void;\n  /**\n   * Custom render function for the dropdown content.\n   * When provided, this replaces just the dropdown content while keeping the trigger.\n   */\n  renderDropdown?: (props: UserDropdownRenderProps) => ReactNode;\n  /**\n   * Custom render function for the trigger button.\n   * When provided, this replaces just the trigger button while keeping the dropdown.\n   */\n  renderTrigger?: (props: UserDropdownRenderProps) => ReactNode;\n};\n\n/**\n * UserDropdown component displays a user avatar with a dropdown menu.\n * When clicked, it shows a popover with customizable menu items.\n * This component is the React-specific implementation that uses the BaseUserDropdown\n * and automatically retrieves the user data from ThunderID context.\n *\n * Supports render props for complete customization of the dropdown appearance and behavior.\n *\n * @example\n * ```tsx\n * // Basic usage - will use user from ThunderID context\n * <UserDropdown menuItems={[\n *   { label: 'Profile', onClick: () => {} },\n *   { label: 'Settings', href: '/settings' },\n *   { label: 'Sign Out', onClick: () => {} }\n * ]} />\n *\n * // With custom configuration\n * <UserDropdown\n *   showTriggerLabel={true}\n *   avatarSize={40}\n *   fallback={<div>Please sign in</div>}\n * />\n *\n * // Using render props for complete customization\n * <UserDropdown>\n *   {({ user, isLoading, openProfile, signOut }) => (\n *     <div>\n *       <button onClick={openProfile}>\n *         {user?.name || 'Loading...'}\n *       </button>\n *       <button onClick={signOut}>Logout</button>\n *     </div>\n *   )}\n * </UserDropdown>\n *\n * // Using partial render props\n * <UserDropdown\n *   renderTrigger={({ user, openProfile }) => (\n *     <button onClick={openProfile} className=\"custom-trigger\">\n *       Welcome, {user?.name}!\n *     </button>\n *   )}\n * />\n * ```\n */\nconst UserDropdown: FC<UserDropdownProps> = ({\n  children,\n  renderTrigger,\n  renderDropdown,\n  onManageProfile: onManageProfileOverride,\n  onSignOut,\n  ...rest\n}: UserDropdownProps): ReactElement => {\n  const {user, isLoading, signOut, meta} = useThunderID();\n  const [isProfileOpen, setIsProfileOpen] = useState(false);\n\n  const handleManageProfile = (): void => {\n    if (onManageProfileOverride) {\n      onManageProfileOverride();\n      return;\n    }\n    setIsProfileOpen(true);\n  };\n\n  const handleSignOut = (): void => {\n    signOut();\n    if (onSignOut) {\n      onSignOut();\n    }\n  };\n\n  const closeProfile = (): void => {\n    setIsProfileOpen(false);\n  };\n\n  // Prepare render props data\n  const renderProps: UserDropdownRenderProps = {\n    closeProfile,\n    isLoading: isLoading,\n    isProfileOpen,\n    meta,\n    openProfile: handleManageProfile,\n    signOut: handleSignOut,\n    user,\n  };\n\n  // If children render prop is provided, use it for complete customization\n  if (children) {\n    return (\n      <>\n        {children(renderProps)}\n        {!onManageProfileOverride && <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />}\n      </>\n    );\n  }\n\n  // If partial render props are provided, customize specific parts\n  if (renderTrigger || renderDropdown) {\n    // This would require significant changes to BaseUserDropdown to support partial customization\n    // For now, we'll provide a simple implementation that shows how it could work\n    return (\n      <>\n        {renderTrigger ? (\n          renderTrigger(renderProps)\n        ) : (\n          <BaseUserDropdownComponent\n            user={user}\n            isLoading={isLoading}\n            onManageProfile={handleManageProfile}\n            onSignOut={handleSignOut}\n            {...rest}\n          />\n        )}\n        {/* Note: renderDropdown would need BaseUserDropdown modifications to implement properly */}\n        {!onManageProfileOverride && <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />}\n      </>\n    );\n  }\n\n  // Default behavior - use BaseUserDropdown as before\n  return (\n    <>\n      <BaseUserDropdownComponent\n        user={user}\n        isLoading={isLoading}\n        onManageProfile={handleManageProfile}\n        onSignOut={handleSignOut}\n        {...rest}\n      />\n      {!onManageProfileOverride && isProfileOpen && (\n        <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />\n      )}\n    </>\n  );\n};\n\nexport default UserDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6GA,MAAMA,gBAAuC,EAC3C,UACA,eACA,gBACA,iBAAiB,yBACjB,UACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAM,WAAW,SAAS,SAAQC,8BAAc;CACvD,MAAM,CAAC,eAAe,wCAA6B,MAAM;CAEzD,MAAM,4BAAkC;AACtC,MAAI,yBAAyB;AAC3B,4BAAyB;AACzB;;AAEF,mBAAiB,KAAK;;CAGxB,MAAM,sBAA4B;AAChC,WAAS;AACT,MAAI,UACF,YAAW;;CAIf,MAAM,qBAA2B;AAC/B,mBAAiB,MAAM;;CAIzB,MAAMC,cAAuC;EAC3C;EACW;EACX;EACA;EACA,aAAa;EACb,SAAS;EACT;EACD;AAGD,KAAI,SACF,QACE,qFACG,SAAS,YAAY,EACrB,CAAC,2BAA2B,2CAACC;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAC7G;AAKP,KAAI,iBAAiB,eAGnB,QACE,qFACG,gBACC,cAAc,YAAY,GAE1B,2CAACC;EACO;EACK;EACX,iBAAiB;EACjB,WAAW;EACX,GAAI;GACJ,EAGH,CAAC,2BAA2B,2CAACD;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAC7G;AAKP,QACE,qFACE,2CAACC;EACO;EACK;EACX,iBAAiB;EACjB,WAAW;EACX,GAAI;GACJ,EACD,CAAC,2BAA2B,iBAC3B,2CAACD;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAElF;;AAIP,2BAAe"}