@proulr/sdui-components 0.1.46 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "type": "module",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
@@ -37,7 +37,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@proulr/sdui-contract": "^0.1.10",
+    "@proulr/sdui-contract": "^0.1.12",
     "react-native-qrcode-svg": "^6.3.21"
   },
   "peerDependencies": {

package/src/bdc/compile-bdc-to-wire.test.ts

@@ -121,6 +121,35 @@ describe('compileBdcToWire', () => {
     expect(wire.meta).toMatchObject({ cache_ttl_ms: 30_000, offline_policy: 'cache_only' });
   });
 
+  it('passes meta.chrome through to wire unchanged (snake_case)', () => {
+    const wire = compileBdcToWire(
+      screen(
+        {
+          id: 'discover.home',
+          meta: {
+            cache_ttl_ms: 45_000,
+            chrome: {
+              full_bleed_scroll: true,
+              header_slot: true,
+              pull_refresh: true,
+              surface: 'discover',
+            },
+          },
+        },
+        [],
+      ),
+    );
+    expect(wire.meta).toMatchObject({
+      cache_ttl_ms: 45_000,
+      chrome: {
+        full_bleed_scroll: true,
+        header_slot: true,
+        pull_refresh: true,
+        surface: 'discover',
+      },
+    });
+  });
+
   it('accepts headerSlot arrays and maps header camelCase', () => {
     const wire = compileBdcToWire(
       screen(

package/src/renderer/ui/ChromeGlass.tsx

@@ -25,23 +25,34 @@ const absoluteFill: ViewStyle = {
 type ChromeGlassLayerProps = {
   style?: StyleProp<ViewStyle>;
   pointerEvents?: ViewProps['pointerEvents'];
+  /**
+   * When false, skip BlurView and keep the solid OLED pill base.
+   * Use on Android surfaces that animate (drawer slide) — BlurView + transform
+   * over image-heavy screens flashes black.
+   */
+  blurEnabled?: boolean;
 };
 
 /**
  * Camada de frost única do sistema (igual AppSideDrawer topo/base).
- * BlurView + `colors.chromeGlassOverlay` — sem cast cinza.
+ * Solid `chromePillBackground` under BlurView so failed Android blur frames
+ * never flash pure black. Overlay tint stays transparent (frost limpo).
  */
 export function ChromeGlassLayer({
   style,
   pointerEvents = 'none',
+  blurEnabled = true,
 }: ChromeGlassLayerProps) {
   return (
     <View style={[absoluteFill, style]} pointerEvents={pointerEvents}>
-      <BlurView
-        intensity={CHROME_GLASS_BLUR_INTENSITY}
-        tint={CHROME_GLASS_BLUR_TINT}
-        style={StyleSheet.absoluteFill}
-      />
+      <View style={[absoluteFill, styles.solidBase]} />
+      {blurEnabled ? (
+        <BlurView
+          intensity={CHROME_GLASS_BLUR_INTENSITY}
+          tint={CHROME_GLASS_BLUR_TINT}
+          style={StyleSheet.absoluteFill}
+        />
+      ) : null}
       <View style={[absoluteFill, styles.tint]} />
     </View>
   );
@@ -51,21 +62,31 @@ type ChromeGlassShellProps = {
   children: ReactNode;
   style?: StyleProp<ViewStyle>;
   contentStyle?: StyleProp<ViewStyle>;
+  /** Forwarded to `ChromeGlassLayer` — disable during slide animations on Android. */
+  blurEnabled?: boolean;
 };
 
 /**
  * Pílula chrome com o mesmo glass do drawer (shell + blur + overlay).
  */
-export function ChromeGlassShell({ children, style, contentStyle }: ChromeGlassShellProps) {
+export function ChromeGlassShell({
+  children,
+  style,
+  contentStyle,
+  blurEnabled = true,
+}: ChromeGlassShellProps) {
   return (
     <View style={[chromePillStyles.shell, styles.shellTransparent, style]}>
-      <ChromeGlassLayer />
+      <ChromeGlassLayer blurEnabled={blurEnabled} />
       <View style={[styles.content, contentStyle]}>{children}</View>
     </View>
   );
 }
 
 const styles = StyleSheet.create({
+  solidBase: {
+    backgroundColor: colors.chromePillBackground,
+  },
   tint: {
     backgroundColor: colors.chromeGlassOverlay,
   },