@skdx/web-components 0.28.0 → 0.29.0

package/dist/radio-card/RadioCard.d.cts

@@ -1,9 +1,8 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { RadioGroupChangeReason } from '../radio-group/RadioGroup.cjs';
 import '../radio-group/index.cjs';
 /**
- * Single-select radio card. Root behaves as `<label>`; click selects and focuses control.
- * Registers with enclosing `<skdx-radio-group>` for state management. No nesting of interactive elements.
+ * Single-select radio card whose root behaves as a `<label>`; click selects and focuses the control, registered with the enclosing `<skdx-radio-group>`.
  *
  * @example
  * ```html
@@ -20,26 +19,29 @@ export declare class SkdxRadioCard extends LitElement {
      */
     value: string;
     /**
-     * Disables this card only. The enclosing group's own `disabled` still wins
-     * when set, so a group-level `disabled` cannot be re-enabled per card.
+     * Disables this card only; the enclosing group's own `disabled` still wins when set.
      * @default false — the card follows the group.
      */
     disabled: boolean;
     /**
-     * The card's visible label, rendered into a derived `<skdx-radio-card-label>`
-     * that names the control.
+     * The card's visible label, rendered into a derived `<skdx-radio-card-label>` that names the control.
      * @default undefined — an unnamed card; name it with `aria-label` on the control instead.
      */
     label?: string;
     /**
-     * Supporting text below the label, rendered into a derived
-     * `<skdx-radio-card-description>`.
+     * Supporting text below the label, rendered into a derived `<skdx-radio-card-description>`.
      * @default undefined — no description is derived.
      */
     description?: string;
+    /**
+     * Control scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
     private _focusVisible;
     private _viaPointer;
     private rootEl;
+    private groupUpgraded;
     connectedCallback(): void;
     private readonly fillAnatomy;
     disconnectedCallback(): void;
@@ -48,15 +50,13 @@ export declare class SkdxRadioCard extends LitElement {
     refresh(): void;
     /** Whether this card is currently the group's selected value. */
     get checked(): boolean;
+    private get group();
     /** This card's own `disabled`, or the whole group's — either one disables it. */
     get effectiveDisabled(): boolean;
     private get _control();
     /** Selects this card through the group. A no-op while disabled or already selected, so re-picking emits nothing. */
     select(reason: RadioGroupChangeReason): void;
-    /**
-     * @internal Pushes the card's resolved state onto the host and every
-     * part. Called by each part on connect, and by the root on every change.
-     */
+    /** @internal Pushes the card's resolved state onto the host and every part. */
     syncParts(): void;
     private _sync;
     private _toggleAttribute;
@@ -66,7 +66,7 @@ export declare class SkdxRadioCard extends LitElement {
     private readonly _handlePointerDown;
     private readonly _handleFocusIn;
     private readonly _handleFocusOut;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCard.d.ts

@@ -1,9 +1,8 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import type { RadioGroupChangeReason } from '../radio-group/RadioGroup.js';
 import '../radio-group/index.js';
 /**
- * Single-select radio card. Root behaves as `<label>`; click selects and focuses control.
- * Registers with enclosing `<skdx-radio-group>` for state management. No nesting of interactive elements.
+ * Single-select radio card whose root behaves as a `<label>`; click selects and focuses the control, registered with the enclosing `<skdx-radio-group>`.
  *
  * @example
  * ```html
@@ -20,26 +19,29 @@ export declare class SkdxRadioCard extends LitElement {
      */
     value: string;
     /**
-     * Disables this card only. The enclosing group's own `disabled` still wins
-     * when set, so a group-level `disabled` cannot be re-enabled per card.
+     * Disables this card only; the enclosing group's own `disabled` still wins when set.
      * @default false — the card follows the group.
      */
     disabled: boolean;
     /**
-     * The card's visible label, rendered into a derived `<skdx-radio-card-label>`
-     * that names the control.
+     * The card's visible label, rendered into a derived `<skdx-radio-card-label>` that names the control.
      * @default undefined — an unnamed card; name it with `aria-label` on the control instead.
      */
     label?: string;
     /**
-     * Supporting text below the label, rendered into a derived
-     * `<skdx-radio-card-description>`.
+     * Supporting text below the label, rendered into a derived `<skdx-radio-card-description>`.
      * @default undefined — no description is derived.
      */
     description?: string;
+    /**
+     * Control scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
     private _focusVisible;
     private _viaPointer;
     private rootEl;
+    private groupUpgraded;
     connectedCallback(): void;
     private readonly fillAnatomy;
     disconnectedCallback(): void;
@@ -48,15 +50,13 @@ export declare class SkdxRadioCard extends LitElement {
     refresh(): void;
     /** Whether this card is currently the group's selected value. */
     get checked(): boolean;
+    private get group();
     /** This card's own `disabled`, or the whole group's — either one disables it. */
     get effectiveDisabled(): boolean;
     private get _control();
     /** Selects this card through the group. A no-op while disabled or already selected, so re-picking emits nothing. */
     select(reason: RadioGroupChangeReason): void;
-    /**
-     * @internal Pushes the card's resolved state onto the host and every
-     * part. Called by each part on connect, and by the root on every change.
-     */
+    /** @internal Pushes the card's resolved state onto the host and every part. */
     syncParts(): void;
     private _sync;
     private _toggleAttribute;
@@ -66,7 +66,7 @@ export declare class SkdxRadioCard extends LitElement {
     private readonly _handlePointerDown;
     private readonly _handleFocusIn;
     private readonly _handleFocusOut;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCard.js

@@ -1,4 +1,4 @@
-var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var l=(c,n,e,t)=>{for(var i=t>1?void 0:t?y(n,e):n,o=c.length-1,a;o>=0;o--)(a=c[o])&&(i=(t?a(n,e,i):a(i))||i);return t&&i&&m(n,e,i),i};import{css as _,html as E,LitElement as g}from"lit";import{property as d,state as A}from"lit/decorators.js";import{hasAuthoredParts as k}from"../internal/authored.js";import{warnOnNestedInteractive as L}from"../internal/card-nesting.js";import{customElement as T}from"../internal/define.js";import{ensureId as D}from"../internal/ids.js";import"../radio-group/index.js";import{fillRadioCardAnatomy as w,RADIO_CARD_ANATOMY_GENERATED as M}from"./RadioCardAnatomy.js";var I="skdx-radio-card-control",O="skdx-radio-card-indicator",v="skdx-radio-card-label",b="skdx-radio-card-description",r=class extends g{constructor(){super(...arguments);this.value="";this.disabled=!1;this._focusVisible=!1;this._viaPointer=!1;this.rootEl=null;this.fillAnatomy=()=>{k(this,M)||(w(this),this._sync())};this._handleClick=()=>{this.effectiveDisabled||(this.select("pointer"),this._control?.focus())};this._handleKeydown=e=>{this.effectiveDisabled||(e.key===" "?(e.preventDefault(),this.select("keyboard")):e.key==="Enter"&&e.preventDefault())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=e=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1;let t=e.relatedTarget;t?.getAttribute("role")==="radio"&&t.closest('[role="radiogroup"]')===this.closest('[role="radiogroup"]')&&this.select("keyboard"),this._sync()};this._handleFocusOut=()=>{this._focusVisible=!1,this._viaPointer=!1,this._sync()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-radio-group"),!this.rootEl)throw new Error("<skdx-radio-card> must be used inside <skdx-radio-group>.");this.rootEl.registerItem(this,this.value,this.disabled),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("pointerdown",this._handlePointerDown),this.addEventListener("focusin",this._handleFocusIn),this.addEventListener("focusout",this._handleFocusOut),this._sync(),queueMicrotask(()=>{L("RadioCard",this),this.fillAnatomy()})}disconnectedCallback(){this.rootEl?.unregisterItem(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("pointerdown",this._handlePointerDown),this.removeEventListener("focusin",this._handleFocusIn),this.removeEventListener("focusout",this._handleFocusOut),super.disconnectedCallback()}updated(e){(e.has("label")||e.has("description"))&&this.fillAnatomy(),this._sync()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValue()===this.value}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}get _control(){return this.querySelector(I)}select(e){this.effectiveDisabled||this.checked||(this.rootEl?.readOnly??!1)||this.rootEl?.setValue(this.value,e)}syncParts(){this._sync()}_sync(){let e=this.rootEl,t=this.checked,i=this.effectiveDisabled,o=t?"checked":"unchecked";this.setAttribute("data-state",o),this.setAttribute("data-value",this.value),this._toggleAttribute("data-disabled",i),this._toggleAttribute("data-focus-visible",this._focusVisible);let a=e?.getSelectedValue()==null&&e?.getFirstEnabledValue()===this.value,f=!i&&(t||a),s=this._control;s&&(s.setAttribute("aria-checked",String(t)),s.setAttribute("data-state",o),s.setAttribute("data-value",this.value),s.setAttribute("tabindex",f?"0":"-1"),i?(s.setAttribute("data-disabled",""),s.setAttribute("aria-disabled","true")):(s.removeAttribute("data-disabled"),s.removeAttribute("aria-disabled")),this._link(s,"aria-labelledby",v,"label"),this._link(s,"aria-describedby",b,"description"));let u=this.querySelector(O);u?.setAttribute("data-state",o);let p=[u,this.querySelector(v),this.querySelector(b)];for(let h of p)h&&(i?h.setAttribute("data-disabled",""):h.removeAttribute("data-disabled"))}_toggleAttribute(e,t){t?this.setAttribute(e,""):this.removeAttribute(e)}_link(e,t,i,o){let a=this.querySelector(i);a?e.setAttribute(t,D(a,"skdx-radio-card",o)):e.removeAttribute(t)}render(){return E`<slot @slotchange=${this.fillAnatomy}></slot>`}};r.styles=_`
+var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var l=(c,n,e,t)=>{for(var i=t>1?void 0:t?y(n,e):n,o=c.length-1,a;o>=0;o--)(a=c[o])&&(i=(t?a(n,e,i):a(i))||i);return t&&i&&m(n,e,i),i};import{css as _,html as E,LitElement as A}from"lit";import{property as d,state as k}from"lit/decorators.js";import{hasAuthoredParts as L}from"../internal/authored.js";import{warnOnNestedInteractive as T}from"../internal/card-nesting.js";import{customElement as w,whenUpgraded as D}from"../internal/define.js";import{ensureId as I}from"../internal/ids.js";import{resolveTabStopId as M,rovingTabIndex as P}from"../internal/roving-tab-stop.js";import"../radio-group/index.js";import{fillRadioCardAnatomy as O,RADIO_CARD_ANATOMY_GENERATED as S}from"./RadioCardAnatomy.js";var x="skdx-radio-card-control",H="skdx-radio-card-indicator",p="skdx-radio-card-label",v="skdx-radio-card-description",r=class extends A{constructor(){super(...arguments);this.value="";this.disabled=!1;this._focusVisible=!1;this._viaPointer=!1;this.rootEl=null;this.groupUpgraded=!1;this.fillAnatomy=()=>{L(this,S)||(O(this),this._sync())};this._handleClick=()=>{this.effectiveDisabled||(this.select("pointer"),this._control?.focus())};this._handleKeydown=e=>{this.effectiveDisabled||(e.key===" "?(e.preventDefault(),this.select("keyboard")):e.key==="Enter"&&e.preventDefault())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=e=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1;let t=e.relatedTarget;t?.getAttribute("role")==="radio"&&t.closest('[role="radiogroup"]')===this.closest('[role="radiogroup"]')&&this.select("keyboard"),this._sync()};this._handleFocusOut=()=>{this._focusVisible=!1,this._viaPointer=!1,this._sync()}}connectedCallback(){if(super.connectedCallback(),this.rootEl=this.closest("skdx-radio-group"),!this.rootEl)throw new Error("<skdx-radio-card> must be used inside <skdx-radio-group>.");this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("pointerdown",this._handlePointerDown),this.addEventListener("focusin",this._handleFocusIn),this.addEventListener("focusout",this._handleFocusOut),D(this.rootEl,()=>{this.groupUpgraded=!0,this.rootEl?.registerPart(this),this._sync()}),queueMicrotask(()=>{T("RadioCard",this),this.fillAnatomy()})}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),this.removeEventListener("pointerdown",this._handlePointerDown),this.removeEventListener("focusin",this._handleFocusIn),this.removeEventListener("focusout",this._handleFocusOut),super.disconnectedCallback()}updated(e){(e.has("label")||e.has("description"))&&this.fillAnatomy(),this._sync()}refresh(){this._sync()}get checked(){return this.group?.getSelectedValue()===this.value}get group(){return this.groupUpgraded?this.rootEl:null}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}get _control(){return this.querySelector(x)}select(e){this.effectiveDisabled||this.checked||(this.rootEl?.readOnly??!1)||this.rootEl?.setValue(this.value,e)}syncParts(){this._sync()}_sync(){let e=this.group,t=this.checked,i=this.effectiveDisabled,o=t?"checked":"unchecked";this.setAttribute("data-state",o),this.setAttribute("data-value",this.value),this._toggleAttribute("data-disabled",i),this._toggleAttribute("data-focus-visible",this._focusVisible);let a=e?.getSelectedValue()??null,f=M(e?.getEnabledValues()??[],a===null?[]:[a],null),b=i?-1:P(e!==null,f===this.value),s=this._control;s&&(s.setAttribute("aria-checked",String(t)),s.setAttribute("data-state",o),s.setAttribute("data-value",this.value),s.setAttribute("tabindex",String(b)),i?(s.setAttribute("data-disabled",""),s.setAttribute("aria-disabled","true")):(s.removeAttribute("data-disabled"),s.removeAttribute("aria-disabled")),this._link(s,"aria-labelledby",p,"label"),this._link(s,"aria-describedby",v,"description"));let h=this.querySelector(H);h?.setAttribute("data-state",o);let g=[h,this.querySelector(p),this.querySelector(v)];for(let u of g)u&&(i?u.setAttribute("data-disabled",""):u.removeAttribute("data-disabled"))}_toggleAttribute(e,t){t?this.setAttribute(e,""):this.removeAttribute(e)}_link(e,t,i,o){let a=this.querySelector(i);a?e.setAttribute(t,I(a,"skdx-radio-card",o)):e.removeAttribute(t)}render(){return E`<slot @slotchange=${this.fillAnatomy}></slot>`}};r.styles=_`
     :host {
       display: block;
       position: relative;
@@ -10,4 +10,4 @@ var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var l=(c,n,e,t
     :host([hidden]) {
       display: none;
     }
-  `,l([d({type:String,reflect:!0})],r.prototype,"value",2),l([d({type:Boolean,reflect:!0})],r.prototype,"disabled",2),l([d({type:String})],r.prototype,"label",2),l([d({type:String})],r.prototype,"description",2),l([A()],r.prototype,"_focusVisible",2),r=l([T("skdx-radio-card","radio-card","root")],r);export{r as SkdxRadioCard};
+  `,l([d({type:String,reflect:!0})],r.prototype,"value",2),l([d({type:Boolean,reflect:!0})],r.prototype,"disabled",2),l([d({type:String})],r.prototype,"label",2),l([d({type:String})],r.prototype,"description",2),l([d({type:String,reflect:!0,attribute:"data-size"})],r.prototype,"size",2),l([k()],r.prototype,"_focusVisible",2),r=l([w("skdx-radio-card","radio-card","root")],r);export{r as SkdxRadioCard};

package/dist/radio-card/RadioCardAnatomy.cjs

@@ -1,8 +1,10 @@
-"use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var x=(d,a)=>{for(var o in a)t(d,o,{get:a[o],enumerable:!0})},k=(d,a,o,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of n(a))!s.call(d,i)&&i!==o&&t(d,i,{get:()=>a[i],enumerable:!(e=c(a,i))||e.enumerable});return d};var p=d=>k(t({},"__esModule",{value:!0}),d);var R={};x(R,{RADIO_CARD_ANATOMY_GENERATED:()=>l,fillRadioCardAnatomy:()=>m});module.exports=p(R);var r=require("lit"),A=require("./RadioCardControl.cjs"),C=require("./RadioCardIndicator.cjs"),f=require("./RadioCardLabel.cjs"),b=require("./RadioCardDescription.cjs"),l="data-skdx-radio-card-generated";function m(d){(0,r.render)(r.html`
+"use strict";var o=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var x=(d,a)=>{for(var e in a)o(d,e,{get:a[e],enumerable:!0})},k=(d,a,e,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of c(a))!s.call(d,i)&&i!==e&&o(d,i,{get:()=>a[i],enumerable:!(t=n(a,i))||t.enumerable});return d};var l=d=>k(o({},"__esModule",{value:!0}),d);var R={};x(R,{RADIO_CARD_ANATOMY_GENERATED:()=>p,fillRadioCardAnatomy:()=>m});module.exports=l(R);var r=require("lit"),g=require("./RadioCardControl.cjs"),A=require("./RadioCardIndicator.cjs"),C=require("./RadioCardLabel.cjs"),b=require("./RadioCardDescription.cjs"),p="data-skdx-radio-card-generated";function m(d){(0,r.render)(r.html`
       <skdx-radio-card-control data-skdx-radio-card-generated></skdx-radio-card-control>
       <skdx-radio-card-indicator data-skdx-radio-card-generated></skdx-radio-card-indicator>
-      <skdx-radio-card-label data-skdx-radio-card-generated>${d.label}</skdx-radio-card-label>
-      ${d.description?r.html`<skdx-radio-card-description data-skdx-radio-card-generated
+      ${d.label===void 0?r.nothing:r.html`<skdx-radio-card-label data-skdx-radio-card-generated
+              >${d.label}</skdx-radio-card-label
+            >`}
+      ${d.description===void 0?r.nothing:r.html`<skdx-radio-card-description data-skdx-radio-card-generated
               >${d.description}</skdx-radio-card-description
-            >`:r.nothing}
+            >`}
     `,d,{host:d})}0&&(module.exports={RADIO_CARD_ANATOMY_GENERATED,fillRadioCardAnatomy});

package/dist/radio-card/RadioCardAnatomy.d.cts

@@ -3,16 +3,7 @@ import './RadioCardControl.cjs';
 import './RadioCardIndicator.cjs';
 import './RadioCardLabel.cjs';
 import './RadioCardDescription.cjs';
-/**
- * @internal Marks a direct child of `<skdx-radio-card>` this module generated.
- * Written literally in the template below — Lit binds attribute *values*, not
- * attribute names, so the constant cannot be interpolated there.
- */
+/** @internal Marks a direct child this module generated; written literally since Lit can't interpolate attribute names. */
 export declare const RADIO_CARD_ANATOMY_GENERATED = "data-skdx-radio-card-generated";
-/**
- * Builds the canonical anatomy (Control, Indicator, Label, Description) as
- * light-DOM children of `root`. Description is omitted when no `description` prop.
- * Only called by `<skdx-radio-card>` when no consumer-authored composition exists.
- * @internal
- */
+/** @internal Builds the canonical anatomy (Control, Indicator, Label, Description) as light-DOM children of `root`. */
 export declare function fillRadioCardAnatomy(root: SkdxRadioCard): void;

package/dist/radio-card/RadioCardAnatomy.d.ts

@@ -3,16 +3,7 @@ import './RadioCardControl.js';
 import './RadioCardIndicator.js';
 import './RadioCardLabel.js';
 import './RadioCardDescription.js';
-/**
- * @internal Marks a direct child of `<skdx-radio-card>` this module generated.
- * Written literally in the template below — Lit binds attribute *values*, not
- * attribute names, so the constant cannot be interpolated there.
- */
+/** @internal Marks a direct child this module generated; written literally since Lit can't interpolate attribute names. */
 export declare const RADIO_CARD_ANATOMY_GENERATED = "data-skdx-radio-card-generated";
-/**
- * Builds the canonical anatomy (Control, Indicator, Label, Description) as
- * light-DOM children of `root`. Description is omitted when no `description` prop.
- * Only called by `<skdx-radio-card>` when no consumer-authored composition exists.
- * @internal
- */
+/** @internal Builds the canonical anatomy (Control, Indicator, Label, Description) as light-DOM children of `root`. */
 export declare function fillRadioCardAnatomy(root: SkdxRadioCard): void;

package/dist/radio-card/RadioCardAnatomy.js

@@ -1,8 +1,10 @@
-import{html as a,render as r,nothing as i}from"lit";import"./RadioCardControl.js";import"./RadioCardIndicator.js";import"./RadioCardLabel.js";import"./RadioCardDescription.js";var s="data-skdx-radio-card-generated";function x(d){r(a`
+import{html as a,render as i,nothing as r}from"lit";import"./RadioCardControl.js";import"./RadioCardIndicator.js";import"./RadioCardLabel.js";import"./RadioCardDescription.js";var s="data-skdx-radio-card-generated";function x(d){i(a`
       <skdx-radio-card-control data-skdx-radio-card-generated></skdx-radio-card-control>
       <skdx-radio-card-indicator data-skdx-radio-card-generated></skdx-radio-card-indicator>
-      <skdx-radio-card-label data-skdx-radio-card-generated>${d.label}</skdx-radio-card-label>
-      ${d.description?a`<skdx-radio-card-description data-skdx-radio-card-generated
+      ${d.label===void 0?r:a`<skdx-radio-card-label data-skdx-radio-card-generated
+              >${d.label}</skdx-radio-card-label
+            >`}
+      ${d.description===void 0?r:a`<skdx-radio-card-description data-skdx-radio-card-generated
               >${d.description}</skdx-radio-card-description
-            >`:i}
+            >`}
     `,d,{host:d})}export{s as RADIO_CARD_ANATOMY_GENERATED,x as fillRadioCardAnatomy};

package/dist/radio-card/RadioCardControl.cjs

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var x=(t,r)=>{for(var o in r)a(t,o,{get:r[o],enumerable:!0})},E=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of m(r))!u.call(t,e)&&e!==o&&a(t,e,{get:()=>r[e],enumerable:!(i=p(r,e))||i.enumerable});return t};var b=t=>E(a({},"__esModule",{value:!0}),t),h=(t,r,o,i)=>{for(var e=i>1?void 0:i?p(r,o):r,c=t.length-1,n;c>=0;c--)(n=t[c])&&(e=(i?n(r,o,e):n(e))||e);return i&&e&&a(r,o,e),e};var w={};x(w,{SkdxRadioCardControl:()=>d});module.exports=b(w);var s=require("lit"),l=require("../internal/define.cjs");var d=class extends s.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.setAttribute("role","radio"),this.rootEl=this.closest("skdx-radio-card"),!this.rootEl)throw new Error("<skdx-radio-card-control> must be used inside <skdx-radio-card>.");(0,l.whenUpgraded)(this.rootEl,()=>this.rootEl?.syncParts())}render(){return s.html`<slot></slot>`}};d.styles=s.css`
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},E=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of h(e))!u.call(t,r)&&r!==o&&a(t,r,{get:()=>e[r],enumerable:!(i=p(e,r))||i.enumerable});return t};var b=t=>E(a({},"__esModule",{value:!0}),t),m=(t,e,o,i)=>{for(var r=i>1?void 0:i?p(e,o):e,c=t.length-1,n;c>=0;c--)(n=t[c])&&(r=(i?n(e,o,r):n(r))||r);return i&&r&&a(e,o,r),r};var w={};x(w,{SkdxRadioCardControl:()=>s});module.exports=b(w);var d=require("lit"),l=require("../internal/define.cjs");var s=class extends d.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.setAttribute("role","radio"),this.rootEl=this.closest("skdx-radio-card"),!this.rootEl)throw new Error("<skdx-radio-card-control> must be used inside <skdx-radio-card>.");(0,l.whenUpgraded)(this.rootEl,()=>this.rootEl?.syncParts())}render(){return d.html`<slot></slot>`}};s.styles=d.css`
     :host {
       position: absolute;
       width: 1px;
@@ -10,4 +10,4 @@
       white-space: nowrap;
       border: 0;
     }
-  `,d=h([(0,l.customElement)("skdx-radio-card-control","radio-card","control")],d);0&&(module.exports={SkdxRadioCardControl});
+  `,s=m([(0,l.customElement)("skdx-radio-card-control","radio-card","control")],s);0&&(module.exports={SkdxRadioCardControl});

package/dist/radio-card/RadioCardControl.d.cts

@@ -1,16 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-radio-card-control>` — the real control behind a `<skdx-radio-card>`:
- * the element carrying `role="radio"`, `aria-checked`, the roving tab stop,
- * and accessible name/description.
- *
- * Visually hidden, never `display: none` — clipped to 1×1 so keyboard users and
- * screen readers can reach it. The `:host` declarations cannot be overridden.
- *
- * `role="radio"` is load-bearing: `<skdx-radio-group>` discovers items via
- * `[role="radio"]`, letting a card and a plain `<skdx-radio-group-item>` share
- * a group. Holds no state of its own; the card root pushes down `aria-checked`,
- * `data-state`, `data-value`, `data-disabled`, `tabindex`, and ARIA wiring.
+ * The real control behind a `<skdx-radio-card>`: the element carrying `role="radio"`, `aria-checked`, and the roving tab stop, visually hidden but reachable.
  *
  * @example
  * ```html
@@ -24,7 +14,7 @@ export declare class SkdxRadioCardControl extends LitElement {
     static styles: import("lit").CSSResult;
     private rootEl;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardControl.d.ts

@@ -1,16 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-radio-card-control>` — the real control behind a `<skdx-radio-card>`:
- * the element carrying `role="radio"`, `aria-checked`, the roving tab stop,
- * and accessible name/description.
- *
- * Visually hidden, never `display: none` — clipped to 1×1 so keyboard users and
- * screen readers can reach it. The `:host` declarations cannot be overridden.
- *
- * `role="radio"` is load-bearing: `<skdx-radio-group>` discovers items via
- * `[role="radio"]`, letting a card and a plain `<skdx-radio-group-item>` share
- * a group. Holds no state of its own; the card root pushes down `aria-checked`,
- * `data-state`, `data-value`, `data-disabled`, `tabindex`, and ARIA wiring.
+ * The real control behind a `<skdx-radio-card>`: the element carrying `role="radio"`, `aria-checked`, and the roving tab stop, visually hidden but reachable.
  *
  * @example
  * ```html
@@ -24,7 +14,7 @@ export declare class SkdxRadioCardControl extends LitElement {
     static styles: import("lit").CSSResult;
     private rootEl;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardControl.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=(i,e,d,o)=>{for(var r=o>1?void 0:o?n(e,d):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(o?a(e,d,r):a(r))||r);return o&&r&&c(e,d,r),r};import{css as p,html as h,LitElement as m}from"lit";import{customElement as u,whenUpgraded as x}from"../internal/define.js";var t=class extends m{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.setAttribute("role","radio"),this.rootEl=this.closest("skdx-radio-card"),!this.rootEl)throw new Error("<skdx-radio-card-control> must be used inside <skdx-radio-card>.");x(this.rootEl,()=>this.rootEl?.syncParts())}render(){return h`<slot></slot>`}};t.styles=p`
+var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=(i,r,s,o)=>{for(var e=o>1?void 0:o?n(r,s):r,d=i.length-1,a;d>=0;d--)(a=i[d])&&(e=(o?a(r,s,e):a(e))||e);return o&&e&&c(r,s,e),e};import{css as p,html as m,LitElement as h}from"lit";import{customElement as u,whenUpgraded as x}from"../internal/define.js";var t=class extends h{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){if(super.connectedCallback(),this.setAttribute("role","radio"),this.rootEl=this.closest("skdx-radio-card"),!this.rootEl)throw new Error("<skdx-radio-card-control> must be used inside <skdx-radio-card>.");x(this.rootEl,()=>this.rootEl?.syncParts())}render(){return m`<slot></slot>`}};t.styles=p`
     :host {
       position: absolute;
       width: 1px;

package/dist/radio-card/RadioCardDescription.cjs

@@ -1,8 +1 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var r in o)a(t,r,{get:o[r],enumerable:!0})},u=(t,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of h(o))!E.call(t,e)&&e!==r&&a(t,e,{get:()=>o[e],enumerable:!(s=m(o,e))||s.enumerable});return t};var v=t=>u(a({},"__esModule",{value:!0}),t),p=(t,o,r,s)=>{for(var e=s>1?void 0:s?m(o,r):o,c=t.length-1,n;c>=0;c--)(n=t[c])&&(e=(s?n(o,r,e):n(e))||e);return s&&e&&a(o,r,e),e};var b={};k(b,{SkdxRadioCardDescription:()=>d});module.exports=v(b);var l=require("lit"),i=require("../internal/define.cjs");var d=class extends l.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&(0,i.whenUpgraded)(this.rootEl,()=>this.rootEl?.syncParts())}disconnectedCallback(){let r=this.rootEl;super.disconnectedCallback(),queueMicrotask(()=>r?.syncParts())}render(){return l.html`<slot></slot>`}};d.styles=l.css`
-    :host {
-      display: block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,d=p([(0,i.customElement)("skdx-radio-card-description","radio-card","description")],d);0&&(module.exports={SkdxRadioCardDescription});
+"use strict";var c=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var t in e)c(o,t,{get:e[t],enumerable:!0})},k=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!f.call(o,r)&&r!==t&&c(o,r,{get:()=>e[r],enumerable:!(a=l(e,r))||a.enumerable});return o};var E=o=>k(c({},"__esModule",{value:!0}),o),m=(o,e,t,a)=>{for(var r=a>1?void 0:a?l(e,t):e,i=o.length-1,s;i>=0;i--)(s=o[i])&&(r=(a?s(e,t,r):s(r))||r);return a&&r&&c(e,t,r),r};var M={};g(M,{SkdxRadioCardDescription:()=>d});module.exports=E(M);var n=require("../internal/define.cjs"),p=require("../internal/selection-card.cjs");var d=class extends p.SkdxSelectionCardPartBase{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};d=m([(0,n.customElement)("skdx-radio-card-description","radio-card","description")],d);0&&(module.exports={SkdxRadioCardDescription});

package/dist/radio-card/RadioCardDescription.d.cts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.cjs';
 /**
- * `<skdx-radio-card-description>` — supporting copy under a label.
- *
- * The root wires the control's `aria-describedby` to this part's id automatically,
- * so the copy is announced after the name. Purely additive; omit and there is no `aria-describedby`.
+ * Supporting copy under a label; the root wires the control's `aria-describedby` to this part's id automatically.
  *
  * @example
  * ```html
@@ -14,12 +11,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardDescription extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardDescription.d.ts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.js';
 /**
- * `<skdx-radio-card-description>` — supporting copy under a label.
- *
- * The root wires the control's `aria-describedby` to this part's id automatically,
- * so the copy is announced after the name. Purely additive; omit and there is no `aria-describedby`.
+ * Supporting copy under a label; the root wires the control's `aria-describedby` to this part's id automatically.
  *
  * @example
  * ```html
@@ -14,12 +11,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardDescription extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardDescription.js

@@ -1,8 +1 @@
-var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var i=(d,e,t,s)=>{for(var o=s>1?void 0:s?n(e,t):e,l=d.length-1,a;l>=0;l--)(a=d[l])&&(o=(s?a(e,t,o):a(o))||o);return s&&o&&c(e,t,o),o};import{css as m,html as p,LitElement as h}from"lit";import{customElement as E,whenUpgraded as k}from"../internal/define.js";var r=class extends h{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&k(this.rootEl,()=>this.rootEl?.syncParts())}disconnectedCallback(){let t=this.rootEl;super.disconnectedCallback(),queueMicrotask(()=>t?.syncParts())}render(){return p`<slot></slot>`}};r.styles=m`
-    :host {
-      display: block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,r=i([E("skdx-radio-card-description","radio-card","description")],r);export{r as SkdxRadioCardDescription};
+var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var s=(a,r,d,o)=>{for(var e=o>1?void 0:o?m(r,d):r,c=a.length-1,i;c>=0;c--)(i=a[c])&&(e=(o?i(r,d,e):i(e))||e);return o&&e&&l(r,d,e),e};import{customElement as n}from"../internal/define.js";import{SkdxSelectionCardPartBase as p}from"../internal/selection-card.js";var t=class extends p{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};t=s([n("skdx-radio-card-description","radio-card","description")],t);export{t as SkdxRadioCardDescription};

package/dist/radio-card/RadioCardIndicator.cjs

@@ -1,8 +1 @@
-"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var u=(r,t)=>{for(var o in t)a(r,o,{get:t[o],enumerable:!0})},b=(r,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of p(t))!E.call(r,e)&&e!==o&&a(r,e,{get:()=>t[e],enumerable:!(i=h(t,e))||i.enumerable});return r};var f=r=>b(a({},"__esModule",{value:!0}),r),m=(r,t,o,i)=>{for(var e=i>1?void 0:i?h(t,o):t,n=r.length-1,c;n>=0;n--)(c=r[n])&&(e=(i?c(t,o,e):c(e))||e);return i&&e&&a(t,o,e),e};var k={};u(k,{SkdxRadioCardIndicator:()=>s});module.exports=f(k);var l=require("lit"),d=require("../internal/define.cjs");var s=class extends l.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&(0,d.whenUpgraded)(this.rootEl,()=>this.rootEl?.syncParts())}render(){return l.html`<slot></slot>`}};s.styles=l.css`
-    :host {
-      display: inline-block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,s=m([(0,d.customElement)("skdx-radio-card-indicator","radio-card","indicator")],s);0&&(module.exports={SkdxRadioCardIndicator});
+"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var a in e)d(o,a,{get:e[a],enumerable:!0})},k=(o,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!f.call(o,r)&&r!==a&&d(o,r,{get:()=>e[r],enumerable:!(t=m(e,r))||t.enumerable});return o};var E=o=>k(d({},"__esModule",{value:!0}),o),s=(o,e,a,t)=>{for(var r=t>1?void 0:t?m(e,a):e,i=o.length-1,l;i>=0;i--)(l=o[i])&&(r=(t?l(e,a,r):l(r))||r);return t&&r&&d(e,a,r),r};var M={};g(M,{SkdxRadioCardIndicator:()=>c});module.exports=E(M);var n=require("../internal/define.cjs"),p=require("../internal/selection-card.cjs");var c=class extends p.SkdxSelectionCardIndicatorBase{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};c=s([(0,n.customElement)("skdx-radio-card-indicator","radio-card","indicator")],c);0&&(module.exports={SkdxRadioCardIndicator});

package/dist/radio-card/RadioCardIndicator.d.cts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardIndicatorBase } from '../internal/selection-card.cjs';
 /**
- * `<skdx-radio-card-indicator>` — the decorative dot or ring on a
- * `<skdx-radio-card>`. Stays mounted when unchecked since the ring itself is
- * the indicator, not just the dot. The root mirrors its `data-state` and
- * `data-disabled` onto it; it is `aria-hidden`.
+ * The decorative dot or ring on a `<skdx-radio-card>`, staying mounted when unchecked; the root mirrors `data-state`/`data-disabled` onto it.
  *
  * @example
  * ```html
@@ -14,11 +11,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardIndicator extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardIndicator extends SkdxSelectionCardIndicatorBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardIndicator.d.ts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardIndicatorBase } from '../internal/selection-card.js';
 /**
- * `<skdx-radio-card-indicator>` — the decorative dot or ring on a
- * `<skdx-radio-card>`. Stays mounted when unchecked since the ring itself is
- * the indicator, not just the dot. The root mirrors its `data-state` and
- * `data-disabled` onto it; it is `aria-hidden`.
+ * The decorative dot or ring on a `<skdx-radio-card>`, staying mounted when unchecked; the root mirrors `data-state`/`data-disabled` onto it.
  *
  * @example
  * ```html
@@ -14,11 +11,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardIndicator extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardIndicator extends SkdxSelectionCardIndicatorBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardIndicator.js

@@ -1,8 +1 @@
-var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(i,e,s,o)=>{for(var t=o>1?void 0:o?c(e,s):e,l=i.length-1,a;l>=0;l--)(a=i[l])&&(t=(o?a(e,s,t):a(t))||t);return o&&t&&n(e,s,t),t};import{css as h,html as m,LitElement as p}from"lit";import{customElement as E,whenUpgraded as u}from"../internal/define.js";var r=class extends p{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&u(this.rootEl,()=>this.rootEl?.syncParts())}render(){return m`<slot></slot>`}};r.styles=h`
-    :host {
-      display: inline-block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,r=d([E("skdx-radio-card-indicator","radio-card","indicator")],r);export{r as SkdxRadioCardIndicator};
+var m=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=(t,r,c,o)=>{for(var e=o>1?void 0:o?s(r,c):r,d=t.length-1,i;d>=0;d--)(i=t[d])&&(e=(o?i(r,c,e):i(e))||e);return o&&e&&m(r,c,e),e};import{customElement as n}from"../internal/define.js";import{SkdxSelectionCardIndicatorBase as p}from"../internal/selection-card.js";var a=class extends p{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};a=l([n("skdx-radio-card-indicator","radio-card","indicator")],a);export{a as SkdxRadioCardIndicator};

package/dist/radio-card/RadioCardLabel.cjs

@@ -1,8 +1 @@
-"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var r in o)d(t,r,{get:o[r],enumerable:!0})},u=(t,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of h(o))!E.call(t,e)&&e!==r&&d(t,e,{get:()=>o[e],enumerable:!(l=m(o,e))||l.enumerable});return t};var v=t=>u(d({},"__esModule",{value:!0}),t),p=(t,o,r,l)=>{for(var e=l>1?void 0:l?m(o,r):o,c=t.length-1,n;c>=0;c--)(n=t[c])&&(e=(l?n(o,r,e):n(e))||e);return l&&e&&d(o,r,e),e};var b={};k(b,{SkdxRadioCardLabel:()=>s});module.exports=v(b);var a=require("lit"),i=require("../internal/define.cjs");var s=class extends a.LitElement{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&(0,i.whenUpgraded)(this.rootEl,()=>this.rootEl?.syncParts())}disconnectedCallback(){let r=this.rootEl;super.disconnectedCallback(),queueMicrotask(()=>r?.syncParts())}render(){return a.html`<slot></slot>`}};s.styles=a.css`
-    :host {
-      display: block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,s=p([(0,i.customElement)("skdx-radio-card-label","radio-card","label")],s);0&&(module.exports={SkdxRadioCardLabel});
+"use strict";var c=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var b=(a,e)=>{for(var o in e)c(a,o,{get:e[o],enumerable:!0})},g=(a,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!f.call(a,r)&&r!==o&&c(a,r,{get:()=>e[r],enumerable:!(t=s(e,r))||t.enumerable});return a};var k=a=>g(c({},"__esModule",{value:!0}),a),i=(a,e,o,t)=>{for(var r=t>1?void 0:t?s(e,o):e,d=a.length-1,m;d>=0;d--)(m=a[d])&&(r=(t?m(e,o,r):m(r))||r);return t&&r&&c(e,o,r),r};var E={};b(E,{SkdxRadioCardLabel:()=>l});module.exports=k(E);var n=require("../internal/define.cjs"),p=require("../internal/selection-card.cjs");var l=class extends p.SkdxSelectionCardPartBase{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};l=i([(0,n.customElement)("skdx-radio-card-label","radio-card","label")],l);0&&(module.exports={SkdxRadioCardLabel});

package/dist/radio-card/RadioCardLabel.d.cts

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.cjs';
 /**
- * `<skdx-radio-card-label>` — the card's title and the control's accessible name,
- * which the root wires via `aria-labelledby`. Not a `<label>` element; it is
- * `aria-labelledby`'d instead. Slotted content stays in the light DOM.
+ * The card's title and the control's accessible name, wired via `aria-labelledby` from the root.
  *
  * @example
  * ```html
@@ -12,12 +10,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardLabel extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardLabel extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardLabel.d.ts

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.js';
 /**
- * `<skdx-radio-card-label>` — the card's title and the control's accessible name,
- * which the root wires via `aria-labelledby`. Not a `<label>` element; it is
- * `aria-labelledby`'d instead. Slotted content stays in the light DOM.
+ * The card's title and the control's accessible name, wired via `aria-labelledby` from the root.
  *
  * @example
  * ```html
@@ -12,12 +10,8 @@ import { LitElement } from 'lit';
  * </skdx-radio-card>
  * ```
  */
-export declare class SkdxRadioCardLabel extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxRadioCardLabel extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/radio-card/RadioCardLabel.js

@@ -1,8 +1 @@
-var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var i=(s,e,t,l)=>{for(var o=l>1?void 0:l?n(e,t):e,a=s.length-1,d;a>=0;a--)(d=s[a])&&(o=(l?d(e,t,o):d(o))||o);return l&&o&&c(e,t,o),o};import{css as m,html as p,LitElement as h}from"lit";import{customElement as E,whenUpgraded as k}from"../internal/define.js";var r=class extends h{constructor(){super(...arguments);this.rootEl=null}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-radio-card"),this.rootEl&&k(this.rootEl,()=>this.rootEl?.syncParts())}disconnectedCallback(){let t=this.rootEl;super.disconnectedCallback(),queueMicrotask(()=>t?.syncParts())}render(){return p`<slot></slot>`}};r.styles=m`
-    :host {
-      display: block;
-    }
-    :host([hidden]) {
-      display: none;
-    }
-  `,r=i([E("skdx-radio-card-label","radio-card","label")],r);export{r as SkdxRadioCardLabel};
+var s=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=(t,r,l,a)=>{for(var e=a>1?void 0:a?i(r,l):r,c=t.length-1,d;c>=0;c--)(d=t[c])&&(e=(a?d(r,l,e):d(e))||e);return a&&e&&s(r,l,e),e};import{customElement as n}from"../internal/define.js";import{SkdxSelectionCardPartBase as p}from"../internal/selection-card.js";var o=class extends p{constructor(){super(...arguments);this.rootSelector="skdx-radio-card"}};o=m([n("skdx-radio-card-label","radio-card","label")],o);export{o as SkdxRadioCardLabel};