@oxyhq/bloom 0.89.0 → 1.0.1

package/lib/module/hooks/use-interaction-state.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+
+/**
+ * Tracks a single boolean interaction flag (hovered / focused / pressed).
+ *
+ * Returns a memoized `{ state, onIn, onOut }` with stable handler identities,
+ * suitable for spreading onto Pressable-like components.
+ */
+export function useInteractionState() {
+  const [state, setState] = useState(false);
+  const onIn = useCallback(() => {
+    setState(true);
+  }, []);
+  const onOut = useCallback(() => {
+    setState(false);
+  }, []);
+  return useMemo(() => ({
+    state,
+    onIn,
+    onOut
+  }), [state, onIn, onOut]);
+}
+
+/**
+ * Tracks multiple interaction states (hovered, focused, pressed) in one hook.
+ *
+ * Returns stable handler objects suitable for spreading onto Pressable-like components.
+ * On web, `hoverHandlers` can be spread as `onMouseEnter`/`onMouseLeave`.
+ */
+export function useInteractionStates() {
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  return {
+    hovered,
+    focused,
+    pressed,
+    hoverHandlers: {
+      onHoverIn,
+      onHoverOut
+    },
+    focusHandlers: {
+      onFocus,
+      onBlur
+    },
+    pressHandlers: {
+      onPressIn,
+      onPressOut
+    }
+  };
+}
+//# sourceMappingURL=use-interaction-state.js.map

package/lib/module/hooks/use-interaction-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","useInteractionState","state","setState","onIn","onOut","useInteractionStates","hovered","onHoverIn","onHoverOut","focused","onFocus","onBlur","pressed","onPressIn","onPressOut","hoverHandlers","focusHandlers","pressHandlers"],"sourceRoot":"../../../src","sources":["hooks/use-interaction-state.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACpC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC;EAEzC,MAAMI,IAAI,GAAGN,WAAW,CAAC,MAAM;IAC7BK,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,KAAK,GAAGP,WAAW,CAAC,MAAM;IAC9BK,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO,CAAC,OAAO;IAAEG,KAAK;IAAEE,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAE,CAACH,KAAK,EAAEE,IAAI,EAAEC,KAAK,CAAC,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAA,EAAG;EACrC,MAAM;IAAEJ,KAAK,EAAEK,OAAO;IAAEH,IAAI,EAAEI,SAAS;IAAEH,KAAK,EAAEI;EAAW,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACpF,MAAM;IAAEC,KAAK,EAAEQ,OAAO;IAAEN,IAAI,EAAEO,OAAO;IAAEN,KAAK,EAAEO;EAAO,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC9E,MAAM;IAAEC,KAAK,EAAEW,OAAO;IAAET,IAAI,EAAEU,SAAS;IAAET,KAAK,EAAEU;EAAW,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAEpF,OAAO;IACLM,OAAO;IACPG,OAAO;IACPG,OAAO;IACPG,aAAa,EAAE;MAAER,SAAS;MAAEC;IAAW,CAAU;IACjDQ,aAAa,EAAE;MAAEN,OAAO;MAAEC;IAAO,CAAU;IAC3CM,aAAa,EAAE;MAAEJ,SAAS;MAAEC;IAAW;EACzC,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/use-press-animation.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import { Animated } from 'react-native';
+import { useReducedMotion } from 'react-native-reanimated';
+import { animation } from "../styles/tokens.js";
+import { SUPPORTS_NATIVE_DRIVER } from "../styles/native-driver.js";
+import { SUPPORTS_PRESS_SCALE } from "../styles/pointer.js";
+
+/**
+ * Hook that provides press-scale animation feedback.
+ *
+ * Returns an `Animated.Value` for the scale transform and press-in/press-out
+ * handlers that spring the value between 1 and the target scale.
+ *
+ * THE TWO SUPPRESSION RULES LIVE HERE, not at the call sites, because this is
+ * the mechanism all SEVEN press-scaling families share (`Button`, `Fab`, `Chip`,
+ * `Tabs`, `Checkbox`, `Radio`, `FrostedIconButton`). They used to live only in
+ * `PressableScale`, the mechanism with a dozen consumers rather than seven — so
+ * every button in the ecosystem animated straight through a user's "reduce
+ * motion" setting while `PressableScale` honoured it:
+ *
+ * - **Reduce motion.** An OS accessibility setting, so it is a subscription and
+ *   is read per-component rather than resolved once at module load.
+ * - **Pointer type.** The affordance exists because a finger COVERS what it
+ *   presses; under a mouse the same scale reads as jitter. Suppressed on
+ *   non-touch web, native always animates.
+ *
+ * When either rule suppresses it, `enabled` is false and the handlers are inert
+ * — `scaleAnim` stays parked at 1, so a caller can keep passing it into a
+ * transform unconditionally and simply gets no movement.
+ *
+ * `pressScale` is REQUIRED and takes `undefined` to mean "no press animation" —
+ * which is how `Button`, `Fab`, `FrostedIconButton` and `Checkbox` express their
+ * disabled state. It used to carry a `= 0.97` default, and a JS default
+ * parameter fires on an EXPLICIT `undefined`, so that documented escape hatch
+ * resolved to 0.97 and disabled nothing. Latent rather than live — each of those
+ * call sites also withholds its press handlers when disabled, so the hook was
+ * never driven — but the default is gone rather than papered over, and every
+ * caller already passes an argument. Do not reintroduce it: a default and an
+ * `undefined`-means-off parameter cannot coexist.
+ *
+ * HOW FAR it shrinks is not this module's decision and is not a per-caller one
+ * either: every family passes `animation.pressScale`, the single token in
+ * `styles/tokens.ts`. It lives there rather than here because the raw-DOM web
+ * forks read the same number and must not import react-native to get it.
+ *
+ * @param pressScale - Scale value when pressed (`animation.pressScale`), or
+ *   `undefined` for none.
+ */
+export function usePressAnimation(pressScale) {
+  const scaleAnim = useRef(new Animated.Value(1)).current;
+  const reducedMotion = useReducedMotion();
+  const enabled = pressScale !== undefined && SUPPORTS_PRESS_SCALE && !reducedMotion;
+  const onPressIn = useCallback(() => {
+    if (pressScale === undefined || !enabled) return;
+    Animated.spring(scaleAnim, {
+      toValue: pressScale,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
+      ...animation.spring.snappy
+    }).start();
+  }, [scaleAnim, enabled, pressScale]);
+  const onPressOut = useCallback(() => {
+    if (!enabled) return;
+    Animated.spring(scaleAnim, {
+      toValue: 1,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
+      ...animation.spring.gentle
+    }).start();
+  }, [scaleAnim, enabled]);
+  return {
+    scaleAnim,
+    onPressIn,
+    onPressOut,
+    enabled
+  };
+}
+//# sourceMappingURL=use-press-animation.js.map

package/lib/module/hooks/use-press-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","Animated","useReducedMotion","animation","SUPPORTS_NATIVE_DRIVER","SUPPORTS_PRESS_SCALE","usePressAnimation","pressScale","scaleAnim","Value","current","reducedMotion","enabled","undefined","onPressIn","spring","toValue","useNativeDriver","snappy","start","onPressOut","gentle"],"sourceRoot":"../../../src","sources":["hooks/use-press-animation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,gBAAgB,QAAQ,yBAAyB;AAE1D,SAASC,SAAS,QAAQ,qBAAkB;AAC5C,SAASC,sBAAsB,QAAQ,4BAAyB;AAChE,SAASC,oBAAoB,QAAQ,sBAAmB;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,UAA8B,EAAE;EAChE,MAAMC,SAAS,GAAGR,MAAM,CAAC,IAAIC,QAAQ,CAACQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACvD,MAAMC,aAAa,GAAGT,gBAAgB,CAAC,CAAC;EACxC,MAAMU,OAAO,GAAGL,UAAU,KAAKM,SAAS,IAAIR,oBAAoB,IAAI,CAACM,aAAa;EAElF,MAAMG,SAAS,GAAGf,WAAW,CAAC,MAAM;IAClC,IAAIQ,UAAU,KAAKM,SAAS,IAAI,CAACD,OAAO,EAAE;IAC1CX,QAAQ,CAACc,MAAM,CAACP,SAAS,EAAE;MACzBQ,OAAO,EAAET,UAAU;MACnBU,eAAe,EAAEb,sBAAsB;MACvC,GAAGD,SAAS,CAACY,MAAM,CAACG;IACtB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,SAAS,EAAEI,OAAO,EAAEL,UAAU,CAAC,CAAC;EAEpC,MAAMa,UAAU,GAAGrB,WAAW,CAAC,MAAM;IACnC,IAAI,CAACa,OAAO,EAAE;IACdX,QAAQ,CAACc,MAAM,CAACP,SAAS,EAAE;MACzBQ,OAAO,EAAE,CAAC;MACVC,eAAe,EAAEb,sBAAsB;MACvC,GAAGD,SAAS,CAACY,MAAM,CAACM;IACtB,CAAC,CAAC,CAACF,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,SAAS,EAAEI,OAAO,CAAC,CAAC;EAExB,OAAO;IAAEJ,SAAS;IAAEM,SAAS;IAAEM,UAAU;IAAER;EAAQ,CAAC;AACtD","ignoreList":[]}

package/lib/module/hooks/use-throttled-value.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+
+/**
+ * Returns a throttled version of the value that only updates at most once per `time` ms.
+ */
+export function useThrottledValue(value, time) {
+  const [throttledValue, setThrottledValue] = useState(value);
+  const timeoutRef = useRef(null);
+  useEffect(() => {
+    if (value === throttledValue) {
+      return;
+    }
+    if (timeoutRef.current !== null) {
+      // A timeout is already pending; it will pick up the latest value via closure.
+      return;
+    }
+    timeoutRef.current = setTimeout(() => {
+      timeoutRef.current = null;
+      setThrottledValue(value);
+    }, time);
+    return () => {
+      if (timeoutRef.current !== null) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [value, time, throttledValue]);
+  return throttledValue;
+}
+//# sourceMappingURL=use-throttled-value.js.map

package/lib/module/hooks/use-throttled-value.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","useThrottledValue","value","time","throttledValue","setThrottledValue","timeoutRef","current","setTimeout","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/use-throttled-value.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAEnD;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAIC,KAAQ,EAAEC,IAAY,EAAE;EAC3D,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,QAAQ,CAACE,KAAK,CAAC;EAC3D,MAAMI,UAAU,GAAGP,MAAM,CAAuC,IAAI,CAAC;EAErED,SAAS,CAAC,MAAM;IACd,IAAII,KAAK,KAAKE,cAAc,EAAE;MAC5B;IACF;IAEA,IAAIE,UAAU,CAACC,OAAO,KAAK,IAAI,EAAE;MAC/B;MACA;IACF;IAEAD,UAAU,CAACC,OAAO,GAAGC,UAAU,CAAC,MAAM;MACpCF,UAAU,CAACC,OAAO,GAAG,IAAI;MACzBF,iBAAiB,CAACH,KAAK,CAAC;IAC1B,CAAC,EAAEC,IAAI,CAAC;IAER,OAAO,MAAM;MACX,IAAIG,UAAU,CAACC,OAAO,KAAK,IAAI,EAAE;QAC/BE,YAAY,CAACH,UAAU,CAACC,OAAO,CAAC;QAChCD,UAAU,CAACC,OAAO,GAAG,IAAI;MAC3B;IACF,CAAC;EACH,CAAC,EAAE,CAACL,KAAK,EAAEC,IAAI,EAAEC,cAAc,CAAC,CAAC;EAEjC,OAAOA,cAAc;AACvB","ignoreList":[]}

package/lib/module/icon-circle/IconCircle.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { borderRadius } from "../styles/tokens.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconCircleComponent = function IconCircle({
+  icon: Icon,
+  size = 'xl',
+  style,
+  iconStyle
+}) {
+  const {
+    colors
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: borderRadius.full,
+      width: size === 'lg' ? 52 : 64,
+      height: size === 'lg' ? 52 : 64,
+      backgroundColor: colors.primarySubtle
+    }, style],
+    children: /*#__PURE__*/_jsx(Icon, {
+      size: size,
+      style: [{
+        color: colors.primary
+      }, iconStyle]
+    })
+  });
+};
+export const IconCircle = /*#__PURE__*/memo(IconCircleComponent);
+IconCircle.displayName = 'IconCircle';
+//# sourceMappingURL=IconCircle.js.map

package/lib/module/icon-circle/IconCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","useTheme","borderRadius","jsx","_jsx","IconCircleComponent","IconCircle","icon","Icon","size","style","iconStyle","colors","justifyContent","alignItems","full","width","height","backgroundColor","primarySubtle","children","color","primary","displayName"],"sourceRoot":"../../../src","sources":["icon-circle/IconCircle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,YAAY,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,mBAAmB,GAAG,SAASC,UAAUA,CAAC;EAC9CC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAE7B,oBACEG,IAAA,CAACJ,IAAI;IACHU,KAAK,EAAE,CACL;MACEG,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBZ,YAAY,EAAEA,YAAY,CAACa,IAAI;MAC/BC,KAAK,EAAEP,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;MAC9BQ,MAAM,EAAER,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;MAC/BS,eAAe,EAAEN,MAAM,CAACO;IAC1B,CAAC,EACDT,KAAK,CACL;IAAAU,QAAA,eACFhB,IAAA,CAACI,IAAI;MAACC,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAE,CAAC;QAAEW,KAAK,EAAET,MAAM,CAACU;MAAQ,CAAC,EAAEX,SAAS;IAAE,CAAE;EAAC,CAC/D,CAAC;AAEX,CAAC;AAED,OAAO,MAAML,UAAU,gBAAGP,IAAI,CAACM,mBAAmB,CAAC;AACnDC,UAAU,CAACiB,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/icon-circle/index.js

@@ -1,35 +1,4 @@
 "use strict";
 
-import React, { memo } from 'react';
-import { View } from 'react-native';
-import { useTheme } from "../theme/use-theme.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const IconCircleComponent = function IconCircle({
-  icon: Icon,
-  size = 'xl',
-  style,
-  iconStyle
-}) {
-  const {
-    colors
-  } = useTheme();
-  return /*#__PURE__*/_jsx(View, {
-    style: [{
-      justifyContent: 'center',
-      alignItems: 'center',
-      borderRadius: 999,
-      width: size === 'lg' ? 52 : 64,
-      height: size === 'lg' ? 52 : 64,
-      backgroundColor: colors.primarySubtle
-    }, style],
-    children: /*#__PURE__*/_jsx(Icon, {
-      size: size,
-      style: [{
-        color: colors.primary
-      }, iconStyle]
-    })
-  });
-};
-export const IconCircle = /*#__PURE__*/memo(IconCircleComponent);
-IconCircle.displayName = 'IconCircle';
+export { IconCircle } from "./IconCircle.js";
 //# sourceMappingURL=index.js.map

package/lib/module/icon-circle/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","useTheme","jsx","_jsx","IconCircleComponent","IconCircle","icon","Icon","size","style","iconStyle","colors","justifyContent","alignItems","borderRadius","width","height","backgroundColor","primarySubtle","children","color","primary","displayName"],"sourceRoot":"../../../src","sources":["icon-circle/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,QAAQ,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,MAAMC,mBAAmB,GAAG,SAASC,UAAUA,CAAC;EAC9CC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAE7B,oBACEE,IAAA,CAACH,IAAI;IACHS,KAAK,EAAE,CACL;MACEG,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,GAAG;MACjBC,KAAK,EAAEP,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;MAC9BQ,MAAM,EAAER,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;MAC/BS,eAAe,EAAEN,MAAM,CAACO;IAC1B,CAAC,EACDT,KAAK,CACL;IAAAU,QAAA,eACFhB,IAAA,CAACI,IAAI;MAACC,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAE,CAAC;QAAEW,KAAK,EAAET,MAAM,CAACU;MAAQ,CAAC,EAAEX,SAAS;IAAE,CAAE;EAAC,CAC/D,CAAC;AAEX,CAAC;AAED,OAAO,MAAML,UAAU,gBAAGN,IAAI,CAACK,mBAAmB,CAAC;AACnDC,UAAU,CAACiB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["IconCircle"],"sourceRoot":"../../../src","sources":["icon-circle/index.ts"],"mappings":";;AAAA,SACEA,UAAU,QACL,iBAAc","ignoreList":[]}

package/lib/module/icons/Logo.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import Svg, { Path } from 'react-native-svg';
-import { useCommonSVGProps } from "./common.js";
+import { useCommonSVGProps } from "./shared.js";
 import { createSinglePathSVG } from "./TEMPLATE.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Mark = createSinglePathSVG({

package/lib/module/icons/TEMPLATE.js

@@ -2,7 +2,7 @@
 
 import { forwardRef } from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { useCommonSVGProps } from "./common.js";
+import { useCommonSVGProps } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function createSinglePathSVG({
   path,

package/lib/module/icons/VerifiedCheck.js

@@ -2,7 +2,7 @@
 
 import { forwardRef } from 'react';
 import Svg, { Circle, Path } from 'react-native-svg';
-import { useCommonSVGProps } from "./common.js";
+import { useCommonSVGProps } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const VerifiedCheck = /*#__PURE__*/forwardRef(function VerifiedCheckImpl(props, ref) {
   const {

package/lib/module/icons/VerifierCheck.js

@@ -2,7 +2,7 @@
 
 import { forwardRef } from 'react';
 import Svg, { Path } from 'react-native-svg';
-import { useCommonSVGProps } from "./common.js";
+import { useCommonSVGProps } from "./shared.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const VerifierCheck = /*#__PURE__*/forwardRef(function VerifierCheckImpl(props, ref) {
   const {

package/lib/module/icons/index.js

@@ -152,5 +152,5 @@ export * from "./Warning.js";
 export * from "./Window.js";
 export * from "./Wrench.js";
 export * from "./Zap.js";
-export { sizes, useCommonSVGProps } from "./common.js";
+export { sizes, useCommonSVGProps } from "./shared.js";
 //# sourceMappingURL=index.js.map

package/lib/module/icons/shared.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Defs, LinearGradient, Stop } from 'react-native-svg';
+import { useTheme } from "../theme/use-theme.js";
+import { gradients } from "../styles/tokens.js";
+
+/**
+ * Style prop for Bloom icons. Icons render via `<Svg>`, which is a View-like
+ * host, so the style must be View-compatible. A `color` field is allowed as a
+ * convenience for consumers who set fill via the CSS `color` shorthand (the
+ * icon reads this as a fallback fill when no explicit `fill` prop is given).
+ *
+ * Note: we intentionally avoid `TextStyle` here — React Native 0.84 introduced
+ * `cursor: CursorValue` on `ViewStyle` while `expo/types/react-native-web`
+ * augments `TextStyle.cursor` to `string`, and the resulting invariance
+ * breaks assignment of `StyleProp<TextStyle>` to `<Svg>`'s style slot.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const sizes = {
+  '2xs': 8,
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 28,
+  '2xl': 32,
+  '3xl': 48
+};
+export function useCommonSVGProps(props) {
+  const {
+    colors
+  } = useTheme();
+  const reactId = React.useId();
+  const {
+    fill,
+    size,
+    gradient,
+    ...rest
+  } = props;
+  const style = StyleSheet.flatten(rest.style);
+  const _size = Number(size ? sizes[size] : rest.width || sizes.md);
+  let _fill = fill ?? style?.color ?? colors.primary;
+  let gradientDef = null;
+  if (gradient && gradients[gradient]) {
+    const id = `${reactId}-${gradient}`;
+    const config = gradients[gradient];
+    _fill = `url(#${id})`;
+    gradientDef = /*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        id: id,
+        x1: "0",
+        y1: "0",
+        x2: "100%",
+        y2: "0",
+        gradientTransform: "rotate(45)",
+        children: config.values.map(([stop, fillColor]) => /*#__PURE__*/_jsx(Stop, {
+          offset: String(stop),
+          stopColor: fillColor
+        }, String(stop)))
+      })
+    });
+  }
+  return {
+    fill: _fill,
+    size: _size,
+    style,
+    gradient: gradientDef,
+    ...rest
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/icons/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Defs","LinearGradient","Stop","useTheme","gradients","jsx","_jsx","sizes","xs","sm","md","lg","xl","useCommonSVGProps","props","colors","reactId","useId","fill","size","gradient","rest","style","flatten","_size","Number","width","_fill","color","primary","gradientDef","id","config","children","x1","y1","x2","y2","gradientTransform","values","map","stop","fillColor","offset","String","stopColor"],"sourceRoot":"../../../src","sources":["icons/shared.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAyD,cAAc;AAE1F,SAASC,IAAI,EAAEC,cAAc,EAAEC,IAAI,QAAQ,kBAAkB;AAE7D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,SAAS,QAAQ,qBAAkB;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAAAC,GAAA,IAAAC,IAAA;AAoBA,OAAO,MAAMC,KAAK,GAAG;EACnB,KAAK,EAAE,CAAC;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAC7B,MAAMa,OAAO,GAAGlB,KAAK,CAACmB,KAAK,CAAC,CAAC;EAC7B,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAC/C,MAAMQ,KAAK,GAAGvB,UAAU,CAACwB,OAAO,CAAYF,IAAI,CAACC,KAAK,CAAC;EACvD,MAAME,KAAK,GAAGC,MAAM,CAACN,IAAI,GAAGZ,KAAK,CAACY,IAAI,CAAC,GAAGE,IAAI,CAACK,KAAK,IAAInB,KAAK,CAACG,EAAE,CAAC;EACjE,IAAIiB,KAAwB,GAAGT,IAAI,IAAII,KAAK,EAAEM,KAAK,IAAIb,MAAM,CAACc,OAAO;EACrE,IAAIC,WAAW,GAAG,IAAI;EAEtB,IAAIV,QAAQ,IAAIhB,SAAS,CAACgB,QAAQ,CAAC,EAAE;IACnC,MAAMW,EAAE,GAAG,GAAGf,OAAO,IAAII,QAAQ,EAAE;IACnC,MAAMY,MAAM,GAAG5B,SAAS,CAACgB,QAAQ,CAAC;IAClCO,KAAK,GAAG,QAAQI,EAAE,GAAG;IACrBD,WAAW,gBACTxB,IAAA,CAACN,IAAI;MAAAiC,QAAA,eACH3B,IAAA,CAACL,cAAc;QACb8B,EAAE,EAAEA,EAAG;QACPG,EAAE,EAAC,GAAG;QACNC,EAAE,EAAC,GAAG;QACNC,EAAE,EAAC,MAAM;QACTC,EAAE,EAAC,GAAG;QACNC,iBAAiB,EAAC,YAAY;QAAAL,QAAA,EAC7BD,MAAM,CAACO,MAAM,CAACC,GAAG,CAAC,CAAC,CAACC,IAAI,EAAEC,SAAS,CAAC,kBACnCpC,IAAA,CAACJ,IAAI;UAAoByC,MAAM,EAAEC,MAAM,CAACH,IAAI,CAAE;UAACI,SAAS,EAAEH;QAAU,GAAzDE,MAAM,CAACH,IAAI,CAAgD,CACvE;MAAC,CACY;IAAC,CACb,CACP;EACH;EAEA,OAAO;IACLvB,IAAI,EAAES,KAAK;IACXR,IAAI,EAAEK,KAAK;IACXF,KAAK;IACLF,QAAQ,EAAEU,WAAW;IACrB,GAAGT;EACL,CAAC;AACH","ignoreList":[]}

package/lib/module/image-aspect-ratio-cache/aspect-ratio-cache.js

@@ -0,0 +1,73 @@
+"use strict";
+
+/**
+ * Shared module-scoped cache of image aspect ratios (width / height), keyed by
+ * the image source URI.
+ *
+ * Intended for a thumbnail renderer and a fullscreen viewer (e.g.
+ * `@oxyhq/bloom/zoomable-image-gallery`) sharing the SAME image URI to read
+ * from and write to this one map, so an image already resolved as a thumbnail
+ * has its ratio on hand when it opens "big" — no second cache, no duplicate
+ * `Image.getSize` round-trip on the hot path. If the two surfaces render
+ * different URI variants of the same image (e.g. a smaller thumbnail variant
+ * vs. a larger lightbox variant), pass the known ratio through explicitly
+ * (`GalleryImage.aspectRatio`) instead of relying on cache-key reuse.
+ */
+import { Image } from 'react-native';
+
+/** Fallback ratio used when a remote image's intrinsic size cannot be read. */
+export const DEFAULT_ASPECT_RATIO = 4 / 3;
+const aspectRatioCache = new Map();
+
+/**
+ * Intrinsic pixel size, recorded whenever we had to read it anyway (the
+ * `Image.getSize` behind `fetchAspectRatio`). A viewer needs it to avoid
+ * blowing a small image up past its own resolution — a ratio alone cannot say
+ * how big "big" is allowed to be.
+ */
+
+const intrinsicSizeCache = new Map();
+
+/** Intrinsic size for `uri`, when it has already been measured. */
+export const getIntrinsicSize = uri => intrinsicSizeCache.get(uri);
+export const getAspectRatio = uri => aspectRatioCache.get(uri);
+export const hasAspectRatio = uri => aspectRatioCache.has(uri);
+export const setAspectRatio = (uri, ratio) => {
+  if (uri && ratio > 0 && Number.isFinite(ratio)) {
+    aspectRatioCache.set(uri, ratio);
+  }
+};
+
+/**
+ * Resolve the aspect ratio for `uri`, returning the cached value immediately on
+ * a hit and otherwise fetching the intrinsic size via `Image.getSize`, writing
+ * the result back into the shared cache. On failure the shared
+ * `DEFAULT_ASPECT_RATIO` is cached and returned so callers never deadlock on a
+ * broken image.
+ */
+export const fetchAspectRatio = uri => {
+  const cached = aspectRatioCache.get(uri);
+  if (cached !== undefined) {
+    return Promise.resolve(cached);
+  }
+  return new Promise(resolve => {
+    Image.getSize(uri, (width, height) => {
+      if (width > 0 && height > 0) {
+        const ratio = width / height;
+        aspectRatioCache.set(uri, ratio);
+        intrinsicSizeCache.set(uri, {
+          width,
+          height
+        });
+        resolve(ratio);
+        return;
+      }
+      aspectRatioCache.set(uri, DEFAULT_ASPECT_RATIO);
+      resolve(DEFAULT_ASPECT_RATIO);
+    }, () => {
+      aspectRatioCache.set(uri, DEFAULT_ASPECT_RATIO);
+      resolve(DEFAULT_ASPECT_RATIO);
+    });
+  });
+};
+//# sourceMappingURL=aspect-ratio-cache.js.map

package/lib/module/image-aspect-ratio-cache/aspect-ratio-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","DEFAULT_ASPECT_RATIO","aspectRatioCache","Map","intrinsicSizeCache","getIntrinsicSize","uri","get","getAspectRatio","hasAspectRatio","has","setAspectRatio","ratio","Number","isFinite","set","fetchAspectRatio","cached","undefined","Promise","resolve","getSize","width","height"],"sourceRoot":"../../../src","sources":["image-aspect-ratio-cache/aspect-ratio-cache.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,cAAc;;AAEpC;AACA,OAAO,MAAMC,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAEzC,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,CAAiB,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMC,kBAAkB,GAAG,IAAID,GAAG,CAAwB,CAAC;;AAE3D;AACA,OAAO,MAAME,gBAAgB,GAAIC,GAAW,IAC1CF,kBAAkB,CAACG,GAAG,CAACD,GAAG,CAAC;AAE7B,OAAO,MAAME,cAAc,GAAIF,GAAW,IAAyBJ,gBAAgB,CAACK,GAAG,CAACD,GAAG,CAAC;AAE5F,OAAO,MAAMG,cAAc,GAAIH,GAAW,IAAcJ,gBAAgB,CAACQ,GAAG,CAACJ,GAAG,CAAC;AAEjF,OAAO,MAAMK,cAAc,GAAGA,CAACL,GAAW,EAAEM,KAAa,KAAW;EAClE,IAAIN,GAAG,IAAIM,KAAK,GAAG,CAAC,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;IAC9CV,gBAAgB,CAACa,GAAG,CAACT,GAAG,EAAEM,KAAK,CAAC;EAClC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,gBAAgB,GAAIV,GAAW,IAAsB;EAChE,MAAMW,MAAM,GAAGf,gBAAgB,CAACK,GAAG,CAACD,GAAG,CAAC;EACxC,IAAIW,MAAM,KAAKC,SAAS,EAAE;IACxB,OAAOC,OAAO,CAACC,OAAO,CAACH,MAAM,CAAC;EAChC;EACA,OAAO,IAAIE,OAAO,CAAUC,OAAO,IAAK;IACtCpB,KAAK,CAACqB,OAAO,CACXf,GAAG,EACH,CAACgB,KAAK,EAAEC,MAAM,KAAK;MACjB,IAAID,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;QAC3B,MAAMX,KAAK,GAAGU,KAAK,GAAGC,MAAM;QAC5BrB,gBAAgB,CAACa,GAAG,CAACT,GAAG,EAAEM,KAAK,CAAC;QAChCR,kBAAkB,CAACW,GAAG,CAACT,GAAG,EAAE;UAAEgB,KAAK;UAAEC;QAAO,CAAC,CAAC;QAC9CH,OAAO,CAACR,KAAK,CAAC;QACd;MACF;MACAV,gBAAgB,CAACa,GAAG,CAACT,GAAG,EAAEL,oBAAoB,CAAC;MAC/CmB,OAAO,CAACnB,oBAAoB,CAAC;IAC/B,CAAC,EACD,MAAM;MACJC,gBAAgB,CAACa,GAAG,CAACT,GAAG,EAAEL,oBAAoB,CAAC;MAC/CmB,OAAO,CAACnB,oBAAoB,CAAC;IAC/B,CACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/image-aspect-ratio-cache/index.js

@@ -1,4 +1,4 @@
 "use strict";
 
-export { getIntrinsicSize, getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO } from "./imageAspectRatioCache.js";
+export { getIntrinsicSize, getAspectRatio, hasAspectRatio, setAspectRatio, fetchAspectRatio, DEFAULT_ASPECT_RATIO } from "./aspect-ratio-cache.js";
 //# sourceMappingURL=index.js.map

package/lib/module/image-aspect-ratio-cache/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["getIntrinsicSize","getAspectRatio","hasAspectRatio","setAspectRatio","fetchAspectRatio","DEFAULT_ASPECT_RATIO"],"sourceRoot":"../../../src","sources":["image-aspect-ratio-cache/index.ts"],"mappings":";;AACA,SACEA,gBAAgB,EAChBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAChBC,oBAAoB,QACf,4BAAyB","ignoreList":[]}
+{"version":3,"names":["getIntrinsicSize","getAspectRatio","hasAspectRatio","setAspectRatio","fetchAspectRatio","DEFAULT_ASPECT_RATIO"],"sourceRoot":"../../../src","sources":["image-aspect-ratio-cache/index.ts"],"mappings":";;AACA,SACEA,gBAAgB,EAChBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAChBC,oBAAoB,QACf,yBAAsB","ignoreList":[]}