@hanzogui/tooltip 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/Tooltip.cjs

@@ -0,0 +1,224 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip2,
+  TooltipGroup: () => TooltipGroup,
+  closeOpenTooltips: () => closeOpenTooltips
+});
+module.exports = __toCommonJS(Tooltip_exports);
+var import_gui_polyfill_dev = require("@hanzo/gui-polyfill-dev"),
+  import_gui_floating = require("@hanzo/gui-floating"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_floating2 = require("@hanzo/gui-floating"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_popover = require("@hanzo/gui-popover"),
+  import_gui_popper = require("@hanzo/gui-popper"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  React = __toESM(require("react"), 1),
+  import_jsx_runtime = require("react/jsx-runtime");
+const TOOLTIP_SCOPE = "",
+  ALWAYS_DISABLE_TOOLTIP = {
+    focus: !0,
+    "remove-scroll": !0
+    // it's nice to hit escape to hide a tooltip
+    // dismiss: true
+  },
+  TooltipContent = import_gui_popper.PopperContentFrame.styleable((props, ref) => {
+    const preventAnimation = React.useContext(PreventTooltipAnimationContext),
+      zIndexFromContext = React.useContext(TooltipZIndexContext);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popover.PopoverContent, {
+      scope: props.scope || TOOLTIP_SCOPE,
+      alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
+      ...(!props.unstyled && {
+        backgroundColor: "$background",
+        alignItems: "center",
+        pointerEvents: "none",
+        size: "$true"
+      }),
+      ref,
+      ...(zIndexFromContext !== void 0 && {
+        zIndex: zIndexFromContext
+      }),
+      ...props,
+      ...(preventAnimation && {
+        transition: null
+      })
+    });
+  }, {
+    staticConfig: {
+      componentName: "Tooltip"
+    }
+  }),
+  TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popover.PopoverArrow, {
+    scope: props.scope || TOOLTIP_SCOPE,
+    componentName: "Tooltip",
+    ref,
+    ...props
+  })),
+  PreventTooltipAnimationContext = React.createContext(!1),
+  TooltipZIndexContext = React.createContext(void 0),
+  TooltipGroup = ({
+    children,
+    delay,
+    preventAnimation = !1,
+    timeoutMs
+  }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(PreventTooltipAnimationContext.Provider, {
+    value: preventAnimation,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_floating.FloatingDelayGroup, {
+      timeoutMs,
+      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
+      children
+    })
+  }),
+  setOpens = /* @__PURE__ */new Set(),
+  closeOpenTooltips = () => {
+    setOpens.forEach(x => x(!1));
+  },
+  TooltipComponent = React.forwardRef(function (props, ref) {
+    "use no memo";
+
+    const {
+        children,
+        delay: delayProp,
+        restMs: restMsProp,
+        onOpenChange: onOpenChangeProp,
+        focus,
+        open: openProp,
+        disableAutoCloseOnScroll,
+        zIndex,
+        scope = TOOLTIP_SCOPE,
+        ...restProps
+      } = props,
+      triggerRef = React.useRef(null),
+      [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1),
+      {
+        delay: delayGroup,
+        setCurrentId
+      } = (0, import_gui_floating.useDelayGroupContext)(),
+      delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400,
+      restMs = restMsProp ?? (typeof delay == "number" ? delay : 0),
+      [open, setOpen] = (0, import_gui_use_controllable_state.useControllableState)({
+        prop: openProp,
+        defaultProp: !1,
+        onChange: onOpenChangeProp
+      }),
+      id = props.groupId,
+      onOpenChange = (0, import_gui_core.useEvent)(open2 => {
+        open2 && setCurrentId(id), setOpen(open2);
+      });
+    React.useEffect(() => {
+      if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
+      const closeIt = () => {
+        setOpen(!1);
+      };
+      return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
+        setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
+      };
+    }, [open, disableAutoCloseOnScroll]);
+    const floatingContext = (0, import_gui_popover.useFloatingContext)({
+        open,
+        setOpen: onOpenChange,
+        disable: !1,
+        disableFocus: !1,
+        hoverable: !0,
+        role: "tooltip",
+        focus,
+        groupId: id,
+        delay,
+        restMs
+      }),
+      onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []),
+      onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []),
+      contentId = React.useId(),
+      smallerSize = props.unstyled ? null : (0, import_gui_get_token.getSize)("$true", {
+        shift: -2,
+        bounds: [0]
+      }),
+      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_floating2.FloatingOverrideContext.Provider, {
+        value: floatingContext,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popper.Popper, {
+          scope,
+          size: smallerSize?.key,
+          allowFlip: !0,
+          stayInFrame: !0,
+          open,
+          ...restProps,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popover.PopoverContextProvider, {
+            scope,
+            contentId,
+            triggerRef,
+            open,
+            onOpenChange: setOpen,
+            onOpenToggle: voidFn,
+            hasCustomAnchor,
+            onCustomAnchorAdd,
+            onCustomAnchorRemove,
+            children
+          })
+        })
+      });
+    return zIndex !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipZIndexContext.Provider, {
+      value: zIndex,
+      children: content
+    }) : content;
+  }),
+  TooltipTrigger = React.forwardRef(function (props, ref) {
+    const {
+      scope,
+      ...rest
+    } = props;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popover.PopoverTrigger, {
+      ...rest,
+      scope: scope || TOOLTIP_SCOPE,
+      ref
+    });
+  }),
+  TooltipAnchor = React.forwardRef(function (props, ref) {
+    const {
+      scope,
+      ...rest
+    } = props;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_popover.PopoverAnchor, {
+      ...rest,
+      scope: scope || TOOLTIP_SCOPE,
+      ref
+    });
+  }),
+  Tooltip2 = (0, import_gui_helpers.withStaticProperties)(TooltipComponent, {
+    Anchor: TooltipAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: TooltipTrigger
+  }),
+  voidFn = () => {};

package/dist/cjs/Tooltip.native.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Tooltip_native_exports = {};
+__export(Tooltip_native_exports, {
+  Tooltip: () => Tooltip,
+  TooltipGroup: () => TooltipGroup,
+  closeOpenTooltips: () => closeOpenTooltips
+});
+module.exports = __toCommonJS(Tooltip_native_exports);
+var import_gui_helpers = require("@hanzo/gui-helpers"),
+  RenderChildren = function (props) {
+    return props.children;
+  },
+  RenderNull = function (props) {
+    return null;
+  },
+  TooltipGroup = function () {
+    return null;
+  },
+  closeOpenTooltips = function () {},
+  Tooltip = (0, import_gui_helpers.withStaticProperties)(RenderChildren, {
+    Anchor: RenderChildren,
+    Arrow: RenderNull,
+    Close: RenderNull,
+    Content: RenderNull,
+    Trigger: RenderChildren
+  });
+//# sourceMappingURL=Tooltip.native.js.map

package/dist/cjs/Tooltip.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tooltip_native_exports","__export","Tooltip","TooltipGroup","closeOpenTooltips","module","exports","__toCommonJS","import_gui_helpers","require","RenderChildren","props","children","RenderNull","withStaticProperties","Anchor","Arrow","Close","Content","Trigger"],"sources":["../../src/Tooltip.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,sBAAA;AAAA,IAAAQ,kBAAA,GAAqCC,OAAA;EAGjCC,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;IACjC,OAAOA,KAAA,CAAMC,QAAA;EACjB;EACIC,UAAA,GAAa,SAAAA,CAASF,KAAA,EAAO;IAC7B,OAAO;EACX;EACWR,YAAA,GAAe,SAAAA,CAAA,EAAW;IACjC,OAAO;EACX;EACWC,iBAAA,GAAoB,SAAAA,CAAA,EAAW,CAAC;EACrBF,OAAA,OAAUM,kBAAA,CAAAM,oBAAA,EAAqBJ,cAAA,EAAgB;IACjEK,MAAA,EAAQL,cAAA;IACRM,KAAA,EAAOH,UAAA;IACPI,KAAA,EAAOJ,UAAA;IACPK,OAAA,EAASL,UAAA;IACTM,OAAA,EAAST;EACb,CAAC","ignoreList":[]}

package/dist/cjs/TooltipSimple.cjs

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var TooltipSimple_exports = {};
+__export(TooltipSimple_exports, {
+  TooltipSimple: () => TooltipSimple
+});
+module.exports = __toCommonJS(TooltipSimple_exports);
+var import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_text = require("@hanzo/gui-text"),
+  React = __toESM(require("react"), 1),
+  import_Tooltip = require("./Tooltip.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const TooltipSimple = React.forwardRef(({
+  label,
+  children,
+  contentProps,
+  disabled,
+  ...tooltipProps
+}, ref) => {
+  "use no memo";
+
+  const child = React.Children.only(children);
+  return label ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Tooltip.Tooltip, {
+    disableRTL: !0,
+    offset: 15,
+    restMs: 40,
+    delay: 40,
+    zIndex: 1e6,
+    ...tooltipProps,
+    ...(disabled ? {
+      open: !1
+    } : null),
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Trigger, {
+      ...(typeof label == "string" && {
+        "aria-label": label
+      }),
+      asChild: "except-style",
+      children: ref && React.isValidElement(child) ? React.cloneElement(child, {
+        ref
+      }) : child
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Tooltip.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, import_gui_get_token.getSpace)(tooltipProps.size || "$true", {
+        shift: -4
+      }),
+      animateOnly: ["transform", "opacity"],
+      transition: ["quicker", {
+        opacity: {
+          overshootClamping: !0
+        }
+      }],
+      ...contentProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_text.Paragraph, {
+        maxWidth: 350,
+        overflow: "hidden",
+        size: "$3",
+        textAlign: "center",
+        "$platform-web": {
+          textWrap: "balance"
+        },
+        children: label
+      })]
+    })]
+  }) : children;
+});

package/dist/cjs/TooltipSimple.native.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var TooltipSimple_native_exports = {};
+__export(TooltipSimple_native_exports, {
+  TooltipSimple: () => TooltipSimple
+});
+module.exports = __toCommonJS(TooltipSimple_native_exports);
+var RenderChildren = function (props) {
+    return props.children;
+  },
+  TooltipSimple = RenderChildren;
+//# sourceMappingURL=TooltipSimple.native.js.map

package/dist/cjs/TooltipSimple.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TooltipSimple_native_exports","__export","TooltipSimple","module","exports","__toCommonJS","RenderChildren","props","children"],"sources":["../../src/TooltipSimple.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,4BAAA;AAAA,IAAIM,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;IACjC,OAAOA,KAAA,CAAMC,QAAA;EACjB;EACWN,aAAA,GAAgBI,cAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Tooltip.cjs"), module.exports);
+__reExport(index_exports, require("./TooltipSimple.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Tooltip.native.js"), module.exports);
+__reExport(index_exports, require("./TooltipSimple.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,yBAAAH,MADd,CAAAC,OAAA","ignoreList":[]}

package/dist/esm/Tooltip.mjs

@@ -0,0 +1,187 @@
+import { FloatingDelayGroup, useDelayGroupContext } from "@hanzo/gui-floating";
+import { useEvent } from "@hanzo/gui-core";
+import { FloatingOverrideContext } from "@hanzo/gui-floating";
+import { getSize } from "@hanzo/gui-get-token";
+import { withStaticProperties } from "@hanzo/gui-helpers";
+import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverContextProvider, PopoverTrigger, useFloatingContext } from "@hanzo/gui-popover";
+import { Popper, PopperContentFrame } from "@hanzo/gui-popper";
+import { useControllableState } from "@hanzo/gui-use-controllable-state";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const TOOLTIP_SCOPE = "",
+  ALWAYS_DISABLE_TOOLTIP = {
+    focus: !0,
+    "remove-scroll": !0
+    // it's nice to hit escape to hide a tooltip
+    // dismiss: true
+  },
+  TooltipContent = PopperContentFrame.styleable((props, ref) => {
+    const preventAnimation = React.useContext(PreventTooltipAnimationContext),
+      zIndexFromContext = React.useContext(TooltipZIndexContext);
+    return /* @__PURE__ */jsx(PopoverContent, {
+      scope: props.scope || TOOLTIP_SCOPE,
+      alwaysDisable: ALWAYS_DISABLE_TOOLTIP,
+      ...(!props.unstyled && {
+        backgroundColor: "$background",
+        alignItems: "center",
+        pointerEvents: "none",
+        size: "$true"
+      }),
+      ref,
+      ...(zIndexFromContext !== void 0 && {
+        zIndex: zIndexFromContext
+      }),
+      ...props,
+      ...(preventAnimation && {
+        transition: null
+      })
+    });
+  }, {
+    staticConfig: {
+      componentName: "Tooltip"
+    }
+  }),
+  TooltipArrow = React.forwardRef((props, ref) => /* @__PURE__ */jsx(PopoverArrow, {
+    scope: props.scope || TOOLTIP_SCOPE,
+    componentName: "Tooltip",
+    ref,
+    ...props
+  })),
+  PreventTooltipAnimationContext = React.createContext(!1),
+  TooltipZIndexContext = React.createContext(void 0),
+  TooltipGroup = ({
+    children,
+    delay,
+    preventAnimation = !1,
+    timeoutMs
+  }) => /* @__PURE__ */jsx(PreventTooltipAnimationContext.Provider, {
+    value: preventAnimation,
+    children: /* @__PURE__ */jsx(FloatingDelayGroup, {
+      timeoutMs,
+      delay: React.useMemo(() => delay, [JSON.stringify(delay)]),
+      children
+    })
+  }),
+  setOpens = /* @__PURE__ */new Set(),
+  closeOpenTooltips = () => {
+    setOpens.forEach(x => x(!1));
+  },
+  TooltipComponent = React.forwardRef(function (props, ref) {
+    "use no memo";
+
+    const {
+        children,
+        delay: delayProp,
+        restMs: restMsProp,
+        onOpenChange: onOpenChangeProp,
+        focus,
+        open: openProp,
+        disableAutoCloseOnScroll,
+        zIndex,
+        scope = TOOLTIP_SCOPE,
+        ...restProps
+      } = props,
+      triggerRef = React.useRef(null),
+      [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1),
+      {
+        delay: delayGroup,
+        setCurrentId
+      } = useDelayGroupContext(),
+      delay = delayProp !== void 0 ? delayProp : delayGroup ?? 400,
+      restMs = restMsProp ?? (typeof delay == "number" ? delay : 0),
+      [open, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: !1,
+        onChange: onOpenChangeProp
+      }),
+      id = props.groupId,
+      onOpenChange = useEvent(open2 => {
+        open2 && setCurrentId(id), setOpen(open2);
+      });
+    React.useEffect(() => {
+      if (!open || disableAutoCloseOnScroll || typeof document > "u") return;
+      const closeIt = () => {
+        setOpen(!1);
+      };
+      return setOpens.add(setOpen), document.documentElement.addEventListener("scroll", closeIt), () => {
+        setOpens.delete(setOpen), document.documentElement.removeEventListener("scroll", closeIt);
+      };
+    }, [open, disableAutoCloseOnScroll]);
+    const floatingContext = useFloatingContext({
+        open,
+        setOpen: onOpenChange,
+        disable: !1,
+        disableFocus: !1,
+        hoverable: !0,
+        role: "tooltip",
+        focus,
+        groupId: id,
+        delay,
+        restMs
+      }),
+      onCustomAnchorAdd = React.useCallback(() => setHasCustomAnchor(!0), []),
+      onCustomAnchorRemove = React.useCallback(() => setHasCustomAnchor(!1), []),
+      contentId = React.useId(),
+      smallerSize = props.unstyled ? null : getSize("$true", {
+        shift: -2,
+        bounds: [0]
+      }),
+      content = /* @__PURE__ */jsx(FloatingOverrideContext.Provider, {
+        value: floatingContext,
+        children: /* @__PURE__ */jsx(Popper, {
+          scope,
+          size: smallerSize?.key,
+          allowFlip: !0,
+          stayInFrame: !0,
+          open,
+          ...restProps,
+          children: /* @__PURE__ */jsx(PopoverContextProvider, {
+            scope,
+            contentId,
+            triggerRef,
+            open,
+            onOpenChange: setOpen,
+            onOpenToggle: voidFn,
+            hasCustomAnchor,
+            onCustomAnchorAdd,
+            onCustomAnchorRemove,
+            children
+          })
+        })
+      });
+    return zIndex !== void 0 ? /* @__PURE__ */jsx(TooltipZIndexContext.Provider, {
+      value: zIndex,
+      children: content
+    }) : content;
+  }),
+  TooltipTrigger = React.forwardRef(function (props, ref) {
+    const {
+      scope,
+      ...rest
+    } = props;
+    return /* @__PURE__ */jsx(PopoverTrigger, {
+      ...rest,
+      scope: scope || TOOLTIP_SCOPE,
+      ref
+    });
+  }),
+  TooltipAnchor = React.forwardRef(function (props, ref) {
+    const {
+      scope,
+      ...rest
+    } = props;
+    return /* @__PURE__ */jsx(PopoverAnchor, {
+      ...rest,
+      scope: scope || TOOLTIP_SCOPE,
+      ref
+    });
+  }),
+  Tooltip2 = withStaticProperties(TooltipComponent, {
+    Anchor: TooltipAnchor,
+    Arrow: TooltipArrow,
+    Content: TooltipContent,
+    Trigger: TooltipTrigger
+  }),
+  voidFn = () => {};
+export { Tooltip2 as Tooltip, TooltipGroup, closeOpenTooltips };
+//# sourceMappingURL=Tooltip.mjs.map