@oxy.so/bloom 2.10.0 → 2.12.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
@@ -63,13 +66,20 @@ const ContentPanelComponent = ({
   children,
   framed,
   framedFrom = 768,
+  fill = false,
   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
@@ -78,17 +88,35 @@ const ContentPanelComponent = ({
   // (the breakpoint bundle lives whole in `RESPONSIVE_SURFACE`; `framed ===
   // 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(' ');
-  const contentClass = ['flex-1', contentClassName].filter(Boolean).join(' ');
+  const surfaceClass = [surfaceBase, fill ? 'min-h-0' : '', surfaceClassName ?? 'bg-card'].filter(Boolean).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;
+  // `fill` is the panel's own height contract, and on native it is already
+  // met: both boxes are `flex: 1`, so in a bounded parent the panel reaches the
+  // bottom and a list inside it scrolls within it. What the prop adds here is
+  // `min-h-0`, so a tall child cannot push the panel past the box it was given
+  // — the same automatic-minimum-size trap as on web.
+  const contentClass = ['flex-1', fill ? 'min-h-0' : '', 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","fill","surfaceClassName","surfaceStyle","surfaceColor","chrome","shadow","contentClassName","contentStyle","panelChrome","publishedFill","surfaceBase","undefined","surfaceClass","filter","Boolean","join","chromeStyle","boxShadow","contentClass","Provider","value","className","style","level","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;
@@ -136,14 +139,18 @@ const ContentPanelComponent = ({
   children,
   framed,
   framedFrom = 768,
+  fill = false,
   surfaceClassName,
   surfaceStyle,
+  surfaceColor,
   contentClassName,
   contentStyle,
   showStickyFrame,
+  chrome = 'elevated',
+  shadow,
   maskColor,
   overlaySizing = 'viewport',
-  overlayTopOffset
+  overlayInset
 }) => {
   // Dev-only invariant — must run unconditionally (before deriving any
   // mode-specific branch) so the hook order stays stable (rules of hooks).
@@ -151,6 +158,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).
@@ -167,6 +180,15 @@ const ContentPanelComponent = ({
   // only spliced in, never assembled from parts).
   const surfaceBase = responsive ? `flex-1 ${bp.surface}` : framed ? 'flex-1 rounded-radius-28' : 'flex-1';
   const contentBase = responsive ? `flex-1 ${bp.content}` : framed ? 'flex-1 rounded-radius-28 web:overflow-x-clip' : 'flex-1';
+  // `fill`: the panel takes the height its parent gives it and the CONTENT
+  // scrolls inside. `min-h-0` on both boxes is the whole trick — a flex child's
+  // automatic minimum size is its content, so without it the panel grows past
+  // the box it was told to fit and the scroller never gets a height to scroll
+  // against. The overflow goes on the content wrapper, never the surface: the
+  // surface is what the frame and the mask are drawn to, and a scrolling
+  // surface would scroll the edge with it.
+  const fillSurface = fill ? 'min-h-0' : '';
+  const fillContent = fill ? 'min-h-0 web:[overflow-y:auto]' : '';
   // `overlaySizing="panel"`: the surface becomes a single-cell CSS Grid so the
   // overlays and the content wrapper below can all be placed in that ONE cell
   // (`web:[grid-area:1/1]`) and each fill it exactly — `minmax(0,1fr)` (not
@@ -175,54 +197,71 @@ const ContentPanelComponent = ({
   // fix — without it, a tall scrollable child would grow the row instead of
   // being clipped/scrolled inside a fixed-height cell.
   const gridStackClass = boundToPanel ? 'web:grid web:[grid-template-columns:minmax(0,1fr)] web:[grid-template-rows:minmax(0,1fr)]' : '';
-  const surfaceClass = [surfaceBase, gridStackClass, surfaceClassName ?? 'bg-card'].filter(Boolean).join(' ');
-  const contentClass = [contentBase, boundToPanel ? 'web:[grid-area:1/1]' : '', contentClassName].filter(Boolean).join(' ');
+  const surfaceClass = [surfaceBase, fillSurface, gridStackClass, surfaceClassName ?? 'bg-card'].filter(Boolean).join(' ');
+  const contentClass = [contentBase, fillContent, boundToPanel ? 'web:[grid-area:1/1]' : '', contentClassName].filter(Boolean).join(' ');
 
-  // `overlayTopOffset`: the viewport-mode overlays are sized/positioned from
-  // literal Tailwind classes (`top-2`, `h-[calc(100dvh-16px)]`, a matching
-  // negative `margin-bottom`) because those values are constants known at
-  // build time. An offset is a runtime number (a consumer's measured header
-  // height), which a Tailwind arbitrary class can't express — content-scanning
-  // needs the literal class string in source, not a value computed later — so
-  // this shifts the same three properties via inline `style` instead, which
-  // has no such constraint. No-op in `panel` mode (already starts at the
-  // panel's own box) and when unset (0/undefined) — the className values are
-  // left standing on their own in both of those cases.
+  // The viewport-mode overlays are sized and positioned from literal Tailwind
+  // classes (`top-2`, `h-[calc(100dvh-16px)]`, the matching negative
+  // `margin-bottom`) because those values are constants known at build time.
+  // An INSET is a runtime number — a shell's gutter, a measured header — which
+  // a Tailwind arbitrary class cannot express (content-scanning needs the
+  // literal string in source, not a value computed later), so a non-default
+  // inset shifts the same three properties through inline `style` instead,
+  // which has no such constraint. The default (8/8) leaves the classes standing
+  // alone, and `panel` mode ignores the inset entirely — that mode already
+  // starts at the panel's own box.
+  //
   // RN's `ViewStyle.height`/`marginBottom` types only accept a number or a
-  // `${number}%` string (not an arbitrary CSS `calc()` string), because most
-  // of this type is shared with native, where `calc()` doesn't exist. This
-  // file is web-only, where it's a real, valid CSS value react-native-web
-  // passes straight through — the same reasoning `WebViewStyle`/`asViewStyle`
-  // document in OxyHQ/Mention's `types/webStyles.ts` for the identical need.
-  const topOffsetStyle = !boundToPanel && overlayTopOffset ? {
-    top: 8 + overlayTopOffset,
-    height: `calc(100dvh - ${16 + overlayTopOffset}px)`,
-    marginBottom: `calc(-100dvh + ${16 + overlayTopOffset}px)`
+  // `${number}%` string, not an arbitrary CSS `calc()`, because most of that
+  // type is shared with native where `calc()` does not exist. This file is
+  // web-only, where it is a real value react-native-web passes straight
+  // through.
+  const insetTop = typeof overlayInset === 'number' ? overlayInset : overlayInset?.top ?? PANEL_TOP_INSET;
+  const insetBottom = typeof overlayInset === 'number' ? overlayInset : overlayInset?.bottom ?? PANEL_BOTTOM_INSET;
+  const customInset = insetTop !== PANEL_TOP_INSET || insetBottom !== PANEL_BOTTOM_INSET;
+  const insetStyle = !boundToPanel && customInset ? {
+    top: insetTop,
+    height: `calc(100dvh - ${insetTop + insetBottom}px)`,
+    marginBottom: `calc(-100dvh + ${insetTop + insetBottom}px)`
   } : undefined;
   return /*#__PURE__*/_jsx(ContentPanelNestingContext.Provider, {
     value: true,
     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",
         className: boundToPanel ? `web:[grid-area:1/1] z-30 h-full w-full rounded-radius-28 ${responsive ? bp.overlayHidden : ''} web:[clip-path:inset(0)]` : responsive ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]` : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]',
         style: {
-          ...topOffsetStyle,
+          ...insetStyle,
           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: [insetStyle, 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","fill","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayInset","colors","panelChrome","publishedFill","responsive","undefined","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","Boolean","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","Provider","value","testID","className","style","pointerEvents","boxShadow","background","level","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":[]}

package/lib/module/creator-studio/ArtworkUploader.js

@@ -9,9 +9,10 @@ import { RiErrorWarningLine } from "../icons/remix/RiErrorWarningLine.js";
 import { RiImageLine } from "../icons/remix/RiImageLine.js";
 import { RiRefreshLine } from "../icons/remix/RiRefreshLine.js";
 import { useImageResolver } from "../image-resolver/context.js";
+import { isImageUrl } from "../image-resolver/is-image-url.js";
 import { useTheme } from "../theme/use-theme.js";
 import { Text } from "../typography/index.js";
-import { CARD_RADIUS, isImageUrl, resolveCreatorStudioPaint } from "./shared.js";
+import { CARD_RADIUS, resolveCreatorStudioPaint } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `ArtworkUploader`: a release's square cover.