@multiplatform.one/components 7.77.2 → 7.78.0

package/dist/jsx/views/ImageGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","ImageGrid","PHOTOS_GRID_GUTTER","useImageGridGeometry","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_mediaRadius","import_Lightbox","import_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_tamagui","columnsBySizeClass","cards","compact","medium","expanded","large","xl","photos","columns","tileSize","variant","arguments","length","_getTokenValue","knobProps","useResolvedKnobs","component","width","windowWidth","useWindowDimensions","gapToken","gap","themeGutter","getTokenValue","gutter","tileColumnsForWidth","tileSizeLadder","getLayoutSizeClass","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","param","aspect","loadingLabel","jsx","YStack","maxWidth","children","Array","_","row","XStack","_2","col","View","Skeleton","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","useState","role","jsxs","position","borderWidth","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","MediaRadiusContext","Provider","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","lightbox","stackProps","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","lightboxItems","default","useMemo","map","viewer","useLightbox","openItem","useCallback","index","item","open","activatable","Boolean","isRTL","useDirection","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","wasKeyboardFocus","prev","scrollToIndex","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","useHotkey","right","left","down","up","activateFocused","select","first","last","useEffect","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","resolveAsyncStatus","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","ImageGrid","PHOTOS_GRID_GUTTER","useImageGridGeometry","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_mediaRadius","import_Lightbox","import_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_usePageFlowLoadMore","import_tamagui","columnsBySizeClass","cards","compact","medium","expanded","large","xl","photos","columns","tileSize","variant","arguments","length","_getTokenValue","knobProps","useResolvedKnobs","component","width","windowWidth","useWindowDimensions","gapToken","gap","themeGutter","getTokenValue","gutter","tileColumnsForWidth","tileSizeLadder","getLayoutSizeClass","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","param","aspect","loadingLabel","jsx","YStack","maxWidth","children","Array","_","row","XStack","_2","col","View","Skeleton","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","useState","role","jsxs","position","borderWidth","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","MediaRadiusContext","Provider","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","lightbox","stackProps","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","lightboxItems","default","useMemo","map","viewer","useLightbox","openItem","useCallback","index","item","open","activatable","Boolean","isRTL","useDirection","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","wasKeyboardFocus","prev","scrollToIndex","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","useHotkey","right","left","down","up","activateFocused","select","first","last","usePageFlowLoadMore","enabled","rearmKey","hasError","resolveAsyncStatus","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/views/usePageFlowLoadMore.mjs

@@ -0,0 +1,57 @@
+import { useEffect, useRef } from "react";
+import { isWeb, useWindowDimensions } from "tamagui";
+const PAGE_FLOW_POLL_MS = 250;
+function usePageFlowLoadMore({
+  sentinelRef,
+  enabled,
+  onLoadMore,
+  rearmKey
+}) {
+  const onLoadMoreRef = useRef(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const windowRef = useRef({
+    width,
+    height
+  });
+  windowRef.current = {
+    width,
+    height
+  };
+  const live = enabled && Boolean(onLoadMore);
+  useEffect(() => {
+    if (!live) return;
+    if (isWeb) {
+      if (typeof IntersectionObserver === "undefined") return;
+      const el = sentinelRef.current;
+      if (!el) return;
+      const observer = new IntersectionObserver(entries => {
+        if (entries.some(entry => entry.isIntersecting)) onLoadMoreRef.current?.();
+      });
+      observer.observe(el);
+      return () => observer.disconnect();
+    }
+    let active = true;
+    let inside = false;
+    const timer = setInterval(() => {
+      const node = sentinelRef.current;
+      if (typeof node?.measureInWindow !== "function") return;
+      node.measureInWindow((x, y, w, h) => {
+        if (!active || w <= 0) return;
+        const win = windowRef.current;
+        const now = y <= win.height && y + h >= 0 && x < win.width && x + w > 0;
+        if (now && !inside) onLoadMoreRef.current?.();
+        inside = now;
+      });
+    }, PAGE_FLOW_POLL_MS);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [live, rearmKey, sentinelRef]);
+}
+export { PAGE_FLOW_POLL_MS, usePageFlowLoadMore };
+//# sourceMappingURL=usePageFlowLoadMore.mjs.map

package/dist/jsx/views/usePageFlowLoadMore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","isWeb","useWindowDimensions","PAGE_FLOW_POLL_MS","usePageFlowLoadMore","sentinelRef","enabled","onLoadMore","rearmKey","onLoadMoreRef","current","width","height","windowRef","live","Boolean","IntersectionObserver","el","observer","entries","some","entry","isIntersecting","observe","disconnect","active","inside","timer","setInterval","node","measureInWindow","x","y","w","h","win","now","clearInterval"],"sources":["../../../src/views/usePageFlowLoadMore.ts"],"sourcesContent":[null],"mappings":"AAAA,SAAyBA,SAAA,EAAWC,MAAA,QAAc;AAClD,SAASC,KAAA,EAAOC,mBAAA,QAA2B;AAGpC,MAAMC,iBAAA,GAAoB;AA8B1B,SAASC,oBAAoB;EAClCC,WAAA;EACAC,OAAA;EACAC,UAAA;EACAC;AACF,GAAkC;EAChC,MAAMC,aAAA,GAAgBT,MAAA,CAAOO,UAAU;EACvCE,aAAA,CAAcC,OAAA,GAAUH,UAAA;EACxB,MAAM;IAAEI,KAAA;IAAOC;EAAO,IAAIV,mBAAA,CAAoB;EAC9C,MAAMW,SAAA,GAAYb,MAAA,CAAO;IAAEW,KAAA;IAAOC;EAAO,CAAC;EAC1CC,SAAA,CAAUH,OAAA,GAAU;IAAEC,KAAA;IAAOC;EAAO;EACpC,MAAME,IAAA,GAAOR,OAAA,IAAWS,OAAA,CAAQR,UAAU;EAE1CR,SAAA,CAAU,MAAM;IACd,IAAI,CAACe,IAAA,EAAM;IACX,IAAIb,KAAA,EAAO;MACT,IAAI,OAAOe,oBAAA,KAAyB,aAAa;MACjD,MAAMC,EAAA,GAAKZ,WAAA,CAAYK,OAAA;MACvB,IAAI,CAACO,EAAA,EAAI;MACT,MAAMC,QAAA,GAAW,IAAIF,oBAAA,CAAsBG,OAAA,IAAY;QACrD,IAAIA,OAAA,CAAQC,IAAA,CAAMC,KAAA,IAAUA,KAAA,CAAMC,cAAc,GAAGb,aAAA,CAAcC,OAAA,GAAU;MAC7E,CAAC;MACDQ,QAAA,CAASK,OAAA,CAAQN,EAAE;MACnB,OAAO,MAAMC,QAAA,CAASM,UAAA,CAAW;IACnC;IACA,IAAIC,MAAA,GAAS;IACb,IAAIC,MAAA,GAAS;IACb,MAAMC,KAAA,GAAQC,WAAA,CAAY,MAAM;MAC9B,MAAMC,IAAA,GAAOxB,WAAA,CAAYK,OAAA;MACzB,IAAI,OAAOmB,IAAA,EAAMC,eAAA,KAAoB,YAAY;MACjDD,IAAA,CAAKC,eAAA,CAAgB,CAACC,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAGC,CAAA,KAAM;QAEnC,IAAI,CAACT,MAAA,IAAUQ,CAAA,IAAK,GAAG;QACvB,MAAME,GAAA,GAAMtB,SAAA,CAAUH,OAAA;QACtB,MAAM0B,GAAA,GAAMJ,CAAA,IAAKG,GAAA,CAAIvB,MAAA,IAAUoB,CAAA,GAAIE,CAAA,IAAK,KAAKH,CAAA,GAAII,GAAA,CAAIxB,KAAA,IAASoB,CAAA,GAAIE,CAAA,GAAI;QACtE,IAAIG,GAAA,IAAO,CAACV,MAAA,EAAQjB,aAAA,CAAcC,OAAA,GAAU;QAC5CgB,MAAA,GAASU,GAAA;MACX,CAAC;IACH,GAAGjC,iBAAiB;IACpB,OAAO,MAAM;MACXsB,MAAA,GAAS;MACTY,aAAA,CAAcV,KAAK;IACrB;EACF,GAAG,CAACb,IAAA,EAAMN,QAAA,EAAUH,WAAW,CAAC;AAClC","ignoreList":[]}

package/dist/jsx/views/usePageFlowLoadMore.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var usePageFlowLoadMore_exports = {};
+__export(usePageFlowLoadMore_exports, {
+  PAGE_FLOW_POLL_MS: () => PAGE_FLOW_POLL_MS,
+  usePageFlowLoadMore: () => usePageFlowLoadMore
+});
+module.exports = __toCommonJS(usePageFlowLoadMore_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var PAGE_FLOW_POLL_MS = 250;
+function usePageFlowLoadMore(param) {
+  var {
+    sentinelRef,
+    enabled,
+    onLoadMore,
+    rearmKey
+  } = param;
+  var onLoadMoreRef = (0, import_react.useRef)(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  var {
+    width,
+    height
+  } = (0, import_tamagui.useWindowDimensions)();
+  var windowRef = (0, import_react.useRef)({
+    width,
+    height
+  });
+  windowRef.current = {
+    width,
+    height
+  };
+  var live = enabled && Boolean(onLoadMore);
+  (0, import_react.useEffect)(function () {
+    if (!live) return;
+    if (import_tamagui.isWeb) {
+      if (typeof IntersectionObserver === "undefined") return;
+      var el = sentinelRef.current;
+      if (!el) return;
+      var observer = new IntersectionObserver(function (entries) {
+        var _onLoadMoreRef_current;
+        if (entries.some(function (entry) {
+          return entry.isIntersecting;
+        })) (_onLoadMoreRef_current = onLoadMoreRef.current) === null || _onLoadMoreRef_current === void 0 ? void 0 : _onLoadMoreRef_current.call(onLoadMoreRef);
+      });
+      observer.observe(el);
+      return function () {
+        return observer.disconnect();
+      };
+    }
+    var active = true;
+    var inside = false;
+    var timer = setInterval(function () {
+      var node = sentinelRef.current;
+      if (typeof (node === null || node === void 0 ? void 0 : node.measureInWindow) !== "function") return;
+      node.measureInWindow(function (x, y, w, h) {
+        var _onLoadMoreRef_current;
+        if (!active || w <= 0) return;
+        var win = windowRef.current;
+        var now = y <= win.height && y + h >= 0 && x < win.width && x + w > 0;
+        if (now && !inside) (_onLoadMoreRef_current = onLoadMoreRef.current) === null || _onLoadMoreRef_current === void 0 ? void 0 : _onLoadMoreRef_current.call(onLoadMoreRef);
+        inside = now;
+      });
+    }, PAGE_FLOW_POLL_MS);
+    return function () {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [live, rearmKey, sentinelRef]);
+}
+//# sourceMappingURL=usePageFlowLoadMore.native.js.map

package/dist/jsx/views/usePageFlowLoadMore.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","usePageFlowLoadMore_exports","PAGE_FLOW_POLL_MS","usePageFlowLoadMore","module","exports","import_react","require","import_tamagui","param","sentinelRef","enabled","onLoadMore","rearmKey","onLoadMoreRef","useRef","current","width","height","useWindowDimensions","windowRef","live","Boolean","useEffect","isWeb","IntersectionObserver","el"],"sources":["../../../src/views/usePageFlowLoadMore.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAyB;;AACzB,IAAAA,SAAS,GAAOC,MAAA,CAAAC,cAAA;AAGT,IAAAC,gBAAM,GAAAF,MAAoB,CAAAG,wBAAA;AA8B1B,IAAAC,iBAAS,GAAAJ,MAAoB,CAAAK,mBAAA;AAAA,IAClCC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACF;AACE,IAAAC,WAAM,GAAAA,CAAAC,EAAA,EAAAC,IAAgB,EAAAC,MAAO,EAAAC,IAAU;EACvC,IAAAF,IAAA,WAAcA,IAAA,KAAU,mBAAAA,IAAA;IACxB,KAAM,IAAEG,GAAA,IAAOhB,iBAAW,CAAAa,IAAA,GAC1B,IAAM,CAAAX,YAAY,CAAAe,IAAO,CAAEL,EAAA,EAAAI,GAAO,KAAAA,GAAQ,KAAAF,MAAA,EAC1CnB,SAAU,CAAAiB,EAAA,EAAUI,GAAE;MAAAP,GAAO,EAAAA,CAAA,KAAOI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACpC;EAEA,OAAAE,EAAA;AACE;AACA,IAAAM,YAAW,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACT,IAAAE,2BAAW;AACXhB,QAAA,CAAAgB,2BAAuB;EACvBC,iBAAS,EAAAA,CAAA,KAAAA,iBAAA;EACTC,mBAAM,EAAWA,CAAA,KAAIA;AACnB;AAA2EC,MAC7E,CAACC,OAAA,GAAAP,YAAA,CAAAG,2BAAA;AACD,IAAAK,YAAS,GAAAC,OAAU;AACnB,IAAAC,cAAO,GAAMD,OAAS,WAAW;AAAA,IACnCL,iBAAA;AACA,SAAIC,mBAASA,CAAAM,KAAA;EACb;IAAIC,WAAS;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAJ,KAAA;EACb,IAAAK,aAAc,OAAAR,YAAkB,CAAAS,MAAA,EAAAH,UAAA;EAC9BE,aAAM,CAAAE,OAAO,GAAAJ,UAAY;EACzB;IAAAK,KAAI;IAAAC;EAAO,CAAM,OAAAV,cAAoB,CAAAW,mBAAY;EACjD,IAAAC,SAAK,OAAAd,YAAuB,CAAAS,MAAG,EAAM;IAEnCE,KAAA;IACAC;EACA;EACAE,SAAA,CAAIJ,OAAO,GAAC;IACZC,KAAA;IAASC;EACV;EAEH,IAAAG,IAAA,GAAOV,OAAM,IAAAW,OAAA,CAAAV,UAAA;EACX,IAAAN,YAAS,CAAAiB,SAAA;IACT,KAAAF,IAAA;IACF,IAAAb,cAAA,CAAAgB,KAAA;MACE,WAAMC,oBAAsB;MAClC,IAAAC,EAAA,GAAAhB,WAAA,CAAAM,OAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.77.2",
+  "version": "7.78.0",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -58,11 +58,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@multiplatform.one/forms": "^7.77.2",
-    "@multiplatform.one/i18n": "^7.77.2",
-    "@multiplatform.one/platform": "^7.77.2",
-    "@multiplatform.one/router": "^7.77.2",
-    "@multiplatform.one/theme": "^7.77.2",
+    "@multiplatform.one/forms": "^7.78.0",
+    "@multiplatform.one/i18n": "^7.78.0",
+    "@multiplatform.one/platform": "^7.78.0",
+    "@multiplatform.one/router": "^7.78.0",
+    "@multiplatform.one/theme": "^7.78.0",
     "@phosphor-icons/react": "^2.1.10",
     "@shopify/flash-list": "^2.3.1",
     "@tamagui/colors": "2.7.6",
@@ -89,9 +89,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.77.2",
-    "@multiplatform.one/storybook": "7.77.2",
-    "@multiplatform.one/test-utils": "7.77.2",
+    "@multiplatform.one/config": "7.78.0",
+    "@multiplatform.one/storybook": "7.78.0",
+    "@multiplatform.one/test-utils": "7.78.0",
     "@tamagui/build": "2.7.6",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/Lightbox/Lightbox.spec.tsx

@@ -109,7 +109,7 @@ describe("Lightbox (web)", () => {
     expect(dialog()).toBeNull();
   });
 
-  it("floats every control on a material plate over the photo (LC-176)", () => {
+  it("floats every control on a flat plate over the photo (LC-176)", () => {
     renderWithProviders(<Harness />);
     for (const name of ["Close", "Previous", "Next"]) {
       const control = dialog()?.querySelector(`[aria-label="${name}"]`);

package/src/Lightbox/MediaControl.tsx

@@ -1,9 +1,8 @@
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import type { ComponentProps } from "react";
-import { useTheme } from "tamagui";
+import { YStack } from "tamagui";
 import { Button } from "../Button";
 import { componentColors } from "../componentColors";
-import { Material, materialOpacity, translucent } from "../Material";
 
 type MediaControlProps = Pick<
   ComponentProps<typeof Button>,
@@ -12,21 +11,14 @@ type MediaControlProps = Pick<
 
 /**
  * An icon-only control floating over a photo (LC-176 ICON-BUTTON, over-media
- * case): a bare glyph on a round plate of the MPO material, so it stays
- * legible on any frame. The blur comes from Material, the one sanctioned
- * backdrop blur (LC-206). Swaps for the shared IconButton's over-media
- * variant once FZ-8020 lands.
+ * case): a bare glyph on a flat round plate, so it stays legible on any frame.
+ * The plate is a fill and nothing else; it does not pretend to be glass.
  */
 export function MediaControl(props: MediaControlProps) {
   const { knobProps } = useResolvedKnobs({ component: "Lightbox" });
-  const theme = useTheme() as unknown as Record<string, { val?: unknown } | undefined>;
-  const fillToken = componentColors.mediaPlate.fill;
-  const fill = theme[fillToken.slice(1)]?.val;
   return (
-    <Material
-      backgroundColor={
-        translucent(typeof fill === "string" ? fill : undefined, materialOpacity()) ?? fillToken
-      }
+    <YStack
+      backgroundColor={componentColors.mediaPlate.fill}
       borderRadius={1000}
       overflow="hidden"
       flexShrink={0}
@@ -39,6 +31,6 @@ export function MediaControl(props: MediaControlProps) {
         color={componentColors.mediaPlate.glyph}
         {...props}
       />
-    </Material>
+    </YStack>
   );
 }

package/src/appShell/TabHost.native.spec.tsx

@@ -46,10 +46,18 @@ const fakeTabs: NativeTabs = {
       />
     </div>
   ),
-  Screen: ({ children, tabKey, isFocused, icon, title }) => (
+  Screen: ({
+    children,
+    tabKey,
+    isFocused,
+    icon,
+    title,
+    overrideScrollViewContentInsetAdjustmentBehavior,
+  }) => (
     <section
       data-testid={`native-screen-${tabKey}`}
       data-focused={String(Boolean(isFocused))}
+      data-inset-adjust={String(overrideScrollViewContentInsetAdjustmentBehavior)}
       data-symbol={icon?.ios.name}
       aria-label={title}
     >
@@ -164,6 +172,18 @@ describe("NativeTabHost", () => {
     );
     expect(screen.getByTestId("inset").textContent).toBe("0");
   });
+
+  it("clears the bar once: the published inset, never the native scroll-inset adjustment too (FZ-8640)", () => {
+    renderNative("/pokemon");
+    expect(Number(screen.getByTestId("inset").textContent)).toBeGreaterThanOrEqual(
+      nativeTabBarHeight,
+    );
+    for (const item of items) {
+      expect(
+        screen.getByTestId(`native-screen-${item.key}`).getAttribute("data-inset-adjust"),
+      ).toBe("false");
+    }
+  });
 });
 
 describe("TabHost fallback", () => {

package/src/appShell/TabHost.native.tsx

@@ -13,6 +13,12 @@
  * without RNSTabsHost, a platform other than iOS, or an item without an SF
  * Symbol keeps the MPO TabBar. Android stays on the MPO TabBar until the
  * items carry image icons the Material bar can draw.
+ *
+ * The bar's clearance is the inset this host publishes, as with the MPO
+ * TabBar, so a Screen pads by it whether or not it scrolls. Each tab screen
+ * leaves its scroll view's inset adjustment off: react-native-screens would
+ * otherwise flip the first scroll view to `automatic`, and UIKit would add
+ * the bar's height a second time (FZ-8640).
  */
 import { useGlyphColor, useIdentityInkOnSurface } from "@multiplatform.one/theme";
 import { type ComponentType, type ReactNode, useEffect, useRef, useState } from "react";
@@ -53,6 +59,7 @@ export interface NativeTabs {
     selectedIcon?: IconProp["ios"];
     tabBarItemAccessibilityLabel?: string;
     tabBarItemTestID?: string;
+    overrideScrollViewContentInsetAdjustmentBehavior?: boolean;
   }>;
 }
 
@@ -139,6 +146,7 @@ export function NativeTabHost({
           }
           tabBarItemAccessibilityLabel={item.label}
           tabBarItemTestID={`tab-bar-item-${item.key.replace(/^\/+/, "") || "root"}`}
+          overrideScrollViewContentInsetAdjustmentBehavior={false}
         >
           {item.key === focusedKey ? children : null}
         </Screen>

package/src/componentColors.ts

@@ -131,7 +131,7 @@ export const componentColors = {
   debug: "$color9",
 
   /**
-   * The round material plate under an icon control floating over a photo
+   * The flat round plate under an icon control floating over a photo
    * (LC-176). The fill sits steps above the viewer's dark ground so the
    * plate reads on black as well as on a bright frame (FZ-8009 r2).
    */

package/src/layouts/page.tsx

@@ -517,14 +517,7 @@ export function PageHeader({
             >
               {/* LC-153: page-head actions are a bar; neutral buttons go plain. */}
               <Surface bar>
-                <IconButtonGroup
-                  {...knobProps.gap}
-                  justifyContent="flex-end"
-                  flexWrap="wrap"
-                  flexGrow={1}
-                  flexShrink={1}
-                  minWidth={0}
-                >
+                <IconButtonGroup {...knobProps.gap} justifyContent="flex-end">
                   {actions}
                 </IconButtonGroup>
               </Surface>

package/src/layouts/pageChrome.phone.spec.tsx

@@ -61,4 +61,18 @@ describe("PageHeader actions (LC-142)", () => {
     expect(atoms(row, "_jc-")).toEqual(["_jc-flex-end"]);
     expect(atoms(row?.parentElement ?? null, "_fw-")).toEqual([]);
   });
+
+  it("hug their buttons: the group never wraps or grows (FZ-8521)", () => {
+    const { container } = renderWithProviders(
+      <PageHeader
+        title="Pokemon"
+        subtitle="21 Pokemon in the Pokédex"
+        actions={<button type="button">Add</button>}
+      />,
+    );
+    const group = container.querySelector("[data-page-header-actions] [data-mp-icon-button-group]");
+    expect(group).toBeTruthy();
+    expect(atoms(group, "_fw-")).toEqual([]);
+    expect(atoms(group, "_fg-")).toEqual([]);
+  });
 });

package/src/views/ImageGrid.native-press.spec.tsx

@@ -0,0 +1,172 @@
+/**
+ * FZ-8659, under tamagui's NATIVE build (vitest.native.config.mjs): a
+ * page-flow ImageGrid loads its next page when the user scrolls to the end.
+ *
+ * The grid flows with the screen's scroll, so it never sees a scroll event.
+ * Native measures the sentinel under the last row in window coordinates, and
+ * "scrolling" here moves where that measurement says the sentinel sits.
+ */
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { act, cleanup } from "@testing-library/react";
+import { useCallback, useState } from "react";
+import { isWeb } from "tamagui";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { ImageGrid } from "./ImageGrid";
+import { PAGE_FLOW_POLL_MS } from "./usePageFlowLoadMore";
+
+type Rect = [x: number, y: number, width: number, height: number];
+
+const columns = 3;
+const rowHeight = 1000;
+/** Scroll offset of the screen's ScrollView, or null for a sentinel not laid out yet. */
+let scrollY: number | null = 0;
+
+const tileCount = () => document.querySelectorAll('[data-testid="tile"]').length;
+const contentHeight = () => Math.ceil(tileCount() / columns) * rowHeight;
+const sentinelRect = (): Rect =>
+  scrollY === null ? [0, 0, 0, 0] : [0, contentHeight() - scrollY, 390, 1];
+
+// A phone's window. The test DOM reports 0 x 0, which no sentinel can enter.
+vi.mock("tamagui", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("tamagui")>()),
+  useWindowDimensions: () => ({ width: 390, height: 844, scale: 3, fontScale: 1 }),
+}));
+const windowHeight = 844;
+
+/** The host view's own measureInWindow answers with the modelled scroll position. */
+const stubSentinel = () => {
+  const el = document.querySelector('[data-testid="image-grid-sentinel"]') as
+    | (HTMLElement & { measureInWindow?: (cb: (...rect: Rect) => void) => void })
+    | null;
+  if (el) el.measureInWindow = (cb) => cb(...sentinelRect());
+};
+
+beforeEach(() => {
+  vi.useFakeTimers();
+  scrollY = 0;
+});
+
+afterEach(() => {
+  cleanup();
+  vi.useRealTimers();
+});
+
+const all = Array.from({ length: 21 }, (_, i) => ({ id: i + 1 }));
+
+/** The FrappeList bridge's shape: onLoadMore widens the slice, 12 per page. */
+function Paged({
+  onRequest,
+  isLoading = false,
+  pageSize = 12,
+  step = pageSize,
+}: {
+  onRequest: () => void;
+  isLoading?: boolean;
+  pageSize?: number;
+  /** Rows a request adds; 0 pins the grid so nothing but the latch stops a repeat. */
+  step?: number;
+}) {
+  const [limit, setLimit] = useState(pageSize);
+  const onLoadMore = useCallback(() => {
+    onRequest();
+    setLimit((prev) => prev + step);
+  }, [onRequest, step]);
+  const items = all.slice(0, limit);
+  return (
+    <ImageGrid
+      items={items}
+      columns={columns}
+      isLoading={isLoading}
+      hasMore={all.length > limit}
+      onLoadMore={onLoadMore}
+      renderItem={(item) => <span data-testid="tile">{item.id}</span>}
+    />
+  );
+}
+
+const poll = (times = 1) => {
+  for (let i = 0; i < times; i++) {
+    stubSentinel();
+    act(() => {
+      vi.advanceTimersByTime(PAGE_FLOW_POLL_MS);
+    });
+  }
+};
+
+/** Scroll until the grid's last row sits on the window's bottom edge. */
+const scrollToEnd = (polls = 1) => {
+  scrollY = contentHeight() - windowHeight + 1;
+  poll(polls);
+};
+const scrollToTop = (polls = 1) => {
+  scrollY = 0;
+  poll(polls);
+};
+
+describe("ImageGrid page-flow load-more under tamagui's NATIVE build (FZ-8659)", () => {
+  it("runs tamagui's native build", () => {
+    expect(isWeb).toBe(false);
+  });
+
+  it("requests nothing while the end of the grid is below the window", () => {
+    const onRequest = vi.fn();
+    renderWithProviders(<Paged onRequest={onRequest} />);
+    scrollToTop(8);
+    expect(onRequest).not.toHaveBeenCalled();
+  });
+
+  it("requests the next page once per scroll to the end, then stops when nothing remains", () => {
+    const onRequest = vi.fn();
+    renderWithProviders(<Paged onRequest={onRequest} pageSize={8} />);
+    expect(tileCount()).toBe(8);
+
+    scrollToEnd(6);
+    expect(onRequest).toHaveBeenCalledTimes(1);
+    expect(tileCount()).toBe(16);
+
+    scrollToEnd(6);
+    expect(onRequest).toHaveBeenCalledTimes(2);
+    expect(tileCount()).toBe(21);
+
+    scrollToTop(2);
+    scrollToEnd(6);
+    expect(onRequest).toHaveBeenCalledTimes(2);
+  });
+
+  it("fires once while the user rests at the end, and again after leaving and coming back", () => {
+    const onRequest = vi.fn();
+    renderWithProviders(<Paged onRequest={onRequest} step={0} />);
+    scrollToEnd(12);
+    expect(onRequest).toHaveBeenCalledTimes(1);
+    scrollToTop(2);
+    scrollToEnd(12);
+    expect(onRequest).toHaveBeenCalledTimes(2);
+  });
+
+  it("loads all 21 of the reference bench's records in 12-row pages", () => {
+    const onRequest = vi.fn();
+    renderWithProviders(<Paged onRequest={onRequest} />);
+    expect(tileCount()).toBe(12);
+    scrollToEnd(8);
+    expect(onRequest).toHaveBeenCalledTimes(1);
+    expect(tileCount()).toBe(21);
+  });
+
+  it("holds while a page is in flight and fires once when it clears", () => {
+    const onRequest = vi.fn();
+    const view = renderWithProviders(<Paged onRequest={onRequest} isLoading />);
+    scrollToEnd(6);
+    expect(onRequest).not.toHaveBeenCalled();
+    view.rerender(<Paged onRequest={onRequest} />);
+    poll(6);
+    expect(onRequest).toHaveBeenCalledTimes(1);
+  });
+
+  it("never fires for a sentinel that has not been laid out", () => {
+    const onRequest = vi.fn();
+    renderWithProviders(<Paged onRequest={onRequest} />);
+    scrollY = null;
+    poll(6);
+    expect(onRequest).not.toHaveBeenCalled();
+  });
+});