@skdx/web-components 0.26.0

package/dist/qr-code/encoder.d.ts

@@ -0,0 +1,73 @@
+/**
+ * A compact QR Code encoder written from ISO/IEC 18004, deliberately narrow in
+ * scope: **byte mode only** (UTF-8), versions 1–40, all four error-correction
+ * levels. No Kanji/alphanumeric/numeric mode switching, no ECI, no Micro QR.
+ *
+ * Byte mode alone is not a limitation worth fixing: it encodes every string,
+ * and the modes it omits only ever buy density for inputs that are entirely
+ * digits or entirely uppercase-alphanumeric. Paying ~20% more modules on a URL
+ * is cheaper than shipping a segment optimiser nobody reads.
+ *
+ * The whole module is pure and synchronous — no DOM, no canvas, no timers — so
+ * it runs unchanged under SSR.
+ *
+ * @module
+ */
+/** Error-correction level, in ascending order of redundancy: `L` ≈ 7%, `M` ≈ 15%, `Q` ≈ 25%, `H` ≈ 30%. */
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export declare const MIN_VERSION = 1;
+export declare const MAX_VERSION = 40;
+/** Module count along one edge for `version`: `4 × version + 17`, so 21 at v1 and 177 at v40. */
+export declare function moduleCount(version: number): number;
+/** Total codewords (data + EC) a version holds, independent of level. */
+export declare function totalCodewords(version: number): number;
+/**
+ * Bits available for the *data* segment (mode indicator, character count,
+ * payload, padding) at this version and level — total codewords less every
+ * error-correction codeword.
+ */
+export declare function dataCapacityBits(version: number, level: ErrorCorrectionLevel): number;
+/**
+ * Centre coordinates of the alignment patterns for `version`, ascending.
+ * Empty at version 1, which has none.
+ *
+ * The spacing is even except for the first gap, which absorbs the remainder —
+ * exactly the rule ISO/IEC 18004 Table E.1 tabulates, with version 32's
+ * one-off step of 26 as the single exception the rule does not cover.
+ */
+export declare function alignmentPatternPositions(version: number): number[];
+/**
+ * Reed–Solomon generator polynomial of the given degree — the product
+ * `(x − α^0)(x − α^1)…(x − α^(degree−1))` over GF(256).
+ *
+ * Returned **monic-implicit**: `degree` coefficients from x^(degree−1) down to
+ * x^0, with the leading 1 omitted, which is the form the remainder loop wants.
+ * Degree 7 is `[127, 122, 154, 164, 11, 68, 117]`.
+ */
+export declare function reedSolomonGeneratorPoly(degree: number): Uint8Array;
+/**
+ * The 15-bit format-information word for a level/mask pair: a BCH(15, 5)
+ * codeword over the 5 data bits `level | mask`, XOR-masked with `0b101010000010010`
+ * so that the all-zero data never produces an all-zero word.
+ *
+ * `formatInfoBits('L', 0)` is `0b111011111000100`.
+ */
+export declare function formatInfoBits(level: ErrorCorrectionLevel, mask: number): number;
+/**
+ * The 18-bit version-information word, a BCH(18, 6) codeword over the version
+ * number. Only versions ≥ 7 carry one; smaller symbols are identified by their
+ * size alone. Unmasked, unlike the format word.
+ */
+export declare function versionInfoBits(version: number): number;
+/**
+ * Encodes `value` as a QR Code matrix.
+ *
+ * @param value - The payload, encoded as UTF-8 bytes (byte mode).
+ * @param level - Error-correction level. Use `'H'` whenever a logo covers the centre.
+ * @param version - Force a symbol version 1–40. Omit to pick the smallest that fits.
+ * @returns A square `boolean[][]` indexed `[row][column]`, `true` meaning a dark
+ * module — or `null` when the payload exceeds capacity, or `version` is out of
+ * range or too small. **Never throws**: over-capacity is an ordinary outcome for
+ * a user-supplied string, not an exceptional one.
+ */
+export declare function encodeQr(value: string, level: ErrorCorrectionLevel, version?: number): boolean[][] | null;

package/dist/qr-code/encoder.js

@@ -0,0 +1 @@
+var O={L:1,M:0,Q:3,H:2},k={L:0,M:1,Q:2,H:3},B=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],N=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]],S=1,z=40,D=3,T=3,V=40,Q=10;function F(t){return t*4+17}function Y(t){let n=(16*t+128)*t+64;if(t>=2){let e=Math.floor(t/7)+2;n-=(25*e-10)*e-55,t>=7&&(n-=36)}return n}function P(t){return Math.floor(Y(t)/8)}function G(t,n){let e=k[n],r=B[e][t]*N[e][t];return(P(t)-r)*8}function j(t){if(t===1)return[];let n=Math.floor(t/7)+2,e=t===32?26:Math.ceil((t*4+4)/(n*2-2))*2,r=[6];for(let o=F(t)-7;r.length<n;o-=e)r.splice(1,0,o);return r}var A=new Uint8Array(512),M=new Uint8Array(256);{let t=1;for(let n=0;n<255;n++)A[n]=t,M[t]=n,t<<=1,t&256&&(t^=285);for(let n=255;n<512;n++)A[n]=A[n-255]}function C(t,n){return t===0||n===0?0:A[M[t]+M[n]]}function H(t){let n=new Uint8Array(t);n[t-1]=1;let e=1;for(let r=0;r<t;r++){for(let o=0;o<t;o++){let c=C(n[o]??0,e);n[o]=o+1<t?c^(n[o+1]??0):c}e=C(e,2)}return n}function K(t,n){let e=new Uint8Array(n.length);for(let r of t){let o=r^(e[0]??0);e.copyWithin(0,1),e[e.length-1]=0;for(let c=0;c<e.length;c++)e[c]=(e[c]??0)^C(n[c]??0,o)}return e}function I(t,n,e){let r=t;for(let o=0;o<e;o++)r=r<<1^(r>>>e-1)*n;return r}function X(t,n){let e=O[t]<<3|n;return((e<<10|I(e,1335,10))^21522)&32767}function W(t){return(t<<12|I(t,7973,12))&262143}function _(t){return t<=9?8:16}function x(t,n,e){for(let r=e-1;r>=0;r--)t.push(n>>>r&1)}function q(t,n,e){let r=G(n,e),o=[];x(o,4,4),x(o,t.length,_(n));for(let u of t)x(o,u,8);x(o,0,Math.min(4,r-o.length)),x(o,0,(8-o.length%8)%8);for(let u=236;o.length<r;u^=253)x(o,u,8);let c=new Uint8Array(o.length/8);for(let u=0;u<o.length;u++){let l=u>>>3;c[l]=(c[l]??0)|o[u]<<7-(u&7)}return c}function J(t,n,e){let r=k[e],o=N[r][n],c=B[r][n],u=P(n),l=o-u%o,i=Math.floor(u/o)-c,s=H(c),p=[];for(let f=0,m=0;f<o;f++){let y=i+(f<l?0:1),w=t.subarray(m,m+y);m+=y,p.push({data:w,ecc:K(w,s)})}let h=new Uint8Array(u),a=0;for(let f=0;f<=i;f++)for(let m of p)f<m.data.length&&(h[a++]=m.data[f]);for(let f=0;f<c;f++)for(let m of p)h[a++]=m.ecc[f];return h}var R=[(t,n)=>(t+n)%2===0,(t,n)=>n%2===0,t=>t%3===0,(t,n)=>(t+n)%3===0,(t,n)=>(Math.floor(n/2)+Math.floor(t/3))%2===0,(t,n)=>t*n%2+t*n%3===0,(t,n)=>(t*n%2+t*n%3)%2===0,(t,n)=>((t+n)%2+t*n%3)%2===0];function Z(t){let n=F(t),e=()=>Array.from({length:n},()=>new Array(n).fill(!1));return{size:n,modules:e(),isFunction:e()}}function b(t,n,e,r){t.modules[e][n]=r,t.isFunction[e][n]=!0}var d=(t,n)=>(t>>>n&1)!==0;function E(t,n,e){for(let r=-4;r<=4;r++)for(let o=-4;o<=4;o++){let c=n+o,u=e+r;if(c<0||c>=t.size||u<0||u>=t.size)continue;let l=Math.max(Math.abs(o),Math.abs(r));b(t,c,u,l!==2&&l!==4)}}function $(t,n,e){for(let r=-2;r<=2;r++)for(let o=-2;o<=2;o++)b(t,n+o,e+r,Math.max(Math.abs(o),Math.abs(r))!==1)}function U(t,n,e){let r=X(n,e),{size:o}=t;for(let c=0;c<=5;c++)b(t,8,c,d(r,c));b(t,8,7,d(r,6)),b(t,8,8,d(r,7)),b(t,7,8,d(r,8));for(let c=9;c<15;c++)b(t,14-c,8,d(r,c));for(let c=0;c<8;c++)b(t,o-1-c,8,d(r,c));for(let c=8;c<15;c++)b(t,8,o-15+c,d(r,c));b(t,8,o-8,!0)}function g(t,n){if(n<7)return;let e=W(n);for(let r=0;r<18;r++){let o=d(e,r),c=t.size-11+r%3,u=Math.floor(r/3);b(t,c,u,o),b(t,u,c,o)}}function v(t,n,e){let{size:r}=t;for(let u=0;u<r;u++)b(t,6,u,u%2===0),b(t,u,6,u%2===0);E(t,3,3),E(t,r-4,3),E(t,3,r-4);let o=j(n),c=o.length-1;for(let u=0;u<=c;u++)for(let l=0;l<=c;l++)u===0&&l===0||u===0&&l===c||u===c&&l===0||$(t,o[u],o[l]);U(t,e,0),g(t,n)}function tt(t,n){let{size:e}=t,r=0;for(let o=e-1;o>=1;o-=2){o===6&&(o=5);for(let c=0;c<e;c++)for(let u=0;u<2;u++){let l=o-u,s=(o+1&2)===0?e-1-c:c;t.isFunction[s][l]||r>=n.length*8||(t.modules[s][l]=d(n[r>>>3],7-(r&7)),r++)}}}function L(t,n){let e=R[n];for(let r=0;r<t.size;r++)for(let o=0;o<t.size;o++)!t.isFunction[r][o]&&e(o,r)&&(t.modules[r][o]=!t.modules[r][o])}function nt(t){let{size:n,modules:e}=t,r=0;for(let l of[!0,!1])for(let i=0;i<n;i++){let s=a=>l?e[i][a]:e[a][i],p=s(0),h=1;for(let a=1;a<n;a++)s(a)===p?(h++,h===5?r+=D:h>5&&(r+=1)):(p=s(a),h=1);for(let a=0;a+10<n;a++){let f=0,m=0;for(let y=0;y<11;y++){let w=s(a+y)?1:0;f=f<<1|w,m|=w<<y}(f===1488||m===1488)&&(r+=V)}}for(let l=0;l+1<n;l++)for(let i=0;i+1<n;i++){let s=e[l][i];s===e[l][i+1]&&s===e[l+1][i]&&s===e[l+1][i+1]&&(r+=T)}let o=0;for(let l of e)for(let i of l)i&&o++;let c=n*n,u=Math.floor(Math.abs(o*2-c)*10/c);return r+u*Q}function ot(t,n){for(let e=S;e<=z;e++)if(4+_(e)+t*8<=G(e,n))return e;return null}function rt(t,n,e){let r=new TextEncoder().encode(t),o;if(e===void 0?o=ot(r.length,n):!Number.isInteger(e)||e<S||e>z?o=null:o=4+_(e)+r.length*8<=G(e,n)?e:null,o===null)return null;let c=Z(o);v(c,o,n),tt(c,J(q(r,o,n),o,n));let u=0,l=1/0;for(let i=0;i<R.length;i++){L(c,i),U(c,n,i);let s=nt(c);s<l&&(l=s,u=i),L(c,i)}return L(c,u),U(c,n,u),c.modules}export{z as MAX_VERSION,S as MIN_VERSION,j as alignmentPatternPositions,G as dataCapacityBits,rt as encodeQr,X as formatInfoBits,F as moduleCount,H as reedSolomonGeneratorPoly,P as totalCodewords,W as versionInfoBits};

package/dist/qr-code/index.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var a=(o,r)=>{for(var t in r)d(o,t,{get:r[t],enumerable:!0})},y=(o,r,t,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of k(r))!S.call(o,e)&&e!==t&&d(o,e,{get:()=>r[e],enumerable:!(x=Q(r,e))||x.enumerable});return o};var n=o=>y(d({},"__esModule",{value:!0}),o);var c={};a(c,{SkdxQrCode:()=>p.SkdxQrCode,SkdxQrCodeFrame:()=>m.SkdxQrCodeFrame,SkdxQrCodeOverlay:()=>f.SkdxQrCodeOverlay,SkdxQrCodePattern:()=>C.SkdxQrCodePattern});module.exports=n(c);var p=require("./QrCode.cjs"),m=require("./QrCodeFrame.cjs"),C=require("./QrCodePattern.cjs"),f=require("./QrCodeOverlay.cjs");0&&(module.exports={SkdxQrCode,SkdxQrCodeFrame,SkdxQrCodeOverlay,SkdxQrCodePattern});

package/dist/qr-code/index.d.cts

@@ -0,0 +1,5 @@
+export { SkdxQrCode } from './QrCode.cjs';
+export { SkdxQrCodeFrame } from './QrCodeFrame.cjs';
+export { SkdxQrCodePattern } from './QrCodePattern.cjs';
+export { SkdxQrCodeOverlay } from './QrCodeOverlay.cjs';
+export type { QrCodeErrorCorrection } from './types.cjs';

package/dist/qr-code/index.d.ts

@@ -0,0 +1,5 @@
+export { SkdxQrCode } from './QrCode.js';
+export { SkdxQrCodeFrame } from './QrCodeFrame.js';
+export { SkdxQrCodePattern } from './QrCodePattern.js';
+export { SkdxQrCodeOverlay } from './QrCodeOverlay.js';
+export type { QrCodeErrorCorrection } from './types.js';

package/dist/qr-code/index.js

@@ -0,0 +1 @@
+import{SkdxQrCode as e}from"./QrCode.js";import{SkdxQrCodeFrame as d}from"./QrCodeFrame.js";import{SkdxQrCodePattern as p}from"./QrCodePattern.js";import{SkdxQrCodeOverlay as C}from"./QrCodeOverlay.js";export{e as SkdxQrCode,d as SkdxQrCodeFrame,C as SkdxQrCodeOverlay,p as SkdxQrCodePattern};

package/dist/qr-code/types.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var E=(o,r,i,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of p(r))!C.call(o,e)&&e!==i&&c(o,e,{get:()=>r[e],enumerable:!(t=n(r,e))||t.enumerable});return o};var d=o=>E(c({},"__esModule",{value:!0}),o);var l={};module.exports=d(l);

package/dist/qr-code/types.d.cts

@@ -0,0 +1,6 @@
+import type { ErrorCorrectionLevel } from './encoder.cjs';
+/**
+ * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
+ * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
+ */
+export type QrCodeErrorCorrection = ErrorCorrectionLevel;

package/dist/qr-code/types.d.ts

@@ -0,0 +1,6 @@
+import type { ErrorCorrectionLevel } from './encoder.js';
+/**
+ * Error-correction level, in ascending order of redundancy: `'L'` ≈ 7% of the
+ * symbol recoverable, `'M'` ≈ 15%, `'Q'` ≈ 25%, `'H'` ≈ 30%.
+ */
+export type QrCodeErrorCorrection = ErrorCorrectionLevel;

package/dist/radio-card/RadioCard.cjs

@@ -0,0 +1,13 @@
+"use strict";var u=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var L=(r,s)=>{for(var e in s)u(r,e,{get:s[e],enumerable:!0})},w=(r,s,e,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of g(s))!A.call(r,t)&&t!==e&&u(r,t,{get:()=>s[t],enumerable:!(i=f(s,t))||i.enumerable});return r};var D=r=>w(u({},"__esModule",{value:!0}),r),c=(r,s,e,i)=>{for(var t=i>1?void 0:i?f(s,e):s,a=r.length-1,d;a>=0;a--)(d=r[a])&&(t=(i?d(s,e,t):d(t))||t);return i&&t&&u(s,e,t),t};var P={};L(P,{SkdxRadioCard:()=>l});module.exports=D(P);var n=require("lit"),h=require("lit/decorators.js"),m=require("../internal/define.cjs"),E=require("../internal/ids.cjs"),F=require("../radio-group/index.cjs");var T="skdx-radio-card-control",I="skdx-radio-card-indicator",p="skdx-radio-card-label",_="skdx-radio-card-description",l=class extends n.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this._focusVisible=!1;this._viaPointer=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||(this.select(),this._control?.focus())};this._handleKeydown=e=>{this.effectiveDisabled||(e.key===" "?(e.preventDefault(),this.select()):e.key==="Enter"&&e.preventDefault())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=()=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1,this.select(),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()}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(){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(T)}select(){this.effectiveDisabled||this.checked||this.rootEl?.setValue(this.value)}syncParts(){this._sync()}_sync(){let e=this.rootEl,i=this.checked,t=this.effectiveDisabled,a=i?"checked":"unchecked";this.setAttribute("data-state",a),this.setAttribute("data-value",this.value),this._toggleAttribute("data-disabled",t),this._toggleAttribute("data-focus-visible",this._focusVisible);let d=e?.getSelectedValue()===void 0&&e?.getFirstEnabledValue()===this.value,y=!t&&(i||d),o=this._control;o&&(o.setAttribute("aria-checked",String(i)),o.setAttribute("data-state",a),o.setAttribute("data-value",this.value),o.setAttribute("tabindex",y?"0":"-1"),t?(o.setAttribute("data-disabled",""),o.setAttribute("aria-disabled","true")):(o.removeAttribute("data-disabled"),o.removeAttribute("aria-disabled")),this._link(o,"aria-labelledby",p,"label"),this._link(o,"aria-describedby",_,"description"));let b=this.querySelector(I);b?.setAttribute("data-state",a);let k=[b,this.querySelector(p),this.querySelector(_)];for(let v of k)v&&(t?v.setAttribute("data-disabled",""):v.removeAttribute("data-disabled"))}_toggleAttribute(e,i){i?this.setAttribute(e,""):this.removeAttribute(e)}_link(e,i,t,a){let d=this.querySelector(t);d?e.setAttribute(i,(0,E.ensureId)(d,"skdx-radio-card",a)):e.removeAttribute(i)}render(){return n.html`<slot></slot>`}};l.styles=n.css`
+    :host {
+      display: block;
+      position: relative;
+      cursor: pointer;
+    }
+    :host([data-disabled]) {
+      cursor: default;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+  `,c([(0,h.property)({type:String,reflect:!0})],l.prototype,"value",2),c([(0,h.property)({type:Boolean,reflect:!0})],l.prototype,"disabled",2),c([(0,h.state)()],l.prototype,"_focusVisible",2),l=c([(0,m.customElement)("skdx-radio-card","radio-card","root")],l);0&&(module.exports={SkdxRadioCard});

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

@@ -0,0 +1,91 @@
+import { LitElement } from 'lit';
+import '../radio-group/index.cjs';
+/**
+ * `<skdx-radio-card>` — the Web Components implementation of the shared RadioCard
+ * contract (see `@skdx/shared`'s `radioCardContract`). One card in a
+ * single-select group: the root behaves as a `<label>`, so a click anywhere on
+ * the card surface selects it and moves focus to its control.
+ *
+ * Selection state is **not** re-implemented here. The card finds the enclosing
+ * `<skdx-radio-group>` with `closest('skdx-radio-group')`, registers with it, and
+ * reads the selected value, group-level `disabled` and the roving tab stop back
+ * out — so a `<skdx-radio-card>` and a plain `<skdx-radio-group-item>` are
+ * interchangeable inside the same group and answer to the same
+ * `value`/`value-change`. Arrow-key navigation, form submission and validation
+ * all belong to the group, which is why this element has no `checked-change`
+ * event and no `name`/`required` of its own. Used outside a group it throws.
+ *
+ * Emits `data-state="checked" | "unchecked"`, `data-disabled`,
+ * `data-focus-visible` and `data-value` on the host, which is the whole styling
+ * contract.
+ *
+ * **Nothing interactive may be nested inside the card.** The root behaves as a
+ * `<label>`, so a link or button in there is both an HTML content-model
+ * violation and a real usability bug — clicking the inner control would also
+ * select the card. Put actions beside the card, never inside it.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-group name="plan" default-value="pro" aria-label="Plan">
+ *   <skdx-radio-card value="pro">
+ *     <skdx-radio-card-control></skdx-radio-card-control>
+ *     <skdx-radio-card-indicator></skdx-radio-card-indicator>
+ *     <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ *     <skdx-radio-card-description>$20 per seat, per month.</skdx-radio-card-description>
+ *   </skdx-radio-card>
+ * </skdx-radio-group>
+ * ```
+ */
+export declare class SkdxRadioCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Unique identifier compared against the enclosing group's selected value.
+     * @default '' — an empty value can never match, so the card is never selected.
+     */
+    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.
+     * @default false — the card follows the group.
+     */
+    disabled: boolean;
+    private _focusVisible;
+    private _viaPointer;
+    private rootEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    /** @internal Called by the enclosing `<skdx-radio-group>` whenever the selected value changes. */
+    refresh(): void;
+    /** Whether this card is currently the group's selected value. */
+    get checked(): boolean;
+    /** 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 — re-picking the selected card emits nothing, matching how
+     * `<skdx-radio-group-item>` and React's `RadioCard` both stay silent.
+     */
+    select(): void;
+    /**
+     * @internal Pushes the card's resolved state onto the host and every part.
+     * Called by each part on connect (parts upgrade after the root) and by the
+     * root on every state change.
+     */
+    syncParts(): void;
+    private _sync;
+    private _toggleAttribute;
+    private _link;
+    private readonly _handleClick;
+    private readonly _handleKeydown;
+    private readonly _handlePointerDown;
+    private readonly _handleFocusIn;
+    private readonly _handleFocusOut;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card': SkdxRadioCard;
+    }
+}

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

@@ -0,0 +1,91 @@
+import { LitElement } from 'lit';
+import '../radio-group/index.js';
+/**
+ * `<skdx-radio-card>` — the Web Components implementation of the shared RadioCard
+ * contract (see `@skdx/shared`'s `radioCardContract`). One card in a
+ * single-select group: the root behaves as a `<label>`, so a click anywhere on
+ * the card surface selects it and moves focus to its control.
+ *
+ * Selection state is **not** re-implemented here. The card finds the enclosing
+ * `<skdx-radio-group>` with `closest('skdx-radio-group')`, registers with it, and
+ * reads the selected value, group-level `disabled` and the roving tab stop back
+ * out — so a `<skdx-radio-card>` and a plain `<skdx-radio-group-item>` are
+ * interchangeable inside the same group and answer to the same
+ * `value`/`value-change`. Arrow-key navigation, form submission and validation
+ * all belong to the group, which is why this element has no `checked-change`
+ * event and no `name`/`required` of its own. Used outside a group it throws.
+ *
+ * Emits `data-state="checked" | "unchecked"`, `data-disabled`,
+ * `data-focus-visible` and `data-value` on the host, which is the whole styling
+ * contract.
+ *
+ * **Nothing interactive may be nested inside the card.** The root behaves as a
+ * `<label>`, so a link or button in there is both an HTML content-model
+ * violation and a real usability bug — clicking the inner control would also
+ * select the card. Put actions beside the card, never inside it.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-group name="plan" default-value="pro" aria-label="Plan">
+ *   <skdx-radio-card value="pro">
+ *     <skdx-radio-card-control></skdx-radio-card-control>
+ *     <skdx-radio-card-indicator></skdx-radio-card-indicator>
+ *     <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ *     <skdx-radio-card-description>$20 per seat, per month.</skdx-radio-card-description>
+ *   </skdx-radio-card>
+ * </skdx-radio-group>
+ * ```
+ */
+export declare class SkdxRadioCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Unique identifier compared against the enclosing group's selected value.
+     * @default '' — an empty value can never match, so the card is never selected.
+     */
+    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.
+     * @default false — the card follows the group.
+     */
+    disabled: boolean;
+    private _focusVisible;
+    private _viaPointer;
+    private rootEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    /** @internal Called by the enclosing `<skdx-radio-group>` whenever the selected value changes. */
+    refresh(): void;
+    /** Whether this card is currently the group's selected value. */
+    get checked(): boolean;
+    /** 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 — re-picking the selected card emits nothing, matching how
+     * `<skdx-radio-group-item>` and React's `RadioCard` both stay silent.
+     */
+    select(): void;
+    /**
+     * @internal Pushes the card's resolved state onto the host and every part.
+     * Called by each part on connect (parts upgrade after the root) and by the
+     * root on every state change.
+     */
+    syncParts(): void;
+    private _sync;
+    private _toggleAttribute;
+    private _link;
+    private readonly _handleClick;
+    private readonly _handleKeydown;
+    private readonly _handlePointerDown;
+    private readonly _handleFocusIn;
+    private readonly _handleFocusOut;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card': SkdxRadioCard;
+    }
+}

package/dist/radio-card/RadioCard.js

@@ -0,0 +1,13 @@
+var _=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(n,l,e,i)=>{for(var t=i>1?void 0:i?m(l,e):l,r=n.length-1,o;r>=0;r--)(o=n[r])&&(t=(i?o(l,e,t):o(t))||t);return i&&t&&_(l,e,t),t};import{css as E,html as y,LitElement as k}from"lit";import{property as u,state as g}from"lit/decorators.js";import{customElement as A}from"../internal/define.js";import{ensureId as L}from"../internal/ids.js";import"../radio-group/index.js";var w="skdx-radio-card-control",D="skdx-radio-card-indicator",v="skdx-radio-card-label",b="skdx-radio-card-description",a=class extends k{constructor(){super(...arguments);this.value="";this.disabled=!1;this._focusVisible=!1;this._viaPointer=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||(this.select(),this._control?.focus())};this._handleKeydown=e=>{this.effectiveDisabled||(e.key===" "?(e.preventDefault(),this.select()):e.key==="Enter"&&e.preventDefault())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=()=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1,this.select(),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()}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(){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(w)}select(){this.effectiveDisabled||this.checked||this.rootEl?.setValue(this.value)}syncParts(){this._sync()}_sync(){let e=this.rootEl,i=this.checked,t=this.effectiveDisabled,r=i?"checked":"unchecked";this.setAttribute("data-state",r),this.setAttribute("data-value",this.value),this._toggleAttribute("data-disabled",t),this._toggleAttribute("data-focus-visible",this._focusVisible);let o=e?.getSelectedValue()===void 0&&e?.getFirstEnabledValue()===this.value,f=!t&&(i||o),s=this._control;s&&(s.setAttribute("aria-checked",String(i)),s.setAttribute("data-state",r),s.setAttribute("data-value",this.value),s.setAttribute("tabindex",f?"0":"-1"),t?(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 h=this.querySelector(D);h?.setAttribute("data-state",r);let p=[h,this.querySelector(v),this.querySelector(b)];for(let c of p)c&&(t?c.setAttribute("data-disabled",""):c.removeAttribute("data-disabled"))}_toggleAttribute(e,i){i?this.setAttribute(e,""):this.removeAttribute(e)}_link(e,i,t,r){let o=this.querySelector(t);o?e.setAttribute(i,L(o,"skdx-radio-card",r)):e.removeAttribute(i)}render(){return y`<slot></slot>`}};a.styles=E`
+    :host {
+      display: block;
+      position: relative;
+      cursor: pointer;
+    }
+    :host([data-disabled]) {
+      cursor: default;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+  `,d([u({type:String,reflect:!0})],a.prototype,"value",2),d([u({type:Boolean,reflect:!0})],a.prototype,"disabled",2),d([g()],a.prototype,"_focusVisible",2),a=d([A("skdx-radio-card","radio-card","root")],a);export{a as SkdxRadioCard};

package/dist/radio-card/RadioCardControl.cjs

@@ -0,0 +1,13 @@
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var h=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 h(r))!u.call(t,e)&&e!==o&&a(t,e,{get:()=>r[e],enumerable:!(i=n(r,e))||i.enumerable});return t};var b=t=>E(a({},"__esModule",{value:!0}),t),p=(t,r,o,i)=>{for(var e=i>1?void 0:i?n(r,o):r,l=t.length-1,c;l>=0;l--)(c=t[l])&&(e=(i?c(r,o,e):c(e))||e);return i&&e&&a(r,o,e),e};var f={};x(f,{SkdxRadioCardControl:()=>d});module.exports=b(f);var s=require("lit"),m=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>.");this.rootEl.syncParts()}render(){return s.html`<slot></slot>`}};d.styles=s.css`
+    :host {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+  `,d=p([(0,m.customElement)("skdx-radio-card-control","radio-card","control")],d);0&&(module.exports={SkdxRadioCardControl});

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

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-radio-card-control>` — the real control behind a `<skdx-radio-card>`: the
+ * element that carries `role="radio"`, `aria-checked`, the roving tab stop, and
+ * the accessible name and description.
+ *
+ * **Visually hidden, never `display: none`.** It is clipped to 1×1 with the
+ * standard clip-rect technique, exactly like `<skdx-visually-hidden>` — `display:
+ * none`, `visibility: hidden` and `hidden` would each remove it from the
+ * accessibility tree *and* the tab order, which would leave the card unusable by
+ * keyboard and silent to a screen reader. The declarations live on `:host` so
+ * the hiding cannot be undone from outside.
+ *
+ * The explicit `role="radio"` is load-bearing rather than decorative:
+ * `<skdx-radio-group>` discovers its items with a literal `[role="radio"]`
+ * selector — for arrow-key roving focus and for picking the initial tab stop —
+ * and this element is what answers it. That is what lets a card and a plain
+ * `<skdx-radio-group-item>` sit in the same group.
+ *
+ * It holds no state and no listeners of its own: the card root owns activation
+ * (a click anywhere on the surface, Space, or focus) and pushes `aria-checked`,
+ * `data-state`, `data-value`, `data-disabled`, `tabindex` and the
+ * `aria-labelledby`/`aria-describedby` wiring down onto it.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-card value="pro">
+ *   <skdx-radio-card-control></skdx-radio-card-control>
+ *   <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ * </skdx-radio-card>
+ * ```
+ */
+export declare class SkdxRadioCardControl extends LitElement {
+    static styles: import("lit").CSSResult;
+    private rootEl;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card-control': SkdxRadioCardControl;
+    }
+}

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

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-radio-card-control>` — the real control behind a `<skdx-radio-card>`: the
+ * element that carries `role="radio"`, `aria-checked`, the roving tab stop, and
+ * the accessible name and description.
+ *
+ * **Visually hidden, never `display: none`.** It is clipped to 1×1 with the
+ * standard clip-rect technique, exactly like `<skdx-visually-hidden>` — `display:
+ * none`, `visibility: hidden` and `hidden` would each remove it from the
+ * accessibility tree *and* the tab order, which would leave the card unusable by
+ * keyboard and silent to a screen reader. The declarations live on `:host` so
+ * the hiding cannot be undone from outside.
+ *
+ * The explicit `role="radio"` is load-bearing rather than decorative:
+ * `<skdx-radio-group>` discovers its items with a literal `[role="radio"]`
+ * selector — for arrow-key roving focus and for picking the initial tab stop —
+ * and this element is what answers it. That is what lets a card and a plain
+ * `<skdx-radio-group-item>` sit in the same group.
+ *
+ * It holds no state and no listeners of its own: the card root owns activation
+ * (a click anywhere on the surface, Space, or focus) and pushes `aria-checked`,
+ * `data-state`, `data-value`, `data-disabled`, `tabindex` and the
+ * `aria-labelledby`/`aria-describedby` wiring down onto it.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-card value="pro">
+ *   <skdx-radio-card-control></skdx-radio-card-control>
+ *   <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ * </skdx-radio-card>
+ * ```
+ */
+export declare class SkdxRadioCardControl extends LitElement {
+    static styles: import("lit").CSSResult;
+    private rootEl;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card-control': SkdxRadioCardControl;
+    }
+}

package/dist/radio-card/RadioCardControl.js

@@ -0,0 +1,13 @@
+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 m,LitElement as h}from"lit";import{customElement as u}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>.");this.rootEl.syncParts()}render(){return m`<slot></slot>`}};t.styles=p`
+    :host {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+  `,t=l([u("skdx-radio-card-control","radio-card","control")],t);export{t as SkdxRadioCardControl};

package/dist/radio-card/RadioCardDescription.cjs

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

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-radio-card-description>` — supporting copy under a
+ * `<skdx-radio-card-label>`: price, quota, caveat.
+ *
+ * The root gives this part an id (via `internal/ids`) and wires the control's
+ * `aria-describedby` to it automatically, so the copy is announced *after* the
+ * name instead of being folded into it. Purely additive: leave it out and the
+ * control simply has no `aria-describedby`.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-card value="pro">
+ *   <skdx-radio-card-control></skdx-radio-card-control>
+ *   <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ *   <skdx-radio-card-description>$20 per seat, per month.</skdx-radio-card-description>
+ * </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>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card-description': SkdxRadioCardDescription;
+    }
+}

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-radio-card-description>` — supporting copy under a
+ * `<skdx-radio-card-label>`: price, quota, caveat.
+ *
+ * The root gives this part an id (via `internal/ids`) and wires the control's
+ * `aria-describedby` to it automatically, so the copy is announced *after* the
+ * name instead of being folded into it. Purely additive: leave it out and the
+ * control simply has no `aria-describedby`.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-card value="pro">
+ *   <skdx-radio-card-control></skdx-radio-card-control>
+ *   <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ *   <skdx-radio-card-description>$20 per seat, per month.</skdx-radio-card-description>
+ * </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>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card-description': SkdxRadioCardDescription;
+    }
+}

package/dist/radio-card/RadioCardDescription.js

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

package/dist/radio-card/RadioCardIndicator.cjs

@@ -0,0 +1,8 @@
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var E=(r,e)=>{for(var o in e)a(r,o,{get:e[o],enumerable:!0})},b=(r,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!u.call(r,t)&&t!==o&&a(r,t,{get:()=>e[t],enumerable:!(i=c(e,t))||i.enumerable});return r};var k=r=>b(a({},"__esModule",{value:!0}),r),m=(r,e,o,i)=>{for(var t=i>1?void 0:i?c(e,o):e,d=r.length-1,n;d>=0;d--)(n=r[d])&&(t=(i?n(e,o,t):n(t))||t);return i&&t&&a(e,o,t),t};var v={};E(v,{SkdxRadioCardIndicator:()=>s});module.exports=k(v);var l=require("lit"),p=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?.syncParts()}render(){return l.html`<slot></slot>`}};s.styles=l.css`
+    :host {
+      display: inline-block;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+  `,s=m([(0,p.customElement)("skdx-radio-card-indicator","radio-card","indicator")],s);0&&(module.exports={SkdxRadioCardIndicator});

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-radio-card-indicator>` — the decorative dot (or empty ring) drawn on a
+ * `<skdx-radio-card>`. The card root mirrors its `data-state` and `data-disabled`
+ * onto it.
+ *
+ * Unlike `<skdx-radio-group-indicator>` this stays mounted when unchecked,
+ * because on a card the indicator is the *ring*, not just the dot — unmounting
+ * it would collapse the card's layout on every deselect. It is `aria-hidden`:
+ * the control already announces the checked state, and a second copy would make
+ * a screen reader say it twice.
+ *
+ * @example
+ * ```html
+ * <skdx-radio-card value="pro">
+ *   <skdx-radio-card-control></skdx-radio-card-control>
+ *   <skdx-radio-card-indicator></skdx-radio-card-indicator>
+ *   <skdx-radio-card-label>Pro</skdx-radio-card-label>
+ * </skdx-radio-card>
+ * ```
+ */
+export declare class SkdxRadioCardIndicator extends LitElement {
+    static styles: import("lit").CSSResult;
+    private rootEl;
+    connectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-radio-card-indicator': SkdxRadioCardIndicator;
+    }
+}