@oxyhq/bloom 0.50.1 → 0.51.0

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

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { View } from 'react-native';
+import { applyIconColor } from "../frosted-icon-button/shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export 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__*/_jsx(View, {
+    style: {
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: applyIconColor(item.icon, tint)
+  });
+}
+TabBarGlyph.displayName = 'TabBarGlyph';
+//# sourceMappingURL=glyph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","applyIconColor","jsx","_jsx","TabBarGlyph","item","tint","size","style","height","alignItems","justifyContent","children","icon","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/glyph.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,cAAc,QAAQ,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,OAAO,SAASC,WAAWA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAClE;EACA;EACA;EACA,oBACEJ,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE;MAAEC,MAAM,EAAEF,IAAI;MAAEG,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAE;IAAAC,QAAA,EAC3EX,cAAc,CAACI,IAAI,CAACQ,IAAI,EAAEP,IAAI;EAAC,CAC5B,CAAC;AAEX;AAEAF,WAAW,CAACU,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { SymbolView } from 'expo-symbols';
+import { Platform, View } from 'react-native';
+import { applyIconColor } from "../frosted-icon-button/shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabBarGlyph({
+  item,
+  tint,
+  size
+}) {
+  if (item.sfSymbol && 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__*/_jsx(SymbolView, {
+      name: item.sfSymbol,
+      tintColor: tint,
+      size: size,
+      weight: "semibold"
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: applyIconColor(item.icon, tint)
+  });
+}
+TabBarGlyph.displayName = 'TabBarGlyph';
+//# sourceMappingURL=glyph.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SymbolView","Platform","View","applyIconColor","jsx","_jsx","TabBarGlyph","item","tint","size","sfSymbol","OS","name","tintColor","weight","style","height","alignItems","justifyContent","children","icon","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/glyph.native.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAuB,cAAc;AACxD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAE7C,SAASC,cAAc,QAAQ,kCAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,OAAO,SAASC,WAAWA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EAClE,IAAIF,IAAI,CAACG,QAAQ,IAAIT,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;IAC1C;IACA;IACA;IACA;IACA;IACA;IACA;IACA,oBACEN,IAAA,CAACL,UAAU;MACTY,IAAI,EAAEL,IAAI,CAACG,QAAqB;MAChCG,SAAS,EAAEL,IAAK;MAChBC,IAAI,EAAEA,IAAK;MACXK,MAAM,EAAC;IAAU,CAClB,CAAC;EAEN;EAEA,oBACET,IAAA,CAACH,IAAI;IAACa,KAAK,EAAE;MAAEC,MAAM,EAAEP,IAAI;MAAEQ,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAE;IAAAC,QAAA,EAC3EhB,cAAc,CAACI,IAAI,CAACa,IAAI,EAAEZ,IAAI;EAAC,CAC5B,CAAC;AAEX;AAEAF,WAAW,CAACe,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { ProgressiveBlur } from '../progressive-blur';
+import { createTabBar, createTabBarButton } from "./TabBarBase.js";
+import { TabBarGlyph } from './glyph';
+import { TabBarSurface } from './surface';
+export const TabBar = createTabBar(TabBarSurface, ProgressiveBlur);
+export const TabBarButton = createTabBarButton(TabBarGlyph);
+export { MINIMIZE_SPRING, setMinimized, TabBarMinimizeProvider, useMinimizeOnScroll, useMinimizeState, useTabBarMinimized } from "./minimize-context.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressiveBlur","createTabBar","createTabBarButton","TabBarGlyph","TabBarSurface","TabBar","TabBarButton","MINIMIZE_SPRING","setMinimized","TabBarMinimizeProvider","useMinimizeOnScroll","useMinimizeState","useTabBarMinimized"],"sourceRoot":"../../../src","sources":["tab-bar/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,qBAAqB;AACrD,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,iBAAc;AAC/D,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,aAAa,QAAQ,WAAW;AAEzC,OAAO,MAAMC,MAAM,GAAGJ,YAAY,CAACG,aAAa,EAAEJ,eAAe,CAAC;AAClE,OAAO,MAAMM,YAAY,GAAGJ,kBAAkB,CAACC,WAAW,CAAC;AAE3D,SACEI,eAAe,EACfC,YAAY,EACZC,sBAAsB,EACtBC,mBAAmB,EACnBC,gBAAgB,EAChBC,kBAAkB,QACb,uBAAoB","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { ProgressiveBlur } from "../progressive-blur/index.web.js";
+import { createTabBar, createTabBarButton } from "./TabBarBase.js";
+import { TabBarGlyph } from './glyph';
+import { TabBarSurface } from "./surface.web.js";
+export const TabBar = createTabBar(TabBarSurface, ProgressiveBlur);
+export const TabBarButton = createTabBarButton(TabBarGlyph);
+export { MINIMIZE_SPRING, setMinimized, TabBarMinimizeProvider, useMinimizeOnScroll, useMinimizeState, useTabBarMinimized } from "./minimize-context.js";
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressiveBlur","createTabBar","createTabBarButton","TabBarGlyph","TabBarSurface","TabBar","TabBarButton","MINIMIZE_SPRING","setMinimized","TabBarMinimizeProvider","useMinimizeOnScroll","useMinimizeState","useTabBarMinimized"],"sourceRoot":"../../../src","sources":["tab-bar/index.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,YAAY,EAAEC,kBAAkB,QAAQ,iBAAc;AAC/D,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,aAAa,QAAQ,kBAAe;AAE7C,OAAO,MAAMC,MAAM,GAAGJ,YAAY,CAACG,aAAa,EAAEJ,eAAe,CAAC;AAClE,OAAO,MAAMM,YAAY,GAAGJ,kBAAkB,CAACC,WAAW,CAAC;AAE3D,SACEI,eAAe,EACfC,YAAY,EACZC,sBAAsB,EACtBC,mBAAmB,EACnBC,gBAAgB,EAChBC,kBAAkB,QACb,uBAAoB","ignoreList":[]}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { createContext, useContext, useMemo } from 'react';
+import { useAnimatedScrollHandler, useSharedValue, withSpring } from 'react-native-reanimated';
+
+/**
+ * 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.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const 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__*/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.
+ */
+export function TabBarMinimizeProvider({
+  children
+}) {
+  const progress = useSharedValue(0);
+  const target = useSharedValue(0);
+  const state = useMemo(() => ({
+    progress,
+    target
+  }), [progress, target]);
+  return /*#__PURE__*/_jsx(MinimizeContext.Provider, {
+    value: state,
+    children: children
+  });
+}
+TabBarMinimizeProvider.displayName = 'TabBarMinimizeProvider';
+
+/** Full minimize state — used by the bar, the buttons and the scroll hook. */
+export function useMinimizeState() {
+  const shared = 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 = useSharedValue(0);
+  const target = useSharedValue(0);
+  const local = useMemo(() => ({
+    progress,
+    target
+  }), [progress, target]);
+  return shared ?? local;
+}
+
+/** The animated 0..1 minimize progress (what styles interpolate on). */
+export 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.
+ */
+export function setMinimized(state, next) {
+  'worklet';
+
+  if (state.target.value !== next) {
+    state.target.value = next;
+    state.progress.value = 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.
+ */
+export function useMinimizeOnScroll() {
+  const state = useMinimizeState();
+  const previousY = 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 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/module/tab-bar/minimize-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useMemo","useAnimatedScrollHandler","useSharedValue","withSpring","jsx","_jsx","MINIMIZE_SPRING","duration","dampingRatio","TOP_ZONE","DIRECTION_THRESHOLD","MinimizeContext","TabBarMinimizeProvider","children","progress","target","state","Provider","value","displayName","useMinimizeState","shared","local","useTabBarMinimized","setMinimized","next","useMinimizeOnScroll","previousY","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":[]}

package/lib/module/tab-bar/shared.js

@@ -0,0 +1,132 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * Geometry, motion constants, theme resolution and the contracts for the two
+ * injected platform components. Everything here is platform-neutral — no
+ * expo-glass-effect, expo-symbols, expo-router or react-native-screens — because
+ * this module is pulled into the native bundle, the web bundle and a consumer's
+ * `tsc` alike.
+ */
+import { useMemo } from 'react';
+import { withAlpha } from "../theme/color-utils.js";
+import { useTheme } from "../theme/use-theme.js";
+// ---------------------------------------------------------------------------
+//  Geometry
+//
+//  Every dimension the bar animates is a constant here rather than a measured
+//  layout: the highlight's position, the item box height and the capsule radius
+//  are all derived from these on the UI thread each frame. Measuring instead
+//  would put a layout round-trip between the finger and the pixels.
+// ---------------------------------------------------------------------------
+
+export const EXPANDED_HEIGHT = 58;
+export const MINIMIZED_HEIGHT = 44;
+/** Extra horizontal inset applied to the pill when minimized (per side). */
+export const MINIMIZED_INSET = 34;
+/** Outer margin between the pill and the screen edges (per side). */
+export const BAR_MARGIN = 12;
+/** Inner inset between the capsule wall and the tab items. */
+export const ROW_PAD_H = 4;
+export const LABEL_HEIGHT = 13;
+export const ICON_SIZE = 21;
+/**
+ * Space between icon and label — folded into the label's animated height so it
+ * fully disappears when minimized (keeps the icon perfectly centered).
+ */
+export const ITEM_GAP = 2;
+export const LABEL_BLOCK = LABEL_HEIGHT + ITEM_GAP;
+export const ITEM_PAD_V = 7;
+/** Highlight content heights — radius must track h/2 for a true capsule. */
+export const HIGHLIGHT_EXPANDED = ICON_SIZE + LABEL_BLOCK + ITEM_PAD_V * 2;
+export const HIGHLIGHT_MINIMIZED = ICON_SIZE + ITEM_PAD_V * 2;
+/** How far the bottom progressive blur bleeds above the pill. */
+export const BLUR_BLEED = 44;
+/** Label type size. Small by design — the icon carries the meaning. */
+export const LABEL_FONT_SIZE = 9.5;
+
+/**
+ * Slide spring: interruptible by design — rapid tab-hopping retargets with
+ * preserved velocity. Slight under-damping gives the pill a tiny settle, safe
+ * here because it's transform-only (no layout involved).
+ */
+export const SLIDE_SPRING = {
+  duration: 420,
+  dampingRatio: 0.82
+};
+
+// ---------------------------------------------------------------------------
+//  Theme
+// ---------------------------------------------------------------------------
+
+/**
+ * Resolve the bar's five colors from Bloom's theme tokens, with an optional
+ * partial override on top.
+ *
+ * Upstream hardcoded a dark palette (`#FFFFFF` / `rgba(10,10,12,0.55)` / …),
+ * which would ignore the active preset and read as a black bar in a light
+ * theme. Each role maps onto the token that already carries that meaning, so
+ * the bar follows `BloomThemeProvider` for free:
+ *
+ *   - the two tints are the standard foreground pair;
+ *   - the highlight is `contrast50`, the token meant for a subtle raised fill;
+ *   - the glass tint is a 55%-alpha page background, so the liquid-glass
+ *     material behind it still refracts content;
+ *   - the solid fallback is a 94%-alpha `backgroundSecondary` — near-opaque, so
+ *     the bar reads as a distinct surface where there is no glass to lens.
+ *
+ * Overrides are coalesced key by key (not spread) so an explicit `undefined` in
+ * a partial can never punch a hole in the resolved theme.
+ */
+export function resolveTabBarTheme(colors, overrides) {
+  return {
+    activeTint: overrides?.activeTint ?? colors.text,
+    inactiveTint: overrides?.inactiveTint ?? colors.textSecondary,
+    highlight: overrides?.highlight ?? colors.contrast50,
+    glassTint: overrides?.glassTint ?? withAlpha(colors.background, 0.55),
+    solidFallback: overrides?.solidFallback ?? withAlpha(colors.backgroundSecondary, 0.94)
+  };
+}
+
+/**
+ * Hook form of {@link resolveTabBarTheme}.
+ *
+ * Memoized on the individual override VALUES rather than on the `overrides`
+ * object: callers pass an inline literal (`theme={{ highlight: '#…' }}`), whose
+ * identity changes every render. The resolved theme feeds a React context and a
+ * reanimated dependency array, so a fresh identity per render would re-render
+ * every button and rebuild the label mapper for nothing.
+ */
+export function useTabBarTheme(overrides) {
+  const {
+    colors
+  } = useTheme();
+  const {
+    activeTint,
+    inactiveTint,
+    highlight,
+    glassTint,
+    solidFallback
+  } = overrides ?? {};
+  return useMemo(() => resolveTabBarTheme(colors, {
+    activeTint,
+    inactiveTint,
+    highlight,
+    glassTint,
+    solidFallback
+  }), [colors, activeTint, inactiveTint, highlight, glassTint, solidFallback]);
+}
+
+// ---------------------------------------------------------------------------
+//  Injected platform components
+//
+//  `TabBarBase` is platform-agnostic and receives its two platform-specific
+//  pieces as component props (the same shape as `BottomSheetBase`'s `Shell`).
+//  The three surface variants and the two glyph variants implement these exact
+//  signatures, which is what makes the resolution paths interchangeable:
+//  Metro picks `*.native.tsx`, the `browser` export condition picks the entry
+//  that imports `*.web.tsx`, everything else gets the neutral file.
+// ---------------------------------------------------------------------------
+//# sourceMappingURL=shared.js.map

package/lib/module/tab-bar/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","withAlpha","useTheme","EXPANDED_HEIGHT","MINIMIZED_HEIGHT","MINIMIZED_INSET","BAR_MARGIN","ROW_PAD_H","LABEL_HEIGHT","ICON_SIZE","ITEM_GAP","LABEL_BLOCK","ITEM_PAD_V","HIGHLIGHT_EXPANDED","HIGHLIGHT_MINIMIZED","BLUR_BLEED","LABEL_FONT_SIZE","SLIDE_SPRING","duration","dampingRatio","resolveTabBarTheme","colors","overrides","activeTint","text","inactiveTint","textSecondary","highlight","contrast50","glassTint","background","solidFallback","backgroundSecondary","useTabBarTheme"],"sourceRoot":"../../../src","sources":["tab-bar/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,OAAO;AAI/B,SAASC,SAAS,QAAQ,yBAAsB;AAEhD,SAASC,QAAQ,QAAQ,uBAAoB;AAG7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAClC;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B;AACA,OAAO,MAAMC,SAAS,GAAG,CAAC;AAC1B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,SAAS,GAAG,EAAE;AAC3B;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,CAAC;AACzB,OAAO,MAAMC,WAAW,GAAGH,YAAY,GAAGE,QAAQ;AAClD,OAAO,MAAME,UAAU,GAAG,CAAC;AAC3B;AACA,OAAO,MAAMC,kBAAkB,GAAGJ,SAAS,GAAGE,WAAW,GAAGC,UAAU,GAAG,CAAC;AAC1E,OAAO,MAAME,mBAAmB,GAAGL,SAAS,GAAGG,UAAU,GAAG,CAAC;AAC7D;AACA,OAAO,MAAMG,UAAU,GAAG,EAAE;AAC5B;AACA,OAAO,MAAMC,eAAe,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAAEC,QAAQ,EAAE,GAAG;EAAEC,YAAY,EAAE;AAAK,CAAC;;AAEjE;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,MAAmB,EACnBC,SAAgC,EACnB;EACb,OAAO;IACLC,UAAU,EAAED,SAAS,EAAEC,UAAU,IAAIF,MAAM,CAACG,IAAI;IAChDC,YAAY,EAAEH,SAAS,EAAEG,YAAY,IAAIJ,MAAM,CAACK,aAAa;IAC7DC,SAAS,EAAEL,SAAS,EAAEK,SAAS,IAAIN,MAAM,CAACO,UAAU;IACpDC,SAAS,EAAEP,SAAS,EAAEO,SAAS,IAAI5B,SAAS,CAACoB,MAAM,CAACS,UAAU,EAAE,IAAI,CAAC;IACrEC,aAAa,EAAET,SAAS,EAAES,aAAa,IAAI9B,SAAS,CAACoB,MAAM,CAACW,mBAAmB,EAAE,IAAI;EACvF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACX,SAAgC,EAAe;EAC5E,MAAM;IAAED;EAAO,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEqB,UAAU;IAAEE,YAAY;IAAEE,SAAS;IAAEE,SAAS;IAAEE;EAAc,CAAC,GAAGT,SAAS,IAAI,CAAC,CAAC;EAEzF,OAAOtB,OAAO,CACZ,MACEoB,kBAAkB,CAACC,MAAM,EAAE;IACzBE,UAAU;IACVE,YAAY;IACZE,SAAS;IACTE,SAAS;IACTE;EACF,CAAC,CAAC,EACJ,CAACV,MAAM,EAAEE,UAAU,EAAEE,YAAY,EAAEE,SAAS,EAAEE,SAAS,EAAEE,aAAa,CACxE,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/tab-bar/surface.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * 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 the tab bar's capsule surface: a plain animated
+ * view filled with the theme's solid fallback.
+ *
+ * This is the file resolved by everything that does NOT do React Native's
+ * platform-extension resolution — a consumer's `tsc` (which follows Bloom's
+ * `"react-native"` source export condition) and any non-Metro bundler reading
+ * the published `lib/`. It therefore imports NOTHING platform-specific:
+ * `expo-glass-effect` is native-only, and a static import of it from a file a
+ * web bundler or a consumer's type-checker resolves would break module
+ * resolution outright. Same three-way split, for the same reason, as
+ * `theme/native-root-vars{,.native,.web}.ts`.
+ *
+ * The variants — all three implement `TabBarSurfaceProps` exactly, so the entry
+ * modules can swap them freely:
+ *   - `surface.native.tsx` — iOS/Android (Metro), real `UIGlassEffect` glass;
+ *   - `surface.web.tsx`    — web, a CSS `backdrop-filter`;
+ *   - this file            — everywhere else, the opaque fallback.
+ */
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, styles.surface, {
+      backgroundColor: theme.solidFallback
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+const styles = StyleSheet.create({
+  surface: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=surface.js.map

package/lib/module/tab-bar/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Animated","jsx","_jsx","TabBarSurface","theme","style","View","absoluteFill","styles","surface","backgroundColor","solidFallback","displayName","create","borderCurve"],"sourceRoot":"../../../src","sources":["tab-bar/surface.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,oBACEH,IAAA,CAACF,QAAQ,CAACM,IAAI;IACZD,KAAK,EAAE,CACLN,UAAU,CAACQ,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;MAAEC,eAAe,EAAEN,KAAK,CAACO;IAAc,CAAC,EACxCN,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACS,WAAW,GAAG,eAAe;AAE3C,MAAMJ,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,OAAO,EAAE;IACPK,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/tab-bar/surface.native.js

@@ -0,0 +1,50 @@
+"use strict";
+
+/**
+ * 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 the tab bar's capsule surface — real liquid glass.
+ *
+ * `expo-glass-effect` is imported STATICALLY and this file is the only place it
+ * appears: Metro selects `.native` on iOS/Android, so the import never reaches
+ * a web bundle or a consumer's type-check (that is what the neutral
+ * `surface.tsx` sibling is for). A peer dependency plus a static import plus a
+ * runtime capability check is the deliberate shape here — not a lazy
+ * `require()`, which Metro cannot bundle from published `lib/` when the module
+ * name is dynamic and which would also hide the dependency from consumers.
+ *
+ * `isLiquidGlassAvailable()` is false on Android and pre-iOS-26, where the
+ * package's `GlassView` has no material to render; those platforms get the same
+ * opaque fallback the neutral variant paints.
+ */
+import { GlassView, isLiquidGlassAvailable } from 'expo-glass-effect';
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedGlassView = Animated.createAnimatedComponent(GlassView);
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  if (isLiquidGlassAvailable()) {
+    return /*#__PURE__*/_jsx(AnimatedGlassView, {
+      glassEffectStyle: "regular",
+      style: [StyleSheet.absoluteFill, styles.surface, {
+        backgroundColor: theme.glassTint
+      }, style]
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, styles.surface, {
+      backgroundColor: theme.solidFallback
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+const styles = StyleSheet.create({
+  surface: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=surface.native.js.map

package/lib/module/tab-bar/surface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GlassView","isLiquidGlassAvailable","StyleSheet","Animated","jsx","_jsx","AnimatedGlassView","createAnimatedComponent","TabBarSurface","theme","style","glassEffectStyle","absoluteFill","styles","surface","backgroundColor","glassTint","View","solidFallback","displayName","create","borderCurve"],"sourceRoot":"../../../src","sources":["tab-bar/surface.native.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,sBAAsB,QAAQ,mBAAmB;AACrE,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C,MAAMC,iBAAiB,GAAGH,QAAQ,CAACI,uBAAuB,CAACP,SAAS,CAAC;AAErE,OAAO,SAASQ,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,IAAIT,sBAAsB,CAAC,CAAC,EAAE;IAC5B,oBACEI,IAAA,CAACC,iBAAiB;MAChBK,gBAAgB,EAAC,SAAS;MAC1BD,KAAK,EAAE,CACLR,UAAU,CAACU,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;QAAEC,eAAe,EAAEN,KAAK,CAACO;MAAU,CAAC,EACpCN,KAAK;IACL,CACH,CAAC;EAEN;EAEA,oBACEL,IAAA,CAACF,QAAQ,CAACc,IAAI;IACZP,KAAK,EAAE,CACLR,UAAU,CAACU,YAAY,EACvBC,MAAM,CAACC,OAAO,EACd;MAAEC,eAAe,EAAEN,KAAK,CAACS;IAAc,CAAC,EACxCR,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACW,WAAW,GAAG,eAAe;AAE3C,MAAMN,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,OAAO,EAAE;IACPO,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/tab-bar/surface.web.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Ported from expo-glass-tabs v0.1.1 — src/glass-tab-bar.tsx
+ * (MIT © 2026 David Mokos). See the top-level NOTICE.
+ *
+ * WEB variant of the tab bar's capsule surface: the browser's own frosted
+ * material, `backdrop-filter`, under the theme's translucent glass tint.
+ *
+ * The element stays a react-native-web `Animated.View` because the capsule
+ * radius is animated by reanimated on every minimize frame. The two web-only
+ * declarations ride in the STYLE object rather than a CSS class: react-native-
+ * web does not forward `className` to the DOM (its `forwardedProps` list has no
+ * `className`, and `createDOMProps` overwrites the attribute with the atomic
+ * class it generates), whereas unknown style properties ARE passed straight
+ * through its style compiler. That is the same route `Dialog.web.tsx` uses for
+ * its `animation` shorthand. No stylesheet needs injecting here: there is no
+ * `@keyframes` or pseudo-class involved, so nothing that an inline declaration
+ * cannot express.
+ *
+ * Browsers without `backdrop-filter` simply skip it and are left with the
+ * translucent tint — a graceful degradation that needs no `@supports` rule.
+ */
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Blur radius of the web glass, in px. Tuned to read like the iOS 26 `regular`
+ * glass under the same 55%-alpha tint: enough to dissolve text scrolling
+ * underneath without smearing large shapes into mush. The saturation boost is
+ * what keeps colors behind the bar from going flat and grey.
+ */
+const GLASS_BLUR_PX = 24;
+const GLASS_FILTER = `blur(${GLASS_BLUR_PX}px) saturate(180%)`;
+
+// Web-only CSS, unknown to React Native's `ViewStyle`. Both spellings are set:
+// Safari still needs the prefixed property for `backdrop-filter`.
+const glassFilterStyle = {
+  backdropFilter: GLASS_FILTER,
+  WebkitBackdropFilter: GLASS_FILTER
+};
+export function TabBarSurface({
+  theme,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, glassFilterStyle, {
+      backgroundColor: theme.glassTint
+    }, style]
+  });
+}
+TabBarSurface.displayName = 'TabBarSurface';
+//# sourceMappingURL=surface.web.js.map

package/lib/module/tab-bar/surface.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Animated","jsx","_jsx","GLASS_BLUR_PX","GLASS_FILTER","glassFilterStyle","backdropFilter","WebkitBackdropFilter","TabBarSurface","theme","style","View","absoluteFill","backgroundColor","glassTint","displayName"],"sourceRoot":"../../../src","sources":["tab-bar/surface.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAwB,cAAc;AACzD,OAAOC,QAAQ,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,YAAY,GAAG,QAAQD,aAAa,oBAAoB;;AAE9D;AACA;AACA,MAAME,gBAAgB,GAAG;EACvBC,cAAc,EAAEF,YAAY;EAC5BG,oBAAoB,EAAEH;AACxB,CAAc;AAEd,OAAO,SAASI,aAAaA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAClE,oBACER,IAAA,CAACF,QAAQ,CAACW,IAAI;IACZD,KAAK,EAAE,CACLX,UAAU,CAACa,YAAY,EACvBP,gBAAgB,EAChB;MAAEQ,eAAe,EAAEJ,KAAK,CAACK;IAAU,CAAC,EACpCJ,KAAK;EACL,CACH,CAAC;AAEN;AAEAF,aAAa,CAACO,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/tab-bar/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/tab-bar/types.js.map

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

package/lib/module/tabs/Tabs.js

@@ -5,6 +5,7 @@ import { View, Text, Pressable, Animated, Easing, ScrollView } from 'react-nativ
 import { useTheme } from "../theme/use-theme.js";
 import { usePressAnimation } from "../hooks/usePressAnimation.js";
 import { borderRadius, space } from "../styles/tokens.js";
+import { bloomShadowStyle } from '../design-tokens/shadows';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabsContext = /*#__PURE__*/createContext({
   value: '',
@@ -176,14 +177,8 @@ const TabComponent = ({
         if (isSelected) {
           base.backgroundColor = theme.colors.card;
           base.borderRadius = borderRadius.xs + 2;
-          base.shadowColor = theme.colors.shadow;
-          base.shadowOffset = {
-            width: 0,
-            height: 1
-          };
-          base.shadowOpacity = 0.1;
-          base.shadowRadius = 2;
-          base.elevation = 1;
+          // Subtle raise (`shadow-s`) — `boxShadow` on web, RN shadow/elevation on native.
+          Object.assign(base, bloomShadowStyle('s'));
         }
         break;
       case 'outlined':