@skdx/web-components 0.27.0 → 0.28.0

package/dist/checkbox-group/CheckboxGroup.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, type PropertyValues } from 'lit';
+import type { SkdxOptionItemDescriptor } from '../internal/options.js';
 /** A checkbox's tri-state value: checked, unchecked, or indeterminate (partially checked). */
 export type SkdxCheckedState = boolean | 'indeterminate';
 /** A registered part that can be told to re-sync its own host attributes. */
@@ -8,10 +9,8 @@ export interface RefreshableCheckboxGroupPart {
     readonly disabled?: boolean;
 }
 /**
- * The select-all parent's tri-state, derived from the *enabled* items only:
- * a disabled item can neither be checked nor cleared by the parent, so
- * counting it would leave the parent permanently indeterminate. An empty
- * group reads as unchecked rather than "all of nothing is checked".
+ * The select-all parent's tri-state (enabled items only): counting disabled items
+ * would leave it permanently indeterminate. Empty group reads as unchecked.
  * @internal
  */
 export declare function getSelectAllChecked(enabledValues: string[], value: string[]): SkdxCheckedState;
@@ -19,34 +18,20 @@ declare const SkdxCheckboxGroup_base: typeof LitElement & (new (...args: any[])
     formAssociated: boolean;
 };
 /**
- * `<skdx-checkbox-group>` — the Web Components implementation of the shared
- * CheckboxGroup contract (see `@skdx/shared`'s `checkboxGroupContract`).
- * Owns a `string[]` value shared with its `<skdx-checkbox-group-item>`s and
- * the optional `<skdx-checkbox-group-select-all>` parent, which look it up
- * via `this.closest('skdx-checkbox-group')` — the same root/registry pattern
- * `<skdx-radio-group>` uses.
- *
- * `role="group"` sits on the host, which is what a wrapping `<skdx-fieldset>`
- * discovers as its control (it is the first `FIELD_CONTROL_SELECTOR` match in
- * document order, ahead of the items) and names with `aria-labelledby` back
- * to the light-DOM `<legend>`.
- *
- * Form-associated via `ElementInternals` on the **root**, not per-item hidden
- * inputs: with a `name`, `multiFormValue()` submits one entry per checked
- * value, exactly as a `multiple` `<skdx-toggle-group>` does, so
- * `formData.getAll(name)` returns them all. Unlike the other four frameworks
- * this also gives real `valueMissing` validation for `required`.
+ * Owns a `string[]` value shared with items and optional select-all parent.
+ * `role="group"` on host; form-associated via `ElementInternals` with `name` for each checked value.
+ * `required` validation, `readOnly` freezes selection, `max` caps items (unchecked get `aria-disabled` / `data-max-reached`).
+ * `options` derives anatomy; hand-composed items win.
  *
  * @example
  * ```html
  * <skdx-checkbox-group name="notify" default-value="email">
- *   <skdx-checkbox-group-select-all>All</skdx-checkbox-group-select-all>
- *   <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>
- *   <skdx-checkbox-group-item value="sms">SMS</skdx-checkbox-group-item>
+ *   <span slot="select-all">All</span>
  * </skdx-checkbox-group>
  * ```
  *
- * @fires value-change - Fires with the new `string[]` whenever the selection changes.
+ * @slot select-all - Label for derived `<skdx-checkbox-group-select-all>` (omit for none).
+ * @fires value-change - Fires with new `string[]` whenever selection changes.
  */
 export declare class SkdxCheckboxGroup extends SkdxCheckboxGroup_base {
     static styles: import("lit").CSSResult;
@@ -66,27 +51,44 @@ export declare class SkdxCheckboxGroup extends SkdxCheckboxGroup_base {
      */
     name?: string;
     /**
-     * Marks the group as required — at least one item must be checked. Reports
-     * `valueMissing` while nothing is checked, and is announced as
-     * `aria-required` on every item: `role="group"` may not carry it, since
-     * `aria-required` is not a global ARIA attribute. @default false
+     * Marks the group required (at least one item must be checked). Reports
+     * `valueMissing` while nothing is checked and announces `aria-required` on
+     * every item (`role="group"` cannot carry it).
+     * @default false
      */
     required: boolean;
     /** Disables every item in the group, and the select-all parent. @default false */
     disabled: boolean;
+    /**
+     * Freezes selection keeping tab stops and `aria-readonly`. Host gains
+     * `data-readonly`. Space/click change nothing, group keeps submitting.
+     * @default false
+     */
+    readOnly: boolean;
+    /**
+     * Caps how many items may be checked. At cap, unchecked items gain
+     * `aria-disabled` and `data-max-reached` but keep their tab stops (user can
+     * focus and hear why they won't toggle). Checked items untouched.
+     * @default undefined — no cap.
+     */
+    max?: number;
     /** Marks the group as invalid, exposed as `aria-invalid`/`data-invalid`. @default false */
     invalid: boolean;
     /**
-     * Replaces the message the browser shows when a `required` group is
-     * submitted with nothing checked. Sealed inside the shadow root otherwise,
-     * so this is the only way to translate it or to state the real rule ("Pick
-     * at least one notification channel.").
+     * Replaces the browser's required-group message (sealed by shadow root, only translation route).
      * @default undefined — keeps `'Please select at least one option.'`
      */
     requiredMessage?: string;
+    /**
+     * The choices, in order — one `<skdx-checkbox-group-item>` is derived per
+     * entry. Property only: an array of objects has no attribute form.
+     * @default undefined — nothing is derived, and hand-composed children stand.
+     */
+    options?: readonly SkdxOptionItemDescriptor[];
     private _uncontrolledValue?;
     private readonly _parts;
     connectedCallback(): void;
+    private readonly fillAnatomy;
     /** The currently checked values, resolving controlled vs. uncontrolled. */
     getSelectedValues(): string[];
     /** The tri-state the `<skdx-checkbox-group-select-all>` parent renders. */
@@ -94,12 +96,24 @@ export declare class SkdxCheckboxGroup extends SkdxCheckboxGroup_base {
     /**
      * Adds or removes one item's value, firing `value-change`. Both directions
      * are guarded: removing a value that is not selected is as much a no-op as
-     * adding one that already is, and only the add branch used to be — so
-     * `toggleItem(v, false)` twice dispatched twice.
+     * adding one that already is.
      */
     toggleItem(itemValue: string, checked: boolean): void;
     /** Checks every enabled item, or clears them all when they already are. */
     toggleAll(): void;
+    /**
+     * Whether the `max` cap is reached, so unchecked items announce `aria-disabled`.
+     * Uses `>=` (not `===`): oversized value must still refuse further checks.
+     * @internal Read by the items.
+     */
+    isMaxReached(): boolean;
+    /**
+     * Space-separated ids of every registered item, for the select-all's
+     * `aria-controls` — without it the parent is announced as an
+     * indistinguishable fifth option in a four-option group.
+     * @internal Read by the select-all parent.
+     */
+    itemIds(): string;
     /** @internal Called by a mounting item or select-all parent. */
     registerPart(part: RefreshableCheckboxGroupPart): void;
     /** @internal Called by an unmounting item or select-all parent. */

package/dist/checkbox-group/CheckboxGroup.js

@@ -1,5 +1,5 @@
-var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(r,a,e,s)=>{for(var t=s>1?void 0:s?c(a,e):a,o=r.length-1,d;o>=0;o--)(d=r[o])&&(t=(s?d(a,e,t):d(t))||t);return s&&t&&h(a,e,t),t};import{css as f,html as v,LitElement as m}from"lit";import{property as n,state as p}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{FormAssociated as b}from"../internal/form-associated.js";var u={fromAttribute(r){return r===null?void 0:r.split(",").filter(Boolean)},toAttribute(r){return r===void 0?null:r.join(",")}},_="skdx-checkbox-group-item:not([data-disabled])";function y(r,a){return r.length>0&&r.every(e=>a.includes(e))?!0:r.some(e=>a.includes(e))?"indeterminate":!1}var i=class extends b(m){constructor(){super(...arguments);this.required=!1;this.disabled=!1;this.invalid=!1;this._parts=[];this._refreshParts=()=>{for(let e of this._parts)e.refresh()}}connectedCallback(){super.connectedCallback(),this._uncontrolledValue===void 0&&(this._uncontrolledValue=[...this.defaultValue??[]]),this.setAttribute("role","group"),this._syncHostAttributes(),this._syncFormState()}getSelectedValues(){return this.value??this._uncontrolledValue??[]}getSelectAllChecked(){return y(this._enabledValues(),this.getSelectedValues())}toggleItem(e,s){if(this.disabled)return;let t=this.getSelectedValues();t.includes(e)!==s&&this._commit(s?[...t,e]:t.filter(o=>o!==e))}toggleAll(){if(this.disabled)return;let e=this.getSelectedValues(),s=this._enabledValues();this._commit(this.getSelectAllChecked()===!0?e.filter(t=>!s.includes(t)):[...e,...s.filter(t=>!e.includes(t))])}registerPart(e){this._parts.push(e),this._refreshParts()}unregisterPart(e){let s=this._parts.indexOf(e);s!==-1&&this._parts.splice(s,1),this._refreshParts()}formResetCallback(){this._commit([...this.defaultValue??[]])}updated(e){this._syncHostAttributes(),(e.has("value")||e.has("required")||e.has("name"))&&this._syncFormState(),(e.has("value")||e.has("disabled")||e.has("required"))&&this._refreshParts()}render(){return v`<slot @slotchange=${this._refreshParts}></slot>`}_enabledValues(){return this._parts.filter(e=>typeof e.value=="string"&&!e.disabled).map(e=>e.value)}_commit(e){this.value===void 0&&(this._uncontrolledValue=e),this.dispatchEvent(new CustomEvent("value-change",{detail:e,bubbles:!0,composed:!0})),this._syncFormState(),this._refreshParts()}_syncHostAttributes(){this.invalid?(this.setAttribute("aria-invalid","true"),this.setAttribute("data-invalid","")):(this.removeAttribute("aria-invalid"),this.removeAttribute("data-invalid")),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled")}_syncFormState(){let e=this.getSelectedValues();this.setFormValue(this.multiFormValue(e)),this.setValueMissing(this.required&&e.length===0,"Please select at least one option.",this.querySelector(_))}};i.styles=f`
+var h=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var a=(s,n,e,i)=>{for(var r=i>1?void 0:i?f(n,e):n,o=s.length-1,d;o>=0;o--)(d=s[o])&&(r=(i?d(n,e,r):d(r))||r);return i&&r&&h(n,e,r),r};import{css as c,html as m,LitElement as p}from"lit";import{property as l,state as v}from"lit/decorators.js";import{hasAuthoredParts as b}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{FormAssociated as y}from"../internal/form-associated.js";import{ensureId as _}from"../internal/ids.js";import{CHECKBOX_GROUP_ANATOMY_GENERATED as A,CHECKBOX_GROUP_RENDER_SLOTS as E,fillCheckboxGroupAnatomy as P}from"./CheckboxGroupAnatomy.js";var u={fromAttribute(s){return s===null?void 0:s.split(",").filter(Boolean)},toAttribute(s){return s===void 0?null:s.join(",")}},V="skdx-checkbox-group-item:not([data-disabled])";function O(s,n){return s.length>0&&s.every(e=>n.includes(e))?!0:s.some(e=>n.includes(e))?"indeterminate":!1}var t=class extends y(p){constructor(){super(...arguments);this.required=!1;this.disabled=!1;this.readOnly=!1;this.invalid=!1;this._parts=[];this.fillAnatomy=()=>{b(this,A,E)||P(this),this._refreshParts()};this._refreshParts=()=>{for(let e of this._parts)e.refresh()}}connectedCallback(){super.connectedCallback(),this._uncontrolledValue===void 0&&(this._uncontrolledValue=[...this.defaultValue??[]]),this.setAttribute("role","group"),this._syncHostAttributes(),this._syncFormState(),queueMicrotask(this.fillAnatomy)}getSelectedValues(){return this.value??this._uncontrolledValue??[]}getSelectAllChecked(){return O(this._enabledValues(),this.getSelectedValues())}toggleItem(e,i){if(this.disabled||this.readOnly)return;let r=this.getSelectedValues();r.includes(e)!==i&&(i&&this.isMaxReached()||this._commit(i?[...r,e]:r.filter(o=>o!==e)))}toggleAll(){if(this.disabled||this.readOnly)return;let e=this.getSelectedValues(),i=this._enabledValues();this._commit(this.getSelectAllChecked()===!0?e.filter(r=>!i.includes(r)):[...e,...i.filter(r=>!e.includes(r))].slice(0,this.max??Number.POSITIVE_INFINITY))}isMaxReached(){return this.max!==void 0&&this.getSelectedValues().length>=this.max}itemIds(){return Array.from(this.querySelectorAll("skdx-checkbox-group-item")).map(e=>_(e,"skdx-checkbox-group","item")).join(" ")}registerPart(e){this._parts.push(e),this._refreshParts()}unregisterPart(e){let i=this._parts.indexOf(e);i!==-1&&this._parts.splice(i,1),this._refreshParts()}formResetCallback(){this._commit([...this.defaultValue??[]])}updated(e){e.has("options")&&this.fillAnatomy(),this._syncHostAttributes(),(e.has("value")||e.has("required")||e.has("name"))&&this._syncFormState(),(e.has("value")||e.has("disabled")||e.has("readOnly")||e.has("max")||e.has("required"))&&this._refreshParts()}render(){return m`<slot @slotchange=${this.fillAnatomy}></slot>`}_enabledValues(){return this._parts.filter(e=>typeof e.value=="string"&&!e.disabled).map(e=>e.value)}_commit(e){this.value===void 0&&(this._uncontrolledValue=e),this.dispatchEvent(new CustomEvent("value-change",{detail:e,bubbles:!0,composed:!0})),this._syncFormState(),this._refreshParts()}_syncHostAttributes(){this.invalid?(this.setAttribute("aria-invalid","true"),this.setAttribute("data-invalid","")):(this.removeAttribute("aria-invalid"),this.removeAttribute("data-invalid")),this.disabled?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.readOnly?this.setAttribute("data-readonly",""):this.removeAttribute("data-readonly")}_syncFormState(){let e=this.getSelectedValues();this.setFormValue(this.multiFormValue(e)),this.setValueMissing(this.required&&e.length===0,"Please select at least one option.",this.querySelector(V))}};t.styles=c`
     :host {
       display: block;
     }
-  `,l([n({converter:u})],i.prototype,"value",2),l([n({converter:u,attribute:"default-value"})],i.prototype,"defaultValue",2),l([n({type:String,reflect:!0})],i.prototype,"name",2),l([n({type:Boolean,reflect:!0})],i.prototype,"required",2),l([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([n({type:Boolean,reflect:!0})],i.prototype,"invalid",2),l([n({attribute:"required-message"})],i.prototype,"requiredMessage",2),l([p()],i.prototype,"_uncontrolledValue",2),i=l([g("skdx-checkbox-group","checkbox-group","root")],i);export{i as SkdxCheckboxGroup,y as getSelectAllChecked};
+  `,a([l({converter:u})],t.prototype,"value",2),a([l({converter:u,attribute:"default-value"})],t.prototype,"defaultValue",2),a([l({type:String,reflect:!0})],t.prototype,"name",2),a([l({type:Boolean,reflect:!0})],t.prototype,"required",2),a([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([l({type:Boolean,reflect:!0,attribute:"readonly"})],t.prototype,"readOnly",2),a([l({type:Number})],t.prototype,"max",2),a([l({type:Boolean,reflect:!0})],t.prototype,"invalid",2),a([l({attribute:"required-message"})],t.prototype,"requiredMessage",2),a([l({attribute:!1})],t.prototype,"options",2),a([v()],t.prototype,"_uncontrolledValue",2),t=a([g("skdx-checkbox-group","checkbox-group","root")],t);export{t as SkdxCheckboxGroup,O as getSelectAllChecked};

package/dist/checkbox-group/CheckboxGroupAnatomy.cjs

@@ -0,0 +1,13 @@
+"use strict";var a=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var n=(e,o)=>{for(var t in o)a(e,t,{get:o[t],enumerable:!0})},m=(e,o,t,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of p(o))!k.call(e,l)&&l!==t&&a(e,l,{get:()=>o[l],enumerable:!(d=x(o,l))||d.enumerable});return e};var u=e=>m(a({},"__esModule",{value:!0}),e);var g={};n(g,{CHECKBOX_GROUP_ANATOMY_GENERATED:()=>b,CHECKBOX_GROUP_RENDER_SLOTS:()=>h,fillCheckboxGroupAnatomy:()=>i});module.exports=u(g);var r=require("lit"),s=require("lit/directives/repeat.js"),c=require("../internal/options.cjs"),f=require("./CheckboxGroupItem.cjs"),E=require("./CheckboxGroupSelectAll.cjs"),b="data-skdx-checkbox-group-generated",h=["select-all"];function i(e){let o=(0,c.renderSlotContent)(e,"select-all").get("");(0,r.render)(r.html`
+      ${o?r.html`<skdx-checkbox-group-select-all data-skdx-checkbox-group-generated
+              >${(0,c.stampRenderSlot)(o)}</skdx-checkbox-group-select-all
+            >`:r.nothing}
+      ${(0,s.repeat)(e.options??[],t=>t.value,t=>r.html`
+          <skdx-checkbox-group-item
+            data-skdx-checkbox-group-generated
+            value=${t.value}
+            ?disabled=${t.disabled??!1}
+            >${t.label}</skdx-checkbox-group-item
+          >
+        `)}
+    `,e,{host:e})}0&&(module.exports={CHECKBOX_GROUP_ANATOMY_GENERATED,CHECKBOX_GROUP_RENDER_SLOTS,fillCheckboxGroupAnatomy});

package/dist/checkbox-group/CheckboxGroupAnatomy.d.cts

@@ -0,0 +1,16 @@
+import type { SkdxCheckboxGroup } from './CheckboxGroup.cjs';
+import './CheckboxGroupItem.cjs';
+import './CheckboxGroupSelectAll.cjs';
+/**
+ * @internal Marks a direct child of `<skdx-checkbox-group>` this module generated.
+ * Written literally in the template below — Lit binds attribute values, not names.
+ */
+export declare const CHECKBOX_GROUP_ANATOMY_GENERATED = "data-skdx-checkbox-group-generated";
+/** @internal The slot markers the derived anatomy consumes, so they do not read as hand composition. */
+export declare const CHECKBOX_GROUP_RENDER_SLOTS: readonly ["select-all"];
+/**
+ * Builds one Item per entry in `root.options`, keyed by value. A `slot="select-all"`
+ * child derives the tri-state `<skdx-checkbox-group-select-all>` above them.
+ * @internal
+ */
+export declare function fillCheckboxGroupAnatomy(root: SkdxCheckboxGroup): void;

package/dist/checkbox-group/CheckboxGroupAnatomy.d.ts

@@ -0,0 +1,16 @@
+import type { SkdxCheckboxGroup } from './CheckboxGroup.js';
+import './CheckboxGroupItem.js';
+import './CheckboxGroupSelectAll.js';
+/**
+ * @internal Marks a direct child of `<skdx-checkbox-group>` this module generated.
+ * Written literally in the template below — Lit binds attribute values, not names.
+ */
+export declare const CHECKBOX_GROUP_ANATOMY_GENERATED = "data-skdx-checkbox-group-generated";
+/** @internal The slot markers the derived anatomy consumes, so they do not read as hand composition. */
+export declare const CHECKBOX_GROUP_RENDER_SLOTS: readonly ["select-all"];
+/**
+ * Builds one Item per entry in `root.options`, keyed by value. A `slot="select-all"`
+ * child derives the tri-state `<skdx-checkbox-group-select-all>` above them.
+ * @internal
+ */
+export declare function fillCheckboxGroupAnatomy(root: SkdxCheckboxGroup): void;

package/dist/checkbox-group/CheckboxGroupAnatomy.js

@@ -0,0 +1,13 @@
+import{html as t,render as l,nothing as c}from"lit";import{repeat as a}from"lit/directives/repeat.js";import{renderSlotContent as d,stampRenderSlot as s}from"../internal/options.js";import"./CheckboxGroupItem.js";import"./CheckboxGroupSelectAll.js";var u="data-skdx-checkbox-group-generated",b=["select-all"];function h(o){let r=d(o,"select-all").get("");l(t`
+      ${r?t`<skdx-checkbox-group-select-all data-skdx-checkbox-group-generated
+              >${s(r)}</skdx-checkbox-group-select-all
+            >`:c}
+      ${a(o.options??[],e=>e.value,e=>t`
+          <skdx-checkbox-group-item
+            data-skdx-checkbox-group-generated
+            value=${e.value}
+            ?disabled=${e.disabled??!1}
+            >${e.label}</skdx-checkbox-group-item
+          >
+        `)}
+    `,o,{host:o})}export{u as CHECKBOX_GROUP_ANATOMY_GENERATED,b as CHECKBOX_GROUP_RENDER_SLOTS,h as fillCheckboxGroupAnatomy};

package/dist/checkbox-group/CheckboxGroupItem.cjs

@@ -1,4 +1,4 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(r,t)=>{for(var e in t)l(r,e,{get:t[e],enumerable:!0})},y=(r,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of k(t))!f.call(r,i)&&i!==e&&l(r,i,{get:()=>t[i],enumerable:!(s=u(t,i))||s.enumerable});return r};var E=r=>y(l({},"__esModule",{value:!0}),r),d=(r,t,e,s)=>{for(var i=s>1?void 0:s?u(t,e):t,c=r.length-1,h;c>=0;c--)(h=r[c])&&(i=(s?h(t,e,i):h(i))||i);return s&&i&&l(t,e,i),i};var g={};m(g,{SkdxCheckboxGroupItem:()=>o});module.exports=E(g);var a=require("lit"),n=require("lit/decorators.js"),b=require("../internal/define.cjs"),v=require("../internal/part.cjs"),p=require("../internal/styles.cjs");var o=class extends a.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,v.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?.registerPart(this),this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return a.html`<slot></slot>`}_sync(){let e=this.checked,s=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),s?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("tabindex",s?"-1":"0")}};o.styles=[p.resetNativeControl,a.css`
+"use strict";var l=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(s,i)=>{for(var e in i)l(s,e,{get:i[e],enumerable:!0})},E=(s,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of m(i))!k.call(s,t)&&t!==e&&l(s,t,{get:()=>i[t],enumerable:!(r=b(i,t))||r.enumerable});return s};var A=s=>E(l({},"__esModule",{value:!0}),s),d=(s,i,e,r)=>{for(var t=r>1?void 0:r?b(i,e):i,c=s.length-1,n;c>=0;c--)(n=s[c])&&(t=(r?n(i,e,t):n(t))||t);return r&&t&&l(i,e,t),t};var g={};y(g,{SkdxCheckboxGroupItem:()=>a});module.exports=A(g);var o=require("lit"),u=require("lit/decorators.js"),h=require("../internal/define.cjs"),v=require("../internal/part.cjs"),f=require("../internal/styles.cjs"),p=require("./indicator.cjs");var a=class extends o.LitElement{constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),(0,v.applyHostPart)(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,h.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return o.html`<slot></slot>`}_sync(){let e=this.checked,r=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;r||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),r?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",r?"-1":"0"),(0,p.fillCheckboxGroupItemIndicator)(this,e,r)}};a.styles=[f.resetNativeControl,o.css`
       :host {
         display: inline-block;
         cursor: pointer;
@@ -6,4 +6,4 @@
       :host([data-disabled]) {
         cursor: default;
       }
-    `],d([(0,n.property)({type:String,reflect:!0})],o.prototype,"value",2),d([(0,n.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",2),o=d([(0,b.customElement)("skdx-checkbox-group-item","checkbox-group","item")],o);0&&(module.exports={SkdxCheckboxGroupItem});
+    `],d([(0,u.property)({type:String,reflect:!0})],a.prototype,"value",2),d([(0,u.property)({type:Boolean,reflect:!0})],a.prototype,"disabled",2),a=d([(0,h.customElement)("skdx-checkbox-group-item","checkbox-group","item")],a);0&&(module.exports={SkdxCheckboxGroupItem});

package/dist/checkbox-group/CheckboxGroupItem.d.cts

@@ -1,20 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-checkbox-group-item>` — one checkbox within an
- * `<skdx-checkbox-group>`. Sets `role="checkbox"`, `aria-checked`,
- * `data-state` (`"checked"` / `"unchecked"`), `data-disabled`, `data-value`,
- * the group's `aria-required` — which the `role="group"` host may not carry,
- * `aria-required` not being a global ARIA attribute — and the
- * `data-skdx-checkbox-group-item` marker on **itself**, mirroring
- * `<skdx-radio-group-item>`: the role and the value hook have to sit on one
- * element, and nesting an `<skdx-checkbox>` in this element's shadow root
- * would bury the role two shadow boundaries deep.
- *
- * Every item is its own tab stop — a checkbox group has no roving tabindex,
- * exactly like a set of native checkboxes. Toggles on click and on Space;
- * Enter is suppressed. The item is only ever binary: the tri-state lives on
- * `<skdx-checkbox-group-select-all>` alone.
- *
+ * `<skdx-checkbox-group-item>` — checkbox in `<skdx-checkbox-group>`.
+ * `role="checkbox"` on host with `aria-checked`, `data-state`, group's `aria-required`.
+ * Binary only; tri-state on `<skdx-checkbox-group-select-all>`. Roving tabindex per item.
  * @example
  * ```html
  * <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>

package/dist/checkbox-group/CheckboxGroupItem.d.ts

@@ -1,20 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-checkbox-group-item>` — one checkbox within an
- * `<skdx-checkbox-group>`. Sets `role="checkbox"`, `aria-checked`,
- * `data-state` (`"checked"` / `"unchecked"`), `data-disabled`, `data-value`,
- * the group's `aria-required` — which the `role="group"` host may not carry,
- * `aria-required` not being a global ARIA attribute — and the
- * `data-skdx-checkbox-group-item` marker on **itself**, mirroring
- * `<skdx-radio-group-item>`: the role and the value hook have to sit on one
- * element, and nesting an `<skdx-checkbox>` in this element's shadow root
- * would bury the role two shadow boundaries deep.
- *
- * Every item is its own tab stop — a checkbox group has no roving tabindex,
- * exactly like a set of native checkboxes. Toggles on click and on Space;
- * Enter is suppressed. The item is only ever binary: the tri-state lives on
- * `<skdx-checkbox-group-select-all>` alone.
- *
+ * `<skdx-checkbox-group-item>` — checkbox in `<skdx-checkbox-group>`.
+ * `role="checkbox"` on host with `aria-checked`, `data-state`, group's `aria-required`.
+ * Binary only; tri-state on `<skdx-checkbox-group-select-all>`. Roving tabindex per item.
  * @example
  * ```html
  * <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>

package/dist/checkbox-group/CheckboxGroupItem.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=(a,s,e,t)=>{for(var i=t>1?void 0:t?n(s,e):s,l=a.length-1,d;l>=0;l--)(d=a[l])&&(i=(t?d(s,e,i):d(i))||i);return t&&i&&h(s,e,i),i};import{css as u,html as b,LitElement as v}from"lit";import{property as c}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{applyHostPart as k}from"../internal/part.js";import{resetNativeControl as f}from"../internal/styles.js";var r=class extends v{constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),k(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?.registerPart(this),this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.checked,t=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),t?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("tabindex",t?"-1":"0")}};r.styles=[f,u`
+var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(o,s,e,i)=>{for(var t=i>1?void 0:i?n(s,e):s,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(i?d(s,e,t):d(t))||t);return i&&t&&c(s,e,t),t};import{css as u,html as b,LitElement as v}from"lit";import{property as h}from"lit/decorators.js";import{customElement as f,whenUpgraded as p}from"../internal/define.js";import{applyHostPart as m}from"../internal/part.js";import{resetNativeControl as k}from"../internal/styles.js";import{fillCheckboxGroupItemIndicator as y}from"./indicator.js";var r=class extends v{constructor(){super(...arguments);this.value="";this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleItem(this.value,!this.checked)};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),m(this,"checkbox","root"),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.setAttribute("data-skdx-checkbox-group-item",""),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?p(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get checked(){return this.rootEl?.getSelectedValues().includes(this.value)??!1}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.checked,i=this.effectiveDisabled;this.setAttribute("aria-checked",String(e)),this.setAttribute("data-state",e?"checked":"unchecked"),this.setAttribute("data-value",this.value),this.rootEl?.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required"),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=(this.rootEl?.isMaxReached()??!1)&&!e;i||t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"),t?this.setAttribute("data-max-reached",""):this.removeAttribute("data-max-reached"),i?this.setAttribute("data-disabled",""):this.removeAttribute("data-disabled"),this.setAttribute("tabindex",i?"-1":"0"),y(this,e,i)}};r.styles=[k,u`
       :host {
         display: inline-block;
         cursor: pointer;
@@ -6,4 +6,4 @@ var h=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=(a,s,e,t
       :host([data-disabled]) {
         cursor: default;
       }
-    `],o([c({type:String,reflect:!0})],r.prototype,"value",2),o([c({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=o([p("skdx-checkbox-group-item","checkbox-group","item")],r);export{r as SkdxCheckboxGroupItem};
+    `],a([h({type:String,reflect:!0})],r.prototype,"value",2),a([h({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=a([f("skdx-checkbox-group-item","checkbox-group","item")],r);export{r as SkdxCheckboxGroupItem};

package/dist/checkbox-group/CheckboxGroupSelectAll.cjs

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var p=(s,t)=>{for(var e in t)a(s,e,{get:t[e],enumerable:!0})},f=(s,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!k.call(s,i)&&i!==e&&a(s,i,{get:()=>t[i],enumerable:!(r=h(t,i))||r.enumerable});return s};var m=s=>f(a({},"__esModule",{value:!0}),s),c=(s,t,e,r)=>{for(var i=r>1?void 0:r?h(t,e):t,l=s.length-1,n;l>=0;l--)(n=s[l])&&(i=(r?n(t,e,i):n(i))||i);return r&&i&&a(t,e,i),i};var y={};p(y,{SkdxCheckboxGroupSelectAll:()=>d});module.exports=m(y);var o=require("lit"),b=require("lit/decorators.js"),u=require("../internal/define.cjs");var d=class extends o.LitElement{constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?.registerPart(this),this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return o.html`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,r=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e)),this.setAttribute("data-state",e==="indeterminate"?"indeterminate":e?"checked":"unchecked"),r?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("tabindex",r?"-1":"0")}};d.styles=o.css`
+"use strict";var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var p=(r,i)=>{for(var e in i)d(r,e,{get:i[e],enumerable:!0})},k=(r,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of v(i))!f.call(r,t)&&t!==e&&d(r,t,{get:()=>i[t],enumerable:!(s=b(i,t))||s.enumerable});return r};var y=r=>k(d({},"__esModule",{value:!0}),r),c=(r,i,e,s)=>{for(var t=s>1?void 0:s?b(i,e):i,n=r.length-1,h;n>=0;n--)(h=r[n])&&(t=(s?h(i,e,t):h(t))||t);return s&&t&&d(i,e,t),t};var E={};p(E,{SkdxCheckboxGroupSelectAll:()=>o});module.exports=y(E);var a=require("lit"),u=require("lit/decorators.js"),l=require("../internal/define.cjs"),m=require("./indicator.cjs");var o=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?(0,l.whenUpgraded)(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return a.html`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,s=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e)),this.setAttribute("data-state",e==="indeterminate"?"indeterminate":e?"checked":"unchecked"),s?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=this.rootEl?.itemIds()??"";t?this.setAttribute("aria-controls",t):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",s?"-1":"0"),(0,m.fillCheckboxGroupItemIndicator)(this,e,s)}};o.styles=a.css`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@
     :host([data-disabled]) {
       cursor: default;
     }
-  `,c([(0,b.property)({type:Boolean,reflect:!0})],d.prototype,"disabled",2),d=c([(0,u.customElement)("skdx-checkbox-group-select-all","checkbox-group","select-all")],d);0&&(module.exports={SkdxCheckboxGroupSelectAll});
+  `,c([(0,u.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",2),o=c([(0,l.customElement)("skdx-checkbox-group-select-all","checkbox-group","select-all")],o);0&&(module.exports={SkdxCheckboxGroupSelectAll});

package/dist/checkbox-group/CheckboxGroupSelectAll.d.cts

@@ -1,20 +1,9 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-checkbox-group-select-all>` — the tri-state "select all" parent of an
- * `<skdx-checkbox-group>`: `aria-checked="true"` when every enabled item is
- * checked, `"mixed"` when only some are, `"false"` when none are — the same
- * `boolean | 'indeterminate'` model `<skdx-checkbox>` uses, read straight off
- * the group. Clicking it checks every enabled item, or clears them when they
- * are already all checked.
- *
- * It lives *inside* the group — it reads the same part registry the items
- * feed, and inside the group is also where a screen reader announces it as
- * part of the set. It has no `value`, so it contributes nothing to the
- * group's form submission.
- *
- * Sets its ARIA on the host, for the same reason `<skdx-checkbox-group-item>`
- * does: a nested `<skdx-checkbox>` would bury `role="checkbox"` two shadow
- * boundaries deep.
+ * Tri-state "select all" parent for `<skdx-checkbox-group>`. Place inside the group.
+ * `aria-checked` reflects: "true" if all enabled items checked, "mixed" if some, "false" if none.
+ * Checking toggles all enabled items; unchecked clears them. Has no value (doesn't submit with form).
+ * Sets ARIA on host to keep `role="checkbox"` one level deep.
  *
  * @example
  * ```html
@@ -23,12 +12,12 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxCheckboxGroupSelectAll extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Disables the parent alone; the group's own `disabled` also disables it. @default false */
+    /** Disables select-all alone; group's `disabled` also disables. @default false */
     disabled: boolean;
     private rootEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /** @internal Called by the parent `<skdx-checkbox-group>` whenever the value or the item set changes. */
+    /** @internal Called by parent when value or item set changes. */
     refresh(): void;
     /** Disabled by its own flag or by the group's. */
     get effectiveDisabled(): boolean;

package/dist/checkbox-group/CheckboxGroupSelectAll.d.ts

@@ -1,20 +1,9 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-checkbox-group-select-all>` — the tri-state "select all" parent of an
- * `<skdx-checkbox-group>`: `aria-checked="true"` when every enabled item is
- * checked, `"mixed"` when only some are, `"false"` when none are — the same
- * `boolean | 'indeterminate'` model `<skdx-checkbox>` uses, read straight off
- * the group. Clicking it checks every enabled item, or clears them when they
- * are already all checked.
- *
- * It lives *inside* the group — it reads the same part registry the items
- * feed, and inside the group is also where a screen reader announces it as
- * part of the set. It has no `value`, so it contributes nothing to the
- * group's form submission.
- *
- * Sets its ARIA on the host, for the same reason `<skdx-checkbox-group-item>`
- * does: a nested `<skdx-checkbox>` would bury `role="checkbox"` two shadow
- * boundaries deep.
+ * Tri-state "select all" parent for `<skdx-checkbox-group>`. Place inside the group.
+ * `aria-checked` reflects: "true" if all enabled items checked, "mixed" if some, "false" if none.
+ * Checking toggles all enabled items; unchecked clears them. Has no value (doesn't submit with form).
+ * Sets ARIA on host to keep `role="checkbox"` one level deep.
  *
  * @example
  * ```html
@@ -23,12 +12,12 @@ import { LitElement } from 'lit';
  */
 export declare class SkdxCheckboxGroupSelectAll extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Disables the parent alone; the group's own `disabled` also disables it. @default false */
+    /** Disables select-all alone; group's `disabled` also disables. @default false */
     disabled: boolean;
     private rootEl;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /** @internal Called by the parent `<skdx-checkbox-group>` whenever the value or the item set changes. */
+    /** @internal Called by parent when value or item set changes. */
     refresh(): void;
     /** Disabled by its own flag or by the group's. */
     get effectiveDisabled(): boolean;

package/dist/checkbox-group/CheckboxGroupSelectAll.js

@@ -1,4 +1,4 @@
-var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(d,r,e,t)=>{for(var i=t>1?void 0:t?c(r,e):r,o=d.length-1,a;o>=0;o--)(a=d[o])&&(i=(t?a(r,e,i):a(i))||i);return t&&i&&n(r,e,i),i};import{css as h,html as b,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as k}from"../internal/define.js";var s=class extends u{constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?.registerPart(this),this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,t=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e)),this.setAttribute("data-state",e==="indeterminate"?"indeterminate":e?"checked":"unchecked"),t?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.setAttribute("tabindex",t?"-1":"0")}};s.styles=h`
+var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(o,s,e,i)=>{for(var t=i>1?void 0:i?h(s,e):s,a=o.length-1,d;a>=0;a--)(d=o[a])&&(t=(i?d(s,e,t):d(t))||t);return i&&t&&n(s,e,t),t};import{css as c,html as b,LitElement as u}from"lit";import{property as m}from"lit/decorators.js";import{customElement as v,whenUpgraded as f}from"../internal/define.js";import{fillCheckboxGroupItemIndicator as p}from"./indicator.js";var r=class extends u{constructor(){super(...arguments);this.disabled=!1;this.rootEl=null;this._handleClick=()=>{this.effectiveDisabled||this.rootEl?.toggleAll()};this._handleKeydown=e=>{e.key===" "?(e.preventDefault(),this._handleClick()):e.key==="Enter"&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.rootEl=this.closest("skdx-checkbox-group"),this.setAttribute("role","checkbox"),this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeydown),this.rootEl?f(this.rootEl,()=>{this.rootEl?.registerPart(this),this._sync()}):this._sync()}disconnectedCallback(){this.rootEl?.unregisterPart(this),this.removeEventListener("click",this._handleClick),this.removeEventListener("keydown",this._handleKeydown),super.disconnectedCallback()}refresh(){this._sync()}get effectiveDisabled(){return(this.rootEl?.disabled??!1)||this.disabled}updated(){this._sync()}render(){return b`<slot></slot>`}_sync(){let e=this.rootEl?.getSelectAllChecked()??!1,i=this.effectiveDisabled;this.setAttribute("aria-checked",e==="indeterminate"?"mixed":String(e)),this.setAttribute("data-state",e==="indeterminate"?"indeterminate":e?"checked":"unchecked"),i?(this.setAttribute("data-disabled",""),this.setAttribute("aria-disabled","true")):(this.removeAttribute("data-disabled"),this.removeAttribute("aria-disabled")),this.rootEl?.readOnly?(this.setAttribute("aria-readonly","true"),this.setAttribute("data-readonly","")):(this.removeAttribute("aria-readonly"),this.removeAttribute("data-readonly"));let t=this.rootEl?.itemIds()??"";t?this.setAttribute("aria-controls",t):this.removeAttribute("aria-controls"),this.setAttribute("tabindex",i?"-1":"0"),p(this,e,i)}};r.styles=c`
     :host {
       display: inline-block;
       cursor: pointer;
@@ -6,4 +6,4 @@ var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(d,r,e,t
     :host([data-disabled]) {
       cursor: default;
     }
-  `,l([v({type:Boolean,reflect:!0})],s.prototype,"disabled",2),s=l([k("skdx-checkbox-group-select-all","checkbox-group","select-all")],s);export{s as SkdxCheckboxGroupSelectAll};
+  `,l([m({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=l([v("skdx-checkbox-group-select-all","checkbox-group","select-all")],r);export{r as SkdxCheckboxGroupSelectAll};

package/dist/checkbox-group/index.cjs

@@ -1 +1 @@
-"use strict";var k=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(e,o)=>{for(var x in o)k(e,x,{get:o[x],enumerable:!0})},h=(e,o,x,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of b(o))!d.call(e,r)&&r!==x&&k(e,r,{get:()=>o[r],enumerable:!(p=S(o,r))||p.enumerable});return e};var l=e=>h(k({},"__esModule",{value:!0}),e);var u={};f(u,{SkdxCheckboxGroup:()=>t.SkdxCheckboxGroup,SkdxCheckboxGroupItem:()=>c.SkdxCheckboxGroupItem,SkdxCheckboxGroupSelectAll:()=>m.SkdxCheckboxGroupSelectAll});module.exports=l(u);var t=require("./CheckboxGroup.cjs"),c=require("./CheckboxGroupItem.cjs"),m=require("./CheckboxGroupSelectAll.cjs");0&&(module.exports={SkdxCheckboxGroup,SkdxCheckboxGroupItem,SkdxCheckboxGroupSelectAll});
+"use strict";var k=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(r,o)=>{for(var e in o)k(r,e,{get:o[e],enumerable:!0})},m=(r,o,e,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let x of d(o))!f.call(r,x)&&x!==e&&k(r,x,{get:()=>o[x],enumerable:!(p=c(o,x))||p.enumerable});return r};var t=r=>m(k({},"__esModule",{value:!0}),r);var u={};h(u,{SkdxCheckboxGroup:()=>b.SkdxCheckboxGroup});module.exports=t(u);var b=require("./CheckboxGroup.cjs");0&&(module.exports={SkdxCheckboxGroup});

package/dist/checkbox-group/index.d.cts

@@ -1,3 +1 @@
 export { SkdxCheckboxGroup } from './CheckboxGroup.cjs';
-export { SkdxCheckboxGroupItem } from './CheckboxGroupItem.cjs';
-export { SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.cjs';

package/dist/checkbox-group/index.d.ts

@@ -1,3 +1 @@
 export { SkdxCheckboxGroup } from './CheckboxGroup.js';
-export { SkdxCheckboxGroupItem } from './CheckboxGroupItem.js';
-export { SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.js';

package/dist/checkbox-group/index.js

@@ -1 +1 @@
-import{SkdxCheckboxGroup as r}from"./CheckboxGroup.js";import{SkdxCheckboxGroupItem as k}from"./CheckboxGroupItem.js";import{SkdxCheckboxGroupSelectAll as t}from"./CheckboxGroupSelectAll.js";export{r as SkdxCheckboxGroup,k as SkdxCheckboxGroupItem,t as SkdxCheckboxGroupSelectAll};
+import{SkdxCheckboxGroup as x}from"./CheckboxGroup.js";export{x as SkdxCheckboxGroup};

package/dist/checkbox-group/indicator.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var f=(i,e)=>{for(var a in e)s(i,a,{get:e[a],enumerable:!0})},p=(i,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!h.call(i,r)&&r!==a&&s(i,r,{get:()=>e[r],enumerable:!(t=b(e,r))||t.enumerable});return i};var A=i=>p(s({},"__esModule",{value:!0}),i);var x={};f(x,{fillCheckboxGroupItemIndicator:()=>k});module.exports=A(x);var l=require("lit"),d=require("../internal/glyphs.cjs"),o="data-skdx-checkbox-group-item-indicator-generated",c="data-skdx-checkbox-group-item-default-indicator";function k(i,e,a){let t=i.querySelector(`:scope > span[${o}]`);if(!t){let n=Array.from(i.children).find(u=>u.getAttribute("slot")==="indicator");t=document.createElement("span"),t.setAttribute(o,""),t.setAttribute("aria-hidden","true"),t.setAttribute("class","skdx-checkbox__indicator"),t.setAttribute("data-part","indicator"),n?(n.removeAttribute("slot"),t.append(n)):t.setAttribute(c,"")}t.hasAttribute(c)&&(0,l.render)(e==="indeterminate"?d.dashGlyph:d.checkGlyph,t,{host:t});let r=e==="indeterminate"?"indeterminate":e?"checked":"unchecked";t.setAttribute("data-state",r),a?t.setAttribute("data-disabled",""):t.removeAttribute("data-disabled"),t.hidden=e===!1,i.firstChild!==t&&i.insertBefore(t,i.firstChild)}0&&(module.exports={fillCheckboxGroupItemIndicator});

package/dist/checkbox-group/indicator.d.cts

@@ -0,0 +1,9 @@
+import type { SkdxCheckedState } from '../checkbox/Checkbox.cjs';
+/**
+ * Derives an Indicator for `<skdx-checkbox-group-item>`/`<skdx-checkbox-group-select-all>`,
+ * mirroring `<skdx-checkbox>`'s own anatomy: claims a `slot="indicator"` light-DOM
+ * child, or falls back to the default check/dash glyph, shown only while `checked`
+ * is `true` or `'indeterminate'`.
+ * @internal
+ */
+export declare function fillCheckboxGroupItemIndicator(root: Element, checked: SkdxCheckedState, disabled: boolean): void;

package/dist/checkbox-group/indicator.d.ts

@@ -0,0 +1,9 @@
+import type { SkdxCheckedState } from '../checkbox/Checkbox.js';
+/**
+ * Derives an Indicator for `<skdx-checkbox-group-item>`/`<skdx-checkbox-group-select-all>`,
+ * mirroring `<skdx-checkbox>`'s own anatomy: claims a `slot="indicator"` light-DOM
+ * child, or falls back to the default check/dash glyph, shown only while `checked`
+ * is `true` or `'indeterminate'`.
+ * @internal
+ */
+export declare function fillCheckboxGroupItemIndicator(root: Element, checked: SkdxCheckedState, disabled: boolean): void;

package/dist/checkbox-group/indicator.js

@@ -0,0 +1 @@
+import{render as c}from"lit";import{checkGlyph as l,dashGlyph as u}from"../internal/glyphs.js";var a="data-skdx-checkbox-group-item-indicator-generated",d="data-skdx-checkbox-group-item-default-indicator";function h(e,i,n){let t=e.querySelector(`:scope > span[${a}]`);if(!t){let r=Array.from(e.children).find(o=>o.getAttribute("slot")==="indicator");t=document.createElement("span"),t.setAttribute(a,""),t.setAttribute("aria-hidden","true"),t.setAttribute("class","skdx-checkbox__indicator"),t.setAttribute("data-part","indicator"),r?(r.removeAttribute("slot"),t.append(r)):t.setAttribute(d,"")}t.hasAttribute(d)&&c(i==="indeterminate"?u:l,t,{host:t});let s=i==="indeterminate"?"indeterminate":i?"checked":"unchecked";t.setAttribute("data-state",s),n?t.setAttribute("data-disabled",""):t.removeAttribute("data-disabled"),t.hidden=i===!1,e.firstChild!==t&&e.insertBefore(t,e.firstChild)}export{h as fillCheckboxGroupItemIndicator};

package/dist/checkbox-group/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var k=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var b=(e,o)=>{for(var x in o)k(e,x,{get:o[x],enumerable:!0})},d=(e,o,x,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of m(o))!S.call(e,r)&&r!==x&&k(e,r,{get:()=>o[r],enumerable:!(p=l(o,r))||p.enumerable});return e};var f=e=>d(k({},"__esModule",{value:!0}),e);var h={};b(h,{SkdxCheckboxGroupItem:()=>t.SkdxCheckboxGroupItem,SkdxCheckboxGroupSelectAll:()=>c.SkdxCheckboxGroupSelectAll});module.exports=f(h);var t=require("./CheckboxGroupItem.cjs"),c=require("./CheckboxGroupSelectAll.cjs");0&&(module.exports={SkdxCheckboxGroupItem,SkdxCheckboxGroupSelectAll});

package/dist/checkbox-group/primitives.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Advanced primitives for `<skdx-checkbox-group>` — the parts the recipe
+ * composes. Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as CheckboxGroup from '@skdx/web-components/primitives/checkbox-group';
+ * ```
+ * ```html
+ * <skdx-checkbox-group name="notify" default-value="email">
+ *   <skdx-checkbox-group-select-all>All</skdx-checkbox-group-select-all>
+ *   <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>
+ *   <skdx-checkbox-group-item value="sms">SMS</skdx-checkbox-group-item>
+ * </skdx-checkbox-group>
+ * ```
+ */
+export { SkdxCheckboxGroupItem } from './CheckboxGroupItem.cjs';
+export { SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.cjs';

package/dist/checkbox-group/primitives.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Advanced primitives for `<skdx-checkbox-group>` — the parts the recipe
+ * composes. Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as CheckboxGroup from '@skdx/web-components/primitives/checkbox-group';
+ * ```
+ * ```html
+ * <skdx-checkbox-group name="notify" default-value="email">
+ *   <skdx-checkbox-group-select-all>All</skdx-checkbox-group-select-all>
+ *   <skdx-checkbox-group-item value="email">Email</skdx-checkbox-group-item>
+ *   <skdx-checkbox-group-item value="sms">SMS</skdx-checkbox-group-item>
+ * </skdx-checkbox-group>
+ * ```
+ */
+export { SkdxCheckboxGroupItem } from './CheckboxGroupItem.js';
+export { SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.js';

package/dist/checkbox-group/primitives.js

@@ -0,0 +1 @@
+import{SkdxCheckboxGroupItem as r}from"./CheckboxGroupItem.js";import{SkdxCheckboxGroupSelectAll as k}from"./CheckboxGroupSelectAll.js";export{r as SkdxCheckboxGroupItem,k as SkdxCheckboxGroupSelectAll};