@lmvz-ds/components 0.40.0 → 0.42.0

package/manifest.json

@@ -1,58 +1,11 @@
 {
-  "timestamp": "2026-08-17T12:33:14",
+  "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"
@@ -568,6 +534,7 @@
       ],
       "states": [],
       "dependents": [
+        "lmvz-card",
         "lmvz-datepicker",
         "lmvz-message",
         "lmvz-modal",
@@ -575,6 +542,9 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "lmvz-card": [
+          "lmvz-button"
+        ],
         "lmvz-datepicker": [
           "lmvz-button"
         ],
@@ -695,7 +665,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [
@@ -710,38 +685,50 @@
     },
     {
       "filePath": "src/components/lmvz-card/lmvz-card.tsx",
-      "encapsulation": "scoped",
+      "encapsulation": "shadow",
       "tag": "lmvz-card",
-      "readme": "# lmvz-card\n\n\n",
-      "docs": "",
-      "docsTags": [],
+      "readme": "# lmvz-card\n\nA card composes an image, title, description, an optional chip, and an optional single action into a self-contained content unit. Cards are available in two sizes: `large` and `small`.\n\n## Props\n\n- **`size`** — Size variant (`'large'` or `'small'`, default: `'large'`). Invalid values are normalized to `'large'` at runtime.\n- **`cardTitle?`** — Card title text. Rendered as the fallback `<h3>` for the `card-title` slot. Ignored when a heading is slotted into `card-title`. Exactly one of `cardTitle` or a slotted heading should be supplied.\n- **`description?`** — Optional description text.\n- **`imageUrl?`** — Optional image URL. Falls back to a bundled placeholder graphic when unset.\n- **`imageAlt?`** — Accessible alt text for the image (default: `''`). Use an empty string for decorative images.\n- **`actionLabel?`** — Label for the card's single action button. The action row renders only when this is a non-empty string.\n\n## Events\n\n- **`lmvzCardAction`** — Emitted once per activation of the action button.\n\n## Slots\n\n- **`chip`** — Optional slot for a status/metadata chip (e.g., `<lmvz-chip>`), rendered in the content block. Visibility and spacing are handled automatically based on whether content is present.\n\n- **`card-title`** — Optional slot to provide a heading element (`h2`, `h3`, `h4`, or `h5`) for the card title, allowing you to control the heading level for a correct document outline.\n  - **Purpose:** When no heading is slotted, the `cardTitle` prop is rendered as a fallback `<h3>`. The slot lets you override the heading level so the card fits correctly into your page's document outline structure.\n  - **Supported range:** `h2` through `h5`. This range is **documented guidance only and not technically enforced by any DOM, CSS, or type mechanism** — any element can technically be slotted. A dev-time console warning (when ARIA validation is enabled) flags non-heading elements, out-of-range headings (`h1` or `h6`), or when neither a heading nor a `cardTitle` prop is supplied.\n  - **Mutual exclusivity:** Exactly one of `cardTitle` or a slotted heading must be supplied. Slotting a heading and setting `cardTitle` at the same time is not an error, but only the slotted heading will render. The two mechanisms are mutually exclusive by platform design (slot fallback content only renders when no content is assigned to the slot).\n  - **Styling:** The card applies its own size-branched title typography to the slotted heading regardless of which heading level you choose. Slotting a heading replaces the default `<h3>` entirely. You control the heading level for your document outline; the card controls the typography.\n\n## Breaking Changes\n\nThis version of `lmvz-card` is a from-scratch implementation with no migration path, deprecation alias, or compatibility shim:\n\n- **Removed props:** `primaryActionLabel`\n- **Removed events:** `primaryAction`\n- **Removed UI:** The overflow/kebab menu button\n\nThere is no direct successor for these removed APIs. The new card ships with a single secondary-styled action button whose label is supplied via `actionLabel` and whose activation emits `lmvzCardAction`. No old-to-new mapping exists.\n\n## Deferred Features\n\nA favorite/bookmark icon-button affordance was evaluated during design (visible in the source Figma frame) but intentionally deferred out of this implementation, pending a future, separately-scoped checklist. It is not available in this version.\n",
+      "docs": "A card composes an image, title, description, an optional chip, and an optional single action into a self-contained content unit.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "chip - Optional slot for a status/metadata chip (e.g. `<lmvz-chip>`), rendered in the content block. Visibility and spacing are handled automatically based on whether content is present."
+        },
+        {
+          "name": "slot",
+          "text": "card-title - Optional slot to provide a heading element (`<h2>`-`<h5>`) for the card title, allowing consumers to control the heading level for a correct document outline. If nothing is slotted, the `cardTitle` prop is rendered as the fallback `<h3>`. Exactly one of the two mechanisms should be used."
+        }
+      ],
       "usage": {},
       "props": [
         {
-          "name": "cardTitle",
-          "type": "string",
+          "name": "actionLabel",
+          "type": "string | undefined",
           "complexType": {
             "original": "string",
-            "resolved": "string",
+            "resolved": "string | undefined",
             "references": {}
           },
           "mutable": false,
-          "attr": "card-title",
+          "attr": "action-label",
           "reflectToAttr": false,
-          "docs": "Card title (required)",
+          "docs": "Label for the card's single action button. The action row renders only when this is a non-empty string.",
           "docsTags": [],
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
-          "required": true,
+          "optional": true,
+          "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "description",
+          "name": "cardTitle",
           "type": "string | undefined",
           "complexType": {
             "original": "string",
@@ -749,9 +736,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "description",
+          "attr": "card-title",
           "reflectToAttr": false,
-          "docs": "Optional description",
+          "docs": "Card title text, rendered as the fallback `<h3>` for the `card-title` slot.\nIgnored when a heading is slotted into `card-title`. One of `cardTitle` or a slotted heading should be supplied.",
           "docsTags": [],
           "values": [
             {
@@ -767,7 +754,7 @@
           "setter": false
         },
         {
-          "name": "imageUrl",
+          "name": "description",
           "type": "string | undefined",
           "complexType": {
             "original": "string",
@@ -775,9 +762,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "image-url",
+          "attr": "description",
           "reflectToAttr": false,
-          "docs": "Optional image URL; placeholder used if omitted",
+          "docs": "Optional description text.",
           "docsTags": [],
           "values": [
             {
@@ -793,7 +780,7 @@
           "setter": false
         },
         {
-          "name": "primaryActionLabel",
+          "name": "imageAlt",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -801,9 +788,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "primary-action-label",
+          "attr": "image-alt",
           "reflectToAttr": false,
-          "docs": "Primary action button label",
+          "docs": "Accessible alt text for the image.",
           "docsTags": [
             {
               "name": "default",
@@ -820,38 +807,115 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "imageUrl",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "image-url",
+          "reflectToAttr": false,
+          "docs": "Optional image URL; falls back to a bundled placeholder graphic when unset.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"large\" | \"small\"",
+          "complexType": {
+            "original": "Card.Size",
+            "resolved": "\"large\" | \"small\"",
+            "references": {
+              "Card": {
+                "location": "import",
+                "path": "../../api/ds.types",
+                "id": "src/api/ds.types.d.ts::Card",
+                "referenceLocation": "Card"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "size",
+          "reflectToAttr": true,
+          "docs": "Size variant of the card.\nInvalid values are normalized to `large` at runtime.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'large'"
+            }
+          ],
+          "default": "'large'",
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
       "events": [
         {
-          "event": "primaryAction",
-          "detail": "PointerEvent",
+          "event": "lmvzCardAction",
+          "detail": "void",
           "bubbles": true,
           "complexType": {
-            "original": "PointerEvent",
-            "resolved": "PointerEvent",
-            "references": {
-              "PointerEvent": {
-                "location": "global",
-                "id": "global::PointerEvent"
-              }
-            }
+            "original": "void",
+            "resolved": "void",
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when primary button is clicked",
+          "docs": "Emitted once per activation of the action button.",
           "docsTags": []
         }
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "card-title",
+          "docs": "Optional slot to provide a heading element (`<h2>`-`<h5>`) for the card title, allowing consumers to control the heading level for a correct document outline. If nothing is slotted, the `cardTitle` prop is rendered as the fallback `<h3>`. Exactly one of the two mechanisms should be used."
+        },
+        {
+          "name": "chip",
+          "docs": "Optional slot for a status/metadata chip (e.g. `<lmvz-chip>`), rendered in the content block. Visibility and spacing are handled automatically based on whether content is present."
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "lmvz-button"
+      ],
+      "dependencyGraph": {
+        "lmvz-card": [
+          "lmvz-button"
+        ]
+      }
     },
     {
       "filePath": "src/components/lmvz-checkbox/lmvz-checkbox.tsx",
@@ -1411,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."
@@ -2335,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
@@ -2595,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",
@@ -2618,6 +2692,7 @@
               "text": "undefined"
             }
           ],
+          "default": "null",
           "values": [
             {
               "value": "characters",
@@ -2644,10 +2719,10 @@
               "type": "string"
             },
             {
-              "type": "undefined"
+              "type": "null"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -5717,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",
@@ -6295,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,
@@ -6311,15 +6350,16 @@
               "text": "undefined"
             }
           ],
+          "default": "null",
           "values": [
             {
               "type": "boolean"
             },
             {
-              "type": "undefined"
+              "type": "null"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6859,6 +6899,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Inline label text for the link."
@@ -6971,7 +7015,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -7213,7 +7262,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        }
+      ],
       "parts": [],
       "states": [],
       "dependents": [],
@@ -7349,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."
@@ -7789,6 +7847,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Popover content. Any element may be slotted here."
@@ -8721,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."
@@ -9021,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
@@ -9235,6 +9307,10 @@
       "listeners": [],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "Label text or arbitrary inline content for the tab."
@@ -9460,6 +9536,10 @@
       ],
       "styles": [],
       "slots": [
+        {
+          "name": "",
+          "docs": "The default slot"
+        },
         {
           "name": "default",
           "docs": "`lmvz-tab` trigger elements."
@@ -9852,17 +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": "\"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"
     },
@@ -9877,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"
     },
@@ -9887,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"
     }