@oxy.so/bloom 4.5.0 → 4.6.1

package/lib/module/menubar/MenubarBase.js

@@ -0,0 +1,146 @@
+"use strict";
+
+/**
+ * The three `Menubar` parts that are the SAME on both platforms.
+ *
+ * A menubar forks in exactly one place — what a menu opens INTO. Native
+ * presents the bottom sheet every Bloom overlay resolves to; web anchors a
+ * `floating/FloatingPanel` under the trigger. The bar itself, the per-menu
+ * state and the trigger are identical, so they live here and each fork
+ * re-exports them rather than keeping a second copy that has to be edited
+ * twice.
+ *
+ * NEUTRAL by construction: everything this module reaches (`floating/*`,
+ * `hooks/*`, `styles/*`, `./context`, `./types`) is fork-free. That is not a
+ * detail — `web-fork-reachability.test.ts` only scans `.web` files, so a
+ * neutral module naming a forked target resolves to NATIVE in every bundler
+ * that is not Metro and no gate would report it.
+ */
+import React, { useMemo, useRef } from 'react';
+import { MENUBAR_CLASS, MENUBAR_TRIGGER_CLASS, MENUBAR_TRIGGER_OPEN_CLASS, MENUBAR_TRIGGER_TEXT_CLASS, MENU_TRIGGER_POPUP } from "../floating/constants.js";
+import { useMenuPalette } from "../floating/menu-palette.js";
+import { menuType } from "../floating/menu-type.js";
+import { cx } from "../floating/shared.js";
+import { TriggerSlot } from "../floating/TriggerSlot.js";
+import { useMenuFocusIntent, useMenuTriggerKeys } from "../floating/menu-keyboard.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { StyledText, StyledView } from "../styles/styled-primitives.js";
+import { MenubarMenuProvider, MenubarProvider, useMenubar, useMenubarMenu } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Menubar({
+  children,
+  value,
+  defaultValue,
+  onValueChange,
+  label = 'Menu bar',
+  className,
+  style,
+  testID
+}) {
+  const [openValue, setValue] = useControllableState({
+    value,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const context = useMemo(() => ({
+    value: openValue,
+    setValue
+  }), [openValue, setValue]);
+  const palette = useMenuPalette();
+  const barPaint = {
+    backgroundColor: palette.trigger.background,
+    borderColor: palette.trigger.border,
+    boxShadow: palette.trigger.shadow
+  };
+  return /*#__PURE__*/_jsx(MenubarProvider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(StyledView, {
+      role: "menubar",
+      "aria-label": label,
+      testID: testID,
+      className: cx(MENUBAR_CLASS, className),
+      style: [barPaint, style],
+      children: children
+    })
+  });
+}
+export function MenubarMenu({
+  children,
+  value
+}) {
+  const bar = useMenubar();
+  const anchorRef = useRef(null);
+  const {
+    setValue
+  } = bar;
+  const focusIntent = useMenuFocusIntent();
+  const context = useMemo(() => ({
+    open: bar.value === value,
+    setOpen: next => setValue(next ? value : undefined),
+    anchorRef,
+    focusIntent
+  }), [bar.value, value, setValue, focusIntent]);
+  return /*#__PURE__*/_jsx(MenubarMenuProvider, {
+    value: context,
+    children: children
+  });
+}
+export function MenubarTrigger({
+  children,
+  asChild,
+  disabled,
+  label,
+  className,
+  style,
+  testID
+}) {
+  const menu = useMenubarMenu();
+  const palette = useMenuPalette();
+  // Web: Enter/Space/ArrowDown open into the first row, ArrowUp into the last,
+  // and focus returns here on close (`floating/menu-keyboard.ts`). Inert on
+  // native, where there is no DOM node to listen on.
+  useMenuTriggerKeys(menu.anchorRef, {
+    open: menu.open,
+    setOpen: menu.setOpen,
+    disabled,
+    intent: menu.focusIntent
+  });
+
+  // `flex items-center rounded-md px-2 py-1.5`, plus `bg-accent` while its menu
+  // is open, and `text-sm font-medium` for the label. A menubar trigger is a
+  // BUTTON with chrome of its own, not a bare hit box — leaving it unstyled is
+  // why a Bloom menubar read as loose text against a pill-per-menu bar. The
+  // same chrome on both platforms, so the bar reads identically. `asChild`
+  // still hands the whole thing to the caller.
+  const trigger = /*#__PURE__*/_jsx(StyledView, {
+    className: cx(MENUBAR_TRIGGER_CLASS, menu.open && MENUBAR_TRIGGER_OPEN_CLASS, className),
+    style: {
+      backgroundColor: menu.open ? palette.rowHighlight : 'transparent'
+    },
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(StyledText, {
+      className: MENUBAR_TRIGGER_TEXT_CLASS
+      // `text-body-medium text-text-primary`, in Inter.
+      ,
+      style: [menuType('body-medium'), {
+        color: palette.text
+      }],
+      children: children
+    }) : children
+  });
+  return /*#__PURE__*/_jsx(TriggerSlot, {
+    asChild: asChild,
+    anchorRef: menu.anchorRef,
+    style: style,
+    testID: testID,
+    handle: {
+      onPress: () => menu.setOpen(!menu.open),
+      disabled,
+      accessibilityLabel: label,
+      accessibilityRole: 'button',
+      'aria-haspopup': MENU_TRIGGER_POPUP,
+      'aria-expanded': menu.open
+    },
+    children: asChild ? children : trigger
+  });
+}
+//# sourceMappingURL=MenubarBase.js.map

package/lib/module/menubar/MenubarBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useRef","MENUBAR_CLASS","MENUBAR_TRIGGER_CLASS","MENUBAR_TRIGGER_OPEN_CLASS","MENUBAR_TRIGGER_TEXT_CLASS","MENU_TRIGGER_POPUP","useMenuPalette","menuType","cx","TriggerSlot","useMenuFocusIntent","useMenuTriggerKeys","useControllableState","StyledText","StyledView","MenubarMenuProvider","MenubarProvider","useMenubar","useMenubarMenu","jsx","_jsx","Menubar","children","value","defaultValue","onValueChange","label","className","style","testID","openValue","setValue","onChange","context","palette","barPaint","backgroundColor","trigger","background","borderColor","border","boxShadow","shadow","role","MenubarMenu","bar","anchorRef","focusIntent","open","setOpen","next","undefined","MenubarTrigger","asChild","disabled","menu","intent","rowHighlight","color","text","handle","onPress","accessibilityLabel","accessibilityRole"],"sourceRoot":"../../../src","sources":["menubar/MenubarBase.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/menubar/index.web.js

@@ -1,4 +1,9 @@
 "use strict";
 
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/menubar/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarGroup, MenubarSub, MenubarSubTrigger, MenubarSubContent } from "./Menubar.web.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/menubar/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Menubar","MenubarMenu","MenubarTrigger","MenubarContent","MenubarItem","MenubarCheckboxItem","MenubarRadioGroup","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarGroup","MenubarSub","MenubarSubTrigger","MenubarSubContent"],"sourceRoot":"../../../src","sources":["menubar/index.web.ts"],"mappings":";;AAAA,SACEA,OAAO,EACPC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,WAAW,EACXC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,gBAAgB,EAChBC,eAAe,EACfC,YAAY,EACZC,UAAU,EACVC,iBAAiB,EACjBC,iBAAiB,QACZ,kBAAe","ignoreList":[]}
+{"version":3,"names":["Menubar","MenubarMenu","MenubarTrigger","MenubarContent","MenubarItem","MenubarCheckboxItem","MenubarRadioGroup","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarGroup","MenubarSub","MenubarSubTrigger","MenubarSubContent"],"sourceRoot":"../../../src","sources":["menubar/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SACEA,OAAO,EACPC,WAAW,EACXC,cAAc,EACdC,cAAc,EACdC,WAAW,EACXC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,gBAAgB,EAChBC,eAAe,EACfC,YAAY,EACZC,UAAU,EACVC,iBAAiB,EACjBC,iBAAiB,QACZ,kBAAe","ignoreList":[]}

package/lib/module/motion/index.web.js

@@ -1,10 +1,10 @@
 "use strict";
 
-/**
- * Web variant of the `motion` barrel. Only the three layout-animation presets
- * fork — see `motion.web.ts` for why. `ScreenTransition` is universal: it already
- * branches on `Platform.OS` internally.
- */
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/motion/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { ScaleAndFadeIn, ScaleAndFadeOut, ShrinkAndPop } from "./motion.web.js";
 export { ScreenTransition } from "./ScreenTransition.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/motion/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScaleAndFadeIn","ScaleAndFadeOut","ShrinkAndPop","ScreenTransition"],"sourceRoot":"../../../src","sources":["motion/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,cAAc,EAAEC,eAAe,EAAEC,YAAY,QAAQ,iBAAc;AAC5E,SAASC,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}
+{"version":3,"names":["ScaleAndFadeIn","ScaleAndFadeOut","ShrinkAndPop","ScreenTransition"],"sourceRoot":"../../../src","sources":["motion/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,EAAEC,eAAe,EAAEC,YAAY,QAAQ,iBAAc;AAC5E,SAASC,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/popover/index.web.js

@@ -1,5 +1,10 @@
 "use strict";
 
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/popover/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { Popover, PopoverTrigger, PopoverContent } from "./Popover.web.js";
 export { PopoverHeader, PopoverTitle, PopoverDescription, PopoverFooter, PopoverSeparator } from "./parts.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/popover/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Popover","PopoverTrigger","PopoverContent","PopoverHeader","PopoverTitle","PopoverDescription","PopoverFooter","PopoverSeparator"],"sourceRoot":"../../../src","sources":["popover/index.web.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,kBAAe;AACvE,SACEC,aAAa,EACbC,YAAY,EACZC,kBAAkB,EAClBC,aAAa,EACbC,gBAAgB,QACX,YAAS","ignoreList":[]}
+{"version":3,"names":["Popover","PopoverTrigger","PopoverContent","PopoverHeader","PopoverTitle","PopoverDescription","PopoverFooter","PopoverSeparator"],"sourceRoot":"../../../src","sources":["popover/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,kBAAe;AACvE,SACEC,aAAa,EACbC,YAAY,EACZC,kBAAkB,EAClBC,aAAa,EACbC,gBAAgB,QACX,YAAS","ignoreList":[]}

package/lib/module/popover/parts.js

@@ -8,25 +8,79 @@
  * header/footer `px-2` is measured against — 18px from the panel edge on every
  * side ("panel p-2.5 + row px-2").
  *
- *   PopoverHeader       flex items-center gap-2 px-2 pt-1         (dashboard team menu)
+ *   PopoverHeader       flex items-center gap-2 px-2 pt-1         (sidebar team menu)
  *   PopoverTitle        text-body-medium text-text-primary        (secondary: group label)
  *   PopoverDescription  text-body-regular text-text-secondary
- *   PopoverFooter       flex items-center gap-3 px-2 pb-2         (user menu actions)
+ *   PopoverFooter       flex items-center gap-3 px-2 pb-2         (sidebar user menu actions)
  *   PopoverSeparator    -mx-2.5 my-2.5 h-px bg-border-button-default
  *
  * Popovers have no close button and no arrow, so neither is a part.
  *
- * Colours are resolved inline from `menu-palette.ts`; a text colour default is
- * applied only when the caller passes no `className`, so a `text-*` utility is
- * never outranked (AGENTS.md, "Style and `className`").
+ * ── HOW A CALLER'S CLASS STILL WINS ─────────────────────────────────────────
+ *
+ * Every default here is INLINE, because the colours are ramp stops that exist
+ * as no CSS variable and the geometry has to agree with them. But an inline
+ * style beats ANY class on web, so a naive inline default silently outranks
+ * whatever the caller passes: `<PopoverSeparator className="bg-red-500" />`
+ * painted the palette colour, and `<PopoverHeader className="px-4" />` kept
+ * its 8px.
+ *
+ * So each part omits exactly the properties the caller's utilities NAME, using
+ * the same token scan the panel uses (`classChromeOverrides` in `surface.ts`).
+ * The parts previously used an all-or-nothing guard instead — drop the colour
+ * default if ANY `className` is present — which failed in the other direction:
+ * `<PopoverTitle className="mt-1">` lost its colour entirely.
+ *
+ * The trade-off is real and the panel already made it: on a web build whose
+ * Tailwind/NativeWind pipeline is not wired (`AGENTS.md`, "Consumer web CSS
+ * pipeline"), a named property falls back to NOTHING rather than to the
+ * default. A caller who names it is asking to own it.
  */
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useMenuPalette } from "../floating/menu-palette.js";
 import { StyledView } from "../styles/styled-primitives.js";
 import { Text } from "../typography/index.js";
-import { POPOVER_PADDING } from "./surface.js";
+import { classChromeOverrides, POPOVER_PADDING } from "./surface.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `base` minus the properties the caller's `className` claims.
+ *
+ * It walks BASE, not the map: a property with no chrome key is one no utility
+ * can name, so it is always kept. Walking the map instead would silently drop
+ * whatever was added to a part's stylesheet without being classified — the
+ * failure would be a missing default, with nothing to report it.
+ */
+function kept(base, owned) {
+  if (owned.size === 0) return base;
+  const out = {};
+  for (const [property, value] of Object.entries(base)) {
+    const key = PROPERTY_KEY[property];
+    if (key === undefined || !owned.has(key)) {
+      Object.assign(out, {
+        [property]: value
+      });
+    }
+  }
+  return out;
+}
+
+/** Which chrome key each style property belongs to. */
+const PROPERTY_KEY = {
+  flexDirection: 'flexDirection',
+  alignItems: 'alignItems',
+  gap: 'gap',
+  paddingLeft: 'paddingLeft',
+  paddingRight: 'paddingRight',
+  paddingTop: 'paddingTop',
+  paddingBottom: 'paddingBottom',
+  marginLeft: 'marginLeft',
+  marginRight: 'marginRight',
+  marginTop: 'marginTop',
+  marginBottom: 'marginBottom',
+  height: 'height',
+  backgroundColor: 'background'
+};
 export function PopoverHeader({
   leading,
   children,
@@ -34,9 +88,10 @@ export function PopoverHeader({
   style,
   testID
 }) {
+  const owned = classChromeOverrides(className);
   return /*#__PURE__*/_jsxs(StyledView, {
     className: className,
-    style: [styles.header, style],
+    style: [kept(styles.header, owned), style],
     testID: testID,
     children: [leading ? /*#__PURE__*/_jsx(View, {
       style: styles.leading,
@@ -61,7 +116,7 @@ export function PopoverTitle({
     variant: "body-medium",
     numberOfLines: numberOfLines,
     className: className,
-    style: [className ? null : {
+    style: [classChromeOverrides(className).has('color') ? null : {
       color
     }, style],
     testID: testID,
@@ -80,7 +135,7 @@ export function PopoverDescription({
     variant: "body-regular",
     numberOfLines: numberOfLines,
     className: className,
-    style: [className ? null : {
+    style: [classChromeOverrides(className).has('color') ? null : {
       color: palette.textSecondary
     }, style],
     testID: testID,
@@ -93,9 +148,10 @@ export function PopoverFooter({
   style,
   testID
 }) {
+  const owned = classChromeOverrides(className);
   return /*#__PURE__*/_jsx(StyledView, {
     className: className,
-    style: [styles.footer, style],
+    style: [kept(styles.footer, owned), style],
     testID: testID,
     children: children
   });
@@ -106,14 +162,16 @@ export function PopoverSeparator({
   testID
 }) {
   const palette = useMenuPalette();
+  const owned = classChromeOverrides(className);
   return /*#__PURE__*/_jsx(StyledView
   // Decorative: the sections it divides are announced on their own.
   , {
     "aria-hidden": true,
     className: className,
-    style: [styles.separator, {
+    style: [kept({
+      ...styles.separator,
       backgroundColor: palette.border
-    }, style],
+    }, owned), style],
     testID: testID
   });
 }

package/lib/module/popover/parts.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useMenuPalette","StyledView","Text","POPOVER_PADDING","jsx","_jsx","jsxs","_jsxs","PopoverHeader","leading","children","className","style","testID","styles","header","headerText","PopoverTitle","tone","numberOfLines","palette","color","textSecondary","text","variant","PopoverDescription","PopoverFooter","footer","PopoverSeparator","separator","backgroundColor","border","create","flexDirection","alignItems","gap","paddingLeft","paddingRight","paddingTop","flexShrink","minWidth","justifyContent","paddingBottom","height","marginLeft","marginRight","marginTop","marginBottom"],"sourceRoot":"../../../src","sources":["popover/parts.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useMenuPalette","StyledView","Text","classChromeOverrides","POPOVER_PADDING","jsx","_jsx","jsxs","_jsxs","kept","base","owned","size","out","property","value","Object","entries","key","PROPERTY_KEY","undefined","has","assign","flexDirection","alignItems","gap","paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","height","backgroundColor","PopoverHeader","leading","children","className","style","testID","styles","header","headerText","PopoverTitle","tone","numberOfLines","palette","color","textSecondary","text","variant","PopoverDescription","PopoverFooter","footer","PopoverSeparator","separator","border","create","flexShrink","minWidth","justifyContent"],"sourceRoot":"../../../src","sources":["popover/parts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/popover/surface.js

@@ -3,9 +3,8 @@
 /**
  * The popover PANEL — Bloom's one floating surface, resolved to inline style.
  *
- * Every floating panel (`dropdown/menu-styles.ts`'s `MENU_POPOVER_SURFACE`, the
- * dashboard team/user menus, the calendar inbox menu, the ai-chat menus) spells
- * the same class string:
+ * Every floating panel in the fleet — the sidebar team and user menus, the
+ * calendar inbox menu, the ai-chat menus — spells the same class string:
  *
  *   w-[266px] max-w-[calc(100vw-32px)] overflow-y-auto
  *   rounded-2xl border border-border-button-default
@@ -32,7 +31,7 @@
  * `style` still comes last and overrides everything.
  */
 
-/** `w-[266px]` — `MENU_POPOVER_WIDTH`. */
+/** `w-[266px]` — the one panel width every floating surface shares. */
 export const POPOVER_WIDTH = 266;
 /** `rounded-2xl`. */
 export const POPOVER_RADIUS = 16;
@@ -44,18 +43,46 @@ export const POPOVER_VIEWPORT_INSET = 32;
 export const POPOVER_SIDE_OFFSET = 8;
 const BORDER_WIDTH = /^border(-[xytrblse])?(-\d+(\.\d+)?|-\[[^\]]+px\])?$/;
 
+/**
+ * The sides a spacing utility's axis letter claims. `p-4` has no letter and
+ * claims all four; `px`/`py` are the pairs; `pt`/`pb`/`pl`/`pr` are single
+ * sides. `ps`/`pe` are the LOGICAL start and end — one side each, not the
+ * pair — which react-native-web resolves to left and right in an LTR
+ * document. Treating them as the pair would drop a default the caller never
+ * asked to own.
+ */
+function sidesOf(letter, property) {
+  const sides = letter === undefined ? ['Top', 'Bottom', 'Left', 'Right'] : letter === 'x' ? ['Left', 'Right'] : letter === 'y' ? ['Top', 'Bottom'] : letter === 't' ? ['Top'] : letter === 'b' ? ['Bottom'] : letter === 'l' || letter === 's' ? ['Left'] : letter === 'r' || letter === 'e' ? ['Right'] : [];
+  return sides.map(side => `${property}${side}`);
+}
+
 /**
  * Which chrome properties a caller's utility classes set. Variants (`dark:`,
  * `md:`, `hover:`), the important `!` and a negative `-` are stripped first, so
  * `md:!p-0` counts as padding.
+ *
+ * Padding and margin are claimed PER SIDE, because the utilities are: `px-4`
+ * names left and right and says nothing about the top, so a part that also
+ * sets `paddingTop` must keep it. Treating them as one key dropped a header's
+ * `pt-1` for a caller who only asked for wider sides.
+ *
+ * `text-*` is counted as a COLOUR, including the size steps (`text-sm`). That
+ * is deliberately imprecise: telling `text-sm` from `text-red-500` means
+ * knowing the consumer's palette, and the alternative the parts used before
+ * this — drop the colour default whenever ANY `className` is passed — is
+ * strictly worse, since it loses the colour to an unrelated `mt-1`.
  */
 export function classChromeOverrides(className) {
   const keys = new Set();
   if (!className) return keys;
+  let spacing;
   for (const raw of className.split(/\s+/)) {
     if (!raw) continue;
     const token = raw.slice(raw.lastIndexOf(':') + 1).replace(/^!/, '').replace(/^-/, '');
-    if (/^(w|size)-/.test(token)) keys.add('width');else if (/^max-w-/.test(token)) keys.add('maxWidth');else if (/^p[xytrblse]?-/.test(token)) keys.add('padding');else if (/^rounded(-|$)/.test(token)) keys.add('radius');else if (BORDER_WIDTH.test(token)) keys.add('borderWidth');else if (/^border-/.test(token)) keys.add('borderColor');else if (/^bg-/.test(token)) keys.add('background');else if (/^shadow(-|$)/.test(token)) keys.add('shadow');else if (/^overflow-/.test(token)) keys.add('overflow');
+    if (/^(w|size)-/.test(token)) keys.add('width');else if (/^max-w-/.test(token)) keys.add('maxWidth');else if (spacing = /^([pm])([xytrbles])?-/.exec(token)) {
+      const property = spacing[1] === 'p' ? 'padding' : 'margin';
+      for (const key of sidesOf(spacing[2], property)) keys.add(key);
+    } else if (/^rounded(-|$)/.test(token)) keys.add('radius');else if (BORDER_WIDTH.test(token)) keys.add('borderWidth');else if (/^border-/.test(token)) keys.add('borderColor');else if (/^bg-/.test(token)) keys.add('background');else if (/^shadow(-|$)/.test(token)) keys.add('shadow');else if (/^overflow-/.test(token)) keys.add('overflow');else if (/^text-/.test(token)) keys.add('color');else if (/^gap(-|$)/.test(token)) keys.add('gap');else if (/^h-/.test(token)) keys.add('height');else if (/^flex-(row|col)/.test(token)) keys.add('flexDirection');else if (/^items-/.test(token)) keys.add('alignItems');
   }
   return keys;
 }
@@ -72,14 +99,13 @@ export function resolvePopoverSurfaceStyle(palette, overridden, viewportWidth) {
   if (!overridden.has('maxWidth') && viewportWidth !== undefined) {
     style.maxWidth = Math.max(0, viewportWidth - POPOVER_VIEWPORT_INSET);
   }
-  if (!overridden.has('padding')) {
-    // Longhands: a caller's `style` override of one side must not lose to a
-    // shorthand react-native-web ranks above it (AGENTS.md, "Style").
-    style.paddingTop = POPOVER_PADDING;
-    style.paddingBottom = POPOVER_PADDING;
-    style.paddingLeft = POPOVER_PADDING;
-    style.paddingRight = POPOVER_PADDING;
-  }
+  // Longhands, one side at a time: a caller's `style` override of one side must
+  // not lose to a shorthand react-native-web ranks above it (AGENTS.md,
+  // "Style"), and a caller who writes `px-4` is claiming the sides, not the top.
+  if (!overridden.has('paddingTop')) style.paddingTop = POPOVER_PADDING;
+  if (!overridden.has('paddingBottom')) style.paddingBottom = POPOVER_PADDING;
+  if (!overridden.has('paddingLeft')) style.paddingLeft = POPOVER_PADDING;
+  if (!overridden.has('paddingRight')) style.paddingRight = POPOVER_PADDING;
   if (!overridden.has('radius')) style.borderRadius = POPOVER_RADIUS;
   if (!overridden.has('borderWidth')) style.borderWidth = 1;
   if (!overridden.has('borderColor')) style.borderColor = palette.border;

package/lib/module/popover/surface.js.map

@@ -1 +1 @@
-{"version":3,"names":["POPOVER_WIDTH","POPOVER_RADIUS","POPOVER_PADDING","POPOVER_VIEWPORT_INSET","POPOVER_SIDE_OFFSET","BORDER_WIDTH","classChromeOverrides","className","keys","Set","raw","split","token","slice","lastIndexOf","replace","test","add","resolvePopoverSurfaceStyle","palette","overridden","viewportWidth","style","has","width","undefined","maxWidth","Math","max","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderWidth","borderColor","border","backgroundColor","surface","boxShadow","shadow","overflow"],"sourceRoot":"../../../src","sources":["popover/surface.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["POPOVER_WIDTH","POPOVER_RADIUS","POPOVER_PADDING","POPOVER_VIEWPORT_INSET","POPOVER_SIDE_OFFSET","BORDER_WIDTH","sidesOf","letter","property","sides","undefined","map","side","classChromeOverrides","className","keys","Set","spacing","raw","split","token","slice","lastIndexOf","replace","test","add","exec","key","resolvePopoverSurfaceStyle","palette","overridden","viewportWidth","style","has","width","maxWidth","Math","max","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderWidth","borderColor","border","backgroundColor","surface","boxShadow","shadow","overflow"],"sourceRoot":"../../../src","sources":["popover/surface.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/portal/index.web.js

@@ -1,4 +1,9 @@
 "use strict";
 
-export { Portal, PortalProvider, PortalOutlet } from "./Portal.web.js";
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/portal/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
+export { PortalProvider, PortalOutlet, Portal } from "./Portal.web.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/portal/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Portal","PortalProvider","PortalOutlet"],"sourceRoot":"../../../src","sources":["portal/index.web.ts"],"mappings":";;AAAA,SACEA,MAAM,EACNC,cAAc,EACdC,YAAY,QACP,iBAAc","ignoreList":[]}
+{"version":3,"names":["PortalProvider","PortalOutlet","Portal"],"sourceRoot":"../../../src","sources":["portal/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SACEA,cAAc,EACdC,YAAY,EACZC,MAAM,QACD,iBAAc","ignoreList":[]}

package/lib/module/progressive-blur/index.web.js

@@ -1,4 +1,9 @@
 "use strict";
 
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/progressive-blur/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { ProgressiveBlur } from "./ProgressiveBlur.web.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/progressive-blur/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProgressiveBlur"],"sourceRoot":"../../../src","sources":["progressive-blur/index.web.ts"],"mappings":";;AACA,SACEA,eAAe,QACV,0BAAuB","ignoreList":[]}
+{"version":3,"names":["ProgressiveBlur"],"sourceRoot":"../../../src","sources":["progressive-blur/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAGA,SACEA,eAAe,QACV,0BAAuB","ignoreList":[]}

package/lib/module/scroll/index.web.js

@@ -1,5 +1,10 @@
 "use strict";
 
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/scroll/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { ScrollRestorationProvider } from "./context.js";
 export { useScrollRestoration } from "./use-scroll-restoration.web.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/scroll/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollRestorationProvider","useScrollRestoration"],"sourceRoot":"../../../src","sources":["scroll/index.web.ts"],"mappings":";;AAAA,SAASA,yBAAyB,QAAQ,cAAW;AACrD,SAASC,oBAAoB,QAAQ,iCAA8B","ignoreList":[]}
+{"version":3,"names":["ScrollRestorationProvider","useScrollRestoration"],"sourceRoot":"../../../src","sources":["scroll/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,QAAQ,cAAW;AACrD,SAASC,oBAAoB,QAAQ,iCAA8B","ignoreList":[]}

package/lib/module/segmented-control/SegmentedControl.js

@@ -12,6 +12,8 @@ import { useInteractionState } from "../hooks/use-interaction-state.js";
 import { borderRadius, DISABLED_OPACITY } from "../styles/tokens.js";
 import { NOT_DISABLED, interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
 import { useFieldMembership } from "../field/membership.js";
+import { handleRovingKeyDown, useRovingTabIndex } from "../hooks/roving-focus.js";
+import { webDataSet } from "../styles/web-data.js";
 
 /**
  * A segmented control using Bloom's canonical surface and text roles.
@@ -86,6 +88,13 @@ function resolveSegmentedPalette(theme) {
 
 const STYLE_ID = 'bloom-segmented-control-web-css';
 const SEGMENT = '[data-bloom-segmented-item]';
+/** The group node — the owner a segment's keyboard walks within. */
+const GROUP = '[data-bloom-segmented-group]';
+
+/** The attribute that says a segment is the chosen one, per role. */
+function isChosenSegment(element) {
+  return element.getAttribute('aria-checked') === 'true' || element.getAttribute('aria-selected') === 'true';
+}
 const SEGMENTED_CSS = interactiveWebCss({
   selector: SEGMENT,
   varPrefix: 'bloom-segmented',
@@ -171,6 +180,10 @@ export function SegmentedControl({
   const candidate = useSharedValue('');
   const suppressUntil = useRef(0);
   const [release, setRelease] = useState(0);
+  // Web: ONE tab stop for the whole group — the chosen segment — as the ARIA
+  // radio-group and tab patterns require (`hooks/roving-focus.ts`).
+  const groupRef = useRef(null);
+  useRovingTabIndex(() => groupRef.current, SEGMENT, isChosenSegment, GROUP);
   const register = useCallback(segment => {
     segments.value = [...segments.value.filter(item => item.value !== segment.value), segment].sort((a, b) => a.x - b.x);
     return () => {
@@ -273,6 +286,10 @@ export function SegmentedControl({
     gesture: gesture,
     touchAction: "pan-y",
     children: /*#__PURE__*/_jsxs(View, {
+      ref: groupRef,
+      ...webDataSet({
+        bloomSegmentedGroup: ''
+      }),
       testID: testID,
       nativeID: field.nativeID,
       accessibilityLabel: field.accessibilityLabel,
@@ -365,6 +382,24 @@ export function SegmentedControlItem({
   //      a11y role for tablist children.
   const itemRole = ctx.type === 'tabs' ? 'tab' : 'radio';
   const geometry = GEOMETRY[ctx.size];
+
+  // Web keyboard, per the ARIA pattern the group's role names. A radio group
+  // answers all four arrows and has no Home/End; a tab strip answers
+  // Left/Right plus Home/End. Both select as focus moves — the control is a
+  // controlled value with nothing expensive behind a change — and both take
+  // Space, which react-native-web only synthesises for `role="button"`. Enter
+  // stays with react-native-web's own press. `allowKeyboardPress` first, so a
+  // drag's click suppression can never swallow a key.
+  const onKeyDown = useCallback(event => {
+    ctx.allowKeyboardPress();
+    handleRovingKeyDown(event, {
+      selector: SEGMENT,
+      owner: GROUP,
+      orientation: ctx.type === 'tabs' ? 'horizontal' : 'both',
+      homeEnd: ctx.type === 'tabs',
+      activate: 'follow'
+    });
+  }, [ctx]);
   const itemStyle = {
     flexGrow: 1,
     flexDirection: 'row',
@@ -402,7 +437,7 @@ export function SegmentedControlItem({
         dataSet: {
           bloomSegmentedItem: ''
         },
-        onKeyDown: ctx.allowKeyboardPress
+        onKeyDown
       } : {}),
       onPress: onPress,
       onHoverIn: onHoverIn,