@oxyhq/bloom 0.89.0 → 1.0.0

package/lib/commonjs/toast/use-toast-colors.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _useTheme = require("../theme/use-theme.js");
 /**
  * Replaces sonner-native v0.26.4's `src/use-colors.ts` + `src/use-default-styles.ts`
- * (MIT © Gunnar Torfi Steinarsson — see the top-level NOTICE) and absorbs the
+ * (MIT © Gunnar Torfi Steinarsson) and absorbs the
  * colour logic from Bloom's previous `Toast.tsx`.
  *
  * Upstream ships two hardcoded light/dark palettes and picks between them from
@@ -29,9 +29,13 @@ var _useTheme = require("../theme/use-theme.js");
  * `richColors` was switched on. `richColors` means "show the status colour more
  * prominently", never "switch to the brand palette".
  *
- * Genuinely tinted status SURFACES would need a `successSubtle` / `errorSubtle` /
- * `warningSubtle` / `infoSubtle` token family — a theme addition, not something to
- * fake here from a brand pair or a derived alpha.
+ * That family now EXISTS — `successSubtle` / `errorSubtle` / `warningSubtle` /
+ * `infoSubtle`, each with its legible `*SubtleForeground` — so a tinted status
+ * surface is finally expressible without faking one from a brand pair or a
+ * derived alpha. The toast still does not take it: the neutral surface is the
+ * sonner behaviour Bloom deliberately matches, and `richColors` means "show the
+ * status colour more prominently", never "tint the card". Anything that DOES want
+ * a tinted status surface (a status pill, chip or badge) reads the pair.
  *
  * An ABSENT variant is a first-class case: a plain `toast('Saved')` renders the
  * neutral surface with no variant icon at all. It must never fall back to `info`.

package/lib/commonjs/toast/use-toast-colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useTheme","statusColor","variant","colors","success","error","warning","info","undefined","resolveColors","richColors","status","neutral","surface","backgroundSecondary","border","title","text","description","textSecondary","icon","closeButton","action","background","backgroundTertiary","pressedBackground","contrast50","pressedText","cancelText","useToastColors","useTheme","useMemo"],"sourceRoot":"../../../src","sources":["toast/use-toast-colors.ts"],"mappings":";;;;;;AA8BA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAhCA;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;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,WAAWA,CAClBC,OAAiC,EACjCC,MAAmB,EACC;EACpB,QAAQD,OAAO;IACb,KAAK,SAAS;MACZ,OAAOC,MAAM,CAACC,OAAO;IACvB,KAAK,OAAO;MACV,OAAOD,MAAM,CAACE,KAAK;IACrB,KAAK,SAAS;MACZ,OAAOF,MAAM,CAACG,OAAO;IACvB,KAAK,MAAM;MACT,OAAOH,MAAM,CAACI,IAAI;IACpB,KAAK,SAAS;IACd,KAAKC,SAAS;MACZ,OAAOA,SAAS;EACpB;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAC;EACrBP,OAAO;EACPQ,UAAU;EACVP;AAKF,CAAC,EAAe;EACd,MAAMQ,MAAM,GAAGV,WAAW,CAACC,OAAO,EAAEC,MAAM,CAAC;;EAE3C;EACA;EACA,MAAMS,OAAoB,GAAG;IAC3BC,OAAO,EAAEV,MAAM,CAACW,mBAAmB;IACnCC,MAAM,EAAEZ,MAAM,CAACY,MAAM;IACrBC,KAAK,EAAEb,MAAM,CAACc,IAAI;IAClBC,WAAW,EAAEf,MAAM,CAACgB,aAAa;IACjCC,IAAI,EAAET,MAAM,IAAIR,MAAM,CAACgB,aAAa;IACpCE,WAAW,EAAElB,MAAM,CAACgB,aAAa;IACjCG,MAAM,EAAE;MACNC,UAAU,EAAEpB,MAAM,CAACqB,kBAAkB;MACrCP,IAAI,EAAEd,MAAM,CAACgB,aAAa;MAC1BM,iBAAiB,EAAEtB,MAAM,CAACuB,UAAU;MACpCC,WAAW,EAAExB,MAAM,CAACc;IACtB,CAAC;IACDW,UAAU,EAAEzB,MAAM,CAACgB;EACrB,CAAC;EAED,IAAI,CAACT,UAAU,IAAIC,MAAM,KAAKH,SAAS,EAAE;IACvC,OAAOI,OAAO;EAChB;EACA,OAAO;IAAE,GAAGA,OAAO;IAAEG,MAAM,EAAEJ,MAAM;IAAEK,KAAK,EAAEL;EAAO,CAAC;AACtD;AAEO,SAASkB,cAAcA,CAAC;EAC7B3B,OAAO;EACPQ;AAIF,CAAC,EAAe;EACd,MAAM;IAAEP;EAAO,CAAC,GAAG,IAAA2B,kBAAQ,EAAC,CAAC;EAC7B,OAAO,IAAAC,cAAO,EACZ,MAAMtB,aAAa,CAAC;IAAEP,OAAO;IAAEQ,UAAU;IAAEP;EAAO,CAAC,CAAC,EACpD,CAACD,OAAO,EAAEQ,UAAU,EAAEP,MAAM,CAC9B,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","_useTheme","statusColor","variant","colors","success","error","warning","info","undefined","resolveColors","richColors","status","neutral","surface","backgroundSecondary","border","title","text","description","textSecondary","icon","closeButton","action","background","backgroundTertiary","pressedBackground","contrast50","pressedText","cancelText","useToastColors","useTheme","useMemo"],"sourceRoot":"../../../src","sources":["toast/use-toast-colors.ts"],"mappings":";;;;;;AAkCA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AApCA;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;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,WAAWA,CAClBC,OAAiC,EACjCC,MAAmB,EACC;EACpB,QAAQD,OAAO;IACb,KAAK,SAAS;MACZ,OAAOC,MAAM,CAACC,OAAO;IACvB,KAAK,OAAO;MACV,OAAOD,MAAM,CAACE,KAAK;IACrB,KAAK,SAAS;MACZ,OAAOF,MAAM,CAACG,OAAO;IACvB,KAAK,MAAM;MACT,OAAOH,MAAM,CAACI,IAAI;IACpB,KAAK,SAAS;IACd,KAAKC,SAAS;MACZ,OAAOA,SAAS;EACpB;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAC;EACrBP,OAAO;EACPQ,UAAU;EACVP;AAKF,CAAC,EAAe;EACd,MAAMQ,MAAM,GAAGV,WAAW,CAACC,OAAO,EAAEC,MAAM,CAAC;;EAE3C;EACA;EACA,MAAMS,OAAoB,GAAG;IAC3BC,OAAO,EAAEV,MAAM,CAACW,mBAAmB;IACnCC,MAAM,EAAEZ,MAAM,CAACY,MAAM;IACrBC,KAAK,EAAEb,MAAM,CAACc,IAAI;IAClBC,WAAW,EAAEf,MAAM,CAACgB,aAAa;IACjCC,IAAI,EAAET,MAAM,IAAIR,MAAM,CAACgB,aAAa;IACpCE,WAAW,EAAElB,MAAM,CAACgB,aAAa;IACjCG,MAAM,EAAE;MACNC,UAAU,EAAEpB,MAAM,CAACqB,kBAAkB;MACrCP,IAAI,EAAEd,MAAM,CAACgB,aAAa;MAC1BM,iBAAiB,EAAEtB,MAAM,CAACuB,UAAU;MACpCC,WAAW,EAAExB,MAAM,CAACc;IACtB,CAAC;IACDW,UAAU,EAAEzB,MAAM,CAACgB;EACrB,CAAC;EAED,IAAI,CAACT,UAAU,IAAIC,MAAM,KAAKH,SAAS,EAAE;IACvC,OAAOI,OAAO;EAChB;EACA,OAAO;IAAE,GAAGA,OAAO;IAAEG,MAAM,EAAEJ,MAAM;IAAEK,KAAK,EAAEL;EAAO,CAAC;AACtD;AAEO,SAASkB,cAAcA,CAAC;EAC7B3B,OAAO;EACPQ;AAIF,CAAC,EAAe;EACd,MAAM;IAAEP;EAAO,CAAC,GAAG,IAAA2B,kBAAQ,EAAC,CAAC;EAC7B,OAAO,IAAAC,cAAO,EACZ,MAAMtB,aAAa,CAAC;IAAEP,OAAO;IAAEQ,UAAU;IAAEP;EAAO,CAAC,CAAC,EACpD,CAACD,OAAO,EAAEQ,UAAU,EAAEP,MAAM,CAC9B,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/toast/use-toast-position.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useToastPosition = void 0;
 var _animations = require("./animations.js");
 var _constants = require("./constants.js");
-var _positionUtils = require("./position-utils.js");
+var _rowGeometry = require("./row-geometry.js");
 var _useAnimatedTarget = require("./use-animated-target.js");
 /**
  * Derived from sonner-native v0.26.4 — src/use-toast-position.ts
- * (MIT © Gunnar Torfi Steinarsson). See the top-level NOTICE.
+ * (MIT © Gunnar Torfi Steinarsson).
  *
  * Upstream computes the row's offset inside a `useDerivedValue` worklet and
  * returns `withTiming(...)` from it, which does not animate on web. Bloom computes
@@ -32,7 +32,7 @@ var _useAnimatedTarget = require("./use-animated-target.js");
  *    place — pinned by `toast-store.test.ts`.
  */
 
-const useToastPosition = params => (0, _useAnimatedTarget.useAnimatedTarget)((0, _positionUtils.calculateToastPosition)(params), {
+const useToastPosition = params => (0, _useAnimatedTarget.useAnimatedTarget)((0, _rowGeometry.calculateToastPosition)(params), {
   duration: _constants.STACKING_ANIMATION_DURATION,
   easing: _animations.easeOutQuartFn
 });

package/lib/commonjs/toast/use-toast-position.js.map

@@ -1 +1 @@
-{"version":3,"names":["_animations","require","_constants","_positionUtils","_useAnimatedTarget","useToastPosition","params","useAnimatedTarget","calculateToastPosition","duration","STACKING_ANIMATION_DURATION","easing","easeOutQuartFn","exports"],"sourceRoot":"../../../src","sources":["toast/use-toast-position.ts"],"mappings":";;;;;;AAyBA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AA7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMI,gBAAgB,GAAIC,MAUhC,IACC,IAAAC,oCAAiB,EAAC,IAAAC,qCAAsB,EAACF,MAAM,CAAC,EAAE;EAChDG,QAAQ,EAAEC,sCAA2B;EACrCC,MAAM,EAAEC;AACV,CAAC,CAAC;AAACC,OAAA,CAAAR,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_animations","require","_constants","_rowGeometry","_useAnimatedTarget","useToastPosition","params","useAnimatedTarget","calculateToastPosition","duration","STACKING_ANIMATION_DURATION","easing","easeOutQuartFn","exports"],"sourceRoot":"../../../src","sources":["toast/use-toast-position.ts"],"mappings":";;;;;;AAyBA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AA7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMI,gBAAgB,GAAIC,MAUhC,IACC,IAAAC,oCAAiB,EAAC,IAAAC,mCAAsB,EAACF,MAAM,CAAC,EAAE;EAChDG,QAAQ,EAAEC,sCAA2B;EACrCC,MAAM,EAAEC;AACV,CAAC,CAAC;AAACC,OAAA,CAAAR,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/tooltip/Tooltip.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipTextBubble = void 0;
+exports.TooltipTrigger = TooltipTrigger;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _useTheme = require("../theme/use-theme.js");
+var _shadows = require("../design-tokens/shadows");
+var _index = require("../styles/index.js");
+var _index2 = require("../overlay/index.js");
+var _portal = require("../portal");
+var _constants = require("./constants.js");
+var _TextBubble = require("./TextBubble.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); }
+/**
+ * These are native specific values, not shared with web
+ */const ARROW_VISUAL_OFFSET = _constants.ARROW_SIZE / 1.25;
+const TooltipContext = /*#__PURE__*/(0, _react.createContext)({
+  position: 'bottom',
+  visible: false,
+  onVisibleChange: () => {}
+});
+TooltipContext.displayName = 'TooltipContext';
+const TargetContext = /*#__PURE__*/(0, _react.createContext)({
+  targetMeasurements: undefined,
+  setTargetMeasurements: () => {},
+  shouldMeasure: false
+});
+TargetContext.displayName = 'TargetContext';
+function Tooltip({
+  children,
+  position = 'bottom',
+  visible: requestVisible,
+  onVisibleChange
+}) {
+  /**
+   * Lagging state to track the externally-controlled visibility of the
+   * tooltip, which needs to wait for the target to be measured before
+   * actually being shown.
+   */
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [targetMeasurements, setTargetMeasurements] = (0, _react.useState)(undefined);
+  if (requestVisible && !visible && targetMeasurements) {
+    setVisible(true);
+  } else if (!requestVisible && visible) {
+    setVisible(false);
+    setTargetMeasurements(undefined);
+  }
+  const ctx = (0, _react.useMemo)(() => ({
+    position,
+    visible,
+    onVisibleChange
+  }), [position, visible, onVisibleChange]);
+  const targetCtx = (0, _react.useMemo)(() => ({
+    targetMeasurements,
+    setTargetMeasurements,
+    shouldMeasure: requestVisible
+  }), [requestVisible, targetMeasurements, setTargetMeasurements]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TargetContext.Provider, {
+      value: targetCtx,
+      children: children
+    })
+  });
+}
+function TooltipTrigger({
+  children
+}) {
+  const {
+    shouldMeasure,
+    setTargetMeasurements
+  } = (0, _react.useContext)(TargetContext);
+  const [hasLayedOut, setHasLayedOut] = (0, _react.useState)(false);
+  const targetRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!shouldMeasure || !hasLayedOut) return;
+    targetRef.current?.measure((_x, _y, width, height, x, y) => {
+      if (x !== undefined && y !== undefined && width && height) {
+        setTargetMeasurements({
+          x,
+          y,
+          width,
+          height
+        });
+      }
+    });
+  }, [shouldMeasure, setTargetMeasurements, hasLayedOut]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    collapsable: false,
+    ref: targetRef,
+    onLayout: () => setHasLayedOut(true),
+    children: children
+  });
+}
+function TooltipContent({
+  children,
+  label
+}) {
+  const {
+    position,
+    visible,
+    onVisibleChange
+  } = (0, _react.useContext)(TooltipContext);
+  const {
+    targetMeasurements
+  } = (0, _react.useContext)(TargetContext);
+  const requestClose = (0, _react.useCallback)(() => {
+    onVisibleChange(false);
+  }, [onVisibleChange]);
+  if (!visible || !targetMeasurements) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.OverlayRoot, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Bubble, {
+        label: label,
+        position: position,
+        targetMeasurements: targetMeasurements,
+        requestClose: requestClose,
+        children: children
+      })
+    })
+  });
+}
+function Bubble({
+  children,
+  label,
+  position,
+  requestClose,
+  targetMeasurements
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const [bubbleMeasurements, setBubbleMeasurements] = (0, _react.useState)(undefined);
+  const bubbleBg = theme.isDark ? {
+    backgroundColor: theme.colors.backgroundSecondary
+  } : {
+    backgroundColor: theme.colors.background
+  };
+  const coords = (0, _react.useMemo)(() => {
+    if (!bubbleMeasurements) return {
+      computedPosition: position,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      tipTop: 0,
+      tipLeft: 0
+    };
+    const {
+      width: ww,
+      height: wh
+    } = dimensions;
+    const maxTop = insets.top;
+    const maxBottom = wh - insets.bottom;
+    const {
+      width: cw,
+      height: ch
+    } = bubbleMeasurements;
+    const minLeft = _constants.MIN_EDGE_SPACE;
+    const maxLeft = ww - minLeft;
+    let computedPosition = position;
+    let top = targetMeasurements.y + targetMeasurements.height;
+    let left = Math.max(minLeft, targetMeasurements.x + targetMeasurements.width / 2 - cw / 2);
+    const tipTranslate = _constants.ARROW_HALF_SIZE * -1;
+    let tipTop = tipTranslate;
+    if (left + cw > maxLeft) {
+      left -= left + cw - maxLeft;
+    }
+    const tipLeft = targetMeasurements.x - left + targetMeasurements.width / 2 - _constants.ARROW_HALF_SIZE;
+    let bottom = top + ch;
+    function positionTop() {
+      top = top - ch - targetMeasurements.height;
+      bottom = top + ch;
+      tipTop = tipTop + ch;
+      computedPosition = 'top';
+    }
+    function positionBottom() {
+      top = targetMeasurements.y + targetMeasurements.height;
+      bottom = top + ch;
+      tipTop = tipTranslate;
+      computedPosition = 'bottom';
+    }
+    if (position === 'top') {
+      positionTop();
+      if (top < maxTop) {
+        positionBottom();
+      }
+    } else {
+      if (bottom > maxBottom) {
+        positionTop();
+      }
+    }
+    if (computedPosition === 'bottom') {
+      top += ARROW_VISUAL_OFFSET;
+      bottom += ARROW_VISUAL_OFFSET;
+    } else {
+      top -= ARROW_VISUAL_OFFSET;
+      bottom -= ARROW_VISUAL_OFFSET;
+    }
+    return {
+      computedPosition,
+      top,
+      bottom,
+      left,
+      right: left + cw,
+      tipTop,
+      tipLeft
+    };
+  }, [position, targetMeasurements, bubbleMeasurements, insets, dimensions]);
+  const requestCloseWrapped = (0, _react.useCallback)(() => {
+    setBubbleMeasurements(undefined);
+    requestClose();
+  }, [requestClose]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      onPress: requestCloseWrapped,
+      accessibilityRole: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      role: "alert",
+      accessibilityHint: "",
+      accessibilityLabel: label,
+      importantForAccessibility: "yes",
+      accessibilityViewIsModal: true,
+      style: [_index.atoms.absolute, _index.atoms.align_start, {
+        width: _constants.BUBBLE_MAX_WIDTH,
+        opacity: bubbleMeasurements ? 1 : 0,
+        top: coords.top,
+        left: coords.left
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        entering: _reactNativeReanimated.ZoomIn.easing(_reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.exp)),
+        style: {
+          transformOrigin: opposite(position)
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [_index.atoms.absolute, _index.atoms.top_0, _index.atoms.z_10, bubbleBg, {
+            borderTopLeftRadius: _index.atoms.rounded_2xs.borderRadius,
+            borderBottomRightRadius: _index.atoms.rounded_2xs.borderRadius,
+            width: _constants.ARROW_SIZE,
+            height: _constants.ARROW_SIZE,
+            transform: [{
+              rotate: '45deg'
+            }],
+            top: coords.tipTop,
+            left: coords.tipLeft
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [_index.atoms.px_md, _index.atoms.py_sm, _index.atoms.rounded_sm, bubbleBg,
+          // `shadow-m` — the overlay role, and the token owns the platform
+          // split, which the hand-rolled version only had the native half
+          // of. The offset no longer flips with the bubble's side: one
+          // shadow vocabulary is the point, and at a 12px blur the
+          // direction was not readable anyway.
+          (0, _shadows.bloomShadowStyle)('m')],
+          onLayout: e => {
+            setBubbleMeasurements({
+              width: e.nativeEvent.layout.width,
+              height: e.nativeEvent.layout.height
+            });
+          },
+          children: children
+        })]
+      })
+    })]
+  });
+}
+function opposite(position) {
+  switch (position) {
+    case 'top':
+      return 'center bottom';
+    case 'bottom':
+      return 'center top';
+    default:
+      return 'center';
+  }
+}
+const TooltipTextBubble = exports.TooltipTextBubble = (0, _TextBubble.createTextBubble)(TooltipContent);
+//# sourceMappingURL=Tooltip.js.map

package/lib/commonjs/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSafeAreaContext","_useTheme","_shadows","_index","_index2","_portal","_constants","_TextBubble","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ARROW_VISUAL_OFFSET","ARROW_SIZE","TooltipContext","createContext","position","visible","onVisibleChange","displayName","TargetContext","targetMeasurements","undefined","setTargetMeasurements","shouldMeasure","Tooltip","children","requestVisible","setVisible","useState","ctx","useMemo","targetCtx","jsx","Provider","value","TooltipTrigger","useContext","hasLayedOut","setHasLayedOut","targetRef","useRef","useEffect","current","measure","_x","_y","width","height","x","y","View","collapsable","ref","onLayout","TooltipContent","label","requestClose","useCallback","Portal","OverlayRoot","Bubble","theme","useTheme","insets","useSafeAreaInsets","dimensions","useWindowDimensions","bubbleMeasurements","setBubbleMeasurements","bubbleBg","isDark","backgroundColor","colors","backgroundSecondary","background","coords","computedPosition","top","bottom","left","right","tipTop","tipLeft","ww","wh","maxTop","maxBottom","cw","ch","minLeft","MIN_EDGE_SPACE","maxLeft","Math","max","tipTranslate","ARROW_HALF_SIZE","positionTop","positionBottom","requestCloseWrapped","jsxs","Fragment","Pressable","style","StyleSheet","absoluteFill","onPress","accessibilityRole","accessible","role","accessibilityHint","accessibilityLabel","importantForAccessibility","accessibilityViewIsModal","a","absolute","align_start","BUBBLE_MAX_WIDTH","opacity","entering","ZoomIn","easing","Easing","out","exp","transformOrigin","opposite","top_0","z_10","borderTopLeftRadius","rounded_2xs","borderRadius","borderBottomRightRadius","transform","rotate","px_md","py_sm","rounded_sm","bloomShadowStyle","nativeEvent","layout","TooltipTextBubble","exports","createTextBubble"],"sourceRoot":"../../../src","sources":["tooltip/Tooltip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tooltip/Tooltip.web.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipTextBubble = void 0;
+exports.TooltipTrigger = TooltipTrigger;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../styles/index.js");
+var _webViewStyle = require("../styles/web-view-style.js");
+var _zIndex = require("../styles/z-index.js");
+var _constants = require("./constants.js");
+var _TextBubble = require("./TextBubble.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const TooltipContext = /*#__PURE__*/(0, _react.createContext)({
+  position: 'bottom',
+  visible: false,
+  onVisibleChange: () => {}
+});
+TooltipContext.displayName = 'TooltipContext';
+function Tooltip({
+  children,
+  position = 'bottom',
+  visible,
+  onVisibleChange
+}) {
+  const ctx = (0, _react.useMemo)(() => ({
+    position,
+    visible,
+    onVisibleChange
+  }), [position, visible, onVisibleChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipContext.Provider, {
+    value: ctx,
+    children: [visible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: webStyles.backdrop,
+      onPress: () => onVisibleChange(false),
+      accessibilityRole: "none"
+    }), children]
+  });
+}
+function TooltipTrigger({
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    collapsable: false,
+    style: _index.atoms.relative,
+    children: children
+  });
+}
+function TooltipContent({
+  children,
+  label
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    position,
+    visible
+  } = (0, _react.useContext)(TooltipContext);
+  if (!visible) return null;
+  const bubbleBg = theme.isDark ? theme.colors.backgroundSecondary : theme.colors.background;
+  const shadowColor = theme.isDark ? 'rgba(0, 0, 0, 0.4)' : 'rgba(0, 0, 0, 0.2)';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    "aria-label": label,
+    role: "alert",
+    style: (0, _index.flatten)([_index.atoms.absolute, _index.atoms.z_50, {
+      left: '50%',
+      transform: [{
+        translateX: '-50%'
+      }],
+      width: _constants.BUBBLE_MAX_WIDTH
+    }, position === 'top' ? {
+      bottom: '100%',
+      marginBottom: _constants.ARROW_SIZE / 2
+    } : {
+      top: '100%',
+      marginTop: _constants.ARROW_SIZE / 2
+    }]),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: (0, _index.flatten)([_index.atoms.rounded_sm, _index.atoms.overflow_hidden, {
+        backgroundColor: bubbleBg,
+        boxShadow: `0 0 24px ${shadowColor}`
+      }]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_index.atoms.absolute, _index.atoms.z_10, {
+          backgroundColor: bubbleBg,
+          width: _constants.ARROW_SIZE,
+          height: _constants.ARROW_SIZE,
+          left: '50%',
+          transform: [{
+            translateX: '-50%'
+          }, {
+            rotate: '45deg'
+          }],
+          borderTopLeftRadius: _index.atoms.rounded_2xs.borderRadius,
+          borderBottomRightRadius: _index.atoms.rounded_2xs.borderRadius,
+          ...(position === 'top' ? {
+            bottom: -(_constants.ARROW_SIZE / 2)
+          } : {
+            top: -(_constants.ARROW_SIZE / 2)
+          })
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_index.atoms.px_md, _index.atoms.py_sm, {
+          maxWidth: _constants.BUBBLE_MAX_WIDTH
+        }],
+        children: children
+      })]
+    })
+  });
+}
+const TooltipTextBubble = exports.TooltipTextBubble = (0, _TextBubble.createTextBubble)(TooltipContent);
+const webStyles = _reactNative.StyleSheet.create({
+  backdrop: {
+    position: _webViewStyle.WEB_POSITION_FIXED,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    // In-flow depth, not an overlay-ordering one: the WEB tooltip is not
+    // portaled (unlike the native one) — the bubble is absolutely positioned
+    // against its trigger and renders inline. So this only lifts the
+    // outside-press catcher over adjacent content, and stays below the bubble's
+    // own `a.z_50`. Which SURFACE is on top is never decided here; see
+    // `src/overlay/stack.ts`.
+    zIndex: _zIndex.Z_INDEX.floating
+  }
+});
+//# sourceMappingURL=Tooltip.web.js.map

package/lib/commonjs/tooltip/Tooltip.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useTheme","_index","_webViewStyle","_zIndex","_constants","_TextBubble","_jsxRuntime","TooltipContext","createContext","position","visible","onVisibleChange","displayName","Tooltip","children","ctx","useMemo","jsxs","Provider","value","jsx","Pressable","style","webStyles","backdrop","onPress","accessibilityRole","TooltipTrigger","View","collapsable","a","relative","TooltipContent","label","theme","useTheme","useContext","bubbleBg","isDark","colors","backgroundSecondary","background","shadowColor","role","flatten","absolute","z_50","left","transform","translateX","width","BUBBLE_MAX_WIDTH","bottom","marginBottom","ARROW_SIZE","top","marginTop","rounded_sm","overflow_hidden","backgroundColor","boxShadow","z_10","height","rotate","borderTopLeftRadius","rounded_2xs","borderRadius","borderBottomRightRadius","px_md","py_sm","maxWidth","TooltipTextBubble","exports","createTextBubble","StyleSheet","create","WEB_POSITION_FIXED","right","zIndex","Z_INDEX","floating"],"sourceRoot":"../../../src","sources":["tooltip/Tooltip.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tooltip/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MIN_EDGE_SPACE = exports.BUBBLE_MAX_WIDTH = exports.ARROW_SIZE = exports.ARROW_HALF_SIZE = void 0;
+var _index = require("../styles/index.js");
+const BUBBLE_MAX_WIDTH = exports.BUBBLE_MAX_WIDTH = 240;
+const ARROW_SIZE = exports.ARROW_SIZE = 12;
+const ARROW_HALF_SIZE = exports.ARROW_HALF_SIZE = ARROW_SIZE / 2;
+const MIN_EDGE_SPACE = exports.MIN_EDGE_SPACE = _index.atoms.px_lg.paddingHorizontal;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/tooltip/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","BUBBLE_MAX_WIDTH","exports","ARROW_SIZE","ARROW_HALF_SIZE","MIN_EDGE_SPACE","a","px_lg","paddingHorizontal"],"sourceRoot":"../../../src","sources":["tooltip/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,GAAG;AAC5B,MAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GAAG,EAAE;AACrB,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAGD,UAAU,GAAG,CAAC;AACtC,MAAME,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAGC,YAAC,CAACC,KAAK,CAACC,iBAAiB","ignoreList":[]}