@lmvz-ds/components 0.33.0 → 0.35.0

package/manifest.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-24T11:33:28",
+  "timestamp": "2026-06-29T10:54:10",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -456,10 +456,10 @@
         },
         {
           "name": "variant",
-          "type": "\"primary\" | \"secondary\" | \"tertiary\" | undefined",
+          "type": "\"danger\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
           "complexType": {
             "original": "Button.Variant",
-            "resolved": "\"primary\" | \"secondary\" | \"tertiary\" | undefined",
+            "resolved": "\"danger\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
             "references": {
               "Button": {
                 "location": "import",
@@ -480,6 +480,10 @@
             }
           ],
           "values": [
+            {
+              "value": "danger",
+              "type": "string"
+            },
             {
               "value": "primary",
               "type": "string"
@@ -6502,6 +6506,380 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/lmvz-popover/lmvz-popover.tsx",
+      "encapsulation": "shadow",
+      "tag": "lmvz-popover",
+      "readme": "# lmvz-popover\n\nA non-modal floating dialog anchored to a trigger element. Positions automatically via `@floating-ui/dom` with collision avoidance (flip and shift middleware). Content-agnostic: accepts any slotted elements.\n\n## Usage\n\nAnchor the popover to a trigger element by setting the `anchor` prop to the trigger's `id` or element reference.\n\nIf no `id` is set on the popover host, one is auto-assigned at load time.\n\n```html\n<button\n  id=\"trigger\"\n  onclick=\"document.getElementById('my-popover').toggle()\"\n>\n  Open menu\n</button>\n<lmvz-popover id=\"my-popover\" anchor=\"trigger\" label=\"Menu options\">\n  <p>Popover content goes here</p>\n</lmvz-popover>\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `open` | `boolean` | `false` | Opens or closes the popover. |\n| `anchor` | `string \\| HTMLElement` | – | Anchor element id or reference for positioning. |\n| `placement` | `'top' \\| 'bottom' \\| 'start' \\| 'end' \\| 'top-start' \\| 'top-end' \\| 'bottom-start' \\| 'bottom-end'` | `'bottom-start'` | Preferred placement relative to the anchor. |\n| `size` | `'sm' \\| 'md' \\| 'lg'` | `'sm'` | Size variant of the card surface. |\n| `autoFocus` | `boolean` | `true` | Moves focus to the first focusable element when opened. |\n| `label` | `string` | – | Accessible label for the popover container (reflected on dialog role). |\n\n## Slots\n\n| Slot | Description |\n|---|---|\n| `default` | Popover content. Any elements may be slotted. |\n\n## Events\n\n| Event | Cancelable | Description |\n|---|---|---|\n| `lmvzOpen` | No | Fired after the popover opens. |\n| `lmvzClose` | No | Fired after the popover closes. |\n| `lmvzCancel` | **Yes** | Fired before light-dismiss (click outside) or Escape close. Call `event.preventDefault()` to veto the close and keep the popover open. |\n\n## Methods\n\n| Method | Returns | Description |\n|---|---|---|\n| `show()` | `Promise<void>` | Opens the popover. |\n| `hide()` | `Promise<void>` | Closes the popover after firing `lmvzCancel`. If `lmvzCancel` is prevented, the popover remains open. |\n| `toggle()` | `Promise<void>` | Toggles the open state. |\n\n## CSS Customization\n\n### Shadow Parts\n\n| Part | Description |\n|---|---|\n| `container` | The popover's dialog container. Target to customize positioning, overflow, or appearance. |\n\n### Custom Properties\n\n| Property | Description | Default |\n|---|---|---|\n| `--lmvz-popover-max-width` | Maximum width of the popover surface. | `none` |\n| `--lmvz-popover-max-height` | Maximum height of the popover surface. | `none` |\n| `--lmvz-popover-z-index` | Z-index of the popover surface. | `1` |\n\n## Accessibility\n\n### Trigger Requirements\n\nWhen you set the `anchor` prop, the popover automatically writes three ARIA attributes to the resolved anchor element for screen reader and assistive technology support:\n\n- **`aria-haspopup=\"dialog\"`** — Announces that the trigger opens a dialog.\n- **`aria-expanded`** — Reflects the popover's open state (`\"true\"` when open, `\"false\"` when closed).\n- **`aria-controls`** — Points to the popover's `id` to establish the relationship between trigger and content.\n\nDo not set these attributes manually. Exception: if you pre-set `aria-haspopup` to a different value (e.g. `\"menu\"` for an action-list popover), the component preserves your value.\n\n### Content Semantics\n\nThe component renders a `role=\"dialog\"` container. Provide a `label` prop or set `aria-labelledby` on the host element to satisfy dialog labeling requirements.\n\n### AriaValidation\n\nWhen `@lmvz-ds/aria-validation` is enabled (development only), the component validates:\n\n- **Host element:** Must have an accessible label via the `label` prop or `aria-labelledby` attribute.\n- **Anchor element:** Must be interactive and focusable (e.g., `<button>`, `<a href>`, elements with `tabindex`, or elements with an interactive ARIA role). Non-interactive anchors produce a dev-time warning.\n\nValidation is disabled in production builds and test runtimes.\n\n## Notes\n\n- The popover is non-modal: focus is not trapped, and interaction outside does not require acknowledgment.\n- Positioning is automatic with collision avoidance. Use `placement` to express preference, but the component will flip or shift as needed to keep content visible.\n- Light-dismiss (clicking outside the popover or pressing Escape) fires `lmvzCancel` first, allowing consumers to intercept and prevent close (e.g., to warn unsaved changes).\n\n## Out of Scope\n\nIntegration with sibling components (e.g., action-list, select, date-picker) is intentionally not implemented in the popover itself. These components integrate via the trigger element and slot content, and remain the responsibility of the consuming application.\n",
+      "docs": "A non-modal floating dialog anchored to a trigger element. Positions automatically via `@floating-ui/dom` with collision avoidance (flip and shift middleware). Content-agnostic: accepts any slotted elements.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Popover content. Any element may be slotted here."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "anchor",
+          "type": "HTMLElement | string | undefined",
+          "complexType": {
+            "original": "string | HTMLElement",
+            "resolved": "HTMLElement | string | undefined",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "anchor",
+          "reflectToAttr": false,
+          "docs": "The anchor element or its id. Used for positioning.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "HTMLElement"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "auto-focus",
+          "reflectToAttr": false,
+          "docs": "Whether to move focus to the first focusable element on open.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible label for the popover container.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "Whether the popover is open.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "placement",
+          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"end\" | \"start\" | \"top\" | \"top-end\" | \"top-start\"",
+          "complexType": {
+            "original": "Popover.Placement",
+            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"end\" | \"start\" | \"top\" | \"top-end\" | \"top-start\"",
+            "references": {
+              "Popover": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.d.ts::Popover",
+                "referenceLocation": "Popover"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "placement",
+          "reflectToAttr": false,
+          "docs": "Preferred placement relative to the anchor.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'bottom-start'"
+            }
+          ],
+          "default": "'bottom-start'",
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "bottom-end",
+              "type": "string"
+            },
+            {
+              "value": "bottom-start",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "value": "top-end",
+              "type": "string"
+            },
+            {
+              "value": "top-start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "Popover.Size",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "Popover": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.d.ts::Popover",
+                "referenceLocation": "Popover"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Controls the size variant of the card surface.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'sm'"
+            }
+          ],
+          "default": "'sm'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "hide",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "hide() => Promise<void>",
+          "parameters": [],
+          "docs": "Closes the popover, firing lmvzCancel first. If cancelled, the popover stays open.",
+          "docsTags": []
+        },
+        {
+          "name": "show",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "show() => Promise<void>",
+          "parameters": [],
+          "docs": "Opens the popover.",
+          "docsTags": []
+        },
+        {
+          "name": "toggle",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "toggle() => Promise<void>",
+          "parameters": [],
+          "docs": "Toggles the popover open state.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "lmvzCancel",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired before light-dismiss or Escape close.\nCall `event.preventDefault()` to veto the close.",
+          "docsTags": []
+        },
+        {
+          "event": "lmvzClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired after the popover closes.",
+          "docsTags": []
+        },
+        {
+          "event": "lmvzOpen",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Fired after the popover opens.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Popover content. Any element may be slotted here."
+        }
+      ],
+      "parts": [
+        {
+          "name": "container",
+          "docs": ""
+        }
+      ],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/lmvz-radio/lmvz-radio.tsx",
       "encapsulation": "scoped",
@@ -8335,6 +8713,11 @@
       "docstring": "",
       "path": "src/api/index.d.ts"
     },
+    "src/api/index.d.ts::Popover": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/api/index.d.ts"
+    },
     "src/api/index.d.ts::Select": {
       "declaration": "any",
       "docstring": "",

package/package.json

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

package/types/api/ds.constants.d.ts

@@ -1,4 +1,4 @@
-export declare const variants: readonly ["primary", "secondary", "tertiary"];
+export declare const variants: readonly ["primary", "secondary", "tertiary", "danger"];
 export declare const scaleValues: readonly ["small", "default", "large"];
 export declare const sizes: readonly ["xs", "sm", "md", "lg"];
 export declare const textSizes: readonly ["xs", "sm", "md", "lg", "xl"];
@@ -14,3 +14,5 @@ export declare const messageTypes: readonly ["neutral", "warning"];
 export declare const snackbarStatuses: readonly ["success", "warning", "error"];
 export declare const snackbarPriorities: readonly ["low", "normal", "high"];
 export declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
+export declare const popoverPlacements: readonly ["top", "bottom", "start", "end", "top-start", "top-end", "bottom-start", "bottom-end"];
+export declare const popoverSizes: readonly ["sm", "md", "lg"];

package/types/api/ds.types.d.ts

@@ -7,6 +7,8 @@ import type {
   inputTypes,
   linkTypes,
   messageTypes,
+  popoverPlacements,
+  popoverSizes,
   scaleValues,
   selectSizes,
   sizes,
@@ -67,5 +69,10 @@ export namespace Snackbar {
   export type DismissReason = (typeof snackbarDismissReasons)[number];
 }
 
+export namespace Popover {
+  export type Placement = (typeof popoverPlacements)[number];
+  export type Size = (typeof popoverSizes)[number];
+}
+
 export type Attributes = { [key: string]: unknown };
 export type FormRef = string | HTMLFormElement | undefined;

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

@@ -0,0 +1,37 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Popover } from '../../api';
+export declare class LmvzPopover {
+    readonly el: HTMLElement;
+    private readonly closureController;
+    private containerEl?;
+    private slotEl?;
+    private previouslyFocusedElement;
+    open: boolean;
+    anchor?: string | HTMLElement;
+    placement: Popover.Placement;
+    size: Popover.Size;
+    autoFocus: boolean;
+    label?: string;
+    lmvzOpen: EventEmitter<void>;
+    lmvzClose: EventEmitter<void>;
+    lmvzCancel: EventEmitter<void>;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    toggle(): Promise<void>;
+    componentDidLoad(): void;
+    protected handleOpenChange(isOpen: boolean): void;
+    protected handleAnchorChange(): void;
+    disconnectedCallback(): void;
+    private resolveAnchor;
+    private updatePosition;
+    private onOpen;
+    private onClose;
+    private applyAnchorAriaOpen;
+    private applyAnchorAriaClose;
+    private focusFirst;
+    private restoreFocus;
+    private triggerClose;
+    private setupCloseHandlers;
+    private removeCloseHandlers;
+    render(): any;
+}

package/types/components.d.ts

@@ -492,6 +492,48 @@ export declare namespace Components {
          */
         "open": boolean;
     }
+    export interface LmvzPopover {
+        /**
+         * The anchor element or its id. Used for positioning.
+         */
+        "anchor"?: string | HTMLElement;
+        /**
+         * Whether to move focus to the first focusable element on open.
+         * @default true
+         */
+        "autoFocus": boolean;
+        /**
+         * Closes the popover, firing lmvzCancel first. If cancelled, the popover stays open.
+         */
+        "hide": () => Promise<void>;
+        /**
+         * Accessible label for the popover container.
+         */
+        "label"?: string;
+        /**
+         * Whether the popover is open.
+         * @default false
+         */
+        "open": boolean;
+        /**
+         * Preferred placement relative to the anchor.
+         * @default 'bottom-start'
+         */
+        "placement": Popover.Placement;
+        /**
+         * Opens the popover.
+         */
+        "show": () => Promise<void>;
+        /**
+         * Controls the size variant of the card surface.
+         * @default 'sm'
+         */
+        "size": Popover.Size;
+        /**
+         * Toggles the popover open state.
+         */
+        "toggle": () => Promise<void>;
+    }
     /**
      * Radio button component with form association, ARIA validation, accessible label support,
      * and ARIA APG-compliant Arrow-key keyboard navigation.
@@ -1294,6 +1336,48 @@ export declare namespace JSX {
          */
         "open"?: boolean;
     }
+    export interface LmvzPopover {
+        /**
+         * The anchor element or its id. Used for positioning.
+         */
+        "anchor"?: string | HTMLElement;
+        /**
+         * Whether to move focus to the first focusable element on open.
+         * @default true
+         */
+        "autoFocus"?: boolean;
+        /**
+         * Accessible label for the popover container.
+         */
+        "label"?: string;
+        /**
+         * Fired before light-dismiss or Escape close. Call `event.preventDefault()` to veto the close.
+         */
+        "onLmvzCancel"?: (event: LmvzPopoverCustomEvent<void>) => void;
+        /**
+         * Fired after the popover closes.
+         */
+        "onLmvzClose"?: (event: LmvzPopoverCustomEvent<void>) => void;
+        /**
+         * Fired after the popover opens.
+         */
+        "onLmvzOpen"?: (event: LmvzPopoverCustomEvent<void>) => void;
+        /**
+         * Whether the popover is open.
+         * @default false
+         */
+        "open"?: boolean;
+        /**
+         * Preferred placement relative to the anchor.
+         * @default 'bottom-start'
+         */
+        "placement"?: Popover.Placement;
+        /**
+         * Controls the size variant of the card surface.
+         * @default 'sm'
+         */
+        "size"?: Popover.Size;
+    }
     /**
      * Radio button component with form association, ARIA validation, accessible label support,
      * and ARIA APG-compliant Arrow-key keyboard navigation.
@@ -1672,6 +1756,14 @@ export declare namespace JSX {
         "open": boolean;
         "closeLabel": string;
     }
+    export interface LmvzPopoverAttributes {
+        "open": boolean;
+        "anchor": string | HTMLElement;
+        "placement": Popover.Placement;
+        "size": Popover.Size;
+        "autoFocus": boolean;
+        "label": string;
+    }
     export interface LmvzRadioAttributes {
         "label": string;
         "checked": boolean;
@@ -1740,6 +1832,7 @@ export declare namespace JSX {
         "lmvz-menuitem": Omit<LmvzMenuitem, keyof LmvzMenuitemAttributes> & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes]?: LmvzMenuitem[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `attr:${K}`]?: LmvzMenuitemAttributes[K] } & { [K in keyof LmvzMenuitem & keyof LmvzMenuitemAttributes as `prop:${K}`]?: LmvzMenuitem[K] };
         "lmvz-message": Omit<LmvzMessage, keyof LmvzMessageAttributes> & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes]?: LmvzMessage[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `attr:${K}`]?: LmvzMessageAttributes[K] } & { [K in keyof LmvzMessage & keyof LmvzMessageAttributes as `prop:${K}`]?: LmvzMessage[K] };
         "lmvz-modal": Omit<LmvzModal, keyof LmvzModalAttributes> & { [K in keyof LmvzModal & keyof LmvzModalAttributes]?: LmvzModal[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `attr:${K}`]?: LmvzModalAttributes[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `prop:${K}`]?: LmvzModal[K] };
+        "lmvz-popover": Omit<LmvzPopover, keyof LmvzPopoverAttributes> & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes]?: LmvzPopover[K] } & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes as `attr:${K}`]?: LmvzPopoverAttributes[K] } & { [K in keyof LmvzPopover & keyof LmvzPopoverAttributes as `prop:${K}`]?: LmvzPopover[K] };
         "lmvz-radio": Omit<LmvzRadio, keyof LmvzRadioAttributes> & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes]?: LmvzRadio[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `attr:${K}`]?: LmvzRadioAttributes[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `prop:${K}`]?: LmvzRadio[K] } & OneOf<"label", LmvzRadio["label"], LmvzRadioAttributes["label"]>;
         "lmvz-select": Omit<LmvzSelect, keyof LmvzSelectAttributes> & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes]?: LmvzSelect[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `attr:${K}`]?: LmvzSelectAttributes[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `prop:${K}`]?: LmvzSelect[K] } & OneOf<"label", LmvzSelect["label"], LmvzSelectAttributes["label"]>;
         "lmvz-snackbar": Omit<LmvzSnackbar, keyof LmvzSnackbarAttributes> & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes]?: LmvzSnackbar[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `attr:${K}`]?: LmvzSnackbarAttributes[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `prop:${K}`]?: LmvzSnackbar[K] };
@@ -1801,6 +1894,11 @@ export declare interface LmvzModalCustomEvent<T> extends CustomEvent<T> {
     target: HTMLLmvzModalElement;
 }
 
+export declare interface LmvzPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzPopoverElement;
+}
+
 export declare interface LmvzRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzRadioElement;
@@ -1832,6 +1930,15 @@ export declare namespace Message {
 
 declare const messageTypes: readonly ["neutral", "warning"];
 
+export declare namespace Popover {
+    export type Placement = (typeof popoverPlacements)[number];
+    export type Size = (typeof popoverSizes)[number];
+}
+
+declare const popoverPlacements: readonly ["top", "bottom", "start", "end", "top-start", "top-end", "bottom-start", "bottom-end"];
+
+declare const popoverSizes: readonly ["sm", "md", "lg"];
+
 declare const scaleValues: readonly ["small", "default", "large"];
 
 export declare namespace Select {
@@ -1856,6 +1963,6 @@ declare const snackbarStatuses: readonly ["success", "warning", "error"];
 
 export declare type SVGString = string & Brand.Brand<'SVG'>;
 
-declare const variants: readonly ["primary", "secondary", "tertiary"];
+declare const variants: readonly ["primary", "secondary", "tertiary", "danger"];
 
 export { }