@oxy.so/bloom 5.4.1 → 6.0.0

package/lib/commonjs/surface/use-surface-backing.js

@@ -6,19 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSurfaceBacking = useSurfaceBacking;
 var _reactNative = require("react-native");
 var _surfaceLevels = require("../styles/surface-levels.js");
-var _colorUtils = require("../theme/color-utils.js");
-var _shared = require("./shared.js");
+var _resolveSurfaceMaterial = require("./resolve-surface-material.js");
 /** Docked chrome publishes its backing without adding depth or material. */
 function useSurfaceBacking(defaultFill, style, known = true) {
   const parentFill = (0, _surfaceLevels.useSurfaceFill)();
   const level = (0, _surfaceLevels.useSurfaceLevelValue)();
   const background = known ? _reactNative.StyleSheet.flatten(style)?.backgroundColor ?? defaultFill : undefined;
-  const painted = typeof background === 'string' && background !== 'transparent' && (0, _colorUtils.parseRgba)(background)?.a !== 0;
-  const fill = painted ? (0, _shared.resolveSurfaceFill)(background, false, parentFill) : parentFill;
+  const material = (0, _resolveSurfaceMaterial.resolveSurfaceMaterial)({
+    fill: typeof background === 'string' ? background : 'transparent',
+    parentFill,
+    parentLevel: level,
+    paint: false
+  });
   return {
-    fill,
-    level,
-    vars: (0, _surfaceLevels.surfaceFillVars)(painted ? fill : undefined)
+    fill: material.publishedFill,
+    level: material.level,
+    vars: material.vars
   };
 }
 //# sourceMappingURL=use-surface-backing.js.map

package/lib/commonjs/surface/use-surface-backing.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_surfaceLevels","_colorUtils","_shared","useSurfaceBacking","defaultFill","style","known","parentFill","useSurfaceFill","level","useSurfaceLevelValue","background","StyleSheet","flatten","backgroundColor","undefined","painted","parseRgba","a","fill","resolveSurfaceFill","vars","surfaceFillVars"],"sourceRoot":"../../../src","sources":["surface/use-surface-backing.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA;AACO,SAASI,iBAAiBA,CAACC,WAAmC,EAAEC,KAA4B,EAAEC,KAAK,GAAG,IAAI,EAAE;EACjH,MAAMC,UAAU,GAAG,IAAAC,6BAAc,EAAC,CAAC;EACnC,MAAMC,KAAK,GAAG,IAAAC,mCAAoB,EAAC,CAAC;EACpC,MAAMC,UAAU,GAAGL,KAAK,GAAGM,uBAAU,CAACC,OAAO,CAACR,KAAK,CAAC,EAAES,eAAe,IAAIV,WAAW,GAAGW,SAAS;EAChG,MAAMC,OAAO,GAAG,OAAOL,UAAU,KAAK,QAAQ,IAAIA,UAAU,KAAK,aAAa,IAAI,IAAAM,qBAAS,EAACN,UAAU,CAAC,EAAEO,CAAC,KAAK,CAAC;EAChH,MAAMC,IAAI,GAAGH,OAAO,GAAG,IAAAI,0BAAkB,EAACT,UAAU,EAAE,KAAK,EAAEJ,UAAU,CAAC,GAAGA,UAAU;EACrF,OAAO;IAAEY,IAAI;IAAEV,KAAK;IAAEY,IAAI,EAAE,IAAAC,8BAAe,EAACN,OAAO,GAAGG,IAAI,GAAGJ,SAAS;EAAE,CAAC;AAC3E","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_surfaceLevels","_resolveSurfaceMaterial","useSurfaceBacking","defaultFill","style","known","parentFill","useSurfaceFill","level","useSurfaceLevelValue","background","StyleSheet","flatten","backgroundColor","undefined","material","resolveSurfaceMaterial","fill","parentLevel","paint","publishedFill","vars"],"sourceRoot":"../../../src","sources":["surface/use-surface-backing.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEA;AACO,SAASG,iBAAiBA,CAACC,WAAmC,EAAEC,KAA4B,EAAEC,KAAK,GAAG,IAAI,EAAE;EACjH,MAAMC,UAAU,GAAG,IAAAC,6BAAc,EAAC,CAAC;EACnC,MAAMC,KAAK,GAAG,IAAAC,mCAAoB,EAAC,CAAC;EACpC,MAAMC,UAAU,GAAGL,KAAK,GAAGM,uBAAU,CAACC,OAAO,CAACR,KAAK,CAAC,EAAES,eAAe,IAAIV,WAAW,GAAGW,SAAS;EAChG,MAAMC,QAAQ,GAAG,IAAAC,8CAAsB,EAAC;IAAEC,IAAI,EAAE,OAAOP,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAG,aAAa;IAAEJ,UAAU;IAAEY,WAAW,EAAEV,KAAK;IAAEW,KAAK,EAAE;EAAM,CAAC,CAAC;EAC5J,OAAO;IAAEF,IAAI,EAAEF,QAAQ,CAACK,aAAa;IAAEZ,KAAK,EAAEO,QAAQ,CAACP,KAAK;IAAEa,IAAI,EAAEN,QAAQ,CAACM;EAAK,CAAC;AACrF","ignoreList":[]}

package/lib/commonjs/surface/use-surface-material.web.js

@@ -4,20 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSurfaceMaterial = useSurfaceMaterial;
+var _webRefraction = require("./web-refraction.js");
 var _react = require("react");
 var _BloomThemeProvider = require("../theme/BloomThemeProvider.js");
 var _interactiveWebCss = require("../styles/interactive-web-css.js");
 var _shared = require("./shared.js");
 var _webMaterial = require("./web-material.js");
-/** Decorate an existing web host; preserve its fill, radius, layout and shadow. */
-function useSurfaceMaterial(selector, id) {
-  const css = (0, _react.useMemo)(() => `${selector} { isolation: isolate; }\n${(0, _webMaterial.surfaceMaterialCss)(selector, 'transparent')}`, [selector]);
+/** Move a web host fill into the shared body and edge paint; preserve layout and shadow. */
+function useSurfaceMaterial(selector, id, fill) {
+  (0, _webRefraction.useSurfaceRefraction)(true);
+  const css = (0, _react.useMemo)(() => `${selector} { isolation: isolate; }\n${(0, _webMaterial.surfaceMaterialCss)(selector, 'var(--bloom-surface-fill)')}`, [selector]);
   (0, _interactiveWebCss.useInteractiveWebCss)(id, css);
   const theme = (0, _react.useContext)(_BloomThemeProvider.BloomThemeContext)?.theme;
   const optics = (0, _shared.resolveSurfaceOptics)(theme?.isDark ?? false);
   return (0, _react.useMemo)(() => ({
+    backgroundColor: 'transparent',
+    '--bloom-surface-fill': (0, _shared.resolveSurfaceTint)(fill),
     '--bloom-surface-rim': optics.rim,
     '--bloom-surface-sheen': optics.sheenCss
-  }), [optics]);
+  }), [optics, fill]);
 }
 //# sourceMappingURL=use-surface-material.web.js.map

package/lib/commonjs/surface/use-surface-material.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_BloomThemeProvider","_interactiveWebCss","_shared","_webMaterial","useSurfaceMaterial","selector","id","css","useMemo","surfaceMaterialCss","useInteractiveWebCss","theme","useContext","BloomThemeContext","optics","resolveSurfaceOptics","isDark","rim","sheenCss"],"sourceRoot":"../../../src","sources":["surface/use-surface-material.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEA;AACO,SAASK,kBAAkBA,CAACC,QAAgB,EAAEC,EAAU,EAAe;EAC5E,MAAMC,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM,GAAGH,QAAQ,6BAA6B,IAAAI,+BAAkB,EAACJ,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC5H,IAAAK,uCAAoB,EAACJ,EAAE,EAAEC,GAAG,CAAC;EAC7B,MAAMI,KAAK,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC,EAAEF,KAAK;EAClD,MAAMG,MAAM,GAAG,IAAAC,4BAAoB,EAACJ,KAAK,EAAEK,MAAM,IAAI,KAAK,CAAC;EAC3D,OAAO,IAAAR,cAAO,EAAC,OAAO;IACpB,qBAAqB,EAAEM,MAAM,CAACG,GAAG;IACjC,uBAAuB,EAAEH,MAAM,CAACI;EAClC,CAAC,CAAC,EAAE,CAACJ,MAAM,CAAC,CAAC;AACf","ignoreList":[]}
+{"version":3,"names":["_webRefraction","require","_react","_BloomThemeProvider","_interactiveWebCss","_shared","_webMaterial","useSurfaceMaterial","selector","id","fill","useSurfaceRefraction","css","useMemo","surfaceMaterialCss","useInteractiveWebCss","theme","useContext","BloomThemeContext","optics","resolveSurfaceOptics","isDark","backgroundColor","resolveSurfaceTint","rim","sheenCss"],"sourceRoot":"../../../src","sources":["surface/use-surface-material.web.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEA;AACO,SAASM,kBAAkBA,CAACC,QAAgB,EAAEC,EAAU,EAAEC,IAAY,EAAe;EAC1F,IAAAC,mCAAoB,EAAC,IAAI,CAAC;EAC1B,MAAMC,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM,GAAGL,QAAQ,6BAA6B,IAAAM,+BAAkB,EAACN,QAAQ,EAAE,2BAA2B,CAAC,EAAE,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC1I,IAAAO,uCAAoB,EAACN,EAAE,EAAEG,GAAG,CAAC;EAC7B,MAAMI,KAAK,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC,EAAEF,KAAK;EAClD,MAAMG,MAAM,GAAG,IAAAC,4BAAoB,EAACJ,KAAK,EAAEK,MAAM,IAAI,KAAK,CAAC;EAC3D,OAAO,IAAAR,cAAO,EAAC,OAAO;IACpBS,eAAe,EAAE,aAAa;IAC9B,sBAAsB,EAAE,IAAAC,0BAAkB,EAACb,IAAI,CAAC;IAChD,qBAAqB,EAAES,MAAM,CAACK,GAAG;IACjC,uBAAuB,EAAEL,MAAM,CAACM;EAClC,CAAC,CAAC,EAAE,CAACN,MAAM,EAAET,IAAI,CAAC,CAAC;AACrB","ignoreList":[]}

package/lib/commonjs/surface/web-material.js

@@ -11,7 +11,7 @@ var _webRefraction = require("./web-refraction.js");
  * Root must be positioned/isolated and transparent, with rounded clipping.
  * Both Surface and Button use these exact layers; state changes only their tint.
  */
-function surfaceMaterialCss(selector, fill, transition = 'none', glass = false) {
+function surfaceMaterialCss(selector, fill, transition = 'none') {
   return `
 ${selector}::after {
   content: "";
@@ -21,20 +21,20 @@ ${selector}::after {
   corner-shape: inherit;
   pointer-events: none;
 }
-${glass ? `${selector}::before {
+${selector}::before {
   content: "";
   position: absolute;
   border-radius: inherit;
   corner-shape: inherit;
   pointer-events: none;
   z-index: -2;
-  /* Larger panes collect nearby backdrop pixels before the rounded crop. */
-  inset: -8px;
+  /* Match the pane bounds: expanded filtered layers escape rounded clipping
+     in Chromium. Backdrop blur still supplies lateral samples to displacement. */
+  inset: 0;
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   filter: url(#${_webRefraction.SURFACE_REFRACTION_ID});
 }
-` : ""}
 ${selector}::after {
   z-index: -1;
   background-color: ${fill};

package/lib/commonjs/surface/web-material.js.map

@@ -1 +1 @@
-{"version":3,"names":["_shared","require","_webRefraction","surfaceMaterialCss","selector","fill","transition","glass","SURFACE_REFRACTION_ID","SURFACE_SHEEN_CSS","SURFACE_RIM"],"sourceRoot":"../../../src","sources":["surface/web-material.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAACC,QAAgB,EAAEC,IAAY,EAAEC,UAAU,GAAG,MAAM,EAAEC,KAAK,GAAG,KAAK,EAAU;EAC7G,OAAO;AACT,EAAEH,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEG,KAAK,GAAG,GAAGH,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBI,oCAAqB;AACtC;AACA,CAAC,GAAG,EAAE;AACN,EAAEJ,QAAQ;AACV;AACA,sBAAsBC,IAAI;AAC1B,iDAAiDI,yBAAiB;AAClE,yCAAyCC,mBAAW;AACpD,gBAAgBJ,UAAU;AAC1B,EAAE;AACF","ignoreList":[]}
+{"version":3,"names":["_shared","require","_webRefraction","surfaceMaterialCss","selector","fill","transition","SURFACE_REFRACTION_ID","SURFACE_SHEEN_CSS","SURFACE_RIM"],"sourceRoot":"../../../src","sources":["surface/web-material.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAACC,QAAgB,EAAEC,IAAY,EAAEC,UAAU,GAAG,MAAM,EAAU;EAC9F,OAAO;AACT,EAAEF,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAEA,QAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBG,oCAAqB;AACtC;AACA,EAAEH,QAAQ;AACV;AACA,sBAAsBC,IAAI;AAC1B,iDAAiDG,yBAAiB;AAClE,yCAAyCC,mBAAW;AACpD,gBAAgBH,UAAU;AAC1B,EAAE;AACF","ignoreList":[]}

package/lib/commonjs/switch/Switch.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
-var _legacy = require("../appearance/legacy.js");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _recipes = require("../motion/recipes.js");
+var _useControllableState = require("../hooks/use-controllable-state.js");
 var _index = require("../appearance/index.js");
 var _colors = require("../appearance/colors.js");
 var _react = _interopRequireWildcard(require("react"));
@@ -43,27 +45,32 @@ const THUMB = {
 const PADDING = 2;
 const SQUEEZE_RATIO = 0.75; // thumb height shrinks to 75% when pressed
 
-const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
-  checked: checkedProp,
-  value,
-  onCheckedChange: onCheckedChangeProp,
-  onValueChange,
-  disabled,
-  style,
-  size: sizeProp,
-  tone: toneProp,
-  accessibilityLabel,
-  nativeID,
-  testID
-}, ref) => {
-  const checked = checkedProp ?? value ?? false;
-  const onCheckedChange = onCheckedChangeProp ?? onValueChange;
+const SwitchComponent = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    checked: checkedProp,
+    defaultChecked = false,
+    onCheckedChange,
+    disabled,
+    style,
+    size: sizeProp,
+    tone: toneProp,
+    accessibilityLabel,
+    nativeID,
+    testID
+  } = props;
+  const [checked, setChecked] = (0, _useControllableState.useControllableState)({
+    value: checkedProp ?? false,
+    controlled: Object.prototype.hasOwnProperty.call(props, 'checked'),
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
   const theme = (0, _useTheme.useTheme)();
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
   const {
     size,
     tone
   } = (0, _index.useBloomAppearance)({
-    size: (0, _legacy.normalizeBloomSize)(sizeProp),
+    size: sizeProp,
     tone: toneProp
   }, {
     size: 'md',
@@ -85,7 +92,10 @@ const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
   const prevValueRef = (0, _react.useRef)(checked);
   if (prevValueRef.current !== checked) {
     prevValueRef.current = checked;
-    _reactNative.Animated.spring(anim, {
+    if (reducedMotion) {
+      anim.stopAnimation();
+      anim.setValue(checked ? 1 : 0);
+    } else _reactNative.Animated.spring(anim, {
       toValue: checked ? 1 : 0,
       useNativeDriver: false,
       ..._tokens.animation.spring.gentle
@@ -93,23 +103,23 @@ const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
   }
   const handlePress = (0, _react.useCallback)(() => {
     if (isDisabled) return;
-    onCheckedChange?.(!checked);
-  }, [isDisabled, checked, onCheckedChange]);
+    setChecked(!checked);
+  }, [isDisabled, checked, setChecked]);
   const onPressIn = (0, _react.useCallback)(() => {
     if (isDisabled) return;
-    _reactNative.Animated.spring(pressAnim, {
+    _reactNative.Animated.timing(pressAnim, {
       toValue: 1,
       useNativeDriver: false,
-      ..._tokens.animation.spring.snappy
+      duration: reducedMotion ? 0 : _recipes.MOTION_RECIPES.press.duration
     }).start();
-  }, [isDisabled, pressAnim]);
+  }, [isDisabled, pressAnim, reducedMotion]);
   const onPressOut = (0, _react.useCallback)(() => {
-    _reactNative.Animated.spring(pressAnim, {
+    _reactNative.Animated.timing(pressAnim, {
       toValue: 0,
       useNativeDriver: false,
-      ..._tokens.animation.spring.gentle
+      duration: reducedMotion ? 0 : _recipes.MOTION_RECIPES.press.duration
     }).start();
-  }, [pressAnim]);
+  }, [pressAnim, reducedMotion]);
   const track = TRACK[size];
   const thumb = THUMB[size];
   const travel = track.w - thumb - PADDING * 2;

package/lib/commonjs/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_legacy","require","_index","_colors","_react","_interopRequireWildcard","_reactNative","_useTheme","_tokens","_shadows","_useAccessibleNameWarning","_membership","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK","xs","w","h","sm","md","lg","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","React","forwardRef","checked","checkedProp","value","onCheckedChange","onCheckedChangeProp","onValueChange","disabled","style","size","sizeProp","tone","toneProp","accessibilityLabel","nativeID","testID","ref","theme","useTheme","useBloomAppearance","normalizeBloomSize","paint","resolveBloomColors","colors","field","useFieldMembership","isDisabled","useAccessibleNameWarning","anim","useRef","Animated","Value","current","pressAnim","prevValueRef","spring","toValue","useNativeDriver","animation","gentle","start","handlePress","useCallback","onPressIn","snappy","onPressOut","track","thumb","travel","trackBg","interpolate","inputRange","outputRange","border","background","thumbX","squeezedHeight","thumbHeight","thumbRadius","jsx","Pressable","role","describedBy","invalid","undefined","onPress","styles","hitSlop","HIT_SLOP","children","View","width","height","borderRadius","backgroundColor","justifyContent","alignItems","text","foreground","transform","translateX","displayName","Switch","exports","memo","top","bottom","left","right","StyleSheet","create","opacity","bloomShadowStyle"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNativeReanimated","require","_recipes","_useControllableState","_index","_colors","_react","_interopRequireWildcard","_reactNative","_useTheme","_tokens","_shadows","_useAccessibleNameWarning","_membership","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK","xs","w","h","sm","md","lg","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","React","forwardRef","props","ref","checked","checkedProp","defaultChecked","onCheckedChange","disabled","style","size","sizeProp","tone","toneProp","accessibilityLabel","nativeID","testID","setChecked","useControllableState","value","controlled","prototype","defaultValue","onChange","theme","useTheme","reducedMotion","useReducedMotion","useBloomAppearance","paint","resolveBloomColors","colors","field","useFieldMembership","isDisabled","useAccessibleNameWarning","anim","useRef","Animated","Value","current","pressAnim","prevValueRef","stopAnimation","setValue","spring","toValue","useNativeDriver","animation","gentle","start","handlePress","useCallback","onPressIn","timing","duration","MOTION_RECIPES","press","onPressOut","track","thumb","travel","trackBg","interpolate","inputRange","outputRange","border","background","thumbX","squeezedHeight","thumbHeight","thumbRadius","jsx","Pressable","role","describedBy","invalid","undefined","onPress","styles","hitSlop","HIT_SLOP","children","View","width","height","borderRadius","backgroundColor","justifyContent","alignItems","text","foreground","transform","translateX","displayName","Switch","exports","memo","top","bottom","left","right","StyleSheet","create","opacity","bloomShadowStyle"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tab-bar/TabBarBase.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createTabBar = createTabBar;
 exports.createTabBarButton = createTabBarButton;
+var _resolveSurfaceMaterial = require("../surface/resolve-surface-material.js");
 var _surfaceStyle = require("../shapes/surface-style.js");
 var _shapes = require("../design-tokens/shapes.js");
 var _react = require("react");
@@ -12,16 +13,15 @@ var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _selectionMotion = require("../motion/selection-motion.js");
 var _useHaptics = require("../hooks/use-haptics.js");
 var _useIsRtl = require("../hooks/use-is-rtl.js");
 var _bottomEdge = require("../layout/bottom-edge.js");
 var _edge = require("../layout/edge.js");
 var _useSurfaceLayer = require("../surface/use-surface-layer.js");
-var _shared = require("../surface/shared.js");
 var _surfaceLevels = require("../styles/surface-levels.js");
-var _surfaceSolid = require("./surface-solid.js");
 var _context = require("./context.js");
-var _shared2 = require("./shared.js");
+var _shared = require("./shared.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); }
 /**
@@ -99,7 +99,6 @@ function TabBarBody({
   maxWidth,
   embedded = false,
   scrollable = false,
-  material = 'translucent',
   minimizeProgress,
   onLayout,
   style,
@@ -143,13 +142,12 @@ function TabBarBody({
   // mirrors to; react-native-web reads that from a `dir` prop, not `<html>`.
   const dirProps = (0, _useIsRtl.useDirectionProps)();
   const layer = (0, _useSurfaceLayer.useSurfaceLayer)();
-  const solidFill = (0, _shared.resolveSurfaceFill)(themeOverrides?.solidFallback ?? layer.fill, false, layer.parentFill);
-  const theme = (0, _shared2.useTabBarTheme)({
-    ...themeOverrides,
-    solidFallback: solidFill
-  });
-  const ResolvedSurface = material === 'solid' ? _surfaceSolid.SolidTabBarSurface : Surface;
-  const publishedFill = (0, _shared.resolveSurfaceFill)(ResolvedSurface.resolveFill?.(theme) ?? theme.glassTint, false, layer.parentFill);
+  const theme = (0, _shared.useTabBarTheme)(themeOverrides);
+  const ResolvedSurface = Surface;
+  const publishedFill = (0, _resolveSurfaceMaterial.resolveSurfaceMaterial)({
+    fill: ResolvedSurface.resolveFill?.(theme) ?? theme.glassTint,
+    parentFill: layer.parentFill
+  }).publishedFill;
   const impact = (0, _useHaptics.useHaptics)();
 
   // The pill's OUTER width (the box the animated minimize inset is applied
@@ -163,9 +161,9 @@ function TabBarBody({
   // the whole window. Each expanded slot gets at most a comfortable 88pt; more
   // tabs naturally grow the pill until it reaches the available width. An
   // explicit `maxWidth` remains an additional ceiling, never a width request.
-  const availableWidth = Math.max(0, containerWidth - (embedded ? 0 : _shared2.BAR_MARGIN * 2));
-  const minimizeInset = embedded ? 0 : Math.min(_shared2.MINIMIZED_INSET, Math.max(0, (availableWidth - tabCount * 44 - _shared2.ROW_PAD_H * 2) / 2));
-  const contentWidth = tabCount * _shared2.MAX_EXPANDED_ITEM_WIDTH + _shared2.ROW_PAD_H * 2;
+  const availableWidth = Math.max(0, containerWidth - (embedded ? 0 : _shared.BAR_MARGIN * 2));
+  const minimizeInset = embedded ? 0 : Math.min(_shared.MINIMIZED_INSET, Math.max(0, (availableWidth - tabCount * 44 - _shared.ROW_PAD_H * 2) / 2));
+  const contentWidth = tabCount * _shared.MAX_EXPANDED_ITEM_WIDTH + _shared.ROW_PAD_H * 2;
   const barOuterWidth = Math.min(availableWidth, contentWidth, maxWidth ?? Infinity);
 
   // Picker-style tick while the highlight crosses tab boundaries mid-drag.
@@ -224,7 +222,7 @@ function TabBarBody({
       // the bar on its way out, dragging the active tint over every tab it
       // passed. Visibility is the thing that changed, so visibility is the only
       // thing that animates.
-      highlightOpacity.value = (0, _reactNativeReanimated.withTiming)(0, _shared2.HIGHLIGHT_FADE);
+      (0, _selectionMotion.moveSelection)(slideIndex, highlightOpacity, null);
       return;
     }
     // Coming back from fully hidden the capsule APPEARS at the new tab instead
@@ -238,10 +236,7 @@ function TabBarBody({
     // position: the driver is already writing `slideIndex` every frame, and a
     // spring started here would drag the capsule across the bar between two of
     // its writes.
-    if (!driven) {
-      slideIndex.value = highlightOpacity.value === 0 ? activeIndex : (0, _reactNativeReanimated.withSpring)(activeIndex, _shared2.SLIDE_SPRING);
-    }
-    highlightOpacity.value = (0, _reactNativeReanimated.withTiming)(1, _shared2.HIGHLIGHT_FADE);
+    (0, _selectionMotion.moveSelection)(slideIndex, highlightOpacity, activeIndex, driven);
   }, [activeIndex, hasSelection, driven, slideIndex, highlightOpacity, isDragging]);
 
   // Scrubbing: the highlight tracks the finger 1:1 while dragging (no spring —
@@ -267,11 +262,11 @@ function TabBarBody({
       // not. (Margins sit outside a view's own box, so x = 0 is the pill's left
       // border edge either way.)
       const barWidth = barOuterWidth - sideInset * 2;
-      const itemWidth = (barWidth - _shared2.ROW_PAD_H * 2) / tabCount;
+      const itemWidth = (barWidth - _shared.ROW_PAD_H * 2) / tabCount;
       // Under RTL the first tab is at the right edge, so distance is measured
       // from there instead.
       const fromStart = rtl ? barWidth - x : x;
-      const raw = (fromStart - _shared2.ROW_PAD_H) / itemWidth - 0.5;
+      const raw = (fromStart - _shared.ROW_PAD_H) / itemWidth - 0.5;
       return Math.min(Math.max(raw, 0), tabCount - 1);
     };
     const pan = _reactNativeGestureHandler.Gesture.Pan().activeOffsetX([-6, 6]).failOffsetY([-14, 14]).onStart(event => {
@@ -284,7 +279,7 @@ function TabBarBody({
       if (highlightOpacity.value === 0) {
         slideIndex.value = indexAtX(event.x, progress.value);
       }
-      highlightOpacity.value = (0, _reactNativeReanimated.withTiming)(1, _shared2.HIGHLIGHT_FADE);
+      (0, _selectionMotion.moveSelection)(slideIndex, highlightOpacity, slideIndex.value, true);
       lastTicked.value = Math.round(slideIndex.value);
       // Scrubbing is a deliberate bar interaction — surface the labels.
       (0, _context.setMinimized)(minimized, 0);
@@ -303,7 +298,7 @@ function TabBarBody({
         return;
       }
       const rounded = Math.round(slideIndex.value);
-      slideIndex.value = (0, _reactNativeReanimated.withSpring)(rounded, _shared2.SLIDE_SPRING);
+      (0, _selectionMotion.moveSelection)(slideIndex, highlightOpacity, rounded);
       (0, _reactNativeReanimated.runOnJS)(selectIndex)(rounded);
       isDragging.value = false;
     });
@@ -322,10 +317,7 @@ function TabBarBody({
       // the others and the driver carries the highlight to the tapped tab.
       // The scrub is the one gesture that does not: a finger dragging the
       // pill is manipulating the bar itself, not asking for a page.
-      if (!driven) {
-        slideIndex.value = highlightOpacity.value === 0 ? index : (0, _reactNativeReanimated.withSpring)(index, _shared2.SLIDE_SPRING);
-      }
-      highlightOpacity.value = (0, _reactNativeReanimated.withTiming)(1, _shared2.HIGHLIGHT_FADE);
+      (0, _selectionMotion.moveSelection)(slideIndex, highlightOpacity, index, driven);
       (0, _context.setMinimized)(minimized, 0);
       (0, _reactNativeReanimated.runOnJS)(selectIndex)(index);
     });
@@ -340,7 +332,7 @@ function TabBarBody({
     // 400ms, before this one can activate at 500ms, so the two are never
     // candidates at the same instant. Resolves its index through the same
     // `indexAtX` worklet as tap and pan, so all three agree on the geometry.
-    const longPress = _reactNativeGestureHandler.Gesture.LongPress().minDuration(_shared2.LONG_PRESS_MIN_DURATION).onStart(event => {
+    const longPress = _reactNativeGestureHandler.Gesture.LongPress().minDuration(_shared.LONG_PRESS_MIN_DURATION).onStart(event => {
       (0, _reactNativeReanimated.runOnJS)(longPressIndex)(Math.round(indexAtX(event.x, progress.value)));
     });
     return _reactNativeGestureHandler.Gesture.Race(pan, tap, longPress);
@@ -357,7 +349,7 @@ function TabBarBody({
   // them is correct on both platforms. Same rule as `BottomSheetBase` and
   // `ZoomableMediaGallery`. Do NOT strip these.
   const barStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared2.EXPANDED_HEIGHT, _shared2.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
+    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared.EXPANDED_HEIGHT, _shared.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
     // Revolut-style: the pill shrinks in both dimensions.
     //
     // Written as the two long-form margins, NEVER as `marginHorizontal`.
@@ -383,7 +375,7 @@ function TabBarBody({
   // native corner configuration (true squircle + rim lighting). Clipping a
   // rectangular glass with an RN mask breaks that.
   const shapeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared2.EXPANDED_HEIGHT, _shared2.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
+    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared.EXPANDED_HEIGHT, _shared.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
     return {
       borderRadius: height / 2
     };
@@ -392,13 +384,13 @@ function TabBarBody({
   // One shared highlight that slides between tabs (transform-only → GPU). All
   // geometry derives from shared values, never from layout callbacks.
   const highlightStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const barHeight = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared2.EXPANDED_HEIGHT, _shared2.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
-    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared2.HIGHLIGHT_EXPANDED, _shared2.HIGHLIGHT_MINIMIZED], _reactNativeReanimated.Extrapolation.CLAMP);
+    const barHeight = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared.EXPANDED_HEIGHT, _shared.MINIMIZED_HEIGHT], _reactNativeReanimated.Extrapolation.CLAMP);
+    const height = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared.HIGHLIGHT_EXPANDED, _shared.HIGHLIGHT_MINIMIZED], _reactNativeReanimated.Extrapolation.CLAMP);
     const sideInset = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [0, minimizeInset], _reactNativeReanimated.Extrapolation.CLAMP);
     // Same `barOuterWidth` the scrub worklet resolves an index from — see the
     // note where it is computed.
     const barWidth = barOuterWidth - sideInset * 2;
-    const itemWidth = (barWidth - _shared2.ROW_PAD_H * 2) / tabCount;
+    const itemWidth = (barWidth - _shared.ROW_PAD_H * 2) / tabCount;
     return {
       height,
       width: itemWidth,
@@ -410,7 +402,7 @@ function TabBarBody({
       // first tab, i.e. half outside the pill — not an absence.
       opacity: highlightOpacity.value,
       transform: [{
-        translateX: dir * (_shared2.ROW_PAD_H + itemWidth * slideIndex.value)
+        translateX: dir * (_shared.ROW_PAD_H + itemWidth * slideIndex.value)
       }]
     };
   }, [progress, slideIndex, highlightOpacity, barOuterWidth, tabCount, minimizeInset, dir]);
@@ -425,7 +417,7 @@ function TabBarBody({
   // where the bar actually sits. The EXPANDED height on purpose: the bar
   // minimizes on scroll and re-expands, so claiming the minimized height would
   // drop a FAB onto the pill the moment the user scrolled back up.
-  (0, _bottomEdge.useClaimBottomEdge)(embedded ? 0 : bottomOffset + _shared2.EXPANDED_HEIGHT);
+  (0, _bottomEdge.useClaimBottomEdge)(embedded ? 0 : bottomOffset + _shared.EXPANDED_HEIGHT);
 
   // How centring and the animated inset compose: centring is STATIC and belongs
   // to the wrap, the inset stays ANIMATED on the pill inside it. The wrap is
@@ -473,7 +465,7 @@ function TabBarBody({
         left: 0,
         right: 0,
         bottom: 0,
-        height: bottomOffset + _shared2.EXPANDED_HEIGHT + _shared2.BLUR_BLEED
+        height: bottomOffset + _shared.EXPANDED_HEIGHT + _shared.BLUR_BLEED
       }
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       pointerEvents: "box-none",
@@ -527,7 +519,7 @@ function TabBarButtonBody({
   const bar = (0, _react.useContext)(BarContext);
   const progress = bar?.progress ?? minimized.progress;
   // Resolved outside the bar too, so a standalone button still themes itself.
-  const standaloneTheme = (0, _shared2.useTabBarTheme)();
+  const standaloneTheme = (0, _shared.useTabBarTheme)();
   const theme = bar?.theme ?? standaloneTheme;
   const slideIndex = bar?.slideIndex;
   const highlightOpacity = bar?.highlightOpacity;
@@ -547,7 +539,7 @@ function TabBarButtonBody({
     // already tracking this same focus change; springing from here as well would
     // be a second writer on one shared value.
     if (bar.driven) return;
-    bar.slideIndex.value = (0, _reactNativeReanimated.withSpring)(index, _shared2.SLIDE_SPRING);
+    (0, _selectionMotion.moveSelection)(bar.slideIndex, bar.highlightOpacity, index);
   }, [isFocused, index, bar]);
 
   // Tint follows the sliding highlight, not navigation focus: whatever the pill
@@ -589,7 +581,7 @@ function TabBarButtonBody({
   // perfectly centered every frame — layout-driven sizing lags a frame behind
   // UI-thread animation.
   const boxStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    height: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared2.HIGHLIGHT_EXPANDED, _shared2.HIGHLIGHT_MINIMIZED], _reactNativeReanimated.Extrapolation.CLAMP)
+    height: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [_shared.HIGHLIGHT_EXPANDED, _shared.HIGHLIGHT_MINIMIZED], _reactNativeReanimated.Extrapolation.CLAMP)
   }), [progress]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable
   // Accessibility defaults come BEFORE the spread so an explicit prop — or
@@ -620,10 +612,7 @@ function TabBarButtonBody({
         // rule the tap gesture and the controlled path follow. Skipped on the
         // driven path, where the position belongs to the driver and this
         // press will reach it as an ordinary selection.
-        if (!bar.driven) {
-          bar.slideIndex.value = bar.highlightOpacity.value === 0 ? index : (0, _reactNativeReanimated.withSpring)(index, _shared2.SLIDE_SPRING);
-        }
-        bar.highlightOpacity.value = (0, _reactNativeReanimated.withTiming)(1, _shared2.HIGHLIGHT_FADE);
+        (0, _selectionMotion.moveSelection)(bar.slideIndex, bar.highlightOpacity, index, bar.driven);
       }
       (0, _context.setMinimized)(minimized, 0);
       // A tap the bar's gesture already reported is not reported again
@@ -652,14 +641,14 @@ function TabBarButtonBody({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
           item: item,
           tint: theme.inactiveTint,
-          size: _shared2.ICON_SIZE,
+          size: _shared.ICON_SIZE,
           active: false
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
           style: [_reactNative.StyleSheet.absoluteFill, styles.glyphLayer, activeGlyphStyle],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Glyph, {
             item: item,
             tint: theme.activeTint,
-            size: _shared2.ICON_SIZE,
+            size: _shared.ICON_SIZE,
             active: true
           })
         })]
@@ -712,7 +701,7 @@ const styles = _reactNative.StyleSheet.create({
     bottom: 0
   },
   barWrap: {
-    marginHorizontal: _shared2.BAR_MARGIN
+    marginHorizontal: _shared.BAR_MARGIN
   },
   highlight: {
     position: 'absolute',
@@ -724,7 +713,7 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1,
     flexDirection: 'row',
     alignItems: 'center',
-    paddingHorizontal: _shared2.ROW_PAD_H
+    paddingHorizontal: _shared.ROW_PAD_H
   },
   button: {
     flex: 1,
@@ -734,7 +723,7 @@ const styles = _reactNative.StyleSheet.create({
   itemBox: {
     alignSelf: 'stretch',
     alignItems: 'center',
-    paddingTop: _shared2.ITEM_PAD_V,
+    paddingTop: _shared.ITEM_PAD_V,
     overflow: 'hidden'
   },
   glyphLayer: {
@@ -742,9 +731,9 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center'
   },
   label: {
-    fontSize: _shared2.LABEL_FONT_SIZE,
+    fontSize: _shared.LABEL_FONT_SIZE,
     fontWeight: '600',
-    marginTop: _shared2.ITEM_GAP
+    marginTop: _shared.ITEM_GAP
   }
 });
 //# sourceMappingURL=TabBarBase.js.map