@k2b/ui 0.9.1 → 0.11.0

package/dist/browser/feedback/HoverPreview.js

@@ -0,0 +1,391 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div popover=auto role=dialog tabindex=-1>`);
+import { createEffect, createSignal, createUniqueId, onCleanup, onMount, Show } from "solid-js";
+import { returnFocus, ringOnReturn } from "../internal/focus-return";
+import { positionTooltipSurface } from "./tooltip-position";
+
+/** A resting pointer moving from one anchor to another swaps the card this fast. */
+const SWAP_DELAY = 90;
+/** Grace period for the pointer to travel from an anchor into the card. */
+const CLOSE_DELAY = 180;
+/** Distance to the region and to the boundary edges. */
+const GAP = 8;
+/** Keys the wiring between a controller and its `<HoverPreview>`. */
+const INTERNALS = Symbol("k2b-hover-preview");
+
+/**
+ * Where the card opens. By default it opens to the right of its anchor,
+ * centered on it or aligned with its bottom edge, and flips or clamps to stay
+ * in the viewport. With `beside`, it opens right of that region, such as a list
+ * column, top-aligned with the anchor and clamped into `within` (default: the
+ * viewport); when the card does not fit there, it does not open at all.
+ */
+
+/** Elements that use Space themselves; Space on them never toggles the card. */
+const OWNS_SPACE = ["button, input, select, textarea, summary, [contenteditable]:not([contenteditable='false'])", ...["button", "checkbox", "switch", "radio", "option", "menuitem", "menuitemcheckbox", "menuitemradio", "tab", "treeitem"].map(role => `[role='${role}']`)].join(", ");
+
+/** Open light-dismiss popovers, such as a menu or a date picker, close when another one opens. */
+const AUTO_POPOVER = ":is([popover=''], [popover='auto' i]):popover-open";
+
+/**
+ * Creates the behavior of one hover preview card shared by a group of anchors,
+ * such as the rows of a list. Render the card with `<HoverPreview preview={…}>`.
+ */
+export function createHoverPreview(options = {}) {
+  const id = `k2b-hover-preview-${createUniqueId()}`;
+  const anchors = new Set();
+  const [current, setCurrent] = createSignal();
+  const [open, setOpen] = createSignal(false);
+  let surface;
+  let timer;
+  /** The anchor whose open delay runs while the card is closed. */
+  let pending;
+  /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */
+  let pinned;
+  let dismissed;
+  let ring = true;
+  let observer;
+  const placement = () => options.placement ?? {};
+  const region = () => {
+    const value = placement();
+    return "beside" in value ? value : undefined;
+  };
+  const focusTarget = anchor => anchor.trigger?.() ?? anchor.element;
+  const anchorOf = node => [...anchors].find(anchor => anchor.element.contains(node));
+  const clear = () => {
+    clearTimeout(timer);
+    timer = undefined;
+    if (pending && !open()) document.removeEventListener("keydown", escape);
+    pending = undefined;
+  };
+  /** A passive card never closes a menu or another popover someone opened on purpose. */
+  const blocked = () => [...document.querySelectorAll(AUTO_POPOVER)].some(popover => popover !== surface && !(surface && popover.contains(surface)));
+
+  /** The boundary rectangle, never larger than the viewport. */
+  const bounds = within => {
+    const rect = within?.getBoundingClientRect();
+    return {
+      top: Math.max(0, rect?.top ?? 0),
+      right: Math.min(window.innerWidth, rect?.right ?? window.innerWidth),
+      bottom: Math.min(window.innerHeight, rect?.bottom ?? window.innerHeight)
+    };
+  };
+  /** Room right of the region for the card plus a gap on both sides. Works while the card is hidden. */
+  const hasRoom = () => {
+    const beside = region();
+    if (!beside || !surface) return true;
+    const area = beside.beside()?.getBoundingClientRect();
+    if (!area) return false;
+    const width = surface.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(surface).width) || 0;
+    return bounds(beside.within?.()).right - area.right >= width + 2 * GAP;
+  };
+  const position = () => {
+    const anchor = current();
+    if (!surface || !anchor) return;
+    const beside = region();
+    if (beside) {
+      const area = beside.beside()?.getBoundingClientRect() ?? anchor.element.getBoundingClientRect();
+      const box = bounds(beside.within?.());
+      const height = surface.getBoundingClientRect().height;
+      const top = anchor.element.getBoundingClientRect().top;
+      surface.style.left = `${Math.round(area.right + GAP)}px`;
+      surface.style.top = `${Math.round(Math.max(box.top + GAP, Math.min(top, box.bottom - height - GAP)))}px`;
+      return;
+    }
+    positionTooltipSurface(surface, anchor.element, "right");
+    const value = placement();
+    if (!("beside" in value) && value.align === "end") {
+      const height = surface.getBoundingClientRect().height;
+      const bottom = anchor.element.getBoundingClientRect().bottom;
+      surface.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;
+    }
+  };
+  const escape = event => {
+    if (event.key !== "Escape") return;
+    if (!open()) {
+      // Escape during the open delay works as if the card had opened and closed.
+      if (pending) dismissed = pending;
+      clear();
+      return;
+    }
+    // Focus in the card goes back to the trigger: handled here, so the browser
+    // neither returns it itself nor lights the ring for this key. A card the
+    // pointer opened leaves the key to other handlers, such as an open modeless dialog.
+    if (surface?.contains(document.activeElement)) event.preventDefault();
+    dismiss();
+  };
+  // A card beside a region belongs to a row of a scrolling list: once the list
+  // scrolls, another row sits under the pointer, so the card closes. A card
+  // beside its anchor follows it.
+  const scroll = event => {
+    const target = event.target;
+    if (!region()) return position();
+    if (!(target instanceof Node) || surface?.contains(target)) return;
+    const anchor = current();
+    if (!anchor || target.contains(anchor.element)) hide();
+  };
+  const resize = () => {
+    if (hasRoom()) position();else hide();
+  };
+  const listen = on => {
+    if (on) {
+      document.addEventListener("keydown", escape);
+      window.addEventListener("scroll", scroll, true);
+      window.addEventListener("resize", resize);
+      return;
+    }
+    document.removeEventListener("keydown", escape);
+    window.removeEventListener("scroll", scroll, true);
+    window.removeEventListener("resize", resize);
+  };
+  const hide = () => {
+    clear();
+    pinned = undefined;
+    if (!open()) return;
+    setOpen(false);
+    listen(false);
+    try {
+      surface?.hidePopover();
+    } catch {
+      // The card may already be disconnected during cleanup.
+    }
+  };
+  const dismiss = () => {
+    const anchor = current();
+    dismissed = anchor;
+    // Before hiding, so the popover does not return focus on its own.
+    if (anchor && surface?.contains(document.activeElement)) returnFocus(focusTarget(anchor), ring);
+    hide();
+  };
+  /**
+   * Opens the card for `anchor` or moves it there; `pin` keeps it open after
+   * the pointer leaves. Moving the card to another anchor drops an earlier pin.
+   * Returns whether it is open for `anchor`.
+   */
+  const show = (anchor, pin) => {
+    clear();
+    if (!surface || dismissed === anchor) return false;
+    if (options.disabled?.(anchor.value) || !hasRoom()) {
+      hide();
+      return false;
+    }
+    if (!open() || current() !== anchor) {
+      ring = ringOnReturn(focusTarget(anchor));
+      setCurrent(anchor);
+      if (!open()) {
+        try {
+          surface.showPopover();
+        } catch {
+          return false;
+        }
+        setOpen(true);
+        listen(true);
+      }
+      position();
+      pinned = undefined;
+    }
+    if (pin) pinned = anchor;
+    return true;
+  };
+  /** Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing pin along. */
+  const schedule = (anchor, delay, follow = false) => {
+    clear();
+    if (!open()) {
+      pending = anchor;
+      document.addEventListener("keydown", escape);
+    }
+    timer = setTimeout(() => {
+      if (open()) show(anchor, follow && pinned !== undefined);else if (blocked()) clear();else show(anchor, false);
+    }, delay);
+  };
+  const leave = () => {
+    clear();
+    dismissed = undefined;
+    if (pinned && pinned === current()) return;
+    timer = setTimeout(() => {
+      // Focus holds the card open inside it, and on the anchor where focus opens it.
+      const focused = document.activeElement;
+      const held = surface?.contains(focused) || options.keyboard === "focus" && current()?.element.contains(focused);
+      if (!held) hide();
+    }, CLOSE_DELAY);
+  };
+  const focusOut = event => {
+    const next = event.relatedTarget;
+    if (next instanceof Node && (surface?.contains(next) || anchorOf(next))) return;
+    pinned = undefined;
+    leave();
+  };
+  createEffect(() => {
+    const anchor = current();
+    if (open() && anchor && options.disabled?.(anchor.value)) hide();
+  });
+  // Only an open card holds global listeners, so a server render that
+  // disposes the controller touches no browser globals.
+  onCleanup(() => {
+    hide();
+    observer?.disconnect();
+  });
+  const anchor = (value, trigger) => element => {
+    const entry = {
+      value,
+      element,
+      trigger
+    };
+    anchors.add(entry);
+    const pointerEnter = event => {
+      // Touch and pen have no resting hover; the card stays a mouse affordance.
+      if (event.pointerType !== "mouse") return;
+      clear();
+      if (open() && current() === entry || dismissed === entry) return;
+      schedule(entry, open() ? SWAP_DELAY : options.openDelay ?? 250);
+    };
+    // The open delay counts from the moment the mouse rests. An open card
+    // swaps on entering another anchor and ignores movement inside it.
+    const pointerMove = event => {
+      if (event.pointerType === "mouse" && !open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250);
+    };
+    // A press acts on the row, such as opening it or its menu; a card about to open stays closed.
+    const pointerDown = () => clear();
+    const focusIn = () => {
+      if (open()) {
+        if (current() === entry) clear();else schedule(entry, SWAP_DELAY, true);
+        return;
+      }
+      clear();
+      if (options.keyboard === "focus" && dismissed !== entry) schedule(entry, options.openDelay ?? 250);
+    };
+    const keyDown = event => {
+      if (options.keyboard === "focus" || event.key !== " " || event.defaultPrevented) return;
+      // Shift+Space keeps scrolling up; other modifiers belong to shortcuts.
+      if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;
+      if (event.target instanceof Element && event.target.matches(OWNS_SPACE)) return;
+      event.preventDefault();
+      // A held key toggles once; its repeats only keep the page from scrolling.
+      if (event.repeat) return;
+      if (open() && current() === entry) {
+        dismiss();
+        return;
+      }
+      dismissed = undefined;
+      show(entry, true);
+    };
+    element.addEventListener("pointerenter", pointerEnter);
+    element.addEventListener("pointermove", pointerMove);
+    element.addEventListener("pointerdown", pointerDown);
+    element.addEventListener("pointerleave", leave);
+    element.addEventListener("focusin", focusIn);
+    element.addEventListener("focusout", focusOut);
+    element.addEventListener("keydown", keyDown);
+    onCleanup(() => {
+      anchors.delete(entry);
+      if (current() === entry) hide();
+      element.removeEventListener("pointerenter", pointerEnter);
+      element.removeEventListener("pointermove", pointerMove);
+      element.removeEventListener("pointerdown", pointerDown);
+      element.removeEventListener("pointerleave", leave);
+      element.removeEventListener("focusin", focusIn);
+      element.removeEventListener("focusout", focusOut);
+      element.removeEventListener("keydown", keyDown);
+    });
+  };
+  return {
+    id,
+    anchor,
+    active: () => open() ? current()?.value : undefined,
+    toggle: value => {
+      const entry = [...anchors].find(candidate => candidate.value === value);
+      if (!entry || !surface) return;
+      clear();
+      if (open() && pinned === entry && current() === entry) {
+        dismiss();
+        return;
+      }
+      // A hover may have opened the card before this click or key press pinned it.
+      ring = ringOnReturn(focusTarget(entry));
+      dismissed = undefined;
+      if (show(entry, true)) surface.focus();
+    },
+    close: dismiss,
+    [INTERNALS]: {
+      current,
+      bind: element => {
+        surface = element;
+        observer = new ResizeObserver(() => {
+          if (open()) position();
+        });
+        observer.observe(element);
+      },
+      enterSurface: clear,
+      leave,
+      focusOut,
+      toggled: visible => {
+        // Light dismissal by the browser: an outside click or another popover.
+        // The event of a close this controller made itself arrives later, when
+        // the pointer may already wait on the next anchor; that delay stays.
+        if (!visible && open()) {
+          clear();
+          pinned = undefined;
+          setOpen(false);
+          listen(false);
+        }
+        options.onOpenChange?.(visible);
+      }
+    }
+  };
+}
+/**
+ * A non-modal card that opens beside the anchor a resting mouse points at.
+ * Native popover owns the top layer and light dismissal.
+ */
+export function HoverPreview(props) {
+  const state = props.preview[INTERNALS];
+  let surface;
+  onMount(() => state.bind(surface));
+  const content = () => {
+    const children = props.children;
+    if (typeof children !== "function") return children;
+    return _$createComponent(Show, {
+      get when() {
+        return state.current();
+      },
+      keyed: true,
+      children: anchor => children(anchor.value)
+    });
+  };
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _el$.addEventListener("toggle", event => state.toggled(event.newState === "open"));
+    _$addEventListener(_el$, "focusout", event => state.focusOut(event));
+    _el$.addEventListener("pointerleave", () => state.leave());
+    _el$.addEventListener("pointerenter", () => state.enterSurface());
+    var _ref$ = surface;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : surface = _el$;
+    _$insert(_el$, content);
+    _$effect(_p$ => {
+      var _v$ = props.preview.id,
+        _v$2 = props.label,
+        _v$3 = props.class ? `k2b-hover-preview ${props.class}` : "k2b-hover-preview",
+        _v$4 = props.size ?? "content";
+      _v$ !== _p$.e && _$setAttribute(_el$, "id", _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "aria-label", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$className(_el$, _p$.a = _v$3);
+      _v$4 !== _p$.o && _$setAttribute(_el$, "data-size", _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$;
+  })();
+}
+//# sourceMappingURL=HoverPreview.js.map

package/dist/browser/feedback/HoverPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["feedback/HoverPreview.tsx"],"sourcesContent":["import { type Accessor, createEffect, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { positionTooltipSurface } from \"./tooltip-position\";\n\n/** A resting pointer moving from one anchor to another swaps the card this fast. */\nconst SWAP_DELAY = 90;\n/** Grace period for the pointer to travel from an anchor into the card. */\nconst CLOSE_DELAY = 180;\n/** Distance to the region and to the boundary edges. */\nconst GAP = 8;\n/** Keys the wiring between a controller and its `<HoverPreview>`. */\nconst INTERNALS = Symbol(\"k2b-hover-preview\");\n\n/**\n * Where the card opens. By default it opens to the right of its anchor,\n * centered on it or aligned with its bottom edge, and flips or clamps to stay\n * in the viewport. With `beside`, it opens right of that region, such as a list\n * column, top-aligned with the anchor and clamped into `within` (default: the\n * viewport); when the card does not fit there, it does not open at all.\n */\nexport type HoverPreviewPlacement =\n  | { align?: \"center\" | \"end\" }\n  | { beside: () => HTMLElement | null | undefined; within?: () => HTMLElement | null | undefined };\n\nexport type HoverPreviewOptions<T> = {\n  /** Milliseconds a resting mouse waits on an anchor before the card opens. Defaults to 250. */\n  openDelay?: number;\n  /**\n   * How keyboard users open the card: `\"space\"` (default) toggles it with Space\n   * on the focused anchor and leaves focus there; `\"focus\"` opens it after the\n   * open delay whenever an anchor receives focus.\n   */\n  keyboard?: \"space\" | \"focus\";\n  placement?: HoverPreviewPlacement;\n  /** Anchors whose value is disabled open no card; an open card closes once its value becomes disabled. */\n  disabled?: (value: T) => boolean;\n  /** Runs whenever the card opens or closes, including light dismissal by the browser. */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport type HoverPreviewController<T> = {\n  /** Id of the card element, for `aria-controls`. */\n  readonly id: string;\n  /**\n   * Registers an anchor element for `value`; use the result as a `ref`.\n   * `trigger` is the control that toggles the card for this anchor; Escape\n   * returns focus there when focus is inside the card. Defaults to the anchor.\n   */\n  anchor: (value: T, trigger?: () => HTMLElement | null | undefined) => (element: HTMLElement) => void;\n  /** The value whose card is open, or `undefined` while closed. */\n  active: Accessor<T | undefined>;\n  /** Opens the card for `value` at once and moves focus into it, or closes it when it is already pinned open. */\n  toggle: (value: T) => void;\n  /** Closes the card; it reopens for the same anchor only after the pointer left it. */\n  close: () => void;\n  /** Wiring for `<HoverPreview>`; not part of the public contract. */\n  readonly [INTERNALS]: Internals<T>;\n};\n\ntype Anchor<T> = { value: T; element: HTMLElement; trigger?: () => HTMLElement | null | undefined };\n\ntype Internals<T> = {\n  current: Accessor<Anchor<T> | undefined>;\n  bind: (surface: HTMLElement) => void;\n  enterSurface: () => void;\n  leave: () => void;\n  focusOut: (event: FocusEvent) => void;\n  toggled: (open: boolean) => void;\n};\n\n/** Elements that use Space themselves; Space on them never toggles the card. */\nconst OWNS_SPACE = [\n  \"button, input, select, textarea, summary, [contenteditable]:not([contenteditable='false'])\",\n  ...[\"button\", \"checkbox\", \"switch\", \"radio\", \"option\", \"menuitem\", \"menuitemcheckbox\", \"menuitemradio\", \"tab\", \"treeitem\"].map(\n    (role) => `[role='${role}']`,\n  ),\n].join(\", \");\n\n/** Open light-dismiss popovers, such as a menu or a date picker, close when another one opens. */\nconst AUTO_POPOVER = \":is([popover=''], [popover='auto' i]):popover-open\";\n\n/**\n * Creates the behavior of one hover preview card shared by a group of anchors,\n * such as the rows of a list. Render the card with `<HoverPreview preview={…}>`.\n */\nexport function createHoverPreview<T>(options: HoverPreviewOptions<T> = {}): HoverPreviewController<T> {\n  const id = `k2b-hover-preview-${createUniqueId()}`;\n  const anchors = new Set<Anchor<T>>();\n  const [current, setCurrent] = createSignal<Anchor<T>>();\n  const [open, setOpen] = createSignal(false);\n  let surface: HTMLElement | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  /** The anchor whose open delay runs while the card is closed. */\n  let pending: Anchor<T> | undefined;\n  /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */\n  let pinned: Anchor<T> | undefined;\n  let dismissed: Anchor<T> | undefined;\n  let ring = true;\n  let observer: ResizeObserver | undefined;\n\n  const placement = (): HoverPreviewPlacement => options.placement ?? {};\n  const region = () => {\n    const value = placement();\n    return \"beside\" in value ? value : undefined;\n  };\n  const focusTarget = (anchor: Anchor<T>) => anchor.trigger?.() ?? anchor.element;\n  const anchorOf = (node: Node) => [...anchors].find((anchor) => anchor.element.contains(node));\n  const clear = () => {\n    clearTimeout(timer);\n    timer = undefined;\n    if (pending && !open()) document.removeEventListener(\"keydown\", escape);\n    pending = undefined;\n  };\n  /** A passive card never closes a menu or another popover someone opened on purpose. */\n  const blocked = () =>\n    [...document.querySelectorAll(AUTO_POPOVER)].some((popover) => popover !== surface && !(surface && popover.contains(surface)));\n\n  /** The boundary rectangle, never larger than the viewport. */\n  const bounds = (within: Element | null | undefined) => {\n    const rect = within?.getBoundingClientRect();\n    return {\n      top: Math.max(0, rect?.top ?? 0),\n      right: Math.min(window.innerWidth, rect?.right ?? window.innerWidth),\n      bottom: Math.min(window.innerHeight, rect?.bottom ?? window.innerHeight),\n    };\n  };\n  /** Room right of the region for the card plus a gap on both sides. Works while the card is hidden. */\n  const hasRoom = () => {\n    const beside = region();\n    if (!beside || !surface) return true;\n    const area = beside.beside()?.getBoundingClientRect();\n    if (!area) return false;\n    const width = surface.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(surface).width) || 0;\n    return bounds(beside.within?.()).right - area.right >= width + 2 * GAP;\n  };\n  const position = () => {\n    const anchor = current();\n    if (!surface || !anchor) return;\n    const beside = region();\n    if (beside) {\n      const area = beside.beside()?.getBoundingClientRect() ?? anchor.element.getBoundingClientRect();\n      const box = bounds(beside.within?.());\n      const height = surface.getBoundingClientRect().height;\n      const top = anchor.element.getBoundingClientRect().top;\n      surface.style.left = `${Math.round(area.right + GAP)}px`;\n      surface.style.top = `${Math.round(Math.max(box.top + GAP, Math.min(top, box.bottom - height - GAP)))}px`;\n      return;\n    }\n    positionTooltipSurface(surface, anchor.element, \"right\");\n    const value = placement();\n    if (!(\"beside\" in value) && value.align === \"end\") {\n      const height = surface.getBoundingClientRect().height;\n      const bottom = anchor.element.getBoundingClientRect().bottom;\n      surface.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;\n    }\n  };\n\n  const escape = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\") return;\n    if (!open()) {\n      // Escape during the open delay works as if the card had opened and closed.\n      if (pending) dismissed = pending;\n      clear();\n      return;\n    }\n    // Focus in the card goes back to the trigger: handled here, so the browser\n    // neither returns it itself nor lights the ring for this key. A card the\n    // pointer opened leaves the key to other handlers, such as an open modeless dialog.\n    if (surface?.contains(document.activeElement)) event.preventDefault();\n    dismiss();\n  };\n  // A card beside a region belongs to a row of a scrolling list: once the list\n  // scrolls, another row sits under the pointer, so the card closes. A card\n  // beside its anchor follows it.\n  const scroll = (event: Event) => {\n    const target = event.target;\n    if (!region()) return position();\n    if (!(target instanceof Node) || surface?.contains(target)) return;\n    const anchor = current();\n    if (!anchor || target.contains(anchor.element)) hide();\n  };\n  const resize = () => {\n    if (hasRoom()) position();\n    else hide();\n  };\n  const listen = (on: boolean) => {\n    if (on) {\n      document.addEventListener(\"keydown\", escape);\n      window.addEventListener(\"scroll\", scroll, true);\n      window.addEventListener(\"resize\", resize);\n      return;\n    }\n    document.removeEventListener(\"keydown\", escape);\n    window.removeEventListener(\"scroll\", scroll, true);\n    window.removeEventListener(\"resize\", resize);\n  };\n\n  const hide = () => {\n    clear();\n    pinned = undefined;\n    if (!open()) return;\n    setOpen(false);\n    listen(false);\n    try {\n      surface?.hidePopover();\n    } catch {\n      // The card may already be disconnected during cleanup.\n    }\n  };\n  const dismiss = () => {\n    const anchor = current();\n    dismissed = anchor;\n    // Before hiding, so the popover does not return focus on its own.\n    if (anchor && surface?.contains(document.activeElement)) returnFocus(focusTarget(anchor), ring);\n    hide();\n  };\n  /**\n   * Opens the card for `anchor` or moves it there; `pin` keeps it open after\n   * the pointer leaves. Moving the card to another anchor drops an earlier pin.\n   * Returns whether it is open for `anchor`.\n   */\n  const show = (anchor: Anchor<T>, pin: boolean): boolean => {\n    clear();\n    if (!surface || dismissed === anchor) return false;\n    if (options.disabled?.(anchor.value) || !hasRoom()) {\n      hide();\n      return false;\n    }\n    if (!open() || current() !== anchor) {\n      ring = ringOnReturn(focusTarget(anchor));\n      setCurrent(anchor);\n      if (!open()) {\n        try {\n          surface.showPopover();\n        } catch {\n          return false;\n        }\n        setOpen(true);\n        listen(true);\n      }\n      position();\n      pinned = undefined;\n    }\n    if (pin) pinned = anchor;\n    return true;\n  };\n  /** Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing pin along. */\n  const schedule = (anchor: Anchor<T>, delay: number, follow = false) => {\n    clear();\n    if (!open()) {\n      pending = anchor;\n      document.addEventListener(\"keydown\", escape);\n    }\n    timer = setTimeout(() => {\n      if (open()) show(anchor, follow && pinned !== undefined);\n      else if (blocked()) clear();\n      else show(anchor, false);\n    }, delay);\n  };\n  const leave = () => {\n    clear();\n    dismissed = undefined;\n    if (pinned && pinned === current()) return;\n    timer = setTimeout(() => {\n      // Focus holds the card open inside it, and on the anchor where focus opens it.\n      const focused = document.activeElement;\n      const held = surface?.contains(focused) || (options.keyboard === \"focus\" && current()?.element.contains(focused));\n      if (!held) hide();\n    }, CLOSE_DELAY);\n  };\n  const focusOut = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && (surface?.contains(next) || anchorOf(next))) return;\n    pinned = undefined;\n    leave();\n  };\n\n  createEffect(() => {\n    const anchor = current();\n    if (open() && anchor && options.disabled?.(anchor.value)) hide();\n  });\n  // Only an open card holds global listeners, so a server render that\n  // disposes the controller touches no browser globals.\n  onCleanup(() => {\n    hide();\n    observer?.disconnect();\n  });\n\n  const anchor =\n    (value: T, trigger?: () => HTMLElement | null | undefined) =>\n    (element: HTMLElement): void => {\n      const entry: Anchor<T> = { value, element, trigger };\n      anchors.add(entry);\n      const pointerEnter = (event: PointerEvent) => {\n        // Touch and pen have no resting hover; the card stays a mouse affordance.\n        if (event.pointerType !== \"mouse\") return;\n        clear();\n        if ((open() && current() === entry) || dismissed === entry) return;\n        schedule(entry, open() ? SWAP_DELAY : (options.openDelay ?? 250));\n      };\n      // The open delay counts from the moment the mouse rests. An open card\n      // swaps on entering another anchor and ignores movement inside it.\n      const pointerMove = (event: PointerEvent) => {\n        if (event.pointerType === \"mouse\" && !open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250);\n      };\n      // A press acts on the row, such as opening it or its menu; a card about to open stays closed.\n      const pointerDown = () => clear();\n      const focusIn = () => {\n        if (open()) {\n          if (current() === entry) clear();\n          else schedule(entry, SWAP_DELAY, true);\n          return;\n        }\n        clear();\n        if (options.keyboard === \"focus\" && dismissed !== entry) schedule(entry, options.openDelay ?? 250);\n      };\n      const keyDown = (event: KeyboardEvent) => {\n        if (options.keyboard === \"focus\" || event.key !== \" \" || event.defaultPrevented) return;\n        // Shift+Space keeps scrolling up; other modifiers belong to shortcuts.\n        if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;\n        if (event.target instanceof Element && event.target.matches(OWNS_SPACE)) return;\n        event.preventDefault();\n        // A held key toggles once; its repeats only keep the page from scrolling.\n        if (event.repeat) return;\n        if (open() && current() === entry) {\n          dismiss();\n          return;\n        }\n        dismissed = undefined;\n        show(entry, true);\n      };\n      element.addEventListener(\"pointerenter\", pointerEnter);\n      element.addEventListener(\"pointermove\", pointerMove);\n      element.addEventListener(\"pointerdown\", pointerDown);\n      element.addEventListener(\"pointerleave\", leave);\n      element.addEventListener(\"focusin\", focusIn);\n      element.addEventListener(\"focusout\", focusOut);\n      element.addEventListener(\"keydown\", keyDown);\n      onCleanup(() => {\n        anchors.delete(entry);\n        if (current() === entry) hide();\n        element.removeEventListener(\"pointerenter\", pointerEnter);\n        element.removeEventListener(\"pointermove\", pointerMove);\n        element.removeEventListener(\"pointerdown\", pointerDown);\n        element.removeEventListener(\"pointerleave\", leave);\n        element.removeEventListener(\"focusin\", focusIn);\n        element.removeEventListener(\"focusout\", focusOut);\n        element.removeEventListener(\"keydown\", keyDown);\n      });\n    };\n\n  return {\n    id,\n    anchor,\n    active: () => (open() ? current()?.value : undefined),\n    toggle: (value) => {\n      const entry = [...anchors].find((candidate) => candidate.value === value);\n      if (!entry || !surface) return;\n      clear();\n      if (open() && pinned === entry && current() === entry) {\n        dismiss();\n        return;\n      }\n      // A hover may have opened the card before this click or key press pinned it.\n      ring = ringOnReturn(focusTarget(entry));\n      dismissed = undefined;\n      if (show(entry, true)) surface.focus();\n    },\n    close: dismiss,\n    [INTERNALS]: {\n      current,\n      bind: (element) => {\n        surface = element;\n        observer = new ResizeObserver(() => {\n          if (open()) position();\n        });\n        observer.observe(element);\n      },\n      enterSurface: clear,\n      leave,\n      focusOut,\n      toggled: (visible) => {\n        // Light dismissal by the browser: an outside click or another popover.\n        // The event of a close this controller made itself arrives later, when\n        // the pointer may already wait on the next anchor; that delay stays.\n        if (!visible && open()) {\n          clear();\n          pinned = undefined;\n          setOpen(false);\n          listen(false);\n        }\n        options.onOpenChange?.(visible);\n      },\n    },\n  };\n}\n\nexport type HoverPreviewProps<T> = {\n  preview: HoverPreviewController<T>;\n  /** Accessible name of the card. */\n  label: string;\n  /** `\"content\"` (default) sizes the card to its content up to 32rem; `\"fixed\"` keeps one 22rem × 20rem box for every anchor. */\n  size?: \"content\" | \"fixed\";\n  class?: string;\n  /** Plain content stays mounted while the card is closed; a function renders the open anchor's value. */\n  children: JSX.Element | ((value: T) => JSX.Element);\n};\n\n/**\n * A non-modal card that opens beside the anchor a resting mouse points at.\n * Native popover owns the top layer and light dismissal.\n */\nexport function HoverPreview<T>(props: HoverPreviewProps<T>): JSX.Element {\n  const state = props.preview[INTERNALS];\n  let surface!: HTMLDivElement;\n  onMount(() => state.bind(surface));\n  const content = () => {\n    const children = props.children;\n    if (typeof children !== \"function\") return children;\n    return (\n      <Show when={state.current()} keyed>\n        {(anchor) => children(anchor.value)}\n      </Show>\n    );\n  };\n  return (\n    <div\n      ref={surface}\n      id={props.preview.id}\n      popover=\"auto\"\n      role=\"dialog\"\n      aria-label={props.label}\n      tabIndex={-1}\n      class={props.class ? `k2b-hover-preview ${props.class}` : \"k2b-hover-preview\"}\n      data-size={props.size ?? \"content\"}\n      onPointerEnter={() => state.enterSurface()}\n      onPointerLeave={() => state.leave()}\n      on:focusout={(event) => state.focusOut(event)}\n      onToggle={(event) => state.toggled(event.newState === \"open\")}\n    >\n      {content()}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/feedback/Tooltip.js

@@ -12,8 +12,25 @@ import { use as _$use } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<span role=tooltip popover=manual class=k2b-tooltip>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<span><!$><!/><!$><!/>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<button>`);
-import { createEffect, createUniqueId, onCleanup, onMount, splitProps } from "solid-js";
+import { createContext, createEffect, createUniqueId, onCleanup, onMount, splitProps, useContext } from "solid-js";
 import { positionTooltipSurface } from "./tooltip-position";
+/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */
+const AnchorContext = createContext(false);
+
+/**
+ * The hint an icon-only control shows by default: its label, unless the caller
+ * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already
+ * owns the hint.
+ */
+export const useLabelTooltip = (tooltip, label) => {
+  const anchored = useContext(AnchorContext);
+  return () => {
+    const explicit = tooltip();
+    if (explicit !== undefined) return explicit;
+    return anchored ? false : label();
+  };
+};
+
 /**
  * Low-level tooltip surface for components that already own their target DOM
  * element. Most callers should use Button.tooltip, IconButton.tooltip, or
@@ -72,10 +89,29 @@ function TooltipSurface(props) {
   onMount(() => {
     target = props.target();
     if (!target) return;
+
+    // Server HTML may carry a native title as the no-JavaScript hint; once
+    // hydrated, this surface replaces it so the hint does not appear twice.
+    const originalTitle = target.getAttribute("title");
+    target.removeAttribute("title");
+    // A hint that only repeats the control's accessible name adds nothing for
+    // assistive technology, so it does not become a description.
+    const repeatsName = surface?.textContent?.trim() === target.getAttribute("aria-label")?.trim();
     const originalDescription = target.getAttribute("aria-describedby");
     const descriptions = new Set(originalDescription?.split(/\s+/).filter(Boolean) ?? []);
-    descriptions.add(tooltipId);
-    target.setAttribute("aria-describedby", [...descriptions].join(" "));
+    if (!repeatsName) descriptions.add(tooltipId);
+    if (descriptions.size > 0) target.setAttribute("aria-describedby", [...descriptions].join(" "));
+
+    // Touch has no hover, so a tap never opens the hint; the label stays the
+    // accessible name.
+    const enter = event => {
+      if (event.pointerType !== "touch") open();
+    };
+    // Only visible focus, as from the keyboard, opens the hint. Focus that a
+    // click or tap gives, or that a closing overlay returns silently, does not.
+    const focusIn = event => {
+      if (event.target?.matches?.(":focus-visible")) open();
+    };
     const leave = () => {
       dismissedUntilLeave = false;
       close();
@@ -87,18 +123,19 @@ function TooltipSurface(props) {
       dismissedUntilLeave = true;
       close();
     };
-    target.addEventListener("pointerenter", open);
+    target.addEventListener("pointerenter", enter);
     target.addEventListener("pointerleave", leave);
     target.addEventListener("pointerdown", pointerDown);
-    target.addEventListener("focusin", open);
+    target.addEventListener("focusin", focusIn);
     target.addEventListener("focusout", focusOut);
     onCleanup(() => {
       close();
+      if (originalTitle !== null) target?.setAttribute("title", originalTitle);
       if (originalDescription) target?.setAttribute("aria-describedby", originalDescription);else target?.removeAttribute("aria-describedby");
-      target?.removeEventListener("pointerenter", open);
+      target?.removeEventListener("pointerenter", enter);
       target?.removeEventListener("pointerleave", leave);
       target?.removeEventListener("pointerdown", pointerDown);
-      target?.removeEventListener("focusin", open);
+      target?.removeEventListener("focusin", focusIn);
       target?.removeEventListener("focusout", focusOut);
     });
   });
@@ -130,7 +167,12 @@ function TooltipAnchor(props) {
         return `k2b-tooltip-wrapper ${local.class ?? ""}`;
       }
     }), false, true);
-    _$insert(_el$2, () => local.children, _el$4, _co$);
+    _$insert(_el$2, _$createComponent(AnchorContext.Provider, {
+      value: true,
+      get children() {
+        return local.children;
+      }
+    }), _el$4, _co$);
     _$insert(_el$2, _$createComponent(TooltipSurface, {
       get content() {
         return local.content;

package/dist/browser/feedback/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n  content: JSX.Element;\n  target: () => HTMLElement | undefined;\n  placement?: TooltipPlacement;\n  delay?: number;\n  disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n  const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n  let surface: HTMLSpanElement | undefined;\n  let target: HTMLElement | undefined;\n  let openTimer: ReturnType<typeof setTimeout> | undefined;\n  let dismissedUntilLeave = false;\n\n  const clearTimer = () => {\n    if (openTimer) clearTimeout(openTimer);\n    openTimer = undefined;\n  };\n\n  function dismissOnEscape(event: KeyboardEvent) {\n    if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n    dismissedUntilLeave = true;\n    close();\n  }\n\n  function close() {\n    clearTimer();\n    if (surface?.matches(\":popover-open\")) {\n      try {\n        surface.hidePopover();\n      } catch {\n        // The surface may disconnect during cleanup.\n      }\n    }\n    document.removeEventListener(\"keydown\", dismissOnEscape);\n    window.removeEventListener(\"scroll\", close, true);\n    window.removeEventListener(\"resize\", close);\n  }\n\n  const open = () => {\n    clearTimer();\n    if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n    const show = () => {\n      openTimer = undefined;\n      if (props.disabled || !surface?.isConnected || !target) return;\n      try {\n        surface.showPopover();\n      } catch {\n        return;\n      }\n      positionTooltipSurface(surface, target, props.placement);\n      document.addEventListener(\"keydown\", dismissOnEscape);\n      window.addEventListener(\"scroll\", close, true);\n      window.addEventListener(\"resize\", close);\n    };\n    const delay = props.delay ?? 250;\n    if (delay <= 0) show();\n    else openTimer = setTimeout(show, delay);\n  };\n\n  createEffect(() => {\n    if (props.disabled) close();\n  });\n\n  onMount(() => {\n    target = props.target();\n    if (!target) return;\n\n    const originalDescription = target.getAttribute(\"aria-describedby\");\n    const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n    descriptions.add(tooltipId);\n    target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n    const leave = () => {\n      dismissedUntilLeave = false;\n      close();\n    };\n    const focusOut = (event: FocusEvent) => {\n      if (!target?.contains(event.relatedTarget as Node | null)) leave();\n    };\n    const pointerDown = () => {\n      dismissedUntilLeave = true;\n      close();\n    };\n\n    target.addEventListener(\"pointerenter\", open);\n    target.addEventListener(\"pointerleave\", leave);\n    target.addEventListener(\"pointerdown\", pointerDown);\n    target.addEventListener(\"focusin\", open);\n    target.addEventListener(\"focusout\", focusOut);\n\n    onCleanup(() => {\n      close();\n      if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n      else target?.removeAttribute(\"aria-describedby\");\n      target?.removeEventListener(\"pointerenter\", open);\n      target?.removeEventListener(\"pointerleave\", leave);\n      target?.removeEventListener(\"pointerdown\", pointerDown);\n      target?.removeEventListener(\"focusin\", open);\n      target?.removeEventListener(\"focusout\", focusOut);\n    });\n  });\n\n  return (\n    <span\n      ref={surface}\n      id={tooltipId}\n      role=\"tooltip\"\n      popover=\"manual\"\n      class=\"k2b-tooltip\"\n      data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n    >\n      {props.content}\n    </span>\n  );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n  let target: HTMLSpanElement | undefined;\n\n  return (\n    <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n      {local.children}\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </span>\n  );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n  let target: HTMLButtonElement | undefined;\n  const register = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  return (\n    <>\n      <button {...rest} ref={register} disabled={local.disabled}>\n        {local.children}\n      </button>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </>\n  );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n  Anchor: (props: TooltipAnchorProps) => JSX.Element;\n  Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/Tooltip.tsx"],"sourcesContent":["import { createContext, createEffect, createUniqueId, type JSX, onCleanup, onMount, splitProps, useContext } from \"solid-js\";\nimport { positionTooltipSurface, type TooltipPlacement } from \"./tooltip-position\";\n\nexport type TooltipProps = {\n  content: JSX.Element;\n  target: () => HTMLElement | undefined;\n  placement?: TooltipPlacement;\n  delay?: number;\n  disabled?: boolean;\n};\n\nexport type TooltipAnchorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\nexport type TooltipTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"content\"> & Omit<TooltipProps, \"target\">;\n\n/** True below a Tooltip.Anchor, whose hint already covers the controls inside it. */\nconst AnchorContext = createContext(false);\n\n/**\n * The hint an icon-only control shows by default: its label, unless the caller\n * passes its own `tooltip` (or `false`) or an enclosing Tooltip.Anchor already\n * owns the hint.\n */\nexport const useLabelTooltip = (tooltip: () => JSX.Element | false | undefined, label: () => string | undefined) => {\n  const anchored = useContext(AnchorContext);\n  return (): JSX.Element | false | undefined => {\n    const explicit = tooltip();\n    if (explicit !== undefined) return explicit;\n    return anchored ? false : label();\n  };\n};\n\n/**\n * Low-level tooltip surface for components that already own their target DOM\n * element. Most callers should use Button.tooltip, IconButton.tooltip, or\n * Tooltip.Anchor instead.\n */\nfunction TooltipSurface(props: TooltipProps): JSX.Element {\n  const tooltipId = `k2b-tooltip-${createUniqueId()}`;\n  let surface: HTMLSpanElement | undefined;\n  let target: HTMLElement | undefined;\n  let openTimer: ReturnType<typeof setTimeout> | undefined;\n  let dismissedUntilLeave = false;\n\n  const clearTimer = () => {\n    if (openTimer) clearTimeout(openTimer);\n    openTimer = undefined;\n  };\n\n  function dismissOnEscape(event: KeyboardEvent) {\n    if (event.key !== \"Escape\" || !surface?.matches(\":popover-open\")) return;\n    dismissedUntilLeave = true;\n    close();\n  }\n\n  function close() {\n    clearTimer();\n    if (surface?.matches(\":popover-open\")) {\n      try {\n        surface.hidePopover();\n      } catch {\n        // The surface may disconnect during cleanup.\n      }\n    }\n    document.removeEventListener(\"keydown\", dismissOnEscape);\n    window.removeEventListener(\"scroll\", close, true);\n    window.removeEventListener(\"resize\", close);\n  }\n\n  const open = () => {\n    clearTimer();\n    if (props.disabled || dismissedUntilLeave || !surface || !target || surface.matches(\":popover-open\")) return;\n    const show = () => {\n      openTimer = undefined;\n      if (props.disabled || !surface?.isConnected || !target) return;\n      try {\n        surface.showPopover();\n      } catch {\n        return;\n      }\n      positionTooltipSurface(surface, target, props.placement);\n      document.addEventListener(\"keydown\", dismissOnEscape);\n      window.addEventListener(\"scroll\", close, true);\n      window.addEventListener(\"resize\", close);\n    };\n    const delay = props.delay ?? 250;\n    if (delay <= 0) show();\n    else openTimer = setTimeout(show, delay);\n  };\n\n  createEffect(() => {\n    if (props.disabled) close();\n  });\n\n  onMount(() => {\n    target = props.target();\n    if (!target) return;\n\n    // Server HTML may carry a native title as the no-JavaScript hint; once\n    // hydrated, this surface replaces it so the hint does not appear twice.\n    const originalTitle = target.getAttribute(\"title\");\n    target.removeAttribute(\"title\");\n    // A hint that only repeats the control's accessible name adds nothing for\n    // assistive technology, so it does not become a description.\n    const repeatsName = surface?.textContent?.trim() === target.getAttribute(\"aria-label\")?.trim();\n    const originalDescription = target.getAttribute(\"aria-describedby\");\n    const descriptions = new Set(originalDescription?.split(/\\s+/).filter(Boolean) ?? []);\n    if (!repeatsName) descriptions.add(tooltipId);\n    if (descriptions.size > 0) target.setAttribute(\"aria-describedby\", [...descriptions].join(\" \"));\n\n    // Touch has no hover, so a tap never opens the hint; the label stays the\n    // accessible name.\n    const enter = (event: PointerEvent) => {\n      if (event.pointerType !== \"touch\") open();\n    };\n    // Only visible focus, as from the keyboard, opens the hint. Focus that a\n    // click or tap gives, or that a closing overlay returns silently, does not.\n    const focusIn = (event: FocusEvent) => {\n      if ((event.target as Element | null)?.matches?.(\":focus-visible\")) open();\n    };\n    const leave = () => {\n      dismissedUntilLeave = false;\n      close();\n    };\n    const focusOut = (event: FocusEvent) => {\n      if (!target?.contains(event.relatedTarget as Node | null)) leave();\n    };\n    const pointerDown = () => {\n      dismissedUntilLeave = true;\n      close();\n    };\n\n    target.addEventListener(\"pointerenter\", enter);\n    target.addEventListener(\"pointerleave\", leave);\n    target.addEventListener(\"pointerdown\", pointerDown);\n    target.addEventListener(\"focusin\", focusIn);\n    target.addEventListener(\"focusout\", focusOut);\n\n    onCleanup(() => {\n      close();\n      if (originalTitle !== null) target?.setAttribute(\"title\", originalTitle);\n      if (originalDescription) target?.setAttribute(\"aria-describedby\", originalDescription);\n      else target?.removeAttribute(\"aria-describedby\");\n      target?.removeEventListener(\"pointerenter\", enter);\n      target?.removeEventListener(\"pointerleave\", leave);\n      target?.removeEventListener(\"pointerdown\", pointerDown);\n      target?.removeEventListener(\"focusin\", focusIn);\n      target?.removeEventListener(\"focusout\", focusOut);\n    });\n  });\n\n  return (\n    <span\n      ref={surface}\n      id={tooltipId}\n      role=\"tooltip\"\n      popover=\"manual\"\n      class=\"k2b-tooltip\"\n      data-instant={props.delay !== undefined && props.delay <= 0 ? \"true\" : undefined}\n    >\n      {props.content}\n    </span>\n  );\n}\n\n/** Explicit tooltip target for non-button content. */\nfunction TooltipAnchor(props: TooltipAnchorProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"content\", \"delay\", \"disabled\", \"placement\"]);\n  let target: HTMLSpanElement | undefined;\n\n  return (\n    <span {...rest} ref={target} class={`k2b-tooltip-wrapper ${local.class ?? \"\"}`}>\n      <AnchorContext.Provider value={true}>{local.children}</AnchorContext.Provider>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </span>\n  );\n}\n\n/** Native button target for specialized controls that do not use Button. */\nfunction TooltipTrigger(props: TooltipTriggerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"content\", \"delay\", \"disabled\", \"placement\", \"ref\"]);\n  let target: HTMLButtonElement | undefined;\n  const register = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  return (\n    <>\n      <button {...rest} ref={register} disabled={local.disabled}>\n        {local.children}\n      </button>\n      <TooltipSurface\n        content={local.content}\n        target={() => target}\n        delay={local.delay}\n        disabled={local.disabled}\n        placement={local.placement}\n      />\n    </>\n  );\n}\n\ntype TooltipComponent = ((props: TooltipProps) => JSX.Element) & {\n  Anchor: (props: TooltipAnchorProps) => JSX.Element;\n  Trigger: (props: TooltipTriggerProps) => JSX.Element;\n};\n\nexport const Tooltip = TooltipSurface as TooltipComponent;\nTooltip.Anchor = TooltipAnchor;\nTooltip.Trigger = TooltipTrigger;\n\nexport type { TooltipPlacement } from \"./tooltip-position\";\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}