@phcdevworks/spectre-components 1.5.0 → 1.7.0

package/dist/tooltip.js

@@ -0,0 +1,440 @@
+import { getTooltipClasses } from '@phcdevworks/spectre-ui';
+import { LitElement, nothing, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+// src/utils/form.ts
+var spectreTooltipPlacements = [
+  "top",
+  "bottom",
+  "left",
+  "right"
+];
+function isTooltipPlacement(value) {
+  return spectreTooltipPlacements.includes(
+    value
+  );
+}
+var SpectreBaseElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._ariaLabel = null;
+    this._ariaLabelledBy = null;
+    this._ariaDescribedBy = null;
+    this._autocapitalize = "";
+    this._autofocus = false;
+    this._spellcheck = null;
+    this._title = "";
+    this._id = "";
+  }
+  get ariaLabel() {
+    return this._ariaLabel;
+  }
+  set ariaLabel(value) {
+    if (this._ariaLabel === value) {
+      return;
+    }
+    this._ariaLabel = value;
+    this._removeHostAttribute("aria-label");
+    this.requestUpdate();
+  }
+  get ariaLabelledBy() {
+    return this._ariaLabelledBy;
+  }
+  set ariaLabelledBy(value) {
+    if (this._ariaLabelledBy === value) {
+      return;
+    }
+    this._ariaLabelledBy = value;
+    this._removeHostAttribute("aria-labelledby");
+    this.requestUpdate();
+  }
+  get ariaDescribedBy() {
+    return this._ariaDescribedBy;
+  }
+  set ariaDescribedBy(value) {
+    if (this._ariaDescribedBy === value) {
+      return;
+    }
+    this._ariaDescribedBy = value;
+    this._removeHostAttribute("aria-describedby");
+    this.requestUpdate();
+  }
+  get autocapitalize() {
+    return this._autocapitalize;
+  }
+  set autocapitalize(value) {
+    const normalizedValue = value ?? "";
+    if (this._autocapitalize === normalizedValue) {
+      return;
+    }
+    this._autocapitalize = normalizedValue;
+    this._removeHostAttribute("autocapitalize");
+    this.requestUpdate();
+  }
+  get spellcheck() {
+    return this._spellcheck ?? super.spellcheck;
+  }
+  set spellcheck(value) {
+    if (this._spellcheck === value) {
+      return;
+    }
+    this._spellcheck = value ?? null;
+    this._removeHostAttribute("spellcheck");
+    this.requestUpdate();
+  }
+  get title() {
+    return this._title;
+  }
+  set title(value) {
+    const normalizedValue = value ?? "";
+    if (this._title === normalizedValue) {
+      return;
+    }
+    this._title = normalizedValue;
+    this._removeHostAttribute("title");
+    this.requestUpdate();
+  }
+  get id() {
+    return this._id;
+  }
+  set id(value) {
+    const normalizedValue = value ?? "";
+    if (this._id === normalizedValue) {
+      return;
+    }
+    this._id = normalizedValue;
+    this._removeHostAttribute("id");
+    this.requestUpdate();
+  }
+  get autofocus() {
+    return this._autofocus;
+  }
+  set autofocus(value) {
+    const normalizedValue = !!value;
+    if (this._autofocus === normalizedValue) {
+      return;
+    }
+    this._autofocus = normalizedValue;
+    this._removeHostAttribute("autofocus");
+    this.requestUpdate();
+  }
+  // Spectre components intentionally render in light DOM so the global
+  // `@phcdevworks/spectre-ui` styling contract can apply directly.
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const proxiedAttributes = [
+      "id",
+      "title",
+      "autocapitalize",
+      "autofocus",
+      "spellcheck",
+      "aria-label",
+      "aria-labelledby",
+      "aria-describedby"
+    ];
+    proxiedAttributes.forEach((attr) => {
+      const value = super.getAttribute(attr);
+      if (value !== null) {
+        this.setAttribute(attr, value);
+      }
+    });
+  }
+  getAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        return this.id || null;
+      case "title":
+        return this.title || null;
+      case "autocapitalize":
+        return this.autocapitalize || null;
+      case "autofocus":
+        return this.autofocus ? "" : null;
+      case "spellcheck":
+        return this._spellcheck !== null ? String(this._spellcheck) : null;
+      case "aria-label":
+        return this.ariaLabel;
+      case "aria-labelledby":
+        return this.ariaLabelledBy;
+      case "aria-describedby":
+        return this.ariaDescribedBy;
+      default:
+        return super.getAttribute(qualifiedName);
+    }
+  }
+  hasAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        return this.id !== "";
+      case "title":
+        return this.title !== "";
+      case "autocapitalize":
+        return this.autocapitalize !== "";
+      case "autofocus":
+        return this.autofocus;
+      case "spellcheck":
+        return this._spellcheck !== null;
+      case "aria-label":
+        return this.ariaLabel !== null;
+      case "aria-labelledby":
+        return this.ariaLabelledBy !== null;
+      case "aria-describedby":
+        return this.ariaDescribedBy !== null;
+      default:
+        return super.hasAttribute(qualifiedName);
+    }
+  }
+  setAttribute(qualifiedName, value) {
+    switch (qualifiedName) {
+      case "id":
+        this.id = value;
+        break;
+      case "title":
+        this.title = value;
+        break;
+      case "autocapitalize":
+        this.autocapitalize = value;
+        break;
+      case "autofocus":
+        this.autofocus = true;
+        break;
+      case "spellcheck":
+        this.spellcheck = value !== "false";
+        break;
+      case "aria-label":
+        this.ariaLabel = value;
+        break;
+      case "aria-labelledby":
+        this.ariaLabelledBy = value;
+        break;
+      case "aria-describedby":
+        this.ariaDescribedBy = value;
+        break;
+      default:
+        super.setAttribute(qualifiedName, value);
+    }
+  }
+  removeAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        this.id = "";
+        break;
+      case "title":
+        this.title = "";
+        break;
+      case "autocapitalize":
+        this.autocapitalize = "";
+        break;
+      case "autofocus":
+        this.autofocus = false;
+        break;
+      case "spellcheck":
+        this.spellcheck = null;
+        break;
+      case "aria-label":
+        this.ariaLabel = null;
+        break;
+      case "aria-labelledby":
+        this.ariaLabelledBy = null;
+        break;
+      case "aria-describedby":
+        this.ariaDescribedBy = null;
+        break;
+      default:
+        super.removeAttribute(qualifiedName);
+    }
+  }
+  _removeHostAttribute(name) {
+    const host = this;
+    if (HTMLElement.prototype.hasAttribute.call(host, name)) {
+      HTMLElement.prototype.removeAttribute.call(host, name);
+    }
+  }
+  get forwardedAriaLabel() {
+    const value = this.ariaLabel?.trim();
+    return value ? value : void 0;
+  }
+  get forwardedAriaLabelledBy() {
+    const value = this.ariaLabelledBy?.trim();
+    return value ? value : void 0;
+  }
+  get forwardedAriaDescribedBy() {
+    const value = this.ariaDescribedBy?.trim();
+    return value ? value : void 0;
+  }
+  // Subclasses that expose `disabled`/`loading` properties get this disabled
+  // calculation for free instead of redeclaring it per component.
+  get isDisabled() {
+    const self = this;
+    return (self.disabled ?? false) || (self.loading ?? false);
+  }
+  // Subclasses get this for free instead of redeclaring it per component.
+  get hasForwardedLabel() {
+    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy);
+  }
+};
+SpectreBaseElement.properties = {};
+
+// src/utils/dom.ts
+function hasMeaningfulContent(nodes) {
+  return nodes.some((node) => {
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      return true;
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      return (node.textContent?.trim().length ?? 0) > 0;
+    }
+    return false;
+  });
+}
+var SpectreTooltipElement = class extends SpectreBaseElement {
+  constructor() {
+    super(...arguments);
+    this.placement = "top";
+    this.visible = false;
+    this.triggerContent = [];
+    this.tooltipContent = [];
+  }
+  get id() {
+    return super.id;
+  }
+  set id(value) {
+    super.id = value;
+  }
+  get title() {
+    return super.title;
+  }
+  set title(value) {
+    super.title = value;
+  }
+  isInternalNode(node) {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
+      return false;
+    }
+    const el = node;
+    return el.hasAttribute("data-sp-tooltip-native") || el.hasAttribute("data-sp-tooltip-trigger");
+  }
+  syncProjectedContent() {
+    const nextTooltipContent = [];
+    const nextTriggerContent = [];
+    this.childNodes.forEach((node) => {
+      if (this.isInternalNode(node)) {
+        return;
+      }
+      const isTooltipSlot = node.nodeType === Node.ELEMENT_NODE && node.getAttribute("slot") === "tooltip";
+      if (isTooltipSlot) {
+        nextTooltipContent.push(node);
+      } else {
+        nextTriggerContent.push(node);
+      }
+    });
+    const changed = nextTooltipContent.length !== this.tooltipContent.length || nextTooltipContent.some((n, i) => n !== this.tooltipContent[i]) || nextTriggerContent.length !== this.triggerContent.length || nextTriggerContent.some((n, i) => n !== this.triggerContent[i]);
+    if (changed) {
+      this.tooltipContent = nextTooltipContent;
+      this.triggerContent = nextTriggerContent;
+    }
+    return changed;
+  }
+  get hasTooltipContent() {
+    return hasMeaningfulContent(this.tooltipContent);
+  }
+  connectedCallback() {
+    var _a, _b;
+    super.connectedCallback();
+    this.syncProjectedContent();
+    this.startContentObserver();
+    (_a = this.style).position || (_a.position = "relative");
+    (_b = this.style).display || (_b.display = "inline-block");
+  }
+  disconnectedCallback() {
+    this.stopContentObserver();
+    super.disconnectedCallback();
+  }
+  update(changedProperties) {
+    this.stopContentObserver();
+    super.update(changedProperties);
+    this.startContentObserver();
+  }
+  startContentObserver() {
+    if (this.contentObserver) {
+      return;
+    }
+    this.contentObserver = new MutationObserver(() => {
+      if (this.syncProjectedContent()) {
+        this.requestUpdate();
+      }
+    });
+    this.contentObserver.observe(this, { childList: true });
+  }
+  stopContentObserver() {
+    this.contentObserver?.disconnect();
+    this.contentObserver = void 0;
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("placement") && (this.placement == null || !isTooltipPlacement(this.placement))) {
+      this.placement = "top";
+    }
+    if (changedProperties.has("visible") && this.visible == null) {
+      this.visible = false;
+    }
+  }
+  show() {
+    if (this.visible) {
+      return;
+    }
+    this.visible = true;
+    this.dispatchEvent(new CustomEvent("sp-show", { bubbles: true }));
+  }
+  hide() {
+    if (!this.visible) {
+      return;
+    }
+    this.visible = false;
+    this.dispatchEvent(new CustomEvent("sp-hide", { bubbles: true }));
+  }
+  get tooltipClasses() {
+    return getTooltipClasses({
+      placement: this.placement,
+      visible: this.visible ?? false
+    });
+  }
+  render() {
+    return html`<span
+        data-sp-tooltip-trigger
+        @focusin="${() => this.show()}"
+        @focusout="${() => this.hide()}"
+        @mouseenter="${() => this.show()}"
+        @mouseleave="${() => this.hide()}"
+      >
+        ${this.triggerContent}
+      </span>
+      <span
+        aria-label="${ifDefined(this.forwardedAriaLabel)}"
+        class="${this.tooltipClasses}"
+        data-sp-tooltip-native
+        id="${ifDefined(this.id || void 0)}"
+        role="tooltip"
+        title="${ifDefined(this.title || void 0)}"
+      >
+        ${this.hasTooltipContent ? this.tooltipContent : nothing}
+      </span>`;
+  }
+};
+SpectreTooltipElement.properties = {
+  placement: { type: String, reflect: true },
+  visible: { type: Boolean, reflect: true }
+};
+function defineSpectreTooltip(tagName = "sp-tooltip") {
+  const existingElement = customElements.get(tagName);
+  if (existingElement) {
+    return existingElement;
+  }
+  customElements.define(tagName, SpectreTooltipElement);
+  return SpectreTooltipElement;
+}
+
+export { SpectreTooltipElement, defineSpectreTooltip, spectreTooltipPlacements };
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/form.ts","../src/utils/base.ts","../src/utils/dom.ts","../src/components/tooltip/sp-tooltip.ts"],"names":[],"mappings":"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","file":"tooltip.js","sourcesContent":["import {\n  type ButtonSize,\n  type ButtonVariant,\n  type InputSize\n} from '@phcdevworks/spectre-ui'\n\nexport const spectreInputSizes = ['sm', 'md', 'lg'] as const\nexport type SpectreInputSize = (typeof spectreInputSizes)[number]\n\nexport function isInputSize(value: unknown): value is InputSize | ButtonSize {\n  return (spectreInputSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonVariants = [\n  'primary',\n  'secondary',\n  'ghost',\n  'danger',\n  'success',\n  'cta',\n  'accent'\n] as const\n\nexport type SpectreButtonVariant = (typeof spectreButtonVariants)[number]\n\nexport function isButtonVariant(value: unknown): value is ButtonVariant {\n  return (spectreButtonVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonTypes = ['button', 'submit', 'reset'] as const\n\nexport type SpectreButtonType = (typeof spectreButtonTypes)[number]\n\nexport function isButtonType(value: unknown): value is SpectreButtonType {\n  return (spectreButtonTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreInputTypes = [\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'datetime-local',\n  'month',\n  'time',\n  'week'\n] as const\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number]\n\nexport function isInputType(value: unknown): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreBadgeVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'info',\n  'ghost',\n  'outline',\n  'accent',\n  'cta'\n] as const\n\nexport type SpectreBadgeVariant = (typeof spectreBadgeVariants)[number]\n\nexport function isBadgeVariant(value: unknown): value is SpectreBadgeVariant {\n  return (spectreBadgeVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAlertVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'neutral'\n] as const\n\nexport type SpectreAlertVariant = (typeof spectreAlertVariants)[number]\n\nexport function isAlertVariant(value: unknown): value is SpectreAlertVariant {\n  return (spectreAlertVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreCardVariant = (typeof spectreCardVariants)[number]\n\nexport function isCardVariant(value: unknown): value is SpectreCardVariant {\n  return (spectreCardVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreIconBoxVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'ghost',\n  'accent',\n  'cta',\n  'outline'\n] as const\n\nexport type SpectreIconBoxVariant = (typeof spectreIconBoxVariants)[number]\n\nexport function isIconBoxVariant(\n  value: unknown\n): value is SpectreIconBoxVariant {\n  return (spectreIconBoxVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTestimonialVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTestimonialVariant =\n  (typeof spectreTestimonialVariants)[number]\n\nexport function isTestimonialVariant(\n  value: unknown\n): value is SpectreTestimonialVariant {\n  return (spectreTestimonialVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreSpinnerVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta'\n] as const\n\nexport type SpectreSpinnerVariant = (typeof spectreSpinnerVariants)[number]\n\nexport function isSpinnerVariant(\n  value: unknown\n): value is SpectreSpinnerVariant {\n  return (spectreSpinnerVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTagVariants = [\n  'default',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTagVariant = (typeof spectreTagVariants)[number]\n\nexport function isTagVariant(value: unknown): value is SpectreTagVariant {\n  return (spectreTagVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n\nexport type SpectreAvatarSize = (typeof spectreAvatarSizes)[number]\n\nexport function isAvatarSize(value: unknown): value is SpectreAvatarSize {\n  return (spectreAvatarSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarShapes = ['circle', 'square'] as const\n\nexport type SpectreAvatarShape = (typeof spectreAvatarShapes)[number]\n\nexport function isAvatarShape(value: unknown): value is SpectreAvatarShape {\n  return (spectreAvatarShapes as readonly string[]).includes(value as string)\n}\n\nexport const spectreContainerMaxWidths = ['prose'] as const\n\nexport type SpectreContainerMaxWidth =\n  (typeof spectreContainerMaxWidths)[number]\n\nexport function isContainerMaxWidth(\n  value: unknown\n): value is SpectreContainerMaxWidth {\n  return (spectreContainerMaxWidths as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreGridColumns = [1, 2, 3, 4, 6, 12] as const\n\nexport type SpectreGridColumns = (typeof spectreGridColumns)[number]\n\nexport function isGridColumns(value: unknown): value is SpectreGridColumns {\n  return (spectreGridColumns as readonly number[]).includes(value as number)\n}\n\nexport const spectreGridGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreGridGap = (typeof spectreGridGaps)[number]\n\nexport function isGridGap(value: unknown): value is SpectreGridGap {\n  return (spectreGridGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackDirections = ['vertical', 'horizontal'] as const\n\nexport type SpectreStackDirection = (typeof spectreStackDirections)[number]\n\nexport function isStackDirection(\n  value: unknown\n): value is SpectreStackDirection {\n  return (spectreStackDirections as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreStackBases = ['sidebar'] as const\n\nexport type SpectreStackBasis = (typeof spectreStackBases)[number]\n\nexport function isStackBasis(value: unknown): value is SpectreStackBasis {\n  return (spectreStackBases as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackAligns = ['center', 'stretch'] as const\n\nexport type SpectreStackAlign = (typeof spectreStackAligns)[number]\n\nexport function isStackAlign(value: unknown): value is SpectreStackAlign {\n  return (spectreStackAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreDropdownPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end'\n] as const\n\nexport type SpectreDropdownPlacement =\n  (typeof spectreDropdownPlacements)[number]\n\nexport function isDropdownPlacement(\n  value: unknown\n): value is SpectreDropdownPlacement {\n  return (spectreDropdownPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreToastVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger'\n] as const\n\nexport type SpectreToastVariant = (typeof spectreToastVariants)[number]\n\nexport function isToastVariant(value: unknown): value is SpectreToastVariant {\n  return (spectreToastVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTooltipPlacements = [\n  'top',\n  'bottom',\n  'left',\n  'right'\n] as const\n\nexport type SpectreTooltipPlacement = (typeof spectreTooltipPlacements)[number]\n\nexport function isTooltipPlacement(\n  value: unknown\n): value is SpectreTooltipPlacement {\n  return (spectreTooltipPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport function normalizeInt(\n  value: unknown,\n  fallback: number | undefined,\n  min = 0\n): number | undefined {\n  if (\n    value == null ||\n    typeof value !== 'number' ||\n    !Number.isInteger(value) ||\n    value < min\n  ) {\n    return fallback\n  }\n  return value\n}\n","import { LitElement, type PropertyDeclarations } from 'lit'\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {}\n\n  private _ariaLabel: string | null = null\n  private _ariaLabelledBy: string | null = null\n  private _ariaDescribedBy: string | null = null\n  private _autocapitalize = ''\n  private _autofocus = false\n  private _spellcheck: boolean | null = null\n  private _title = ''\n  private _id = ''\n\n  get ariaLabel(): string | null {\n    return this._ariaLabel\n  }\n\n  set ariaLabel(value: string | null) {\n    if (this._ariaLabel === value) {\n      return\n    }\n    this._ariaLabel = value\n    this._removeHostAttribute('aria-label')\n    this.requestUpdate()\n  }\n\n  get ariaLabelledBy(): string | null {\n    return this._ariaLabelledBy\n  }\n\n  set ariaLabelledBy(value: string | null) {\n    if (this._ariaLabelledBy === value) {\n      return\n    }\n    this._ariaLabelledBy = value\n    this._removeHostAttribute('aria-labelledby')\n    this.requestUpdate()\n  }\n\n  get ariaDescribedBy(): string | null {\n    return this._ariaDescribedBy\n  }\n\n  set ariaDescribedBy(value: string | null) {\n    if (this._ariaDescribedBy === value) {\n      return\n    }\n    this._ariaDescribedBy = value\n    this._removeHostAttribute('aria-describedby')\n    this.requestUpdate()\n  }\n\n  override get autocapitalize(): string {\n    return this._autocapitalize\n  }\n\n  override set autocapitalize(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._autocapitalize === normalizedValue) {\n      return\n    }\n    this._autocapitalize = normalizedValue\n    this._removeHostAttribute('autocapitalize')\n    this.requestUpdate()\n  }\n\n  override get spellcheck(): boolean {\n    return this._spellcheck ?? super.spellcheck\n  }\n\n  override set spellcheck(value: boolean | undefined | null) {\n    if (this._spellcheck === value) {\n      return\n    }\n    this._spellcheck = value ?? null\n    this._removeHostAttribute('spellcheck')\n    this.requestUpdate()\n  }\n\n  override get title(): string {\n    return this._title\n  }\n\n  override set title(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._title === normalizedValue) {\n      return\n    }\n    this._title = normalizedValue\n    this._removeHostAttribute('title')\n    this.requestUpdate()\n  }\n\n  override get id(): string {\n    return this._id\n  }\n\n  override set id(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._id === normalizedValue) {\n      return\n    }\n    this._id = normalizedValue\n    this._removeHostAttribute('id')\n    this.requestUpdate()\n  }\n\n  override get autofocus(): boolean {\n    return this._autofocus\n  }\n\n  override set autofocus(value: boolean | undefined | null) {\n    const normalizedValue = !!value\n    if (this._autofocus === normalizedValue) {\n      return\n    }\n    this._autofocus = normalizedValue\n    this._removeHostAttribute('autofocus')\n    this.requestUpdate()\n  }\n\n  // Spectre components intentionally render in light DOM so the global\n  // `@phcdevworks/spectre-ui` styling contract can apply directly.\n  createRenderRoot(): this {\n    return this\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n\n    const proxiedAttributes = [\n      'id',\n      'title',\n      'autocapitalize',\n      'autofocus',\n      'spellcheck',\n      'aria-label',\n      'aria-labelledby',\n      'aria-describedby'\n    ]\n\n    proxiedAttributes.forEach((attr) => {\n      const value = super.getAttribute(attr)\n      if (value !== null) {\n        this.setAttribute(attr, value)\n      }\n    })\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id || null\n      case 'title':\n        return this.title || null\n      case 'autocapitalize':\n        return this.autocapitalize || null\n      case 'autofocus':\n        return this.autofocus ? '' : null\n      case 'spellcheck':\n        return this._spellcheck !== null ? String(this._spellcheck) : null\n      case 'aria-label':\n        return this.ariaLabel\n      case 'aria-labelledby':\n        return this.ariaLabelledBy\n      case 'aria-describedby':\n        return this.ariaDescribedBy\n      default:\n        return super.getAttribute(qualifiedName)\n    }\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id !== ''\n      case 'title':\n        return this.title !== ''\n      case 'autocapitalize':\n        return this.autocapitalize !== ''\n      case 'autofocus':\n        return this.autofocus\n      case 'spellcheck':\n        return this._spellcheck !== null\n      case 'aria-label':\n        return this.ariaLabel !== null\n      case 'aria-labelledby':\n        return this.ariaLabelledBy !== null\n      case 'aria-describedby':\n        return this.ariaDescribedBy !== null\n      default:\n        return super.hasAttribute(qualifiedName)\n    }\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = value\n        break\n      case 'title':\n        this.title = value\n        break\n      case 'autocapitalize':\n        this.autocapitalize = value\n        break\n      case 'autofocus':\n        this.autofocus = true\n        break\n      case 'spellcheck':\n        this.spellcheck = value !== 'false'\n        break\n      case 'aria-label':\n        this.ariaLabel = value\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = value\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = value\n        break\n      default:\n        super.setAttribute(qualifiedName, value)\n    }\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = ''\n        break\n      case 'title':\n        this.title = ''\n        break\n      case 'autocapitalize':\n        this.autocapitalize = ''\n        break\n      case 'autofocus':\n        this.autofocus = false\n        break\n      case 'spellcheck':\n        this.spellcheck = null\n        break\n      case 'aria-label':\n        this.ariaLabel = null\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = null\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = null\n        break\n      default:\n        super.removeAttribute(qualifiedName)\n    }\n  }\n\n  private _removeHostAttribute(name: string): void {\n    const host = this as unknown as HTMLElement\n    if (HTMLElement.prototype.hasAttribute.call(host, name)) {\n      // Use the native removeAttribute to avoid our own overridden version\n      // which would reset the internal state.\n      HTMLElement.prototype.removeAttribute.call(host, name)\n    }\n  }\n\n  protected get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim()\n    return value ? value : undefined\n  }\n\n  // Subclasses that expose `disabled`/`loading` properties get this disabled\n  // calculation for free instead of redeclaring it per component.\n  protected get isDisabled(): boolean {\n    const self = this as unknown as { disabled?: boolean; loading?: boolean }\n    return (self.disabled ?? false) || (self.loading ?? false)\n  }\n\n  // Subclasses get this for free instead of redeclaring it per component.\n  protected get hasForwardedLabel(): boolean {\n    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy)\n  }\n}\n","export function hasMeaningfulContent(nodes: readonly Node[]): boolean {\n  return nodes.some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent?.trim().length ?? 0) > 0;\n    }\n\n    return false;\n  });\n}\n","import { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { SpectreBaseElement } from '../../utils/base'\nimport { hasMeaningfulContent } from '../../utils/dom'\nimport {\n  isTooltipPlacement,\n  type SpectreTooltipPlacement\n} from '../../utils/form'\n\nimport { getTooltipClasses } from '@phcdevworks/spectre-ui'\n\nexport interface SpectreTooltipProps {\n  ariaLabel?: string | null\n  id?: string | null | undefined\n  placement?: SpectreTooltipPlacement | undefined\n  title?: string | null | undefined\n  visible?: boolean | undefined\n}\n\nexport class SpectreTooltipElement\n  extends SpectreBaseElement\n  implements SpectreTooltipProps\n{\n  static properties = {\n    placement: { type: String, reflect: true },\n    visible: { type: Boolean, reflect: true }\n  }\n\n  placement: SpectreTooltipPlacement | undefined = 'top'\n  visible: boolean | undefined = false\n\n  private triggerContent: Node[] = []\n  private tooltipContent: Node[] = []\n  private contentObserver?: MutationObserver | undefined\n\n  override get id(): string {\n    return super.id\n  }\n\n  override set id(value: string | null | undefined) {\n    super.id = value\n  }\n\n  override get title(): string {\n    return super.title\n  }\n\n  override set title(value: string | null | undefined) {\n    super.title = value\n  }\n\n  private isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false\n    }\n    const el = node as Element\n    return (\n      el.hasAttribute('data-sp-tooltip-native') ||\n      el.hasAttribute('data-sp-tooltip-trigger')\n    )\n  }\n\n  private syncProjectedContent(): boolean {\n    const nextTooltipContent: Node[] = []\n    const nextTriggerContent: Node[] = []\n\n    this.childNodes.forEach((node) => {\n      if (this.isInternalNode(node)) {\n        return\n      }\n      const isTooltipSlot =\n        node.nodeType === Node.ELEMENT_NODE &&\n        (node as Element).getAttribute('slot') === 'tooltip'\n      if (isTooltipSlot) {\n        nextTooltipContent.push(node)\n      } else {\n        nextTriggerContent.push(node)\n      }\n    })\n\n    const changed =\n      nextTooltipContent.length !== this.tooltipContent.length ||\n      nextTooltipContent.some((n, i) => n !== this.tooltipContent[i]) ||\n      nextTriggerContent.length !== this.triggerContent.length ||\n      nextTriggerContent.some((n, i) => n !== this.triggerContent[i])\n\n    if (changed) {\n      this.tooltipContent = nextTooltipContent\n      this.triggerContent = nextTriggerContent\n    }\n\n    return changed\n  }\n\n  private get hasTooltipContent(): boolean {\n    return hasMeaningfulContent(this.tooltipContent)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.syncProjectedContent()\n    this.startContentObserver()\n    this.style.position ||= 'relative'\n    this.style.display ||= 'inline-block'\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver()\n    super.disconnectedCallback()\n  }\n\n  protected override update(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    this.stopContentObserver()\n    super.update(changedProperties)\n    this.startContentObserver()\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return\n    }\n    this.contentObserver = new MutationObserver(() => {\n      if (this.syncProjectedContent()) {\n        this.requestUpdate()\n      }\n    })\n    this.contentObserver.observe(this, { childList: true })\n  }\n\n  private stopContentObserver(): void {\n    this.contentObserver?.disconnect()\n    this.contentObserver = undefined\n  }\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    if (\n      changedProperties.has('placement') &&\n      (this.placement == null || !isTooltipPlacement(this.placement))\n    ) {\n      this.placement = 'top'\n    }\n    if (changedProperties.has('visible') && this.visible == null) {\n      this.visible = false\n    }\n  }\n\n  private show(): void {\n    if (this.visible) {\n      return\n    }\n    this.visible = true\n    this.dispatchEvent(new CustomEvent('sp-show', { bubbles: true }))\n  }\n\n  private hide(): void {\n    if (!this.visible) {\n      return\n    }\n    this.visible = false\n    this.dispatchEvent(new CustomEvent('sp-hide', { bubbles: true }))\n  }\n\n  private get tooltipClasses(): string {\n    return getTooltipClasses({\n      placement: this.placement as SpectreTooltipPlacement,\n      visible: this.visible ?? false\n    })\n  }\n\n  override render() {\n    return html`<span\n        data-sp-tooltip-trigger\n        @focusin=\"${() => this.show()}\"\n        @focusout=\"${() => this.hide()}\"\n        @mouseenter=\"${() => this.show()}\"\n        @mouseleave=\"${() => this.hide()}\"\n      >\n        ${this.triggerContent}\n      </span>\n      <span\n        aria-label=\"${ifDefined(this.forwardedAriaLabel)}\"\n        class=\"${this.tooltipClasses}\"\n        data-sp-tooltip-native\n        id=\"${ifDefined(this.id || undefined)}\"\n        role=\"tooltip\"\n        title=\"${ifDefined(this.title || undefined)}\"\n      >\n        ${this.hasTooltipContent ? this.tooltipContent : nothing}\n      </span>`\n  }\n}\n\nexport function defineSpectreTooltip(\n  tagName = 'sp-tooltip'\n): typeof SpectreTooltipElement {\n  const existingElement = customElements.get(tagName)\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreTooltipElement\n  }\n\n  customElements.define(tagName, SpectreTooltipElement)\n  return SpectreTooltipElement\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-components",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "@phcdevworks/spectre-components is the Lit-based component layer of the Spectre system for reusable, accessible, framework-agnostic web components.",
   "keywords": [
     "phcdevworks",
@@ -33,7 +33,7 @@
     "node": "^22.13.0 || >=24.0.0"
   },
   "type": "module",
-  "packageManager": "npm@11.16.0",
+  "packageManager": "npm@11.18.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -132,6 +132,56 @@
       "types": "./dist/pricing-card.d.ts",
       "import": "./dist/pricing-card.js",
       "require": "./dist/pricing-card.cjs"
+    },
+    "./container": {
+      "types": "./dist/container.d.ts",
+      "import": "./dist/container.js",
+      "require": "./dist/container.cjs"
+    },
+    "./grid": {
+      "types": "./dist/grid.d.ts",
+      "import": "./dist/grid.js",
+      "require": "./dist/grid.cjs"
+    },
+    "./section": {
+      "types": "./dist/section.d.ts",
+      "import": "./dist/section.js",
+      "require": "./dist/section.cjs"
+    },
+    "./stack": {
+      "types": "./dist/stack.d.ts",
+      "import": "./dist/stack.js",
+      "require": "./dist/stack.cjs"
+    },
+    "./dropdown": {
+      "types": "./dist/dropdown.d.ts",
+      "import": "./dist/dropdown.js",
+      "require": "./dist/dropdown.cjs"
+    },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js",
+      "require": "./dist/modal.cjs"
+    },
+    "./nav": {
+      "types": "./dist/nav.d.ts",
+      "import": "./dist/nav.js",
+      "require": "./dist/nav.cjs"
+    },
+    "./sidebar": {
+      "types": "./dist/sidebar.d.ts",
+      "import": "./dist/sidebar.js",
+      "require": "./dist/sidebar.cjs"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.js",
+      "require": "./dist/toast.cjs"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "import": "./dist/tooltip.js",
+      "require": "./dist/tooltip.cjs"
     }
   },
   "files": [
@@ -144,16 +194,20 @@
     "build": "tsup --config tsup.config.ts",
     "clean": "rm -rf dist coverage",
     "dev": "tsup --config tsup.config.ts --watch",
+    "verify:app": "vite",
     "typecheck": "tsc --noEmit",
     "release:propose": "node --experimental-strip-types scripts/propose-version.ts",
     "lint": "eslint .",
     "format": "prettier --write .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "check": "npm run lint && npm run typecheck && npm run test && npm run build && npm run check:exports && npm run check:contract && npm run check:invariants && npm run check:ecosystem",
+    "test:visual": "playwright test",
+    "test:visual:update": "playwright test --update-snapshots",
+    "check": "npm run lint && npm run typecheck && npm run test && npm run build && npm run check:exports && npm run check:contract && npm run check:invariants && npm run check:version-sync && npm run check:ecosystem",
     "check:exports": "node --experimental-strip-types scripts/check-exports.ts",
     "check:contract": "node --experimental-strip-types scripts/check-contract.ts",
     "check:invariants": "node --experimental-strip-types scripts/check-invariants.ts",
+    "check:version-sync": "node --experimental-strip-types scripts/check-readme-version.ts",
     "check:ecosystem": "spectre-manifest-validate spectre.manifest.json && spectre-manifest-check spectre.manifest.json ."
   },
   "publishConfig": {
@@ -163,28 +217,29 @@
     "typescript": "^5.9 || ^6.0"
   },
   "dependencies": {
-    "@phcdevworks/spectre-tokens": "^2.9.0",
-    "@phcdevworks/spectre-ui": "^1.9.0",
+    "@phcdevworks/spectre-tokens": "^3.3.1",
+    "@phcdevworks/spectre-ui": "^2.7.1",
     "lit": "^3.3.3"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@phcdevworks/spectre-manifest": "^1.0.0",
-    "@types/node": "^25.9.2",
-    "@typescript-eslint/eslint-plugin": "^8.61.0",
-    "@typescript-eslint/parser": "^8.61.0",
+    "@playwright/test": "^1.61.1",
+    "@types/node": "^26.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.62.1",
+    "@typescript-eslint/parser": "^8.62.1",
     "axe-core": "^4.12.1",
-    "eslint": "^10.4.1",
-    "globals": "^17.6.0",
-    "happy-dom": "^20.10.2",
+    "eslint": "^10.6.0",
+    "globals": "^17.7.0",
+    "happy-dom": "^20.10.6",
     "jiti": "^2.7.0",
-    "prettier": "^3.8.4",
-    "tailwindcss": "^4.3.0",
+    "prettier": "^3.9.4",
+    "tailwindcss": "^4.3.2",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.61.0",
-    "vite": "^8.0.16",
-    "vitest": "^4.1.8"
+    "typescript-eslint": "^8.62.1",
+    "vite": "^8.1.3",
+    "vitest": "^4.1.9"
   },
   "allowScripts": {
     "esbuild@0.27.7": true