@lmvz-ds/components 0.41.0 → 0.42.0

package/manifest.json

@@ -1,58 +1,11 @@
 {
-  "timestamp": "2026-08-20T18:00:44",
+  "timestamp": "2026-09-02T13:24:46",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.5",
+    "version": "4.44.2",
     "typescriptVersion": "5.8.3"
   },
   "components": [
-    {
-      "filePath": "src/integration/header-integration/header-integration.tsx",
-      "encapsulation": "shadow",
-      "tag": "header-integration",
-      "readme": "# header-integration\n\n\n",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "activeNav",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "active-nav",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/lmvz-action/lmvz-action.tsx",
       "encapsulation": "shadow",
@@ -91,7 +44,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -172,6 +130,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "`<lmvz-button>`, native `<button>`, `<hr>` dividers, or\n`<div role=\"group\" aria-label=\"…\">` groups containing buttons."
@@ -555,6 +517,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Slot for the content of the button"
@@ -699,7 +665,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -1504,6 +1475,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "after-text",
           "docs": "Optional slot for content to be placed after the text content. Common use case is an icon.\n\nSlotted `lmvz-icon`s are controlled by the chip's internal sizing."
@@ -2428,26 +2403,32 @@
       "props": [
         {
           "name": "ariaLabel",
-          "type": "string | undefined",
+          "type": "null | string",
           "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
+            "original": "string | null",
+            "resolved": "null | string",
             "references": {}
           },
           "mutable": false,
           "attr": "aria-label",
           "reflectToAttr": true,
           "docs": "Accessible name for assistive technology.\nLeave unset for decorative icons so the icon stays hidden from the accessibility tree.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
           "values": [
             {
-              "type": "string"
+              "type": "null"
             },
             {
-              "type": "undefined"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -2688,10 +2669,10 @@
       "props": [
         {
           "name": "autocapitalize",
-          "type": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | undefined",
+          "type": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | null",
           "complexType": {
-            "original": "Input.Autocapitalize",
-            "resolved": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | undefined",
+            "original": "Input.Autocapitalize | null",
+            "resolved": "\"characters\" | \"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | null",
             "references": {
               "Input": {
                 "location": "import",
@@ -2711,6 +2692,7 @@
               "text": "undefined"
             }
           ],
+          "default": "null",
           "values": [
             {
               "value": "characters",
@@ -2737,10 +2719,10 @@
               "type": "string"
             },
             {
-              "type": "undefined"
+              "type": "null"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -5810,42 +5792,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "autocorrect",
-          "type": "\"off\" | \"on\" | undefined",
-          "complexType": {
-            "original": "'on' | 'off'",
-            "resolved": "\"off\" | \"on\" | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "autocorrect",
-          "reflectToAttr": false,
-          "docs": "Autocorrect attribute for mobile keyboards",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "undefined"
-            }
-          ],
-          "values": [
-            {
-              "value": "off",
-              "type": "string"
-            },
-            {
-              "value": "on",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "autofocus",
           "type": "boolean",
@@ -6388,10 +6334,10 @@
         },
         {
           "name": "spellcheck",
-          "type": "boolean | undefined",
+          "type": "boolean | null",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean | undefined",
+            "original": "boolean | null",
+            "resolved": "boolean | null",
             "references": {}
           },
           "mutable": false,
@@ -6404,15 +6350,16 @@
               "text": "undefined"
             }
           ],
+          "default": "null",
           "values": [
             {
               "type": "boolean"
             },
             {
-              "type": "undefined"
+              "type": "null"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6952,6 +6899,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Inline label text for the link."
@@ -7064,7 +7015,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -7306,7 +7262,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -7442,6 +7403,10 @@
       ],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "actions",
           "docs": "Modal actions. Only direct `lmvz-button` children are allowed.\nThe `actions` slot is rendered inside an internal `lmvz-button-group` component. This means:\n- Slotted `lmvz-button` elements will have their `variant` attribute auto-assigned by slot order if no explicit variant is set: last button → `primary`, second-to-last → `secondary`, earlier → `tertiary`.\n- Non-button children are automatically hidden and marked with `aria-hidden=\"true\"`.\nIf you explicitly set a `variant` attribute on any button, auto-assignment will not override it."
@@ -7882,6 +7847,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Popover content. Any element may be slotted here."
@@ -8814,6 +8783,10 @@
       ],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Native `<option>` or `<optgroup>` elements. Never rendered directly; read once\nassigned to build the internal `role=\"option\"` listbox, and re-read on structural slot changes\nor in-place mutation (attribute/text/subtree) of already-slotted elements. `<option selected>`\ndetermines the initial value (or, in multiselect mode, the initial `values`) when the `value`/\n`values` prop is not set."
@@ -9114,26 +9087,32 @@
       "props": [
         {
           "name": "ariaLabel",
-          "type": "string | undefined",
+          "type": "null | string",
           "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
+            "original": "string | null",
+            "resolved": "null | string",
             "references": {}
           },
           "mutable": false,
           "attr": "aria-label",
           "reflectToAttr": true,
           "docs": "Accessible name for assistive technology.\nLeave unset for decorative spinners so the element stays hidden from the accessibility tree.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
           "values": [
             {
-              "type": "string"
+              "type": "null"
             },
             {
-              "type": "undefined"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -9328,6 +9307,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Label text or arbitrary inline content for the tab."
@@ -9553,6 +9536,10 @@
       ],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "`lmvz-tab` trigger elements."
@@ -9945,22 +9932,22 @@
   ],
   "typeLibrary": {
     "src/api/index.d.ts::Button": {
-      "declaration": "any",
+      "declaration": "\"small\" | \"default\" | \"large\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/index.d.ts::FormRef": {
-      "declaration": "any",
+      "declaration": "export type FormRef = string | HTMLFormElement | undefined;",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/ds.types.d.ts::Card": {
-      "declaration": "any",
+      "declaration": "\"small\" | \"large\"",
       "docstring": "",
       "path": "src/api/ds.types.d.ts"
     },
     "src/api/ds.types.d.ts::Chip": {
-      "declaration": "any",
+      "declaration": "\"active\" | \"warning\" | \"success\" | \"error\" | \"neutral\"",
       "docstring": "",
       "path": "src/api/ds.types.d.ts"
     },
@@ -9975,7 +9962,7 @@
       "path": "../../lib/ts/src/date/IsoDateString.d.ts"
     },
     "src/api/index.d.ts::Datepicker": {
-      "declaration": "any",
+      "declaration": "string",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
@@ -9985,37 +9972,37 @@
       "path": "../../lib/ts/dist/validation/SVGString.d.ts"
     },
     "src/api/index.d.ts::Icon": {
-      "declaration": "any",
+      "declaration": "\"thin\" | \"medium\" | \"bold\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/index.d.ts::Input": {
-      "declaration": "any",
+      "declaration": "\"number\" | \"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/ds.types.d.ts::Link": {
-      "declaration": "any",
+      "declaration": "\"internal\" | \"external\"",
       "docstring": "",
       "path": "src/api/ds.types.d.ts"
     },
     "src/api/index.d.ts::Message": {
-      "declaration": "any",
+      "declaration": "\"warning\" | \"neutral\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/index.d.ts::Popover": {
-      "declaration": "any",
+      "declaration": "\"top\" | \"bottom\" | \"start\" | \"end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/index.d.ts::Select": {
-      "declaration": "any",
+      "declaration": "\"small\" | \"default\" | \"large\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
     "src/api/index.d.ts::Snackbar": {
-      "declaration": "any",
+      "declaration": "\"warning\" | \"success\" | \"error\"",
       "docstring": "",
       "path": "src/api/index.d.ts"
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmvz-ds/components",
   "private": false,
-  "version": "0.41.0",
+  "version": "0.42.0",
   "type": "module",
   "description": "The components of the design system",
   "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
@@ -15,6 +15,10 @@
       "types": "./components/index.d.ts",
       "import": "./components/index.js"
     },
+    "./public-utils": {
+      "types": "./types/api/public-utils.d.ts",
+      "import": "./collection/api/public-utils.js"
+    },
     "./components": {
       "types": "./components/index.d.ts",
       "import": "./components/index.js"

package/types/api/public-utils.d.ts

@@ -0,0 +1,8 @@
+export * from '../components/lmvz-message/public';
+export * from '../components/lmvz-snackbar/public';
+export * from '../utils/public';
+declare global {
+    interface Window {
+        LmvzApi: LmvzApi;
+    }
+}

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

@@ -13,7 +13,7 @@ export declare class LmvzIcon extends ReactiveControllerHost implements AriaVali
     iconset?: string;
     private iconData?;
     private visible;
-    ariaLabel?: string;
+    ariaLabel: string | null;
     private get ariaHidden();
     constructor();
     connectedCallback(): void;

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

@@ -30,9 +30,8 @@ export declare class LmvzInput extends ReactiveControllerHost implements AriaVal
     errorMessage?: string;
     autocomplete?: Input.Autocomplete;
     inputmode?: Input.Inputmode;
-    autocorrect?: 'on' | 'off';
-    autocapitalize?: Input.Autocapitalize;
-    spellcheck?: boolean;
+    autocapitalize: Input.Autocapitalize | null;
+    spellcheck: boolean | null;
     autofocus: boolean;
     minlength?: number;
     maxlength?: number;

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

@@ -1,5 +1,5 @@
 export declare class LmvzSpinner {
     size: 'small' | 'large';
-    ariaLabel?: string;
+    ariaLabel: string | null;
     render(): any;
 }

package/types/components.d.ts

@@ -343,8 +343,9 @@ export declare namespace Components {
     export interface LmvzIcon {
         /**
          * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string | null;
         /**
          * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
          */
@@ -386,16 +387,11 @@ export declare namespace Components {
          * Autocapitalize attribute for mobile keyboards
          * @default undefined
          */
-        "autocapitalize"?: Input.Autocapitalize;
+        "autocapitalize": Input.Autocapitalize | null;
         /**
          * Autocomplete attribute for form autofill
          */
         "autocomplete"?: Input.Autocomplete;
-        /**
-         * Autocorrect attribute for mobile keyboards
-         * @default undefined
-         */
-        "autocorrect"?: 'on' | 'off';
         /**
          * Whether the input should autofocus
          * @default false
@@ -510,7 +506,7 @@ export declare namespace Components {
          * Spellcheck attribute
          * @default undefined
          */
-        "spellcheck"?: boolean;
+        "spellcheck": boolean | null;
         /**
          * Step interval for number inputs
          */
@@ -865,8 +861,9 @@ export declare namespace Components {
     export interface LmvzSpinner {
         /**
          * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel": string | null;
         /**
          * Size of the spinner.
          * @default 'small'
@@ -1060,7 +1057,7 @@ export declare type IsoDateString = `${number}-${number}-${number}`;
 export declare type IsoYearMonthString = `${number}-${number}`;
 
 export declare namespace JSX {
-    export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+    export type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
 
     /**
      * @deprecated use `lmvz-button` instead
@@ -1385,8 +1382,9 @@ export declare namespace JSX {
     export interface LmvzIcon {
         /**
          * Accessible name for assistive technology. Leave unset for decorative icons so the icon stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel"?: string | null;
         /**
          * Required  Either a valid name from a registered iconset, or the icon's SVG content (inline).  Will be checked against the chosen {@link iconset}.
          */
@@ -1428,16 +1426,11 @@ export declare namespace JSX {
          * Autocapitalize attribute for mobile keyboards
          * @default undefined
          */
-        "autocapitalize"?: Input.Autocapitalize;
+        "autocapitalize"?: Input.Autocapitalize | null;
         /**
          * Autocomplete attribute for form autofill
          */
         "autocomplete"?: Input.Autocomplete;
-        /**
-         * Autocorrect attribute for mobile keyboards
-         * @default undefined
-         */
-        "autocorrect"?: 'on' | 'off';
         /**
          * Whether the input should autofocus
          * @default false
@@ -1524,7 +1517,7 @@ export declare namespace JSX {
          * Spellcheck attribute
          * @default undefined
          */
-        "spellcheck"?: boolean;
+        "spellcheck"?: boolean | null;
         /**
          * Step interval for number inputs
          */
@@ -1872,8 +1865,9 @@ export declare namespace JSX {
     export interface LmvzSpinner {
         /**
          * Accessible name for assistive technology. Leave unset for decorative spinners so the element stays hidden from the accessibility tree.
+         * @default null
          */
-        "ariaLabel"?: string;
+        "ariaLabel"?: string | null;
         /**
          * Size of the spinner.
          * @default 'small'
@@ -2054,7 +2048,7 @@ export declare namespace JSX {
         "weight": Icon.IconWeight;
         "size": Icon.Size;
         "iconset": string;
-        "ariaLabel": string;
+        "ariaLabel": string | null;
     }
     export interface LmvzInputAttributes {
         "value": string;
@@ -2069,9 +2063,8 @@ export declare namespace JSX {
         "errorMessage": string;
         "autocomplete": Input.Autocomplete;
         "inputmode": Input.Inputmode;
-        "autocorrect": 'on' | 'off';
-        "autocapitalize": Input.Autocapitalize;
-        "spellcheck": boolean;
+        "autocapitalize": Input.Autocapitalize | null;
+        "spellcheck": boolean | null;
         "autofocus": boolean;
         "minlength": number;
         "maxlength": number;
@@ -2148,7 +2141,7 @@ export declare namespace JSX {
     }
     export interface LmvzSpinnerAttributes {
         "size": 'small' | 'large';
-        "ariaLabel": string;
+        "ariaLabel": string | null;
     }
     export interface LmvzTabAttributes {
         "value": string;