@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/sidebar/SidebarPlanCard.js

@@ -1,12 +1,14 @@
 "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 { useSidebarGeometry } from "./geometry.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 +28,20 @@ function SidebarPlanCardComponent({
   testID
 }) {
   const palette = useSidebarPalette();
+  const progress = useSidebarCollapseProgress(collapsed);
+  const inSidebar = useInSidebar();
+  const lane = useSidebarGeometry();
+  const compactPadding = lane ? Math.max(0, (lane.collapsedLane - 32) / 2) : 2;
+  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 + (compactPadding - 10) * progress.value,
+    paddingRight: 12 + (compactPadding - 12) * progress.value
+  }), [progress, inSidebar, naturalWidth, compactPadding]);
+  const fill = useAnimatedStyle(() => ({
+    opacity: 1 - progress.value
+  }), [progress]);
   const avatar = plan.avatar ?? {
     initials: plan.name.slice(0, 1).toUpperCase(),
     color: 'blue'
@@ -56,70 +72,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":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","View","StyleSheet","Animated","useAnimatedStyle","useSharedValue","Button","borderRadius","Text","useSidebarGeometry","useSidebarPalette","Collapsible","IS_WEB","SidebarAvatarView","useSidebarCollapseProgress","useInSidebar","jsx","_jsx","jsxs","_jsxs","SidebarPlanCardComponent","plan","collapsed","style","testID","palette","progress","inSidebar","lane","compactPadding","Math","max","collapsedLane","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":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,cAAc,QAAQ,yBAAyB;AAEpF,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,kBAAkB,QAAQ,eAAY;AAC/C,SAASC,iBAAiB,QAAQ,cAAW;AAC7C,SAASC,WAAW,EAAEC,MAAM,EAAEC,iBAAiB,EAAEC,0BAA0B,EAAEC,YAAY,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG3G;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,GAAGf,iBAAiB,CAAC,CAAC;EACnC,MAAMgB,QAAQ,GAAGZ,0BAA0B,CAACQ,SAAS,CAAC;EACtD,MAAMK,SAAS,GAAGZ,YAAY,CAAC,CAAC;EAChC,MAAMa,IAAI,GAAGnB,kBAAkB,CAAC,CAAC;EACjC,MAAMoB,cAAc,GAAGD,IAAI,GAAGE,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAACH,IAAI,CAACI,aAAa,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC;EAC5E,MAAMC,YAAY,GAAG5B,cAAc,CAAC,CAAC,CAAC;EACtC,MAAM6B,QAAQ,GAAG9B,gBAAgB,CAAC,OAAO;IACvC+B,KAAK,EAAER,SAAS,GAAG,MAAM,GAAGM,YAAY,CAACG,KAAK,GAAG,CAAC,GAAGH,YAAY,CAACG,KAAK,GAAG,CAAC,EAAE,GAAGH,YAAY,CAACG,KAAK,IAAIV,QAAQ,CAACU,KAAK,GAAGV,QAAQ,CAACU,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,MAAM;IACzJC,MAAM,EAAE,EAAE,GAAG,EAAE,GAAGX,QAAQ,CAACU,KAAK;IAChCE,WAAW,EAAE,EAAE,GAAG,CAACT,cAAc,GAAG,EAAE,IAAIH,QAAQ,CAACU,KAAK;IACxDG,YAAY,EAAE,EAAE,GAAG,CAACV,cAAc,GAAG,EAAE,IAAIH,QAAQ,CAACU;EACtD,CAAC,CAAC,EAAE,CAACV,QAAQ,EAAEC,SAAS,EAAEM,YAAY,EAAEJ,cAAc,CAAC,CAAC;EACxD,MAAMW,IAAI,GAAGpC,gBAAgB,CAAC,OAAO;IAAEqC,OAAO,EAAE,CAAC,GAAGf,QAAQ,CAACU;EAAM,CAAC,CAAC,EAAE,CAACV,QAAQ,CAAC,CAAC;EAClF,MAAMgB,MAAM,GAAGrB,IAAI,CAACqB,MAAM,IAAI;IAAEC,QAAQ,EAAEtB,IAAI,CAACuB,IAAI,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAAEC,KAAK,EAAE;EAAgB,CAAC;EAEvG,MAAMC,UAAU,GAAGN,MAAM,CAACO,MAAM,gBAC9BhC,IAAA,CAACJ,iBAAiB;IAAC6B,MAAM,EAAEA,MAAO;IAACQ,IAAI,EAAC,IAAI;IAACzB,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAEjER,IAAA,CAAChB,IAAI;IACHsB,KAAK,EAAE;MACLY,KAAK,EAAE,EAAE;MACTE,MAAM,EAAE,EAAE;MACVc,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,QAAQ;MAClB/C,YAAY,EAAEA,YAAY,CAACgD,IAAI;MAC/BC,eAAe,EAAE/B,OAAO,CAACiB,MAAM,CAACA,MAAM,CAACK,KAAK,IAAI,SAAS,CAAC,CAACU;IAC7D,CAAE;IAAAC,QAAA,eACFzC,IAAA,CAACT,IAAI;MACHe,KAAK,EAAE;QACLoC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE,KAAK;QACjBC,SAAS,EAAE,QAAQ;QACnBf,KAAK,EAAEtB,OAAO,CAACiB,MAAM,CAACA,MAAM,CAACK,KAAK,IAAI,SAAS,CAAC,CAACgB;MACnD,CAAE;MAAAL,QAAA,EACDhB,MAAM,CAACC,QAAQ,IAAI;IAAE,CAClB;EAAC,CACH,CACP;EAGD,oBACExB,KAAA,CAAChB,QAAQ,CAACF,IAAI;IACZ+D,kBAAkB,EAAE1C,SAAS,GAAG,GAAGD,IAAI,CAACuB,IAAI,KAAKvB,IAAI,CAACA,IAAI,EAAE,GAAG4C,SAAU;IACzEzC,MAAM,EAAEA,MAAO;IACf0C,QAAQ,EAAGC,KAAK,IAAK;MAAE,IAAIzC,QAAQ,CAACU,KAAK,KAAK,CAAC,EAAEH,YAAY,CAACG,KAAK,GAAG+B,KAAK,CAACC,WAAW,CAACC,MAAM,CAAClC,KAAK;IAAE,CAAE;IACxGZ,KAAK,EAAE,CACL;MACEY,KAAK,EAAE,MAAM;MACbmC,aAAa,EAAE,KAAK;MACpBlB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/B9C,YAAY,EAAE,EAAE;MAChB+C,QAAQ,EAAE;IACZ,CAAC,EACD/B,KAAK,EACL;MAAEiC,eAAe,EAAE;IAAc,CAAC,EAClCtB,QAAQ,CACR;IAAAwB,QAAA,gBACFzC,IAAA,CAACd,QAAQ,CAACF,IAAI;MAACsE,aAAa,EAAC,MAAM;MAAChD,KAAK,EAAE,CAACrB,UAAU,CAACsE,YAAY,EAAE;QAAEjE,YAAY,EAAE,EAAE;QAAEiD,eAAe,EAAEtD,UAAU,CAACuE,OAAO,CAAClD,KAAK,CAAC,EAAEiC,eAAe,IAAI/B,OAAO,CAACiD;MAAS,CAAC,EAAElC,IAAI;IAAE,CAAE,CAAC,eACrLrB,KAAA,CAAClB,IAAI;MAACsB,KAAK,EAAE;QAAEoD,QAAQ,EAAE,CAAC;QAAExB,UAAU,EAAE,CAAC;QAAEmB,aAAa,EAAE,KAAK;QAAElB,UAAU,EAAE;MAAS,CAAE;MAAAM,QAAA,GACrFV,UAAU,eACX/B,IAAA,CAACN,WAAW;QAACW,SAAS,EAAEA,SAAU;QAAAoC,QAAA,eAClCvC,KAAA,CAAClB,IAAI;UAACsB,KAAK,EAAE;YAAEe,WAAW,EAAE,CAAC;YAAEqC,QAAQ,EAAE,CAAC;YAAExB,UAAU,EAAE,CAAC;YAAEmB,aAAa,EAAE,QAAQ;YAAElB,UAAU,EAAE,YAAY;YAAEC,cAAc,EAAE;UAAS,CAAE;UAAAK,QAAA,gBACvIzC,IAAA,CAACT,IAAI;YAACoE,OAAO,EAAC,aAAa;YAACC,aAAa,EAAE,CAAE;YAACtD,KAAK,EAAE;cAAEwB,KAAK,EAAEtB,OAAO,CAACqD;YAAK,CAAE;YAAApB,QAAA,EAC1ErC,IAAI,CAACuB;UAAI,CACN,CAAC,eACP3B,IAAA,CAACT,IAAI;YAACoE,OAAO,EAAC,cAAc;YAACC,aAAa,EAAE,CAAE;YAACtD,KAAK,EAAE;cAAEwB,KAAK,EAAEtB,OAAO,CAACsD;YAAc,CAAE;YAAArB,QAAA,EACpFrC,IAAI,CAACA;UAAI,CACN,CAAC;QAAA,CACH;MAAC,CACM,CAAC;IAAA,CACV,CAAC,eACPJ,IAAA,CAAChB,IAAI;MAACsE,aAAa,EAAEjD,SAAS,GAAG,MAAM,GAAG,MAAO;MAAC,eAAaA,SAAU;MAAC0D,2BAA2B,EAAE1D,SAAU;MAAC2D,yBAAyB,EAAE3D,SAAS,GAAG,qBAAqB,GAAG,MAAO;MAAA,IAAMV,MAAM,IAAIU,SAAS,GAAG;QAAE4D,KAAK,EAAE;MAAK,CAAC,GAAG,CAAC,CAAC;MAAAxB,QAAA,eACxOzC,IAAA,CAACN,WAAW;QAACW,SAAS,EAAEA,SAAU;QAAAoC,QAAA,eAClCzC,IAAA,CAACX,MAAM;UAAC4C,IAAI,EAAC,IAAI;UAACiC,OAAO,EAAE9D,IAAI,CAAC+D,QAAS;UAACC,UAAU,EAAC,QAAQ;UAACC,IAAI,EAAC,SAAS;UAAA5B,QAAA,EACzErC,IAAI,CAACkE,WAAW,IAAI;QAAS,CACxB;MAAC,CACI;IAAC,CACR,CAAC;EAAA,CACM,CAAC;AAEpB;AAEA,OAAO,MAAMC,eAAe,gBAAGxF,IAAI,CAACoB,wBAAwB,CAAC;AAC7DoE,eAAe,CAACC,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/module/sidebar/SidebarPrimaryAction.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import React from 'react';
+import { Fab } from '../fab';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { SIDEBAR_ACTION_DIAMETER, useSidebarGeometry } from "./geometry.js";
+import { useSidebarCollapseProgress } from "./parts.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The sidebar owns placement; Fab owns the extended/collapsed action. */
+export function SidebarPrimaryAction({
+  action,
+  collapsed = false,
+  rail = false,
+  testID
+}) {
+  const geometry = useSidebarGeometry();
+  const progress = useSidebarCollapseProgress(collapsed);
+  const expandedInset = geometry?.expandedInset ?? 0;
+  const inset = useAnimatedStyle(() => ({
+    paddingLeft: expandedInset * (1 - progress.value),
+    paddingRight: expandedInset * (1 - progress.value)
+  }), [progress, expandedInset]);
+  const diameter = SIDEBAR_ACTION_DIAMETER;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      flexShrink: 0,
+      width: '100%',
+      paddingTop: 12
+    }, inset],
+    children: /*#__PURE__*/_jsx(Fab, {
+      testID: testID ?? 'sidebar-primary-action',
+      size: "md",
+      icon: action.icon,
+      label: action.label,
+      collapsed: rail || collapsed,
+      disabled: action.disabled,
+      onPress: action.onPress,
+      style: {
+        width: rail ? diameter : '100%',
+        alignSelf: 'center'
+      }
+    })
+  });
+}
+//# sourceMappingURL=SidebarPrimaryAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fab","Animated","useAnimatedStyle","SIDEBAR_ACTION_DIAMETER","useSidebarGeometry","useSidebarCollapseProgress","jsx","_jsx","SidebarPrimaryAction","action","collapsed","rail","testID","geometry","progress","expandedInset","inset","paddingLeft","value","paddingRight","diameter","View","style","flexShrink","width","paddingTop","children","size","icon","label","disabled","onPress","alignSelf"],"sourceRoot":"../../../src","sources":["sidebar/SidebarPrimaryAction.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,QAAQ;AAC5B,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,SAASC,uBAAuB,EAAEC,kBAAkB,QAAQ,eAAY;AACxE,SAASC,0BAA0B,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD;AACA,OAAO,SAASC,oBAAoBA,CAAC;EAAEC,MAAM;EAAEC,SAAS,GAAG,KAAK;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAKhF,CAAC,EAAE;EACD,MAAMC,QAAQ,GAAGT,kBAAkB,CAAC,CAAC;EACrC,MAAMU,QAAQ,GAAGT,0BAA0B,CAACK,SAAS,CAAC;EACtD,MAAMK,aAAa,GAAGF,QAAQ,EAAEE,aAAa,IAAI,CAAC;EAClD,MAAMC,KAAK,GAAGd,gBAAgB,CAAC,OAAO;IAAEe,WAAW,EAAEF,aAAa,IAAI,CAAC,GAAGD,QAAQ,CAACI,KAAK,CAAC;IAAEC,YAAY,EAAEJ,aAAa,IAAI,CAAC,GAAGD,QAAQ,CAACI,KAAK;EAAE,CAAC,CAAC,EAAE,CAACJ,QAAQ,EAAEC,aAAa,CAAC,CAAC;EAC5K,MAAMK,QAAQ,GAAGjB,uBAAuB;EACxC,oBAAOI,IAAA,CAACN,QAAQ,CAACoB,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE,MAAM;MAAEC,UAAU,EAAE;IAAG,CAAC,EAAET,KAAK,CAAE;IAAAU,QAAA,eACrFnB,IAAA,CAACP,GAAG;MACFY,MAAM,EAAEA,MAAM,IAAI,wBAAyB;MAC3Ce,IAAI,EAAC,IAAI;MACTC,IAAI,EAAEnB,MAAM,CAACmB,IAAK;MAClBC,KAAK,EAAEpB,MAAM,CAACoB,KAAM;MACpBnB,SAAS,EAAEC,IAAI,IAAID,SAAU;MAC7BoB,QAAQ,EAAErB,MAAM,CAACqB,QAAS;MAC1BC,OAAO,EAAEtB,MAAM,CAACsB,OAAQ;MACxBT,KAAK,EAAE;QAAEE,KAAK,EAAEb,IAAI,GAAGS,QAAQ,GAAG,MAAM;QAAEY,SAAS,EAAE;MAAS;IAAE,CACjE;EAAC,CACW,CAAC;AAClB","ignoreList":[]}

package/lib/module/sidebar/SidebarRail.js

@@ -1,10 +1,12 @@
 "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 { SidebarPrimaryAction } from "./SidebarPrimaryAction.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";
@@ -26,6 +28,8 @@ export const SIDEBAR_RAIL_WIDTH = 80;
 export function SidebarRail({
   logo,
   items = [],
+  primaryAction,
+  footer,
   secondaryItems = [],
   selected,
   onNavigate,
@@ -43,6 +47,7 @@ export function SidebarRail({
       href: item.href,
       selected: isSelected,
       onPress: onPress,
+      onLongPress: item.onLongPress,
       testID: `sidebar-item-${item.key}`,
       badge: item.badge !== undefined ? /*#__PURE__*/_jsx(Badge, {
         content: item.badge,
@@ -50,7 +55,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 +82,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'
@@ -104,7 +111,19 @@ export function SidebarRail({
         },
         children: items.map(renderItem)
       })
-    }), secondaryItems.length > 0 ? /*#__PURE__*/_jsx(View, {
+    }), primaryAction ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexShrink: 0,
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingBottom: 24
+      },
+      children: /*#__PURE__*/_jsx(SidebarPrimaryAction, {
+        action: primaryAction,
+        rail: true,
+        testID: testID ? `${testID}-primary-action` : undefined
+      })
+    }) : null, secondaryItems.length > 0 ? /*#__PURE__*/_jsx(View, {
       role: "navigation",
       style: {
         flexShrink: 0,
@@ -114,6 +133,18 @@ export function SidebarRail({
         gap: 8
       },
       children: secondaryItems.map(renderItem)
+    }) : null, footer != null ? /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-footer` : 'sidebar-footer',
+      style: {
+        flexShrink: 0,
+        width: '100%',
+        paddingLeft: 8,
+        paddingRight: 8,
+        paddingBottom: 24
+      },
+      children: typeof footer === 'function' ? footer({
+        collapsed: true
+      }) : footer
     }) : null]
   });
 }

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","SidebarPrimaryAction","SidebarScrollArea","SidebarLogoView","SidebarRailItem","jsx","_jsx","jsxs","_jsxs","SIDEBAR_RAIL_WIDTH","SidebarRail","logo","items","primaryAction","footer","secondaryItems","selected","onNavigate","style","testID","palette","renderItem","item","isSelected","key","onPress","href","undefined","icon","activeIcon","label","onLongPress","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","action","rail","length","collapsed"],"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.
@@ -34,6 +37,7 @@ const SidebarRailItemComponent = ({
   badge,
   selected = false,
   onPress,
+  onLongPress,
   style,
   testID
 }) => {
@@ -44,7 +48,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'
@@ -65,6 +89,7 @@ const SidebarRailItemComponent = ({
     },
     onHoverIn: onIn,
     onHoverOut: onOut,
+    onLongPress: onLongPress,
     onPress: event => {
       if (!onPress) return;
       if (IS_WEB && href) event.preventDefault();
@@ -82,20 +107,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 +155,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","onLongPress","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":[]}