@oxyhq/bloom 0.89.0 → 1.0.0

package/lib/module/tooltip/index.js

@@ -1,301 +1,4 @@
 "use strict";
 
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native';
-import Animated, { Easing, ZoomIn } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from "../theme/use-theme.js";
-import { atoms as a } from "../styles/index.js";
-import { OverlayRoot } from "../overlay/index.js";
-import { Portal } from '../portal';
-import { ARROW_HALF_SIZE, ARROW_SIZE, BUBBLE_MAX_WIDTH, MIN_EDGE_SPACE } from "./const.js";
-import { createTextBubble } from "./TextBubble.js";
-
-/**
- * These are native specific values, not shared with web
- */
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ARROW_VISUAL_OFFSET = ARROW_SIZE / 1.25;
-const BUBBLE_SHADOW_OFFSET = ARROW_SIZE / 3;
-const TooltipContext = /*#__PURE__*/createContext({
-  position: 'bottom',
-  visible: false,
-  onVisibleChange: () => {}
-});
-TooltipContext.displayName = 'TooltipContext';
-const TargetContext = /*#__PURE__*/createContext({
-  targetMeasurements: undefined,
-  setTargetMeasurements: () => {},
-  shouldMeasure: false
-});
-TargetContext.displayName = 'TargetContext';
-
-/**
- * Provider for Tooltip component. Only needed when you need to position the
- * tooltip relative to a container, such as in a sheet.
- *
- * Only really necessary on iOS but can work on Android.
- */
-export function TooltipSheetCompatProvider({
-  children
-}) {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-}
-TooltipSheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
-export 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] = useState(false);
-  const [targetMeasurements, setTargetMeasurements] = useState(undefined);
-  if (requestVisible && !visible && targetMeasurements) {
-    setVisible(true);
-  } else if (!requestVisible && visible) {
-    setVisible(false);
-    setTargetMeasurements(undefined);
-  }
-  const ctx = useMemo(() => ({
-    position,
-    visible,
-    onVisibleChange
-  }), [position, visible, onVisibleChange]);
-  const targetCtx = useMemo(() => ({
-    targetMeasurements,
-    setTargetMeasurements,
-    shouldMeasure: requestVisible
-  }), [requestVisible, targetMeasurements, setTargetMeasurements]);
-  return /*#__PURE__*/_jsx(TooltipContext.Provider, {
-    value: ctx,
-    children: /*#__PURE__*/_jsx(TargetContext.Provider, {
-      value: targetCtx,
-      children: children
-    })
-  });
-}
-export function TooltipTrigger({
-  children
-}) {
-  const {
-    shouldMeasure,
-    setTargetMeasurements
-  } = useContext(TargetContext);
-  const [hasLayedOut, setHasLayedOut] = useState(false);
-  const targetRef = useRef(null);
-  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__*/_jsx(View, {
-    collapsable: false,
-    ref: targetRef,
-    onLayout: () => setHasLayedOut(true),
-    children: children
-  });
-}
-export function TooltipContent({
-  children,
-  label
-}) {
-  const {
-    position,
-    visible,
-    onVisibleChange
-  } = useContext(TooltipContext);
-  const {
-    targetMeasurements
-  } = useContext(TargetContext);
-  const requestClose = useCallback(() => {
-    onVisibleChange(false);
-  }, [onVisibleChange]);
-  if (!visible || !targetMeasurements) return null;
-  return /*#__PURE__*/_jsx(Portal, {
-    children: /*#__PURE__*/_jsx(OverlayRoot, {
-      children: /*#__PURE__*/_jsx(Bubble, {
-        label: label,
-        position: position,
-        targetMeasurements: targetMeasurements,
-        requestClose: requestClose,
-        children: children
-      })
-    })
-  });
-}
-function Bubble({
-  children,
-  label,
-  position,
-  requestClose,
-  targetMeasurements
-}) {
-  const theme = useTheme();
-  const insets = useSafeAreaInsets();
-  const dimensions = useWindowDimensions();
-  const [bubbleMeasurements, setBubbleMeasurements] = useState(undefined);
-  const bubbleBg = theme.isDark ? {
-    backgroundColor: theme.colors.backgroundSecondary
-  } : {
-    backgroundColor: theme.colors.background
-  };
-  const coords = 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 = 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 = ARROW_HALF_SIZE * -1;
-    let tipTop = tipTranslate;
-    if (left + cw > maxLeft) {
-      left -= left + cw - maxLeft;
-    }
-    const tipLeft = targetMeasurements.x - left + targetMeasurements.width / 2 - 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 = useCallback(() => {
-    setBubbleMeasurements(undefined);
-    requestClose();
-  }, [requestClose]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Pressable, {
-      style: StyleSheet.absoluteFill,
-      onPress: requestCloseWrapped,
-      accessibilityRole: "none"
-    }), /*#__PURE__*/_jsx(View, {
-      accessible: true,
-      role: "alert",
-      accessibilityHint: "",
-      accessibilityLabel: label,
-      importantForAccessibility: "yes",
-      accessibilityViewIsModal: true,
-      style: [a.absolute, a.align_start, {
-        width: BUBBLE_MAX_WIDTH,
-        opacity: bubbleMeasurements ? 1 : 0,
-        top: coords.top,
-        left: coords.left
-      }],
-      children: /*#__PURE__*/_jsxs(Animated.View, {
-        entering: ZoomIn.easing(Easing.out(Easing.exp)),
-        style: {
-          transformOrigin: opposite(position)
-        },
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [a.absolute, a.top_0, a.z_10, bubbleBg, {
-            borderTopLeftRadius: a.rounded_2xs.borderRadius,
-            borderBottomRightRadius: a.rounded_2xs.borderRadius,
-            width: ARROW_SIZE,
-            height: ARROW_SIZE,
-            transform: [{
-              rotate: '45deg'
-            }],
-            top: coords.tipTop,
-            left: coords.tipLeft
-          }]
-        }), /*#__PURE__*/_jsx(View, {
-          style: [a.px_md, a.py_sm, a.rounded_sm, bubbleBg, {
-            shadowColor: theme.colors.shadow,
-            shadowOpacity: 0.2,
-            shadowRadius: 12,
-            shadowOffset: {
-              width: 0,
-              height: BUBBLE_SHADOW_OFFSET * (coords.computedPosition === 'bottom' ? -1 : 1)
-            },
-            elevation: 8
-          }],
-          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';
-  }
-}
-export const TooltipTextBubble = createTextBubble(TooltipContent);
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipTextBubble } from './Tooltip';
 //# sourceMappingURL=index.js.map

package/lib/module/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","Pressable","StyleSheet","useWindowDimensions","View","Animated","Easing","ZoomIn","useSafeAreaInsets","useTheme","atoms","a","OverlayRoot","Portal","ARROW_HALF_SIZE","ARROW_SIZE","BUBBLE_MAX_WIDTH","MIN_EDGE_SPACE","createTextBubble","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","ARROW_VISUAL_OFFSET","BUBBLE_SHADOW_OFFSET","TooltipContext","position","visible","onVisibleChange","displayName","TargetContext","targetMeasurements","undefined","setTargetMeasurements","shouldMeasure","TooltipSheetCompatProvider","children","Tooltip","requestVisible","setVisible","ctx","targetCtx","Provider","value","TooltipTrigger","hasLayedOut","setHasLayedOut","targetRef","current","measure","_x","_y","width","height","x","y","collapsable","ref","onLayout","TooltipContent","label","requestClose","Bubble","theme","insets","dimensions","bubbleMeasurements","setBubbleMeasurements","bubbleBg","isDark","backgroundColor","colors","backgroundSecondary","background","coords","computedPosition","top","bottom","left","right","tipTop","tipLeft","ww","wh","maxTop","maxBottom","cw","ch","minLeft","maxLeft","Math","max","tipTranslate","positionTop","positionBottom","requestCloseWrapped","style","absoluteFill","onPress","accessibilityRole","accessible","role","accessibilityHint","accessibilityLabel","importantForAccessibility","accessibilityViewIsModal","absolute","align_start","opacity","entering","easing","out","exp","transformOrigin","opposite","top_0","z_10","borderTopLeftRadius","rounded_2xs","borderRadius","borderBottomRightRadius","transform","rotate","px_md","py_sm","rounded_sm","shadowColor","shadow","shadowOpacity","shadowRadius","shadowOffset","elevation","e","nativeEvent","layout","TooltipTextBubble"],"sourceRoot":"../../../src","sources":["tooltip/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Tooltip","TooltipTrigger","TooltipContent","TooltipTextBubble"],"sourceRoot":"../../../src","sources":["tooltip/index.ts"],"mappings":";;AAAA,SACEA,OAAO,EACPC,cAAc,EACdC,cAAc,EACdC,iBAAiB,QACZ,WAAW","ignoreList":[]}

package/lib/module/tooltip/index.web.js

@@ -1,137 +1,4 @@
 "use strict";
 
-import { createContext, useContext, useMemo } from 'react';
-import { Pressable, StyleSheet, View } from 'react-native';
-import { useTheme } from "../theme/use-theme.js";
-import { atoms as a, flatten } from "../styles/index.js";
-import { WEB_POSITION_FIXED } from "../styles/web-view-style.js";
-import { Z_INDEX } from "../styles/z-index.js";
-import { ARROW_SIZE, BUBBLE_MAX_WIDTH } from "./const.js";
-import { createTextBubble } from "./TextBubble.js";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TooltipContext = /*#__PURE__*/createContext({
-  position: 'bottom',
-  visible: false,
-  onVisibleChange: () => {}
-});
-TooltipContext.displayName = 'TooltipContext';
-
-/**
- * No-op on web. Portal Provider is only needed on native.
- */
-export function TooltipSheetCompatProvider({
-  children
-}) {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-}
-TooltipSheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
-export function Tooltip({
-  children,
-  position = 'bottom',
-  visible,
-  onVisibleChange
-}) {
-  const ctx = useMemo(() => ({
-    position,
-    visible,
-    onVisibleChange
-  }), [position, visible, onVisibleChange]);
-  return /*#__PURE__*/_jsxs(TooltipContext.Provider, {
-    value: ctx,
-    children: [visible && /*#__PURE__*/_jsx(Pressable, {
-      style: webStyles.backdrop,
-      onPress: () => onVisibleChange(false),
-      accessibilityRole: "none"
-    }), children]
-  });
-}
-export function TooltipTrigger({
-  children
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    collapsable: false,
-    style: a.relative,
-    children: children
-  });
-}
-export function TooltipContent({
-  children,
-  label
-}) {
-  const theme = useTheme();
-  const {
-    position,
-    visible
-  } = 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__*/_jsx(View, {
-    "aria-label": label,
-    role: "alert",
-    style: flatten([a.absolute, a.z_50, {
-      left: '50%',
-      transform: [{
-        translateX: '-50%'
-      }],
-      width: BUBBLE_MAX_WIDTH
-    }, position === 'top' ? {
-      bottom: '100%',
-      marginBottom: ARROW_SIZE / 2
-    } : {
-      top: '100%',
-      marginTop: ARROW_SIZE / 2
-    }]),
-    children: /*#__PURE__*/_jsxs(View, {
-      style: flatten([a.rounded_sm, a.overflow_hidden, {
-        backgroundColor: bubbleBg,
-        boxShadow: `0 0 24px ${shadowColor}`
-      }]),
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [a.absolute, a.z_10, {
-          backgroundColor: bubbleBg,
-          width: ARROW_SIZE,
-          height: ARROW_SIZE,
-          left: '50%',
-          transform: [{
-            translateX: '-50%'
-          }, {
-            rotate: '45deg'
-          }],
-          borderTopLeftRadius: a.rounded_2xs.borderRadius,
-          borderBottomRightRadius: a.rounded_2xs.borderRadius,
-          ...(position === 'top' ? {
-            bottom: -(ARROW_SIZE / 2)
-          } : {
-            top: -(ARROW_SIZE / 2)
-          })
-        }]
-      }), /*#__PURE__*/_jsx(View, {
-        style: [a.px_md, a.py_sm, {
-          maxWidth: BUBBLE_MAX_WIDTH
-        }],
-        children: children
-      })]
-    })
-  });
-}
-export const TooltipTextBubble = createTextBubble(TooltipContent);
-const webStyles = StyleSheet.create({
-  backdrop: {
-    position: 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: Z_INDEX.floating
-  }
-});
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipTextBubble } from "./Tooltip.web.js";
 //# sourceMappingURL=index.web.js.map

package/lib/module/tooltip/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useMemo","Pressable","StyleSheet","View","useTheme","atoms","a","flatten","WEB_POSITION_FIXED","Z_INDEX","ARROW_SIZE","BUBBLE_MAX_WIDTH","createTextBubble","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","TooltipContext","position","visible","onVisibleChange","displayName","TooltipSheetCompatProvider","children","Tooltip","ctx","Provider","value","style","webStyles","backdrop","onPress","accessibilityRole","TooltipTrigger","collapsable","relative","TooltipContent","label","theme","bubbleBg","isDark","colors","backgroundSecondary","background","shadowColor","role","absolute","z_50","left","transform","translateX","width","bottom","marginBottom","top","marginTop","rounded_sm","overflow_hidden","backgroundColor","boxShadow","z_10","height","rotate","borderTopLeftRadius","rounded_2xs","borderRadius","borderBottomRightRadius","px_md","py_sm","maxWidth","TooltipTextBubble","create","right","zIndex","floating"],"sourceRoot":"../../../src","sources":["tooltip/index.web.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC1D,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE1D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,KAAK,IAAIC,CAAC,EAAEC,OAAO,QAAQ,oBAAW;AAC/C,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,OAAO,QAAQ,sBAAmB;AAC3C,SACEC,UAAU,EACVC,gBAAgB,QAEX,YAAS;AAChB,SAASC,gBAAgB,QAAQ,iBAAc;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQhD,MAAMC,cAAc,gBAAGrB,aAAa,CAAqB;EACvDsB,QAAQ,EAAE,QAAQ;EAClBC,OAAO,EAAE,KAAK;EACdC,eAAe,EAAEA,CAAA,KAAM,CAAC;AAC1B,CAAC,CAAC;AACFH,cAAc,CAACI,WAAW,GAAG,gBAAgB;;AAE7C;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAAC;EACzCC;AAGF,CAAC,EAAE;EACD,oBAAOT,IAAA,CAAAF,SAAA;IAAAW,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB;AACAD,0BAA0B,CAACD,WAAW,GAAG,4BAA4B;AAErE,OAAO,SAASG,OAAOA,CAAC;EACtBD,QAAQ;EACRL,QAAQ,GAAG,QAAQ;EACnBC,OAAO;EACPC;AAMF,CAAC,EAAE;EACD,MAAMK,GAAG,GAAG3B,OAAO,CACjB,OAAO;IAAEoB,QAAQ;IAAEC,OAAO;IAAEC;EAAgB,CAAC,CAAC,EAC9C,CAACF,QAAQ,EAAEC,OAAO,EAAEC,eAAe,CACrC,CAAC;EAED,oBACEJ,KAAA,CAACC,cAAc,CAACS,QAAQ;IAACC,KAAK,EAAEF,GAAI;IAAAF,QAAA,GACjCJ,OAAO,iBACNL,IAAA,CAACf,SAAS;MACR6B,KAAK,EAAEC,SAAS,CAACC,QAAS;MAC1BC,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAAC,KAAK,CAAE;MACtCY,iBAAiB,EAAC;IAAM,CACzB,CACF,EACAT,QAAQ;EAAA,CACc,CAAC;AAE9B;AAEA,OAAO,SAASU,cAAcA,CAAC;EAAEV;AAAwC,CAAC,EAAE;EAC1E,oBACET,IAAA,CAACb,IAAI;IAACiC,WAAW,EAAE,KAAM;IAACN,KAAK,EAAExB,CAAC,CAAC+B,QAAS;IAAAZ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX;AAEA,OAAO,SAASa,cAAcA,CAAC;EAC7Bb,QAAQ;EACRc;AAIF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgB,QAAQ;IAAEC;EAAQ,CAAC,GAAGtB,UAAU,CAACoB,cAAc,CAAC;EAExD,IAAI,CAACE,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAMoB,QAAQ,GAAGD,KAAK,CAACE,MAAM,GACzBF,KAAK,CAACG,MAAM,CAACC,mBAAmB,GAChCJ,KAAK,CAACG,MAAM,CAACE,UAAU;EAE3B,MAAMC,WAAW,GAAGN,KAAK,CAACE,MAAM,GAC5B,oBAAoB,GACpB,oBAAoB;EAExB,oBACE1B,IAAA,CAACb,IAAI;IACH,cAAYoC,KAAM;IAClBQ,IAAI,EAAC,OAAO;IACZjB,KAAK,EAAEvB,OAAO,CAAC,CACbD,CAAC,CAAC0C,QAAQ,EACV1C,CAAC,CAAC2C,IAAI,EACN;MACEC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC,CAAC;MACnCC,KAAK,EAAE1C;IACT,CAAC,EACDS,QAAQ,KAAK,KAAK,GACd;MAAEkC,MAAM,EAAE,MAAM;MAAEC,YAAY,EAAE7C,UAAU,GAAG;IAAE,CAAC,GAChD;MAAE8C,GAAG,EAAE,MAAM;MAAEC,SAAS,EAAE/C,UAAU,GAAG;IAAE,CAAC,CAC/C,CAAE;IAAAe,QAAA,eACHP,KAAA,CAACf,IAAI;MACH2B,KAAK,EAAEvB,OAAO,CAAC,CACbD,CAAC,CAACoD,UAAU,EACZpD,CAAC,CAACqD,eAAe,EACjB;QACEC,eAAe,EAAEnB,QAAQ;QACzBoB,SAAS,EAAE,YAAYf,WAAW;MACpC,CAAC,CACF,CAAE;MAAArB,QAAA,gBAEHT,IAAA,CAACb,IAAI;QACH2B,KAAK,EAAE,CACLxB,CAAC,CAAC0C,QAAQ,EACV1C,CAAC,CAACwD,IAAI,EACN;UACEF,eAAe,EAAEnB,QAAQ;UACzBY,KAAK,EAAE3C,UAAU;UACjBqD,MAAM,EAAErD,UAAU;UAClBwC,IAAI,EAAE,KAAK;UACXC,SAAS,EAAE,CAAC;YAAEC,UAAU,EAAE;UAAO,CAAC,EAAE;YAAEY,MAAM,EAAE;UAAQ,CAAC,CAAC;UACxDC,mBAAmB,EAAE3D,CAAC,CAAC4D,WAAW,CAACC,YAAY;UAC/CC,uBAAuB,EAAE9D,CAAC,CAAC4D,WAAW,CAACC,YAAY;UACnD,IAAI/C,QAAQ,KAAK,KAAK,GAClB;YAAEkC,MAAM,EAAE,EAAE5C,UAAU,GAAG,CAAC;UAAE,CAAC,GAC7B;YAAE8C,GAAG,EAAE,EAAE9C,UAAU,GAAG,CAAC;UAAE,CAAC;QAChC,CAAC;MACD,CACH,CAAC,eACFM,IAAA,CAACb,IAAI;QAAC2B,KAAK,EAAE,CAACxB,CAAC,CAAC+D,KAAK,EAAE/D,CAAC,CAACgE,KAAK,EAAE;UAAEC,QAAQ,EAAE5D;QAAiB,CAAC,CAAE;QAAAc,QAAA,EAC7DA;MAAQ,CACL,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX;AAEA,OAAO,MAAM+C,iBAAiB,GAAG5D,gBAAgB,CAAC0B,cAAc,CAAC;AAEjE,MAAMP,SAAS,GAAG7B,UAAU,CAACuE,MAAM,CAAC;EAClCzC,QAAQ,EAAE;IACRZ,QAAQ,EAAEZ,kBAAkB;IAC5BgD,GAAG,EAAE,CAAC;IACNN,IAAI,EAAE,CAAC;IACPwB,KAAK,EAAE,CAAC;IACRpB,MAAM,EAAE,CAAC;IACT;IACA;IACA;IACA;IACA;IACA;IACAqB,MAAM,EAAElE,OAAO,CAACmE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Tooltip","TooltipTrigger","TooltipContent","TooltipTextBubble"],"sourceRoot":"../../../src","sources":["tooltip/index.web.ts"],"mappings":";;AAAA,SACEA,OAAO,EACPC,cAAc,EACdC,cAAc,EACdC,iBAAiB,QACZ,kBAAe","ignoreList":[]}