@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/chip/index.js

@@ -3,18 +3,56 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "CHIP_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _shared.CHIP_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "CHIP_ROW_EDGE", {
+  enumerable: true,
+  get: function () {
+    return _ChipRow.CHIP_ROW_EDGE;
+  }
+});
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
   get: function () {
     return _Chip.Chip;
   }
 });
+Object.defineProperty(exports, "ChipRow", {
+  enumerable: true,
+  get: function () {
+    return _ChipRow.ChipRow;
+  }
+});
+Object.defineProperty(exports, "chipRowOverflow", {
+  enumerable: true,
+  get: function () {
+    return _shared.chipRowOverflow;
+  }
+});
 Object.defineProperty(exports, "resolveChipHueColors", {
   enumerable: true,
   get: function () {
     return _hueColors.resolveChipHueColors;
   }
 });
+Object.defineProperty(exports, "resolveChipPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveChipPaint;
+  }
+});
+Object.defineProperty(exports, "resolveChipRing", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveChipRing;
+  }
+});
 var _Chip = require("./Chip.js");
+var _ChipRow = require("./ChipRow.js");
 var _hueColors = require("./hue-colors.js");
+var _shared = require("./shared.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Chip","require","_hueColors"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_Chip","require","_ChipRow","_hueColors","_shared"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/chip/shared.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHIP_GEOMETRY = void 0;
+exports.chipRowOverflow = chipRowOverflow;
+exports.resolveChipPaint = resolveChipPaint;
+exports.resolveChipRing = resolveChipRing;
+var _shared = require("../button/shared.js");
+var _scale = require("../typography/scale.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _pressColors = require("../theme/press-colors.js");
+var _hueColors = require("./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(_scale.TYPE_SCALE[type].fontSize * 1.15)) {
+  return {
+    height,
+    type,
+    paddingHorizontal,
+    iconGap,
+    icon,
+    minWidth
+  };
+}
+const CHIP_GEOMETRY = exports.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.
+ */
+function resolveChipPaint(theme, {
+  tone,
+  variant,
+  selected,
+  hue,
+  surface
+}) {
+  if (variant === 'inverted') {
+    const {
+      neutral
+    } = (0, _shared.resolveButtonRamps)(theme);
+    const text = theme.colors.text;
+    if (selected) {
+      const pressed = (0, _pressColors.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 ? (0, _accentColors.resolveAccentColors)(theme.colors, selected ? 'primary' : tone, variant) : {
+    ...(0, _hueColors.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: (0, _pressColors.pressedSurface)(theme.colors, colors.background, colors.foreground),
+    hoveredBorder: null
+  };
+}
+
+/** The keyboard focus ring every Bloom control draws: the accent ramp's 500. */
+function resolveChipRing(theme) {
+  return (0, _shared.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.
+ */
+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/commonjs/chip/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_shared","require","_scale","_accentColors","_pressColors","_hueColors","rung","height","type","paddingHorizontal","iconGap","minWidth","icon","Math","round","TYPE_SCALE","fontSize","CHIP_GEOMETRY","exports","small","medium","large","xl","resolveChipPaint","theme","tone","variant","selected","hue","surface","neutral","resolveButtonRamps","text","colors","pressed","pressedSurface","background","foreground","border","borderWidth","pressedBackground","hoveredBorder","isDark","resolveAccentColors","resolveChipHueColors","resolveChipRing","accent","chipRowOverflow","x","viewport","content","previous","next"],"sourceRoot":"../../../src","sources":["chip/shared.ts"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,SAASK,IAAIA,CACXC,MAAc,EACdC,IAAsB,EACtBC,iBAAyB,EACzBC,OAAe,EACfC,QAAQ,GAAG,CAAC,EACZC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACC,iBAAU,CAACP,IAAI,CAAC,CAACQ,QAAQ,GAAG,IAAI,CAAC,EACrC;EACd,OAAO;IAAET,MAAM;IAAEC,IAAI;IAAEC,iBAAiB;IAAEC,OAAO;IAAEE,IAAI;IAAED;EAAS,CAAC;AACrE;AAEO,MAAMM,aAAuD,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACrEE,KAAK,EAAEb,IAAI,CAAC,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,CAAC,CAAC;EACzCc,MAAM,EAAEd,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;EACrCe,KAAK,EAAEf,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;EACpCgB,EAAE,EAAEhB,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;EAClC,KAAK,EAAEA,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;AAC9C,CAAC;AAcD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASiB,gBAAgBA,CAC9BC,KAAY,EACZ;EACEC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,GAAG;EACHC;AAC8F,CAAC,EACtF;EACX,IAAIH,OAAO,KAAK,UAAU,EAAE;IAC1B,MAAM;MAAEI;IAAQ,CAAC,GAAG,IAAAC,0BAAkB,EAACP,KAAK,CAAC;IAC7C,MAAMQ,IAAI,GAAGR,KAAK,CAACS,MAAM,CAACD,IAAI;IAC9B,IAAIL,QAAQ,EAAE;MACZ,MAAMO,OAAO,GAAG,IAAAC,2BAAc,EAACX,KAAK,CAACS,MAAM,EAAED,IAAI,EAAER,KAAK,CAACS,MAAM,CAACG,UAAU,CAAC;MAC3E,OAAO;QACLA,UAAU,EAAEJ,IAAI;QAChBK,UAAU,EAAEb,KAAK,CAACS,MAAM,CAACG,UAAU;QACnCE,MAAM,EAAEN,IAAI;QACZO,WAAW,EAAE,CAAC;QACdC,iBAAiB,EAAEN,OAAO;QAC1BO,aAAa,EAAET;MACjB,CAAC;IACH;IACA,OAAO;MACLI,UAAU,EAAE,aAAa;MACzBC,UAAU,EAAEL,IAAI;MAChBM,MAAM,EAAEd,KAAK,CAACkB,MAAM,GAAGZ,OAAO,CAAC,GAAG,CAAC,GAAGA,OAAO,CAAC,GAAG,CAAC;MAClDS,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAEhB,KAAK,CAACkB,MAAM,GAAGZ,OAAO,CAAC,GAAG,CAAC,GAAGA,OAAO,CAAC,GAAG,CAAC;MAC7DW,aAAa,EAAET;IACjB,CAAC;EACH;EAEA,MAAMC,MAAM,GACV,CAACL,GAAG,IAAID,QAAQ,GACZ,IAAAgB,iCAAmB,EAACnB,KAAK,CAACS,MAAM,EAAEN,QAAQ,GAAG,SAAS,GAAGF,IAAI,EAAEC,OAAO,CAAC,GACvE;IAAE,GAAG,IAAAkB,+BAAoB,EAACpB,KAAK,EAAEI,GAAG,EAAEC,OAAO,CAAC;IAAES,MAAM,EAAE;EAAc,CAAC;EAE7E,OAAO;IACLF,UAAU,EAAEH,MAAM,CAACG,UAAU;IAC7BC,UAAU,EAAEJ,MAAM,CAACI,UAAU;IAC7BC,MAAM,EAAEL,MAAM,CAACK,MAAM;IACrBC,WAAW,EAAEb,OAAO,KAAK,UAAU,IAAI,EAAEE,GAAG,IAAI,CAACD,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;IAClE;IACA;IACA;IACA;IACAa,iBAAiB,EAAE,IAAAL,2BAAc,EAACX,KAAK,CAACS,MAAM,EAAEA,MAAM,CAACG,UAAU,EAAEH,MAAM,CAACI,UAAU,CAAC;IACrFI,aAAa,EAAE;EACjB,CAAC;AACH;;AAEA;AACO,SAASI,eAAeA,CAACrB,KAAY,EAAU;EACpD,OAAO,IAAAO,0BAAkB,EAACP,KAAK,CAAC,CAACsB,MAAM,CAAC,GAAG,CAAC;AAC9C;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAAC;EAAEC,CAAC;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,EAGrE;EACA,IAAID,QAAQ,IAAI,CAAC,IAAIC,OAAO,IAAID,QAAQ,GAAG,CAAC,EAAE,OAAO;IAAEE,QAAQ,EAAE,KAAK;IAAEC,IAAI,EAAE;EAAM,CAAC;EACrF,OAAO;IAAED,QAAQ,EAAEH,CAAC,GAAG,CAAC;IAAEI,IAAI,EAAEJ,CAAC,GAAGE,OAAO,GAAGD,QAAQ,GAAG;EAAE,CAAC;AAC9D","ignoreList":[]}

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

@@ -10,6 +10,7 @@ var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _shared = require("../button/shared.js");
+var _tokens = require("../styles/tokens.js");
 var _RiArrowUpLine = require("../icons/remix/RiArrowUpLine.js");
 var _RiMic2Line = require("../icons/remix/RiMic2Line.js");
 var _shared2 = require("./shared.js");
@@ -262,7 +263,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.
  */
 function SendButton({
   disabled,
@@ -281,7 +282,7 @@ function SendButton({
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 9999,
-    opacity: disabled ? 0.4 : 1,
+    opacity: disabled ? _tokens.DISABLED_OPACITY : 1,
     cursor: disabled ? 'auto' : 'pointer',
     '--bloom-composer-ring': palette.focusRing
   };

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

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

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

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PANEL_TOP_INSET = exports.PANEL_BOTTOM_INSET = exports.GUTTER_MASK_SPREAD = exports.ContentPanel = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _panelChrome = require("../styles/panel-chrome.js");
 var _styledPrimitives = require("../styles/styled-primitives.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
 var _context = require("./context.js");
+var _shared = require("./shared.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -71,11 +74,17 @@ const ContentPanelComponent = ({
   framedFrom = 768,
   surfaceClassName,
   surfaceStyle,
+  surfaceColor,
+  chrome = 'elevated',
+  shadow,
   contentClassName,
   contentStyle
 }) => {
   // Dev-only invariant — a ContentPanel must never be nested inside another.
   (0, _context.useContentPanelNestingGuard)();
+  const panelChrome = (0, _panelChrome.useOptionalPanelChrome)();
+  // What the panel tells its subtree it is painted in (`./shared.ts`).
+  const publishedFill = (0, _shared.usePanelSurfaceFill)(surfaceClassName, surfaceStyle, surfaceColor);
 
   // Tri-state: `undefined` → responsive (breakpoint-gated), `true` → always
   // framed, `false` → never framed (plain full-bleed). Whole literal class
@@ -85,16 +94,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__*/(0, _jsxRuntime.jsx)(_context.ContentPanelNestingContext.Provider, {
     value: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.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`.)
+      (0, _surfaceLevels.surfaceFillVars)(publishedFill), chromeStyle, surfaceStyle],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
         className: contentClass,
         style: contentStyle,
-        children: children
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+          level: 1,
+          fill: publishedFill,
+          children: children
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styledPrimitives","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","useContentPanelNestingGuard","surfaceBase","undefined","surfaceClass","join","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","StyledView","className","style","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_panelChrome","_styledPrimitives","_surfaceLevels","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","surfaceColor","chrome","shadow","contentClassName","contentStyle","useContentPanelNestingGuard","panelChrome","useOptionalPanelChrome","publishedFill","usePanelSurfaceFill","surfaceBase","undefined","surfaceClass","join","chromeStyle","boxShadow","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","StyledView","className","style","surfaceFillVars","SurfaceLevelProvider","level","fill","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.PANEL_TOP_INSET = exports.PANEL_BOTTOM_INSET = exports.GUTTER_MASK_SPREAD = exports.ContentPanel = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledPrimitives = require("../styles/styled-primitives.js");
+var _panelChrome = require("../styles/panel-chrome.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
 var _useTheme = require("../theme/use-theme.js");
 var _context = require("./context.js");
+var _shared = require("./shared.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -144,11 +147,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
@@ -157,6 +163,12 @@ const ContentPanelComponent = ({
   const {
     colors
   } = (0, _useTheme.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 = (0, _panelChrome.useOptionalPanelChrome)();
+  // What the panel tells its subtree it is painted in (`./shared.ts`).
+  const publishedFill = (0, _shared.usePanelSurfaceFill)(surfaceClassName, surfaceStyle, surfaceColor);
 
   // Tri-state: `undefined` → responsive (md:-gated), `true` → always framed,
   // `false` → never framed (full-bleed).
@@ -210,7 +222,11 @@ const ContentPanelComponent = ({
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.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.
+      (0, _surfaceLevels.surfaceFillVars)(publishedFill), surfaceStyle],
       children: [showOverlays && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
         testID: "content-panel-bleed-mask",
         pointerEvents: "none",
@@ -219,16 +235,26 @@ const ContentPanelComponent = ({
           ...topOffsetStyle,
           boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}`
         }
-      }, "bleed-mask"), showOverlays && showStickyFrame !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+      }, "bleed-mask"), showOverlays && showStickyFrame !== false && chrome !== 'none' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.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__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
         testID: "content-panel-content",
         className: contentClass,
         style: contentStyle,
-        children: children
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
+          level: 1,
+          fill: publishedFill,
+          children: children
+        })
       }, "content")]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styledPrimitives","_useTheme","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","showStickyFrame","maskColor","overlaySizing","overlayTopOffset","useContentPanelNestingGuard","colors","useTheme","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","topOffsetStyle","top","height","marginBottom","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","className","style","pointerEvents","boxShadow","background","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styledPrimitives","_panelChrome","_surfaceLevels","_useTheme","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","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","useContentPanelNestingGuard","colors","useTheme","panelChrome","useOptionalPanelChrome","publishedFill","usePanelSurfaceFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","topOffsetStyle","top","height","marginBottom","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","className","style","surfaceFillVars","pointerEvents","boxShadow","background","SurfaceLevelProvider","level","fill","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePanelSurfaceFill = usePanelSurfaceFill;
+var _react = require("react");
+var _BloomThemeProvider = require("../theme/BloomThemeProvider.js");
+/**
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+function usePanelSurfaceFill(surfaceClassName, surfaceStyle, surfaceColor) {
+  const ctx = (0, _react.useContext)(_BloomThemeProvider.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/commonjs/content-panel/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_BloomThemeProvider","repaintedByStyle","style","Array","isArray","some","entry","backgroundColor","usePanelSurfaceFill","surfaceClassName","surfaceStyle","surfaceColor","ctx","useContext","BloomThemeContext","undefined","theme","colors","card"],"sourceRoot":"../../../src","sources":["content-panel/shared.ts"],"mappings":";;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,mBAAA,GAAAD,OAAA;AAlBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,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;AACO,SAASC,mBAAmBA,CACjCC,gBAAoC,EACpCC,YAAkC,EAClCC,YAAgC,EACZ;EACpB,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EACzC,IAAIH,YAAY,EAAE,OAAOA,YAAY;EACrC,IAAIF,gBAAgB,EAAE,OAAOM,SAAS;EACtC,IAAId,gBAAgB,CAACS,YAAY,CAAC,EAAE,OAAOK,SAAS;EACpD,OAAOH,GAAG,EAAEI,KAAK,CAACC,MAAM,CAACC,IAAI;AAC/B","ignoreList":[]}