@cdx-ui/primitives 0.0.1-beta.144 → 0.0.1-beta.146

package/lib/commonjs/tooltip/getTooltipPosition.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TOOLTIP_Z_INDEX = exports.TOOLTIP_PLACEMENTS = void 0;
+exports.getTooltipAnchorStyle = getTooltipAnchorStyle;
+var _reactNative = require("react-native");
+const TOOLTIP_PLACEMENTS = exports.TOOLTIP_PLACEMENTS = ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
+const TOOLTIP_Z_INDEX = exports.TOOLTIP_Z_INDEX = 9999;
+const SCREEN_PADDING = 8;
+function parsePlacement(placement) {
+  if (placement === 'auto' || placement === 'auto-start' || placement === 'auto-end') {
+    return 'auto';
+  }
+  const segments = placement.split('-');
+  const side = segments[0];
+  if (segments.length === 1) {
+    return {
+      side,
+      align: 'center'
+    };
+  }
+  return {
+    side,
+    align: segments[1]
+  };
+}
+function resolveAutoPlacement(anchor, viewport, alignPreference) {
+  const spaceTop = anchor.y - SCREEN_PADDING;
+  const spaceBottom = viewport.height - anchor.y - anchor.height - SCREEN_PADDING;
+  const spaceLeft = anchor.x - SCREEN_PADDING;
+  const spaceRight = viewport.width - anchor.x - anchor.width - SCREEN_PADDING;
+  const spaces = [{
+    side: 'top',
+    value: spaceTop
+  }, {
+    side: 'bottom',
+    value: spaceBottom
+  }, {
+    side: 'left',
+    value: spaceLeft
+  }, {
+    side: 'right',
+    value: spaceRight
+  }];
+  const best = spaces.reduce((current, next) => next.value > current.value ? next : current);
+  return {
+    side: best.side,
+    align: alignPreference
+  };
+}
+function getAlignOffset(anchor, align, axis) {
+  if (align === 'start') {
+    return axis === 'horizontal' ? anchor.x : anchor.y;
+  }
+  if (align === 'end') {
+    return axis === 'horizontal' ? anchor.x + anchor.width : anchor.y + anchor.height;
+  }
+  return axis === 'horizontal' ? anchor.x + anchor.width / 2 : anchor.y + anchor.height / 2;
+}
+function getTooltipAnchorStyle(anchor, placement, offset, viewport) {
+  const parsed = parsePlacement(placement);
+  const resolved = parsed === 'auto' ? resolveAutoPlacement(anchor, viewport, placement === 'auto-start' ? 'start' : placement === 'auto-end' ? 'end' : 'center') : parsed;
+  const position = _reactNative.Platform.OS === 'web' ? 'fixed' : 'absolute';
+  const style = {
+    position,
+    zIndex: TOOLTIP_Z_INDEX
+  };
+  const {
+    side,
+    align
+  } = resolved;
+  if (side === 'top') {
+    style.top = anchor.y - offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }, {
+      translateY: '-100%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateY: '-100%'
+    }];
+  } else if (side === 'bottom') {
+    style.top = anchor.y + anchor.height + offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }] : undefined;
+  } else if (side === 'left') {
+    style.left = anchor.x - offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateX: '-100%'
+    }];
+  } else {
+    style.left = anchor.x + anchor.width + offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateY: '-100%'
+    }] : undefined;
+  }
+  return {
+    style,
+    resolved
+  };
+}
+//# sourceMappingURL=getTooltipPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","TOOLTIP_PLACEMENTS","exports","TOOLTIP_Z_INDEX","SCREEN_PADDING","parsePlacement","placement","segments","split","side","length","align","resolveAutoPlacement","anchor","viewport","alignPreference","spaceTop","y","spaceBottom","height","spaceLeft","x","spaceRight","width","spaces","value","best","reduce","current","next","getAlignOffset","axis","getTooltipAnchorStyle","offset","parsed","resolved","position","Platform","OS","style","zIndex","top","left","transform","translateX","translateY","undefined"],"sourceRoot":"../../../src","sources":["tooltip/getTooltipPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tooltip/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TOOLTIP_PLACEMENTS", {
+  enumerable: true,
+  get: function () {
+    return _getTooltipPosition.TOOLTIP_PLACEMENTS;
+  }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () {
+    return _TooltipContent.TooltipContent;
+  }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.TooltipProvider;
+  }
+});
+Object.defineProperty(exports, "TooltipRoot", {
+  enumerable: true,
+  get: function () {
+    return _TooltipRoot.TooltipRoot;
+  }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () {
+    return _TooltipTrigger.TooltipTrigger;
+  }
+});
+Object.defineProperty(exports, "getTooltipAnchorStyle", {
+  enumerable: true,
+  get: function () {
+    return _getTooltipPosition.getTooltipAnchorStyle;
+  }
+});
+Object.defineProperty(exports, "useTooltipContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useTooltipContext;
+  }
+});
+var _context = require("./context");
+var _TooltipRoot = require("./TooltipRoot");
+var _TooltipTrigger = require("./TooltipTrigger");
+var _TooltipContent = require("./TooltipContent");
+var _getTooltipPosition = require("./getTooltipPosition");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_TooltipRoot","_TooltipTrigger","_TooltipContent","_getTooltipPosition"],"sourceRoot":"../../../src","sources":["tooltip/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/tooltip/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

package/lib/module/index.js

@@ -29,6 +29,7 @@ export * from './switch';
 export * from './tabs';
 export * from './tile';
 export * from './toast';
+export * from './tooltip';
 export * from './portal';
 export * from './progress-bar';
 export * from './radio';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayContainer","OverlayInsetsProvider","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAEEA,gBAAgB,EAChBC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,YAAY,EACZC,kBAAkB,QAGb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
+{"version":3,"names":["OverlayContainer","OverlayInsetsProvider","useAnchorPosition","useDismissOverlay","useEscapeKey","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAEEA,gBAAgB,EAChBC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,YAAY,EACZC,kBAAkB,QAGb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/lib/module/overlay/useAnchorPosition.js

@@ -56,37 +56,27 @@ export function useAnchorPosition(anchorRef, open, options) {
       return;
     }
     let cancelled = false;
+    let retryFrameId = 0;
+    let webFrameId = 0;
     const runMeasure = () => {
-      if (!cancelled) {
-        measureAnchor();
+      if (cancelled) {
+        return;
       }
+      const anchor = anchorRef.current;
+      if (!anchor) {
+        retryFrameId = requestAnimationFrame(runMeasure);
+        return;
+      }
+      measureAnchor();
     };
     runMeasure();
     if (Platform.OS === 'web') {
-      const frame = requestAnimationFrame(runMeasure);
-      return () => {
-        cancelled = true;
-        cancelAnimationFrame(frame);
-      };
-    }
-    const anchor = anchorRef.current;
-    if (!anchor) {
-      return () => {
-        cancelled = true;
-      };
+      webFrameId = requestAnimationFrame(runMeasure);
     }
-    anchor.measureInWindow((x, y, width, height) => {
-      if (!cancelled) {
-        setLayoutIfChanged(setLayout, {
-          x,
-          y,
-          width,
-          height
-        });
-      }
-    });
     return () => {
       cancelled = true;
+      cancelAnimationFrame(retryFrameId);
+      cancelAnimationFrame(webFrameId);
     };
   }, [open, anchorRef, remeasureKey]);
   useEffect(() => {

package/lib/module/overlay/useAnchorPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","runMeasure","frame","requestAnimationFrame","cancelAnimationFrame","frameId","tick","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","retryFrameId","webFrameId","runMeasure","requestAnimationFrame","cancelAnimationFrame","frameId","tick","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/TooltipContent.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from 'react';
+import { Platform, StyleSheet, View, useWindowDimensions } from 'react-native';
+import { mergeRefs } from '@cdx-ui/utils';
+import { Portal } from '../portal';
+import { useAnchorPosition, useDismissOverlay, useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TooltipProvider, useTooltipContext } from './context';
+import { getTooltipAnchorStyle } from './getTooltipPosition';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipContent = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const contextValue = useTooltipContext();
+  const {
+    open,
+    setOpen,
+    isDisabled,
+    placement,
+    offset,
+    trigger,
+    triggerRef,
+    contentId,
+    setResolvedPlacement
+  } = contextValue;
+  const contentRef = useRef(null);
+  const mergedRef = mergeRefs(ref, contentRef);
+  const handleDismiss = useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const shouldDismissOnInteraction = trigger === 'click' && Platform.OS === 'web' && open && !isDisabled;
+  useDismissOverlay(shouldDismissOnInteraction, contentRef, [triggerRef], handleDismiss);
+  useEscapeKey(shouldDismissOnInteraction, handleDismiss);
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const anchorLayout = useAnchorPosition(triggerRef, open && !isDisabled);
+  const position = useMemo(() => {
+    if (!anchorLayout) {
+      return null;
+    }
+    return getTooltipAnchorStyle(anchorLayout, placement, offset, {
+      width,
+      height
+    });
+  }, [anchorLayout, height, offset, placement, width]);
+  useLayoutEffect(() => {
+    if (position) {
+      setResolvedPlacement(position.resolved);
+    }
+  }, [position, setResolvedPlacement]);
+  if (!open || isDisabled || !position) {
+    return null;
+  }
+  const Comp = asChild ? Slot : View;
+  const webProps = Platform.OS === 'web' ? {
+    id: contentId,
+    role: 'tooltip'
+  } : {
+    accessibilityRole: 'text',
+    accessibilityLiveRegion: 'polite'
+  };
+  const popup = /*#__PURE__*/_jsx(TooltipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: position.style,
+      children: /*#__PURE__*/_jsx(Comp, {
+        ref: mergedRef,
+        ...props,
+        ...webProps,
+        ...mergeDataAttributes(props, dataAttributes({
+          side: position.resolved.side,
+          align: position.resolved.align,
+          state: 'open'
+        })),
+        children: children
+      })
+    })
+  });
+  if (Platform.OS === 'web' && createPortalFn && typeof document !== 'undefined') {
+    return createPortalFn(popup, document.body);
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    name: contentId,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      style: [StyleSheet.absoluteFill, {
+        zIndex: 9999
+      }],
+      children: popup
+    })
+  });
+});
+TooltipContent.displayName = 'TooltipContent';
+//# sourceMappingURL=TooltipContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","useMemo","useRef","Platform","StyleSheet","View","useWindowDimensions","mergeRefs","Portal","useAnchorPosition","useDismissOverlay","useEscapeKey","createPortalFn","Slot","dataAttributes","mergeDataAttributes","TooltipProvider","useTooltipContext","getTooltipAnchorStyle","jsx","_jsx","TooltipContent","asChild","children","props","ref","contextValue","open","setOpen","isDisabled","placement","offset","trigger","triggerRef","contentId","setResolvedPlacement","contentRef","mergedRef","handleDismiss","shouldDismissOnInteraction","OS","width","height","anchorLayout","position","resolved","Comp","webProps","id","role","accessibilityRole","accessibilityLiveRegion","popup","value","pointerEvents","style","side","align","state","document","body","name","absoluteFill","zIndex","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/TooltipRoot.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TooltipProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isDisabled = false,
+  enterDelay = 0,
+  leaveDelay = 0,
+  isOpen: isOpenProp,
+  defaultOpen = false,
+  onOpen,
+  onClose,
+  placement = 'top',
+  offset = 8,
+  trigger = 'hover',
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: isOpenProp,
+    defaultProp: defaultOpen,
+    onChange: next => {
+      if (next) {
+        onOpen?.();
+      } else {
+        onClose?.();
+      }
+    }
+  });
+  const enterTimerRef = useRef(null);
+  const leaveTimerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [resolvedPlacement, setResolvedPlacement] = useState(null);
+  const clearTimers = useCallback(() => {
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+  }, []);
+  const setOpen = useCallback(nextOpen => {
+    if (isDisabled && nextOpen) {
+      return;
+    }
+    setOpenState(nextOpen);
+  }, [isDisabled, setOpenState]);
+  const requestOpen = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    clearTimers();
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+    if (enterDelay <= 0) {
+      setOpen(true);
+      return;
+    }
+    enterTimerRef.current = setTimeout(() => {
+      setOpen(true);
+    }, enterDelay);
+  }, [clearTimers, enterDelay, isDisabled, setOpen]);
+  const requestClose = useCallback(() => {
+    clearTimers();
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    leaveTimerRef.current = setTimeout(() => {
+      setOpen(false);
+    }, leaveDelay);
+  }, [clearTimers, leaveDelay, setOpen]);
+  useEffect(() => clearTimers, [clearTimers]);
+  const reactId = useId();
+  const triggerId = `tooltip-trigger-${reactId}`;
+  const contentId = `tooltip-content-${reactId}`;
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    setOpen,
+    requestOpen,
+    requestClose,
+    clearTimers,
+    isDisabled,
+    enterDelay,
+    leaveDelay,
+    placement,
+    offset,
+    trigger,
+    triggerRef,
+    contentId,
+    triggerId,
+    resolvedPlacement,
+    setResolvedPlacement
+  }), [clearTimers, contentId, enterDelay, isDisabled, leaveDelay, offset, open, placement, requestClose, requestOpen, resolvedPlacement, setOpen, trigger, triggerId]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(TooltipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: open ? 'open' : 'closed',
+        disabled: isDisabled
+      })),
+      children: children
+    })
+  });
+});
+TooltipRoot.displayName = 'TooltipRoot';
+//# sourceMappingURL=TooltipRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","useState","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","TooltipProvider","jsx","_jsx","TooltipRoot","asChild","children","isDisabled","enterDelay","leaveDelay","isOpen","isOpenProp","defaultOpen","onOpen","onClose","placement","offset","trigger","props","ref","open","setOpenState","prop","defaultProp","onChange","next","enterTimerRef","leaveTimerRef","triggerRef","resolvedPlacement","setResolvedPlacement","clearTimers","current","clearTimeout","setOpen","nextOpen","requestOpen","setTimeout","requestClose","reactId","triggerId","contentId","contextValue","Comp","value","state","disabled","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipRoot.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5C,OAAO,MAAMC,WAAW,gBAAGf,UAAU,CACnC,CACE;EACEgB,OAAO;EACPC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,UAAU,GAAG,CAAC;EACdC,UAAU,GAAG,CAAC;EACdC,MAAM,EAAEC,UAAU;EAClBC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,MAAM,GAAG,CAAC;EACVC,OAAO,GAAG,OAAO;EACjB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,IAAI,EAAEC,YAAY,CAAC,GAAGxB,oBAAoB,CAAU;IACzDyB,IAAI,EAAEX,UAAU;IAChBY,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAGC,IAAI,IAAK;MAClB,IAAIA,IAAI,EAAE;QACRZ,MAAM,GAAG,CAAC;MACZ,CAAC,MAAM;QACLC,OAAO,GAAG,CAAC;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAMY,aAAa,GAAGhC,MAAM,CAAuC,IAAI,CAAC;EACxE,MAAMiC,aAAa,GAAGjC,MAAM,CAAuC,IAAI,CAAC;EACxE,MAAMkC,UAAU,GAAGlC,MAAM,CAAmC,IAAI,CAAC;EACjE,MAAM,CAACmC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGnC,QAAQ,CACxD,IACF,CAAC;EAED,MAAMoC,WAAW,GAAGzC,WAAW,CAAC,MAAM;IACpC,IAAIoC,aAAa,CAACM,OAAO,EAAE;MACzBC,YAAY,CAACP,aAAa,CAACM,OAAO,CAAC;MACnCN,aAAa,CAACM,OAAO,GAAG,IAAI;IAC9B;IACA,IAAIL,aAAa,CAACK,OAAO,EAAE;MACzBC,YAAY,CAACN,aAAa,CAACK,OAAO,CAAC;MACnCL,aAAa,CAACK,OAAO,GAAG,IAAI;IAC9B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,OAAO,GAAG5C,WAAW,CACxB6C,QAAiB,IAAK;IACrB,IAAI5B,UAAU,IAAI4B,QAAQ,EAAE;MAC1B;IACF;IACAd,YAAY,CAACc,QAAQ,CAAC;EACxB,CAAC,EACD,CAAC5B,UAAU,EAAEc,YAAY,CAC3B,CAAC;EAED,MAAMe,WAAW,GAAG9C,WAAW,CAAC,MAAM;IACpC,IAAIiB,UAAU,EAAE;MACd;IACF;IAEAwB,WAAW,CAAC,CAAC;IAEb,IAAIJ,aAAa,CAACK,OAAO,EAAE;MACzBC,YAAY,CAACN,aAAa,CAACK,OAAO,CAAC;MACnCL,aAAa,CAACK,OAAO,GAAG,IAAI;IAC9B;IAEA,IAAIxB,UAAU,IAAI,CAAC,EAAE;MACnB0B,OAAO,CAAC,IAAI,CAAC;MACb;IACF;IAEAR,aAAa,CAACM,OAAO,GAAGK,UAAU,CAAC,MAAM;MACvCH,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,EAAE1B,UAAU,CAAC;EAChB,CAAC,EAAE,CAACuB,WAAW,EAAEvB,UAAU,EAAED,UAAU,EAAE2B,OAAO,CAAC,CAAC;EAElD,MAAMI,YAAY,GAAGhD,WAAW,CAAC,MAAM;IACrCyC,WAAW,CAAC,CAAC;IAEb,IAAIL,aAAa,CAACM,OAAO,EAAE;MACzBC,YAAY,CAACP,aAAa,CAACM,OAAO,CAAC;MACnCN,aAAa,CAACM,OAAO,GAAG,IAAI;IAC9B;IAEA,IAAIvB,UAAU,IAAI,CAAC,EAAE;MACnByB,OAAO,CAAC,KAAK,CAAC;MACd;IACF;IAEAP,aAAa,CAACK,OAAO,GAAGK,UAAU,CAAC,MAAM;MACvCH,OAAO,CAAC,KAAK,CAAC;IAChB,CAAC,EAAEzB,UAAU,CAAC;EAChB,CAAC,EAAE,CAACsB,WAAW,EAAEtB,UAAU,EAAEyB,OAAO,CAAC,CAAC;EAEtC3C,SAAS,CAAC,MAAMwC,WAAW,EAAE,CAACA,WAAW,CAAC,CAAC;EAE3C,MAAMQ,OAAO,GAAG/C,KAAK,CAAC,CAAC;EACvB,MAAMgD,SAAS,GAAG,mBAAmBD,OAAO,EAAE;EAC9C,MAAME,SAAS,GAAG,mBAAmBF,OAAO,EAAE;EAE9C,MAAMG,YAAY,GAAGjD,OAAO,CAC1B,OAAO;IACL2B,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBc,OAAO;IACPE,WAAW;IACXE,YAAY;IACZP,WAAW;IACXxB,UAAU;IACVC,UAAU;IACVC,UAAU;IACVM,SAAS;IACTC,MAAM;IACNC,OAAO;IACPW,UAAU;IACVa,SAAS;IACTD,SAAS;IACTX,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEC,WAAW,EACXU,SAAS,EACTjC,UAAU,EACVD,UAAU,EACVE,UAAU,EACVO,MAAM,EACNI,IAAI,EACJL,SAAS,EACTuB,YAAY,EACZF,WAAW,EACXP,iBAAiB,EACjBK,OAAO,EACPjB,OAAO,EACPuB,SAAS,CAEb,CAAC;EAED,MAAMG,IAAI,GAAGtC,OAAO,GAAGP,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,eAAe;IAAC2C,KAAK,EAAEF,YAAa;IAAApC,QAAA,eACnCH,IAAA,CAACwC,IAAI;MACHxB,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNlB,mBAAmB,CACrBkB,KAAK,EACLnB,cAAc,CAAC;QACb8C,KAAK,EAAEzB,IAAI,GAAG,MAAM,GAAG,QAAQ;QAC/B0B,QAAQ,EAAEvC;MACZ,CAAC,CACH,CAAC;MAAAD,QAAA,EAEAA;IAAQ,CACL;EAAC,CACQ,CAAC;AAEtB,CACF,CAAC;AAEDF,WAAW,CAAC2C,WAAW,GAAG,aAAa","ignoreList":[]}