@skdx/web-components 0.27.0 → 0.29.0

package/dist/checkbox-card/CheckboxCard.d.ts

@@ -1,54 +1,29 @@
-import { LitElement, type PropertyValues } from 'lit';
-declare const SkdxCheckboxCard_base: typeof LitElement & (new (...args: any[]) => import("../internal/form-associated.js").SkdxFormAssociated) & {
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
+declare const SkdxCheckboxCard_base: typeof LitElement & (new (...args: any[]) => import("../index.js").SkdxFormAssociated) & {
     formAssociated: boolean;
 };
 /**
- * `<skdx-checkbox-card>` — the Web Components implementation of the shared
- * CheckboxCard contract (see `@skdx/shared`'s `checkboxCardContract`). A
- * checkbox whose hit target is a whole card: the root behaves as a `<label>`,
- * so a click anywhere on the card surface toggles the control and moves focus
- * to it.
- *
- * The root owns all the state — checked, `name`/`value`/`required`/`disabled`/
- * `invalid` — and pushes it down onto its light-DOM parts
- * (`<skdx-checkbox-card-control>`, `-indicator`, `-label`, `-description`), which
- * find it with `closest('skdx-checkbox-card')`. It also wires the control's
- * `aria-labelledby`/`aria-describedby` to the label and description
- * automatically, and only while those parts are actually present — a dangling
- * ARIA reference is its own accessibility bug.
- *
- * Emits `data-state="checked" | "unchecked"`, `data-disabled`, `data-invalid`
- * and `data-focus-visible` on the host, which is the whole styling contract:
- * the card paints its selected, disabled, error and keyboard-focus rings from
- * the control's state without the control ever being visible.
- *
- * Form-associated via `ElementInternals`: with a `name`, the `value` is
- * submitted by the surrounding `<form>` while checked, and `required` fails
- * with `valueMissing` while unchecked. Unlike React, where a real
- * `<input type="checkbox">` does the submitting, the host itself is the
- * form-associated control — the same split `<skdx-checkbox>` already makes.
- *
- * **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
- * toggle the card. Put actions beside the card, never inside it.
+ * A checkbox whose hit target is the whole card (behaves as `<label>`),
+ * form-associated so checked submits `value` and `required` validates, and
+ * deriving anatomy from `label` and `description`.
  *
  * @example
  * ```html
- * <skdx-checkbox-card name="addons" value="backups" default-checked>
- *   <skdx-checkbox-card-control></skdx-checkbox-card-control>
- *   <skdx-checkbox-card-indicator></skdx-checkbox-card-indicator>
- *   <skdx-checkbox-card-label>Automated backups</skdx-checkbox-card-label>
- *   <skdx-checkbox-card-description>Nightly snapshots, kept for 30 days.</skdx-checkbox-card-description>
- * </skdx-checkbox-card>
+ * <skdx-checkbox-card
+ *   name="addons"
+ *   value="backups"
+ *   default-checked
+ *   label="Automated backups"
+ *   description="Nightly snapshots, kept for 30 days."
+ * ></skdx-checkbox-card>
  * ```
  *
- * @fires checked-change - Fires with the new checked state (boolean) whenever it changes, controlled or not. Suppressed when the next state equals the current one.
+ * @fires checked-change - Fired with the new checked state whenever it changes. Suppressed if it equals the current state.
  */
 export declare class SkdxCheckboxCard extends SkdxCheckboxCard_base {
     static styles: import("lit").CSSResult;
     /**
-     * Checked state, for controlled usage. Pair with `checked-change`.
+     * Checked state, for controlled usage, paired with `checked-change`.
      * @default undefined — uncontrolled: the card tracks its own checked state, seeded from `default-checked`.
      */
     checked?: boolean;
@@ -79,6 +54,12 @@ export declare class SkdxCheckboxCard extends SkdxCheckboxCard_base {
      * @default false — the card is interactive.
      */
     disabled: boolean;
+    /**
+     * Freezes the selection without freezing the card: gains `aria-readonly` and `data-readonly`,
+     * clicking and Space do nothing, but the card stays in the tab order and submits.
+     * @default false — the card is editable.
+     */
+    readOnly: boolean;
     /**
      * Marks the card invalid, exposed as `aria-invalid` on the control and
      * `data-invalid` on the host so the card can paint an error state.
@@ -86,47 +67,57 @@ export declare class SkdxCheckboxCard extends SkdxCheckboxCard_base {
      */
     invalid: boolean;
     /**
-     * Replaces the message the browser shows when a `required` card is submitted
-     * unchecked. The default is written for a generic checkbox; a card usually
-     * stands for a concrete choice ("Pick a plan to continue.") and that wording
-     * is otherwise unreachable from markup.
+     * Replaces the message shown when a `required` card is submitted unchecked,
+     * e.g. "Pick a plan to continue."
      * @default undefined — keeps `'Please check this box to continue.'`
      */
     requiredMessage?: string;
+    /**
+     * The card's visible label, rendered into a derived
+     * `<skdx-checkbox-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-checkbox-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 _uncontrolledChecked?;
     private _focusVisible;
     private _viaPointer;
     connectedCallback(): void;
+    private readonly fillAnatomy;
     disconnectedCallback(): void;
     protected updated(changed: PropertyValues): void;
     /** The current checked state, resolving controlled vs. uncontrolled. */
     get isChecked(): boolean;
-    /** The `<skdx-checkbox-card-control>` this card owns, if one has been slotted in. */
     private get _control();
-    /**
-     * Sets the checked state, firing `checked-change`. A no-op while disabled, and
-     * silent when `next` already equals the current state.
-     */
+    private get _input();
+    /** Sets the checked state, firing `checked-change`, as a no-op while disabled or when `next` already equals the current state. */
     setChecked(next: boolean): void;
     /** Flips the checked state. What the card surface, Space, and the control all do. */
     toggle(): void;
-    /** Restores the state the `default-checked` attribute declared, when the owning form is reset. */
+    /** Restores the state the `default-checked` attribute declared, when the owning form is reset, announcing it through `checked-change`. */
     formResetCallback(): void;
     private _syncFormState;
     private _syncHostAttributes;
-    /**
-     * @internal Pushes the root's state onto every part. Called by each part on
-     * connect (parts upgrade after the root, so they ask for a first sync) and by
-     * the root on every state change.
-     */
+    /** Pushes the root's state onto every part; called by each part on connect and by the root on every state change. @internal */
     syncParts(): void;
+    private _syncInput;
     private _link;
     private readonly _handleClick;
-    private readonly _handleKeydown;
+    private readonly _handleChange;
     private readonly _handlePointerDown;
     private readonly _handleFocusIn;
     private readonly _handleFocusOut;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCard.js

@@ -1,4 +1,4 @@
-var b=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var s=(n,d,e,r)=>{for(var t=r>1?void 0:r?f(d,e):d,o=n.length-1,a;o>=0;o--)(a=n[o])&&(t=(r?a(d,e,t):a(t))||t);return r&&t&&b(d,e,t),t};import{css as p,html as y,LitElement as m}from"lit";import{property as l,state as h}from"lit/decorators.js";import{customElement as _}from"../internal/define.js";import{FormAssociated as k}from"../internal/form-associated.js";import{ensureId as A}from"../internal/ids.js";import{reflectHostState as E}from"../internal/part.js";var g="skdx-checkbox-card-control",L="skdx-checkbox-card-indicator",u="skdx-checkbox-card-label",v="skdx-checkbox-card-description",P={fromAttribute(n){if(n!==null)return n!=="false"},toAttribute(n){return n?"":null}},i=class extends k(m){constructor(){super(...arguments);this.defaultChecked=!1;this.value="on";this.required=!1;this.disabled=!1;this.invalid=!1;this._focusVisible=!1;this._viaPointer=!1;this._handleClick=()=>{this.disabled||(this.toggle(),this._control?.focus())};this._handleKeydown=e=>{this.disabled||(e.key===" "?(e.preventDefault(),this.toggle()):e.key==="Enter"&&e.preventDefault())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=()=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1,this._syncHostAttributes()};this._handleFocusOut=()=>{this._focusVisible=!1,this._viaPointer=!1,this._syncHostAttributes()}}connectedCallback(){super.connectedCallback(),this._uncontrolledChecked??(this._uncontrolledChecked=this.defaultChecked),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._syncHostAttributes(),this.syncParts(),this._syncFormState()}disconnectedCallback(){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){this._syncHostAttributes(),this.syncParts(),(e.has("checked")||e.has("value")||e.has("required"))&&this._syncFormState()}get isChecked(){return this.checked!==void 0?this.checked:this._uncontrolledChecked??!1}get _control(){return this.querySelector(g)}setChecked(e){this.disabled||e!==this.isChecked&&(this.checked===void 0&&(this._uncontrolledChecked=e),this.dispatchEvent(new CustomEvent("checked-change",{detail:e,bubbles:!0,composed:!0})),this._syncHostAttributes(),this.syncParts(),this._syncFormState())}toggle(){this.setChecked(!this.isChecked)}formResetCallback(){this._uncontrolledChecked=this.defaultChecked,this._syncHostAttributes(),this.syncParts(),this._syncFormState()}_syncFormState(){let e=this.isChecked;this.setFormValue(e?this.value:null),this.setValueMissing(this.required&&!e,"Please check this box to continue.",this._control)}_syncHostAttributes(){E(this,{"data-state":this.isChecked?"checked":"unchecked","data-disabled":this.disabled?"":null,"data-invalid":this.invalid?"":null,"data-focus-visible":this._focusVisible?"":null})}syncParts(){let e=this.isChecked,r=e?"checked":"unchecked",t=this._control;t&&(t.setAttribute("aria-checked",String(e)),t.setAttribute("data-state",r),t.setAttribute("tabindex",this.disabled?"-1":"0"),this.disabled?(t.setAttribute("data-disabled",""),t.setAttribute("aria-disabled","true")):(t.removeAttribute("data-disabled"),t.removeAttribute("aria-disabled")),this.required?t.setAttribute("aria-required","true"):t.removeAttribute("aria-required"),this.invalid?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid"),this._link(t,"aria-labelledby",u,"label"),this._link(t,"aria-describedby",v,"description"));let o=this.querySelector(L);o?.setAttribute("data-state",r);let a=[o,this.querySelector(u),this.querySelector(v)];for(let c of a)c&&(this.disabled?c.setAttribute("data-disabled",""):c.removeAttribute("data-disabled"))}_link(e,r,t,o){let a=this.querySelector(t);a?e.setAttribute(r,A(a,"skdx-checkbox-card",o)):e.removeAttribute(r)}render(){return y`<slot></slot>`}};i.styles=p`
+var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var r=(a,d,e,i)=>{for(var s=i>1?void 0:i?b(d,e):d,l=a.length-1,o;l>=0;l--)(o=a[l])&&(s=(i?o(d,e,s):o(s))||s);return i&&s&&m(d,e,s),s};import{css as y,html as _,LitElement as k}from"lit";import{property as n,state as h}from"lit/decorators.js";import{hasAuthoredParts as A}from"../internal/authored.js";import{warnOnNestedInteractive as g}from"../internal/card-nesting.js";import{customElement as E}from"../internal/define.js";import{emit as u}from"../internal/events.js";import{FormAssociated as L}from"../internal/form-associated.js";import{ensureId as C}from"../internal/ids.js";import{reflectHostState as P}from"../internal/part.js";import{CHECKBOX_CARD_ANATOMY_GENERATED as H,fillCheckboxCardAnatomy as T}from"./CheckboxCardAnatomy.js";var q="skdx-checkbox-card-control",O="skdx-checkbox-card-indicator",v="skdx-checkbox-card-label",f="skdx-checkbox-card-description",F={fromAttribute(a){if(a!==null)return a!=="false"},toAttribute(a){return a?"":null}},t=class extends L(k){constructor(){super(...arguments);this.defaultChecked=!1;this.value="on";this.required=!1;this.disabled=!1;this.readOnly=!1;this.invalid=!1;this._focusVisible=!1;this._viaPointer=!1;this.fillAnatomy=()=>{A(this,H)||(T(this),this.syncParts())};this._handleClick=e=>{this.disabled||e.target===this._input||(this.toggle(),this._input?.focus())};this._handleChange=e=>{let i=this._input;!i||e.target!==i||(this.setChecked(i.checked),this.syncParts())};this._handlePointerDown=()=>{this._viaPointer=!0};this._handleFocusIn=()=>{this._focusVisible=!this._viaPointer,this._viaPointer=!1,this._syncHostAttributes()};this._handleFocusOut=()=>{this._focusVisible=!1,this._viaPointer=!1,this._syncHostAttributes()}}connectedCallback(){super.connectedCallback(),this._uncontrolledChecked??(this._uncontrolledChecked=this.defaultChecked),this.addEventListener("click",this._handleClick),this.addEventListener("change",this._handleChange),this.addEventListener("pointerdown",this._handlePointerDown),this.addEventListener("focusin",this._handleFocusIn),this.addEventListener("focusout",this._handleFocusOut),this._syncHostAttributes(),this.syncParts(),this._syncFormState(),queueMicrotask(()=>{g("CheckboxCard",this),this.fillAnatomy()})}disconnectedCallback(){this.removeEventListener("click",this._handleClick),this.removeEventListener("change",this._handleChange),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._syncHostAttributes(),this.syncParts(),(e.has("checked")||e.has("value")||e.has("required"))&&this._syncFormState()}get isChecked(){return this.checked!==void 0?this.checked:this._uncontrolledChecked??!1}get _control(){return this.querySelector(q)}get _input(){return this._control?.input??null}setChecked(e){this.disabled||this.readOnly||e!==this.isChecked&&(this.checked===void 0&&(this._uncontrolledChecked=e),u(this,"checked-change",e),this._syncHostAttributes(),this.syncParts(),this._syncFormState())}toggle(){this.setChecked(!this.isChecked)}formResetCallback(){let e=this.isChecked;this._uncontrolledChecked=this.defaultChecked,this._syncHostAttributes(),this.syncParts(),this._syncFormState(),this.isChecked!==e&&u(this,"checked-change",this.isChecked)}_syncFormState(){let e=this.isChecked;this.setFormValue(e?this.value:null),this.setValueMissing(this.required&&!e,"Please check this box to continue.",this._input)}_syncHostAttributes(){P(this,{"data-state":this.isChecked?"checked":"unchecked","data-disabled":this.disabled?"":null,"data-readonly":this.readOnly?"":null,"data-invalid":this.invalid?"":null,"data-focus-visible":this._focusVisible?"":null})}syncParts(){let e=this.isChecked,i=e?"checked":"unchecked",s=this._control,l=this._input;s&&(s.setAttribute("data-state",i),this.disabled?s.setAttribute("data-disabled",""):s.removeAttribute("data-disabled")),l&&this._syncInput(l,e,i);let o=this.querySelector(O);o?.setAttribute("data-state",i);let p=[o,this.querySelector(v),this.querySelector(f)];for(let c of p)c&&(this.disabled?c.setAttribute("data-disabled",""):c.removeAttribute("data-disabled"))}_syncInput(e,i,s){e.checked=i,e.disabled=this.disabled,e.setAttribute("data-state",s),this.required?e.setAttribute("aria-required","true"):e.removeAttribute("aria-required"),this.readOnly?e.setAttribute("aria-readonly","true"):e.removeAttribute("aria-readonly"),this.invalid?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),this._link(e,"aria-labelledby",v,"label"),this._link(e,"aria-describedby",f,"description")}_link(e,i,s,l){let o=this.querySelector(s);o?e.setAttribute(i,C(o,"skdx-checkbox-card",l)):e.removeAttribute(i)}render(){return _`<slot @slotchange=${this.fillAnatomy}></slot>`}};t.styles=y`
     :host {
       display: block;
       position: relative;
@@ -10,4 +10,4 @@ var b=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var s=(n,d,e,r
     :host([hidden]) {
       display: none;
     }
-  `,s([l({converter:P})],i.prototype,"checked",2),s([l({type:Boolean,attribute:"default-checked"})],i.prototype,"defaultChecked",2),s([l({type:String,reflect:!0})],i.prototype,"name",2),s([l({type:String,reflect:!0})],i.prototype,"value",2),s([l({type:Boolean,reflect:!0})],i.prototype,"required",2),s([l({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([l({type:Boolean,reflect:!0})],i.prototype,"invalid",2),s([l({attribute:"required-message"})],i.prototype,"requiredMessage",2),s([h()],i.prototype,"_uncontrolledChecked",2),s([h()],i.prototype,"_focusVisible",2),i=s([_("skdx-checkbox-card","checkbox-card","root")],i);export{i as SkdxCheckboxCard};
+  `,r([n({converter:F})],t.prototype,"checked",2),r([n({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),r([n({type:String,reflect:!0})],t.prototype,"name",2),r([n({type:String,reflect:!0})],t.prototype,"value",2),r([n({type:Boolean,reflect:!0})],t.prototype,"required",2),r([n({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([n({type:Boolean,reflect:!0,attribute:"readonly"})],t.prototype,"readOnly",2),r([n({type:Boolean,reflect:!0})],t.prototype,"invalid",2),r([n({attribute:"required-message"})],t.prototype,"requiredMessage",2),r([n({type:String})],t.prototype,"label",2),r([n({type:String})],t.prototype,"description",2),r([n({type:String,reflect:!0,attribute:"data-size"})],t.prototype,"size",2),r([h()],t.prototype,"_uncontrolledChecked",2),r([h()],t.prototype,"_focusVisible",2),t=r([E("skdx-checkbox-card","checkbox-card","root")],t);export{t as SkdxCheckboxCard};

package/dist/checkbox-card/CheckboxCardAnatomy.cjs

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

package/dist/checkbox-card/CheckboxCardAnatomy.d.cts

@@ -0,0 +1,12 @@
+import type { SkdxCheckboxCard } from './CheckboxCard.cjs';
+import './CheckboxCardControl.cjs';
+import './CheckboxCardIndicator.cjs';
+import './CheckboxCardLabel.cjs';
+import './CheckboxCardDescription.cjs';
+/** @internal Marks a direct child of `<skdx-checkbox-card>` this module generated. */
+export declare const CHECKBOX_CARD_ANATOMY_GENERATED = "data-skdx-checkbox-card-generated";
+/**
+ * Generates Control, Indicator, and Label, plus Description if present.
+ * @internal
+ */
+export declare function fillCheckboxCardAnatomy(root: SkdxCheckboxCard): void;

package/dist/checkbox-card/CheckboxCardAnatomy.d.ts

@@ -0,0 +1,12 @@
+import type { SkdxCheckboxCard } from './CheckboxCard.js';
+import './CheckboxCardControl.js';
+import './CheckboxCardIndicator.js';
+import './CheckboxCardLabel.js';
+import './CheckboxCardDescription.js';
+/** @internal Marks a direct child of `<skdx-checkbox-card>` this module generated. */
+export declare const CHECKBOX_CARD_ANATOMY_GENERATED = "data-skdx-checkbox-card-generated";
+/**
+ * Generates Control, Indicator, and Label, plus Description if present.
+ * @internal
+ */
+export declare function fillCheckboxCardAnatomy(root: SkdxCheckboxCard): void;

package/dist/checkbox-card/CheckboxCardAnatomy.js

@@ -0,0 +1,12 @@
+import{html as c,render as a,nothing as e}from"lit";import"./CheckboxCardControl.js";import"./CheckboxCardIndicator.js";import"./CheckboxCardLabel.js";import"./CheckboxCardDescription.js";var i="data-skdx-checkbox-card-generated";function n(d){a(c`
+      <skdx-checkbox-card-control data-skdx-checkbox-card-generated></skdx-checkbox-card-control>
+      <skdx-checkbox-card-indicator
+        data-skdx-checkbox-card-generated
+      ></skdx-checkbox-card-indicator>
+      ${d.label===void 0?e:c`<skdx-checkbox-card-label data-skdx-checkbox-card-generated
+              >${d.label}</skdx-checkbox-card-label
+            >`}
+      ${d.description===void 0?e:c`<skdx-checkbox-card-description data-skdx-checkbox-card-generated
+              >${d.description}</skdx-checkbox-card-description
+            >`}
+    `,d,{host:d})}export{i as CHECKBOX_CARD_ANATOMY_GENERATED,n as fillCheckboxCardAnatomy};

package/dist/checkbox-card/CheckboxCardControl.cjs

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

package/dist/checkbox-card/CheckboxCardControl.d.cts

@@ -1,23 +1,8 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-checkbox-card-control>` — the real control behind a
- * `<skdx-checkbox-card>`: the element that carries `role="checkbox"`,
- * `aria-checked`, the 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.
- *
- * It holds no state and no listeners of its own: the root owns activation (a
- * click anywhere on the card, or Space) and pushes `aria-checked`, `data-state`,
- * `data-disabled`, `aria-invalid`, `aria-required`, `tabindex` and the
- * `aria-labelledby`/`aria-describedby` wiring down onto it. Exactly one belongs
- * in a card, and it must be a descendant of the root — that ancestry is what
- * makes the whole card clickable.
- *
+ * Checkbox control for the card: wraps a real `<input type="checkbox">` that
+ * carries the checked state, tab stop, and accessible name, clipped visually
+ * (keyboard/screen-reader only). The card root submits the form value.
  * @example
  * ```html
  * <skdx-checkbox-card name="addons" value="backups">
@@ -29,8 +14,10 @@ import { LitElement } from 'lit';
 export declare class SkdxCheckboxCardControl extends LitElement {
     static styles: import("lit").CSSResult;
     private rootEl;
+    /** @internal The native `<input type="checkbox">` that owns focus, the Space key, and the checked semantics. */
+    get input(): HTMLInputElement | null;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardControl.d.ts

@@ -1,23 +1,8 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-checkbox-card-control>` — the real control behind a
- * `<skdx-checkbox-card>`: the element that carries `role="checkbox"`,
- * `aria-checked`, the 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.
- *
- * It holds no state and no listeners of its own: the root owns activation (a
- * click anywhere on the card, or Space) and pushes `aria-checked`, `data-state`,
- * `data-disabled`, `aria-invalid`, `aria-required`, `tabindex` and the
- * `aria-labelledby`/`aria-describedby` wiring down onto it. Exactly one belongs
- * in a card, and it must be a descendant of the root — that ancestry is what
- * makes the whole card clickable.
- *
+ * Checkbox control for the card: wraps a real `<input type="checkbox">` that
+ * carries the checked state, tab stop, and accessible name, clipped visually
+ * (keyboard/screen-reader only). The card root submits the form value.
  * @example
  * ```html
  * <skdx-checkbox-card name="addons" value="backups">
@@ -29,8 +14,10 @@ import { LitElement } from 'lit';
 export declare class SkdxCheckboxCardControl extends LitElement {
     static styles: import("lit").CSSResult;
     private rootEl;
+    /** @internal The native `<input type="checkbox">` that owns focus, the Space key, and the checked semantics. */
+    get input(): HTMLInputElement | null;
     connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardControl.js

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

package/dist/checkbox-card/CheckboxCardDescription.cjs

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

package/dist/checkbox-card/CheckboxCardDescription.d.cts

@@ -1,12 +1,7 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.cjs';
 /**
- * `<skdx-checkbox-card-description>` — supporting copy under a
- * `<skdx-checkbox-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`.
+ * `<skdx-checkbox-card-description>` — optional supporting copy under a
+ * `<skdx-checkbox-card-label>`, wired to the control's `aria-describedby` by the root.
  *
  * @example
  * ```html
@@ -17,12 +12,8 @@ import { LitElement } from 'lit';
  * </skdx-checkbox-card>
  * ```
  */
-export declare class SkdxCheckboxCardDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxCheckboxCardDescription extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardDescription.d.ts

@@ -1,12 +1,7 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardPartBase } from '../internal/selection-card.js';
 /**
- * `<skdx-checkbox-card-description>` — supporting copy under a
- * `<skdx-checkbox-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`.
+ * `<skdx-checkbox-card-description>` — optional supporting copy under a
+ * `<skdx-checkbox-card-label>`, wired to the control's `aria-describedby` by the root.
  *
  * @example
  * ```html
@@ -17,12 +12,8 @@ import { LitElement } from 'lit';
  * </skdx-checkbox-card>
  * ```
  */
-export declare class SkdxCheckboxCardDescription extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxCheckboxCardDescription extends SkdxSelectionCardPartBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardDescription.js

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

package/dist/checkbox-card/CheckboxCardIndicator.cjs

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

package/dist/checkbox-card/CheckboxCardIndicator.d.cts

@@ -1,14 +1,8 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardIndicatorBase } from '../internal/selection-card.cjs';
 /**
- * `<skdx-checkbox-card-indicator>` — the decorative check mark (or empty box)
- * drawn on a `<skdx-checkbox-card>`. The root mirrors its `data-state` and
- * `data-disabled` onto it.
- *
- * Unlike `<skdx-checkbox>`'s mark this stays mounted when unchecked, because on a
- * card the indicator is the *box*, not just the tick — 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.
+ * `<skdx-checkbox-card-indicator>` — the decorative check mark or box on a
+ * `<skdx-checkbox-card>`, `aria-hidden` and staying mounted while unchecked
+ * since the box itself is the indicator.
  *
  * @example
  * ```html
@@ -19,11 +13,8 @@ import { LitElement } from 'lit';
  * </skdx-checkbox-card>
  * ```
  */
-export declare class SkdxCheckboxCardIndicator extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxCheckboxCardIndicator extends SkdxSelectionCardIndicatorBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardIndicator.d.ts

@@ -1,14 +1,8 @@
-import { LitElement } from 'lit';
+import { SkdxSelectionCardIndicatorBase } from '../internal/selection-card.js';
 /**
- * `<skdx-checkbox-card-indicator>` — the decorative check mark (or empty box)
- * drawn on a `<skdx-checkbox-card>`. The root mirrors its `data-state` and
- * `data-disabled` onto it.
- *
- * Unlike `<skdx-checkbox>`'s mark this stays mounted when unchecked, because on a
- * card the indicator is the *box*, not just the tick — 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.
+ * `<skdx-checkbox-card-indicator>` — the decorative check mark or box on a
+ * `<skdx-checkbox-card>`, `aria-hidden` and staying mounted while unchecked
+ * since the box itself is the indicator.
  *
  * @example
  * ```html
@@ -19,11 +13,8 @@ import { LitElement } from 'lit';
  * </skdx-checkbox-card>
  * ```
  */
-export declare class SkdxCheckboxCardIndicator extends LitElement {
-    static styles: import("lit").CSSResult;
-    private rootEl;
-    connectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+export declare class SkdxCheckboxCardIndicator extends SkdxSelectionCardIndicatorBase {
+    protected rootSelector: string;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/checkbox-card/CheckboxCardIndicator.js

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

package/dist/checkbox-card/CheckboxCardLabel.cjs

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