@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/module/sidebar/SidebarPlanCard.js

@@ -1,12 +1,13 @@
 "use strict";
 
 import React, { memo } from 'react';
-import { View } from 'react-native';
+import { View, StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
 import { Button } from '../button';
 import { borderRadius } from "../styles/tokens.js";
 import { Text } from "../typography/index.js";
 import { useSidebarPalette } from "./palette.js";
-import { SidebarAvatarView } from "./parts.js";
+import { Collapsible, IS_WEB, SidebarAvatarView, useSidebarCollapseProgress, useInSidebar } from "./parts.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The plan card at the foot of the AI chat's rail.
@@ -26,6 +27,18 @@ function SidebarPlanCardComponent({
   testID
 }) {
   const palette = useSidebarPalette();
+  const progress = useSidebarCollapseProgress(collapsed);
+  const inSidebar = useInSidebar();
+  const naturalWidth = useSharedValue(0);
+  const geometry = useAnimatedStyle(() => ({
+    width: inSidebar ? '100%' : naturalWidth.value > 0 ? naturalWidth.value + (36 - naturalWidth.value) * progress.value : progress.value === 1 ? 36 : '100%',
+    height: 56 - 20 * progress.value,
+    paddingLeft: 10 - 8 * progress.value,
+    paddingRight: 12 - 10 * progress.value
+  }), [progress, inSidebar, naturalWidth]);
+  const fill = useAnimatedStyle(() => ({
+    opacity: 1 - progress.value
+  }), [progress]);
   const avatar = plan.avatar ?? {
     initials: plan.name.slice(0, 1).toUpperCase(),
     color: 'blue'
@@ -56,70 +69,81 @@ function SidebarPlanCardComponent({
       children: avatar.initials ?? ''
     })
   });
-  if (collapsed) {
-    return /*#__PURE__*/_jsx(View, {
-      testID: testID,
-      accessibilityLabel: `${plan.name}, ${plan.plan}`,
-      style: [{
-        width: 36,
-        height: 36,
-        alignItems: 'center',
-        justifyContent: 'center'
-      }, style],
-      children: avatarNode
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    accessibilityLabel: collapsed ? `${plan.name}, ${plan.plan}` : undefined,
     testID: testID,
+    onLayout: event => {
+      if (progress.value === 0) naturalWidth.value = event.nativeEvent.layout.width;
+    },
     style: [{
       width: '100%',
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'space-between',
       borderRadius: 12,
-      backgroundColor: palette.tertiary,
-      paddingTop: 8,
-      paddingBottom: 8,
-      paddingRight: 12,
-      paddingLeft: 10
-    }, style],
-    children: [/*#__PURE__*/_jsxs(View, {
+      overflow: 'hidden'
+    }, style, {
+      backgroundColor: 'transparent'
+    }, geometry],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, {
+        borderRadius: 12,
+        backgroundColor: StyleSheet.flatten(style)?.backgroundColor ?? palette.tertiary
+      }, fill]
+    }), /*#__PURE__*/_jsxs(View, {
       style: {
         minWidth: 0,
         flexShrink: 1,
         flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8
+        alignItems: 'center'
       },
-      children: [avatarNode, /*#__PURE__*/_jsxs(View, {
-        style: {
-          minWidth: 0,
-          flexShrink: 1,
-          flexDirection: 'column',
-          alignItems: 'flex-start',
-          justifyContent: 'center'
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "body-medium",
-          numberOfLines: 1,
-          style: {
-            color: palette.text
-          },
-          children: plan.name
-        }), /*#__PURE__*/_jsx(Text, {
-          variant: "body-regular",
-          numberOfLines: 1,
+      children: [avatarNode, /*#__PURE__*/_jsx(Collapsible, {
+        collapsed: collapsed,
+        children: /*#__PURE__*/_jsxs(View, {
           style: {
-            color: palette.textSecondary
+            paddingLeft: 8,
+            minWidth: 0,
+            flexShrink: 1,
+            flexDirection: 'column',
+            alignItems: 'flex-start',
+            justifyContent: 'center'
           },
-          children: plan.plan
-        })]
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            children: plan.name
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-regular",
+            numberOfLines: 1,
+            style: {
+              color: palette.textSecondary
+            },
+            children: plan.plan
+          })]
+        })
       })]
-    }), /*#__PURE__*/_jsx(Button, {
-      variant: "secondary",
-      size: "small",
-      onPress: plan.onAction,
-      children: plan.actionLabel ?? 'Upgrade'
+    }), /*#__PURE__*/_jsx(View, {
+      pointerEvents: collapsed ? 'none' : 'auto',
+      "aria-hidden": collapsed,
+      accessibilityElementsHidden: collapsed,
+      importantForAccessibility: collapsed ? 'no-hide-descendants' : 'auto',
+      ...(IS_WEB && collapsed ? {
+        inert: true
+      } : {}),
+      children: /*#__PURE__*/_jsx(Collapsible, {
+        collapsed: collapsed,
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "sm",
+          onPress: plan.onAction,
+          appearance: "subtle",
+          tone: "neutral",
+          children: plan.actionLabel ?? 'Upgrade'
+        })
+      })
     })]
   });
 }

package/lib/module/sidebar/SidebarPlanCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","Button","borderRadius","Text","useSidebarPalette","SidebarAvatarView","jsx","_jsx","jsxs","_jsxs","SidebarPlanCardComponent","plan","collapsed","style","testID","palette","avatar","initials","name","slice","toUpperCase","color","avatarNode","source","size","width","height","flexShrink","alignItems","justifyContent","overflow","full","backgroundColor","background","children","fontSize","lineHeight","fontWeight","textAlign","foreground","accessibilityLabel","flexDirection","tertiary","paddingTop","paddingBottom","paddingRight","paddingLeft","minWidth","gap","variant","numberOfLines","text","textSecondary","onPress","onAction","actionLabel","SidebarPlanCard","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarPlanCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,iBAAiB,QAAQ,cAAW;AAC7C,SAASC,iBAAiB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAC;EAAEC,IAAI;EAAEC,SAAS,GAAG,KAAK;EAAEC,KAAK;EAAEC;AAA6B,CAAC,EAAE;EAClG,MAAMC,OAAO,GAAGX,iBAAiB,CAAC,CAAC;EACnC,MAAMY,MAAM,GAAGL,IAAI,CAACK,MAAM,IAAI;IAAEC,QAAQ,EAAEN,IAAI,CAACO,IAAI,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAAEC,KAAK,EAAE;EAAgB,CAAC;EAEvG,MAAMC,UAAU,GAAGN,MAAM,CAACO,MAAM,gBAC9BhB,IAAA,CAACF,iBAAiB;IAACW,MAAM,EAAEA,MAAO;IAACQ,IAAI,EAAC,IAAI;IAACT,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAEjER,IAAA,CAACP,IAAI;IACHa,KAAK,EAAE;MACLY,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,QAAQ;MAClB5B,YAAY,EAAEA,YAAY,CAAC6B,IAAI;MAC/BC,eAAe,EAAEjB,OAAO,CAACC,MAAM,CAACA,MAAM,CAACK,KAAK,IAAI,SAAS,CAAC,CAACY;IAC7D,CAAE;IAAAC,QAAA,eACF3B,IAAA,CAACJ,IAAI;MACHU,KAAK,EAAE;QACLsB,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE,KAAK;QACjBC,SAAS,EAAE,QAAQ;QACnBjB,KAAK,EAAEN,OAAO,CAACC,MAAM,CAACA,MAAM,CAACK,KAAK,IAAI,SAAS,CAAC,CAACkB;MACnD,CAAE;MAAAL,QAAA,EACDlB,MAAM,CAACC,QAAQ,IAAI;IAAE,CAClB;EAAC,CACH,CACP;EAED,IAAIL,SAAS,EAAE;IACb,oBACEL,IAAA,CAACP,IAAI;MAACc,MAAM,EAAEA,MAAO;MAAC0B,kBAAkB,EAAE,GAAG7B,IAAI,CAACO,IAAI,KAAKP,IAAI,CAACA,IAAI,EAAG;MAACE,KAAK,EAAE,CAAC;QAAEY,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEE,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE;MAAS,CAAC,EAAEhB,KAAK,CAAE;MAAAqB,QAAA,EAC/JZ;IAAU,CACP,CAAC;EAEX;EAEA,oBACEb,KAAA,CAACT,IAAI;IACHc,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACL;MACEY,KAAK,EAAE,MAAM;MACbgB,aAAa,EAAE,KAAK;MACpBb,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/B3B,YAAY,EAAE,EAAE;MAChB8B,eAAe,EAAEjB,OAAO,CAAC2B,QAAQ;MACjCC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE;IACf,CAAC,EACDjC,KAAK,CACL;IAAAqB,QAAA,gBACFzB,KAAA,CAACT,IAAI;MAACa,KAAK,EAAE;QAAEkC,QAAQ,EAAE,CAAC;QAAEpB,UAAU,EAAE,CAAC;QAAEc,aAAa,EAAE,KAAK;QAAEb,UAAU,EAAE,QAAQ;QAAEoB,GAAG,EAAE;MAAE,CAAE;MAAAd,QAAA,GAC7FZ,UAAU,eACXb,KAAA,CAACT,IAAI;QAACa,KAAK,EAAE;UAAEkC,QAAQ,EAAE,CAAC;UAAEpB,UAAU,EAAE,CAAC;UAAEc,aAAa,EAAE,QAAQ;UAAEb,UAAU,EAAE,YAAY;UAAEC,cAAc,EAAE;QAAS,CAAE;QAAAK,QAAA,gBACvH3B,IAAA,CAACJ,IAAI;UAAC8C,OAAO,EAAC,aAAa;UAACC,aAAa,EAAE,CAAE;UAACrC,KAAK,EAAE;YAAEQ,KAAK,EAAEN,OAAO,CAACoC;UAAK,CAAE;UAAAjB,QAAA,EAC1EvB,IAAI,CAACO;QAAI,CACN,CAAC,eACPX,IAAA,CAACJ,IAAI;UAAC8C,OAAO,EAAC,cAAc;UAACC,aAAa,EAAE,CAAE;UAACrC,KAAK,EAAE;YAAEQ,KAAK,EAAEN,OAAO,CAACqC;UAAc,CAAE;UAAAlB,QAAA,EACpFvB,IAAI,CAACA;QAAI,CACN,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC,eACPJ,IAAA,CAACN,MAAM;MAACgD,OAAO,EAAC,WAAW;MAACzB,IAAI,EAAC,OAAO;MAAC6B,OAAO,EAAE1C,IAAI,CAAC2C,QAAS;MAAApB,QAAA,EAC7DvB,IAAI,CAAC4C,WAAW,IAAI;IAAS,CACxB,CAAC;EAAA,CACL,CAAC;AAEX;AAEA,OAAO,MAAMC,eAAe,gBAAGzD,IAAI,CAACW,wBAAwB,CAAC;AAC7D8C,eAAe,CAACC,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","memo","View","StyleSheet","Animated","useAnimatedStyle","useSharedValue","Button","borderRadius","Text","useSidebarPalette","Collapsible","IS_WEB","SidebarAvatarView","useSidebarCollapseProgress","useInSidebar","jsx","_jsx","jsxs","_jsxs","SidebarPlanCardComponent","plan","collapsed","style","testID","palette","progress","inSidebar","naturalWidth","geometry","width","value","height","paddingLeft","paddingRight","fill","opacity","avatar","initials","name","slice","toUpperCase","color","avatarNode","source","size","flexShrink","alignItems","justifyContent","overflow","full","backgroundColor","background","children","fontSize","lineHeight","fontWeight","textAlign","foreground","accessibilityLabel","undefined","onLayout","event","nativeEvent","layout","flexDirection","pointerEvents","absoluteFill","flatten","tertiary","minWidth","variant","numberOfLines","text","textSecondary","accessibilityElementsHidden","importantForAccessibility","inert","onPress","onAction","appearance","tone","actionLabel","SidebarPlanCard","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarPlanCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/sidebar/SidebarRail.js

@@ -1,10 +1,11 @@
 "use strict";
 
 import React from 'react';
-import { ScrollView, View } from 'react-native';
+import { View } from 'react-native';
 import { Badge } from "../badge/index.js";
 import { useSidebarPalette } from "./palette.js";
 import { IS_WEB } from "./parts.js";
+import { SidebarScrollArea } from "./SidebarScrollArea.js";
 import { SidebarLogoView } from "./SidebarLogoView.js";
 import { SidebarRailItem } from "./SidebarRailItem.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -50,7 +51,7 @@ export function SidebarRail({
           backgroundColor: isSelected ? palette.badgePrimary : palette.badgeNeutral
         },
         textStyle: {
-          color: isSelected ? '#ffffff' : palette.textSecondary
+          color: isSelected ? palette.badgePrimaryForeground : palette.textSecondary
         }
       }) : undefined
     }, item.key);
@@ -77,7 +78,9 @@ export function SidebarRail({
         showWordmark: false,
         testID: "sidebar-logo"
       })
-    }) : null, /*#__PURE__*/_jsx(ScrollView, {
+    }) : null, /*#__PURE__*/_jsx(SidebarScrollArea, {
+      fadeColor: palette.flat,
+      testID: testID ? `${testID}-scroll` : 'sidebar-rail-scroll',
       ...(IS_WEB ? {
         dataSet: {
           bloomSidebarScroll: 'none'

package/lib/module/sidebar/SidebarRail.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","View","Badge","useSidebarPalette","IS_WEB","SidebarLogoView","SidebarRailItem","jsx","_jsx","jsxs","_jsxs","SIDEBAR_RAIL_WIDTH","SidebarRail","logo","items","secondaryItems","selected","onNavigate","style","testID","palette","renderItem","item","isSelected","key","onPress","href","undefined","icon","activeIcon","label","badge","content","backgroundColor","badgePrimary","badgeNeutral","textStyle","color","textSecondary","role","accessibilityLabel","width","height","flexShrink","flexDirection","flat","children","alignItems","paddingTop","showWordmark","dataSet","bloomSidebarScroll","flex","contentContainerStyle","flexGrow","justifyContent","paddingLeft","paddingRight","paddingBottom","gap","showsVerticalScrollIndicator","map","length"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRail.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Badge","useSidebarPalette","IS_WEB","SidebarScrollArea","SidebarLogoView","SidebarRailItem","jsx","_jsx","jsxs","_jsxs","SIDEBAR_RAIL_WIDTH","SidebarRail","logo","items","secondaryItems","selected","onNavigate","style","testID","palette","renderItem","item","isSelected","key","onPress","href","undefined","icon","activeIcon","label","badge","content","backgroundColor","badgePrimary","badgeNeutral","textStyle","color","badgePrimaryForeground","textSecondary","role","accessibilityLabel","width","height","flexShrink","flexDirection","flat","children","alignItems","paddingTop","showWordmark","fadeColor","dataSet","bloomSidebarScroll","flex","contentContainerStyle","flexGrow","justifyContent","paddingLeft","paddingRight","paddingBottom","gap","showsVerticalScrollIndicator","map","length"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/sidebar/SidebarRailItem.js

@@ -1,6 +1,7 @@
 "use strict";
 
-import React, { memo } from 'react';
+import React, { memo, useEffect } from 'react';
+import Animated, { Easing, interpolateColor, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
 import { Pressable, View } from 'react-native';
 import { useInteractionState } from "../hooks/use-interaction-state.js";
 import { borderRadius } from "../styles/tokens.js";
@@ -12,6 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const INDICATOR_WIDTH = 48;
 const INDICATOR_HEIGHT = 32;
 const ICON_SIZE = 22;
+const AnimatedText = Animated.createAnimatedComponent(Text);
+const SELECTION_DURATION = 220;
 
 /**
  * A navigation rail destination: the icon over its label, stacked and centred.
@@ -44,7 +47,27 @@ const SidebarRailItemComponent = ({
     onIn,
     onOut
   } = useInteractionState();
-  const Glyph = selected && ActiveIcon ? ActiveIcon : Icon;
+  const SelectedGlyph = ActiveIcon ?? Icon;
+  const reducedMotion = useReducedMotion();
+  const selection = useSharedValue(selected ? 1 : 0);
+  useEffect(() => {
+    selection.value = reducedMotion ? selected ? 1 : 0 : withTiming(selected ? 1 : 0, {
+      duration: SELECTION_DURATION,
+      easing: Easing.bezier(0.2, 0, 0, 1)
+    });
+  }, [selected, reducedMotion, selection]);
+  const indicatorStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(selection.value, [0, 1], [hovered ? palette.rowHover : 'transparent', palette.selected])
+  }), [selection, hovered, palette.rowHover, palette.selected]);
+  const inactiveStyle = useAnimatedStyle(() => ({
+    opacity: 1 - selection.value
+  }), [selection]);
+  const activeStyle = useAnimatedStyle(() => ({
+    opacity: selection.value
+  }), [selection]);
+  const labelStyle = useAnimatedStyle(() => ({
+    color: interpolateColor(selection.value, [0, 1], [palette.textSecondary, palette.text])
+  }), [selection, palette.textSecondary, palette.text]);
   const webProps = IS_WEB ? {
     dataSet: {
       bloomSidebar: 'ring'
@@ -82,20 +105,45 @@ const SidebarRailItemComponent = ({
       '--bloom-sidebar-ring': palette.ring
     }, style],
     testID: testID,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: {
+    children: [/*#__PURE__*/_jsxs(Animated.View, {
+      style: [{
         width: INDICATOR_WIDTH,
         height: INDICATOR_HEIGHT,
         alignItems: 'center',
         justifyContent: 'center',
-        borderRadius: borderRadius.full,
-        backgroundColor: selected ? palette.selected : hovered ? palette.rowHover : 'transparent'
-      },
+        borderRadius: borderRadius.full
+      }, indicatorStyle],
       testID: testID ? `${testID}-indicator` : undefined,
-      children: [/*#__PURE__*/_jsx(Glyph, {
-        width: ICON_SIZE,
-        height: ICON_SIZE,
-        fill: selected ? palette.selectedForeground : palette.textSecondary
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        testID: testID ? `${testID}-inactive-glyph` : undefined,
+        pointerEvents: "none",
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        style: [{
+          position: 'absolute',
+          width: ICON_SIZE,
+          height: ICON_SIZE
+        }, inactiveStyle],
+        children: /*#__PURE__*/_jsx(Icon, {
+          width: ICON_SIZE,
+          height: ICON_SIZE,
+          fill: palette.textSecondary
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        testID: testID ? `${testID}-active-glyph` : undefined,
+        pointerEvents: "none",
+        "aria-hidden": true,
+        accessibilityElementsHidden: true,
+        style: [{
+          position: 'absolute',
+          width: ICON_SIZE,
+          height: ICON_SIZE
+        }, activeStyle],
+        children: /*#__PURE__*/_jsx(SelectedGlyph, {
+          width: ICON_SIZE,
+          height: ICON_SIZE,
+          fill: palette.selectedForeground
+        })
       }), badge != null ? /*#__PURE__*/_jsx(View, {
         pointerEvents: "none",
         style: {
@@ -105,18 +153,17 @@ const SidebarRailItemComponent = ({
         },
         children: badge
       }) : null]
-    }), /*#__PURE__*/_jsx(Text, {
+    }), /*#__PURE__*/_jsx(AnimatedText, {
       variant: "caption-2-regular",
       numberOfLines: 1,
-      style: {
+      style: [{
         maxWidth: '100%',
         fontSize: 10,
         lineHeight: 14,
         letterSpacing: 0,
         textAlign: 'center',
-        fontWeight: selected ? '500' : '400',
-        color: selected ? palette.text : palette.textSecondary
-      },
+        fontWeight: selected ? '500' : '400'
+      }, labelStyle],
       children: label
     })]
   });

package/lib/module/sidebar/SidebarRailItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Pressable","View","useInteractionState","borderRadius","Text","useSidebarPalette","IS_WEB","useSidebarWebCss","jsx","_jsx","jsxs","_jsxs","INDICATOR_WIDTH","INDICATOR_HEIGHT","ICON_SIZE","SidebarRailItemComponent","icon","Icon","activeIcon","ActiveIcon","label","href","badge","selected","onPress","style","testID","palette","state","hovered","onIn","onOut","Glyph","webProps","dataSet","bloomSidebar","role","accessibilityLabel","accessibilityState","onHoverIn","onHoverOut","event","preventDefault","alignSelf","minHeight","alignItems","justifyContent","gap","paddingTop","paddingBottom","ring","children","width","height","full","backgroundColor","rowHover","undefined","fill","selectedForeground","textSecondary","pointerEvents","position","top","left","variant","numberOfLines","maxWidth","fontSize","lineHeight","letterSpacing","textAlign","fontWeight","color","text","SidebarRailItem","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRailItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","Animated","Easing","interpolateColor","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","Pressable","View","useInteractionState","borderRadius","Text","useSidebarPalette","IS_WEB","useSidebarWebCss","jsx","_jsx","jsxs","_jsxs","INDICATOR_WIDTH","INDICATOR_HEIGHT","ICON_SIZE","AnimatedText","createAnimatedComponent","SELECTION_DURATION","SidebarRailItemComponent","icon","Icon","activeIcon","ActiveIcon","label","href","badge","selected","onPress","style","testID","palette","state","hovered","onIn","onOut","SelectedGlyph","reducedMotion","selection","value","duration","easing","bezier","indicatorStyle","backgroundColor","rowHover","inactiveStyle","opacity","activeStyle","labelStyle","color","textSecondary","text","webProps","dataSet","bloomSidebar","role","accessibilityLabel","accessibilityState","onHoverIn","onHoverOut","event","preventDefault","alignSelf","minHeight","alignItems","justifyContent","gap","paddingTop","paddingBottom","ring","children","width","height","full","undefined","pointerEvents","accessibilityElementsHidden","position","fill","selectedForeground","top","left","variant","numberOfLines","maxWidth","fontSize","lineHeight","letterSpacing","textAlign","fontWeight","SidebarRailItem","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRailItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/sidebar/SidebarScrollArea.js

@@ -0,0 +1,137 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useRef, useState } from 'react';
+import { ScrollView, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { EdgeScrim } from "../page-header/EdgeScrim.js";
+import { parseRgba } from "../theme/color-utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EDGE_THRESHOLD = 1;
+
+/** Internal scroll viewport: fades describe content beyond the visible edges. */
+export const SidebarScrollArea = /*#__PURE__*/forwardRef(function SidebarScrollArea({
+  fadeColor,
+  fadeHeight = 40,
+  style,
+  children,
+  testID,
+  onLayout,
+  onContentSizeChange,
+  onScroll,
+  scrollEventThrottle = 16,
+  ...props
+}, ref) {
+  const topFade = useSharedValue(0);
+  const bottomFade = useSharedValue(0);
+  const metrics = useRef({
+    height: 0,
+    content: 0,
+    offset: 0
+  });
+  const [edges, setEdges] = useState({
+    top: false,
+    bottom: false
+  });
+  const updateEdges = useCallback(() => {
+    const {
+      height,
+      content,
+      offset
+    } = metrics.current;
+    const range = Math.max(0, content - height);
+    const y = Math.max(0, Math.min(offset, range));
+    const overflow = height > 0 && range > EDGE_THRESHOLD;
+    const top = overflow && y > EDGE_THRESHOLD;
+    const bottom = overflow && range - y > EDGE_THRESHOLD;
+    topFade.value = overflow ? Math.min(1, y / Math.max(1, fadeHeight)) : 0;
+    bottomFade.value = overflow ? Math.min(1, (range - y) / Math.max(1, fadeHeight)) : 0;
+    setEdges(previous => previous.top === top && previous.bottom === bottom ? previous : {
+      top,
+      bottom
+    });
+  }, [topFade, bottomFade, fadeHeight]);
+  // SVG never receives alpha inside stopColor; it travels on the containing view.
+  const parsed = parseRgba(fadeColor);
+  const color = parsed ? `rgb(${parsed.r}, ${parsed.g}, ${parsed.b})` : fadeColor;
+  const opacity = parsed?.a ?? 1;
+  const topStyle = useAnimatedStyle(() => ({
+    opacity: topFade.value * opacity
+  }), [topFade, opacity]);
+  const bottomStyle = useAnimatedStyle(() => ({
+    opacity: bottomFade.value * opacity
+  }), [bottomFade, opacity]);
+  const prefix = testID ?? 'sidebar-scroll';
+  return /*#__PURE__*/_jsxs(View, {
+    testID: `${prefix}-viewport`,
+    style: [{
+      minHeight: 0,
+      position: 'relative'
+    }, style],
+    children: [/*#__PURE__*/_jsx(ScrollView, {
+      ...props,
+      ref: ref,
+      testID: testID,
+      style: {
+        flexGrow: 1,
+        flexShrink: 1,
+        minHeight: 0
+      },
+      scrollEventThrottle: scrollEventThrottle,
+      onLayout: event => {
+        metrics.current.height = event.nativeEvent.layout.height;
+        updateEdges();
+        onLayout?.(event);
+      },
+      onContentSizeChange: (width, height) => {
+        metrics.current.content = height;
+        updateEdges();
+        onContentSizeChange?.(width, height);
+      },
+      onScroll: event => {
+        metrics.current.offset = event.nativeEvent.contentOffset.y;
+        metrics.current.height = event.nativeEvent.layoutMeasurement.height;
+        metrics.current.content = event.nativeEvent.contentSize.height;
+        updateEdges();
+        onScroll?.(event);
+      },
+      children: children
+    }), edges.top && /*#__PURE__*/_jsx(Animated.View, {
+      testID: `${prefix}-fade-top`,
+      pointerEvents: "none",
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: [{
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: 0,
+        height: fadeHeight
+      }, topStyle],
+      children: /*#__PURE__*/_jsx(EdgeScrim, {
+        color: color
+      })
+    }), edges.bottom && /*#__PURE__*/_jsx(Animated.View, {
+      testID: `${prefix}-fade-bottom`,
+      pointerEvents: "none",
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: [{
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: fadeHeight,
+        transform: [{
+          rotate: '180deg'
+        }]
+      }, bottomStyle],
+      children: /*#__PURE__*/_jsx(EdgeScrim, {
+        color: color
+      })
+    })]
+  });
+});
+SidebarScrollArea.displayName = 'SidebarScrollArea';
+//# sourceMappingURL=SidebarScrollArea.js.map

package/lib/module/sidebar/SidebarScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","ScrollView","View","Animated","useAnimatedStyle","useSharedValue","EdgeScrim","parseRgba","jsx","_jsx","jsxs","_jsxs","EDGE_THRESHOLD","SidebarScrollArea","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","bottomFade","metrics","height","content","offset","edges","setEdges","top","bottom","updateEdges","current","range","Math","max","y","min","overflow","value","previous","parsed","color","r","g","b","opacity","a","topStyle","bottomStyle","prefix","minHeight","position","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","transform","rotate","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarScrollArea.tsx"],"mappings":"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","ignoreList":[]}