@hanzogui/tooltip 8.3.1 → 8.3.3

package/dist/cjs/Tooltip.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = exports.closeOpenTooltips = exports.TooltipGroup = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("@hanzogui/polyfill-dev");
+const floating_1 = require("@hanzogui/floating");
+const core_1 = require("@hanzogui/core");
+const floating_2 = require("@hanzogui/floating");
+const get_token_1 = require("@hanzogui/get-token");
+const helpers_1 = require("@hanzogui/helpers");
+const popover_1 = require("@hanzogui/popover");
+const popper_1 = require("@hanzogui/popper");
+const use_controllable_state_1 = require("@hanzogui/use-controllable-state");
+const React = tslib_1.__importStar(require("react"));
+const TOOLTIP_SCOPE = '';
+// warning: setting to stylebale causes issues with themeInverse across portal root
+// performance: avoid 2 components we never use
+const ALWAYS_DISABLE_TOOLTIP = {
+    focus: true,
+    'remove-scroll': true,
+    // it's nice to hit escape to hide a tooltip
+    // dismiss: true
+};
+const TooltipContent = popper_1.PopperContentFrame.styleable((props, ref) => {
+    const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+    const zIndexFromContext = React.useContext(TooltipZIndexContext);
+    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { scope: props.scope || TOOLTIP_SCOPE, alwaysDisable: ALWAYS_DISABLE_TOOLTIP, ...(!props.unstyled && {
+            backgroundColor: '$background',
+            alignItems: 'center',
+            pointerEvents: 'none',
+            size: '$true',
+        }), ref: ref, ...(zIndexFromContext !== undefined && { zIndex: zIndexFromContext }), ...props, ...(preventAnimation && {
+            transition: null,
+        }) }));
+}, {
+    staticConfig: {
+        componentName: 'Tooltip',
+    },
+});
+const TooltipArrow = React.forwardRef((props, ref) => {
+    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverArrow, { scope: props.scope || TOOLTIP_SCOPE, componentName: "Tooltip", ref: ref, ...props }));
+});
+const PreventTooltipAnimationContext = React.createContext(false);
+const TooltipZIndexContext = React.createContext(undefined);
+const TooltipGroup = ({ children, delay, preventAnimation = false, timeoutMs, }) => {
+    return ((0, jsx_runtime_1.jsx)(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: (0, jsx_runtime_1.jsx)(floating_1.FloatingDelayGroup, { timeoutMs: timeoutMs, delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children: children }) }));
+};
+exports.TooltipGroup = TooltipGroup;
+const setOpens = new Set();
+const closeOpenTooltips = () => {
+    setOpens.forEach((x) => x(false));
+};
+exports.closeOpenTooltips = closeOpenTooltips;
+const TooltipComponent = React.forwardRef(function Tooltip(props, 
+// no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
+ref) {
+    // hooks inside useFloatingFn confuse the React Compiler
+    'use no memo';
+    const { children, delay: delayProp, restMs: restMsProp, onOpenChange: onOpenChangeProp, focus, open: openProp, disableAutoCloseOnScroll, zIndex, scope = TOOLTIP_SCOPE, ...restProps } = props;
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = (0, floating_1.useDelayGroupContext)();
+    // Use delayProp if explicitly provided, otherwise fall back to group delay or default 400
+    const delay = delayProp !== undefined ? delayProp : (delayGroup ?? 400);
+    const restMs = restMsProp ?? (typeof delay === 'number' ? delay : 0);
+    const [open, setOpen] = (0, use_controllable_state_1.useControllableState)({
+        prop: openProp,
+        defaultProp: false,
+        onChange: onOpenChangeProp,
+    });
+    const id = props.groupId;
+    const onOpenChange = (0, core_1.useEvent)((open) => {
+        if (open) {
+            setCurrentId(id);
+        }
+        setOpen(open);
+    });
+    // Auto close when document scroll
+    React.useEffect(() => {
+        if (!open)
+            return;
+        if (disableAutoCloseOnScroll)
+            return;
+        if (typeof document === 'undefined')
+            return;
+        const closeIt = () => {
+            setOpen(false);
+        };
+        setOpens.add(setOpen);
+        document.documentElement.addEventListener('scroll', closeIt);
+        return () => {
+            setOpens.delete(setOpen);
+            document.documentElement.removeEventListener('scroll', closeIt);
+        };
+    }, [open, disableAutoCloseOnScroll]);
+    // use the shared floating context from popover — gives us multi-trigger
+    // hover coordination (onHoverReference/onLeaveReference + grace period)
+    // and safePolygon for free
+    const floatingContext = (0, popover_1.useFloatingContext)({
+        open,
+        setOpen: onOpenChange,
+        disable: false,
+        disableFocus: false,
+        hoverable: true,
+        role: 'tooltip',
+        focus,
+        groupId: id,
+        delay,
+        restMs,
+    });
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = React.useId();
+    const smallerSize = props.unstyled
+        ? null
+        : (0, get_token_1.getSize)('$true', {
+            shift: -2,
+            bounds: [0],
+        });
+    const content = ((0, jsx_runtime_1.jsx)(floating_2.FloatingOverrideContext.Provider, { value: floatingContext, children: (0, jsx_runtime_1.jsx)(popper_1.Popper, { scope: scope, size: smallerSize?.key, allowFlip: true, stayInFrame: true, open: open, ...restProps, children: (0, jsx_runtime_1.jsx)(popover_1.PopoverContextProvider, { scope: scope, contentId: contentId, triggerRef: triggerRef, open: open, onOpenChange: setOpen, onOpenToggle: voidFn, hasCustomAnchor: hasCustomAnchor, onCustomAnchorAdd: onCustomAnchorAdd, onCustomAnchorRemove: onCustomAnchorRemove, children: children }) }) }));
+    if (zIndex !== undefined) {
+        return ((0, jsx_runtime_1.jsx)(TooltipZIndexContext.Provider, { value: zIndex, children: content }));
+    }
+    return content;
+});
+const TooltipTrigger = React.forwardRef(function TooltipTrigger(props, ref) {
+    const { scope, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref: ref });
+});
+const TooltipAnchor = React.forwardRef(function TooltipAnchor(props, ref) {
+    const { scope, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(popover_1.PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref: ref });
+});
+exports.Tooltip = (0, helpers_1.withStaticProperties)(TooltipComponent, {
+    Anchor: TooltipAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: TooltipTrigger,
+});
+const voidFn = () => { };
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/TooltipSimple.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipSimple = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const get_token_1 = require("@hanzogui/get-token");
+const text_1 = require("@hanzogui/text");
+const React = tslib_1.__importStar(require("react"));
+const Tooltip_tsx_1 = require("./Tooltip.js");
+exports.TooltipSimple = React.forwardRef(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+    'use no memo';
+    const child = React.Children.only(children);
+    if (!label) {
+        return children;
+    }
+    return ((0, jsx_runtime_1.jsxs)(Tooltip_tsx_1.Tooltip, { disableRTL: true, offset: 15, restMs: 40, delay: 40, 
+        // ensure tooltips appear above dialogs and other portaled content
+        zIndex: 1000000, ...tooltipProps, ...(disabled ? { open: false } : null), children: [(0, jsx_runtime_1.jsx)(Tooltip_tsx_1.Tooltip.Trigger, { ...(typeof label === 'string' && {
+                    'aria-label': label,
+                }), asChild: "except-style", children: ref && React.isValidElement(child)
+                    ? React.cloneElement(child, { ref })
+                    : child }), (0, jsx_runtime_1.jsxs)(Tooltip_tsx_1.Tooltip.Content, { enterStyle: { y: -4, opacity: 0, scale: 0.96 }, exitStyle: { y: -4, opacity: 0, scale: 0.96 }, scale: 1, elevation: "$0.5", opacity: 1, pointerEvents: "none", paddingVertical: (0, get_token_1.getSpace)(tooltipProps.size || '$true', {
+                    shift: -4,
+                }), animateOnly: ['transform', 'opacity'], transition: [
+                    'quicker',
+                    {
+                        opacity: {
+                            overshootClamping: true,
+                        },
+                    },
+                ], ...contentProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_tsx_1.Tooltip.Arrow, {}), (0, jsx_runtime_1.jsx)(text_1.Paragraph, { maxWidth: 350, overflow: "hidden", size: "$3", textAlign: "center", "$platform-web": {
+                            textWrap: 'balance',
+                        }, children: label })] })] }));
+});
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/cjs/TooltipSimple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipSimple.js","sourceRoot":"","sources":["../../src/TooltipSimple.tsx"],"names":[],"mappings":";;;;;AAAA,mDAA8C;AAE9C,yCAA0C;AAC1C,MAAY,KAAK,0CAAa;AAG9B,8CAAuC;AAS1B,QAAA,aAAa,GAAiC,KAAK,CAAC,UAAU,CACzE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,aAAa,CAAA;IAEb,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,OAAO,CACL,wBAAC,qBAAO,IACN,UAAU,QACV,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE;QACT,kEAAkE;QAClE,MAAM,EAAE,OAAS,KACb,YAAY,KACZ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAEvC,uBAAC,qBAAO,CAAC,OAAO,OACV,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI;oBAChC,YAAY,EAAE,KAAK;iBACpB,CAAC,EACF,OAAO,EAAC,cAAc,YAErB,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBACjC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAS,CAAC;oBAC3C,CAAC,CAAC,KAAK,GACO,EAElB,wBAAC,qBAAO,CAAC,OAAO,IACd,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAC9C,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAC7C,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,EACV,aAAa,EAAC,MAAM,EACpB,eAAe,EAAE,IAAA,oBAAQ,EAAC,YAAY,CAAC,IAAI,IAAI,OAAO,EAAE;oBACtD,KAAK,EAAE,CAAC,CAAC;iBACV,CAAC,EACF,WAAW,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,UAAU,EAAE;oBACV,SAAS;oBACT;wBACE,OAAO,EAAE;4BACP,iBAAiB,EAAE,IAAI;yBACxB;qBACF;iBACF,KACG,YAAY,aAEhB,uBAAC,qBAAO,CAAC,KAAK,KAAG,EACjB,uBAAC,gBAAS,IACR,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,QAAQ,mBACH;4BACb,QAAQ,EAAE,SAAS;yBACpB,YAEA,KAAK,GACI,IACI,IACV,CACX,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/cjs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tooltip.js"), exports);
+tslib_1.__exportStar(require("./TooltipSimple.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/Tooltip.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@hanzogui/polyfill-dev';
+import { FloatingDelayGroup, useDelayGroupContext } from '@hanzogui/floating';
+import { useEvent } from '@hanzogui/core';
+import { FloatingOverrideContext } from '@hanzogui/floating';
+import { getSize } from '@hanzogui/get-token';
+import { withStaticProperties } from '@hanzogui/helpers';
+import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverContextProvider, PopoverTrigger, useFloatingContext, } from '@hanzogui/popover';
+import { Popper, PopperContentFrame } from '@hanzogui/popper';
+import { useControllableState } from '@hanzogui/use-controllable-state';
+import * as React from 'react';
+const TOOLTIP_SCOPE = '';
+// warning: setting to stylebale causes issues with themeInverse across portal root
+// performance: avoid 2 components we never use
+const ALWAYS_DISABLE_TOOLTIP = {
+    focus: true,
+    'remove-scroll': true,
+    // it's nice to hit escape to hide a tooltip
+    // dismiss: true
+};
+const TooltipContent = PopperContentFrame.styleable((props, ref) => {
+    const preventAnimation = React.useContext(PreventTooltipAnimationContext);
+    const zIndexFromContext = React.useContext(TooltipZIndexContext);
+    return (_jsx(PopoverContent, { scope: props.scope || TOOLTIP_SCOPE, alwaysDisable: ALWAYS_DISABLE_TOOLTIP, ...(!props.unstyled && {
+            backgroundColor: '$background',
+            alignItems: 'center',
+            pointerEvents: 'none',
+            size: '$true',
+        }), ref: ref, ...(zIndexFromContext !== undefined && { zIndex: zIndexFromContext }), ...props, ...(preventAnimation && {
+            transition: null,
+        }) }));
+}, {
+    staticConfig: {
+        componentName: 'Tooltip',
+    },
+});
+const TooltipArrow = React.forwardRef((props, ref) => {
+    return (_jsx(PopoverArrow, { scope: props.scope || TOOLTIP_SCOPE, componentName: "Tooltip", ref: ref, ...props }));
+});
+const PreventTooltipAnimationContext = React.createContext(false);
+const TooltipZIndexContext = React.createContext(undefined);
+export const TooltipGroup = ({ children, delay, preventAnimation = false, timeoutMs, }) => {
+    return (_jsx(PreventTooltipAnimationContext.Provider, { value: preventAnimation, children: _jsx(FloatingDelayGroup, { timeoutMs: timeoutMs, delay: React.useMemo(() => delay, [JSON.stringify(delay)]), children: children }) }));
+};
+const setOpens = new Set();
+export const closeOpenTooltips = () => {
+    setOpens.forEach((x) => x(false));
+};
+const TooltipComponent = React.forwardRef(function Tooltip(props, 
+// no real ref here but React complaining need to see why see SandboxCustomStyledAnimatedTooltip.ts
+ref) {
+    // hooks inside useFloatingFn confuse the React Compiler
+    'use no memo';
+    const { children, delay: delayProp, restMs: restMsProp, onOpenChange: onOpenChangeProp, focus, open: openProp, disableAutoCloseOnScroll, zIndex, scope = TOOLTIP_SCOPE, ...restProps } = props;
+    const triggerRef = React.useRef(null);
+    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+    const { delay: delayGroup, setCurrentId } = useDelayGroupContext();
+    // Use delayProp if explicitly provided, otherwise fall back to group delay or default 400
+    const delay = delayProp !== undefined ? delayProp : (delayGroup ?? 400);
+    const restMs = restMsProp ?? (typeof delay === 'number' ? delay : 0);
+    const [open, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: false,
+        onChange: onOpenChangeProp,
+    });
+    const id = props.groupId;
+    const onOpenChange = useEvent((open) => {
+        if (open) {
+            setCurrentId(id);
+        }
+        setOpen(open);
+    });
+    // Auto close when document scroll
+    React.useEffect(() => {
+        if (!open)
+            return;
+        if (disableAutoCloseOnScroll)
+            return;
+        if (typeof document === 'undefined')
+            return;
+        const closeIt = () => {
+            setOpen(false);
+        };
+        setOpens.add(setOpen);
+        document.documentElement.addEventListener('scroll', closeIt);
+        return () => {
+            setOpens.delete(setOpen);
+            document.documentElement.removeEventListener('scroll', closeIt);
+        };
+    }, [open, disableAutoCloseOnScroll]);
+    // use the shared floating context from popover — gives us multi-trigger
+    // hover coordination (onHoverReference/onLeaveReference + grace period)
+    // and safePolygon for free
+    const floatingContext = useFloatingContext({
+        open,
+        setOpen: onOpenChange,
+        disable: false,
+        disableFocus: false,
+        hoverable: true,
+        role: 'tooltip',
+        focus,
+        groupId: id,
+        delay,
+        restMs,
+    });
+    const onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(true), []);
+    const onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(false), []);
+    const contentId = React.useId();
+    const smallerSize = props.unstyled
+        ? null
+        : getSize('$true', {
+            shift: -2,
+            bounds: [0],
+        });
+    const content = (_jsx(FloatingOverrideContext.Provider, { value: floatingContext, children: _jsx(Popper, { scope: scope, size: smallerSize?.key, allowFlip: true, stayInFrame: true, open: open, ...restProps, children: _jsx(PopoverContextProvider, { scope: scope, contentId: contentId, triggerRef: triggerRef, open: open, onOpenChange: setOpen, onOpenToggle: voidFn, hasCustomAnchor: hasCustomAnchor, onCustomAnchorAdd: onCustomAnchorAdd, onCustomAnchorRemove: onCustomAnchorRemove, children: children }) }) }));
+    if (zIndex !== undefined) {
+        return (_jsx(TooltipZIndexContext.Provider, { value: zIndex, children: content }));
+    }
+    return content;
+});
+const TooltipTrigger = React.forwardRef(function TooltipTrigger(props, ref) {
+    const { scope, ...rest } = props;
+    return _jsx(PopoverTrigger, { ...rest, scope: scope || TOOLTIP_SCOPE, ref: ref });
+});
+const TooltipAnchor = React.forwardRef(function TooltipAnchor(props, ref) {
+    const { scope, ...rest } = props;
+    return _jsx(PopoverAnchor, { ...rest, scope: scope || TOOLTIP_SCOPE, ref: ref });
+});
+export const Tooltip = withStaticProperties(TooltipComponent, {
+    Anchor: TooltipAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: TooltipTrigger,
+});
+const voidFn = () => { };
+//# sourceMappingURL=Tooltip.js.map

package/dist/esm/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/esm/TooltipSimple.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getSpace } from '@hanzogui/get-token';
+import { Paragraph } from '@hanzogui/text';
+import * as React from 'react';
+import { Tooltip } from './Tooltip.js';
+export const TooltipSimple = React.forwardRef(({ label, children, contentProps, disabled, ...tooltipProps }, ref) => {
+    'use no memo';
+    const child = React.Children.only(children);
+    if (!label) {
+        return children;
+    }
+    return (_jsxs(Tooltip, { disableRTL: true, offset: 15, restMs: 40, delay: 40, 
+        // ensure tooltips appear above dialogs and other portaled content
+        zIndex: 1000000, ...tooltipProps, ...(disabled ? { open: false } : null), children: [_jsx(Tooltip.Trigger, { ...(typeof label === 'string' && {
+                    'aria-label': label,
+                }), asChild: "except-style", children: ref && React.isValidElement(child)
+                    ? React.cloneElement(child, { ref })
+                    : child }), _jsxs(Tooltip.Content, { enterStyle: { y: -4, opacity: 0, scale: 0.96 }, exitStyle: { y: -4, opacity: 0, scale: 0.96 }, scale: 1, elevation: "$0.5", opacity: 1, pointerEvents: "none", paddingVertical: getSpace(tooltipProps.size || '$true', {
+                    shift: -4,
+                }), animateOnly: ['transform', 'opacity'], transition: [
+                    'quicker',
+                    {
+                        opacity: {
+                            overshootClamping: true,
+                        },
+                    },
+                ], ...contentProps, children: [_jsx(Tooltip.Arrow, {}), _jsx(Paragraph, { maxWidth: 350, overflow: "hidden", size: "$3", textAlign: "center", "$platform-web": {
+                            textWrap: 'balance',
+                        }, children: label })] })] }));
+});
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/esm/TooltipSimple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipSimple.js","sourceRoot":"","sources":["../../src/TooltipSimple.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAA;AASvC,MAAM,CAAC,MAAM,aAAa,GAAiC,KAAK,CAAC,UAAU,CACzE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,aAAa,CAAA;IAEb,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,OAAO,CACL,MAAC,OAAO,IACN,UAAU,QACV,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE;QACT,kEAAkE;QAClE,MAAM,EAAE,OAAS,KACb,YAAY,KACZ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAEvC,KAAC,OAAO,CAAC,OAAO,OACV,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI;oBAChC,YAAY,EAAE,KAAK;iBACpB,CAAC,EACF,OAAO,EAAC,cAAc,YAErB,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBACjC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAS,CAAC;oBAC3C,CAAC,CAAC,KAAK,GACO,EAElB,MAAC,OAAO,CAAC,OAAO,IACd,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAC9C,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAC7C,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,CAAC,EACV,aAAa,EAAC,MAAM,EACpB,eAAe,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,IAAI,OAAO,EAAE;oBACtD,KAAK,EAAE,CAAC,CAAC;iBACV,CAAC,EACF,WAAW,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,UAAU,EAAE;oBACV,SAAS;oBACT;wBACE,OAAO,EAAE;4BACP,iBAAiB,EAAE,IAAI;yBACxB;qBACF;iBACF,KACG,YAAY,aAEhB,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,SAAS,IACR,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,QAAQ,mBACH;4BACb,QAAQ,EAAE,SAAS;yBACpB,YAEA,KAAK,GACI,IACI,IACV,CACX,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export * from "./Tooltip.mjs";
-export * from "./TooltipSimple.mjs";
-//# sourceMappingURL=index.js.map
+export * from './Tooltip.js';
+export * from './TooltipSimple.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAe,CAAA;AAC7B,cAAc,oBAAqB,CAAA"}

package/dist/native/Tooltip.js

@@ -0,0 +1,21 @@
+import { withStaticProperties } from '@hanzogui/helpers';
+// no output on native for now
+// could have an option to long-press or similar to show in a context menu/drawer
+const RenderChildren = (props) => {
+    return props.children;
+};
+const RenderNull = (props) => {
+    return null;
+};
+export const TooltipGroup = () => null;
+export const closeOpenTooltips = () => {
+    /* noop */
+};
+export const Tooltip = withStaticProperties(RenderChildren, {
+    Anchor: RenderChildren,
+    Arrow: RenderNull,
+    Close: RenderNull,
+    Content: RenderNull,
+    Trigger: RenderChildren,
+});
+//# sourceMappingURL=Tooltip.js.map

package/dist/native/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.native.js","sourceRoot":"","sources":["../../src/Tooltip.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAExD,8BAA8B;AAC9B,iFAAiF;AAEjF,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,KAAK,CAAC,QAAQ,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,UAAU;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,oBAAoB,CAAC,cAAc,EAAE;IAC1D,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAA"}

package/dist/native/TooltipSimple.js

@@ -0,0 +1,5 @@
+const RenderChildren = (props) => {
+    return props.children;
+};
+export const TooltipSimple = RenderChildren;
+//# sourceMappingURL=TooltipSimple.js.map

package/dist/native/TooltipSimple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipSimple.native.js","sourceRoot":"","sources":["../../src/TooltipSimple.native.tsx"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,KAAK,CAAC,QAAQ,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAA"}

package/dist/native/index.js

@@ -0,0 +1,3 @@
+export * from './Tooltip.js';
+export * from './TooltipSimple.js';
+//# sourceMappingURL=index.js.map

package/dist/native/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAe,CAAA;AAC7B,cAAc,oBAAqB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/tooltip",
-  "version": "8.3.1",
+  "version": "8.3.3",
   "source": "src/index.tsx",
   "files": [
     "src",
@@ -9,19 +9,19 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/native/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
@@ -34,27 +34,32 @@
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "8.3.1",
-    "@hanzogui/core": "8.3.1",
-    "@hanzogui/create-context": "8.3.1",
-    "@hanzogui/floating": "8.3.1",
-    "@hanzogui/get-token": "8.3.1",
-    "@hanzogui/helpers": "8.3.1",
-    "@hanzogui/polyfill-dev": "8.3.1",
-    "@hanzogui/popover": "8.3.1",
-    "@hanzogui/popper": "8.3.1",
-    "@hanzogui/stacks": "8.3.1",
-    "@hanzogui/text": "8.3.1",
-    "@hanzogui/use-controllable-state": "8.3.1",
-    "@hanzogui/web": "8.3.1"
+    "@hanzogui/compose-refs": "8.3.3",
+    "@hanzogui/core": "8.3.3",
+    "@hanzogui/create-context": "8.3.3",
+    "@hanzogui/floating": "8.3.3",
+    "@hanzogui/get-token": "8.3.3",
+    "@hanzogui/helpers": "8.3.3",
+    "@hanzogui/polyfill-dev": "8.3.3",
+    "@hanzogui/popover": "8.3.3",
+    "@hanzogui/popper": "8.3.3",
+    "@hanzogui/stacks": "8.3.3",
+    "@hanzogui/text": "8.3.3",
+    "@hanzogui/use-controllable-state": "8.3.3",
+    "@hanzogui/web": "8.3.3"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.1",
-    "react": ">=19",
-    "react-native": "0.83.2"
+    "@hanzogui/build": "8.3.3",
+    "react": "19.2.8",
+    "react-native": "^0.87.1"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
-  "module:jsx": "dist/jsx"
+  "module:jsx": "dist/jsx",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hanzoai/gui.git",
+    "directory": "pkgs/ui/tooltip"
+  }
 }

package/src/TooltipSimple.tsx

@@ -3,8 +3,8 @@ import type { SizableStackProps } from '@hanzogui/stacks'
 import { Paragraph } from '@hanzogui/text'
 import * as React from 'react'
 
-import type { TooltipProps } from './Tooltip'
-import { Tooltip } from './Tooltip'
+import type { TooltipProps } from './Tooltip.tsx'
+import { Tooltip } from './Tooltip.tsx'
 
 export type TooltipSimpleProps = TooltipProps & {
   disabled?: boolean

package/src/index.tsx

@@ -1,2 +1,2 @@
-export * from './Tooltip'
-export * from './TooltipSimple'
+export * from './Tooltip.tsx'
+export * from './TooltipSimple.tsx'