@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0-dev.0

package/dist/core/tooltip/tooltip.mjs

@@ -1,279 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, state, query, customElement } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import "../overlay/overlay.mjs";
-import styles from "./tooltip.scss.mjs";
-import { when } from "lit/directives/when.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _showTimeout, _hideTimeout, _ForgeAiTooltipComponent_instances, tooltipContent_get;
-let ForgeAiTooltipComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _ForgeAiTooltipComponent_instances);
-    this.for = "";
-    this.text = "";
-    this.placement = "top";
-    this.trigger = "hover";
-    this.open = false;
-    this.delay = 500;
-    this.hideDelay = 0;
-    this._anchorElement = null;
-    __privateAdd(this, _showTimeout, null);
-    __privateAdd(this, _hideTimeout, null);
-    this._handleShow = () => {
-      this._clearTimeouts();
-      if (this.delay > 0) {
-        __privateSet(this, _showTimeout, window.setTimeout(() => {
-          this.open = true;
-        }, this.delay));
-      } else {
-        this.open = true;
-      }
-    };
-    this._handleHide = () => {
-      this._clearTimeouts();
-      if (this.hideDelay > 0) {
-        __privateSet(this, _hideTimeout, window.setTimeout(() => {
-          this.open = false;
-        }, this.hideDelay));
-      } else {
-        this.open = false;
-      }
-    };
-    this._handleToggle = () => {
-      this.open = !this.open;
-    };
-    this._handleAnchorClick = () => {
-      this._clearTimeouts();
-      this.open = false;
-    };
-    this._handleKeyDown = (event) => {
-      if (event.key === "Escape" && this.open) {
-        this.open = false;
-      }
-    };
-    this._onOverlayToggle = (event) => {
-      this.open = event.detail.open;
-      this.dispatchEvent(
-        new CustomEvent("forge-ai-tooltip-toggle", {
-          detail: event.detail,
-          bubbles: true,
-          composed: true
-        })
-      );
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this._findAnchorElement();
-    this._attachEventListeners();
-    this._updateHostAttributes();
-    if (!this._anchorElement && this.for) {
-      setTimeout(() => {
-        this._findAnchorElement();
-        this._attachEventListeners();
-      }, 0);
-    }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this._detachEventListeners();
-    this._clearTimeouts();
-    document.removeEventListener("keydown", this._handleKeyDown);
-  }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("for")) {
-      this._detachEventListeners();
-      this._findAnchorElement();
-      this._attachEventListeners();
-    }
-    if (changedProperties.has("open")) {
-      this._updateHostAttributes();
-      if (this.open) {
-        document.addEventListener("keydown", this._handleKeyDown);
-        this.updateComplete.then(() => {
-          const overlay = this.shadowRoot?.querySelector("forge-ai-overlay");
-          if (overlay && this._arrowElement) {
-            overlay.arrowElement = this._arrowElement;
-          }
-        });
-      } else {
-        document.removeEventListener("keydown", this._handleKeyDown);
-      }
-    }
-  }
-  _findAnchorElement() {
-    if (!this.for) {
-      this._anchorElement = null;
-      return;
-    }
-    this._anchorElement = document.getElementById(this.for);
-    if (!this._anchorElement) {
-      const root = this.getRootNode();
-      if (root !== document && "querySelector" in root) {
-        this._anchorElement = root.querySelector(`#${this.for}`);
-      }
-    }
-    if (!this._anchorElement) {
-      console.warn(`Tooltip anchor element with id "${this.for}" not found`);
-    }
-  }
-  _updateHostAttributes() {
-    this.setAttribute("role", this.open ? "tooltip" : "none");
-    this.setAttribute("aria-hidden", String(!this.open));
-    if (this.open) {
-      this.setAttribute("aria-live", "polite");
-    } else {
-      this.removeAttribute("aria-live");
-    }
-  }
-  _attachEventListeners() {
-    if (!this._anchorElement) {
-      return;
-    }
-    switch (this.trigger) {
-      case "hover":
-        this._anchorElement.addEventListener("mouseenter", this._handleShow);
-        this._anchorElement.addEventListener("mouseleave", this._handleHide);
-        this._anchorElement.addEventListener("focusin", this._handleShow);
-        this._anchorElement.addEventListener("focusout", this._handleHide);
-        this._anchorElement.addEventListener("click", this._handleAnchorClick);
-        break;
-      case "focus":
-        this._anchorElement.addEventListener("focusin", this._handleShow);
-        this._anchorElement.addEventListener("focusout", this._handleHide);
-        break;
-      case "click":
-        this._anchorElement.addEventListener("click", this._handleToggle);
-        break;
-    }
-  }
-  _detachEventListeners() {
-    if (!this._anchorElement) {
-      return;
-    }
-    this._anchorElement.removeEventListener("mouseenter", this._handleShow);
-    this._anchorElement.removeEventListener("mouseleave", this._handleHide);
-    this._anchorElement.removeEventListener("focusin", this._handleShow);
-    this._anchorElement.removeEventListener("focusout", this._handleHide);
-    this._anchorElement.removeEventListener("click", this._handleToggle);
-    this._anchorElement.removeEventListener("click", this._handleAnchorClick);
-  }
-  _clearTimeouts() {
-    if (__privateGet(this, _showTimeout)) {
-      clearTimeout(__privateGet(this, _showTimeout));
-      __privateSet(this, _showTimeout, null);
-    }
-    if (__privateGet(this, _hideTimeout)) {
-      clearTimeout(__privateGet(this, _hideTimeout));
-      __privateSet(this, _hideTimeout, null);
-    }
-  }
-  /**
-   * Show the tooltip programmatically.
-   */
-  show() {
-    this.open = true;
-  }
-  /**
-   * Hide the tooltip programmatically.
-   */
-  hide() {
-    this.open = false;
-  }
-  /**
-   * Toggle the tooltip programmatically.
-   */
-  toggle() {
-    this.open = !this.open;
-  }
-  render() {
-    const contentClasses = {
-      "tooltip-content": true,
-      "tooltip-content--hidden": !this.open
-    };
-    return html`
-      ${when(
-      this.open,
-      () => html` <!-- Overlay for visual presentation when open -->
-            <forge-ai-overlay
-              .anchor=${this._anchorElement}
-              .placement=${this.placement}
-              flip
-              shift
-              .open=${this.open}
-              @ai-overlay-toggle=${this._onOverlayToggle}>
-              <div class="ai-tooltip">
-                <div class="ai-tooltip__arrow"></div>
-                ${__privateGet(this, _ForgeAiTooltipComponent_instances, tooltipContent_get)}
-              </div>
-            </forge-ai-overlay>`,
-      () => html`
-          <!-- Content shown when closed for accessibility -->
-          <div class=${classMap(contentClasses)}>${__privateGet(this, _ForgeAiTooltipComponent_instances, tooltipContent_get)}</div>
-        `
-    )}
-    `;
-  }
-};
-_showTimeout = /* @__PURE__ */ new WeakMap();
-_hideTimeout = /* @__PURE__ */ new WeakMap();
-_ForgeAiTooltipComponent_instances = /* @__PURE__ */ new WeakSet();
-tooltipContent_get = function() {
-  const hasText = this.text.trim().length > 0;
-  if (hasText) {
-    return html`${this.text}`;
-  }
-  return html`<slot></slot>`;
-};
-ForgeAiTooltipComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property()
-], ForgeAiTooltipComponent.prototype, "for", 2);
-__decorateClass([
-  property()
-], ForgeAiTooltipComponent.prototype, "text", 2);
-__decorateClass([
-  property()
-], ForgeAiTooltipComponent.prototype, "placement", 2);
-__decorateClass([
-  property()
-], ForgeAiTooltipComponent.prototype, "trigger", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], ForgeAiTooltipComponent.prototype, "open", 2);
-__decorateClass([
-  property({ type: Number })
-], ForgeAiTooltipComponent.prototype, "delay", 2);
-__decorateClass([
-  property({ type: Number, attribute: "hide-delay" })
-], ForgeAiTooltipComponent.prototype, "hideDelay", 2);
-__decorateClass([
-  state()
-], ForgeAiTooltipComponent.prototype, "_anchorElement", 2);
-__decorateClass([
-  query(".ai-tooltip__arrow")
-], ForgeAiTooltipComponent.prototype, "_arrowElement", 2);
-ForgeAiTooltipComponent = __decorateClass([
-  customElement("forge-ai-tooltip")
-], ForgeAiTooltipComponent);
-export {
-  ForgeAiTooltipComponent
-};
+//#region src/lib/core/tooltip/tooltip.scss?inline
+var tooltip_default = "@keyframes slidein {\n  from {\n    opacity: 0;\n    transform: translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y));\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0) translateY(0);\n  }\n}\n:host {\n  display: contents;\n  position: relative;\n}\n\n.ai-tooltip {\n  --_tooltip-background: var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));\n  --_tooltip-color: var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));\n  --_tooltip-shape: var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_tooltip-padding: var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));\n  --_tooltip-padding-block: var(--forge-tooltip-padding-block, var(--_tooltip-padding));\n  --_tooltip-padding-inline: var(--forge-tooltip-padding-inline, var(--_tooltip-padding));\n  --_tooltip-width: var(--forge-tooltip-width, max-content);\n  --_tooltip-max-width: var(--forge-tooltip-max-width, 320px);\n  --_tooltip-elevation: var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));\n  --_tooltip-content-align: var(--forge-tooltip-content-align, center);\n  --_tooltip-border-width: var(--forge-tooltip-border-width, 0);\n  --_tooltip-border-style: var(--forge-tooltip-border-style, solid);\n  --_tooltip-border-color: var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));\n  --_tooltip-animation-timing: var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));\n  --_tooltip-animation-duration: var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));\n  --_tooltip-animation-offset: var(--forge-tooltip-animation-offset, 24px);\n  --_tooltip-arrow-size: var(--forge-tooltip-arrow-size, 8px);\n  --_tooltip-arrow-height: var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));\n  --_tooltip-arrow-width: var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));\n  --_tooltip-arrow-shape: var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));\n  --_tooltip-arrow-rotation: var(--forge-tooltip-arrow-rotation, 0deg);\n  --_tooltip-arrow-top-rotation: var(--forge-tooltip-arrow-top-rotation, 315deg);\n  --_tooltip-arrow-right-rotation: var(--forge-tooltip-arrow-right-rotation, 45deg);\n  --_tooltip-arrow-bottom-rotation: var(--forge-tooltip-arrow-bottom-rotation, 135deg);\n  --_tooltip-arrow-left-rotation: var(--forge-tooltip-arrow-left-rotation, 225deg);\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-body1-font-weight, 400);\n  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-body1-text-transform, inherit);\n  text-decoration: var(--forge-typography-body1-text-decoration, inherit);\n  position: relative;\n  background: var(--_tooltip-background);\n  color: var(--_tooltip-color);\n  border-radius: var(--_tooltip-shape);\n  border-width: var(--_tooltip-border-width);\n  border-style: var(--_tooltip-border-style);\n  border-color: var(--_tooltip-border-color);\n  padding-block: var(--_tooltip-padding-block);\n  padding-inline: var(--_tooltip-padding-inline);\n  box-shadow: var(--_tooltip-elevation);\n  width: var(--_tooltip-width);\n  max-width: var(--_tooltip-max-width);\n  text-align: var(--_tooltip-content-align);\n  line-height: normal;\n  white-space: normal;\n  animation-duration: var(--_tooltip-animation-duration);\n  animation-timing-function: var(--_tooltip-animation-timing);\n  animation-name: slidein;\n  animation-fill-mode: forwards;\n  position: relative;\n  animation-duration: 150ms;\n  animation-timing-function: cubic-bezier(0, 0, 0, 1);\n  animation-name: tooltip-fadein, tooltip-scalein;\n  transform-origin: center center;\n}\n.ai-tooltip__arrow {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));\n  transform: rotate(45deg);\n  z-index: -1;\n  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));\n}\n\nforge-ai-overlay[data-position-placement^=top] .ai-tooltip {\n  margin-block-end: var(--forge-spacing-small, 12px);\n}\n\nforge-ai-overlay[data-position-placement^=bottom] .ai-tooltip {\n  margin-block-start: var(--forge-spacing-small, 12px);\n}\n\nforge-ai-overlay[data-position-placement^=left] .ai-tooltip {\n  margin-inline-end: var(--forge-spacing-small, 12px);\n}\n\nforge-ai-overlay[data-position-placement^=right] .ai-tooltip {\n  margin-inline-start: var(--forge-spacing-small, 12px);\n}\n\nforge-ai-overlay[data-position-placement^=top]:not([data-position-placement*=\"-\"]) .ai-tooltip {\n  transform-origin: bottom center;\n}\nforge-ai-overlay[data-position-placement^=top][data-position-placement$=-start] .ai-tooltip {\n  transform-origin: bottom left;\n}\nforge-ai-overlay[data-position-placement^=top][data-position-placement$=-end] .ai-tooltip {\n  transform-origin: bottom right;\n}\nforge-ai-overlay[data-position-placement^=top] .ai-tooltip__arrow {\n  bottom: -5px;\n  clip-path: polygon(0 100%, 100% 0, 100% 100%);\n}\n\nforge-ai-overlay[data-position-placement^=right]:not([data-position-placement*=\"-\"]) .ai-tooltip {\n  transform-origin: left center;\n}\nforge-ai-overlay[data-position-placement^=right][data-position-placement$=-start] .ai-tooltip {\n  transform-origin: left top;\n}\nforge-ai-overlay[data-position-placement^=right][data-position-placement$=-end] .ai-tooltip {\n  transform-origin: left bottom;\n}\nforge-ai-overlay[data-position-placement^=right] .ai-tooltip__arrow {\n  left: -5px;\n  clip-path: polygon(0 0, 0 100%, 100% 100%);\n}\n\nforge-ai-overlay[data-position-placement^=bottom]:not([data-position-placement*=\"-\"]) .ai-tooltip {\n  transform-origin: top center;\n}\nforge-ai-overlay[data-position-placement^=bottom][data-position-placement$=-start] .ai-tooltip {\n  transform-origin: top left;\n}\nforge-ai-overlay[data-position-placement^=bottom][data-position-placement$=-end] .ai-tooltip {\n  transform-origin: top right;\n}\nforge-ai-overlay[data-position-placement^=bottom] .ai-tooltip__arrow {\n  top: -5px;\n  clip-path: polygon(0 0, 0 100%, 100% 0);\n}\n\nforge-ai-overlay[data-position-placement^=left]:not([data-position-placement*=\"-\"]) .ai-tooltip {\n  transform-origin: right center;\n}\nforge-ai-overlay[data-position-placement^=left][data-position-placement$=-start] .ai-tooltip {\n  transform-origin: right top;\n}\nforge-ai-overlay[data-position-placement^=left][data-position-placement$=-end] .ai-tooltip {\n  transform-origin: right bottom;\n}\nforge-ai-overlay[data-position-placement^=left] .ai-tooltip__arrow {\n  right: -5px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%);\n}\n\n.tooltip-content--hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n@keyframes tooltip-fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes tooltip-scalein {\n  from {\n    transform: scale(0.8);\n  }\n  to {\n    transform: scale(1);\n  }\n}";
+//#endregion
+export { tooltip_default as default };

package/dist/core/tooltip/tooltip2.mjs

@@ -0,0 +1,213 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import "../overlay/overlay2.mjs";
+import tooltip_default from "./tooltip.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+import { classMap } from "lit/directives/class-map.js";
+//#region src/lib/core/tooltip/tooltip.ts
+var ForgeAiTooltipComponent = class ForgeAiTooltipComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.for = "";
+		this.text = "";
+		this.placement = "top";
+		this.trigger = "hover";
+		this.open = false;
+		this.delay = 500;
+		this.hideDelay = 0;
+		this._anchorElement = null;
+		this.#showTimeout = null;
+		this.#hideTimeout = null;
+		this._handleShow = () => {
+			this._clearTimeouts();
+			if (this.delay > 0) this.#showTimeout = window.setTimeout(() => {
+				this.open = true;
+			}, this.delay);
+			else this.open = true;
+		};
+		this._handleHide = () => {
+			this._clearTimeouts();
+			if (this.hideDelay > 0) this.#hideTimeout = window.setTimeout(() => {
+				this.open = false;
+			}, this.hideDelay);
+			else this.open = false;
+		};
+		this._handleToggle = () => {
+			this.open = !this.open;
+		};
+		this._handleAnchorClick = () => {
+			this._clearTimeouts();
+			this.open = false;
+		};
+		this._handleKeyDown = (event) => {
+			if (event.key === "Escape" && this.open) this.open = false;
+		};
+		this._onOverlayToggle = (event) => {
+			if (event.target !== event.currentTarget) return;
+			this.open = event.detail.open;
+			this.dispatchEvent(new CustomEvent("forge-ai-tooltip-toggle", {
+				detail: event.detail,
+				bubbles: true,
+				composed: true
+			}));
+		};
+	}
+	static {
+		this.styles = unsafeCSS(tooltip_default);
+	}
+	#showTimeout;
+	#hideTimeout;
+	connectedCallback() {
+		super.connectedCallback();
+		this._findAnchorElement();
+		this._attachEventListeners();
+		this._updateHostAttributes();
+		if (!this._anchorElement && this.for) setTimeout(() => {
+			this._findAnchorElement();
+			this._attachEventListeners();
+		}, 0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._detachEventListeners();
+		this._clearTimeouts();
+		document.removeEventListener("keydown", this._handleKeyDown);
+	}
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		if (changedProperties.has("for")) {
+			this._detachEventListeners();
+			this._findAnchorElement();
+			this._attachEventListeners();
+		}
+		if (changedProperties.has("open")) {
+			this._updateHostAttributes();
+			if (this.open) {
+				document.addEventListener("keydown", this._handleKeyDown);
+				this.updateComplete.then(() => {
+					const overlay = this.shadowRoot?.querySelector("forge-ai-overlay");
+					if (overlay && this._arrowElement) overlay.arrowElement = this._arrowElement;
+				});
+			} else document.removeEventListener("keydown", this._handleKeyDown);
+		}
+	}
+	_findAnchorElement() {
+		if (!this.for) {
+			this._anchorElement = null;
+			return;
+		}
+		this._anchorElement = document.getElementById(this.for);
+		if (!this._anchorElement) {
+			const root = this.getRootNode();
+			if (root !== document && "querySelector" in root) this._anchorElement = root.querySelector(`#${this.for}`);
+		}
+		if (!this._anchorElement) console.warn(`Tooltip anchor element with id "${this.for}" not found`);
+	}
+	_updateHostAttributes() {
+		this.setAttribute("role", this.open ? "tooltip" : "none");
+		this.setAttribute("aria-hidden", String(!this.open));
+		if (this.open) this.setAttribute("aria-live", "polite");
+		else this.removeAttribute("aria-live");
+	}
+	_attachEventListeners() {
+		if (!this._anchorElement) return;
+		switch (this.trigger) {
+			case "hover":
+				this._anchorElement.addEventListener("mouseenter", this._handleShow);
+				this._anchorElement.addEventListener("mouseleave", this._handleHide);
+				this._anchorElement.addEventListener("focusin", this._handleShow);
+				this._anchorElement.addEventListener("focusout", this._handleHide);
+				this._anchorElement.addEventListener("click", this._handleAnchorClick);
+				break;
+			case "focus":
+				this._anchorElement.addEventListener("focusin", this._handleShow);
+				this._anchorElement.addEventListener("focusout", this._handleHide);
+				break;
+			case "click": this._anchorElement.addEventListener("click", this._handleToggle);
+		}
+	}
+	_detachEventListeners() {
+		if (!this._anchorElement) return;
+		this._anchorElement.removeEventListener("mouseenter", this._handleShow);
+		this._anchorElement.removeEventListener("mouseleave", this._handleHide);
+		this._anchorElement.removeEventListener("focusin", this._handleShow);
+		this._anchorElement.removeEventListener("focusout", this._handleHide);
+		this._anchorElement.removeEventListener("click", this._handleToggle);
+		this._anchorElement.removeEventListener("click", this._handleAnchorClick);
+	}
+	_clearTimeouts() {
+		if (this.#showTimeout) {
+			clearTimeout(this.#showTimeout);
+			this.#showTimeout = null;
+		}
+		if (this.#hideTimeout) {
+			clearTimeout(this.#hideTimeout);
+			this.#hideTimeout = null;
+		}
+	}
+	/**
+	* Show the tooltip programmatically.
+	*/
+	show() {
+		this.open = true;
+	}
+	/**
+	* Hide the tooltip programmatically.
+	*/
+	hide() {
+		this.open = false;
+	}
+	/**
+	* Toggle the tooltip programmatically.
+	*/
+	toggle() {
+		this.open = !this.open;
+	}
+	get #tooltipContent() {
+		if (this.text.trim().length > 0) return html`${this.text}`;
+		return html`<slot></slot>`;
+	}
+	render() {
+		const contentClasses = {
+			"tooltip-content": true,
+			"tooltip-content--hidden": !this.open
+		};
+		return html`
+      ${when(this.open, () => html` <!-- Overlay for visual presentation when open -->
+            <forge-ai-overlay
+              .anchor=${this._anchorElement}
+              .placement=${this.placement}
+              flip
+              shift
+              .open=${this.open}
+              @forge-ai-overlay-toggle=${this._onOverlayToggle}>
+              <div class="ai-tooltip">
+                <div class="ai-tooltip__arrow"></div>
+                ${this.#tooltipContent}
+              </div>
+            </forge-ai-overlay>`, () => html`
+          <!-- Content shown when closed for accessibility -->
+          <div class=${classMap(contentClasses)}>${this.#tooltipContent}</div>
+        `)}
+    `;
+	}
+};
+__decorate([property()], ForgeAiTooltipComponent.prototype, "for", void 0);
+__decorate([property()], ForgeAiTooltipComponent.prototype, "text", void 0);
+__decorate([property()], ForgeAiTooltipComponent.prototype, "placement", void 0);
+__decorate([property()], ForgeAiTooltipComponent.prototype, "trigger", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], ForgeAiTooltipComponent.prototype, "open", void 0);
+__decorate([property({ type: Number })], ForgeAiTooltipComponent.prototype, "delay", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "hide-delay"
+})], ForgeAiTooltipComponent.prototype, "hideDelay", void 0);
+__decorate([state()], ForgeAiTooltipComponent.prototype, "_anchorElement", void 0);
+__decorate([query(".ai-tooltip__arrow")], ForgeAiTooltipComponent.prototype, "_arrowElement", void 0);
+ForgeAiTooltipComponent = __decorate([customElement("forge-ai-tooltip")], ForgeAiTooltipComponent);
+//#endregion
+export { ForgeAiTooltipComponent };

package/dist/index.d.ts

@@ -1,53 +1,45 @@
-export * from './ai-assistant-response';
-export * from './ai-response-message-toolbar';
-export * from './ai-user-message-toolbar';
-export * from './ai-agent-info';
-export * from './ai-agent-selector';
-export * from './ai-tool-call-indicator';
-export * from './ai-artifact';
-export * from './ai-artifact-card';
-export * from './ai-artifact-card-group';
-export * from './ai-attachment';
-export * from './ai-button';
-export * from './ai-canvas';
-export * from './ai-chain-of-thought';
-export * from './ai-chat-header';
-export * from './ai-chat-interface';
-export * from './ai-chatbot';
-export * from './ai-chatbot-launcher';
-export * from './ai-client-message';
-export * from './ai-copy-button';
-export * from './ai-confirmation-prompt';
-export * from './ai-conversations-panel';
-export * from './ai-context-chip';
-export * from './ai-context-items';
-export * from './ai-dialog';
-export * from './ai-disclaimer';
-export * from './ai-dropdown-menu';
-export * from './ai-edit-thread';
-export * from './ai-embedded-chat';
-export * from './ai-empty-state';
-export * from './ai-error-message';
-export * from './ai-fab';
-export * from './ai-file-picker';
-export * from './ai-floating-chat';
-export * from './ai-gradient-container';
-export * from './ai-icon';
-export * from './ai-icon-button';
-export * from './ai-message-thread';
-export * from './ai-modal';
-export * from './ai-prompt';
-export * from './ai-reasoning';
-export * from './ai-reasoning-header';
-export * from './ai-response-message';
-export * from './ai-sidebar';
-export * from './ai-sidebar-chat';
-export * from './ai-slash-command-menu';
-export * from './ai-steps';
-export * from './ai-suggestions';
-export * from './ai-thinking-indicator';
-export * from './ai-threads';
-export * from './ai-threads-search';
-export * from './ai-thread-actions-menu';
-export * from './ai-user-message';
-export * from './ai-voice-input';
+export * from './ai-assistant-response/index.js';
+export * from './ai-response-message-toolbar/index.js';
+export * from './ai-user-message-toolbar/index.js';
+export * from './ai-agent-info/index.js';
+export * from './ai-agent-selector/index.js';
+export * from './ai-tool-call/index.js';
+export * from './ai-tool-call-indicator/index.js';
+export * from './ai-artifact/index.js';
+export * from './ai-artifact-card/index.js';
+export * from './ai-artifact-card-group/index.js';
+export * from './ai-canvas/index.js';
+export * from './ai-chain-of-thought/index.js';
+export * from './ai-chat-header/index.js';
+export * from './ai-chat-interface/index.js';
+export * from './ai-client-message/index.js';
+export * from './ai-copy-button/index.js';
+export * from './ai-conversations-panel/index.js';
+export * from './ai-context-chip/index.js';
+export * from './ai-context-items/index.js';
+export * from './ai-dialog/index.js';
+export * from './ai-disclaimer/index.js';
+export * from './ai-dropdown-menu/index.js';
+export * from './ai-edit-thread/index.js';
+export * from './ai-empty-state/index.js';
+export * from './ai-error-message/index.js';
+export * from './ai-fab/index.js';
+export * from './ai-file-picker/index.js';
+export * from './ai-gradient-container/index.js';
+export * from './ai-icon/index.js';
+export * from './ai-message-thread/index.js';
+export * from './ai-modal/index.js';
+export * from './ai-prompt/index.js';
+export * from './ai-reasoning/index.js';
+export * from './ai-reasoning-header/index.js';
+export * from './ai-response-message/index.js';
+export * from './ai-sidebar/index.js';
+export * from './ai-slash-command-menu/index.js';
+export * from './ai-steps/index.js';
+export * from './ai-suggestions/index.js';
+export * from './ai-thinking-indicator/index.js';
+export * from './ai-threads-search/index.js';
+export * from './ai-thread-actions-menu/index.js';
+export * from './ai-user-message/index.js';
+export * from './ai-voice-input/index.js';
+export * from './types/index.js';