@oxyhq/bloom 0.50.1 → 0.51.0

package/lib/commonjs/tab-bar/expo-router/RouterTabBar.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RouterTabBar = RouterTabBar;
+exports.RouterTabBarButton = RouterTabBarButton;
+var _index = require("../index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * expo-router bindings for the tab bar. This subpath
+ * (`@oxyhq/bloom/tab-bar/expo-router`) is the ONLY place in Bloom that may
+ * import `expo-router` or `react-native-screens`, which is why it is a separate
+ * entry: the core `@oxyhq/bloom/tab-bar` stays usable in an app with no router
+ * at all, and neither optional peer is pulled into a bundle that never asks for
+ * it.
+ */
+
+/**
+ * `activeIndex` is omitted deliberately: with a router the highlight is driven
+ * by each trigger's own focus (see `RouterTabBarButton`), which is what keeps it
+ * correct through deep links, back gestures and any other programmatic
+ * navigation. Setting both would put two writers on one shared value.
+ */
+
+/**
+ * The bar, as expo-router's `<TabList asChild>` child.
+ *
+ * Navigation happens through `onIndexChange`, not through the triggers: the
+ * bar's gesture detector consumes the touches (that is what makes scrubbing
+ * possible), so a tap never reaches the trigger's own `Pressable`.
+ *
+ * ```tsx
+ * <TabList asChild>
+ *   <RouterTabBar onIndexChange={(i) => router.navigate(TABS[i].href)}>
+ *     {TABS.map(({ href, ...item }, index) => (
+ *       <TabTrigger key={item.name} name={item.name} href={href} asChild>
+ *         <RouterTabBarButton item={item} index={index} />
+ *       </TabTrigger>
+ *     ))}
+ *   </RouterTabBar>
+ * </TabList>
+ * ```
+ */
+function RouterTabBar({
+  // `asChild` is `TabList`'s own instruction to forward its props to this
+  // component instead of wrapping them in a `<View>`. It is consumed there and
+  // is meaningless below, so it is dropped rather than passed to a real view.
+  asChild: _asChild,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabBar, {
+    ...props
+  });
+}
+RouterTabBar.displayName = 'RouterTabBar';
+
+/**
+ * One trigger, as expo-router's `<TabTrigger asChild>` child. The trigger
+ * supplies `isFocused` and `onPress`; the button uses the first to drive the
+ * highlight and the second to navigate on keyboard / assistive-technology
+ * activation.
+ */
+function RouterTabBarButton({
+  item,
+  index,
+  // The trigger's resolved path, injected for react-native-web's anchor
+  // rendering. `Pressable` has no such prop, and navigation already runs
+  // through the bar's `onIndexChange`, so it stops here.
+  href: _href,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabBarButton, {
+    ...props,
+    item: item,
+    index: index
+  });
+}
+RouterTabBarButton.displayName = 'RouterTabBarButton';
+//# sourceMappingURL=RouterTabBar.js.map

package/lib/commonjs/tab-bar/expo-router/RouterTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_jsxRuntime","RouterTabBar","asChild","_asChild","props","jsx","TabBar","displayName","RouterTabBarButton","item","index","href","_href","TabBarButton"],"sourceRoot":"../../../../src","sources":["tab-bar/expo-router/RouterTabBar.tsx"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAAgD,IAAAC,WAAA,GAAAD,OAAA;AAbhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAYA,CAAC;EAC3B;EACA;EACA;EACAC,OAAO,EAAEC,QAAQ;EACjB,GAAGC;AACc,CAAC,EAAE;EACpB,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACP,MAAA,CAAAQ,MAAM;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC9B;AAEAH,YAAY,CAACM,WAAW,GAAG,cAAc;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACL;EACA;EACA;EACAC,IAAI,EAAEC,KAAK;EACX,GAAGR;AACoB,CAAC,EAAE;EAC1B,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACP,MAAA,CAAAe,YAAY;IAAA,GAAKT,KAAK;IAAEK,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC9D;AAEAF,kBAAkB,CAACD,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/commonjs/tab-bar/expo-router/fading-tab-screen.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderFadingTabScreen = renderFadingTabScreen;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeScreens = require("react-native-screens");
+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); }
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/fading-tab-slot.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ */
+
+/** Strong ease-out — entering content should feel instant, then settle. */
+const EASE_OUT = _reactNativeReanimated.Easing.bezier(0.23, 1, 0.32, 1);
+const ENTER_DURATION = 220;
+/** Never enter from nothing: a whisper of depth, no zoom. */
+const ENTER_SCALE = 0.985;
+function FadeIn({
+  focused,
+  children
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(1);
+  const isFirstRender = (0, _react.useRef)(true);
+  (0, _react.useEffect)(() => {
+    // Don't animate the very first screen on app launch.
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    if (focused) {
+      progress.value = 0;
+      progress.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: ENTER_DURATION,
+        easing: EASE_OUT
+      });
+    } else {
+      // Outgoing screen hides instantly (display: none) — only entries animate.
+      progress.value = 0;
+    }
+  }, [focused, progress]);
+
+  // `progress` must stay in the deps array — see the CRITICAL note in
+  // `TabBarBase`: without the worklets babel plugin (web) an omitted array
+  // freezes the mapper at the first frame, and every tab would enter invisible.
+  const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [ENTER_SCALE, 1])
+    }]
+  }), [progress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.fade, style],
+    children: children
+  });
+}
+
+/**
+ * Drop-in for `TabSlot`'s `renderFn`: identical to expo-router's default render,
+ * plus a subtle fade + micro-scale on the screen becoming focused.
+ *
+ * ```tsx
+ * <TabSlot style={{ height: '100%' }} renderFn={renderFadingTabScreen} />
+ * ```
+ */
+function renderFadingTabScreen(descriptor, {
+  isFocused,
+  loaded,
+  detachInactiveScreens
+}) {
+  const {
+    lazy = true,
+    unmountOnBlur,
+    freezeOnBlur
+  } = descriptor.options;
+  if (unmountOnBlur && !isFocused) {
+    return null;
+  }
+  if (lazy && !loaded && !isFocused) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeScreens.Screen, {
+    enabled: detachInactiveScreens,
+    activityState: isFocused ? 2 : 0,
+    freezeOnBlur: freezeOnBlur,
+    style: [styles.screen, isFocused ? styles.focused : styles.unfocused],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FadeIn, {
+      focused: isFocused,
+      children: descriptor.render()
+    })
+  }, descriptor.route.key);
+}
+const styles = _reactNative.StyleSheet.create({
+  fade: {
+    flex: 1
+  },
+  screen: {
+    flex: 1,
+    position: 'relative',
+    height: '100%'
+  },
+  focused: {
+    zIndex: 1,
+    display: 'flex',
+    flexShrink: 0,
+    flexGrow: 1
+  },
+  unfocused: {
+    zIndex: -1,
+    display: 'none',
+    flexShrink: 1,
+    flexGrow: 0
+  }
+});
+//# sourceMappingURL=fading-tab-screen.js.map

package/lib/commonjs/tab-bar/expo-router/fading-tab-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeScreens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EASE_OUT","Easing","bezier","ENTER_DURATION","ENTER_SCALE","FadeIn","focused","children","progress","useSharedValue","isFirstRender","useRef","useEffect","current","value","withTiming","duration","easing","style","useAnimatedStyle","opacity","transform","scale","interpolate","jsx","View","styles","fade","renderFadingTabScreen","descriptor","isFocused","loaded","detachInactiveScreens","lazy","unmountOnBlur","freezeOnBlur","options","Screen","enabled","activityState","screen","unfocused","render","route","key","StyleSheet","create","flex","position","height","zIndex","display","flexShrink","flexGrow"],"sourceRoot":"../../../../src","sources":["tab-bar/expo-router/fading-tab-screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tab-bar/expo-router/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RouterTabBar", {
+  enumerable: true,
+  get: function () {
+    return _RouterTabBar.RouterTabBar;
+  }
+});
+Object.defineProperty(exports, "RouterTabBarButton", {
+  enumerable: true,
+  get: function () {
+    return _RouterTabBar.RouterTabBarButton;
+  }
+});
+Object.defineProperty(exports, "renderFadingTabScreen", {
+  enumerable: true,
+  get: function () {
+    return _fadingTabScreen.renderFadingTabScreen;
+  }
+});
+var _RouterTabBar = require("./RouterTabBar.js");
+var _fadingTabScreen = require("./fading-tab-screen.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/tab-bar/expo-router/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RouterTabBar","require","_fadingTabScreen"],"sourceRoot":"../../../../src","sources":["tab-bar/expo-router/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabBarGlyph = TabBarGlyph;
+var _reactNative = require("react-native");
+var _shared = require("../frosted-icon-button/shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * NEUTRAL default variant of a tab glyph: renders the item's own `icon` node,
+ * tinted for this crossfade layer.
+ *
+ * `item.icon` is the primary icon API for the whole family — a Bloom icon
+ * element, exactly like `TabsTrigger` and `FrostedIconButton` take. `sfSymbol`
+ * is an iOS-only enhancement and is deliberately ignored here: this file is
+ * resolved by web bundlers and by a consumer's `tsc`, where a static
+ * `expo-symbols` import would break resolution. See `glyph.native.tsx` for the
+ * variant that consumes it. Both implement `TabBarGlyphProps` exactly.
+ */
+
+function TabBarGlyph({
+  item,
+  tint,
+  size
+}) {
+  // The tint is injected as the icon's `fill` FALLBACK — an icon that sets its
+  // own `fill` (a brand mark, say) keeps it, so the crossfade layers simply
+  // render it twice at full opacity and it never flickers.
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: (0, _shared.applyIconColor)(item.icon, tint)
+  });
+}
+TabBarGlyph.displayName = 'TabBarGlyph';
+//# sourceMappingURL=glyph.js.map

package/lib/commonjs/tab-bar/glyph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_shared","_jsxRuntime","TabBarGlyph","item","tint","size","jsx","View","style","height","alignItems","justifyContent","children","applyIconColor","icon","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/glyph.tsx"],"mappings":";;;;;;AAcA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA+D,IAAAE,WAAA,GAAAF,OAAA;AAhB/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,SAASG,WAAWA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAClE;EACA;EACA;EACA,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAEJ,IAAI;MAAEK,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAE;IAAAC,QAAA,EAC3E,IAAAC,sBAAc,EAACV,IAAI,CAACW,IAAI,EAAEV,IAAI;EAAC,CAC5B,CAAC;AAEX;AAEAF,WAAW,CAACa,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/tab-bar/glyph.native.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabBarGlyph = TabBarGlyph;
+var _expoSymbols = require("expo-symbols");
+var _reactNative = require("react-native");
+var _shared = require("../frosted-icon-button/shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * NATIVE variant of a tab glyph. Identical to the neutral variant except that
+ * an item carrying an `sfSymbol` renders as a real SF Symbol on iOS: the system
+ * glyph set, weight-matched to the platform and tinted natively.
+ *
+ * `expo-symbols` is imported STATICALLY and only here — Metro selects `.native`
+ * on iOS/Android, so it never reaches a web bundle or a consumer's type-check
+ * (see the neutral `glyph.tsx` sibling). Android has no SF Symbols, so it falls
+ * through to the item's own icon node, which every item provides.
+ */
+
+function TabBarGlyph({
+  item,
+  tint,
+  size
+}) {
+  if (item.sfSymbol && _reactNative.Platform.OS === 'ios') {
+    // `TabBarItem.sfSymbol` is a plain `string` because `types.ts` may import
+    // from react/react-native only — pulling `expo-symbols`' `SFSymbol` union
+    // into the public type would drag a native-only package into every web
+    // bundle and every consumer's type-check. The narrowing happens here, at
+    // the single boundary where the symbol reaches the native view; an unknown
+    // name renders nothing rather than crashing, which is why no runtime
+    // validation is warranted.
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoSymbols.SymbolView, {
+      name: item.sfSymbol,
+      tintColor: tint,
+      size: size,
+      weight: "semibold"
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: (0, _shared.applyIconColor)(item.icon, tint)
+  });
+}
+TabBarGlyph.displayName = 'TabBarGlyph';
+//# sourceMappingURL=glyph.native.js.map

package/lib/commonjs/tab-bar/glyph.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_expoSymbols","require","_reactNative","_shared","_jsxRuntime","TabBarGlyph","item","tint","size","sfSymbol","Platform","OS","jsx","SymbolView","name","tintColor","weight","View","style","height","alignItems","justifyContent","children","applyIconColor","icon","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/glyph.native.tsx"],"mappings":";;;;;;AAaA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAA+D,IAAAG,WAAA,GAAAH,OAAA;AAhB/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOO,SAASI,WAAWA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAClE,IAAIF,IAAI,CAACG,QAAQ,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAC1C;IACA;IACA;IACA;IACA;IACA;IACA;IACA,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACZ,YAAA,CAAAa,UAAU;MACTC,IAAI,EAAER,IAAI,CAACG,QAAqB;MAChCM,SAAS,EAAER,IAAK;MAChBC,IAAI,EAAEA,IAAK;MACXQ,MAAM,EAAC;IAAU,CAClB,CAAC;EAEN;EAEA,oBACE,IAAAZ,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAEX,IAAI;MAAEY,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAE;IAAAC,QAAA,EAC3E,IAAAC,sBAAc,EAACjB,IAAI,CAACkB,IAAI,EAAEjB,IAAI;EAAC,CAC5B,CAAC;AAEX;AAEAF,WAAW,CAACoB,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MINIMIZE_SPRING", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.MINIMIZE_SPRING;
+  }
+});
+exports.TabBarButton = exports.TabBar = void 0;
+Object.defineProperty(exports, "TabBarMinimizeProvider", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.TabBarMinimizeProvider;
+  }
+});
+Object.defineProperty(exports, "setMinimized", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.setMinimized;
+  }
+});
+Object.defineProperty(exports, "useMinimizeOnScroll", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useMinimizeOnScroll;
+  }
+});
+Object.defineProperty(exports, "useMinimizeState", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useMinimizeState;
+  }
+});
+Object.defineProperty(exports, "useTabBarMinimized", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useTabBarMinimized;
+  }
+});
+var _progressiveBlur = require("../progressive-blur");
+var _TabBarBase = require("./TabBarBase.js");
+var _glyph = require("./glyph");
+var _surface = require("./surface");
+var _minimizeContext = require("./minimize-context.js");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/index.ts
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * DEFAULT entry for `@oxyhq/bloom/tab-bar`.
+ *
+ * The platform pieces are imported by their BARE relative name so Metro's
+ * platform-extension resolution picks `surface.native.tsx` / `glyph.native.tsx`
+ * on iOS and Android, and every other resolver falls back to the neutral
+ * `surface.tsx` / `glyph.tsx`. Both neutral files, and everything else this
+ * module reaches, are free of native-only imports, so a consumer's `tsc` and a
+ * non-Metro bundler resolve this entry cleanly. Web bundlers select
+ * `index.web.tsx` instead, through the package's `browser` export condition.
+ */
+
+const TabBar = exports.TabBar = (0, _TabBarBase.createTabBar)(_surface.TabBarSurface, _progressiveBlur.ProgressiveBlur);
+const TabBarButton = exports.TabBarButton = (0, _TabBarBase.createTabBarButton)(_glyph.TabBarGlyph);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/tab-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_progressiveBlur","require","_TabBarBase","_glyph","_surface","_minimizeContext","TabBar","exports","createTabBar","TabBarSurface","ProgressiveBlur","TabBarButton","createTabBarButton","TabBarGlyph"],"sourceRoot":"../../../src","sources":["tab-bar/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,gBAAA,GAAAJ,OAAA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,wBAAY,EAACC,sBAAa,EAAEC,gCAAe,CAAC;AAC3D,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,8BAAkB,EAACC,kBAAW,CAAC","ignoreList":[]}

package/lib/commonjs/tab-bar/index.web.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MINIMIZE_SPRING", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.MINIMIZE_SPRING;
+  }
+});
+exports.TabBarButton = exports.TabBar = void 0;
+Object.defineProperty(exports, "TabBarMinimizeProvider", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.TabBarMinimizeProvider;
+  }
+});
+Object.defineProperty(exports, "setMinimized", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.setMinimized;
+  }
+});
+Object.defineProperty(exports, "useMinimizeOnScroll", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useMinimizeOnScroll;
+  }
+});
+Object.defineProperty(exports, "useMinimizeState", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useMinimizeState;
+  }
+});
+Object.defineProperty(exports, "useTabBarMinimized", {
+  enumerable: true,
+  get: function () {
+    return _minimizeContext.useTabBarMinimized;
+  }
+});
+var _indexWeb = require("../progressive-blur/index.web.js");
+var _TabBarBase = require("./TabBarBase.js");
+var _glyph = require("./glyph");
+var _surfaceWeb = require("./surface.web.js");
+var _minimizeContext = require("./minimize-context.js");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/index.ts
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * WEB entry for `@oxyhq/bloom/tab-bar`, selected through the package's
+ * `browser` export condition.
+ *
+ * The web modules are imported by their FULL `.web` name on purpose. Inside the
+ * published `lib/` every file is plain `.js` (`surface.js` next to
+ * `surface.web.js`), and no web bundler resolves a bare `./surface` to the
+ * `.web` sibling by extension — only Metro does that. Writing the fork path
+ * explicitly is the same thing the generated root barrel does
+ * (`src/index.web.ts` → `from './dialog/index.web'`). `./glyph` has no web fork:
+ * the neutral file already renders `item.icon`, which is the correct web
+ * behaviour, and it is what any resolver lands on here.
+ */
+
+const TabBar = exports.TabBar = (0, _TabBarBase.createTabBar)(_surfaceWeb.TabBarSurface, _indexWeb.ProgressiveBlur);
+const TabBarButton = exports.TabBarButton = (0, _TabBarBase.createTabBarButton)(_glyph.TabBarGlyph);
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/tab-bar/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_indexWeb","require","_TabBarBase","_glyph","_surfaceWeb","_minimizeContext","TabBar","exports","createTabBar","TabBarSurface","ProgressiveBlur","TabBarButton","createTabBarButton","TabBarGlyph"],"sourceRoot":"../../../src","sources":["tab-bar/index.web.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,gBAAA,GAAAJ,OAAA;AAxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,wBAAY,EAACC,yBAAa,EAAEC,yBAAe,CAAC;AAC3D,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,8BAAkB,EAACC,kBAAW,CAAC","ignoreList":[]}

package/lib/commonjs/tab-bar/minimize-context.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MINIMIZE_SPRING = void 0;
+exports.TabBarMinimizeProvider = TabBarMinimizeProvider;
+exports.setMinimized = setMinimized;
+exports.useMinimizeOnScroll = useMinimizeOnScroll;
+exports.useMinimizeState = useMinimizeState;
+exports.useTabBarMinimized = useTabBarMinimized;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/minimize-context.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * The shared 0..1 "minimize" progress the tab bar interpolates on, plus the
+ * scroll handler that drives it. Reanimated only — no platform imports.
+ */
+
+/**
+ * Spring, not timing: scroll direction flips mid-animation constantly, and a
+ * spring retargets while preserving velocity — a timing curve would restart
+ * from zero and feel mechanical. Critically damped (ratio 1): no overshoot and
+ * no long settling tail, which matters because the bar animates layout.
+ */
+const MINIMIZE_SPRING = exports.MINIMIZE_SPRING = {
+  duration: 380,
+  dampingRatio: 1
+};
+
+/** Scroll offset below which the bar is always expanded (px). */
+const TOP_ZONE = 24;
+/** Per-event scroll delta that counts as a deliberate direction change (px). */
+const DIRECTION_THRESHOLD = 3;
+const MinimizeContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Wrap the tab tree once. Screens then call `useMinimizeOnScroll()` and the bar
+ * reads the same progress, so scrolling any screen minimizes the bar.
+ */
+function TabBarMinimizeProvider({
+  children
+}) {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const target = (0, _reactNativeReanimated.useSharedValue)(0);
+  const state = (0, _react.useMemo)(() => ({
+    progress,
+    target
+  }), [progress, target]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MinimizeContext.Provider, {
+    value: state,
+    children: children
+  });
+}
+TabBarMinimizeProvider.displayName = 'TabBarMinimizeProvider';
+
+/** Full minimize state — used by the bar, the buttons and the scroll hook. */
+function useMinimizeState() {
+  const shared = (0, _react.useContext)(MinimizeContext);
+  // Local fallback keeps screens working when rendered outside the provider
+  // (e.g. a web tab layout with no floating bar). Hooks run unconditionally so
+  // the order is stable whether or not a provider is present.
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  const target = (0, _reactNativeReanimated.useSharedValue)(0);
+  const local = (0, _react.useMemo)(() => ({
+    progress,
+    target
+  }), [progress, target]);
+  return shared ?? local;
+}
+
+/** The animated 0..1 minimize progress (what styles interpolate on). */
+function useTabBarMinimized() {
+  return useMinimizeState().progress;
+}
+
+/**
+ * Retarget the minimize spring — no-op when already heading to `next`, so
+ * per-frame scroll events never restart (and visibly stutter) the animation.
+ * Callable from both threads.
+ */
+function setMinimized(state, next) {
+  'worklet';
+
+  if (state.target.value !== next) {
+    state.target.value = next;
+    state.progress.value = (0, _reactNativeReanimated.withSpring)(next, MINIMIZE_SPRING);
+  }
+}
+
+/**
+ * Scroll handler for `Animated.ScrollView`. Scrolling down minimizes the tab
+ * bar, scrolling up (or being near the top) expands it. Offsets are clamped to
+ * the scrollable range so rubber-band overscroll can't flip the direction for a
+ * frame and flicker the bar.
+ */
+function useMinimizeOnScroll() {
+  const state = useMinimizeState();
+  const previousY = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // CRITICAL — `state` and `previousY` must stay in the dependency array. On
+  // web WITHOUT the react-native-worklets babel plugin (the production reality
+  // for every Oxy RN-Web app) reanimated cannot auto-detect what a worklet
+  // reads, so it drives the handler off its deps instead; an omitted or empty
+  // array binds the handler once against the first render's values. Native
+  // (plugin present) auto-tracks and ignores the extra deps, so listing them is
+  // correct on both platforms. Same rule as every mapper in `TabBarBase`.
+  return (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: event => {
+      const maxY = Math.max(event.contentSize.height - event.layoutMeasurement.height, 0);
+      const y = Math.min(Math.max(event.contentOffset.y, 0), maxY);
+      const dy = y - previousY.value;
+      previousY.value = y;
+      if (y < TOP_ZONE) {
+        setMinimized(state, 0);
+      } else if (dy > DIRECTION_THRESHOLD) {
+        setMinimized(state, 1);
+      } else if (dy < -DIRECTION_THRESHOLD) {
+        setMinimized(state, 0);
+      }
+    }
+  }, [state, previousY]);
+}
+//# sourceMappingURL=minimize-context.js.map

package/lib/commonjs/tab-bar/minimize-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_jsxRuntime","MINIMIZE_SPRING","exports","duration","dampingRatio","TOP_ZONE","DIRECTION_THRESHOLD","MinimizeContext","createContext","TabBarMinimizeProvider","children","progress","useSharedValue","target","state","useMemo","jsx","Provider","value","displayName","useMinimizeState","shared","useContext","local","useTabBarMinimized","setMinimized","next","withSpring","useMinimizeOnScroll","previousY","useAnimatedScrollHandler","onScroll","event","maxY","Math","max","contentSize","height","layoutMeasurement","y","min","contentOffset","dy"],"sourceRoot":"../../../src","sources":["tab-bar/minimize-context.tsx"],"mappings":"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","ignoreList":[]}