@phcdevworks/spectre-components 0.0.1 → 1.0.0

package/dist/label.js

@@ -2,10 +2,12 @@ import { LitElement, nothing, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 
 // src/components/label/sp-label.ts
-var SpectreLabelElement = class extends LitElement {
+var SpectreBaseElement = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.projectedContent = [];
+    this.ariaLabel = null;
+    this.ariaLabelledBy = null;
+    this.ariaDescribedBy = null;
   }
   get id() {
     return this._id ?? "";
@@ -21,6 +23,8 @@ var SpectreLabelElement = class extends LitElement {
     }
     this.requestUpdate();
   }
+  // Spectre components intentionally render in light DOM so the global
+  // `@phcdevworks/spectre-ui` styling contract can apply directly.
   createRenderRoot() {
     return this;
   }
@@ -30,12 +34,6 @@ var SpectreLabelElement = class extends LitElement {
     if (hostId !== null) {
       this.id = hostId;
     }
-    this.syncProjectedContent();
-    this.startContentObserver();
-  }
-  disconnectedCallback() {
-    this.stopContentObserver();
-    super.disconnectedCallback();
   }
   getAttribute(qualifiedName) {
     if (qualifiedName === "id") {
@@ -63,24 +61,88 @@ var SpectreLabelElement = class extends LitElement {
     }
     super.removeAttribute(qualifiedName);
   }
+  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;
+  }
+};
+SpectreBaseElement.properties = {
+  ariaLabel: { attribute: "aria-label", type: String },
+  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
+  ariaDescribedBy: { attribute: "aria-describedby", type: String }
+};
+
+// 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;
+  });
+}
+
+// src/utils/projectable.ts
+var SpectreProjectableElement = class extends SpectreBaseElement {
+  constructor() {
+    super(...arguments);
+    this.projectedContent = [];
+  }
+  get hasProjectedContent() {
+    return hasMeaningfulContent(this.projectedContent);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.syncProjectedContent();
+    this.startContentObserver();
+  }
+  disconnectedCallback() {
+    this.stopContentObserver();
+    super.disconnectedCallback();
+  }
   update(changedProperties) {
     this.stopContentObserver();
     super.update(changedProperties);
     this.startContentObserver();
   }
-  get nativeLabel() {
-    return this.querySelector("[data-sp-label-native]");
+  syncProjectedContent() {
+    const nextProjectedContent = [];
+    const sourceNodes = [
+      ...this.childNodes,
+      ...this.getContentContainer()?.childNodes ?? []
+    ];
+    sourceNodes.forEach((node) => {
+      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {
+        nextProjectedContent.push(node);
+      }
+    });
+    const hasChanged = nextProjectedContent.length !== this.projectedContent.length || nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);
+    if (hasChanged) {
+      this.projectedContent = nextProjectedContent;
+    }
+    return hasChanged;
   }
   startContentObserver() {
     if (this.contentObserver) {
       return;
     }
     this.contentObserver = new MutationObserver((mutations) => {
-      const isInternalMovement = mutations.every((mutation) => {
-        return Array.from(mutation.removedNodes).every(
-          (node) => this.isInternalLabelNode(node) || this.contains(node)
-        ) && Array.from(mutation.addedNodes).every((node) => this.isInternalLabelNode(node));
-      });
+      const isInternalMovement = mutations.every(
+        (mutation) => Array.from(mutation.removedNodes).every(
+          (node) => this.isInternalNode(node) || this.contains(node)
+        ) && Array.from(mutation.addedNodes).every((node) => this.isInternalNode(node))
+      );
       if (isInternalMovement) {
         return;
       }
@@ -94,50 +156,51 @@ var SpectreLabelElement = class extends LitElement {
     this.contentObserver?.disconnect();
     this.contentObserver = void 0;
   }
-  syncProjectedContent() {
-    const nextProjectedContent = [];
-    Array.from(this.childNodes).forEach((node) => {
-      if (this.isInternalLabelNode(node)) {
-        this.projectedContent.forEach((projectedNode) => {
-          if (projectedNode.parentNode !== this && this.contains(projectedNode)) {
-            nextProjectedContent.push(projectedNode);
-          }
-        });
-        return;
-      }
-      nextProjectedContent.push(node);
-    });
-    if (nextProjectedContent.length === this.projectedContent.length && nextProjectedContent.every((node, index) => node === this.projectedContent[index])) {
+};
+
+// src/components/label/sp-label.ts
+var SpectreLabelElement = class extends SpectreProjectableElement {
+  constructor() {
+    super(...arguments);
+    this.title = "";
+  }
+  getContentContainer() {
+    return this.querySelector("[data-sp-label-native]");
+  }
+  isInternalNode(node) {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
       return false;
     }
-    this.projectedContent = nextProjectedContent;
-    return true;
-  }
-  isInternalLabelNode(node) {
-    return node === this.nativeLabel;
+    const el = node;
+    return el.hasAttribute("data-sp-label-native");
   }
   focus(options) {
-    this.nativeLabel?.focus(options);
+    this.getContentContainer()?.focus(options);
   }
   blur() {
-    this.nativeLabel?.blur();
+    this.getContentContainer()?.blur();
   }
   render() {
     return html`
       <label
+        aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}
+        aria-label=${ifDefined(this.forwardedAriaLabel)}
+        aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}
         class='sp-label'
         data-sp-label-native
         for=${ifDefined(this.htmlFor)}
         id=${ifDefined(this.id || void 0)}
         tabindex='-1'
+        title=${ifDefined(this.title || void 0)}
       >
-        ${this.projectedContent.length > 0 ? this.projectedContent : nothing}
+        ${this.hasProjectedContent ? this.projectedContent : nothing}
       </label>
     `;
   }
 };
 SpectreLabelElement.properties = {
-  htmlFor: { attribute: "for", type: String }
+  htmlFor: { attribute: "for", type: String, reflect: true },
+  title: { type: String, reflect: true }
 };
 function defineSpectreLabel(tagName = "sp-label") {
   const existingElement = customElements.get(tagName);

package/dist/label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/label/sp-label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport interface SpectreLabelProps {\n  htmlFor?: string;\n}\n\nexport class SpectreLabelElement extends LitElement implements SpectreLabelProps {\n  static properties = {\n    htmlFor: { attribute: 'for', type: String },\n  };\n\n  htmlFor?: string;\n  private _id?: string;\n  private projectedContent: Node[] = [];\n  private contentObserver?: MutationObserver | undefined;\n\n  override get id(): string {\n    return this._id ?? '';\n  }\n\n  override set id(value: string) {\n    if ((this._id ?? '') === value) {\n      return;\n    }\n\n    this._id = value;\n\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, 'id')) {\n      HTMLElement.prototype.removeAttribute.call(host, 'id');\n    }\n\n    this.requestUpdate();\n  }\n\n  createRenderRoot(): this {\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    const hostId = super.getAttribute('id');\n\n    if (hostId !== null) {\n      this.id = hostId;\n    }\n\n    this.syncProjectedContent();\n    this.startContentObserver();\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver();\n    super.disconnectedCallback();\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    if (qualifiedName === 'id') {\n      return this.id || null;\n    }\n\n    return super.getAttribute(qualifiedName);\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    if (qualifiedName === 'id') {\n      return this.id !== '';\n    }\n\n    return super.hasAttribute(qualifiedName);\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    if (qualifiedName === 'id') {\n      this.id = value;\n      return;\n    }\n\n    super.setAttribute(qualifiedName, value);\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    if (qualifiedName === 'id') {\n      this.id = '';\n      return;\n    }\n\n    super.removeAttribute(qualifiedName);\n  }\n\n  protected override update(changedProperties: Map<PropertyKey, unknown>): void {\n    this.stopContentObserver();\n    super.update(changedProperties);\n    this.startContentObserver();\n  }\n\n  private get nativeLabel(): HTMLLabelElement | null {\n    return this.querySelector('[data-sp-label-native]');\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return;\n    }\n\n    this.contentObserver = new MutationObserver((mutations) => {\n      const isInternalMovement = mutations.every((mutation) => {\n        return (\n          Array.from(mutation.removedNodes).every(\n            (node) => this.isInternalLabelNode(node) || this.contains(node),\n          ) &&\n          Array.from(mutation.addedNodes).every((node) => this.isInternalLabelNode(node))\n        );\n      });\n\n      if (isInternalMovement) {\n        return;\n      }\n\n      if (this.syncProjectedContent()) {\n        this.requestUpdate();\n      }\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  private syncProjectedContent(): boolean {\n    const nextProjectedContent: Node[] = [];\n\n    Array.from(this.childNodes).forEach((node) => {\n      if (this.isInternalLabelNode(node)) {\n        this.projectedContent.forEach((projectedNode) => {\n          if (projectedNode.parentNode !== this && this.contains(projectedNode)) {\n            nextProjectedContent.push(projectedNode);\n          }\n        });\n        return;\n      }\n\n      nextProjectedContent.push(node);\n    });\n\n    if (\n      nextProjectedContent.length === this.projectedContent.length &&\n      nextProjectedContent.every((node, index) => node === this.projectedContent[index])\n    ) {\n      return false;\n    }\n\n    this.projectedContent = nextProjectedContent;\n    return true;\n  }\n\n  private isInternalLabelNode(node: Node): boolean {\n    return node === this.nativeLabel;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeLabel?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeLabel?.blur();\n  }\n\n  override render() {\n    return html`\n      <label\n        class='sp-label'\n        data-sp-label-native\n        for=${ifDefined(this.htmlFor)}\n        id=${ifDefined(this.id || undefined)}\n        tabindex='-1'\n      >\n        ${this.projectedContent.length > 0 ? this.projectedContent : nothing}\n      </label>\n    `;\n  }\n}\n\nexport function defineSpectreLabel(tagName = 'sp-label'): typeof SpectreLabelElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreLabelElement;\n  }\n\n  customElements.define(tagName, SpectreLabelElement);\n  return SpectreLabelElement;\n}\n"]}
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/projectable.ts","../src/components/label/sp-label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit';\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n  };\n\n  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n\n  private _id?: string;\n\n  override get id(): string {\n    return this._id ?? '';\n  }\n\n  override set id(value: string) {\n    if ((this._id ?? '') === value) {\n      return;\n    }\n\n    this._id = value;\n\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, 'id')) {\n      HTMLElement.prototype.removeAttribute.call(host, 'id');\n    }\n\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 hostId = super.getAttribute('id');\n    if (hostId !== null) {\n      this.id = hostId;\n    }\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    if (qualifiedName === 'id') {\n      return this.id || null;\n    }\n\n    return super.getAttribute(qualifiedName);\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    if (qualifiedName === 'id') {\n      return this.id !== '';\n    }\n\n    return super.hasAttribute(qualifiedName);\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    if (qualifiedName === 'id') {\n      this.id = value;\n      return;\n    }\n\n    super.setAttribute(qualifiedName, value);\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    if (qualifiedName === 'id') {\n      this.id = '';\n      return;\n    }\n\n    super.removeAttribute(qualifiedName);\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","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 { SpectreBaseElement } from './base';\nimport { hasMeaningfulContent } from './dom';\n\nexport abstract class SpectreProjectableElement extends SpectreBaseElement {\n  protected projectedContent: Node[] = [];\n  private contentObserver?: MutationObserver | undefined;\n\n  // Return the native container whose existing children are also treated as\n  // projected content sources (e.g. the rendered <button>, <select>, <label>).\n  protected abstract getContentContainer(): Element | null;\n\n  // Return true if the node was rendered by this component and should not be\n  // treated as external projected content.\n  protected abstract isInternalNode(node: Node): boolean;\n\n  protected get hasProjectedContent(): boolean {\n    return hasMeaningfulContent(this.projectedContent);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.syncProjectedContent();\n    this.startContentObserver();\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver();\n    super.disconnectedCallback();\n  }\n\n  protected override update(changedProperties: Map<PropertyKey, unknown>): void {\n    this.stopContentObserver();\n    super.update(changedProperties);\n    this.startContentObserver();\n  }\n\n  protected syncProjectedContent(): boolean {\n    const nextProjectedContent: Node[] = [];\n    const sourceNodes = [\n      ...this.childNodes,\n      ...(this.getContentContainer()?.childNodes ?? []),\n    ];\n\n    sourceNodes.forEach((node) => {\n      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {\n        nextProjectedContent.push(node);\n      }\n    });\n\n    const hasChanged =\n      nextProjectedContent.length !== this.projectedContent.length ||\n      nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);\n\n    if (hasChanged) {\n      this.projectedContent = nextProjectedContent;\n    }\n\n    return hasChanged;\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return;\n    }\n\n    this.contentObserver = new MutationObserver((mutations) => {\n      const isInternalMovement = mutations.every((mutation) =>\n        Array.from(mutation.removedNodes).every(\n          (node) => this.isInternalNode(node) || this.contains(node),\n        ) &&\n        Array.from(mutation.addedNodes).every((node) => this.isInternalNode(node)),\n      );\n\n      if (isInternalMovement) {\n        return;\n      }\n\n      if (this.syncProjectedContent()) {\n        this.requestUpdate();\n      }\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","import { html, nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SpectreProjectableElement } from '../../utils/projectable';\n\nexport interface SpectreLabelProps {\n  ariaLabel?: string | null;\n  ariaLabelledBy?: string | null;\n  ariaDescribedBy?: string | null;\n  htmlFor?: string;\n  title?: string;\n}\n\nexport class SpectreLabelElement extends SpectreProjectableElement implements SpectreLabelProps {\n  static properties = {\n    htmlFor: { attribute: 'for', type: String, reflect: true },\n    title: { type: String, reflect: true },\n  };\n\n  htmlFor?: string;\n  override title = '';\n\n  protected override getContentContainer(): Element | null {\n    return this.querySelector('[data-sp-label-native]');\n  }\n\n  protected override isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false;\n    }\n\n    const el = node as Element;\n    return el.hasAttribute('data-sp-label-native');\n  }\n\n  override focus(options?: FocusOptions): void {\n    (this.getContentContainer() as HTMLLabelElement | null)?.focus(options);\n  }\n\n  override blur(): void {\n    (this.getContentContainer() as HTMLLabelElement | null)?.blur();\n  }\n\n  override render() {\n    return html`\n      <label\n        aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}\n        aria-label=${ifDefined(this.forwardedAriaLabel)}\n        aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}\n        class='sp-label'\n        data-sp-label-native\n        for=${ifDefined(this.htmlFor)}\n        id=${ifDefined(this.id || undefined)}\n        tabindex='-1'\n        title=${ifDefined(this.title || undefined)}\n      >\n        ${this.hasProjectedContent ? this.projectedContent : nothing}\n      </label>\n    `;\n  }\n}\n\nexport function defineSpectreLabel(tagName = 'sp-label'): typeof SpectreLabelElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreLabelElement;\n  }\n\n  customElements.define(tagName, SpectreLabelElement);\n  return SpectreLabelElement;\n}\n"]}

package/dist/projectable-DcnBRiko.d.cts

@@ -0,0 +1,17 @@
+import { S as SpectreBaseElement } from './base-DQtCQ-dP.cjs';
+
+declare abstract class SpectreProjectableElement extends SpectreBaseElement {
+    protected projectedContent: Node[];
+    private contentObserver?;
+    protected abstract getContentContainer(): Element | null;
+    protected abstract isInternalNode(node: Node): boolean;
+    protected get hasProjectedContent(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected update(changedProperties: Map<PropertyKey, unknown>): void;
+    protected syncProjectedContent(): boolean;
+    private startContentObserver;
+    private stopContentObserver;
+}
+
+export { SpectreProjectableElement as S };

package/dist/projectable-SzbPvXfM.d.ts

@@ -0,0 +1,17 @@
+import { S as SpectreBaseElement } from './base-DQtCQ-dP.js';
+
+declare abstract class SpectreProjectableElement extends SpectreBaseElement {
+    protected projectedContent: Node[];
+    private contentObserver?;
+    protected abstract getContentContainer(): Element | null;
+    protected abstract isInternalNode(node: Node): boolean;
+    protected get hasProjectedContent(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected update(changedProperties: Map<PropertyKey, unknown>): void;
+    protected syncProjectedContent(): boolean;
+    private startContentObserver;
+    private stopContentObserver;
+}
+
+export { SpectreProjectableElement as S };

package/dist/radio.cjs

@@ -1,23 +1,16 @@
 'use strict';
 
 var lit = require('lit');
+var live_js = require('lit/directives/live.js');
 var ifDefined_js = require('lit/directives/if-defined.js');
 
 // src/components/radio/sp-radio.ts
-var SpectreRadioElement = class extends lit.LitElement {
+var SpectreBaseElement = class extends lit.LitElement {
   constructor() {
     super(...arguments);
     this.ariaLabel = null;
     this.ariaLabelledBy = null;
     this.ariaDescribedBy = null;
-    this.autofocus = false;
-    this.checked = false;
-    this.disabled = false;
-    this.invalid = false;
-    this.label = "";
-    this.required = false;
-    this.title = "";
-    this.value = "on";
   }
   get id() {
     return this._id ?? "";
@@ -33,6 +26,8 @@ var SpectreRadioElement = class extends lit.LitElement {
     }
     this.requestUpdate();
   }
+  // Spectre components intentionally render in light DOM so the global
+  // `@phcdevworks/spectre-ui` styling contract can apply directly.
   createRenderRoot() {
     return this;
   }
@@ -69,14 +64,6 @@ var SpectreRadioElement = class extends lit.LitElement {
     }
     super.removeAttribute(qualifiedName);
   }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("value") && this.value == null) {
-      this.value = "on";
-    }
-  }
-  get nativeInput() {
-    return this.querySelector("[data-sp-radio-native]");
-  }
   get forwardedAriaLabel() {
     const value = this.ariaLabel?.trim();
     return value ? value : void 0;
@@ -89,6 +76,130 @@ var SpectreRadioElement = class extends lit.LitElement {
     const value = this.ariaDescribedBy?.trim();
     return value ? value : void 0;
   }
+};
+SpectreBaseElement.properties = {
+  ariaLabel: { attribute: "aria-label", type: String },
+  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
+  ariaDescribedBy: { attribute: "aria-describedby", type: String }
+};
+
+// 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;
+  });
+}
+
+// src/utils/projectable.ts
+var SpectreProjectableElement = class extends SpectreBaseElement {
+  constructor() {
+    super(...arguments);
+    this.projectedContent = [];
+  }
+  get hasProjectedContent() {
+    return hasMeaningfulContent(this.projectedContent);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.syncProjectedContent();
+    this.startContentObserver();
+  }
+  disconnectedCallback() {
+    this.stopContentObserver();
+    super.disconnectedCallback();
+  }
+  update(changedProperties) {
+    this.stopContentObserver();
+    super.update(changedProperties);
+    this.startContentObserver();
+  }
+  syncProjectedContent() {
+    const nextProjectedContent = [];
+    const sourceNodes = [
+      ...this.childNodes,
+      ...this.getContentContainer()?.childNodes ?? []
+    ];
+    sourceNodes.forEach((node) => {
+      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {
+        nextProjectedContent.push(node);
+      }
+    });
+    const hasChanged = nextProjectedContent.length !== this.projectedContent.length || nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);
+    if (hasChanged) {
+      this.projectedContent = nextProjectedContent;
+    }
+    return hasChanged;
+  }
+  startContentObserver() {
+    if (this.contentObserver) {
+      return;
+    }
+    this.contentObserver = new MutationObserver((mutations) => {
+      const isInternalMovement = mutations.every(
+        (mutation) => Array.from(mutation.removedNodes).every(
+          (node) => this.isInternalNode(node) || this.contains(node)
+        ) && Array.from(mutation.addedNodes).every((node) => this.isInternalNode(node))
+      );
+      if (isInternalMovement) {
+        return;
+      }
+      if (this.syncProjectedContent()) {
+        this.requestUpdate();
+      }
+    });
+    this.contentObserver.observe(this, { childList: true });
+  }
+  stopContentObserver() {
+    this.contentObserver?.disconnect();
+    this.contentObserver = void 0;
+  }
+};
+
+// src/components/radio/sp-radio.ts
+var SpectreRadioElement = class extends SpectreProjectableElement {
+  constructor() {
+    super(...arguments);
+    this.autofocus = false;
+    this.checked = false;
+    this.disabled = false;
+    this.invalid = false;
+    this.loading = false;
+    this.required = false;
+    this.success = false;
+    this.title = "";
+    this.value = "on";
+  }
+  getContentContainer() {
+    return this.querySelector("[data-sp-radio-label]");
+  }
+  isInternalNode(node) {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
+      return false;
+    }
+    const el = node;
+    return el.hasAttribute("data-sp-radio-label") || el.hasAttribute("data-sp-radio-native") || el.hasAttribute("data-sp-radio-label-fallback") || el.hasAttribute("data-sp-radio-indicator");
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("value") && this.value == null) {
+      this.value = "on";
+    }
+  }
+  get nativeInput() {
+    return this.querySelector("[data-sp-radio-native]");
+  }
+  get isDisabled() {
+    return this.disabled || this.loading;
+  }
+  get visibleLabelFallback() {
+    const trimmedLabel = this.label?.trim();
+    return trimmedLabel ? trimmedLabel : void 0;
+  }
   handleInput(event) {
     const input = event.currentTarget;
     this.checked = input.checked;
@@ -104,17 +215,20 @@ var SpectreRadioElement = class extends lit.LitElement {
     this.nativeInput?.blur();
   }
   render() {
+    const labelContent = this.hasProjectedContent ? this.projectedContent : this.visibleLabelFallback ? lit.html`<span class='sp-label' data-sp-radio-label-fallback>${this.visibleLabelFallback}</span>` : lit.nothing;
     return lit.html`
-      <label>
+      <label data-sp-radio-label>
         <input
+          aria-busy=${this.loading ? "true" : "false"}
           aria-describedby=${ifDefined_js.ifDefined(this.forwardedAriaDescribedBy)}
           aria-invalid=${ifDefined_js.ifDefined(this.invalid ? "true" : void 0)}
           aria-label=${ifDefined_js.ifDefined(this.forwardedAriaLabel)}
           aria-labelledby=${ifDefined_js.ifDefined(this.forwardedAriaLabelledBy)}
           ?autofocus=${this.autofocus}
           data-sp-radio-native
-          ?checked=${this.checked}
-          ?disabled=${this.disabled}
+          .checked=${live_js.live(this.checked)}
+          ?disabled=${this.isDisabled}
+          form=${ifDefined_js.ifDefined(this.form)}
           id=${ifDefined_js.ifDefined(this.id || void 0)}
           name=${ifDefined_js.ifDefined(this.name)}
           ?required=${this.required}
@@ -124,22 +238,23 @@ var SpectreRadioElement = class extends lit.LitElement {
           @change=${this.handleChange}
           @input=${this.handleInput}
         />
-        <span class='sp-label'>${this.label}</span>
+        <span class="sp-radio-indicator" data-sp-radio-indicator></span>
+        ${labelContent}
       </label>
     `;
   }
 };
 SpectreRadioElement.properties = {
-  ariaLabel: { attribute: "aria-label", type: String },
-  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
-  ariaDescribedBy: { attribute: "aria-describedby", type: String },
   autofocus: { type: Boolean, reflect: true },
   checked: { type: Boolean, reflect: true },
   disabled: { type: Boolean, reflect: true },
+  form: { type: String },
   invalid: { type: Boolean, reflect: true },
+  loading: { type: Boolean, reflect: true },
   label: { type: String, reflect: true },
-  name: { type: String },
+  name: { type: String, reflect: true },
   required: { type: Boolean, reflect: true },
+  success: { type: Boolean, reflect: true },
   title: { type: String, reflect: true },
   value: { type: String }
 };

package/dist/radio.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/radio/sp-radio.ts"],"names":["LitElement","html","ifDefined"],"mappings":"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","file":"radio.cjs","sourcesContent":["import { LitElement, html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport interface SpectreRadioProps {\n  autofocus?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  invalid?: boolean;\n  label?: string;\n  name?: string;\n  required?: boolean;\n  title?: string;\n  value?: string;\n}\n\nexport class SpectreRadioElement extends LitElement implements SpectreRadioProps {\n  static properties = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n    autofocus: { type: Boolean, reflect: true },\n    checked: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    invalid: { type: Boolean, reflect: true },\n    label: { type: String, reflect: true },\n    name: { type: String },\n    required: { type: Boolean, reflect: true },\n    title: { type: String, reflect: true },\n    value: { type: String },\n  };\n\n  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n  autofocus = false;\n  checked = false;\n  disabled = false;\n  invalid = false;\n  label = '';\n  name?: string;\n  required = false;\n  override title = '';\n  value = 'on';\n  private _id?: string;\n\n  override get id(): string {\n    return this._id ?? '';\n  }\n\n  override set id(value: string) {\n    if ((this._id ?? '') === value) {\n      return;\n    }\n\n    this._id = value;\n\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, 'id')) {\n      HTMLElement.prototype.removeAttribute.call(host, 'id');\n    }\n\n    this.requestUpdate();\n  }\n\n  createRenderRoot(): this {\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    const hostId = super.getAttribute('id');\n\n    if (hostId !== null) {\n      this.id = hostId;\n    }\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    if (qualifiedName === 'id') {\n      return this.id || null;\n    }\n\n    return super.getAttribute(qualifiedName);\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    if (qualifiedName === 'id') {\n      return this.id !== '';\n    }\n\n    return super.hasAttribute(qualifiedName);\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    if (qualifiedName === 'id') {\n      this.id = value;\n      return;\n    }\n\n    super.setAttribute(qualifiedName, value);\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    if (qualifiedName === 'id') {\n      this.id = '';\n      return;\n    }\n\n    super.removeAttribute(qualifiedName);\n  }\n\n  protected override willUpdate(changedProperties: Map<PropertyKey, unknown>): void {\n    if (changedProperties.has('value') && this.value == null) {\n      this.value = 'on';\n    }\n  }\n\n  private get nativeInput(): HTMLInputElement | null {\n    return this.querySelector('[data-sp-radio-native]');\n  }\n\n  private get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim();\n    return value ? value : undefined;\n  }\n\n  private get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim();\n    return value ? value : undefined;\n  }\n\n  private get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim();\n    return value ? value : undefined;\n  }\n\n  private handleInput(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.checked = input.checked;\n  }\n\n  private handleChange(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.checked = input.checked;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeInput?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeInput?.blur();\n  }\n\n  override render() {\n    return html`\n      <label>\n        <input\n          aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}\n          aria-invalid=${ifDefined(this.invalid ? 'true' : undefined)}\n          aria-label=${ifDefined(this.forwardedAriaLabel)}\n          aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}\n          ?autofocus=${this.autofocus}\n          data-sp-radio-native\n          ?checked=${this.checked}\n          ?disabled=${this.disabled}\n          id=${ifDefined(this.id || undefined)}\n          name=${ifDefined(this.name)}\n          ?required=${this.required}\n          title=${ifDefined(this.title || undefined)}\n          type='radio'\n          value=${ifDefined(this.value || undefined)}\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n        />\n        <span class='sp-label'>${this.label}</span>\n      </label>\n    `;\n  }\n}\n\nexport function defineSpectreRadio(tagName = 'sp-radio'): typeof SpectreRadioElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreRadioElement;\n  }\n\n  customElements.define(tagName, SpectreRadioElement);\n  return SpectreRadioElement;\n}\n"]}
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/projectable.ts","../src/components/radio/sp-radio.ts"],"names":["LitElement","html","nothing","ifDefined","live"],"mappings":"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","file":"radio.cjs","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit';\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n  };\n\n  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n\n  private _id?: string;\n\n  override get id(): string {\n    return this._id ?? '';\n  }\n\n  override set id(value: string) {\n    if ((this._id ?? '') === value) {\n      return;\n    }\n\n    this._id = value;\n\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, 'id')) {\n      HTMLElement.prototype.removeAttribute.call(host, 'id');\n    }\n\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 hostId = super.getAttribute('id');\n    if (hostId !== null) {\n      this.id = hostId;\n    }\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    if (qualifiedName === 'id') {\n      return this.id || null;\n    }\n\n    return super.getAttribute(qualifiedName);\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    if (qualifiedName === 'id') {\n      return this.id !== '';\n    }\n\n    return super.hasAttribute(qualifiedName);\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    if (qualifiedName === 'id') {\n      this.id = value;\n      return;\n    }\n\n    super.setAttribute(qualifiedName, value);\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    if (qualifiedName === 'id') {\n      this.id = '';\n      return;\n    }\n\n    super.removeAttribute(qualifiedName);\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","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 { SpectreBaseElement } from './base';\nimport { hasMeaningfulContent } from './dom';\n\nexport abstract class SpectreProjectableElement extends SpectreBaseElement {\n  protected projectedContent: Node[] = [];\n  private contentObserver?: MutationObserver | undefined;\n\n  // Return the native container whose existing children are also treated as\n  // projected content sources (e.g. the rendered <button>, <select>, <label>).\n  protected abstract getContentContainer(): Element | null;\n\n  // Return true if the node was rendered by this component and should not be\n  // treated as external projected content.\n  protected abstract isInternalNode(node: Node): boolean;\n\n  protected get hasProjectedContent(): boolean {\n    return hasMeaningfulContent(this.projectedContent);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.syncProjectedContent();\n    this.startContentObserver();\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver();\n    super.disconnectedCallback();\n  }\n\n  protected override update(changedProperties: Map<PropertyKey, unknown>): void {\n    this.stopContentObserver();\n    super.update(changedProperties);\n    this.startContentObserver();\n  }\n\n  protected syncProjectedContent(): boolean {\n    const nextProjectedContent: Node[] = [];\n    const sourceNodes = [\n      ...this.childNodes,\n      ...(this.getContentContainer()?.childNodes ?? []),\n    ];\n\n    sourceNodes.forEach((node) => {\n      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {\n        nextProjectedContent.push(node);\n      }\n    });\n\n    const hasChanged =\n      nextProjectedContent.length !== this.projectedContent.length ||\n      nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);\n\n    if (hasChanged) {\n      this.projectedContent = nextProjectedContent;\n    }\n\n    return hasChanged;\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return;\n    }\n\n    this.contentObserver = new MutationObserver((mutations) => {\n      const isInternalMovement = mutations.every((mutation) =>\n        Array.from(mutation.removedNodes).every(\n          (node) => this.isInternalNode(node) || this.contains(node),\n        ) &&\n        Array.from(mutation.addedNodes).every((node) => this.isInternalNode(node)),\n      );\n\n      if (isInternalMovement) {\n        return;\n      }\n\n      if (this.syncProjectedContent()) {\n        this.requestUpdate();\n      }\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","import { html, nothing } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SpectreProjectableElement } from '../../utils/projectable';\n\nexport interface SpectreRadioProps {\n  ariaLabel?: string | null;\n  ariaLabelledBy?: string | null;\n  ariaDescribedBy?: string | null;\n  autofocus?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  form?: string;\n  invalid?: boolean;\n  loading?: boolean;\n  label?: string | undefined;\n  name?: string | undefined;\n  required?: boolean;\n  success?: boolean;\n  title?: string;\n  value?: string;\n}\n\nexport class SpectreRadioElement extends SpectreProjectableElement implements SpectreRadioProps {\n  static properties = {\n    autofocus: { type: Boolean, reflect: true },\n    checked: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    form: { type: String },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    label: { type: String, reflect: true },\n    name: { type: String, reflect: true },\n    required: { type: Boolean, reflect: true },\n    success: { type: Boolean, reflect: true },\n    title: { type: String, reflect: true },\n    value: { type: String },\n  };\n\n  autofocus = false;\n  checked = false;\n  disabled = false;\n  form?: string;\n  invalid = false;\n  loading = false;\n  label?: string;\n  name?: string;\n  required = false;\n  success = false;\n  override title = '';\n  value = 'on';\n\n  protected override getContentContainer(): Element | null {\n    return this.querySelector('[data-sp-radio-label]');\n  }\n\n  protected override isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false;\n    }\n\n    const el = node as Element;\n    return (\n      el.hasAttribute('data-sp-radio-label') ||\n      el.hasAttribute('data-sp-radio-native') ||\n      el.hasAttribute('data-sp-radio-label-fallback') ||\n      el.hasAttribute('data-sp-radio-indicator')\n    );\n  }\n\n  protected override willUpdate(changedProperties: Map<PropertyKey, unknown>): void {\n    if (changedProperties.has('value') && this.value == null) {\n      this.value = 'on';\n    }\n  }\n\n  private get nativeInput(): HTMLInputElement | null {\n    return this.querySelector('[data-sp-radio-native]');\n  }\n\n  private get isDisabled(): boolean {\n    return this.disabled || this.loading;\n  }\n\n  private get visibleLabelFallback(): string | undefined {\n    const trimmedLabel = this.label?.trim();\n    return trimmedLabel ? trimmedLabel : undefined;\n  }\n\n  private handleInput(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.checked = input.checked;\n  }\n\n  private handleChange(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.checked = input.checked;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeInput?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeInput?.blur();\n  }\n\n  override render() {\n    const labelContent = this.hasProjectedContent\n      ? this.projectedContent\n      : this.visibleLabelFallback\n        ? html`<span class='sp-label' data-sp-radio-label-fallback>${this.visibleLabelFallback}</span>`\n        : nothing;\n\n    return html`\n      <label data-sp-radio-label>\n        <input\n          aria-busy=${this.loading ? 'true' : 'false'}\n          aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}\n          aria-invalid=${ifDefined(this.invalid ? 'true' : undefined)}\n          aria-label=${ifDefined(this.forwardedAriaLabel)}\n          aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}\n          ?autofocus=${this.autofocus}\n          data-sp-radio-native\n          .checked=${live(this.checked)}\n          ?disabled=${this.isDisabled}\n          form=${ifDefined(this.form)}\n          id=${ifDefined(this.id || undefined)}\n          name=${ifDefined(this.name)}\n          ?required=${this.required}\n          title=${ifDefined(this.title || undefined)}\n          type='radio'\n          value=${ifDefined(this.value || undefined)}\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n        />\n        <span class=\"sp-radio-indicator\" data-sp-radio-indicator></span>\n        ${labelContent}\n      </label>\n    `;\n  }\n}\n\nexport function defineSpectreRadio(tagName = 'sp-radio'): typeof SpectreRadioElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreRadioElement;\n  }\n\n  customElements.define(tagName, SpectreRadioElement);\n  return SpectreRadioElement;\n}\n"]}