@oxyhq/services 13.1.7 → 13.3.0

package/lib/commonjs/ui/components/ProfileButton.js

@@ -67,6 +67,12 @@ const prefersReducedMotion = () => {
  *    against the measured trigger, or as a bottom sheet (native).
  *  - **Signed out**: a "Sign in" row that calls `useAuth().signIn()`.
  *
+ * Styling uses react-native `StyleSheet` + the Bloom theme (via `useTheme`) so
+ * the layout renders identically in EVERY consumer — including apps that do not
+ * use NativeWind (e.g. the accounts app). Only the web hover animation keeps
+ * dynamic inline `style` (the CSS transition/transform values), which is what
+ * the `react-native-web-style.d.ts` augmentation exists for.
+ *
  * All display strings resolve through `@oxyhq/core`'s
  * `getAccountDisplayName` / `getAccountFallbackHandle` — no hand-rolled name
  * fallbacks. Avatars pass the bare file id as `source` + `variant="thumb"`, so
@@ -79,6 +85,7 @@ const ProfileButton = ({
   onAddAccount,
   onNavigateProfile,
   onBeforeSessionChange,
+  placement = 'up',
   className,
   style
 }) => {
@@ -120,24 +127,40 @@ const ProfileButton = ({
       setMenuOpen(true);
       return;
     }
-    node.measure((_x, _y, _w, _h, pageX, pageY) => {
+    node.measure((_x, _y, _w, height, pageX, pageY) => {
       if (typeof pageX !== 'number' || typeof pageY !== 'number') {
         setAnchor(null);
       } else {
         // Clamp the panel's left edge inside the viewport gutter.
         const maxLeft = Math.max(VIEWPORT_GUTTER, window.innerWidth - MENU_WIDTH - VIEWPORT_GUTTER);
         const left = Math.min(Math.max(VIEWPORT_GUTTER, pageX), maxLeft);
-        // Anchor the panel's BOTTOM edge just above the trigger top so
-        // the menu opens upward from this footer button.
-        const bottom = Math.max(VIEWPORT_GUTTER, window.innerHeight - pageY + VIEWPORT_GUTTER);
-        setAnchor({
-          left,
-          bottom
-        });
+        // Bottom edge of the trigger in page coordinates. `height` is a
+        // number for host views; guard defensively for non-web shims.
+        const triggerBottom = pageY + (typeof height === 'number' ? height : 0);
+        // Resolve `'auto'` by comparing the room below the trigger with
+        // the room above it; pick whichever direction has more space.
+        const openDown = placement === 'down' || placement === 'auto' && window.innerHeight - triggerBottom > pageY;
+        if (openDown) {
+          // Anchor the panel's TOP edge just below the trigger bottom so
+          // the menu opens downward from a top-of-sidebar trigger.
+          const top = Math.max(VIEWPORT_GUTTER, triggerBottom + VIEWPORT_GUTTER);
+          setAnchor({
+            left,
+            top
+          });
+        } else {
+          // Anchor the panel's BOTTOM edge just above the trigger top so
+          // the menu opens upward from this footer button.
+          const bottom = Math.max(VIEWPORT_GUTTER, window.innerHeight - pageY + VIEWPORT_GUTTER);
+          setAnchor({
+            left,
+            bottom
+          });
+        }
       }
       setMenuOpen(true);
     });
-  }, []);
+  }, [placement]);
   const handleClose = (0, _react.useCallback)(() => {
     setMenuOpen(false);
   }, []);
@@ -150,11 +173,11 @@ const ProfileButton = ({
       accessibilityElementsHidden: true,
       importantForAccessibility: "no-hide-descendants",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "rounded-full bg-secondary",
-        style: {
+        style: [styles.skeletonCircle, {
           width: resolvedAvatarSize,
-          height: resolvedAvatarSize
-        }
+          height: resolvedAvatarSize,
+          backgroundColor: colors.backgroundSecondary
+        }]
       })
     });
   }
@@ -163,26 +186,28 @@ const ProfileButton = ({
   if (!isAuthenticated || !user) {
     const signInLabel = t('common.actions.signIn') || 'Sign in';
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      className: `${expanded ? 'w-full ' : ''}flex-row items-center gap-3 rounded-full px-2 py-2 ${className ?? ''}`,
-      style: style,
+      className: className,
+      style: [styles.row, expanded && styles.rowExpanded, style],
       onPress: () => {
         void signIn();
       },
       accessibilityRole: "button",
       accessibilityLabel: signInLabel,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "items-center justify-center rounded-full bg-secondary",
-        style: {
+        style: [styles.avatarBadge, {
           width: resolvedAvatarSize,
-          height: resolvedAvatarSize
-        },
+          height: resolvedAvatarSize,
+          backgroundColor: colors.backgroundSecondary
+        }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.MaterialCommunityIcons, {
           name: "login",
           size: Math.round(resolvedAvatarSize * 0.5),
           color: colors.icon
         })
       }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-        className: "flex-1 font-semibold text-foreground",
+        style: [styles.signInLabel, {
+          color: colors.text
+        }],
         numberOfLines: 1,
         children: signInLabel
       }) : null]
@@ -231,8 +256,7 @@ const ProfileButton = ({
       style: style,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
         ref: triggerRef,
-        className: "rounded-full",
-        style: collapsedBgStyle,
+        style: [styles.collapsedTrigger, collapsedBgStyle],
         onPress: openMenu,
         accessibilityRole: "button",
         accessibilityLabel: accountLabel,
@@ -261,7 +285,7 @@ const ProfileButton = ({
   // Slide the shrunk avatar left so its visual left edge stays put as it
   // contracts. The avatar loses `size * (1 - scale)` of width; half of that
   // (the left half, since scale is centered) is the offset, plus the row's
-  // left padding (px-2 = 8px) so it hugs the row edge like Bluesky's.
+  // left padding (8px) so it hugs the row edge like Bluesky's.
   const activeAvatarTranslateX = -(resolvedAvatarSize * (1 - ACTIVE_AVATAR_SCALE)) / 2 - 8;
   const rowStyle = isWeb ? {
     backgroundColor: active ? colors.backgroundSecondary : 'transparent',
@@ -300,12 +324,11 @@ const ProfileButton = ({
     transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
   } : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    className: `w-full ${className ?? ''}`,
-    style: style,
+    className: className,
+    style: [styles.fullWidth, style],
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
       ref: triggerRef,
-      className: "w-full flex-row items-center gap-3 rounded-full px-2 py-2",
-      style: rowStyle,
+      style: [styles.row, styles.rowExpanded, rowStyle],
       onPress: openMenu,
       accessibilityRole: "button",
       accessibilityLabel: accountLabel,
@@ -314,14 +337,17 @@ const ProfileButton = ({
         style: avatarWrapperStyle,
         children: avatarNode
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "min-w-0 flex-1",
-        style: identityStyle,
+        style: [styles.identity, identityStyle],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "font-bold text-foreground",
+          style: [styles.displayName, {
+            color: colors.text
+          }],
           numberOfLines: 1,
           children: displayName
         }), handleLine ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "text-xs text-muted-foreground",
+          style: [styles.handle, {
+            color: colors.textSecondary
+          }],
           numberOfLines: 1,
           children: handleLine
         }) : null]
@@ -344,5 +370,55 @@ const ProfileButton = ({
     })]
   });
 };
+const styles = _reactNative.StyleSheet.create({
+  fullWidth: {
+    width: '100%'
+  },
+  // Neutral skeleton / signed-out avatar circle (`rounded-full`).
+  skeletonCircle: {
+    borderRadius: 9999
+  },
+  // Shared trigger row (`flex-row items-center gap-3 rounded-full px-2 py-2`).
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderRadius: 9999,
+    paddingHorizontal: 8,
+    paddingVertical: 8
+  },
+  // `w-full` on the expanded row + its signed-out variant.
+  rowExpanded: {
+    width: '100%'
+  },
+  // Signed-out login badge (`items-center justify-center rounded-full`).
+  avatarBadge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 9999
+  },
+  // Signed-out label (`flex-1 font-semibold`).
+  signInLabel: {
+    flex: 1,
+    fontWeight: '600'
+  },
+  // Collapsed avatar-only trigger (`rounded-full`).
+  collapsedTrigger: {
+    borderRadius: 9999
+  },
+  // Identity block (`min-w-0 flex-1`).
+  identity: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Display name (`font-bold`).
+  displayName: {
+    fontWeight: '700'
+  },
+  // Handle line (`text-xs`).
+  handle: {
+    fontSize: 12
+  }
+});
 var _default = exports.default = ProfileButton;
 //# sourceMappingURL=ProfileButton.js.map

package/lib/commonjs/ui/components/ProfileButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_vectorIcons","_avatar","_typography","_theme","_core","_useAuth","_useI18n","_ProfileMenu","_interopRequireDefault","_jsxRuntime","e","__esModule","default","isWeb","Platform","OS","MENU_WIDTH","VIEWPORT_GUTTER","BG_TRANSITION_MS","AVATAR_TRANSITION_MS","OPACITY_TRANSITION_MS","LEAVE_DELAY_MS","ACTIVE_AVATAR_SCALE","prefersReducedMotion","window","matchMedia","matches","ProfileButton","expanded","avatarSize","onNavigateManage","onAddAccount","onNavigateProfile","onBeforeSessionChange","className","style","user","isAuthenticated","isAuthResolved","isPrivateApiPending","signIn","useAuth","colors","useTheme","t","locale","useI18n","menuOpen","setMenuOpen","useState","anchor","setAnchor","hovered","setHovered","focused","setFocused","triggerRef","useRef","resolvedAvatarSize","openMenu","useCallback","node","current","measure","_x","_y","_w","_h","pageX","pageY","maxLeft","Math","max","innerWidth","left","min","bottom","innerHeight","handleClose","jsx","View","accessibilityElementsHidden","importantForAccessibility","children","width","height","signInLabel","jsxs","Pressable","onPress","accessibilityRole","accessibilityLabel","MaterialCommunityIcons","name","size","round","color","icon","Text","numberOfLines","displayName","getAccountDisplayName","handle","getAccountFallbackHandle","handleLine","avatarNode","Avatar","source","avatar","undefined","variant","active","accountLabel","webInteractionProps","onHoverIn","onHoverOut","onFocus","onBlur","collapsedBgStyle","backgroundColor","backgroundSecondary","transitionProperty","transitionDuration","transitionDelay","ref","open","onClose","reducedMotion","activeAvatarTranslateX","rowStyle","avatarWrapperStyle","zIndex","transform","scale","translateX","identityStyle","marginLeft","opacity","chevronStyle","textSecondary","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_vectorIcons","_avatar","_typography","_theme","_core","_useAuth","_useI18n","_ProfileMenu","_interopRequireDefault","_jsxRuntime","e","__esModule","default","isWeb","Platform","OS","MENU_WIDTH","VIEWPORT_GUTTER","BG_TRANSITION_MS","AVATAR_TRANSITION_MS","OPACITY_TRANSITION_MS","LEAVE_DELAY_MS","ACTIVE_AVATAR_SCALE","prefersReducedMotion","window","matchMedia","matches","ProfileButton","expanded","avatarSize","onNavigateManage","onAddAccount","onNavigateProfile","onBeforeSessionChange","placement","className","style","user","isAuthenticated","isAuthResolved","isPrivateApiPending","signIn","useAuth","colors","useTheme","t","locale","useI18n","menuOpen","setMenuOpen","useState","anchor","setAnchor","hovered","setHovered","focused","setFocused","triggerRef","useRef","resolvedAvatarSize","openMenu","useCallback","node","current","measure","_x","_y","_w","height","pageX","pageY","maxLeft","Math","max","innerWidth","left","min","triggerBottom","openDown","innerHeight","top","bottom","handleClose","jsx","View","accessibilityElementsHidden","importantForAccessibility","children","styles","skeletonCircle","width","backgroundColor","backgroundSecondary","signInLabel","jsxs","Pressable","row","rowExpanded","onPress","accessibilityRole","accessibilityLabel","avatarBadge","MaterialCommunityIcons","name","size","round","color","icon","Text","text","numberOfLines","displayName","getAccountDisplayName","handle","getAccountFallbackHandle","handleLine","avatarNode","Avatar","source","avatar","undefined","variant","active","accountLabel","webInteractionProps","onHoverIn","onHoverOut","onFocus","onBlur","collapsedBgStyle","transitionProperty","transitionDuration","transitionDelay","ref","collapsedTrigger","open","onClose","reducedMotion","activeAvatarTranslateX","rowStyle","avatarWrapperStyle","zIndex","transform","scale","translateX","identityStyle","marginLeft","opacity","chevronStyle","fullWidth","identity","textSecondary","StyleSheet","create","borderRadius","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","justifyContent","flex","fontWeight","minWidth","fontSize","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/ProfileMenu.js

@@ -23,16 +23,20 @@ const isWeb = _reactNative.Platform.OS === 'web';
 const MENU_WIDTH = 300;
 
 /**
- * Web-only anchor. `ProfileButton` measures its trigger and anchors the panel's
- * BOTTOM-LEFT corner so the menu opens UPWARD from the sidebar footer. Native
- * ignores the anchor and docks the panel to the bottom as a sheet.
+ * Web-only anchor. `ProfileButton` measures its trigger and anchors the panel to
+ * one corner so the menu opens either UPWARD (footer trigger) or DOWNWARD (a
+ * trigger at the top of a sidebar). Exactly ONE vertical edge is pinned:
+ *  - `bottom` set → the panel's BOTTOM edge is anchored, so it opens UPWARD.
+ *  - `top` set → the panel's TOP edge is anchored, so it opens DOWNWARD.
+ * Native ignores the anchor and docks the panel to the bottom as a sheet.
  */
 
 /** Everything `ProfileMenuContent` needs, minus the `open` flag (always open). */
 
 /**
- * Clean device-account switcher, modeled on the inbox `AccountMenu` but written
- * fresh with NativeWind classNames + Bloom primitives. Lists every account
+ * Clean device-account switcher, modeled on the inbox `AccountMenu` and styled
+ * with react-native `StyleSheet` + the Bloom theme (via `useTheme`) so it
+ * renders in EVERY consumer regardless of NativeWind. Lists every account
  * signed in on this device (from {@link useDeviceAccounts}); tapping a row
  * switches, and each inactive row carries a sign-out icon. Below the list:
  * Add account, Manage account, optional View profile, and Sign out of all.
@@ -150,8 +154,8 @@ const ProfileMenuContent = ({
   }, [onClose]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      className: "grow-0",
-      contentContainerClassName: "py-1",
+      style: styles.scroll,
+      contentContainerStyle: styles.scrollContent,
       showsVerticalScrollIndicator: false,
       children: [accounts.map(account => {
         const isActive = account.isCurrent;
@@ -165,7 +169,9 @@ const ProfileMenuContent = ({
           },
           onPress: () => handleSwitch(account.sessionId),
           disabled: isActive || isBusy || isSwitching,
-          className: `flex-row items-center gap-3 px-4 py-2.5 ${isActive ? 'bg-secondary' : ''} ${isSwitching && !isActive ? 'opacity-40' : ''}`,
+          style: [styles.accountRow, isActive && {
+            backgroundColor: colors.backgroundSecondary
+          }, isSwitching && !isActive && styles.rowDimmed],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.Avatar, {
             source: account.user.avatar ?? undefined,
             uri: account.avatarUrl,
@@ -173,13 +179,17 @@ const ProfileMenuContent = ({
             name: account.displayName,
             size: isActive ? 40 : 32
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            className: "min-w-0 flex-1",
+            style: styles.accountInfo,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-              className: `text-foreground ${isActive ? 'font-semibold' : 'font-medium'}`,
+              style: [isActive ? styles.accountNameActive : styles.accountName, {
+                color: colors.text
+              }],
               numberOfLines: 1,
               children: account.displayName
             }), account.email ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-              className: "text-xs text-muted-foreground",
+              style: [styles.accountEmail, {
+                color: colors.textSecondary
+              }],
               numberOfLines: 1,
               children: account.email
             }) : null]
@@ -206,7 +216,7 @@ const ProfileMenuContent = ({
               left: 8,
               right: 8
             },
-            className: "h-7 w-7 items-center justify-center rounded-full opacity-60",
+            style: styles.rowSignOutButton,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.MaterialCommunityIcons, {
               name: "logout",
               size: 18,
@@ -215,12 +225,14 @@ const ProfileMenuContent = ({
           })]
         }, `account-${account.sessionId}`);
       }), isSwitching ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "flex-row items-center justify-center gap-2 py-2",
+        style: styles.switchingRow,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           color: colors.textSecondary,
           size: "small"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "text-xs font-medium text-muted-foreground",
+          style: [styles.switchingText, {
+            color: colors.textSecondary
+          }],
           children: t('accountMenu.switching') || 'Switching account…'
         })]
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider.Divider, {
@@ -229,6 +241,7 @@ const ProfileMenuContent = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionRow, {
         icon: "account-plus-outline",
         iconColor: colors.icon,
+        textColor: colors.text,
         label: t('accountMenu.addAnother') || 'Add another account',
         disabled: actionDisabled,
         onPress: () => {
@@ -238,6 +251,7 @@ const ProfileMenuContent = ({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionRow, {
         icon: "cog-outline",
         iconColor: colors.icon,
+        textColor: colors.text,
         label: t('accountMenu.manage') || 'Manage your Oxy Account',
         disabled: actionDisabled,
         onPress: () => {
@@ -247,6 +261,7 @@ const ProfileMenuContent = ({
       }), onNavigateProfile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionRow, {
         icon: "account-outline",
         iconColor: colors.icon,
+        textColor: colors.text,
         label: t('accountMenu.viewProfile') || 'View profile',
         disabled: actionDisabled,
         onPress: () => {
@@ -261,7 +276,7 @@ const ProfileMenuContent = ({
         accessibilityLabel: t('accountMenu.signOutAll') || 'Sign out of all accounts',
         onPress: () => signOutAllDialog.open(),
         disabled: actionDisabled,
-        className: `flex-row items-center gap-3 px-4 py-3 ${actionDisabled ? 'opacity-40' : ''}`,
+        style: [styles.signOutAllRow, actionDisabled && styles.rowDimmed],
         children: [signingOutAll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           color: colors.error,
           size: "small"
@@ -270,10 +285,9 @@ const ProfileMenuContent = ({
           size: 18,
           color: colors.error
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-          className: "font-medium",
-          style: {
+          style: [styles.actionText, {
             color: colors.error
-          },
+          }],
           children: t('accountMenu.signOutAll') || 'Sign out of all accounts'
         })]
       })]
@@ -317,15 +331,24 @@ const ProfileMenu = ({
   const {
     t
   } = (0, _useI18n.useI18n)();
+  const {
+    colors
+  } = (0, _theme.useTheme)();
 
-  // Web: anchor the panel's bottom-left corner to the measured trigger, falling
-  // back to a bottom-left placement when no anchor was captured. Native ignores
-  // this (the panel docks to the bottom via the overlay's flex-end).
+  // Web: anchor the panel to the measured trigger. When the anchor pins `top`
+  // the panel opens DOWNWARD from the trigger; otherwise it pins `bottom` and
+  // opens UPWARD (the default footer behavior). With no anchor captured, fall
+  // back to a bottom-left placement. Native ignores this (the panel docks to
+  // the bottom via the overlay's flex-end).
   const panelAnchorStyle = isWeb ? {
     position: 'absolute',
     width: MENU_WIDTH,
     left: anchor?.left ?? 8,
-    bottom: anchor?.bottom ?? 8
+    ...(typeof anchor?.top === 'number' ? {
+      top: anchor.top
+    } : {
+      bottom: anchor?.bottom ?? 8
+    })
   } : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
     visible: open,
@@ -336,17 +359,17 @@ const ProfileMenu = ({
       accessibilityRole: "button",
       accessibilityLabel: t('common.actions.close') || 'Close',
       onPress: onClose,
-      className: isWeb ? 'flex-1 relative' : 'flex-1 justify-end',
-      style: !isWeb ? styles.nativeScrim : undefined,
+      style: isWeb ? styles.webOverlay : styles.nativeOverlay,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable
       // Swallow taps inside the panel so they never reach the overlay's
       // outside-tap-to-close handler.
       , {
         onPress: () => undefined,
-        className: isWeb ? 'overflow-hidden rounded-2xl border border-border bg-background' : 'overflow-hidden rounded-t-3xl bg-background pb-3',
-        style: [panelAnchorStyle, {
-          maxHeight: '85%'
-        }, styles.shadow],
+        style: [isWeb ? styles.panelWeb : styles.panelNative, {
+          backgroundColor: colors.background
+        }, isWeb && {
+          borderColor: colors.border
+        }, panelAnchorStyle, styles.panelBounds, styles.shadow],
         accessibilityRole: "menu",
         accessibilityLabel: t('accountMenu.label') || 'Account menu',
         children: open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ProfileMenuContent, {
@@ -366,6 +389,7 @@ const ProfileMenu = ({
 const ActionRow = ({
   icon,
   iconColor,
+  textColor,
   label,
   disabled,
   onPress
@@ -374,21 +398,47 @@ const ActionRow = ({
   accessibilityLabel: label,
   onPress: onPress,
   disabled: disabled,
-  className: `flex-row items-center gap-3 px-4 py-3 ${disabled ? 'opacity-40' : ''}`,
+  style: [styles.actionRow, disabled && styles.rowDimmed],
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.MaterialCommunityIcons, {
     name: icon,
     size: 20,
     color: iconColor
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
-    className: "font-medium text-foreground",
+    style: [styles.actionText, {
+      color: textColor
+    }],
     children: label
   })]
 });
-
-// The panel's drop shadow and the native scrim are the only values with no
-// NativeWind class equivalent in this package (dynamic elevation + rgba scrim),
-// so they stay as small inline objects rather than raw class-replaceable styles.
-const styles = {
+const styles = _reactNative.StyleSheet.create({
+  // Overlay (`flex-1 relative` web / `flex-1 justify-end` + scrim native).
+  webOverlay: {
+    flex: 1,
+    position: 'relative'
+  },
+  nativeOverlay: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    backgroundColor: 'rgba(0,0,0,0.32)'
+  },
+  // Panel shell — web popover (`overflow-hidden rounded-2xl border`).
+  panelWeb: {
+    overflow: 'hidden',
+    borderRadius: 16,
+    borderWidth: 1
+  },
+  // Panel shell — native bottom sheet (`overflow-hidden rounded-t-3xl pb-3`).
+  panelNative: {
+    overflow: 'hidden',
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingBottom: 12
+  },
+  // Shared `maxHeight: '85%'` cap applied to both panel variants.
+  panelBounds: {
+    maxHeight: '85%'
+  },
+  // The panel's drop shadow — dynamic elevation with no class equivalent.
   shadow: {
     shadowColor: '#000',
     shadowOpacity: 0.18,
@@ -399,9 +449,83 @@ const styles = {
     },
     elevation: 12
   },
-  nativeScrim: {
-    backgroundColor: 'rgba(0,0,0,0.32)'
+  // Scroll region (`grow-0` + `py-1` content).
+  scroll: {
+    flexGrow: 0
+  },
+  scrollContent: {
+    paddingVertical: 4
+  },
+  // Account row (`flex-row items-center gap-3 px-4 py-2.5`).
+  accountRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 10
+  },
+  // `opacity-40` dim applied to disabled / non-active-while-switching rows.
+  rowDimmed: {
+    opacity: 0.4
+  },
+  // Identity block (`min-w-0 flex-1`).
+  accountInfo: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Inactive account name (`font-medium`).
+  accountName: {
+    fontWeight: '500'
+  },
+  // Active account name (`font-semibold`).
+  accountNameActive: {
+    fontWeight: '600'
+  },
+  // Secondary email line (`text-xs`).
+  accountEmail: {
+    fontSize: 12
+  },
+  // Per-row sign-out button (`h-7 w-7 items-center justify-center rounded-full opacity-60`).
+  rowSignOutButton: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 9999,
+    opacity: 0.6
+  },
+  // Switching indicator (`flex-row items-center justify-center gap-2 py-2`).
+  switchingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    paddingVertical: 8
+  },
+  switchingText: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  // Bottom action rows (`flex-row items-center gap-3 px-4 py-3`).
+  actionRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  // Sign-out-of-all row shares the action-row geometry.
+  signOutAllRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  // Action / sign-out label (`font-medium`).
+  actionText: {
+    fontWeight: '500'
   }
-};
+});
 var _default = exports.default = ProfileMenu;
 //# sourceMappingURL=ProfileMenu.js.map