@oxy.so/bloom 5.4.0 → 6.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["surfaceStyle","React","memo","useEffect","Platform","StyleSheet","View","Svg","Defs","LinearGradient","Rect","Stop","useSvgIdPrefix","StyledView","adoptStyleSheet","surfaceMaterialCss","useSurfaceRefraction","useTheme","resolveSurfaceFill","resolveSurfaceOptics","surfaceSvgStop","jsx","_jsx","jsxs","_jsxs","WEB_PAINT_CSS","SurfacePaint","fill","backdrop","radius","shape","direction","glass","sheen","testID","geometry","undefined","borderRadius","curve","theme","optics","isDark","resolvedFill","colors","card","id","isWeb","OS","paintStyle","position","top","right","bottom","left","backgroundColor","rim","sheenCss","pointerEvents","className","style","base","absoluteFill","overflow","children","width","height","x1","y1","x2","y2","map","stop","offset","String","stopColor","color","stopOpacity","opacity","x","y","fillOpacity","boxShadow"],"sourceRoot":"../../../src","sources":["surface/SurfacePaint.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["surfaceStyle","React","memo","useEffect","Platform","StyleSheet","View","Svg","Defs","LinearGradient","Rect","Stop","useSvgIdPrefix","StyledView","adoptStyleSheet","surfaceMaterialCss","useSurfaceRefraction","useTheme","resolveSurfaceTint","resolveSurfaceOptics","surfaceSvgStop","jsx","_jsx","jsxs","_jsxs","WEB_PAINT_CSS","SurfacePaint","fill","radius","shape","direction","sheen","testID","geometry","undefined","borderRadius","curve","theme","optics","isDark","resolvedFill","id","isWeb","OS","paintStyle","position","top","right","bottom","left","backgroundColor","rim","sheenCss","pointerEvents","className","style","base","absoluteFill","overflow","children","width","height","x1","y1","x2","y2","map","stop","offset","String","stopColor","color","stopOpacity","opacity","x","y","fillOpacity","boxShadow"],"sourceRoot":"../../../src","sources":["surface/SurfacePaint.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surface/resolve-surface-geometry.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { surfaceStyle } from "../shapes/surface-style.js";
+/** Explicit axis > resolved caller style/class > family default, on both paint and host. */
+export function resolveSurfaceGeometry(radius, style, fallback, curve) {
+  const effectiveRadius = radius ?? StyleSheet.flatten(style)?.borderRadius ?? fallback;
+  const shape = {
+    ...(typeof effectiveRadius === 'number' ? {
+      radius: effectiveRadius
+    } : {}),
+    curve: effectiveRadius === 9999 ? 'round' : curve
+  };
+  return {
+    radius: effectiveRadius,
+    shape,
+    style: {
+      ...surfaceStyle(shape),
+      borderRadius: effectiveRadius
+    }
+  };
+}
+//# sourceMappingURL=resolve-surface-geometry.js.map

package/lib/module/surface/resolve-surface-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","surfaceStyle","resolveSurfaceGeometry","radius","style","fallback","curve","effectiveRadius","flatten","borderRadius","shape"],"sourceRoot":"../../../src","sources":["surface/resolve-surface-geometry.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AACzE,SAASC,YAAY,QAAQ,4BAAyB;AAGtD;AACA,OAAO,SAASC,sBAAsBA,CACpCC,MAA6C,EAC7CC,KAAuC,EACvCC,QAAgB,EAChBC,KAAkB,EAClB;EACA,MAAMC,eAAe,GAAGJ,MAAM,IAAIH,UAAU,CAACQ,OAAO,CAACJ,KAAK,CAAC,EAAEK,YAAY,IAAIJ,QAAQ;EACrF,MAAMK,KAAmB,GAAG;IAC1B,IAAI,OAAOH,eAAe,KAAK,QAAQ,GAAG;MAAEJ,MAAM,EAAEI;IAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3ED,KAAK,EAAEC,eAAe,KAAK,IAAI,GAAG,OAAO,GAAGD;EAC9C,CAAC;EACD,OAAO;IAAEH,MAAM,EAAEI,eAAe;IAAEG,KAAK;IAAEN,KAAK,EAAE;MAAE,GAAGH,YAAY,CAACS,KAAK,CAAC;MAAED,YAAY,EAAEF;IAAgB;EAAE,CAAC;AAC7G","ignoreList":[]}

package/lib/module/surface/resolve-surface-material.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { parseRgba } from "../theme/color-utils.js";
+import { surfaceFillVars } from "../styles/surface-levels.js";
+import { resolveSurfaceFill, resolveSurfaceTint } from "./shared.js";
+/** One decision for the pixels, descendant backing, depth and CSS aliases. */
+export function resolveSurfaceMaterial({
+  fill,
+  parentFill,
+  parentLevel = 0,
+  paint = true,
+  level
+}) {
+  const visible = fill.trim().toLowerCase() !== 'transparent' && parseRgba(fill)?.a !== 0;
+  const painted = paint && visible;
+  const paintFill = painted ? resolveSurfaceTint(fill) : fill;
+  const publishedFill = resolveSurfaceFill(paintFill, parentFill);
+  return {
+    painted,
+    paintFill,
+    publishedFill,
+    level: level ?? (painted ? Math.min(parentLevel + 1, 3) : parentLevel),
+    vars: surfaceFillVars(visible ? publishedFill : undefined)
+  };
+}
+//# sourceMappingURL=resolve-surface-material.js.map

package/lib/module/surface/resolve-surface-material.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseRgba","surfaceFillVars","resolveSurfaceFill","resolveSurfaceTint","resolveSurfaceMaterial","fill","parentFill","parentLevel","paint","level","visible","trim","toLowerCase","a","painted","paintFill","publishedFill","Math","min","vars","undefined"],"sourceRoot":"../../../src","sources":["surface/resolve-surface-material.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,yBAAsB;AAChD,SAASC,eAAe,QAA2B,6BAA0B;AAC7E,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,aAAU;AAYjE;AACA,OAAO,SAASC,sBAAsBA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAEC,WAAW,GAAG,CAAC;EAAEC,KAAK,GAAG,IAAI;EAAEC;AAA4B,CAAC,EAAE;EACvH,MAAMC,OAAO,GAAGL,IAAI,CAACM,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,KAAK,aAAa,IAAIZ,SAAS,CAACK,IAAI,CAAC,EAAEQ,CAAC,KAAK,CAAC;EACvF,MAAMC,OAAO,GAAGN,KAAK,IAAIE,OAAO;EAChC,MAAMK,SAAS,GAAGD,OAAO,GAAGX,kBAAkB,CAACE,IAAI,CAAC,GAAGA,IAAI;EAC3D,MAAMW,aAAa,GAAGd,kBAAkB,CAACa,SAAS,EAAET,UAAU,CAAC;EAC/D,OAAO;IACLQ,OAAO;IACPC,SAAS;IACTC,aAAa;IACbP,KAAK,EAAEA,KAAK,KAAKK,OAAO,GAAGG,IAAI,CAACC,GAAG,CAACX,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,GAAmBA,WAAW,CAAC;IACtFY,IAAI,EAAElB,eAAe,CAACS,OAAO,GAAGM,aAAa,GAAGI,SAAS;EAC3D,CAAC;AACH","ignoreList":[]}

package/lib/module/surface/shared.js

@@ -60,9 +60,14 @@ export function surfaceSvgStop(color) {
   };
 }
 
-/** Solid material flattens a translucent tint onto its resolved backing. */
-export function resolveSurfaceFill(fill, glass, backdrop) {
-  if (glass) return fill;
+/** One subtle material: retain explicit alpha; opaque fills transmit ten percent. */
+export function resolveSurfaceTint(fill) {
+  const parsed = parseRgba(fill);
+  return parsed?.a === 1 ? withAlpha(fill, 0.9) : fill;
+}
+
+/** Estimate the backing descendants see by compositing tint onto its parent. */
+export function resolveSurfaceFill(fill, backdrop) {
   if (fill.trim().toLowerCase() === 'transparent') return backdrop;
   const tint = parseRgba(fill);
   const base = parseRgba(backdrop);

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

@@ -1 +1 @@
-{"version":3,"names":["parseRgba","withAlpha","SURFACE_SHEEN","offset","color","opacity","SURFACE_SHEEN_CSS","map","stop","join","SURFACE_RIM","DARK_SHEEN","DARK_SHEEN_CSS","LIGHT_OPTICS","sheen","sheenCss","rim","DARK_OPTICS","resolveSurfaceOptics","isDark","surfaceSvgStop","parsed","r","g","b","a","resolveSurfaceFill","fill","glass","backdrop","trim","toLowerCase","tint","base","channel","front","back","Math","round"],"sourceRoot":"../../../src","sources":["surface/shared.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["parseRgba","withAlpha","SURFACE_SHEEN","offset","color","opacity","SURFACE_SHEEN_CSS","map","stop","join","SURFACE_RIM","DARK_SHEEN","DARK_SHEEN_CSS","LIGHT_OPTICS","sheen","sheenCss","rim","DARK_OPTICS","resolveSurfaceOptics","isDark","surfaceSvgStop","parsed","r","g","b","a","resolveSurfaceTint","fill","resolveSurfaceFill","backdrop","trim","toLowerCase","tint","base","channel","front","back","Math","round"],"sourceRoot":"../../../src","sources":["surface/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surface/use-resolved-surface.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { useSurfaceLayer } from "./use-surface-layer.js";
+import { resolveSurfaceMaterial } from "./resolve-surface-material.js";
+
+/** Passive surface defaults come from the actual nearest backing. */
+export function useResolvedSurface(options = {}) {
+  const parent = useSurfaceLayer();
+  return resolveSurfaceMaterial({
+    ...options,
+    fill: options.fill ?? parent.fill,
+    parentFill: options.parentFill ?? parent.parentFill,
+    parentLevel: options.parentLevel ?? parent.parentLevel
+  });
+}
+//# sourceMappingURL=use-resolved-surface.js.map

package/lib/module/surface/use-resolved-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSurfaceLayer","resolveSurfaceMaterial","useResolvedSurface","options","parent","fill","parentFill","parentLevel"],"sourceRoot":"../../../src","sources":["surface/use-resolved-surface.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,wBAAqB;AACrD,SAASC,sBAAsB,QAAmC,+BAA4B;;AAE9F;AACA,OAAO,SAASC,kBAAkBA,CAACC,OAAsC,GAAG,CAAC,CAAC,EAAE;EAC9E,MAAMC,MAAM,GAAGJ,eAAe,CAAC,CAAC;EAChC,OAAOC,sBAAsB,CAAC;IAAE,GAAGE,OAAO;IAAEE,IAAI,EAAEF,OAAO,CAACE,IAAI,IAAID,MAAM,CAACC,IAAI;IAAEC,UAAU,EAAEH,OAAO,CAACG,UAAU,IAAIF,MAAM,CAACE,UAAU;IAAEC,WAAW,EAAEJ,OAAO,CAACI,WAAW,IAAIH,MAAM,CAACG;EAAY,CAAC,CAAC;AAC/L","ignoreList":[]}

package/lib/module/surface/use-surface-backing.js

@@ -1,21 +1,24 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { useSurfaceFill, useSurfaceLevelValue, surfaceFillVars } from "../styles/surface-levels.js";
-import { parseRgba } from "../theme/color-utils.js";
-import { resolveSurfaceFill } from "./shared.js";
+import { useSurfaceFill, useSurfaceLevelValue } from "../styles/surface-levels.js";
+import { resolveSurfaceMaterial } from "./resolve-surface-material.js";
 
 /** Docked chrome publishes its backing without adding depth or material. */
 export function useSurfaceBacking(defaultFill, style, known = true) {
   const parentFill = useSurfaceFill();
   const level = useSurfaceLevelValue();
   const background = known ? StyleSheet.flatten(style)?.backgroundColor ?? defaultFill : undefined;
-  const painted = typeof background === 'string' && background !== 'transparent' && parseRgba(background)?.a !== 0;
-  const fill = painted ? resolveSurfaceFill(background, false, parentFill) : parentFill;
+  const material = resolveSurfaceMaterial({
+    fill: typeof background === 'string' ? background : 'transparent',
+    parentFill,
+    parentLevel: level,
+    paint: false
+  });
   return {
-    fill,
-    level,
-    vars: surfaceFillVars(painted ? fill : undefined)
+    fill: material.publishedFill,
+    level: material.level,
+    vars: material.vars
   };
 }
 //# sourceMappingURL=use-surface-backing.js.map

package/lib/module/surface/use-surface-backing.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useSurfaceFill","useSurfaceLevelValue","surfaceFillVars","parseRgba","resolveSurfaceFill","useSurfaceBacking","defaultFill","style","known","parentFill","level","background","flatten","backgroundColor","undefined","painted","a","fill","vars"],"sourceRoot":"../../../src","sources":["surface/use-surface-backing.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAyD,cAAc;AAC1F,SAASC,cAAc,EAAEC,oBAAoB,EAAEC,eAAe,QAAQ,6BAA0B;AAChG,SAASC,SAAS,QAAQ,yBAAsB;AAChD,SAASC,kBAAkB,QAAQ,aAAU;;AAE7C;AACA,OAAO,SAASC,iBAAiBA,CAACC,WAAmC,EAAEC,KAA4B,EAAEC,KAAK,GAAG,IAAI,EAAE;EACjH,MAAMC,UAAU,GAAGT,cAAc,CAAC,CAAC;EACnC,MAAMU,KAAK,GAAGT,oBAAoB,CAAC,CAAC;EACpC,MAAMU,UAAU,GAAGH,KAAK,GAAGT,UAAU,CAACa,OAAO,CAACL,KAAK,CAAC,EAAEM,eAAe,IAAIP,WAAW,GAAGQ,SAAS;EAChG,MAAMC,OAAO,GAAG,OAAOJ,UAAU,KAAK,QAAQ,IAAIA,UAAU,KAAK,aAAa,IAAIR,SAAS,CAACQ,UAAU,CAAC,EAAEK,CAAC,KAAK,CAAC;EAChH,MAAMC,IAAI,GAAGF,OAAO,GAAGX,kBAAkB,CAACO,UAAU,EAAE,KAAK,EAAEF,UAAU,CAAC,GAAGA,UAAU;EACrF,OAAO;IAAEQ,IAAI;IAAEP,KAAK;IAAEQ,IAAI,EAAEhB,eAAe,CAACa,OAAO,GAAGE,IAAI,GAAGH,SAAS;EAAE,CAAC;AAC3E","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useSurfaceFill","useSurfaceLevelValue","resolveSurfaceMaterial","useSurfaceBacking","defaultFill","style","known","parentFill","level","background","flatten","backgroundColor","undefined","material","fill","parentLevel","paint","publishedFill","vars"],"sourceRoot":"../../../src","sources":["surface/use-surface-backing.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAyD,cAAc;AAC1F,SAASC,cAAc,EAAEC,oBAAoB,QAAQ,6BAA0B;AAC/E,SAASC,sBAAsB,QAAQ,+BAA4B;;AAEnE;AACA,OAAO,SAASC,iBAAiBA,CAACC,WAAmC,EAAEC,KAA4B,EAAEC,KAAK,GAAG,IAAI,EAAE;EACjH,MAAMC,UAAU,GAAGP,cAAc,CAAC,CAAC;EACnC,MAAMQ,KAAK,GAAGP,oBAAoB,CAAC,CAAC;EACpC,MAAMQ,UAAU,GAAGH,KAAK,GAAGP,UAAU,CAACW,OAAO,CAACL,KAAK,CAAC,EAAEM,eAAe,IAAIP,WAAW,GAAGQ,SAAS;EAChG,MAAMC,QAAQ,GAAGX,sBAAsB,CAAC;IAAEY,IAAI,EAAE,OAAOL,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAG,aAAa;IAAEF,UAAU;IAAEQ,WAAW,EAAEP,KAAK;IAAEQ,KAAK,EAAE;EAAM,CAAC,CAAC;EAC5J,OAAO;IAAEF,IAAI,EAAED,QAAQ,CAACI,aAAa;IAAET,KAAK,EAAEK,QAAQ,CAACL,KAAK;IAAEU,IAAI,EAAEL,QAAQ,CAACK;EAAK,CAAC;AACrF","ignoreList":[]}

package/lib/module/surface/use-surface-material.web.js

@@ -1,20 +1,24 @@
 "use strict";
 
+import { useSurfaceRefraction } from "./web-refraction.js";
 import { useContext, useMemo } from 'react';
 import { BloomThemeContext } from "../theme/BloomThemeProvider.js";
 import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
-import { resolveSurfaceOptics } from "./shared.js";
+import { resolveSurfaceOptics, resolveSurfaceTint } from "./shared.js";
 import { surfaceMaterialCss } from "./web-material.js";
 
-/** Decorate an existing web host; preserve its fill, radius, layout and shadow. */
-export function useSurfaceMaterial(selector, id) {
-  const css = useMemo(() => `${selector} { isolation: isolate; }\n${surfaceMaterialCss(selector, 'transparent')}`, [selector]);
+/** Move a web host fill into the shared body and edge paint; preserve layout and shadow. */
+export function useSurfaceMaterial(selector, id, fill) {
+  useSurfaceRefraction(true);
+  const css = useMemo(() => `${selector} { isolation: isolate; }\n${surfaceMaterialCss(selector, 'var(--bloom-surface-fill)')}`, [selector]);
   useInteractiveWebCss(id, css);
   const theme = useContext(BloomThemeContext)?.theme;
   const optics = resolveSurfaceOptics(theme?.isDark ?? false);
   return useMemo(() => ({
+    backgroundColor: 'transparent',
+    '--bloom-surface-fill': resolveSurfaceTint(fill),
     '--bloom-surface-rim': optics.rim,
     '--bloom-surface-sheen': optics.sheenCss
-  }), [optics]);
+  }), [optics, fill]);
 }
 //# sourceMappingURL=use-surface-material.web.js.map

package/lib/module/surface/use-surface-material.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useMemo","BloomThemeContext","useInteractiveWebCss","resolveSurfaceOptics","surfaceMaterialCss","useSurfaceMaterial","selector","id","css","theme","optics","isDark","rim","sheenCss"],"sourceRoot":"../../../src","sources":["surface/use-surface-material.web.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,gCAA6B;AAC/D,SAASC,oBAAoB,QAAQ,kCAA+B;AAEpE,SAASC,oBAAoB,QAAQ,aAAU;AAC/C,SAASC,kBAAkB,QAAQ,mBAAgB;;AAEnD;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAgB,EAAEC,EAAU,EAAe;EAC5E,MAAMC,GAAG,GAAGR,OAAO,CAAC,MAAM,GAAGM,QAAQ,6BAA6BF,kBAAkB,CAACE,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC5HJ,oBAAoB,CAACK,EAAE,EAAEC,GAAG,CAAC;EAC7B,MAAMC,KAAK,GAAGV,UAAU,CAACE,iBAAiB,CAAC,EAAEQ,KAAK;EAClD,MAAMC,MAAM,GAAGP,oBAAoB,CAACM,KAAK,EAAEE,MAAM,IAAI,KAAK,CAAC;EAC3D,OAAOX,OAAO,CAAC,OAAO;IACpB,qBAAqB,EAAEU,MAAM,CAACE,GAAG;IACjC,uBAAuB,EAAEF,MAAM,CAACG;EAClC,CAAC,CAAC,EAAE,CAACH,MAAM,CAAC,CAAC;AACf","ignoreList":[]}
+{"version":3,"names":["useSurfaceRefraction","useContext","useMemo","BloomThemeContext","useInteractiveWebCss","resolveSurfaceOptics","resolveSurfaceTint","surfaceMaterialCss","useSurfaceMaterial","selector","id","fill","css","theme","optics","isDark","backgroundColor","rim","sheenCss"],"sourceRoot":"../../../src","sources":["surface/use-surface-material.web.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,qBAAkB;AACvD,SAASC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,gCAA6B;AAC/D,SAASC,oBAAoB,QAAQ,kCAA+B;AAEpE,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,aAAU;AACnE,SAASC,kBAAkB,QAAQ,mBAAgB;;AAEnD;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAgB,EAAEC,EAAU,EAAEC,IAAY,EAAe;EAC1FX,oBAAoB,CAAC,IAAI,CAAC;EAC1B,MAAMY,GAAG,GAAGV,OAAO,CAAC,MAAM,GAAGO,QAAQ,6BAA6BF,kBAAkB,CAACE,QAAQ,EAAE,2BAA2B,CAAC,EAAE,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC1IL,oBAAoB,CAACM,EAAE,EAAEE,GAAG,CAAC;EAC7B,MAAMC,KAAK,GAAGZ,UAAU,CAACE,iBAAiB,CAAC,EAAEU,KAAK;EAClD,MAAMC,MAAM,GAAGT,oBAAoB,CAACQ,KAAK,EAAEE,MAAM,IAAI,KAAK,CAAC;EAC3D,OAAOb,OAAO,CAAC,OAAO;IACpBc,eAAe,EAAE,aAAa;IAC9B,sBAAsB,EAAEV,kBAAkB,CAACK,IAAI,CAAC;IAChD,qBAAqB,EAAEG,MAAM,CAACG,GAAG;IACjC,uBAAuB,EAAEH,MAAM,CAACI;EAClC,CAAC,CAAC,EAAE,CAACJ,MAAM,EAAEH,IAAI,CAAC,CAAC;AACrB","ignoreList":[]}

package/lib/module/surface/web-material.js

@@ -8,7 +8,7 @@ import { SURFACE_REFRACTION_ID } from "./web-refraction.js";
  * Root must be positioned/isolated and transparent, with rounded clipping.
  * Both Surface and Button use these exact layers; state changes only their tint.
  */
-export function surfaceMaterialCss(selector, fill, transition = 'none', glass = false) {
+export function surfaceMaterialCss(selector, fill, transition = 'none') {
   return `
 ${selector}::after {
   content: "";
@@ -18,20 +18,20 @@ ${selector}::after {
   corner-shape: inherit;
   pointer-events: none;
 }
-${glass ? `${selector}::before {
+${selector}::before {
   content: "";
   position: absolute;
   border-radius: inherit;
   corner-shape: inherit;
   pointer-events: none;
   z-index: -2;
-  /* Larger panes collect nearby backdrop pixels before the rounded crop. */
-  inset: -8px;
+  /* Match the pane bounds: expanded filtered layers escape rounded clipping
+     in Chromium. Backdrop blur still supplies lateral samples to displacement. */
+  inset: 0;
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   filter: url(#${SURFACE_REFRACTION_ID});
 }
-` : ""}
 ${selector}::after {
   z-index: -1;
   background-color: ${fill};

package/lib/module/surface/web-material.js.map

@@ -1 +1 @@
-{"version":3,"names":["SURFACE_RIM","SURFACE_SHEEN_CSS","SURFACE_REFRACTION_ID","surfaceMaterialCss","selector","fill","transition","glass"],"sourceRoot":"../../../src","sources":["surface/web-material.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,iBAAiB,QAAQ,aAAU;AACzD,SAASC,qBAAqB,QAAQ,qBAAkB;;AAExD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAgB,EAAEC,IAAY,EAAEC,UAAU,GAAG,MAAM,EAAEC,KAAK,GAAG,KAAK,EAAU;EAC7G,OAAO;AACT,EAAEH,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEG,KAAK,GAAG,GAAGH,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBF,qBAAqB;AACtC;AACA,CAAC,GAAG,EAAE;AACN,EAAEE,QAAQ;AACV;AACA,sBAAsBC,IAAI;AAC1B,iDAAiDJ,iBAAiB;AAClE,yCAAyCD,WAAW;AACpD,gBAAgBM,UAAU;AAC1B,EAAE;AACF","ignoreList":[]}
+{"version":3,"names":["SURFACE_RIM","SURFACE_SHEEN_CSS","SURFACE_REFRACTION_ID","surfaceMaterialCss","selector","fill","transition"],"sourceRoot":"../../../src","sources":["surface/web-material.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,iBAAiB,QAAQ,aAAU;AACzD,SAASC,qBAAqB,QAAQ,qBAAkB;;AAExD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAgB,EAAEC,IAAY,EAAEC,UAAU,GAAG,MAAM,EAAU;EAC9F,OAAO;AACT,EAAEF,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEA,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBF,qBAAqB;AACtC;AACA,EAAEE,QAAQ;AACV;AACA,sBAAsBC,IAAI;AAC1B,iDAAiDJ,iBAAiB;AAClE,yCAAyCD,WAAW;AACpD,gBAAgBM,UAAU;AAC1B,EAAE;AACF","ignoreList":[]}

package/lib/module/switch/Switch.js

@@ -1,6 +1,8 @@
 "use strict";
 
-import { normalizeBloomSize } from "../appearance/legacy.js";
+import { useReducedMotion } from 'react-native-reanimated';
+import { MOTION_RECIPES } from "../motion/recipes.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
 import { useBloomAppearance } from "../appearance/index.js";
 import { resolveBloomColors } from "../appearance/colors.js";
 import React, { memo, useCallback, useRef } from 'react';
@@ -38,27 +40,32 @@ const THUMB = {
 const PADDING = 2;
 const SQUEEZE_RATIO = 0.75; // thumb height shrinks to 75% when pressed
 
-const SwitchComponent = /*#__PURE__*/React.forwardRef(({
-  checked: checkedProp,
-  value,
-  onCheckedChange: onCheckedChangeProp,
-  onValueChange,
-  disabled,
-  style,
-  size: sizeProp,
-  tone: toneProp,
-  accessibilityLabel,
-  nativeID,
-  testID
-}, ref) => {
-  const checked = checkedProp ?? value ?? false;
-  const onCheckedChange = onCheckedChangeProp ?? onValueChange;
+const SwitchComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    checked: checkedProp,
+    defaultChecked = false,
+    onCheckedChange,
+    disabled,
+    style,
+    size: sizeProp,
+    tone: toneProp,
+    accessibilityLabel,
+    nativeID,
+    testID
+  } = props;
+  const [checked, setChecked] = useControllableState({
+    value: checkedProp ?? false,
+    controlled: Object.prototype.hasOwnProperty.call(props, 'checked'),
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
   const theme = useTheme();
+  const reducedMotion = useReducedMotion();
   const {
     size,
     tone
   } = useBloomAppearance({
-    size: normalizeBloomSize(sizeProp),
+    size: sizeProp,
     tone: toneProp
   }, {
     size: 'md',
@@ -80,7 +87,10 @@ const SwitchComponent = /*#__PURE__*/React.forwardRef(({
   const prevValueRef = useRef(checked);
   if (prevValueRef.current !== checked) {
     prevValueRef.current = checked;
-    Animated.spring(anim, {
+    if (reducedMotion) {
+      anim.stopAnimation();
+      anim.setValue(checked ? 1 : 0);
+    } else Animated.spring(anim, {
       toValue: checked ? 1 : 0,
       useNativeDriver: false,
       ...animation.spring.gentle
@@ -88,23 +98,23 @@ const SwitchComponent = /*#__PURE__*/React.forwardRef(({
   }
   const handlePress = useCallback(() => {
     if (isDisabled) return;
-    onCheckedChange?.(!checked);
-  }, [isDisabled, checked, onCheckedChange]);
+    setChecked(!checked);
+  }, [isDisabled, checked, setChecked]);
   const onPressIn = useCallback(() => {
     if (isDisabled) return;
-    Animated.spring(pressAnim, {
+    Animated.timing(pressAnim, {
       toValue: 1,
       useNativeDriver: false,
-      ...animation.spring.snappy
+      duration: reducedMotion ? 0 : MOTION_RECIPES.press.duration
     }).start();
-  }, [isDisabled, pressAnim]);
+  }, [isDisabled, pressAnim, reducedMotion]);
   const onPressOut = useCallback(() => {
-    Animated.spring(pressAnim, {
+    Animated.timing(pressAnim, {
       toValue: 0,
       useNativeDriver: false,
-      ...animation.spring.gentle
+      duration: reducedMotion ? 0 : MOTION_RECIPES.press.duration
     }).start();
-  }, [pressAnim]);
+  }, [pressAnim, reducedMotion]);
   const track = TRACK[size];
   const thumb = THUMB[size];
   const travel = track.w - thumb - PADDING * 2;

package/lib/module/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeBloomSize","useBloomAppearance","resolveBloomColors","React","memo","useCallback","useRef","Pressable","Animated","StyleSheet","useTheme","animation","bloomShadowStyle","useAccessibleNameWarning","useFieldMembership","jsx","_jsx","TRACK","xs","w","h","sm","md","lg","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","forwardRef","checked","checkedProp","value","onCheckedChange","onCheckedChangeProp","onValueChange","disabled","style","size","sizeProp","tone","toneProp","accessibilityLabel","nativeID","testID","ref","theme","paint","colors","field","isDisabled","anim","Value","current","pressAnim","prevValueRef","spring","toValue","useNativeDriver","gentle","start","handlePress","onPressIn","snappy","onPressOut","track","thumb","travel","trackBg","interpolate","inputRange","outputRange","border","background","thumbX","squeezedHeight","thumbHeight","thumbRadius","role","describedBy","invalid","undefined","onPress","styles","hitSlop","HIT_SLOP","children","View","width","height","borderRadius","backgroundColor","justifyContent","alignItems","text","foreground","transform","translateX","displayName","Switch","top","bottom","left","right","create","opacity"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useReducedMotion","MOTION_RECIPES","useControllableState","useBloomAppearance","resolveBloomColors","React","memo","useCallback","useRef","Pressable","Animated","StyleSheet","useTheme","animation","bloomShadowStyle","useAccessibleNameWarning","useFieldMembership","jsx","_jsx","TRACK","xs","w","h","sm","md","lg","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","forwardRef","props","ref","checked","checkedProp","defaultChecked","onCheckedChange","disabled","style","size","sizeProp","tone","toneProp","accessibilityLabel","nativeID","testID","setChecked","value","controlled","Object","prototype","hasOwnProperty","call","defaultValue","onChange","theme","reducedMotion","paint","colors","field","isDisabled","anim","Value","current","pressAnim","prevValueRef","stopAnimation","setValue","spring","toValue","useNativeDriver","gentle","start","handlePress","onPressIn","timing","duration","press","onPressOut","track","thumb","travel","trackBg","interpolate","inputRange","outputRange","border","background","thumbX","squeezedHeight","thumbHeight","thumbRadius","role","describedBy","invalid","undefined","onPress","styles","hitSlop","HIT_SLOP","children","View","width","height","borderRadius","backgroundColor","justifyContent","alignItems","text","foreground","transform","translateX","displayName","Switch","top","bottom","left","right","create","opacity"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tab-bar/TabBarBase.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { resolveSurfaceMaterial } from "../surface/resolve-surface-material.js";
 import { surfaceStyle } from "../shapes/surface-style.js";
 import { SURFACE_SHAPES } from "../design-tokens/shapes.js";
 /**
@@ -20,18 +21,17 @@ import { SURFACE_SHAPES } from "../design-tokens/shapes.js";
 import { Children, Fragment, createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Platform, Pressable, StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import Animated, { Extrapolation, interpolate, interpolateColor, runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import Animated, { Extrapolation, interpolate, interpolateColor, runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { moveSelection } from "../motion/selection-motion.js";
 import { useHaptics } from "../hooks/use-haptics.js";
 import { useDirectionProps, useIsRtl } from "../hooks/use-is-rtl.js";
 import { useClaimBottomEdge } from "../layout/bottom-edge.js";
 import { windowEdgeGap } from "../layout/edge.js";
 import { useSurfaceLayer } from "../surface/use-surface-layer.js";
-import { resolveSurfaceFill } from "../surface/shared.js";
 import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
-import { SolidTabBarSurface } from "./surface-solid.js";
 import { setMinimized, useMinimizeState } from "./context.js";
-import { BAR_MARGIN, BLUR_BLEED, EXPANDED_HEIGHT, HIGHLIGHT_EXPANDED, HIGHLIGHT_FADE, HIGHLIGHT_MINIMIZED, MAX_EXPANDED_ITEM_WIDTH, ICON_SIZE, ITEM_GAP, ITEM_PAD_V, LABEL_FONT_SIZE, LONG_PRESS_MIN_DURATION, MINIMIZED_HEIGHT, MINIMIZED_INSET, ROW_PAD_H, SLIDE_SPRING, useTabBarTheme } from "./shared.js";
+import { BAR_MARGIN, BLUR_BLEED, EXPANDED_HEIGHT, HIGHLIGHT_EXPANDED, HIGHLIGHT_MINIMIZED, MAX_EXPANDED_ITEM_WIDTH, ICON_SIZE, ITEM_GAP, ITEM_PAD_V, LABEL_FONT_SIZE, LONG_PRESS_MIN_DURATION, MINIMIZED_HEIGHT, MINIMIZED_INSET, ROW_PAD_H, useTabBarTheme } from "./shared.js";
 
 /**
  * What a `TabBarButton` needs from the bar it sits in. `null` when a button is
@@ -92,7 +92,6 @@ function TabBarBody({
   maxWidth,
   embedded = false,
   scrollable = false,
-  material = 'translucent',
   minimizeProgress,
   onLayout,
   style,
@@ -136,13 +135,12 @@ function TabBarBody({
   // mirrors to; react-native-web reads that from a `dir` prop, not `<html>`.
   const dirProps = useDirectionProps();
   const layer = useSurfaceLayer();
-  const solidFill = resolveSurfaceFill(themeOverrides?.solidFallback ?? layer.fill, false, layer.parentFill);
-  const theme = useTabBarTheme({
-    ...themeOverrides,
-    solidFallback: solidFill
-  });
-  const ResolvedSurface = material === 'solid' ? SolidTabBarSurface : Surface;
-  const publishedFill = resolveSurfaceFill(ResolvedSurface.resolveFill?.(theme) ?? theme.glassTint, false, layer.parentFill);
+  const theme = useTabBarTheme(themeOverrides);
+  const ResolvedSurface = Surface;
+  const publishedFill = resolveSurfaceMaterial({
+    fill: ResolvedSurface.resolveFill?.(theme) ?? theme.glassTint,
+    parentFill: layer.parentFill
+  }).publishedFill;
   const impact = useHaptics();
 
   // The pill's OUTER width (the box the animated minimize inset is applied
@@ -217,7 +215,7 @@ function TabBarBody({
       // the bar on its way out, dragging the active tint over every tab it
       // passed. Visibility is the thing that changed, so visibility is the only
       // thing that animates.
-      highlightOpacity.value = withTiming(0, HIGHLIGHT_FADE);
+      moveSelection(slideIndex, highlightOpacity, null);
       return;
     }
     // Coming back from fully hidden the capsule APPEARS at the new tab instead
@@ -231,10 +229,7 @@ function TabBarBody({
     // position: the driver is already writing `slideIndex` every frame, and a
     // spring started here would drag the capsule across the bar between two of
     // its writes.
-    if (!driven) {
-      slideIndex.value = highlightOpacity.value === 0 ? activeIndex : withSpring(activeIndex, SLIDE_SPRING);
-    }
-    highlightOpacity.value = withTiming(1, HIGHLIGHT_FADE);
+    moveSelection(slideIndex, highlightOpacity, activeIndex, driven);
   }, [activeIndex, hasSelection, driven, slideIndex, highlightOpacity, isDragging]);
 
   // Scrubbing: the highlight tracks the finger 1:1 while dragging (no spring —
@@ -277,7 +272,7 @@ function TabBarBody({
       if (highlightOpacity.value === 0) {
         slideIndex.value = indexAtX(event.x, progress.value);
       }
-      highlightOpacity.value = withTiming(1, HIGHLIGHT_FADE);
+      moveSelection(slideIndex, highlightOpacity, slideIndex.value, true);
       lastTicked.value = Math.round(slideIndex.value);
       // Scrubbing is a deliberate bar interaction — surface the labels.
       setMinimized(minimized, 0);
@@ -296,7 +291,7 @@ function TabBarBody({
         return;
       }
       const rounded = Math.round(slideIndex.value);
-      slideIndex.value = withSpring(rounded, SLIDE_SPRING);
+      moveSelection(slideIndex, highlightOpacity, rounded);
       runOnJS(selectIndex)(rounded);
       isDragging.value = false;
     });
@@ -315,10 +310,7 @@ function TabBarBody({
       // the others and the driver carries the highlight to the tapped tab.
       // The scrub is the one gesture that does not: a finger dragging the
       // pill is manipulating the bar itself, not asking for a page.
-      if (!driven) {
-        slideIndex.value = highlightOpacity.value === 0 ? index : withSpring(index, SLIDE_SPRING);
-      }
-      highlightOpacity.value = withTiming(1, HIGHLIGHT_FADE);
+      moveSelection(slideIndex, highlightOpacity, index, driven);
       setMinimized(minimized, 0);
       runOnJS(selectIndex)(index);
     });
@@ -540,7 +532,7 @@ function TabBarButtonBody({
     // already tracking this same focus change; springing from here as well would
     // be a second writer on one shared value.
     if (bar.driven) return;
-    bar.slideIndex.value = withSpring(index, SLIDE_SPRING);
+    moveSelection(bar.slideIndex, bar.highlightOpacity, index);
   }, [isFocused, index, bar]);
 
   // Tint follows the sliding highlight, not navigation focus: whatever the pill
@@ -613,10 +605,7 @@ function TabBarButtonBody({
         // rule the tap gesture and the controlled path follow. Skipped on the
         // driven path, where the position belongs to the driver and this
         // press will reach it as an ordinary selection.
-        if (!bar.driven) {
-          bar.slideIndex.value = bar.highlightOpacity.value === 0 ? index : withSpring(index, SLIDE_SPRING);
-        }
-        bar.highlightOpacity.value = withTiming(1, HIGHLIGHT_FADE);
+        moveSelection(bar.slideIndex, bar.highlightOpacity, index, bar.driven);
       }
       setMinimized(minimized, 0);
       // A tap the bar's gesture already reported is not reported again