@oxy.so/bloom 5.4.1 → 6.1.0

package/lib/module/sticker/lottie-module.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","useEffect","useRef","providedPlayer","loadedPlayer","hasWarned","provideLottiePlayer","player","resetLottiePlayer","undefined","isComponent","candidate","adapt","DotLottieReact","WebLottiePlayer","uri","loop","paused","onLoad","onError","style","instance","callbacks","current","pause","play","src","autoplay","dotLottieRefCallback","next","addEventListener","loadLottiePlayer","require","loaded","warnLottieUnavailable","process","env","NODE_ENV","console","warn"],"sourceRoot":"../../../src","sources":["sticker/lottie-module.web.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/{control-surface → sticker}/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["control-surface/types.ts"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["sticker/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/styles/surface-levels.js

@@ -103,6 +103,7 @@
 import { createContext, createElement, useContext, useMemo } from 'react';
 import { Platform } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
+import { BloomThemeContext } from "../theme/BloomThemeProvider.js";
 import { mixColors, quietText } from "./color-contrast.js";
 import { RING_OFFSET_VAR } from "./interactive-web-css.js";
 /** WCAG AA for body-size text. */
@@ -337,6 +338,15 @@ export function useSurfaceLevel(delta = 0) {
  * app does not repeat a guess at every call site and does not have to be swept
  * when a container changes what it paints.
  */
+/** Optional ambient fill for layout containers that also work without a theme. */
+export function useOptionalSurfaceFill() {
+  const theme = useContext(BloomThemeContext)?.theme;
+  const {
+    level,
+    fill
+  } = useContext(SurfaceLevelContext);
+  return fill ?? (theme ? levelBackground(theme, level) : undefined);
+}
 export function useSurfaceFill() {
   const theme = useTheme();
   const {

package/lib/module/styles/surface-levels.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","createElement","useContext","useMemo","Platform","useTheme","mixColors","quietText","RING_OFFSET_VAR","AA_TEXT","AA_TEXT_STRONG","AA_GRAPHICAL","FILL_STEP","light","dark","HAIRLINE_STEP","surfaceFillOn","theme","parent","colors","text","isDark","hairlineOn","surfaceTextOn","textSecondary","textTertiary","textGraphical","SURFACE_LEVELS","levelBackground","level","page","background","card","inner","paintOn","border","raised","resolveSurfaceLevel","SURFACE_FILL_VAR","SURFACE_FILL_CSS","surfaceFillVars","fill","undefined","OS","vars","NO_AMBIENT_SURFACE","SurfaceLevelContext","SurfaceLevelProvider","children","value","Provider","useSurfaceLevelValue","useSurfaceLevel","delta","next","Math","min","max","steps","i","useSurfaceFill","useRingOffsetStyle","surface"],"sourceRoot":"../../../src","sources":["styles/surface-levels.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAwB,OAAO;AACzF,SAASC,QAAQ,QAAwB,cAAc;AAGvD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,SAAS,EAAEC,SAAS,QAAQ,qBAAkB;AACvD,SAASC,eAAe,QAAQ,0BAAuB;AAGvD;AACA,OAAO,MAAMC,OAAO,GAAG,GAAG;AAC1B;AACA,OAAO,MAAMC,cAAc,GAAG,CAAC;AAC/B;AACA,OAAO,MAAMC,YAAY,GAAG,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAG;EAAEC,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAI,CAAU;;AAErD;AACA,MAAMC,aAAa,GAAG;EAAEF,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAI,CAAU;;AAEzD;AACA;AACA;AACA;AACA,OAAO,SAASE,aAAaA,CAACC,KAAY,EAAEC,MAAc,EAAU;EAClE,OAAOZ,SAAS,CAACY,MAAM,EAAED,KAAK,CAACE,MAAM,CAACC,IAAI,EAAER,SAAS,CAACK,KAAK,CAACI,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AACzF;;AAEA;AACA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","ignoreList":[]}
+{"version":3,"names":["createContext","createElement","useContext","useMemo","Platform","useTheme","BloomThemeContext","mixColors","quietText","RING_OFFSET_VAR","AA_TEXT","AA_TEXT_STRONG","AA_GRAPHICAL","FILL_STEP","light","dark","HAIRLINE_STEP","surfaceFillOn","theme","parent","colors","text","isDark","hairlineOn","surfaceTextOn","textSecondary","textTertiary","textGraphical","SURFACE_LEVELS","levelBackground","level","page","background","card","inner","paintOn","border","raised","resolveSurfaceLevel","SURFACE_FILL_VAR","SURFACE_FILL_CSS","surfaceFillVars","fill","undefined","OS","vars","NO_AMBIENT_SURFACE","SurfaceLevelContext","SurfaceLevelProvider","children","value","Provider","useSurfaceLevelValue","useSurfaceLevel","delta","next","Math","min","max","steps","i","useOptionalSurfaceFill","useSurfaceFill","useRingOffsetStyle","surface"],"sourceRoot":"../../../src","sources":["styles/surface-levels.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAwB,OAAO;AACzF,SAASC,QAAQ,QAAwB,cAAc;AAGvD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,iBAAiB,QAAQ,gCAA6B;AAC/D,SAASC,SAAS,EAAEC,SAAS,QAAQ,qBAAkB;AACvD,SAASC,eAAe,QAAQ,0BAAuB;AAGvD;AACA,OAAO,MAAMC,OAAO,GAAG,GAAG;AAC1B;AACA,OAAO,MAAMC,cAAc,GAAG,CAAC;AAC/B;AACA,OAAO,MAAMC,YAAY,GAAG,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAG;EAAEC,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAI,CAAU;;AAErD;AACA,MAAMC,aAAa,GAAG;EAAEF,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAI,CAAU;;AAEzD;AACA;AACA;AACA;AACA,OAAO,SAASE,aAAaA,CAACC,KAAY,EAAEC,MAAc,EAAU;EAClE,OAAOZ,SAAS,CAACY,MAAM,EAAED,KAAK,CAACE,MAAM,CAACC,IAAI,EAAER,SAAS,CAACK,KAAK,CAACI,MAAM,GAAG,MAAM,GAAG,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","ignoreList":[]}

package/lib/module/surface/Surface.js

@@ -1,24 +1,21 @@
 "use strict";
 
-import { surfaceStyle } from "../shapes/surface-style.js";
+import { resolveSurfaceGeometry } from "./resolve-surface-geometry.js";
 import { SURFACE_SHAPES } from "../design-tokens/shapes.js";
 import React, { forwardRef, memo } from 'react';
 import { styled } from 'react-native-css';
 import { Platform, StyleSheet } from 'react-native';
-import { parseRgba, withAlpha } from "../theme/color-utils.js";
 import { StyledView } from "../styles/styled-primitives.js";
 import { borderRadius } from "../styles/tokens.js";
-import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
-import { useSurfaceLayer } from "./use-surface-layer.js";
-import { resolveSurfaceFill } from "./shared.js";
+import { SurfaceLevelProvider } from "../styles/surface-levels.js";
+import { useResolvedSurface } from "./use-resolved-surface.js";
 import { SurfacePaint } from "./SurfacePaint.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Layout-neutral container: callers supply their own padding and content. */
 const SurfaceComponent = /*#__PURE__*/forwardRef(function SurfaceComponent({
   children,
-  material = 'solid',
   fill,
-  radius = borderRadius.xl,
+  radius,
   cornerCurve = SURFACE_SHAPES.panel.curve,
   style,
   className,
@@ -26,14 +23,12 @@ const SurfaceComponent = /*#__PURE__*/forwardRef(function SurfaceComponent({
   testID,
   ...hostProps
 }, ref) {
-  const glass = material === 'glass';
-  const layer = useSurfaceLayer();
   const resolvedStyle = StyleSheet.flatten(style);
-  const effectiveRadius = resolvedStyle?.borderRadius ?? radius;
-  const tint = fill ?? resolvedStyle?.backgroundColor ?? (glass ? withAlpha(layer.fill, 0.25) : layer.fill);
-  const painted = glass || tint !== 'transparent' && parseRgba(String(tint))?.a !== 0;
-  const color = resolveSurfaceFill(String(tint), glass, layer.parentFill);
-  const publishedFill = painted ? resolveSurfaceFill(color, false, layer.parentFill) : layer.parentFill;
+  const geometry = resolveSurfaceGeometry(radius, style, borderRadius.xl, cornerCurve);
+  const override = fill ?? resolvedStyle?.backgroundColor;
+  const material = useResolvedSurface({
+    fill: override === undefined ? undefined : String(override)
+  });
   return /*#__PURE__*/_jsxs(StyledView, {
     ...hostProps,
     ref: ref,
@@ -41,26 +36,19 @@ const SurfaceComponent = /*#__PURE__*/forwardRef(function SurfaceComponent({
     accessibilityLabel: accessibilityLabel,
     testID: testID,
     style: [{
-      position: 'relative',
-      borderRadius: effectiveRadius,
-      ...surfaceStyle({
-        curve: cornerCurve
-      })
+      position: 'relative'
     }, style, {
       backgroundColor: 'transparent',
-      ...surfaceFillVars(painted ? publishedFill : undefined)
+      ...material.vars,
+      ...geometry.style
     }],
-    children: [painted ? /*#__PURE__*/_jsx(SurfacePaint, {
-      fill: color,
-      backdrop: layer.parentFill,
-      radius: effectiveRadius,
-      shape: {
-        curve: cornerCurve
-      },
-      glass: glass
+    children: [material.painted ? /*#__PURE__*/_jsx(SurfacePaint, {
+      fill: material.paintFill,
+      radius: geometry.radius,
+      shape: geometry.shape
     }) : null, /*#__PURE__*/_jsx(SurfaceLevelProvider, {
-      level: painted ? layer.level : layer.parentLevel,
-      fill: publishedFill,
+      level: material.level,
+      fill: material.publishedFill,
       children: children
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["surfaceStyle","SURFACE_SHAPES","React","forwardRef","memo","styled","Platform","StyleSheet","parseRgba","withAlpha","StyledView","borderRadius","SurfaceLevelProvider","surfaceFillVars","useSurfaceLayer","resolveSurfaceFill","SurfacePaint","jsx","_jsx","jsxs","_jsxs","SurfaceComponent","children","material","fill","radius","xl","cornerCurve","panel","curve","style","className","accessibilityLabel","testID","hostProps","ref","glass","layer","resolvedStyle","flatten","effectiveRadius","tint","backgroundColor","painted","String","a","color","parentFill","publishedFill","position","undefined","backdrop","shape","level","parentLevel","NativeSurface","Surface","OS","displayName"],"sourceRoot":"../../../src","sources":["surface/Surface.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["resolveSurfaceGeometry","SURFACE_SHAPES","React","forwardRef","memo","styled","Platform","StyleSheet","StyledView","borderRadius","SurfaceLevelProvider","useResolvedSurface","SurfacePaint","jsx","_jsx","jsxs","_jsxs","SurfaceComponent","children","fill","radius","cornerCurve","panel","curve","style","className","accessibilityLabel","testID","hostProps","ref","resolvedStyle","flatten","geometry","xl","override","backgroundColor","material","undefined","String","position","vars","painted","paintFill","shape","level","publishedFill","NativeSurface","Surface","OS","displayName"],"sourceRoot":"../../../src","sources":["surface/Surface.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,+BAA4B;AACnE,SAASC,cAAc,QAAQ,4BAAyB;AACxD,OAAOC,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,EAAEC,UAAU,QAAmB,cAAc;AAC9D,SAASC,UAAU,QAAQ,gCAA6B;AACxD,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,oBAAoB,QAAQ,6BAA0B;AAC/D,SAASC,kBAAkB,QAAQ,2BAAwB;AAC3D,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9C;AACA,MAAMC,gBAAgB,gBAAGd,UAAU,CAAqB,SAASc,gBAAgBA,CAAC;EAChFC,QAAQ;EAAEC,IAAI;EAAEC,MAAM;EAAEC,WAAW,GAAGpB,cAAc,CAACqB,KAAK,CAACC,KAAK;EAChEC,KAAK;EAAEC,SAAS;EAAEC,kBAAkB;EAAEC,MAAM;EAAE,GAAGC;AACnD,CAAC,EAAEC,GAAG,EAAE;EACN,MAAMC,aAAa,GAAGvB,UAAU,CAACwB,OAAO,CAACP,KAAK,CAAC;EAC/C,MAAMQ,QAAQ,GAAGhC,sBAAsB,CAACoB,MAAM,EAAEI,KAAK,EAAEf,YAAY,CAACwB,EAAE,EAAEZ,WAAW,CAAC;EAEpF,MAAMa,QAAQ,GAAGf,IAAI,IAAIW,aAAa,EAAEK,eAAe;EACvD,MAAMC,QAAQ,GAAGzB,kBAAkB,CAAC;IAAEQ,IAAI,EAAEe,QAAQ,KAAKG,SAAS,GAAGA,SAAS,GAAGC,MAAM,CAACJ,QAAQ;EAAE,CAAC,CAAC;EACpG,oBACElB,KAAA,CAACR,UAAU;IAAA,GACLoB,SAAS;IACbC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfH,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAE;IAAW,CAAC,EAAEf,KAAK,EAAE;MAAEW,eAAe,EAAE,aAAa;MAAE,GAAGC,QAAQ,CAACI,IAAI;MAAE,GAAGR,QAAQ,CAACR;IAAM,CAAC,CAAE;IAAAN,QAAA,GAEjHkB,QAAQ,CAACK,OAAO,gBAAG3B,IAAA,CAACF,YAAY;MAACO,IAAI,EAAEiB,QAAQ,CAACM,SAAU;MAACtB,MAAM,EAAEY,QAAQ,CAACZ,MAAO;MAACuB,KAAK,EAAEX,QAAQ,CAACW;IAAM,CAAE,CAAC,GAAG,IAAI,eACrH7B,IAAA,CAACJ,oBAAoB;MAACkC,KAAK,EAAER,QAAQ,CAACQ,KAAM;MAACzB,IAAI,EAAEiB,QAAQ,CAACS,aAAc;MAAA3B,QAAA,EAAEA;IAAQ,CAAuB,CAAC;EAAA,CAClG,CAAC;AAEjB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAM4B,aAAa,GAAGzC,MAAM,CAACY,gBAAgB,EAAoE;EAAEQ,SAAS,EAAE;AAAQ,CAAC,CAA4B;AACnK,OAAO,MAAMsB,OAAO,gBAAG3C,IAAI,CAACE,QAAQ,CAAC0C,EAAE,KAAK,KAAK,GAAG/B,gBAAgB,GAAG6B,aAAa,CAAC;AACrFC,OAAO,CAACE,WAAW,GAAG,SAAS","ignoreList":[]}

package/lib/module/surface/Surface.web.js

@@ -1,17 +1,16 @@
 "use strict";
 
-import { surfaceStyle } from "../shapes/surface-style.js";
+import { resolveSurfaceGeometry } from "./resolve-surface-geometry.js";
 import { SURFACE_SHAPES } from "../design-tokens/shapes.js";
 import React, { forwardRef, memo } from 'react';
 import { StyleSheet } from 'react-native';
-import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
-import { useSurfaceLayer } from "./use-surface-layer.js";
+import { SurfaceLevelProvider } from "../styles/surface-levels.js";
+import { useResolvedSurface } from "./use-resolved-surface.js";
 import { useTheme } from "../theme/use-theme.js";
-import { parseRgba, withAlpha } from "../theme/color-utils.js";
 import { borderRadius } from "../styles/tokens.js";
 import { StyledView } from "../styles/styled-primitives.js";
 import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
-import { resolveSurfaceFill, resolveSurfaceOptics } from "./shared.js";
+import { resolveSurfaceOptics } from "./shared.js";
 import { surfaceMaterialCss } from "./web-material.js";
 import { useSurfaceRefraction } from "./web-refraction.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,14 +21,12 @@ const CSS = `
   box-sizing: border-box;
 }
 .bloom-surface { overflow: hidden; }
-${surfaceMaterialCss('.bloom-surface--solid', 'var(--bloom-surface-fill)')}
-${surfaceMaterialCss('.bloom-surface--glass', 'var(--bloom-surface-fill)', 'none', true)}
+${surfaceMaterialCss('.bloom-surface--material', 'var(--bloom-surface-fill)')}
 `;
 const SurfaceComponent = /*#__PURE__*/forwardRef(function SurfaceComponent({
   children,
-  material = 'solid',
   fill,
-  radius = borderRadius.xl,
+  radius,
   cornerCurve = SURFACE_SHAPES.panel.curve,
   style,
   className,
@@ -38,39 +35,36 @@ const SurfaceComponent = /*#__PURE__*/forwardRef(function SurfaceComponent({
   ...hostProps
 }, ref) {
   const theme = useTheme();
-  const glass = material === 'glass';
-  const layer = useSurfaceLayer();
   const resolvedStyle = StyleSheet.flatten(style);
+  const geometry = resolveSurfaceGeometry(radius, style, borderRadius.xl, cornerCurve);
   useInteractiveWebCss('bloom-surface-web-css', CSS);
-  useSurfaceRefraction(glass);
-  const tint = fill ?? resolvedStyle?.backgroundColor ?? (glass ? withAlpha(layer.fill, 0.25) : layer.fill);
-  const painted = glass || tint !== 'transparent' && parseRgba(String(tint))?.a !== 0;
-  const color = resolveSurfaceFill(String(tint), glass, layer.parentFill);
-  const publishedFill = painted ? resolveSurfaceFill(color, false, layer.parentFill) : layer.parentFill;
+  const override = fill ?? resolvedStyle?.backgroundColor;
+  const material = useResolvedSurface({
+    fill: override === undefined ? undefined : String(override)
+  });
+  useSurfaceRefraction(material.painted);
   const optics = resolveSurfaceOptics(theme.isDark);
   const baseStyle = {
     '--bloom-surface-rim': optics.rim,
     '--bloom-surface-sheen': optics.sheenCss,
-    borderRadius: radius,
-    ...surfaceStyle({
-      curve: cornerCurve
-    }),
+    ...geometry.style,
     backgroundColor: 'transparent',
-    '--bloom-surface-fill': color
+    '--bloom-surface-fill': material.paintFill
   };
   return /*#__PURE__*/_jsx(StyledView, {
     ...hostProps,
     ref: ref,
-    className: ['bloom-surface', painted ? glass ? 'bloom-surface--glass' : 'bloom-surface--solid' : '', className].filter(Boolean).join(' '),
+    className: ['bloom-surface', material.painted ? 'bloom-surface--material' : '', className].filter(Boolean).join(' '),
     accessibilityLabel: accessibilityLabel,
     testID: testID,
     style: [baseStyle, style, {
       backgroundColor: 'transparent',
-      ...surfaceFillVars(painted ? publishedFill : undefined)
+      ...material.vars,
+      ...geometry.style
     }],
     children: /*#__PURE__*/_jsx(SurfaceLevelProvider, {
-      level: painted ? layer.level : layer.parentLevel,
-      fill: publishedFill,
+      level: material.level,
+      fill: material.publishedFill,
       children: children
     })
   });

package/lib/module/surface/Surface.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["surfaceStyle","SURFACE_SHAPES","React","forwardRef","memo","StyleSheet","SurfaceLevelProvider","surfaceFillVars","useSurfaceLayer","useTheme","parseRgba","withAlpha","borderRadius","StyledView","useInteractiveWebCss","resolveSurfaceFill","resolveSurfaceOptics","surfaceMaterialCss","useSurfaceRefraction","jsx","_jsx","CSS","SurfaceComponent","children","material","fill","radius","xl","cornerCurve","panel","curve","style","className","accessibilityLabel","testID","hostProps","ref","theme","glass","layer","resolvedStyle","flatten","tint","backgroundColor","painted","String","a","color","parentFill","publishedFill","optics","isDark","baseStyle","rim","sheenCss","filter","Boolean","join","undefined","level","parentLevel","Surface","displayName"],"sourceRoot":"../../../src","sources":["surface/Surface.web.tsx"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAAyB;AACtD,SAASC,cAAc,QAAQ,4BAAyB;AACxD,OAAOC,KAAK,IAAIC,UAAU,EAAEC,IAAI,QAAQ,OAAO;AAC/C,SAASC,UAAU,QAAmB,cAAc;AACpD,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,6BAA0B;AAChF,SAASC,eAAe,QAAQ,wBAAqB;AACrD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,SAAS,EAAEC,SAAS,QAAQ,yBAAsB;AAC3D,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,UAAU,QAAQ,gCAA6B;AAExD,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,kBAAkB,EAAEC,oBAAoB,QAAQ,aAAU;AACnE,SAASC,kBAAkB,QAAQ,mBAAgB;AACnD,SAASC,oBAAoB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxD,MAAMC,GAAG,GAAG;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,EAAEJ,kBAAkB,CAAC,uBAAuB,EAAE,2BAA2B,CAAC;AAC1E,EAAEA,kBAAkB,CAAC,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,EAAE,IAAI,CAAC;AACxF,CAAC;AAED,MAAMK,gBAAgB,gBAAGnB,UAAU,CAAqB,SAASmB,gBAAgBA,CAAC;EAChFC,QAAQ;EAAEC,QAAQ,GAAG,OAAO;EAAEC,IAAI;EAAEC,MAAM,GAAGd,YAAY,CAACe,EAAE;EAAEC,WAAW,GAAG3B,cAAc,CAAC4B,KAAK,CAACC,KAAK;EACtGC,KAAK;EAAEC,SAAS;EAAEC,kBAAkB;EAAEC,MAAM;EAAE,GAAGC;AACnD,CAAC,EAAEC,GAAG,EAAE;EACN,MAAMC,KAAK,GAAG5B,QAAQ,CAAC,CAAC;EACxB,MAAM6B,KAAK,GAAGd,QAAQ,KAAK,OAAO;EAClC,MAAMe,KAAK,GAAG/B,eAAe,CAAC,CAAC;EAC/B,MAAMgC,aAAa,GAAGnC,UAAU,CAACoC,OAAO,CAACV,KAAK,CAAC;EAC/CjB,oBAAoB,CAAC,uBAAuB,EAAEO,GAAG,CAAC;EAClDH,oBAAoB,CAACoB,KAAK,CAAC;EAC3B,MAAMI,IAAI,GAAGjB,IAAI,IAAIe,aAAa,EAAEG,eAAe,KAAKL,KAAK,GAAG3B,SAAS,CAAC4B,KAAK,CAACd,IAAI,EAAE,IAAI,CAAC,GAAGc,KAAK,CAACd,IAAI,CAAC;EACzG,MAAMmB,OAAO,GAAGN,KAAK,IAAKI,IAAI,KAAK,aAAa,IAAIhC,SAAS,CAACmC,MAAM,CAACH,IAAI,CAAC,CAAC,EAAEI,CAAC,KAAK,CAAE;EACrF,MAAMC,KAAK,GAAGhC,kBAAkB,CAAC8B,MAAM,CAACH,IAAI,CAAC,EAAEJ,KAAK,EAAEC,KAAK,CAACS,UAAU,CAAC;EACvE,MAAMC,aAAa,GAAGL,OAAO,GAAG7B,kBAAkB,CAACgC,KAAK,EAAE,KAAK,EAAER,KAAK,CAACS,UAAU,CAAC,GAAGT,KAAK,CAACS,UAAU;EACrG,MAAME,MAAM,GAAGlC,oBAAoB,CAACqB,KAAK,CAACc,MAAM,CAAC;EACjD,MAAMC,SAAsB,GAAG;IAC7B,qBAAqB,EAAEF,MAAM,CAACG,GAAG;IACjC,uBAAuB,EAAEH,MAAM,CAACI,QAAQ;IACxC1C,YAAY,EAAEc,MAAM;IACpB,GAAG1B,YAAY,CAAC;MAAE8B,KAAK,EAAEF;IAAY,CAAC,CAAC;IACvCe,eAAe,EAAE,aAAa;IAC9B,sBAAsB,EAAEI;EAC1B,CAAC;EACD,oBACE3B,IAAA,CAACP,UAAU;IAAA,GACLsB,SAAS;IACbC,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE,CAAC,eAAe,EAAEY,OAAO,GAAGN,KAAK,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,EAAE,EAAEN,SAAS,CAAC,CAACuB,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;IAC1IxB,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfH,KAAK,EAAE,CAACqB,SAAS,EAAErB,KAAK,EAAE;MAAEY,eAAe,EAAE,aAAa;MAAE,GAAGpC,eAAe,CAACqC,OAAO,GAAGK,aAAa,GAAGS,SAAS;IAAE,CAAC,CAAE;IAAAnC,QAAA,eAEvHH,IAAA,CAACd,oBAAoB;MAACqD,KAAK,EAAEf,OAAO,GAAGL,KAAK,CAACoB,KAAK,GAAGpB,KAAK,CAACqB,WAAY;MAACnC,IAAI,EAAEwB,aAAc;MAAA1B,QAAA,EAAEA;IAAQ,CAAuB;EAAC,CACpH,CAAC;AAEjB,CAAC,CAAC;AAEF,OAAO,MAAMsC,OAAO,gBAAGzD,IAAI,CAACkB,gBAAgB,CAAC;AAC7CuC,OAAO,CAACC,WAAW,GAAG,SAAS","ignoreList":[]}
+{"version":3,"names":["resolveSurfaceGeometry","SURFACE_SHAPES","React","forwardRef","memo","StyleSheet","SurfaceLevelProvider","useResolvedSurface","useTheme","borderRadius","StyledView","useInteractiveWebCss","resolveSurfaceOptics","surfaceMaterialCss","useSurfaceRefraction","jsx","_jsx","CSS","SurfaceComponent","children","fill","radius","cornerCurve","panel","curve","style","className","accessibilityLabel","testID","hostProps","ref","theme","resolvedStyle","flatten","geometry","xl","override","backgroundColor","material","undefined","String","painted","optics","isDark","baseStyle","rim","sheenCss","paintFill","filter","Boolean","join","vars","level","publishedFill","Surface","displayName"],"sourceRoot":"../../../src","sources":["surface/Surface.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surface/SurfacePaint.js

@@ -10,12 +10,11 @@ import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
 import { surfaceMaterialCss } from "./web-material.js";
 import { useSurfaceRefraction } from "./web-refraction.js";
 import { useTheme } from "../theme/use-theme.js";
-import { resolveSurfaceFill, resolveSurfaceOptics, surfaceSvgStop } from "./shared.js";
+import { resolveSurfaceTint, resolveSurfaceOptics, surfaceSvgStop } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const WEB_PAINT_CSS = `
 .bloom-surface-paint { isolation: isolate; overflow: hidden; }
-${surfaceMaterialCss('.bloom-surface-paint--solid', 'var(--bloom-surface-paint-fill)')}
-${surfaceMaterialCss('.bloom-surface-paint--glass', 'var(--bloom-surface-paint-fill)', 'none', true)}
+${surfaceMaterialCss('.bloom-surface-paint', 'var(--bloom-surface-paint-fill)')}
 .bloom-surface-paint--no-sheen::after { background-image: none; }
 `;
 
@@ -27,11 +26,9 @@ ${surfaceMaterialCss('.bloom-surface-paint--glass', 'var(--bloom-surface-paint-f
  */
 export const SurfacePaint = /*#__PURE__*/memo(function SurfacePaint({
   fill,
-  backdrop,
   radius,
   shape,
   direction = 'ltr',
-  glass = false,
   sheen = true,
   testID
 }) {
@@ -45,10 +42,10 @@ export const SurfacePaint = /*#__PURE__*/memo(function SurfacePaint({
   };
   const theme = useTheme();
   const optics = resolveSurfaceOptics(theme.isDark);
-  const resolvedFill = fill === undefined ? 'transparent' : resolveSurfaceFill(fill, glass, backdrop ?? theme.colors.card);
+  const resolvedFill = resolveSurfaceTint(fill ?? 'transparent');
   const id = useSvgIdPrefix('bloom-surface');
   const isWeb = Platform.OS === 'web';
-  useSurfaceRefraction(isWeb && glass);
+  useSurfaceRefraction(isWeb);
   useEffect(() => {
     if (isWeb) adoptStyleSheet('bloom-surface-paint-web-css', WEB_PAINT_CSS);
   }, [isWeb]);
@@ -68,7 +65,7 @@ export const SurfacePaint = /*#__PURE__*/memo(function SurfacePaint({
     return /*#__PURE__*/_jsx(StyledView, {
       testID: testID,
       pointerEvents: "none",
-      className: `${glass ? 'bloom-surface-paint bloom-surface-paint--glass' : 'bloom-surface-paint bloom-surface-paint--solid'}${sheen ? '' : ' bloom-surface-paint--no-sheen'}`,
+      className: `bloom-surface-paint${sheen ? '' : ' bloom-surface-paint--no-sheen'}`,
       style: paintStyle
     });
   }

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":[]}