@lmvz-ds/components 0.19.0 → 0.20.0

package/manifest.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-18T09:58:50",
+  "timestamp": "2026-05-20T12:42:52",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",
@@ -506,6 +506,415 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/lmvz-checkbox/lmvz-checkbox.tsx",
+      "encapsulation": "scoped",
+      "tag": "lmvz-checkbox",
+      "readme": "# lmvz-checkbox\n\nAccessible, form-associated checkbox built as a Stencil scoped web component. Participates in native HTML forms via `ElementInternals` and emits a `lmvzChange` event on toggle.\n\n## Usage\n\n### Basic\n\n```html\n<lmvz-checkbox label=\"Accept terms and conditions\"></lmvz-checkbox>\n\n<!-- With helper text -->\n<lmvz-checkbox\n  label=\"Subscribe to newsletter\"\n  helper-text=\"You can unsubscribe at any time.\"\n></lmvz-checkbox>\n\n<!-- Required with error state -->\n<lmvz-checkbox\n  label=\"I agree to the privacy policy\"\n  required\n  error\n  error-message=\"You must accept the privacy policy to continue.\"\n></lmvz-checkbox>\n```\n\n### Form integration\n\n`lmvz-checkbox` participates in native form submission via `ElementInternals`. Use `name` to set the field name and `value` to control the submitted value (defaults to `'on'`).\n\n```html\n<form id=\"signup-form\">\n  <lmvz-checkbox\n    name=\"terms\"\n    label=\"Accept terms and conditions\"\n    value=\"accepted\"\n    required\n  ></lmvz-checkbox>\n  <button type=\"submit\">Submit</button>\n</form>\n```\n\n```js\ndocument.getElementById('signup-form').addEventListener('submit', (event) => {\n  event.preventDefault();\n  const data = new FormData(event.target);\n  // data.get('terms') === 'accepted' when checked, null when unchecked\n  console.log(data.get('terms'));\n});\n```\n\nTo associate the checkbox with a form outside its DOM subtree, pass the form element's `id` via the `form` attribute:\n\n```html\n<form id=\"external-form\">...</form>\n<lmvz-checkbox name=\"consent\" label=\"I consent\" form=\"external-form\"></lmvz-checkbox>\n```\n\n## Reflected Attributes\n\nThe following props are reflected as HTML attributes and can be used in CSS attribute selectors:\n\n| Prop | Attribute |\n|------|-----------|\n| `checked` | `checked` |\n| `disabled` | `disabled` |\n| `required` | `required` |\n| `error` | `error` |\n\n## CSS Custom Properties\n\nOverride these on the `:host` element to theme the component. All defaults reference LMVZ semantic or global design tokens.\n\n| Custom Property | Default | Purpose |\n|----------------|---------|---------|\n| `--checkbox-box-size` | `var(--lmvz-global-dimension-s18)` | Width and height of the checkbox box |\n| `--checkbox-border-radius` | `var(--lmvz-global-dimension-s4)` | Border radius of the checkbox box |\n| `--checkbox-border-color` | `var(--lmvz-semantic-color-border-default)` | Default (unchecked) border color |\n| `--checkbox-border-color-hover` | `var(--lmvz-semantic-color-border-hover)` | Border color on hover |\n| `--checkbox-border-color-checked` | `var(--lmvz-semantic-color-border-active)` | Border color when checked |\n| `--checkbox-border-color-error` | `var(--lmvz-semantic-color-status-on-danger)` | Border color in error state |\n| `--checkbox-focus-color` | `var(--lmvz-semantic-color-status-on-active)` | Focus ring color |\n| `--checkbox-checkmark-color` | `var(--lmvz-semantic-color-border-active)` | Checkmark SVG stroke color |\n| `--checkbox-label-color` | `var(--lmvz-semantic-color-on-surface-primary)` | Label text color (default and hover) |\n| `--checkbox-label-color-checked` | `var(--lmvz-semantic-color-status-on-active)` | Label text color when checked |\n| `--checkbox-wrapper-bg-hover` | `var(--lmvz-semantic-color-int-tertiary-hover)` | Pill background on hover |\n| `--checkbox-wrapper-bg-checked` | `var(--lmvz-semantic-color-status-active)` | Pill background when checked |\n| `--checkbox-ripple-bg` | `var(--lmvz-semantic-color-int-secondary-hover)` | Ripple dot color |\n| `--checkbox-helper-color` | `var(--lmvz-semantic-color-on-surface-secondary)` | Helper text color |\n| `--checkbox-error-color` | `var(--lmvz-semantic-color-status-on-danger)` | Error message text color |\n| `--checkbox-disabled-opacity` | `var(--lmvz-component-input-disabled-opacity)` | Opacity when disabled — see caveat below |\n\n## Known Caveats\n\n### Checkbox box size uses a generic dimension token (5.1)\n\n`--checkbox-box-size` defaults to `--lmvz-global-dimension-s18` (18 px). This is a global dimension token; a component-specific token (`component.checkbox.box-size`) is the recommended long-term solution. The effective rendered size is 18 px until that token exists.\n\n### Border-radius uses a generic dimension token (5.2)\n\n`--checkbox-border-radius` defaults to `--lmvz-global-dimension-s4` (4 px). This is a generic dimension token. If `component.checkbox.border-radius` is introduced, this property should be migrated to it.\n\n### Checked label contrast borderline (5.3)\n\nWhen checked, the label text color (`--lmvz-semantic-color-status-on-active`, `#0e7ab4`) against the checked wrapper background (`--lmvz-semantic-color-status-active`, `#f1f9fe`) produces approximately 4.4:1 contrast. This is marginally below the WCAG AA minimum of 4.5:1 for normal text. This was accepted as a design trade-off. Verify contrast against the actual rendered background before each accessibility audit.\n\n### Helper text font-weight inconsistency with `lmvz-input` (5.6)\n\nHelper text renders at `font-weight: 400` per the `body-sm` design token. `lmvz-input` uses `font-weight: 500` for its helper text — a pre-existing inconsistency in the design system. `lmvz-checkbox` intentionally follows the token-specified value. This should be resolved at the design system token level.\n\n### Disabled opacity token export bug (5.7)\n\n`--lmvz-component-input-disabled-opacity` resolves from `global.opacity.opacity-disabled`, which has a known Supernova export bug: the token value is stored as `\"40px\"` (dimension type) instead of `0.4` (unitless number). If disabled checkboxes render at full opacity or at an incorrect size, apply the following workaround at the consuming app level:\n\n```css\nlmvz-checkbox[disabled] {\n  --checkbox-disabled-opacity: 0.4;\n}\n```\n\nThis token bug should be tracked and fixed in `packages/design-tokens`.\n",
+      "docs": "Checkbox component with form association, ARIA validation, and accessible label support.",
+      "docsTags": [
+        {
+          "name": "example",
+          "text": "```html\n<lmvz-checkbox label=\"Accept terms\" name=\"terms\" required></lmvz-checkbox>\n```"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "autofocus",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "autofocus",
+          "reflectToAttr": false,
+          "docs": "Whether the checkbox should autofocus.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "checked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "checked",
+          "reflectToAttr": true,
+          "docs": "Whether the checkbox is checked.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Whether the checkbox is disabled.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "error",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error",
+          "reflectToAttr": true,
+          "docs": "Whether the checkbox is in an error state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-message",
+          "reflectToAttr": false,
+          "docs": "Error message displayed when error is true. Required when error=true.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "form",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "form",
+          "reflectToAttr": false,
+          "docs": "Form id to associate with (for out-of-form usage).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "helperText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "helper-text",
+          "reflectToAttr": false,
+          "docs": "Helper / description text displayed below the label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Label text for the checkbox. Required for accessibility.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "Name attribute for form submission via ElementInternals.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": true,
+          "docs": "Whether the checkbox is required.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Form submission value when checked.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'on'"
+            }
+          ],
+          "default": "'on'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "checkValidity",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<boolean>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "checkValidity() => Promise<boolean>",
+          "parameters": [],
+          "docs": "Returns whether the checkbox satisfies its validation constraints.",
+          "docsTags": []
+        },
+        {
+          "name": "focusInput",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "focusInput() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the native checkbox input.",
+          "docsTags": []
+        },
+        {
+          "name": "reportValidity",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<boolean>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "reportValidity() => Promise<boolean>",
+          "parameters": [],
+          "docs": "Reports validation errors to the user.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "lmvzChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted whenever the checkbox checked state changes.\nEvent detail contains the new checked boolean value.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/lmvz-chip/lmvz-chip.tsx",
       "encapsulation": "shadow",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.19.0",
+  "version": "0.20.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -67,6 +67,10 @@
     "./lmvz-select": {
       "types": "./components/lmvz-select.d.ts",
       "import": "./components/lmvz-select.js"
+    },
+    "./lmvz-checkbox": {
+      "import": "./components/lmvz-checkbox.js",
+      "types": "./components/lmvz-checkbox.d.ts"
     }
   },
   "main": "./index.cjs.js",

package/types/components/lmvz-checkbox/lmvz-checkbox.d.ts

@@ -0,0 +1,39 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import { type AriaValidationHost } from '../../utils/aria/aria-validation-controller';
+import { ReactiveControllerHost } from '../../utils/reactive-controller-host';
+export declare class LmvzCheckbox extends ReactiveControllerHost implements AriaValidationHost {
+    readonly el: HTMLElement;
+    get validationEl(): HTMLElement;
+    internals: ElementInternals;
+    private nativeInput;
+    private checkboxId;
+    private initialChecked;
+    private get helperId();
+    private get errorId();
+    private get ariaDescribedBy();
+    label: string;
+    checked: boolean;
+    value: string;
+    name?: string;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    errorMessage?: string;
+    helperText?: string;
+    form?: string;
+    autofocus: boolean;
+    private checkedState;
+    protected handleCheckedChange(val: boolean): void;
+    lmvzChange: EventEmitter<boolean>;
+    focusInput(): Promise<void>;
+    checkValidity(): Promise<boolean>;
+    reportValidity(): Promise<boolean>;
+    constructor();
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    formAssociatedCallback(): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData): void;
+    private handleChange;
+    render(): any;
+}

package/types/components.d.ts

@@ -67,6 +67,76 @@ export declare namespace Components {
          */
         "primaryActionLabel": string;
     }
+    /**
+     * Checkbox component with form association, ARIA validation, and accessible label support.
+     * @example ```html
+     * <lmvz-checkbox label="Accept terms" name="terms" required></lmvz-checkbox>
+     * ```
+     */
+    export interface LmvzCheckbox {
+        /**
+         * Whether the checkbox should autofocus.
+         * @default false
+         */
+        "autofocus": boolean;
+        /**
+         * Returns whether the checkbox satisfies its validation constraints.
+         */
+        "checkValidity": () => Promise<boolean>;
+        /**
+         * Whether the checkbox is checked.
+         * @default false
+         */
+        "checked": boolean;
+        /**
+         * Whether the checkbox is disabled.
+         * @default false
+         */
+        "disabled": boolean;
+        /**
+         * Whether the checkbox is in an error state.
+         * @default false
+         */
+        "error": boolean;
+        /**
+         * Error message displayed when error is true. Required when error=true.
+         */
+        "errorMessage"?: string;
+        /**
+         * Sets focus on the native checkbox input.
+         */
+        "focusInput": () => Promise<void>;
+        /**
+         * Form id to associate with (for out-of-form usage).
+         */
+        "form"?: string;
+        /**
+         * Helper / description text displayed below the label.
+         */
+        "helperText"?: string;
+        /**
+         * Label text for the checkbox. Required for accessibility.
+         */
+        "label": string;
+        /**
+         * Name attribute for form submission via ElementInternals.
+         */
+        "name"?: string;
+        /**
+         * Reports validation errors to the user.
+         */
+        "reportValidity": () => Promise<boolean>;
+        /**
+         * Whether the checkbox is required.
+         * @default false
+         */
+        "required": boolean;
+        /**
+         * Form submission value when checked.
+         * @default 'on'
+         */
+        "value": string;
+    }
     /**
      * The chip displays a compact semantic status as a non-interactive UI element.
      */
@@ -423,6 +493,68 @@ export declare namespace JSX {
          */
         "primaryActionLabel"?: string;
     }
+    /**
+     * Checkbox component with form association, ARIA validation, and accessible label support.
+     * @example ```html
+     * <lmvz-checkbox label="Accept terms" name="terms" required></lmvz-checkbox>
+     * ```
+     */
+    export interface LmvzCheckbox {
+        /**
+         * Whether the checkbox should autofocus.
+         * @default false
+         */
+        "autofocus"?: boolean;
+        /**
+         * Whether the checkbox is checked.
+         * @default false
+         */
+        "checked"?: boolean;
+        /**
+         * Whether the checkbox is disabled.
+         * @default false
+         */
+        "disabled"?: boolean;
+        /**
+         * Whether the checkbox is in an error state.
+         * @default false
+         */
+        "error"?: boolean;
+        /**
+         * Error message displayed when error is true. Required when error=true.
+         */
+        "errorMessage"?: string;
+        /**
+         * Form id to associate with (for out-of-form usage).
+         */
+        "form"?: string;
+        /**
+         * Helper / description text displayed below the label.
+         */
+        "helperText"?: string;
+        /**
+         * Label text for the checkbox. Required for accessibility.
+         */
+        "label": string;
+        /**
+         * Name attribute for form submission via ElementInternals.
+         */
+        "name"?: string;
+        /**
+         * Emitted whenever the checkbox checked state changes. Event detail contains the new checked boolean value.
+         */
+        "onLmvzChange"?: (event: LmvzCheckboxCustomEvent<boolean>) => void;
+        /**
+         * Whether the checkbox is required.
+         * @default false
+         */
+        "required"?: boolean;
+        /**
+         * Form submission value when checked.
+         * @default 'on'
+         */
+        "value"?: string;
+    }
     /**
      * The chip displays a compact semantic status as a non-interactive UI element.
      */
@@ -692,6 +824,19 @@ export declare namespace JSX {
         "description": string;
         "primaryActionLabel": string;
     }
+    export interface LmvzCheckboxAttributes {
+        "label": string;
+        "checked": boolean;
+        "value": string;
+        "name": string;
+        "disabled": boolean;
+        "required": boolean;
+        "error": boolean;
+        "errorMessage": string;
+        "helperText": string;
+        "form": string;
+        "autofocus": boolean;
+    }
     export interface LmvzChipAttributes {
         "type": Chip.Type;
         "size": Chip.Size;
@@ -750,6 +895,7 @@ export declare namespace JSX {
         "lmvz-action": LmvzAction;
         "lmvz-button": Omit<LmvzButton, keyof LmvzButtonAttributes> & { [K in keyof LmvzButton & keyof LmvzButtonAttributes]?: LmvzButton[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `attr:${K}`]?: LmvzButtonAttributes[K] } & { [K in keyof LmvzButton & keyof LmvzButtonAttributes as `prop:${K}`]?: LmvzButton[K] };
         "lmvz-card": Omit<LmvzCard, keyof LmvzCardAttributes> & { [K in keyof LmvzCard & keyof LmvzCardAttributes]?: LmvzCard[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `attr:${K}`]?: LmvzCardAttributes[K] } & { [K in keyof LmvzCard & keyof LmvzCardAttributes as `prop:${K}`]?: LmvzCard[K] } & OneOf<"cardTitle", LmvzCard["cardTitle"], LmvzCardAttributes["cardTitle"]>;
+        "lmvz-checkbox": Omit<LmvzCheckbox, keyof LmvzCheckboxAttributes> & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes]?: LmvzCheckbox[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `attr:${K}`]?: LmvzCheckboxAttributes[K] } & { [K in keyof LmvzCheckbox & keyof LmvzCheckboxAttributes as `prop:${K}`]?: LmvzCheckbox[K] } & OneOf<"label", LmvzCheckbox["label"], LmvzCheckboxAttributes["label"]>;
         "lmvz-chip": Omit<LmvzChip, keyof LmvzChipAttributes> & { [K in keyof LmvzChip & keyof LmvzChipAttributes]?: LmvzChip[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `attr:${K}`]?: LmvzChipAttributes[K] } & { [K in keyof LmvzChip & keyof LmvzChipAttributes as `prop:${K}`]?: LmvzChip[K] };
         "lmvz-header": Omit<LmvzHeader, keyof LmvzHeaderAttributes> & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes]?: LmvzHeader[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `attr:${K}`]?: LmvzHeaderAttributes[K] } & { [K in keyof LmvzHeader & keyof LmvzHeaderAttributes as `prop:${K}`]?: LmvzHeader[K] };
         "lmvz-icon": Omit<LmvzIcon, keyof LmvzIconAttributes> & { [K in keyof LmvzIcon & keyof LmvzIconAttributes]?: LmvzIcon[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `attr:${K}`]?: LmvzIconAttributes[K] } & { [K in keyof LmvzIcon & keyof LmvzIconAttributes as `prop:${K}`]?: LmvzIcon[K] } & OneOf<"icon", LmvzIcon["icon"], LmvzIconAttributes["icon"]>;
@@ -774,6 +920,11 @@ export declare interface LmvzCardCustomEvent<T> extends CustomEvent<T> {
     target: HTMLLmvzCardElement;
 }
 
+export declare interface LmvzCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzCheckboxElement;
+}
+
 declare namespace LmvzDS {
     type Variant = (typeof variants)[number];
     type Size = (typeof sizes)[number];

package/types/utils/icons/icons.d.ts

@@ -1,7 +1,6 @@
 import type { IconPropsFallback, IconPropsForSet, IconPropsForSetWithoutFallback, KnownIconSetId } from '@lmvz-ds/lib-icon-api';
 import type { SVGString } from '@lmvz-ds/lib-ts/validation/SVGString.d.ts';
 export type IconData = SVGString;
-export declare const emptyDefaultSvg: () => import("@lmvz-ds/lib-ts/validation/SVGString.js").SVGString;
 export declare function resolveIconSvg<I extends KnownIconSetId>(options: IconPropsForSet<I>): Promise<IconData>;
 export declare function resolveIconSvg(options: IconPropsFallback): Promise<IconData>;
 export declare function typedIconFromSet<S extends string>(iconset: S, icon: IconPropsForSetWithoutFallback<S>['icon']): IconPropsForSetWithoutFallback<S>;