pixelize-native-library 1.2.1 → 1.3.0

package/lib/module/modules/list-screen/ListScreen.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { memo, useCallback, useMemo } from "react";
+import { VirtualList } from "../../core/list/VirtualList.js";
+import { Divider } from "../divider/index.js";
+import { Screen } from "../screen/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ListScreenInner({
+  data,
+  renderItem,
+  keyExtractor,
+  itemHeight,
+  refreshing,
+  onRefresh,
+  onEndReached,
+  ListFooterComponent,
+  ListEmptyComponent,
+  appBar,
+  edges,
+  padded,
+  keyboardAvoiding,
+  state,
+  loading,
+  empty,
+  error,
+  style,
+  testID
+}) {
+  const handleEndReached = useCallback(() => {
+    onEndReached?.();
+  }, [onEndReached]);
+  const separator = useMemo(() => () => /*#__PURE__*/_jsx(Divider, {}), []);
+  const listTestId = testID ? `${testID}-list` : undefined;
+  const list = /*#__PURE__*/_jsx(VirtualList, {
+    data: data,
+    renderItem: renderItem,
+    keyExtractor: keyExtractor,
+    itemHeight: itemHeight,
+    refreshing: refreshing,
+    onRefresh: onRefresh,
+    onEndReached: handleEndReached,
+    onEndReachedThreshold: 0.3,
+    ItemSeparatorComponent: separator,
+    ListFooterComponent: ListFooterComponent,
+    ListEmptyComponent: ListEmptyComponent,
+    testID: listTestId
+  });
+  return /*#__PURE__*/_jsx(Screen, {
+    appBar: appBar,
+    edges: edges,
+    padded: padded,
+    keyboardAvoiding: keyboardAvoiding,
+    state: state,
+    loading: loading,
+    empty: empty,
+    error: error,
+    style: style,
+    testID: testID,
+    children: list
+  });
+}
+export const ListScreen = /*#__PURE__*/memo(ListScreenInner);
+//# sourceMappingURL=ListScreen.js.map

package/lib/module/modules/list-screen/ListScreenProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=ListScreenProps.js.map

package/lib/module/modules/list-screen/MODULE.md

@@ -0,0 +1,12 @@
+# list-screen/ — a Screen and VirtualList with pull-to-refresh and paging
+
+`Screen` + `VirtualList` with pull-to-refresh, `Divider` separators, and `onEndReached` (threshold
+`0.3`) — list refresh stays on the list, not `Screen`'s `ScrollView` wrapper.
+
+## Props
+
+Generic over the row type. Own props: `data`, `renderItem`, `keyExtractor` (all required),
+`itemHeight`, `refreshing`, `onRefresh`, `onEndReached`, `ListFooterComponent`,
+`ListEmptyComponent`. The rest are picked straight off `ScreenProps` and forwarded unchanged:
+`appBar`, `edges`, `padded`, `keyboardAvoiding`, `state`, `loading`, `empty`, `error`, `style`,
+`testID`. `testID` seeds `${testID}-list` on the `VirtualList`.

package/lib/module/modules/list-screen/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ListScreen } from "./ListScreen.js";
+//# sourceMappingURL=index.js.map

package/lib/module/modules/markdown/MODULE.md

@@ -70,9 +70,3 @@ The parse is `useMemo`'d on `content`; the **render tree** is the other half of
   before. Above it, a `Button` ("Show full document" / "+N more items") mounts the real, full tree
   on press — never a re-introduction of windowing, so the rotor contract holds once expanded.
 - Links render through a memo'd `MarkdownLink` so no per-link closure is rebuilt each render.
-
-## Modernization (v1.0.7)
-
-- Theme imports decoupled to `theme/hooks`; optional peers (reanimated, gesture-handler, flash-list) load at runtime.
-
-- **Round 2 visual** — radii retarget (`radii.md`/`lg`/`xl`/`full`), `borderCurve: continuous` on md+ corners; floating surfaces wire platform elevation/highlight where applicable.

package/lib/module/modules/markdown/MarkdownProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=MarkdownProps.js.map

package/lib/module/modules/menu/MODULE.md

@@ -16,12 +16,13 @@ own, not a dependency on the `Modal` component.
 
 | File | Role |
 |------|------|
-| `Menu.tsx` | The component. `cloneElement` trigger composition, `Modal` + backdrop + row list, open/close state. Rows are a plain `.map()` inside a `ScrollView` (built only while `open`) — action menus are short lists, so `FlatList`'s VirtualizedList setup on every open was measurable open-time cost with no windowing benefit at current call sites; `ScrollView` keeps the sheet's `maxHeight: 320` scrollable for a list that doesn't fit, without that per-open setup cost. |
+| `Menu.tsx` | The component. `cloneElement` trigger composition, `Modal` + backdrop + row list, open/close state. Under `VIRTUALIZE_THRESHOLD` (15) items the rows are a plain `.map()` inside a `ScrollView`; at or above it they render through `core/list`'s `VirtualList`. |
 | `Menu.variants.ts` | Pure resolvers (`resolveMenuItemColor`, `resolveMenuRowPressedBackground`) + the themed structural resolvers (`menuOverlayStructure`, `menuSheetStructure`, `menuRowStructure`). No React, no lucide. |
 | `index.ts` | Public surface: `Menu`, `MenuProps`, `MenuItem`, `MenuTriggerProps`, `MenuItemTone`, `IconName` (re-exported from `core/icon`). |
 | `__tests__/Menu.test.ts` | Pure: WCAG contrast (all brands × modes) + touch target + the tone→role mapping. |
 | `__tests__/Menu.render.test.tsx` | Render: open/close, trigger `onPress` chaining, disabled gating, item selection, backdrop dismiss, the sheet's menu/modal semantics on BOTH paths, and the web-portal opt-in branch (mocking `renderWebPortal`). |
 | `__tests__/Menu.keyboard.test.tsx` | Web keyboard: roving tabindex, arrows/Home/End/typeahead, Space activation, Escape. Routes the mocked helpers into the real `keyboard.web` implementation. |
+| `__tests__/Menu.perf.test.tsx` | Open-time cost of the `ScrollView` branch against a `VirtualizedList` one. |
 | `__tests__/Menu.motion.test.tsx` | Reduce motion (WCAG 2.3.3), both halves: motion off → the sheet opens already at rest with no `Animated.timing` and `animationType="none"`; motion on → it really tweens from the entrance transform (forcing Animated's JS driver, since a native-driven value never advances under Jest). |
 
 ## Props
@@ -50,7 +51,7 @@ row size, since an action list's row height isn't a caller-facing choice.
   and without this the whole page behind the menu stayed in the accessibility tree and reachable by
   swipe on web.
 - **1.4.3** — every row's label is measured ≥ 4.5:1 against the sheet fill (`bg.surface`), for both
-  `default` (`fg.default`) and `danger` (`status.danger.text`) tones, across all 8 brands × both
+  `default` (`fg.default`) and `danger` (`status.danger.text`) tones, across all 9 brands × both
   modes.
 - **1.4.11** — the row icon reuses the label's exact colour (never a separate lookup): since the
   label already clears the stricter 4.5:1 text minimum, the icon clears its looser 3:1 non-text
@@ -126,20 +127,12 @@ supplied per row by `useSpaceActivation` (RNW's `isValidKeyPress` needs a `butto
 
 ## Performance
 
-Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). `openMenu`/`closeMenu` are `useCallback`'d, and the inline `onPress` previously injected into the caller-supplied `trigger` via `cloneElement` on every render is extracted to `handleTriggerPress` (`useCallback`, deps `[trigger, openMenu]`) — `trigger` is a consumer-supplied child (typically this library's own `Button`), so a fresh callback there would defeat its memo. `selectItem` and the per-row `onPress` stay inline: they go to `Pressable`/`Icon` (host elements / primitive props), not a memoized child. The sheet subtree (backdrop + rows) is built only while `open` — a closed menu mounts nothing beyond the trigger. Rows are rendered with a plain `.map()` inside a `ScrollView` (not `FlatList`): action menus are short, and mounting a fresh `VirtualizedList` on the same commit as the modal fade-in was measurable open-time cost (~2× p50 in a Jest open benchmark for a 2-item list) with no windowing benefit at current call sites — `ScrollView` has no such per-open setup and still lets a list taller than the sheet's `maxHeight: 320` scroll, which a bare `.map()` with no scroll container would silently lose. Rows get `bg.sunken` press feedback (`resolveMenuRowPressedBackground`, same non-`bg.hover` reasoning as `RadioGroup`/`Accordion`), measured in `Menu.test.ts`.
+Wrapped in `React.memo` (repo-wide re-render audit, 2026-07-17 — see root `CLAUDE.md`). `openMenu`/`closeMenu` are `useCallback`'d, and the inline `onPress` previously injected into the caller-supplied `trigger` via `cloneElement` on every render is extracted to `handleTriggerPress` (`useCallback`, deps `[trigger, openMenu]`) — `trigger` is a consumer-supplied child (typically this library's own `Button`), so a fresh callback there would defeat its memo. `selectItem` and the per-row `onPress` stay inline: they go to `Pressable`/`Icon` (host elements / primitive props), not a memoized child. The sheet subtree (backdrop + rows) is built only while `open` — a closed menu mounts nothing beyond the trigger. Below `VIRTUALIZE_THRESHOLD` (15) items rows are a plain `.map()` inside a `ScrollView`, not a `FlatList`: mounting a fresh `VirtualizedList` on the same commit as the modal fade-in was measurable open-time cost (~2× p50 in a Jest open benchmark for a 2-item list) with no windowing benefit at that size, and `ScrollView` still lets a list taller than the sheet's `maxHeight: 320` scroll, which a bare `.map()` would silently lose. At or above the threshold the cost flips and `VirtualList` takes over — which is where the End-key gap below comes from. Rows get `bg.sunken` press feedback (`resolveMenuRowPressedBackground`, same non-`bg.hover` reasoning as `RadioGroup`/`Accordion`), measured in `Menu.test.ts`.
 
-## Round 5 motion
+## Motion
 
-Dropped the ad hoc reanimated `FadeInDown` layer (per-row entrance, and the sheet's own former
-entrance-only Reanimated bounce). `enter` (`core/motion`) now drives the sheet's scale/lift/opacity
-AND the backdrop's fade together, and the web-portal path (no RN `<Modal>`) stays `mounted` through
-a real timed exit instead of unmounting instantly — the RNModal path is unaffected, still gated on
-`open` directly, since RN's own `animationType` already owns that surface's exit. `BACKDROP_SCRIM`'s
-opacity now comes from the shared `MOTION_TRANSFORM.scrimOpacity` (previously a mismatched `0x99`
-against Modal/Drawer/BottomSheet's `0x80`).
-
-## Modernization (v1.0.7)
-
-- Theme imports decoupled to `theme/hooks`; optional peers (reanimated, gesture-handler, flash-list) load at runtime.
-- List-heavy surfaces use `VirtualList` with device-tier window sizing where applicable.
-- `React.memo` + stable callbacks retained; render-item/key-extractor hoisted per ESLint perf rules.
+No per-row entrance. `enter` (`core/motion`) drives the sheet's scale/lift/opacity and the
+backdrop's fade together. The web-portal path (no RN `<Modal>`) stays `mounted` through a real timed
+exit; the RNModal path is gated on `open` directly, since RN's own `animationType` owns that
+surface's exit. `BACKDROP_SCRIM` takes its opacity from the shared `MOTION_TRANSFORM.scrimOpacity`,
+matching Modal/Drawer/BottomSheet; the row press overlay uses `stateLayerScrim`.

package/lib/module/modules/menu/Menu.js

@@ -13,11 +13,13 @@
  * enter. The sheet is centered rather than anchored (see MODULE.md), so it scales from its centre.
  */
 
-import { cloneElement, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Animated, Modal, Platform, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
-import Reanimated from "react-native-reanimated";
+import { cloneElement, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Modal, Platform, Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import Reanimated, { FadeInDown, FadeOut, interpolate, LinearTransition, ReduceMotion, useAnimatedStyle } from "react-native-reanimated";
 import { focusItemProps, useDismissOnEscape, useFocusTrap, useRovingKeys, useSpaceActivation } from "../../core/a11y/keyboard";
-import { MOTION_TRANSFORM, useAnimatedValue, useMotion } from "../../core/motion/index.js";
+import { useReducedMotion } from "../../core/a11y/index.js";
+import { useHaptics } from "../../core/haptics/index.js";
+import { MOTION_TRANSFORM, useMotion, useAnimatedValue } from "../../core/motion/index.js";
 import { usePressState } from "../../core/motion/usePressState.js";
 import { withAlpha } from "../../core/gradient/index.js";
 import { Icon } from "../../core/icon/index.js";
@@ -25,9 +27,9 @@ import { VirtualList } from "../../core/list/index.js";
 import { concentric } from "../../core/style/index.js";
 import { elevation, floatingBackground, floatingSurfaceStyle, highlight } from "../../theme/platform/index.js";
 import { elevation as elevationTokens } from "../../theme/tokens/primitives/index.js";
+import { stateLayerScrim } from "../../theme/platform/stateLayer.native.js";
 import { useTheme } from "../../theme/hooks.js";
-import { ModalPortalContext } from "../modal/ModalPortalContext.js";
-import { renderWebPortal } from "../modal/renderWebPortal";
+import { ModalPortalContext, renderWebPortal } from "../../core/overlay/index.js";
 import { MENU_ROW_ICON_SIZE, MENU_ROW_MIN_HEIGHT, menuOverlayStructure, menuRowStructure, menuSheetStructure, resolveMenuItemColor } from "./Menu.variants.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const VIRTUALIZE_THRESHOLD = 15;
@@ -62,7 +64,7 @@ const MenuRow = /*#__PURE__*/memo(function MenuRow({
     overflow: "hidden"
   }, press.animatedStyle], [theme, press.animatedStyle]);
   const overlayStaticStyle = useMemo(() => ({
-    backgroundColor: theme.mode === "dark" ? "#ffffff" : "#000000",
+    backgroundColor: stateLayerScrim(theme.mode),
     borderRadius: concentric(theme.radii.lg, theme.space[4]),
     borderCurve: "continuous"
   }), [theme.mode, theme.radii.lg, theme.space]);
@@ -82,8 +84,9 @@ const MenuRow = /*#__PURE__*/memo(function MenuRow({
     onLayout: press.onLayout,
     style: rowStyle,
     children: [/*#__PURE__*/_jsx(Reanimated.View, {
-      pointerEvents: "none",
-      style: [StyleSheet.absoluteFill, overlayStaticStyle, press.overlayStyle]
+      style: [StyleSheet.absoluteFill, overlayStaticStyle, press.overlayStyle, {
+        pointerEvents: 'none'
+      }]
     }), item.icon !== undefined && /*#__PURE__*/_jsx(Icon, {
       name: item.icon,
       size: MENU_ROW_ICON_SIZE,
@@ -104,6 +107,8 @@ export const Menu = /*#__PURE__*/memo(function Menu({
 }) {
   const theme = useTheme();
   const motion = useMotion();
+  const haptics = useHaptics();
+  const reducedMotion = useReducedMotion();
   const portalContainer = useContext(ModalPortalContext);
   const [open, setOpen] = useState(false);
   const [mounted, setMounted] = useState(false);
@@ -113,8 +118,10 @@ export const Menu = /*#__PURE__*/memo(function Menu({
   const sheetRef = useRef(null);
   const enter = useAnimatedValue(0);
   const running = useRef(null);
+  const pressScale = motion.transform.pressScale;
+  const offsetY = motion.transform.offsetY;
   const unmountTimer = useRef(null);
-  useEffect(() => {
+  useLayoutEffect(() => {
     const clearUnmount = () => {
       if (unmountTimer.current !== null) {
         clearTimeout(unmountTimer.current);
@@ -126,10 +133,10 @@ export const Menu = /*#__PURE__*/memo(function Menu({
     if (open) {
       setMounted(true);
       if (!motion.enabled) {
-        enter.setValue(1);
+        enter.value = 1;
         return;
       }
-      enter.setValue(0);
+      enter.value = 0;
       running.current = motion.timing(enter, 1, {
         duration: "fast",
         easing: "decelerate"
@@ -140,7 +147,7 @@ export const Menu = /*#__PURE__*/memo(function Menu({
     if (!mountedRef.current) return;
     const exitMs = motion.duration("fast");
     if (!motion.enabled || exitMs === 0) {
-      enter.setValue(0);
+      enter.value = 0;
       setMounted(false);
       return;
     }
@@ -166,9 +173,10 @@ export const Menu = /*#__PURE__*/memo(function Menu({
   }, [disabled]);
   const closeMenu = useCallback(() => setOpen(false), []);
   const selectItem = useCallback(item => {
+    if (!reducedMotion) haptics.selection();
     closeMenu();
     item.onPress();
-  }, [closeMenu]);
+  }, [closeMenu, haptics, reducedMotion]);
   const typeaheadLabels = useMemo(() => items.map(item => item.label), [items]);
 
   // Keyboard (web only — every hook below is a no-op on native, see `core/a11y/keyboard.ts`).
@@ -210,23 +218,18 @@ export const Menu = /*#__PURE__*/memo(function Menu({
       ...floatingSurfaceStyle(theme, "md")
     };
   }, [theme]);
-  const sheetStyle = useMemo(() => [menuSheetStructure(theme), floatingStyle, {
-    opacity: enter,
+  const sheetStaticStyle = useMemo(() => [menuSheetStructure(theme), floatingStyle], [theme, floatingStyle]);
+  const sheetAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: enter.value,
     transform: [{
-      scale: enter.interpolate({
-        inputRange: [0, 1],
-        outputRange: [motion.transform.pressScale, 1]
-      })
+      scale: interpolate(enter.value, [0, 1], [pressScale, 1])
     }, {
-      translateY: enter.interpolate({
-        inputRange: [0, 1],
-        outputRange: [motion.transform.offsetY, 0]
-      })
+      translateY: interpolate(enter.value, [0, 1], [offsetY, 0])
     }]
-  }], [theme, floatingStyle, enter, motion.transform.pressScale, motion.transform.offsetY]);
-  const backdropStyle = useMemo(() => [styles.backdrop, {
-    opacity: enter
-  }], [enter]);
+  }));
+  const backdropAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: enter.value
+  }));
 
   // Built only while mounted: a closed, settled Menu must not materialize one element per item on
   // every render of the screen that hosts it.
@@ -237,42 +240,53 @@ export const Menu = /*#__PURE__*/memo(function Menu({
       tabIndex: -1,
       style: StyleSheet.absoluteFill,
       onPress: closeMenu,
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        pointerEvents: "none",
-        style: backdropStyle
+      children: /*#__PURE__*/_jsx(Reanimated.View, {
+        style: [styles.backdrop, backdropAnimatedStyle, {
+          pointerEvents: 'none'
+        }]
       })
     }), /*#__PURE__*/_jsx(View, {
-      style: menuOverlayStructure(theme),
-      pointerEvents: "box-none",
-      children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [menuOverlayStructure(theme), {
+        pointerEvents: 'box-none'
+      }],
+      children: /*#__PURE__*/_jsx(Reanimated.View, {
         ref: sheetRef,
         testID: testID ? `${testID}-sheet` : undefined,
         accessibilityRole: "menu",
         accessibilityViewIsModal: true,
         onAccessibilityEscape: closeMenu,
-        style: sheetStyle,
-        children: items.length >= VIRTUALIZE_THRESHOLD ? /*#__PURE__*/_jsx(VirtualList, {
-          data: items,
-          keyExtractor: keyExtractor,
-          renderItem: renderItem,
-          itemHeight: MENU_ROW_MIN_HEIGHT
-        }) : /*#__PURE__*/_jsx(ScrollView, {
-          bounces: false,
-          children: items.map((item, index) => /*#__PURE__*/_jsx(MenuRow, {
-            item: item,
-            index: index,
-            tabIndex: focusItemProps(index, activeIndex).tabIndex,
-            theme: theme,
-            onSelect: selectItem,
-            testID: testID
-          }, `${item.label}-${index}`))
+        style: [sheetStaticStyle, sheetAnimatedStyle],
+        children: /*#__PURE__*/_jsx(Reanimated.View, {
+          layout: LinearTransition.reduceMotion(ReduceMotion.System),
+          entering: FadeInDown.springify().reduceMotion(ReduceMotion.System),
+          exiting: FadeOut.reduceMotion(ReduceMotion.System),
+          style: {
+            flexGrow: 1
+          },
+          children: items.length >= VIRTUALIZE_THRESHOLD ? /*#__PURE__*/_jsx(VirtualList, {
+            data: items,
+            keyExtractor: keyExtractor,
+            renderItem: renderItem,
+            itemHeight: MENU_ROW_MIN_HEIGHT
+          }) : /*#__PURE__*/_jsx(ScrollView, {
+            bounces: false,
+            children: items.map((item, index) => /*#__PURE__*/_jsx(MenuRow, {
+              item: item,
+              index: index,
+              tabIndex: focusItemProps(index, activeIndex).tabIndex,
+              theme: theme,
+              onSelect: selectItem,
+              testID: testID
+            }, `${item.label}-${index}`))
+          })
         })
       })
     })]
   }) : null;
   const menu = Platform.OS === "web" && portalContainer != null ? mounted ? renderWebPortal(/*#__PURE__*/_jsx(View, {
-    style: StyleSheet.absoluteFill,
-    pointerEvents: "box-none",
+    style: [StyleSheet.absoluteFill, {
+      pointerEvents: 'box-none'
+    }],
     children: sheet
   }), portalContainer) : null : /*#__PURE__*/_jsx(Modal, {
     visible: open,

package/lib/module/modules/menu/Menu.variants.js

@@ -12,10 +12,10 @@
  * import it directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
  */
 
+import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget.js";
 import { createThemedVariants } from "../../core/style/index.js";
+export { MIN_TOUCH_TARGET };
 /** Same touch-target floor as Button/Select (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
-export const MIN_TOUCH_TARGET = 44;
-
 /** Row height is a direct `minHeight`, not a `hitSlop` expansion — a list row is already its own
  *  full-width touch target, the same choice `Select`'s option rows make (`SELECT_ROW_MIN_HEIGHT`). */
 export const MENU_ROW_MIN_HEIGHT = MIN_TOUCH_TARGET;

package/lib/module/modules/menu/MenuProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=MenuProps.js.map

package/lib/module/modules/message-bubble/MODULE.md

@@ -1,4 +1,4 @@
-# message-bubble/
+# message-bubble/ — a single chat bubble, user or assistant
 
 Single chat bubble — `user` (accent) or `assistant` (tonal surface). Plain `content` string.
 
@@ -6,7 +6,7 @@ Single chat bubble — `user` (accent) or `assistant` (tonal surface). Plain `co
 
 **No motion at all — this component animates nothing, on any tier.** It is a list cell (`core/motion/
 MODULE.md` rule 5: no per-row motion that runs during scroll), so it renders its final state on its
-first frame, exactly like `ListItem`.
+first frame.
 
 It used to play a decorative-gated `opacity` + `translateY` enter, guarded by an `entered` ref so it
 ran "at most once per mount". That property was true and beside the point: `FlatList` unmounts and
@@ -37,5 +37,6 @@ mean a new prop — not added speculatively.
 | `style` | `LayoutStyle` | — |
 | `testID` | `string` | — |
 
-- **Round 2 visual** — radii retarget (`radii.md`/`lg`/`xl`/`full`), `borderCurve: continuous` on md+ corners; floating surfaces wire platform elevation/highlight where applicable.
-- **Round 5 tonal** — assistant's `borderWidth.thin` hairline dropped; `bg.surface` alone now separates the bubble from its parent by tone, matching `Card`'s borderless-flat precedent.
+The assistant bubble carries no hairline — `bg.surface` alone separates it from its parent by tone,
+matching `Card`'s borderless-flat precedent. Both variants use `radii.lg` with
+`borderCurve: continuous`, and a `radii.sm` notch on the corner nearest the sender.

package/lib/module/modules/message-bubble/MessageBubbleProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=MessageBubbleProps.js.map