@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/commonjs/sidebar/SidebarPlanCard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarPlanCard = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _button = require("../button");
 var _tokens = require("../styles/tokens.js");
 var _index = require("../typography/index.js");
@@ -31,6 +32,18 @@ function SidebarPlanCardComponent({
   testID
 }) {
   const palette = (0, _palette.useSidebarPalette)();
+  const progress = (0, _parts.useSidebarCollapseProgress)(collapsed);
+  const inSidebar = (0, _parts.useInSidebar)();
+  const naturalWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const geometry = (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - progress.value
+  }), [progress]);
   const avatar = plan.avatar ?? {
     initials: plan.name.slice(0, 1).toUpperCase(),
     color: 'blue'
@@ -61,70 +74,81 @@ function SidebarPlanCardComponent({
       children: avatar.initials ?? ''
     })
   });
-  if (collapsed) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      testID: testID,
-      accessibilityLabel: `${plan.name}, ${plan.plan}`,
-      style: [{
-        width: 36,
-        height: 36,
-        alignItems: 'center',
-        justifyContent: 'center'
-      }, style],
-      children: avatarNode
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      overflow: 'hidden'
+    }, style, {
+      backgroundColor: 'transparent'
+    }, geometry],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      pointerEvents: "none",
+      style: [_reactNative.StyleSheet.absoluteFill, {
+        borderRadius: 12,
+        backgroundColor: _reactNative.StyleSheet.flatten(style)?.backgroundColor ?? palette.tertiary
+      }, fill]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: {
         minWidth: 0,
         flexShrink: 1,
         flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8
+        alignItems: 'center'
       },
-      children: [avatarNode, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: {
-          minWidth: 0,
-          flexShrink: 1,
-          flexDirection: 'column',
-          alignItems: 'flex-start',
-          justifyContent: 'center'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-          variant: "body-medium",
-          numberOfLines: 1,
-          style: {
-            color: palette.text
-          },
-          children: plan.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-          variant: "body-regular",
-          numberOfLines: 1,
+      children: [avatarNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Collapsible, {
+        collapsed: collapsed,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: {
-            color: palette.textSecondary
+            paddingLeft: 8,
+            minWidth: 0,
+            flexShrink: 1,
+            flexDirection: 'column',
+            alignItems: 'flex-start',
+            justifyContent: 'center'
           },
-          children: plan.plan
-        })]
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            children: plan.name
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            variant: "body-regular",
+            numberOfLines: 1,
+            style: {
+              color: palette.textSecondary
+            },
+            children: plan.plan
+          })]
+        })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-      variant: "secondary",
-      size: "small",
-      onPress: plan.onAction,
-      children: plan.actionLabel ?? 'Upgrade'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: collapsed ? 'none' : 'auto',
+      "aria-hidden": collapsed,
+      accessibilityElementsHidden: collapsed,
+      importantForAccessibility: collapsed ? 'no-hide-descendants' : 'auto',
+      ...(_parts.IS_WEB && collapsed ? {
+        inert: true
+      } : {}),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.Collapsible, {
+        collapsed: collapsed,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          size: "sm",
+          onPress: plan.onAction,
+          appearance: "subtle",
+          tone: "neutral",
+          children: plan.actionLabel ?? 'Upgrade'
+        })
+      })
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_tokens","_index","_palette","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SidebarPlanCardComponent","plan","collapsed","style","testID","palette","useSidebarPalette","avatar","initials","name","slice","toUpperCase","color","avatarNode","source","jsx","SidebarAvatarView","size","View","width","height","flexShrink","alignItems","justifyContent","overflow","borderRadius","full","backgroundColor","background","children","Text","fontSize","lineHeight","fontWeight","textAlign","foreground","accessibilityLabel","jsxs","flexDirection","tertiary","paddingTop","paddingBottom","paddingRight","paddingLeft","minWidth","gap","variant","numberOfLines","text","textSecondary","Button","onPress","onAction","actionLabel","SidebarPlanCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarPlanCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_button","_tokens","_index","_palette","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SidebarPlanCardComponent","plan","collapsed","style","testID","palette","useSidebarPalette","progress","useSidebarCollapseProgress","inSidebar","useInSidebar","naturalWidth","useSharedValue","geometry","useAnimatedStyle","width","value","height","paddingLeft","paddingRight","fill","opacity","avatar","initials","name","slice","toUpperCase","color","avatarNode","source","jsx","SidebarAvatarView","size","View","flexShrink","alignItems","justifyContent","overflow","borderRadius","full","backgroundColor","background","children","Text","fontSize","lineHeight","fontWeight","textAlign","foreground","jsxs","accessibilityLabel","undefined","onLayout","event","nativeEvent","layout","flexDirection","pointerEvents","StyleSheet","absoluteFill","flatten","tertiary","minWidth","Collapsible","variant","numberOfLines","text","textSecondary","accessibilityElementsHidden","importantForAccessibility","IS_WEB","inert","Button","onPress","onAction","appearance","tone","actionLabel","SidebarPlanCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarPlanCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sidebar/SidebarRail.js

@@ -10,6 +10,7 @@ var _reactNative = require("react-native");
 var _index = require("../badge/index.js");
 var _palette = require("./palette.js");
 var _parts = require("./parts.js");
+var _SidebarScrollArea = require("./SidebarScrollArea.js");
 var _SidebarLogoView = require("./SidebarLogoView.js");
 var _SidebarRailItem = require("./SidebarRailItem.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -56,7 +57,7 @@ function SidebarRail({
           backgroundColor: isSelected ? palette.badgePrimary : palette.badgeNeutral
         },
         textStyle: {
-          color: isSelected ? '#ffffff' : palette.textSecondary
+          color: isSelected ? palette.badgePrimaryForeground : palette.textSecondary
         }
       }) : undefined
     }, item.key);
@@ -83,7 +84,9 @@ function SidebarRail({
         showWordmark: false,
         testID: "sidebar-logo"
       })
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarScrollArea.SidebarScrollArea, {
+      fadeColor: palette.flat,
+      testID: testID ? `${testID}-scroll` : 'sidebar-rail-scroll',
       ...(_parts.IS_WEB ? {
         dataSet: {
           bloomSidebarScroll: 'none'

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_palette","_parts","_SidebarLogoView","_SidebarRailItem","_jsxRuntime","e","__esModule","default","SIDEBAR_RAIL_WIDTH","exports","SidebarRail","logo","items","secondaryItems","selected","onNavigate","style","testID","palette","useSidebarPalette","renderItem","item","isSelected","key","onPress","href","undefined","jsx","SidebarRailItem","icon","activeIcon","label","badge","Badge","content","backgroundColor","badgePrimary","badgeNeutral","textStyle","color","textSecondary","jsxs","View","role","accessibilityLabel","width","height","flexShrink","flexDirection","flat","children","alignItems","paddingTop","SidebarLogoView","showWordmark","ScrollView","IS_WEB","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","_interopRequireDefault","require","_reactNative","_index","_palette","_parts","_SidebarScrollArea","_SidebarLogoView","_SidebarRailItem","_jsxRuntime","e","__esModule","default","SIDEBAR_RAIL_WIDTH","exports","SidebarRail","logo","items","secondaryItems","selected","onNavigate","style","testID","palette","useSidebarPalette","renderItem","item","isSelected","key","onPress","href","undefined","jsx","SidebarRailItem","icon","activeIcon","label","badge","Badge","content","backgroundColor","badgePrimary","badgeNeutral","textStyle","color","badgePrimaryForeground","textSecondary","jsxs","View","role","accessibilityLabel","width","height","flexShrink","flexDirection","flat","children","alignItems","paddingTop","SidebarLogoView","showWordmark","SidebarScrollArea","fadeColor","IS_WEB","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/commonjs/sidebar/SidebarRailItem.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SidebarRailItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNative = require("react-native");
 var _useInteractionState = require("../hooks/use-interaction-state.js");
 var _tokens = require("../styles/tokens.js");
@@ -17,6 +18,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const INDICATOR_WIDTH = 48;
 const INDICATOR_HEIGHT = 32;
 const ICON_SIZE = 22;
+const AnimatedText = _reactNativeReanimated.default.createAnimatedComponent(_index.Text);
+const SELECTION_DURATION = 220;
 
 /**
  * A navigation rail destination: the icon over its label, stacked and centred.
@@ -49,7 +52,27 @@ const SidebarRailItemComponent = ({
     onIn,
     onOut
   } = (0, _useInteractionState.useInteractionState)();
-  const Glyph = selected && ActiveIcon ? ActiveIcon : Icon;
+  const SelectedGlyph = ActiveIcon ?? Icon;
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const selection = (0, _reactNativeReanimated.useSharedValue)(selected ? 1 : 0);
+  (0, _react.useEffect)(() => {
+    selection.value = reducedMotion ? selected ? 1 : 0 : (0, _reactNativeReanimated.withTiming)(selected ? 1 : 0, {
+      duration: SELECTION_DURATION,
+      easing: _reactNativeReanimated.Easing.bezier(0.2, 0, 0, 1)
+    });
+  }, [selected, reducedMotion, selection]);
+  const indicatorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(selection.value, [0, 1], [hovered ? palette.rowHover : 'transparent', palette.selected])
+  }), [selection, hovered, palette.rowHover, palette.selected]);
+  const inactiveStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - selection.value
+  }), [selection]);
+  const activeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: selection.value
+  }), [selection]);
+  const labelStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    color: (0, _reactNativeReanimated.interpolateColor)(selection.value, [0, 1], [palette.textSecondary, palette.text])
+  }), [selection, palette.textSecondary, palette.text]);
   const webProps = _parts.IS_WEB ? {
     dataSet: {
       bloomSidebar: 'ring'
@@ -87,20 +110,45 @@ const SidebarRailItemComponent = ({
       '--bloom-sidebar-ring': palette.ring
     }, style],
     testID: testID,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [{
         width: INDICATOR_WIDTH,
         height: INDICATOR_HEIGHT,
         alignItems: 'center',
         justifyContent: 'center',
-        borderRadius: _tokens.borderRadius.full,
-        backgroundColor: selected ? palette.selected : hovered ? palette.rowHover : 'transparent'
-      },
+        borderRadius: _tokens.borderRadius.full
+      }, indicatorStyle],
       testID: testID ? `${testID}-indicator` : undefined,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
-        width: ICON_SIZE,
-        height: ICON_SIZE,
-        fill: selected ? palette.selectedForeground : palette.textSecondary
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(Icon, {
+          width: ICON_SIZE,
+          height: ICON_SIZE,
+          fill: palette.textSecondary
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(SelectedGlyph, {
+          width: ICON_SIZE,
+          height: ICON_SIZE,
+          fill: palette.selectedForeground
+        })
       }), badge != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         pointerEvents: "none",
         style: {
@@ -110,18 +158,17 @@ const SidebarRailItemComponent = ({
         },
         children: badge
       }) : null]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    }), /*#__PURE__*/(0, _jsxRuntime.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/commonjs/sidebar/SidebarRailItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInteractionState","_tokens","_index","_palette","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INDICATOR_WIDTH","INDICATOR_HEIGHT","ICON_SIZE","SidebarRailItemComponent","icon","Icon","activeIcon","ActiveIcon","label","href","badge","selected","onPress","style","testID","palette","useSidebarPalette","useSidebarWebCss","state","hovered","onIn","onOut","useInteractionState","Glyph","webProps","IS_WEB","dataSet","bloomSidebar","jsxs","Pressable","role","accessibilityLabel","accessibilityState","onHoverIn","onHoverOut","event","preventDefault","alignSelf","minHeight","alignItems","justifyContent","gap","paddingTop","paddingBottom","borderRadius","ring","children","View","width","height","full","backgroundColor","rowHover","undefined","jsx","fill","selectedForeground","textSecondary","pointerEvents","position","top","left","Text","variant","numberOfLines","maxWidth","fontSize","lineHeight","letterSpacing","textAlign","fontWeight","color","text","SidebarRailItem","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRailItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNative","_useInteractionState","_tokens","_index","_palette","_parts","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","INDICATOR_WIDTH","INDICATOR_HEIGHT","ICON_SIZE","AnimatedText","Animated","createAnimatedComponent","Text","SELECTION_DURATION","SidebarRailItemComponent","icon","Icon","activeIcon","ActiveIcon","label","href","badge","selected","onPress","style","testID","palette","useSidebarPalette","useSidebarWebCss","state","hovered","onIn","onOut","useInteractionState","SelectedGlyph","reducedMotion","useReducedMotion","selection","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","bezier","indicatorStyle","useAnimatedStyle","backgroundColor","interpolateColor","rowHover","inactiveStyle","opacity","activeStyle","labelStyle","color","textSecondary","text","webProps","IS_WEB","dataSet","bloomSidebar","jsxs","Pressable","role","accessibilityLabel","accessibilityState","onHoverIn","onHoverOut","event","preventDefault","alignSelf","minHeight","alignItems","justifyContent","gap","paddingTop","paddingBottom","borderRadius","ring","children","View","width","height","full","undefined","jsx","pointerEvents","accessibilityElementsHidden","position","fill","selectedForeground","top","left","variant","numberOfLines","maxWidth","fontSize","lineHeight","letterSpacing","textAlign","fontWeight","SidebarRailItem","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarRailItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sidebar/SidebarScrollArea.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SidebarScrollArea = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _EdgeScrim = require("../page-header/EdgeScrim.js");
+var _colorUtils = require("../theme/color-utils.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); }
+const EDGE_THRESHOLD = 1;
+
+/** Internal scroll viewport: fades describe content beyond the visible edges. */
+const SidebarScrollArea = exports.SidebarScrollArea = /*#__PURE__*/(0, _react.forwardRef)(function SidebarScrollArea({
+  fadeColor,
+  fadeHeight = 40,
+  style,
+  children,
+  testID,
+  onLayout,
+  onContentSizeChange,
+  onScroll,
+  scrollEventThrottle = 16,
+  ...props
+}, ref) {
+  const topFade = (0, _reactNativeReanimated.useSharedValue)(0);
+  const bottomFade = (0, _reactNativeReanimated.useSharedValue)(0);
+  const metrics = (0, _react.useRef)({
+    height: 0,
+    content: 0,
+    offset: 0
+  });
+  const [edges, setEdges] = (0, _react.useState)({
+    top: false,
+    bottom: false
+  });
+  const updateEdges = (0, _react.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 = (0, _colorUtils.parseRgba)(fadeColor);
+  const color = parsed ? `rgb(${parsed.r}, ${parsed.g}, ${parsed.b})` : fadeColor;
+  const opacity = parsed?.a ?? 1;
+  const topStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: topFade.value * opacity
+  }), [topFade, opacity]);
+  const bottomStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: bottomFade.value * opacity
+  }), [bottomFade, opacity]);
+  const prefix = testID ?? 'sidebar-scroll';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: `${prefix}-viewport`,
+    style: [{
+      minHeight: 0,
+      position: 'relative'
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(_EdgeScrim.EdgeScrim, {
+        color: color
+      })
+    }), edges.bottom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(_EdgeScrim.EdgeScrim, {
+        color: color
+      })
+    })]
+  });
+});
+SidebarScrollArea.displayName = 'SidebarScrollArea';
+//# sourceMappingURL=SidebarScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_EdgeScrim","_colorUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDGE_THRESHOLD","SidebarScrollArea","exports","forwardRef","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","useSharedValue","bottomFade","metrics","useRef","height","content","offset","edges","setEdges","useState","top","bottom","updateEdges","useCallback","current","range","Math","max","y","min","overflow","value","previous","parsed","parseRgba","color","g","b","opacity","a","topStyle","useAnimatedStyle","bottomStyle","prefix","jsxs","View","minHeight","position","jsx","ScrollView","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","EdgeScrim","transform","rotate","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarScrollArea.tsx"],"mappings":"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","ignoreList":[]}