@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/commonjs/map-controls/MapControls.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapControls = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../button-group/index.js");
+var _index2 = require("../glass/index.js");
+var _RiAddLine = require("../icons/remix/RiAddLine.js");
+var _RiBox3Line = require("../icons/remix/RiBox3Line.js");
+var _RiFocus3Line = require("../icons/remix/RiFocus3Line.js");
+var _RiSubtractLine = require("../icons/remix/RiSubtractLine.js");
+var _constants = require("./constants.js");
+var _MapCompass = require("./MapCompass.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); }
+/**
+ * The chrome that floats over a map — locate, compass, zoom, tilt — as a
+ * column of translucent capsules.
+ *
+ *   island   every group is a `GlassIsland`: rung 1 of the surface ladder at
+ *            the chrome alpha, with the material's own hairline and shadow.
+ *            One capsule per GROUP, so the column reads as separate controls
+ *            rather than as one bar — which is exactly what the island was
+ *            written for.
+ *   control  `ButtonGroupItem` at 44 square. It is Bloom's island-aware
+ *            control: it reads the `material` the island publishes through
+ *            `ControlSurface` and paints flush, with no `variant` written on
+ *            it, and it carries a toggle's `aria-pressed` and native selected
+ *            state in one prop.
+ *   zoom     ONE island, two items, laid out in a column. The island's `style`
+ *            is where that is said; nothing else about it changes.
+ *   stack    44 controls, 8 apart, hugging whichever edge `align` names.
+ *
+ * WHY NOT `FrostedIconButton`: it is one of the three glass materials Bloom
+ * grew independently, and `glass/` exists so there is not a fourth. Two glass
+ * recipes side by side in one stack is the drift the island was written to
+ * end, so the whole stack is one material. A single frosted button over a
+ * photograph is still the right control where there is no island.
+ *
+ * WHAT THIS DOES NOT DO: it never touches a map. Every control is a callback,
+ * every state is a prop, and there is no engine, no projection and no tile
+ * here — the app owns the map and tells the chrome what it is doing.
+ *
+ * The `MapLayerPicker` is not a prop: it is an island of its own, placed in
+ * `children`, so an app can put it above the stack, below it, or somewhere
+ * else entirely without this component growing a placement vocabulary.
+ */
+function MapControlsComponent({
+  onLocate,
+  following,
+  heading,
+  onResetNorth,
+  hideCompassAtNorth = true,
+  onZoomIn,
+  onZoomOut,
+  canZoomIn = true,
+  canZoomOut = true,
+  onTiltChange,
+  tilted,
+  children,
+  align = 'end',
+  labels,
+  style,
+  testID
+}) {
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const zoomLabel = labels?.zoom ?? 'Zoom';
+  const zoomable = onZoomIn !== undefined && onZoomOut !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: labels?.group ?? 'Map controls',
+    testID: testID,
+    style: [{
+      alignItems: align === 'start' ? 'flex-start' : 'flex-end',
+      gap: _constants.MAP_CONTROLS_GEOMETRY.gap
+    }, style],
+    children: [onLocate ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlassIsland, {
+      testID: id('locate-island'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: _RiFocus3Line.RiFocus3Line,
+        selected: following,
+        accessibilityLabel: following ? labels?.following ?? 'Stop following my location' : labels?.locate ?? 'Show my location',
+        onPress: onLocate,
+        style: _constants.MAP_CONTROL_BOX,
+        testID: id('locate')
+      })
+    }) : null, onResetNorth && heading !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MapCompass.MapCompass, {
+      heading: heading,
+      onPress: onResetNorth,
+      hideAtNorth: hideCompassAtNorth,
+      testID: id('compass')
+    }) : null, zoomable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.GlassIsland, {
+      role: "group",
+      accessibilityLabel: zoomLabel,
+      style: {
+        flexDirection: 'column'
+      },
+      testID: id('zoom'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: _RiAddLine.RiAddLine,
+        accessibilityLabel: labels?.zoomIn ?? 'Zoom in',
+        onPress: onZoomIn,
+        disabled: !canZoomIn,
+        style: _constants.MAP_CONTROL_BOX,
+        testID: id('zoom-in')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: _RiSubtractLine.RiSubtractLine,
+        accessibilityLabel: labels?.zoomOut ?? 'Zoom out',
+        onPress: onZoomOut,
+        disabled: !canZoomOut,
+        style: _constants.MAP_CONTROL_BOX,
+        testID: id('zoom-out')
+      })]
+    }) : null, onTiltChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlassIsland, {
+      testID: id('tilt-island'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: _RiBox3Line.RiBox3Line,
+        selected: tilted ?? false,
+        accessibilityLabel: tilted ? labels?.tiltOff ?? 'Flatten the map' : labels?.tilt ?? 'Tilt the map',
+        onPress: () => onTiltChange(!tilted),
+        style: _constants.MAP_CONTROL_BOX,
+        testID: id('tilt')
+      })
+    }) : null, children]
+  });
+}
+const MapControls = exports.MapControls = /*#__PURE__*/(0, _react.memo)(MapControlsComponent);
+MapControls.displayName = 'MapControls';
+//# sourceMappingURL=MapControls.js.map

package/lib/commonjs/map-controls/MapControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_RiAddLine","_RiBox3Line","_RiFocus3Line","_RiSubtractLine","_constants","_MapCompass","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MapControlsComponent","onLocate","following","heading","onResetNorth","hideCompassAtNorth","onZoomIn","onZoomOut","canZoomIn","canZoomOut","onTiltChange","tilted","children","align","labels","style","testID","id","part","undefined","zoomLabel","zoom","zoomable","jsxs","View","role","accessibilityLabel","group","alignItems","gap","MAP_CONTROLS_GEOMETRY","jsx","GlassIsland","ButtonGroupItem","iconOnly","leadingIcon","RiFocus3Line","selected","locate","onPress","MAP_CONTROL_BOX","MapCompass","hideAtNorth","flexDirection","RiAddLine","zoomIn","disabled","RiSubtractLine","zoomOut","RiBox3Line","tiltOff","tilt","MapControls","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["map-controls/MapControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/map-controls/MapLayerPicker.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapLayerPicker = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../button-group/index.js");
+var _dropdownMenu = require("../dropdown-menu");
+var _index2 = require("../glass/index.js");
+var _RiStackLine = require("../icons/remix/RiStackLine.js");
+var _constants = require("./constants.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); }
+/**
+ * What the map is DRAWN as, and what is drawn ON it.
+ *
+ * Two vocabularies in one menu, because they are two questions a reader asks in
+ * the same breath and they answer differently:
+ *
+ *   map types   exactly one — standard, satellite, transit. A
+ *               `DropdownMenuRadioGroup`, so the announced tree is a radio
+ *               group and the chosen one carries `aria-checked`.
+ *   overlays    any number — traffic, bike lanes. `DropdownMenuCheckboxItem`s,
+ *               each its own checkbox.
+ *
+ * Neither is a control this family wrote. The rows, the indicators, the
+ * keyboard handling, the dismissal and the anchoring are `dropdown-menu`'s; the
+ * trigger is a `ButtonGroupItem` composed through `asChild`, which is why it
+ * announces its own expanded state; and the capsule it sits in is the same
+ * `GlassIsland` every other map control sits in, so the picker lands in the
+ * stack as one more island rather than as a different kind of thing.
+ */
+function MapLayerPickerComponent({
+  layers,
+  layerId,
+  onLayerChange,
+  overlays,
+  activeOverlayIds,
+  onOverlayChange,
+  icon = _RiStackLine.RiStackLine,
+  disabled = false,
+  open,
+  defaultOpen,
+  onOpenChange,
+  labels,
+  style,
+  testID
+}) {
+  const triggerLabel = labels?.trigger ?? 'Map layers';
+  const layersLabel = labels?.layers ?? 'Map';
+  const overlaysLabel = labels?.overlays ?? 'Overlays';
+  const active = new Set(activeOverlayIds ?? []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlassIsland, {
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+        asChild: true,
+        label: triggerLabel,
+        disabled: disabled,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+          iconOnly: true,
+          leadingIcon: icon,
+          accessibilityLabel: triggerLabel,
+          disabled: disabled,
+          style: _constants.MAP_CONTROL_BOX,
+          testID: testID ? `${testID}-trigger` : undefined
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenuContent, {
+      label: triggerLabel,
+      testID: testID ? `${testID}-content` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuLabel, {
+        children: layersLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuRadioGroup, {
+        value: layerId,
+        onValueChange: next => onLayerChange?.(next),
+        children: layers.map(layer => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
+          value: layer.id,
+          trailing: layer.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(layer.icon, {
+            width: 16,
+            height: 16
+          }) : undefined,
+          testID: testID ? `${testID}-layer-${layer.id}` : undefined,
+          children: layer.label
+        }, layer.id))
+      }), overlays && overlays.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuLabel, {
+          children: overlaysLabel
+        }), overlays.map(overlay => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
+          checked: active.has(overlay.id),
+          onCheckedChange: next => onOverlayChange?.(overlay.id, next),
+          trailing: overlay.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(overlay.icon, {
+            width: 16,
+            height: 16
+          }) : undefined,
+          testID: testID ? `${testID}-overlay-${overlay.id}` : undefined,
+          children: overlay.label
+        }, overlay.id))]
+      }) : null]
+    })]
+  });
+}
+const MapLayerPicker = exports.MapLayerPicker = /*#__PURE__*/(0, _react.memo)(MapLayerPickerComponent);
+MapLayerPicker.displayName = 'MapLayerPicker';
+//# sourceMappingURL=MapLayerPicker.js.map

package/lib/commonjs/map-controls/MapLayerPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_dropdownMenu","_index2","_RiStackLine","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MapLayerPickerComponent","layers","layerId","onLayerChange","overlays","activeOverlayIds","onOverlayChange","icon","RiStackLine","disabled","open","defaultOpen","onOpenChange","labels","style","testID","triggerLabel","trigger","layersLabel","overlaysLabel","active","Set","jsxs","DropdownMenu","children","jsx","GlassIsland","DropdownMenuTrigger","asChild","label","ButtonGroupItem","iconOnly","leadingIcon","accessibilityLabel","MAP_CONTROL_BOX","undefined","DropdownMenuContent","DropdownMenuLabel","DropdownMenuRadioGroup","value","onValueChange","next","map","layer","DropdownMenuRadioItem","id","trailing","width","height","length","Fragment","DropdownMenuSeparator","overlay","DropdownMenuCheckboxItem","checked","onCheckedChange","MapLayerPicker","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["map-controls/MapLayerPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/map-controls/constants.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MAP_CONTROL_BOX = exports.MAP_CONTROLS_GEOMETRY = void 0;
+/**
+ * 44 is the target, not the 34 the button group's `medium` rung draws.
+ *
+ * A group rung is sized for a toolbar standing beside other chrome, where the
+ * row as a whole is the target a finger aims at. A map control is a LONE
+ * circle over a moving map with a finger already on the glass, and 34 is under
+ * every platform's minimum. The item takes the size through its own `style`,
+ * which is the override `ButtonGroupItem` publishes — nothing about its fill,
+ * its hover, its press or its focus ring changes.
+ */
+const MAP_CONTROLS_GEOMETRY = exports.MAP_CONTROLS_GEOMETRY = {
+  control: 44,
+  gap: 8,
+  northTolerance: 0.5
+};
+
+/** The square every control in the stack takes. */
+const MAP_CONTROL_BOX = exports.MAP_CONTROL_BOX = {
+  width: MAP_CONTROLS_GEOMETRY.control,
+  height: MAP_CONTROLS_GEOMETRY.control
+};
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/map-controls/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAP_CONTROLS_GEOMETRY","exports","control","gap","northTolerance","MAP_CONTROL_BOX","width","height"],"sourceRoot":"../../../src","sources":["map-controls/constants.ts"],"mappings":";;;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,qBAA0C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACxDE,OAAO,EAAE,EAAE;EACXC,GAAG,EAAE,CAAC;EACNC,cAAc,EAAE;AAClB,CAAC;;AAED;AACO,MAAMC,eAAe,GAAAJ,OAAA,CAAAI,eAAA,GAAG;EAC7BC,KAAK,EAAEN,qBAAqB,CAACE,OAAO;EACpCK,MAAM,EAAEP,qBAAqB,CAACE;AAChC,CAAU","ignoreList":[]}

package/lib/commonjs/map-controls/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapHeadingContext = void 0;
+var _react = require("react");
+/**
+ * The map's heading, in degrees clockwise from north, for the compass needle.
+ *
+ * WHY A CONTEXT FOR ONE NUMBER: `ButtonGroupItem` takes its glyph as a
+ * COMPONENT (`leadingIcon={RiCompass3Line}`), and a needle has to rotate. A
+ * component built from the heading would be a new component TYPE on every
+ * degree, so React would unmount and remount the SVG on every frame of a map
+ * rotation. A module-scope component reading the heading from here keeps one
+ * identity for the life of the control, and only the needle re-renders.
+ */
+const MapHeadingContext = exports.MapHeadingContext = /*#__PURE__*/(0, _react.createContext)(0);
+//# sourceMappingURL=context.js.map

package/lib/commonjs/map-controls/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","MapHeadingContext","exports","createContext"],"sourceRoot":"../../../src","sources":["map-controls/context.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/map-controls/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MAP_CONTROLS_GEOMETRY", {
+  enumerable: true,
+  get: function () {
+    return _constants.MAP_CONTROLS_GEOMETRY;
+  }
+});
+Object.defineProperty(exports, "MAP_CONTROL_BOX", {
+  enumerable: true,
+  get: function () {
+    return _constants.MAP_CONTROL_BOX;
+  }
+});
+Object.defineProperty(exports, "MapCompass", {
+  enumerable: true,
+  get: function () {
+    return _MapCompass.MapCompass;
+  }
+});
+Object.defineProperty(exports, "MapControls", {
+  enumerable: true,
+  get: function () {
+    return _MapControls.MapControls;
+  }
+});
+Object.defineProperty(exports, "MapLayerPicker", {
+  enumerable: true,
+  get: function () {
+    return _MapLayerPicker.MapLayerPicker;
+  }
+});
+var _MapControls = require("./MapControls.js");
+var _MapCompass = require("./MapCompass.js");
+var _MapLayerPicker = require("./MapLayerPicker.js");
+var _constants = require("./constants.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/map-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MapControls","require","_MapCompass","_MapLayerPicker","_constants"],"sourceRoot":"../../../src","sources":["map-controls/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/map-controls/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/map-controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["map-controls/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/media-header/MediaActionBar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ShuffleButton = exports.MediaMoreButton = exports.MediaIconButton = exports.MediaActionBar = exports.FollowButton = exports.DownloadButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _useInteractionState = require("../hooks/use-interaction-state.js");
 var _RiArrowDownCircleFill = require("../icons/remix/RiArrowDownCircleFill.js");
@@ -13,6 +14,10 @@ var _RiDownload2Line = require("../icons/remix/RiDownload2Line.js");
 var _RiListUnordered = require("../icons/remix/RiListUnordered.js");
 var _RiListView = require("../icons/remix/RiListView.js");
 var _RiMoreFill = require("../icons/remix/RiMoreFill.js");
+var _RiUserAddLine = require("../icons/remix/RiUserAddLine.js");
+var _RiUserFollowLine = require("../icons/remix/RiUserFollowLine.js");
+var _shared = require("../button/shared.js");
+var _useTheme = require("../theme/use-theme.js");
 var _RiSearchLine = require("../icons/remix/RiSearchLine.js");
 var _RiShuffleLine = require("../icons/remix/RiShuffleLine.js");
 var _button = require("../button");
@@ -21,7 +26,7 @@ var _PlayButton = require("../media-controls/PlayButton.js");
 var _tokens = require("../styles/tokens.js");
 var _index = require("../typography/index.js");
 var _parts = require("./parts.js");
-var _shared = require("./shared.js");
+var _shared2 = require("./shared.js");
 var _clamp = require("../styles/clamp.js");
 var _webData = require("../styles/web-data.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -39,7 +44,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 
 function stop(event) {
-  if (_shared.IS_WEB) {
+  if (_shared2.IS_WEB) {
     event.preventDefault?.();
     event.stopPropagation?.();
   }
@@ -286,7 +291,7 @@ const DownloadButton = exports.DownloadButton = /*#__PURE__*/(0, _react.memo)(Do
 DownloadButton.displayName = 'DownloadButton';
 
 /**
- * The outline pill: "Follow" → "Following", "Save" → "Saved". A toggle with
+ * The shared Button surface: "Follow" → "Following", "Save" → "Saved". A toggle with
  * one name (`label`) and `aria-pressed`.
  */
 function FollowButtonComponent({
@@ -295,64 +300,119 @@ function FollowButtonComponent({
   label = 'Follow',
   followingLabel = 'Following',
   color,
+  tone = 'support',
+  iconOnly = false,
   size = 'small',
   disabled = false,
+  loading = false,
+  textStyle,
   style,
   testID
 }) {
-  const paint = (0, _parts.useMediaHeaderPaint)();
-  const {
-    state: hovered,
-    onIn,
-    onOut
-  } = (0, _useInteractionState.useInteractionState)();
-  const fg = color ?? paint.text;
-  const active = hovered && !disabled;
-  const root = {
-    height: size === 'medium' ? 36 : 32,
-    paddingLeft: 16,
-    paddingRight: 16,
-    borderRadius: _tokens.borderRadius.full,
-    borderWidth: 1,
-    borderColor: active ? fg : color ? fg : paint.border,
-    alignItems: 'center',
-    justifyContent: 'center',
-    opacity: disabled ? _tokens.DISABLED_OPACITY : 1,
-    '--bloom-media-header-ring': paint.ring,
-    ...(_shared.IS_WEB ? {
-      transitionProperty: 'border-color',
-      transitionDuration: '150ms'
-    } : null)
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ...(0, _webData.webDataSet)({
-      bloomMediaHeaderPress: ''
-    }),
-    role: "button",
-    accessibilityLabel: label,
-    "aria-pressed": following,
-    "aria-disabled": disabled || undefined,
-    accessibilityState: {
-      selected: following,
-      disabled
-    },
-    disabled: disabled,
-    onHoverIn: onIn,
-    onHoverOut: onOut,
-    onPress: event => {
-      stop(event);
-      onFollowChange(!following);
+  const theme = (0, _useTheme.useTheme)();
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
+  const progress = (0, _reactNativeReanimated.useSharedValue)(Number(following));
+  (0, _react.useEffect)(() => {
+    progress.value = reducedMotion ? Number(following) : (0, _reactNativeReanimated.withTiming)(Number(following), {
+      duration: 180
+    });
+  }, [following, progress, reducedMotion]);
+  const idleLabelStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - progress.value,
+    transform: [{
+      translateY: -8 * progress.value
+    }]
+  }), [progress]);
+  const followedLabelStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      translateY: 8 * (1 - progress.value)
+    }]
+  }), [progress]);
+  const labelColor = color ?? (0, _shared.resolveButtonPalette)('subtle', theme, tone).rest.foreground;
+  const visual = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    pointerEvents: "none",
+    "aria-hidden": true,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      height: 20,
+      overflow: 'hidden',
+      ...(iconOnly ? {
+        width: 20
+      } : {}),
+      justifyContent: 'center'
     },
-    style: [root, style],
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      variant: "body-semibold",
+    children: [!iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: {
-        color: fg
+        height: 0,
+        overflow: 'hidden'
       },
-      numberOfLines: 1,
-      children: following ? followingLabel : label
-    })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-semibold",
+        style: textStyle,
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-semibold",
+        style: textStyle,
+        children: followingLabel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      testID: testID ? `${testID}-idle-label` : undefined,
+      style: [{
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        alignItems: 'center'
+      }, idleLabelStyle],
+      children: iconOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiUserAddLine.RiUserAddLine, {
+        width: 20,
+        height: 20,
+        fill: labelColor
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-semibold",
+        style: [{
+          color: labelColor
+        }, textStyle],
+        numberOfLines: 1,
+        children: label
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      testID: testID ? `${testID}-following-label` : undefined,
+      style: [{
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        alignItems: 'center'
+      }, followedLabelStyle],
+      children: iconOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiUserFollowLine.RiUserFollowLine, {
+        width: 20,
+        height: 20,
+        fill: labelColor
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "body-semibold",
+        style: [{
+          color: labelColor
+        }, textStyle],
+        numberOfLines: 1,
+        children: followingLabel
+      })
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+    appearance: "subtle",
+    tone: tone,
+    size: size,
+    iconOnly: iconOnly,
+    pressed: following,
+    stopPropagation: true,
+    accessibilityLabel: label,
+    disabled: disabled,
+    loading: loading,
+    onPress: () => onFollowChange(!following),
+    trailing: visual,
+    style: style,
+    testID: testID
   });
 }
 const FollowButton = exports.FollowButton = /*#__PURE__*/(0, _react.memo)(FollowButtonComponent);