@oxyhq/bloom 0.35.7 → 0.36.0

package/lib/commonjs/content-panel/index.js

@@ -22,11 +22,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * scroll, no sticky positioning, and no bleed to mask, so the panel is simply a
  * surface wrapping its content. The `framed` prop still drives whether that
  * surface is rounded + bordered, tri-state and resolved with pure NativeWind
- * (`md:` evaluates against the window width on native too — no JS breakpoint
- * hook needed):
+ * (the breakpoint's `min-*:` variant evaluates against the window width on
+ * native too — no JS breakpoint hook needed):
  *
- *  - `undefined` (DEFAULT) → responsive: full-bleed below `md`, rounded +
- *    bordered at `md`+ (`md:rounded-radius-28 md:border md:border-border`).
+ *  - `undefined` (DEFAULT) → responsive: full-bleed below the `framedFrom`
+ *    breakpoint (default `768` / Tailwind `md`), rounded + bordered at/above it
+ *    (e.g. `md:rounded-radius-28 md:border md:border-border`).
  *  - `false` → never framed (plain full-bleed at every size).
  *  - `true` → always rounded + bordered.
  *
@@ -50,9 +51,34 @@ const GUTTER_MASK_SPREAD = exports.GUTTER_MASK_SPREAD = 40;
 const PANEL_TOP_INSET = exports.PANEL_TOP_INSET = 8;
 /** Bottom sticky inset (px) of the framed panel chrome. */
 const PANEL_BOTTOM_INSET = exports.PANEL_BOTTOM_INSET = 8;
+
+/**
+ * Viewport width (px) at which a RESPONSIVE `ContentPanel` (`framed` undefined)
+ * switches from full-bleed to framed. Each value maps to a PRE-SHIPPED literal
+ * Tailwind class bundle — `768` (default) uses the named `md:` screen
+ * (byte-identical to prior behavior), `640` uses `sm:`, `1024` uses `lg:`, and
+ * `500` uses the arbitrary `min-[500px]:` variant (there is no named screen at
+ * 500px). The breakpoint tokens are never built at runtime, so a consumer's
+ * Tailwind content-scan over `src/**`/`lib/**` resolves them verbatim.
+ */
+
+/**
+ * Per-breakpoint literal Tailwind surface class bundle for the NATIVE responsive
+ * mode. Each value is a WHOLE literal string (never assembled from parts at
+ * runtime) so the Tailwind content-scan over `src/**`/`lib/**` picks up every
+ * `min-*`/`sm:`/`md:`/`lg:` token verbatim. Selecting a bundle by `framedFrom`
+ * value is the only runtime decision.
+ */
+const RESPONSIVE_SURFACE = {
+  500: 'min-[500px]:overflow-hidden min-[500px]:rounded-radius-28 min-[500px]:border min-[500px]:border-border',
+  640: 'sm:overflow-hidden sm:rounded-radius-28 sm:border sm:border-border',
+  768: 'md:overflow-hidden md:rounded-radius-28 md:border md:border-border',
+  1024: 'lg:overflow-hidden lg:rounded-radius-28 lg:border lg:border-border'
+};
 const ContentPanelComponent = ({
   children,
   framed,
+  framedFrom = 768,
   surfaceClassName,
   surfaceStyle,
   contentClassName,
@@ -61,11 +87,13 @@ const ContentPanelComponent = ({
   // Dev-only invariant — a ContentPanel must never be nested inside another.
   (0, _nestingContext.useContentPanelNestingGuard)();
 
-  // Tri-state: `undefined` → responsive (md:-gated), `true` → always framed,
-  // `false` → never framed (plain full-bleed). Whole literal class strings are
-  // selected per mode so the Tailwind content-scan over `src/**` picks up every
-  // `md:` / `rounded-radius-28` token verbatim (no dynamic concatenation).
-  const surfaceBase = framed === undefined ? 'flex-1 md:overflow-hidden md:rounded-radius-28 md:border md:border-border' : framed ? 'flex-1 overflow-hidden rounded-radius-28 border border-border' : 'flex-1';
+  // Tri-state: `undefined` → responsive (breakpoint-gated), `true` → always
+  // framed, `false` → never framed (plain full-bleed). Whole literal class
+  // strings are selected per mode so the Tailwind content-scan over `src/**`
+  // picks up every `min-*`/`sm:`/`md:`/`lg:` / `rounded-radius-28` token verbatim
+  // (the breakpoint bundle lives whole in `RESPONSIVE_SURFACE`; `framed ===
+  // true`/`false` ignore `framedFrom` for fixed always/never framing).
+  const surfaceBase = framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1 overflow-hidden rounded-radius-28 border border-border' : 'flex-1';
   const surfaceClass = [surfaceBase, surfaceClassName ?? 'bg-card'].join(' ');
   const contentClass = ['flex-1', contentClassName].filter(Boolean).join(' ');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nestingContext.ContentPanelNestingContext.Provider, {

package/lib/commonjs/content-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_nestingContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","ContentPanelComponent","children","framed","surfaceClassName","surfaceStyle","contentClassName","contentStyle","useContentPanelNestingGuard","surfaceBase","undefined","surfaceClass","join","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","View","className","style","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_nestingContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","useContentPanelNestingGuard","surfaceBase","undefined","surfaceClass","join","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","View","className","style","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/content-panel/index.web.js

@@ -38,18 +38,22 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Framing is tri-state via the `framed` prop:
  *
  *  - `undefined` (DEFAULT) → RESPONSIVE, driven purely by NativeWind: full-bleed
- *    below `md`, framed at `md`+. The rounding is `md:`-gated and both overlays
- *    are always rendered but carry `max-md:hidden` (`display:none` below `md`),
- *    so the breakpoint is decided in CSS — no consumer JS breakpoint hook.
+ *    below the `framedFrom` breakpoint, framed at/above it. The breakpoint is
+ *    configurable per consumer (`framedFrom`, default `768` / Tailwind `md`); the
+ *    rounding is gated by that breakpoint's `min-*:` variant and both overlays
+ *    are always rendered but carry the matching `max-*:hidden` literal
+ *    (`display:none` below the breakpoint), so the breakpoint is decided entirely
+ *    in CSS — no consumer JS breakpoint hook.
  *  - `false` → NEVER framed (full-bleed at every size): a single flat surface,
  *    no rounding, no overlays.
  *  - `true` → ALWAYS framed (rounded + overlays at every size).
  *
- * The overlays are gated by VISIBILITY (a `max-md:hidden` literal) rather than
- * by conditional mounting for the responsive case, so crossing the breakpoint
- * never remounts them. The content wrapper likewise keeps a stable `key` so
- * `{children}` reconciles in place across the breakpoint instead of remounting
- * (which would reset feed scroll / the virtualizer + refetch).
+ * The overlays are gated by VISIBILITY (a `max-*:hidden` literal for the chosen
+ * breakpoint) rather than by conditional mounting for the responsive case, so
+ * crossing the breakpoint never remounts them. The content wrapper likewise
+ * keeps a stable `key` so `{children}` reconciles in place across the breakpoint
+ * instead of remounting (which would reset feed scroll / the virtualizer +
+ * refetch).
  *
  * Native bundlers use `./index.tsx` (a plain rounded surface); web bundlers
  * select this file via the `"browser"` export condition in `package.json`.
@@ -66,9 +70,58 @@ const GUTTER_MASK_SPREAD = exports.GUTTER_MASK_SPREAD = 40;
 const PANEL_TOP_INSET = exports.PANEL_TOP_INSET = 8;
 /** Bottom sticky inset (px) of the framed panel chrome. */
 const PANEL_BOTTOM_INSET = exports.PANEL_BOTTOM_INSET = 8;
+
+/**
+ * Viewport width (px) at which a RESPONSIVE `ContentPanel` (`framed` undefined)
+ * switches from full-bleed to framed. Each value maps to a PRE-SHIPPED literal
+ * Tailwind class bundle — `768` (default) uses the named `md:`/`max-md:` screens
+ * (byte-identical to prior behavior), `640` uses `sm:`/`max-sm:`, `1024` uses
+ * `lg:`/`max-lg:`, and `500` uses the arbitrary `min-[500px]:`/`max-[500px]:`
+ * variants (there is no named screen at 500px). The breakpoint tokens are never
+ * built at runtime, so a consumer's Tailwind content-scan over `lib/**` resolves
+ * them verbatim.
+ */
+
+/**
+ * Per-breakpoint literal Tailwind variant tokens for the WEB responsive mode.
+ * Each field is a WHOLE literal class string (never assembled from parts at
+ * runtime) so the consumer's content-scan over `lib/**` picks up every
+ * arbitrary/`min-*`/`max-*`/`web:` token verbatim. Selecting a bundle by
+ * `framedFrom` value is the only runtime decision:
+ * - `surface`       → framing rounding on the surface at/above the breakpoint.
+ * - `content`       → the same rounding + a web-only horizontal clip on the
+ *   inner content wrapper (`web:<bp>:overflow-x-clip`, platform-first-then-
+ *   breakpoint — matching the consumer convention `web:sm:flex` in `@mercaria/ui`).
+ * - `overlayHidden` → `display:none` for the sticky overlays BELOW the breakpoint.
+ *   `min-[500px]:` (≥500) and `max-[500px]:` (<500) are exactly complementary
+ *   (meet at 500, no overlap/gap), mirroring the named `md:`/`max-md:` pair.
+ */
+const RESPONSIVE_WEB = {
+  500: {
+    surface: 'min-[500px]:rounded-radius-28',
+    content: 'min-[500px]:rounded-radius-28 web:min-[500px]:overflow-x-clip',
+    overlayHidden: 'max-[500px]:hidden'
+  },
+  640: {
+    surface: 'sm:rounded-radius-28',
+    content: 'sm:rounded-radius-28 web:sm:overflow-x-clip',
+    overlayHidden: 'max-sm:hidden'
+  },
+  768: {
+    surface: 'md:rounded-radius-28',
+    content: 'md:rounded-radius-28 web:md:overflow-x-clip',
+    overlayHidden: 'max-md:hidden'
+  },
+  1024: {
+    surface: 'lg:rounded-radius-28',
+    content: 'lg:rounded-radius-28 web:lg:overflow-x-clip',
+    overlayHidden: 'max-lg:hidden'
+  }
+};
 const ContentPanelComponent = ({
   children,
   framed,
+  framedFrom = 768,
   surfaceClassName,
   surfaceStyle,
   contentClassName,
@@ -87,13 +140,16 @@ const ContentPanelComponent = ({
   // `false` → never framed (full-bleed).
   const responsive = framed === undefined;
   const showOverlays = framed !== false;
+  // Responsive mode selects a pre-shipped literal breakpoint bundle by value;
+  // `framed === true`/`false` ignore `framedFrom` (fixed always/never framing).
+  const bp = RESPONSIVE_WEB[framedFrom];
 
   // Whole literal class strings selected per mode (the Tailwind content-scan
-  // over `lib/**` requires each arbitrary/`md:`/`web:` token stay literal).
-  // `web:md:overflow-x-clip` is platform-first-then-breakpoint, matching the
-  // consumer convention (`web:sm:flex` in `@mercaria/ui`).
-  const surfaceBase = responsive ? 'flex-1 md:rounded-radius-28' : framed ? 'flex-1 rounded-radius-28' : 'flex-1';
-  const contentBase = responsive ? 'flex-1 md:rounded-radius-28 web:md:overflow-x-clip' : framed ? 'flex-1 rounded-radius-28 web:overflow-x-clip' : 'flex-1';
+  // over `lib/**` requires each arbitrary/`min-*`/`max-*`/`web:` token stay
+  // literal — the breakpoint tokens live whole in `RESPONSIVE_WEB` above and are
+  // only spliced in, never assembled from parts).
+  const surfaceBase = responsive ? `flex-1 ${bp.surface}` : framed ? 'flex-1 rounded-radius-28' : 'flex-1';
+  const contentBase = responsive ? `flex-1 ${bp.content}` : framed ? 'flex-1 rounded-radius-28 web:overflow-x-clip' : 'flex-1';
   const surfaceClass = [surfaceBase, surfaceClassName ?? 'bg-card'].join(' ');
   const contentClass = [contentBase, contentClassName].filter(Boolean).join(' ');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nestingContext.ContentPanelNestingContext.Provider, {
@@ -103,13 +159,13 @@ const ContentPanelComponent = ({
       style: surfaceStyle,
       children: [showOverlays && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         pointerEvents: "none",
-        className: responsive ? 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 max-md:hidden web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]' : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]',
+        className: responsive ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]` : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]',
         style: {
           boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}`
         }
       }, "bleed-mask"), showOverlays && showStickyFrame !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         pointerEvents: "none",
-        className: responsive ? 'web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border max-md:hidden web:[margin-bottom:calc(-100dvh+16px)]' : 'web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border web:[margin-bottom:calc(-100dvh+16px)]'
+        className: responsive ? `web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)]` : 'web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-radius-28 border border-border web:[margin-bottom:calc(-100dvh+16px)]'
       }, "border-frame"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         className: contentClass,
         style: contentStyle,

package/lib/commonjs/content-panel/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_nestingContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","ContentPanelComponent","children","framed","surfaceClassName","surfaceStyle","contentClassName","contentStyle","showStickyFrame","maskColor","useContentPanelNestingGuard","colors","useTheme","responsive","undefined","showOverlays","surfaceBase","contentBase","surfaceClass","join","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","jsxs","View","className","style","pointerEvents","boxShadow","background","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/index.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_nestingContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","ContentPanelComponent","children","framed","framedFrom","surfaceClassName","surfaceStyle","contentClassName","contentStyle","showStickyFrame","maskColor","useContentPanelNestingGuard","colors","useTheme","responsive","undefined","showOverlays","bp","surfaceBase","contentBase","surfaceClass","join","contentClass","filter","Boolean","jsx","ContentPanelNestingContext","Provider","value","jsxs","View","className","style","pointerEvents","boxShadow","background","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/frosted-icon-button/FrostedIconButton.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FrostedIconButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _expoBlur = require("expo-blur");
+var _useTheme = require("../theme/use-theme.js");
+var _usePressAnimation = require("../hooks/usePressAnimation.js");
+var _useInteractionState = require("../hooks/useInteractionState.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); }
+const RADIUS = 999;
+const PRESS_SCALE = 0.94;
+const DEFAULT_HIT_SLOP = {
+  top: 8,
+  bottom: 8,
+  left: 8,
+  right: 8
+};
+
+// BlurView intensity (0–100). A gentle frost so the chip reads over an image
+// without smearing the content behind it. The `active` (solid) state has none.
+const BLUR_INTENSITY = 24;
+const FrostedIconButtonComponent = ({
+  onPress,
+  icon,
+  children,
+  active = false,
+  disabled = false,
+  size = 'md',
+  accessibilityLabel,
+  accessibilityHint,
+  style,
+  className,
+  testID,
+  hitSlop
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  const geo = (0, _react.useMemo)(() => (0, _shared.resolveFrostedSize)(size), [size]);
+  const palette = (0, _react.useMemo)(() => (0, _shared.resolveFrostedPalette)(theme.colors, theme.isDark), [theme.colors, theme.isDark]);
+  const {
+    scaleAnim,
+    onPressIn: onScalePressIn,
+    onPressOut: onScalePressOut
+  } = (0, _usePressAnimation.usePressAnimation)(disabled ? undefined : PRESS_SCALE);
+  const {
+    state: pressed,
+    onIn: onPressedIn,
+    onOut: onPressedOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const handlePressIn = disabled ? undefined : () => {
+    onScalePressIn();
+    onPressedIn();
+  };
+  const handlePressOut = disabled ? undefined : () => {
+    onScalePressOut();
+    onPressedOut();
+  };
+  const highlighted = pressed && !disabled;
+  const surface = active ? palette.activeSurface : highlighted ? palette.surfaceHover : palette.surface;
+  const ring = highlighted ? palette.ringHover : palette.ring;
+  const iconColor = active ? palette.activeIcon : palette.icon;
+  const containerStyle = (0, _react.useMemo)(() => {
+    return {
+      width: geo.diameter,
+      height: geo.diameter,
+      borderRadius: RADIUS,
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderWidth: _reactNative.StyleSheet.hairlineWidth * 2,
+      borderColor: ring,
+      // Soft shadow lives on the (non-clipping) Pressable so it renders on iOS —
+      // the blur/tint are clipped by an inner overflow:hidden layer instead.
+      shadowColor: palette.shadow,
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 1,
+      shadowRadius: 8,
+      elevation: 4
+    };
+  }, [geo.diameter, ring, palette.shadow]);
+  const content = icon ?? children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [{
+      transform: [{
+        scale: scaleAnim
+      }]
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      ...(className ? {
+        className
+      } : {}),
+      style: [containerStyle, disabled && styles.disabled],
+      onPress: disabled ? undefined : onPress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      disabled: disabled,
+      hitSlop: hitSlop ?? DEFAULT_HIT_SLOP,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityState: {
+        disabled,
+        selected: active
+      },
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [_reactNative.StyleSheet.absoluteFill, styles.clip],
+        children: [!active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoBlur.BlurView, {
+          intensity: BLUR_INTENSITY,
+          tint: theme.isDark ? 'dark' : 'light',
+          experimentalBlurMethod: "dimezisBlurView",
+          style: _reactNative.StyleSheet.absoluteFill
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [_reactNative.StyleSheet.absoluteFill, {
+            backgroundColor: surface
+          }]
+        })]
+      }), content != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: geo.iconBox,
+          height: geo.iconBox,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: (0, _shared.applyIconColor)(content, iconColor)
+      })]
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  clip: {
+    borderRadius: RADIUS,
+    overflow: 'hidden'
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+const FrostedIconButton = exports.FrostedIconButton = /*#__PURE__*/(0, _react.memo)(FrostedIconButtonComponent);
+FrostedIconButton.displayName = 'FrostedIconButton';
+//# sourceMappingURL=FrostedIconButton.js.map

package/lib/commonjs/frosted-icon-button/FrostedIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_expoBlur","_useTheme","_usePressAnimation","_useInteractionState","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RADIUS","PRESS_SCALE","DEFAULT_HIT_SLOP","top","bottom","left","right","BLUR_INTENSITY","FrostedIconButtonComponent","onPress","icon","children","active","disabled","size","accessibilityLabel","accessibilityHint","style","className","testID","hitSlop","theme","useTheme","geo","useMemo","resolveFrostedSize","palette","resolveFrostedPalette","colors","isDark","scaleAnim","onPressIn","onScalePressIn","onPressOut","onScalePressOut","usePressAnimation","undefined","state","pressed","onIn","onPressedIn","onOut","onPressedOut","useInteractionState","handlePressIn","handlePressOut","highlighted","surface","activeSurface","surfaceHover","ring","ringHover","iconColor","activeIcon","containerStyle","width","diameter","height","borderRadius","alignItems","justifyContent","borderWidth","StyleSheet","hairlineWidth","borderColor","shadowColor","shadow","shadowOffset","shadowOpacity","shadowRadius","elevation","content","jsx","Animated","View","transform","scale","jsxs","Pressable","styles","accessibilityRole","accessibilityState","selected","absoluteFill","clip","BlurView","intensity","tint","experimentalBlurMethod","backgroundColor","iconBox","applyIconColor","create","overflow","opacity","FrostedIconButton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["frosted-icon-button/FrostedIconButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/frosted-icon-button/FrostedIconButton.web.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FrostedIconButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useTheme = require("../theme/use-theme.js");
+var _flattenWebStyle = require("../styles/flatten-web-style.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); }
+const RADIUS = 999;
+const PRESS_SCALE = 0.94;
+
+// ---------------------------------------------------------------------------
+//  Per-state CSS injection
+//
+//  Inline styles cannot express `:hover` / `:focus-visible` / `:active`. We
+//  inject one static stylesheet (keyed by id, once) defining the interaction
+//  behavior for the base `bloom-frosted-icon-btn` class; per-instance resolved
+//  colors are passed in as inline CSS custom properties. Self-injecting the CSS
+//  (rather than exporting a string for consumers to paste) is the Bloom web-fork
+//  convention — an unresolvable rule would fail silently otherwise.
+// ---------------------------------------------------------------------------
+
+const STYLE_ID = 'bloom-frosted-icon-button-web-css';
+const BLOOM_FROSTED_ICON_BUTTON_CSS = `
+.bloom-frosted-icon-btn {
+  appearance: none;
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin: 0;
+  border-style: solid;
+  border-width: 1px;
+  font-family: inherit;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  transition: background-color 140ms ease, border-color 140ms ease,
+    box-shadow 160ms ease, transform 120ms ease;
+}
+.bloom-frosted-icon-btn:disabled,
+.bloom-frosted-icon-btn[aria-disabled="true"] {
+  cursor: default;
+  opacity: 0.5;
+}
+.bloom-frosted-icon-btn:not(:disabled):not([aria-disabled="true"]):not([data-active="true"]):hover {
+  background-color: var(--bloom-frosted-hover-bg);
+  border-color: var(--bloom-frosted-hover-ring);
+}
+.bloom-frosted-icon-btn:not(:disabled):not([aria-disabled="true"]):active {
+  transform: scale(var(--bloom-frosted-press-scale, 1));
+}
+.bloom-frosted-icon-btn:focus-visible {
+  outline: 2px solid var(--bloom-frosted-ring-focus, currentColor);
+  outline-offset: 2px;
+}
+`;
+function useFrostedIconButtonCss() {
+  (0, _react.useEffect)(() => {
+    if (typeof document === 'undefined') return;
+    if (document.getElementById(STYLE_ID)) return;
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = BLOOM_FROSTED_ICON_BUTTON_CSS;
+    document.head.appendChild(style);
+  }, []);
+}
+const FrostedIconButtonWebComponent = ({
+  onPress,
+  onClick,
+  icon,
+  children,
+  active = false,
+  disabled = false,
+  size = 'md',
+  accessibilityLabel,
+  'aria-label': ariaLabelProp,
+  accessibilityHint,
+  style,
+  className,
+  testID,
+  id,
+  title,
+  type = 'button'
+}) => {
+  useFrostedIconButtonCss();
+  const theme = (0, _useTheme.useTheme)();
+  const reactId = (0, _react.useId)();
+  const resolvedId = id ?? `bloom-frosted-icon-btn-${reactId}`;
+  const geo = (0, _react.useMemo)(() => (0, _shared.resolveFrostedSize)(size), [size]);
+  const palette = (0, _react.useMemo)(() => (0, _shared.resolveFrostedPalette)(theme.colors, theme.isDark), [theme.colors, theme.isDark]);
+  const iconColor = active ? palette.activeIcon : palette.icon;
+  const blur = `blur(${geo.blur}px)`;
+  const containerStyle = (0, _react.useMemo)(() => {
+    return {
+      width: geo.diameter,
+      height: geo.diameter,
+      borderRadius: RADIUS,
+      backgroundColor: active ? palette.activeSurface : palette.surface,
+      borderColor: palette.ring,
+      color: iconColor,
+      // Real CSS backdrop blur so the chip frosts over content behind it. The
+      // solid `active` state drops the blur. Both prefixed forms for Safari.
+      backdropFilter: active ? 'none' : blur,
+      WebkitBackdropFilter: active ? 'none' : blur,
+      // Soft shadow kept in BOTH modes so the chip has an edge on a solid bg.
+      boxShadow: `0 2px 8px ${palette.shadow}`,
+      ['--bloom-frosted-hover-bg']: palette.surfaceHover,
+      ['--bloom-frosted-hover-ring']: palette.ringHover,
+      ['--bloom-frosted-ring-focus']: palette.focusRing,
+      ['--bloom-frosted-press-scale']: PRESS_SCALE
+    };
+  }, [geo.diameter, active, palette.activeSurface, palette.surface, palette.ring, palette.surfaceHover, palette.ringHover, palette.focusRing, palette.shadow, iconColor, blur]);
+  const handleClick = (0, _react.useCallback)(event => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+    onPress?.();
+  }, [disabled, onClick, onPress]);
+  const ariaLabel = ariaLabelProp ?? accessibilityLabel;
+  const composedClassName = ['bloom-frosted-icon-btn'].concat(className ? [className] : []).join(' ');
+
+  // `style` is an RN `StyleProp` (array-capable). Flatten before spreading into
+  // the raw DOM `style` object so an array form never leaks numeric keys onto
+  // the element's CSSStyleDeclaration. See `flattenWebStyle` for the rationale.
+  const resolvedStyle = (0, _flattenWebStyle.flattenWebStyle)(style);
+  const content = icon ?? children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    id: resolvedId,
+    type: type,
+    className: composedClassName,
+    style: {
+      ...containerStyle,
+      ...resolvedStyle
+    },
+    onClick: handleClick,
+    disabled: disabled,
+    "aria-disabled": disabled || undefined,
+    "aria-label": ariaLabel,
+    "aria-pressed": active,
+    "data-active": active || undefined,
+    title: title ?? accessibilityHint,
+    "data-testid": testID,
+    children: content != null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: geo.iconBox,
+        height: geo.iconBox
+      },
+      children: (0, _shared.applyIconColor)(content, iconColor)
+    })
+  });
+};
+const FrostedIconButton = exports.FrostedIconButton = /*#__PURE__*/(0, _react.memo)(FrostedIconButtonWebComponent);
+FrostedIconButton.displayName = 'FrostedIconButton';
+//# sourceMappingURL=FrostedIconButton.web.js.map

package/lib/commonjs/frosted-icon-button/FrostedIconButton.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useTheme","_flattenWebStyle","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RADIUS","PRESS_SCALE","STYLE_ID","BLOOM_FROSTED_ICON_BUTTON_CSS","useFrostedIconButtonCss","useEffect","document","getElementById","style","createElement","id","textContent","head","appendChild","FrostedIconButtonWebComponent","onPress","onClick","icon","children","active","disabled","size","accessibilityLabel","ariaLabelProp","accessibilityHint","className","testID","title","type","theme","useTheme","reactId","useId","resolvedId","geo","useMemo","resolveFrostedSize","palette","resolveFrostedPalette","colors","isDark","iconColor","activeIcon","blur","containerStyle","width","diameter","height","borderRadius","backgroundColor","activeSurface","surface","borderColor","ring","color","backdropFilter","WebkitBackdropFilter","boxShadow","shadow","surfaceHover","ringHover","focusRing","handleClick","useCallback","event","preventDefault","ariaLabel","composedClassName","concat","join","resolvedStyle","flattenWebStyle","content","jsx","undefined","display","alignItems","justifyContent","iconBox","applyIconColor","FrostedIconButton","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["frosted-icon-button/FrostedIconButton.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/frosted-icon-button/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FrostedIconButton", {
+  enumerable: true,
+  get: function () {
+    return _FrostedIconButton.FrostedIconButton;
+  }
+});
+var _FrostedIconButton = require("./FrostedIconButton");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/frosted-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FrostedIconButton","require"],"sourceRoot":"../../../src","sources":["frosted-icon-button/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/frosted-icon-button/index.web.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FrostedIconButton", {
+  enumerable: true,
+  get: function () {
+    return _FrostedIconButtonWeb.FrostedIconButton;
+  }
+});
+var _FrostedIconButtonWeb = require("./FrostedIconButton.web.js");
+//# sourceMappingURL=index.web.js.map

package/lib/commonjs/frosted-icon-button/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FrostedIconButtonWeb","require"],"sourceRoot":"../../../src","sources":["frosted-icon-button/index.web.ts"],"mappings":";;;;;;;;;;;AAOA,IAAAA,qBAAA,GAAAC,OAAA","ignoreList":[]}