@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/chip/shared.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import { resolveButtonRamps } from "../button/shared.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { pressedSurface } from "../theme/press-colors.js";
+import { resolveChipHueColors } from "./hue-colors.js";
+
+/**
+ * `Chip`'s rungs and paint, pure so a gate can walk them without rendering.
+ *
+ *            height  padding-x  gap  icon  text
+ *   small    24      6          4    14    caption-1-medium
+ *   medium   24      6          4    16    body-medium         ← default
+ *   large    28      6          4    16    body-medium
+ *   xl       32      12         8    16    body-medium
+ *   2xl      40      16         8    18    body-medium
+ *
+ * The scale used to stop at `large`, which is why FIVE families grew their own
+ * pill rather than use this one: 28 tall with 6px sides is a TAG, and a filter
+ * you tap needs a target. `xl` is the filter/segment row (the pill
+ * `media-shelf`, `music-library` and `stay-search` each re-drew at 32); `2xl`
+ * is the filters-sheet pill, tall enough for touch, with the `minWidth` that
+ * keeps a one-character label ("1", "8+") from collapsing to a dot.
+ */
+
+function rung(height, type, paddingHorizontal, iconGap, minWidth = 0, icon = Math.round(TYPE_SCALE[type].fontSize * 1.15)) {
+  return {
+    height,
+    type,
+    paddingHorizontal,
+    iconGap,
+    icon,
+    minWidth
+  };
+}
+export const CHIP_GEOMETRY = {
+  small: rung(24, 'caption-1-medium', 6, 4),
+  medium: rung(24, 'body-medium', 6, 4),
+  large: rung(28, 'body-medium', 6, 4),
+  xl: rung(32, 'body-medium', 12, 8),
+  '2xl': rung(40, 'body-medium', 16, 8, 48, 18)
+};
+/**
+ * Resolve every colour one chip paints, for one tone at one loudness in one
+ * selection state.
+ *
+ * `solid` / `subtle` / `outlined` go through the shared accent recipe, and
+ * selection promotes the chip to the BRAND tone — the filter-pill behaviour.
+ *
+ * `inverted` is the fourth, and it is a different idea rather than a fourth
+ * loudness: at rest it is a hairline on the page, and selected it turns the
+ * page's own reading pair OVER (fill `text`, label `background`). That pair is
+ * legible by construction in both modes and under every preset, which is what
+ * a filters sheet needs and what a brand-tone promotion cannot promise. It is
+ * the pill `stay-filters` used to draw itself.
+ */
+export function resolveChipPaint(theme, {
+  tone,
+  variant,
+  selected,
+  hue,
+  surface
+}) {
+  if (variant === 'inverted') {
+    const {
+      neutral
+    } = resolveButtonRamps(theme);
+    const text = theme.colors.text;
+    if (selected) {
+      const pressed = pressedSurface(theme.colors, text, theme.colors.background);
+      return {
+        background: text,
+        foreground: theme.colors.background,
+        border: text,
+        borderWidth: 1,
+        pressedBackground: pressed,
+        hoveredBorder: text
+      };
+    }
+    return {
+      background: 'transparent',
+      foreground: text,
+      border: theme.isDark ? neutral[700] : neutral[200],
+      borderWidth: 1,
+      pressedBackground: theme.isDark ? neutral[800] : neutral[100],
+      hoveredBorder: text
+    };
+  }
+  const colors = !hue || selected ? resolveAccentColors(theme.colors, selected ? 'primary' : tone, variant) : {
+    ...resolveChipHueColors(theme, hue, surface),
+    border: 'transparent'
+  };
+  return {
+    background: colors.background,
+    foreground: colors.foreground,
+    border: colors.border,
+    borderWidth: variant === 'outlined' && !(hue && !selected) ? 1 : 0,
+    // All three fills go through the one resolver and land somewhere different
+    // because their REST surfaces do: `solid` keeps its tone and gains a state
+    // layer of its own label colour, `subtle` deepens the tint AND its alpha
+    // rather than flattening it, `outlined` has no fill so the press IS the fill.
+    pressedBackground: pressedSurface(theme.colors, colors.background, colors.foreground),
+    hoveredBorder: null
+  };
+}
+
+/** The keyboard focus ring every Bloom control draws: the accent ramp's 500. */
+export function resolveChipRing(theme) {
+  return resolveButtonRamps(theme).accent[500];
+}
+/**
+ * Whether there is more of a scrolling pill row to each side. 1px slack for
+ * fractional offsets.
+ *
+ * `CategoryBar` re-exports this as `categoryBarOverflow`: one answer, so the
+ * strip and the pill row cannot disagree about when an edge fade is up.
+ */
+export function chipRowOverflow({
+  x,
+  viewport,
+  content
+}) {
+  if (viewport <= 0 || content <= viewport + 1) return {
+    previous: false,
+    next: false
+  };
+  return {
+    previous: x > 1,
+    next: x < content - viewport - 1
+  };
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["resolveButtonRamps","TYPE_SCALE","resolveAccentColors","pressedSurface","resolveChipHueColors","rung","height","type","paddingHorizontal","iconGap","minWidth","icon","Math","round","fontSize","CHIP_GEOMETRY","small","medium","large","xl","resolveChipPaint","theme","tone","variant","selected","hue","surface","neutral","text","colors","pressed","background","foreground","border","borderWidth","pressedBackground","hoveredBorder","isDark","resolveChipRing","accent","chipRowOverflow","x","viewport","content","previous","next"],"sourceRoot":"../../../src","sources":["chip/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/composer-panel/ComposerControls.js

@@ -5,6 +5,7 @@ import { Pressable, View } from 'react-native';
 import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
 import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
 import { paintToCssImage } from "../button/shared.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
 import { RiArrowUpLine } from "../icons/remix/RiArrowUpLine.js";
 import { RiMic2Line } from "../icons/remix/RiMic2Line.js";
 import { CONTROL_SIZE, TRANSITION_MS } from "./shared.js";
@@ -256,7 +257,7 @@ function GradientFill({
 /**
  * Send (`bg-button-primary` disc): the accent gradient, its hover
  * gradient crossfading in over 150ms, the active gradient while held; disabled
- * paints the disabled gradient at 40% opacity (200ms). White 20px arrow.
+ * paints the disabled gradient at the disabled opacity (200ms). White 20px arrow.
  */
 export function SendButton({
   disabled,
@@ -275,7 +276,7 @@ export function SendButton({
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 9999,
-    opacity: disabled ? 0.4 : 1,
+    opacity: disabled ? DISABLED_OPACITY : 1,
     cursor: disabled ? 'auto' : 'pointer',
     '--bloom-composer-ring': palette.focusRing
   };

package/lib/module/composer-panel/ComposerControls.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","Pressable","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withSequence","withTiming","Svg","Defs","LinearGradient","Rect","Stop","paintToCssImage","RiArrowUpLine","RiMic2Line","CONTROL_SIZE","TRANSITION_MS","dataHook","IS_WEB","jsx","_jsx","jsxs","_jsxs","EASE_OUT","bezier","EASE_IN_OUT","MIC_BARS","height","duration","delay","MicBar","bar","color","reducedMotion","scale","value","half","easing","nativeStyle","transform","scaleY","base","width","borderRadius","backgroundColor","web","animation","style","SwapLayer","shown","children","progress","opacity","filter","pointerEvents","position","top","left","right","bottom","alignItems","justifyContent","MicButton","listening","onToggle","label","palette","hovered","setHovered","borderWidth","borderColor","border","hover","surface","boxShadow","shadowXs","cursor","focusRing","accessibilityRole","accessibilityLabel","accessibilityState","selected","onPress","onHoverIn","onHoverOut","flexDirection","gap","map","index","accent500","fill","iconPrimary","gradientId","GradientFill","paint","id","gradient","background","backgroundImage","transitionProperty","transitionDuration","transitionTimingFunction","x1","y1","x2","y2","offset","stopColor","x","y","rx","SendButton","disabled","pressed","setPressed","send","active","rest","undefined","onPressIn","onPressOut"],"sourceRoot":"../../../src","sources":["composer-panel/ComposerControls.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","Pressable","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withSequence","withTiming","Svg","Defs","LinearGradient","Rect","Stop","paintToCssImage","DISABLED_OPACITY","RiArrowUpLine","RiMic2Line","CONTROL_SIZE","TRANSITION_MS","dataHook","IS_WEB","jsx","_jsx","jsxs","_jsxs","EASE_OUT","bezier","EASE_IN_OUT","MIC_BARS","height","duration","delay","MicBar","bar","color","reducedMotion","scale","value","half","easing","nativeStyle","transform","scaleY","base","width","borderRadius","backgroundColor","web","animation","style","SwapLayer","shown","children","progress","opacity","filter","pointerEvents","position","top","left","right","bottom","alignItems","justifyContent","MicButton","listening","onToggle","label","palette","hovered","setHovered","borderWidth","borderColor","border","hover","surface","boxShadow","shadowXs","cursor","focusRing","accessibilityRole","accessibilityLabel","accessibilityState","selected","onPress","onHoverIn","onHoverOut","flexDirection","gap","map","index","accent500","fill","iconPrimary","gradientId","GradientFill","paint","id","gradient","background","backgroundImage","transitionProperty","transitionDuration","transitionTimingFunction","x1","y1","x2","y2","offset","stopColor","x","y","rx","SendButton","disabled","pressed","setPressed","send","active","rest","undefined","onPressIn","onPressOut"],"sourceRoot":"../../../src","sources":["composer-panel/ComposerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/content-panel/ContentPanel.js

@@ -33,8 +33,11 @@
  * native `src/**`) picks them up.
  */
 import React, { memo } from 'react';
+import { useOptionalPanelChrome } from "../styles/panel-chrome.js";
 import { StyledView } from "../styles/styled-primitives.js";
+import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
 import { ContentPanelNestingContext, useContentPanelNestingGuard } from "./context.js";
+import { usePanelSurfaceFill } from "./shared.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Width (in px) of the WEB sticky gutter-mask box-shadow ring. Exported for
@@ -65,11 +68,17 @@ const ContentPanelComponent = ({
   framedFrom = 768,
   surfaceClassName,
   surfaceStyle,
+  surfaceColor,
+  chrome = 'elevated',
+  shadow,
   contentClassName,
   contentStyle
 }) => {
   // Dev-only invariant — a ContentPanel must never be nested inside another.
   useContentPanelNestingGuard();
+  const panelChrome = useOptionalPanelChrome();
+  // What the panel tells its subtree it is painted in (`./shared.ts`).
+  const publishedFill = usePanelSurfaceFill(surfaceClassName, surfaceStyle, surfaceColor);
 
   // Tri-state: `undefined` → responsive (breakpoint-gated), `true` → always
   // framed, `false` → never framed (plain full-bleed). Whole literal class
@@ -79,16 +88,29 @@ const ContentPanelComponent = ({
   // true`/`false` ignore `framedFrom` for fixed always/never framing).
   const surfaceBase = framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1 overflow-hidden rounded-radius-28 border border-border' : 'flex-1';
   const surfaceClass = [surfaceBase, surfaceClassName ?? 'bg-card'].join(' ');
+  // Native has no overlays: the surface itself carries the edge. `none` drops
+  // both, `border` keeps the class-drawn hairline, `elevated` adds the lift.
+  const chromeStyle = framed === false || chrome === 'none' || chrome === 'border' ? null : shadow || panelChrome ? {
+    boxShadow: shadow ?? panelChrome?.shadow
+  } : null;
   const contentClass = ['flex-1', contentClassName].filter(Boolean).join(' ');
   return /*#__PURE__*/_jsx(ContentPanelNestingContext.Provider, {
     value: true,
     children: /*#__PURE__*/_jsx(StyledView, {
       className: surfaceClass,
-      style: surfaceStyle,
+      style: [
+      // The surface variable rides the element that carries the fill, so
+      // the two can never disagree. A no-op on native; the provider below
+      // is what answers there. (`styles/surface-levels.ts`.)
+      surfaceFillVars(publishedFill), chromeStyle, surfaceStyle],
       children: /*#__PURE__*/_jsx(StyledView, {
         className: contentClass,
         style: contentStyle,
-        children: children
+        children: /*#__PURE__*/_jsx(SurfaceLevelProvider, {
+          level: 1,
+          fill: publishedFill,
+          children: children
+        })
       })
     })
   });

package/lib/module/content-panel/ContentPanel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","StyledView","ContentPanelNestingContext","useContentPanelNestingGuard","jsx","_jsx","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","surfaceBase","undefined","surfaceClass","join","contentClass","filter","Boolean","Provider","value","className","style","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"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,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAGnC,SAASC,UAAU,QAAQ,gCAA6B;AACxD,SACEC,0BAA0B,EAC1BC,2BAA2B,QACtB,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnB;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAgE,GAAG;EACvE,GAAG,EAAE,wGAAwG;EAC7G,GAAG,EAAE,oEAAoE;EACzE,GAAG,EAAE,oEAAoE;EACzE,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,qBAAkD,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,MAAM;EACNC,UAAU,GAAG,GAAG;EAChBC,gBAAgB;EAChBC,YAAY;EACZC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ;EACAd,2BAA2B,CAAC,CAAC;;EAE7B;EACA;EACA;EACA;EACA;EACA;EACA,MAAMe,WAAW,GACfN,MAAM,KAAKO,SAAS,GAChB,UAAUV,kBAAkB,CAACI,UAAU,CAAC,EAAE,GAC1CD,MAAM,GACJ,+DAA+D,GAC/D,QAAQ;EAChB,MAAMQ,YAAY,GAAG,CAACF,WAAW,EAAEJ,gBAAgB,IAAI,SAAS,CAAC,CAACO,IAAI,CAAC,GAAG,CAAC;EAC3E,MAAMC,YAAY,GAAG,CAAC,QAAQ,EAAEN,gBAAgB,CAAC,CAACO,MAAM,CAACC,OAAO,CAAC,CAACH,IAAI,CAAC,GAAG,CAAC;EAE3E,oBACEhB,IAAA,CAACH,0BAA0B,CAACuB,QAAQ;IAACC,KAAK,EAAE,IAAK;IAAAf,QAAA,eAC/CN,IAAA,CAACJ,UAAU;MAAC0B,SAAS,EAAEP,YAAa;MAACQ,KAAK,EAAEb,YAAa;MAAAJ,QAAA,eACvDN,IAAA,CAACJ,UAAU;QAAC0B,SAAS,EAAEL,YAAa;QAACM,KAAK,EAAEX,YAAa;QAAAN,QAAA,EACtDA;MAAQ,CACC;IAAC,CACH;EAAC,CACsB,CAAC;AAE1C,CAAC;AAED,OAAO,MAAMkB,YAAY,gBAAG7B,IAAI,CAACU,qBAAqB,CAAC;AACvDmB,YAAY,CAACC,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["React","memo","useOptionalPanelChrome","StyledView","SurfaceLevelProvider","surfaceFillVars","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","surfaceColor","chrome","shadow","contentClassName","contentStyle","panelChrome","publishedFill","surfaceBase","undefined","surfaceClass","join","chromeStyle","boxShadow","contentClass","filter","Boolean","Provider","value","className","style","level","fill","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/content-panel/ContentPanel.web.js

@@ -86,8 +86,11 @@
  */
 import React, { memo } from 'react';
 import { StyledView } from "../styles/styled-primitives.js";
+import { useOptionalPanelChrome } from "../styles/panel-chrome.js";
+import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
 import { useTheme } from "../theme/use-theme.js";
 import { ContentPanelNestingContext, useContentPanelNestingGuard } from "./context.js";
+import { usePanelSurfaceFill } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Width (in px) of the sticky gutter-mask box-shadow ring. */
 export const GUTTER_MASK_SPREAD = 40;
@@ -138,11 +141,14 @@ const ContentPanelComponent = ({
   framedFrom = 768,
   surfaceClassName,
   surfaceStyle,
+  surfaceColor,
   contentClassName,
   contentStyle,
   showStickyFrame,
+  chrome = 'elevated',
+  shadow,
   maskColor,
-  overlaySizing = 'viewport',
+  overlaySizing = 'panel',
   overlayTopOffset
 }) => {
   // Dev-only invariant — must run unconditionally (before deriving any
@@ -151,6 +157,12 @@ const ContentPanelComponent = ({
   const {
     colors
   } = useTheme();
+  // The floating-panel edge the `Sidebar` wears. Optional: the panel drew its
+  // own surface long before it had a shadow, so it must not start throwing
+  // outside a provider.
+  const panelChrome = useOptionalPanelChrome();
+  // What the panel tells its subtree it is painted in (`./shared.ts`).
+  const publishedFill = usePanelSurfaceFill(surfaceClassName, surfaceStyle, surfaceColor);
 
   // Tri-state: `undefined` → responsive (md:-gated), `true` → always framed,
   // `false` → never framed (full-bleed).
@@ -204,7 +216,11 @@ const ContentPanelComponent = ({
     children: /*#__PURE__*/_jsxs(StyledView, {
       testID: "content-panel-surface",
       className: surfaceClass,
-      style: surfaceStyle,
+      style: [
+      // `--bloom-surface` rides the element that carries the fill, so CSS
+      // below the panel and `useSurfaceFill()` below the panel cannot
+      // disagree about what the panel painted.
+      surfaceFillVars(publishedFill), surfaceStyle],
       children: [showOverlays && /*#__PURE__*/_jsx(StyledView, {
         testID: "content-panel-bleed-mask",
         pointerEvents: "none",
@@ -213,16 +229,26 @@ const ContentPanelComponent = ({
           ...topOffsetStyle,
           boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}`
         }
-      }, "bleed-mask"), showOverlays && showStickyFrame !== false && /*#__PURE__*/_jsx(StyledView, {
+      }, "bleed-mask"), showOverlays && showStickyFrame !== false && chrome !== 'none' && /*#__PURE__*/_jsx(StyledView, {
         testID: "content-panel-border-frame",
-        pointerEvents: "none",
-        style: topOffsetStyle,
+        pointerEvents: "none"
+        // The shadow rides the SAME element as the hairline, so the lift and
+        // the edge can never disagree about where the panel ends. It paints
+        // outward, into the gutter the page background shows.
+        ,
+        style: [topOffsetStyle, chrome === 'elevated' && (shadow || panelChrome) ? {
+          boxShadow: shadow ?? panelChrome?.shadow
+        } : null],
         className: boundToPanel ? `web:[grid-area:1/1] z-[120] h-full w-full rounded-radius-28 border border-border ${responsive ? bp.overlayHidden : ''}` : responsive ? `web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)]` : 'web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border web:[margin-bottom:calc(-100dvh+16px)]'
       }, "border-frame"), /*#__PURE__*/_jsx(StyledView, {
         testID: "content-panel-content",
         className: contentClass,
         style: contentStyle,
-        children: children
+        children: /*#__PURE__*/_jsx(SurfaceLevelProvider, {
+          level: 1,
+          fill: publishedFill,
+          children: children
+        })
       }, "content")]
     })
   });

package/lib/module/content-panel/ContentPanel.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","StyledView","useTheme","ContentPanelNestingContext","useContentPanelNestingGuard","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","showStickyFrame","maskColor","overlaySizing","overlayTopOffset","colors","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","topOffsetStyle","top","height","marginBottom","Provider","value","testID","className","style","pointerEvents","boxShadow","background","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"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,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAGnC,SAASC,UAAU,QAAQ,gCAA6B;AAExD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SACEC,0BAA0B,EAC1BC,2BAA2B,QACtB,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnB;AACA,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAGL,GAAG;EACF,GAAG,EAAE;IACHC,OAAO,EAAE,+BAA+B;IACxCC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,IAAI,EAAE;IACJF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB;AACF,CAAC;AAED,MAAMC,qBAAkD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","ignoreList":[]}
+{"version":3,"names":["React","memo","StyledView","useOptionalPanelChrome","SurfaceLevelProvider","surfaceFillVars","useTheme","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayTopOffset","colors","panelChrome","publishedFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","topOffsetStyle","top","height","marginBottom","Provider","value","testID","className","style","pointerEvents","boxShadow","background","level","fill","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"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,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAGnC,SAASC,UAAU,QAAQ,gCAA6B;AAExD,SAASC,sBAAsB,QAAQ,2BAAwB;AAC/D,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,6BAA0B;AAChF,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SACEC,0BAA0B,EAC1BC,2BAA2B,QACtB,cAAW;AAClB,SAASC,mBAAmB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAGL,GAAG;EACF,GAAG,EAAE;IACHC,OAAO,EAAE,+BAA+B;IACxCC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,sBAAsB;IAC/BC,OAAO,EAAE,6CAA6C;IACtDC,aAAa,EAAE;EACjB,CAAC;EACD,IAAI,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","ignoreList":[]}

package/lib/module/content-panel/shared.js

@@ -0,0 +1,73 @@
+"use strict";
+
+/**
+ * What the panel tells its subtree it is painted in — shared by both forks, so
+ * web and native cannot answer the question differently.
+ *
+ * `ContentPanel` is the surface an app's routed content sits on, which makes it
+ * the container most often asked "what colour are you?" — by a sticky header
+ * that has to be opaque over the scrolling column, a tab rail, a search field's
+ * backing, a reply bar pinned to the bottom. Every one of those had to repeat
+ * the panel's own `bg-card` at its call site, and repeating it is what makes a
+ * change to the panel's surface a sweep through the app instead of one prop.
+ *
+ * So the panel publishes it: `styles/surface-levels.ts` carries the mechanism
+ * (the ambient rung, the exact `fill`, and the web variable), and this decides
+ * WHICH colour is the honest answer for a given set of props.
+ */
+import { useContext } from 'react';
+import { BloomThemeContext } from "../theme/BloomThemeProvider.js";
+
+/**
+ * Whether a caller's `surfaceStyle` repaints the surface.
+ *
+ * Walked by hand rather than with `StyleSheet.flatten` for the reason
+ * `styles/flatten-web-style.ts` records: this repo's `react-native` jest mock
+ * stubs `flatten` as an identity no-op, so an array style would pass through
+ * unflattened and the answer would silently differ between a test and an app.
+ * Later entries win, mirroring React-Native array-style precedence; falsy holes
+ * and registered-style ids (bare numbers, unresolvable without the RN runtime)
+ * are skipped, and an id is treated as "cannot know" rather than "no colour".
+ */
+function repaintedByStyle(style) {
+  if (!style) return false;
+  if (Array.isArray(style)) {
+    return style.some(entry => repaintedByStyle(entry));
+  }
+  if (typeof style === 'number') return true;
+  return typeof style === 'object' && 'backgroundColor' in style && style.backgroundColor != null;
+}
+
+/**
+ * The exact fill the panel publishes, or `undefined` when it cannot know it.
+ *
+ * Four cases, in order:
+ *
+ *  - `surfaceColor` given — the caller stated it; nothing beats that.
+ *  - `surfaceClassName` given — the caller REPAINTED the surface with a utility
+ *    Bloom cannot resolve to a colour (that is the whole point of the prop), so
+ *    publishing `card` would be a confident lie. The panel falls back to
+ *    publishing the rung alone, which is the weaker answer it had before —
+ *    `surfaceColor` is how a caller in this case gets the exact one back.
+ *  - `surfaceStyle` carrying a `backgroundColor` — the same repaint by the other
+ *    door, and the panel has to stop claiming `card` for it too. The colour is
+ *    right there, but WHICH of the two paints is a platform question the panel
+ *    must not guess at: `styled()` appends the class descriptor AFTER the style
+ *    prop, so on native the class wins the array, while on web the inline style
+ *    wins the cascade. Publishing either one would be right on one platform and
+ *    quietly wrong on the other, so the panel publishes neither and the caller
+ *    names it with `surfaceColor`.
+ *  - none of them — the panel paints `bg-card`, so it publishes `colors.card`.
+ *
+ * Outside a `BloomThemeProvider` there is no palette to name, and the panel has
+ * always rendered there on native, so this stays optional rather than throwing:
+ * a panel does not start failing at the moment it gets more informative.
+ */
+export function usePanelSurfaceFill(surfaceClassName, surfaceStyle, surfaceColor) {
+  const ctx = useContext(BloomThemeContext);
+  if (surfaceColor) return surfaceColor;
+  if (surfaceClassName) return undefined;
+  if (repaintedByStyle(surfaceStyle)) return undefined;
+  return ctx?.theme.colors.card;
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/content-panel/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","BloomThemeContext","repaintedByStyle","style","Array","isArray","some","entry","backgroundColor","usePanelSurfaceFill","surfaceClassName","surfaceStyle","surfaceColor","ctx","undefined","theme","colors","card"],"sourceRoot":"../../../src","sources":["content-panel/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,OAAO;AAGlC,SAASC,iBAAiB,QAAQ,gCAA6B;;AAE/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,KAA2B,EAAW;EAC9D,IAAI,CAACA,KAAK,EAAE,OAAO,KAAK;EACxB,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAACG,IAAI,CAAEC,KAAK,IAAKL,gBAAgB,CAACK,KAA6B,CAAC,CAAC;EAC/E;EACA,IAAI,OAAOJ,KAAK,KAAK,QAAQ,EAAE,OAAO,IAAI;EAC1C,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAI,iBAAiB,IAAIA,KAAK,IAAIA,KAAK,CAACK,eAAe,IAAI,IAAI;AACjG;;AAEA;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,OAAO,SAASC,mBAAmBA,CACjCC,gBAAoC,EACpCC,YAAkC,EAClCC,YAAgC,EACZ;EACpB,MAAMC,GAAG,GAAGb,UAAU,CAACC,iBAAiB,CAAC;EACzC,IAAIW,YAAY,EAAE,OAAOA,YAAY;EACrC,IAAIF,gBAAgB,EAAE,OAAOI,SAAS;EACtC,IAAIZ,gBAAgB,CAACS,YAAY,CAAC,EAAE,OAAOG,SAAS;EACpD,OAAOD,GAAG,EAAEE,KAAK,CAACC,MAAM,CAACC,IAAI;AAC/B","ignoreList":[]}