@breadstone/mosaik-elements-foundation 0.1.49 → 0.1.51

package/custom-elements.json

@@ -40031,6 +40031,10 @@
               "name": "previous",
               "description": "The navigation previous button part."
             },
+            {
+              "name": "root",
+              "description": "The calendar layout container."
+            },
             {
               "name": "sheet",
               "description": "Individual calendar sheet."
@@ -65295,31 +65299,6 @@
               "description": "The border width CSS custom property.",
               "type": "String"
             },
-            {
-              "name": "--radio-checkmark-background-color",
-              "description": "The checkmark background color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--radio-checkmark-border-color",
-              "description": "The checkmark border color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--radio-checkmark-foreground-color",
-              "description": "The checkmark foreground color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--radio-focus-ring-border-color",
-              "description": "The focus ring border color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--radio-focus-ring-outward-offset",
-              "description": "The focus ring outward offset CSS custom property.",
-              "type": "String"
-            },
             {
               "name": "--radio-font-family",
               "description": "The font family CSS custom property.",
@@ -79900,6 +79879,10 @@
               "description": "Content placed after the input value.",
               "name": "suffix"
             },
+            {
+              "description": "Custom content that replaces the selected item presentation.",
+              "name": "trigger"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -80342,6 +80325,14 @@
             {
               "name": "projection",
               "description": "The dropdown content projection area."
+            },
+            {
+              "name": "selection-fallback",
+              "description": "Text fallback for a selected item without a visual."
+            },
+            {
+              "name": "selection-visuals",
+              "description": "The selected item value surface."
             }
           ]
         }
@@ -80846,6 +80837,10 @@
               "description": "Content placed before the icon (e.g., status indicators, badges)",
               "name": "start"
             },
+            {
+              "description": "A dedicated visual instance used in the Select value surface.",
+              "name": "selection"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -81452,205 +81447,790 @@
           ],
           "cssProperties": [
             {
-              "name": "--select-item-group-background-color",
-              "description": "The background color of the group",
+              "name": "--select-item-group-background-color",
+              "description": "The background color of the group",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-border-color",
+              "description": "The border color",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-border-radius",
+              "description": "The corner rounding radius",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-border-style",
+              "description": "The border line style",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-border-width",
+              "description": "The border thickness",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-family",
+              "description": "The font family for group header",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-letter-spacing",
+              "description": "The item group font letter spacing CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-line-height",
+              "description": "The item group font line height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-size",
+              "description": "The font size for group header",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-text-decoration",
+              "description": "The item group font text decoration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-text-transform",
+              "description": "The item group font text transform CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-font-weight",
+              "description": "The font weight for group header",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-foreground-color",
+              "description": "The header text color",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-gap",
+              "description": "The spacing between header and items",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-family",
+              "description": "The font family for header text",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-letter-spacing",
+              "description": "The letter spacing for header text",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-line-height",
+              "description": "The line height for header text",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-size",
+              "description": "The font size for header text",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-text-decoration",
+              "description": "The text decoration for header",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-text-transform",
+              "description": "The text transformation for header",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-font-weight",
+              "description": "The font weight for header text",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-padding-bottom",
+              "description": "The header bottom padding",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-padding-left",
+              "description": "The header left padding",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-padding-right",
+              "description": "The header right padding",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-header-padding-top",
+              "description": "The header top padding",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-padding-bottom",
+              "description": "The bottom padding inside the group",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-padding-left",
+              "description": "The left padding inside the group",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-padding-right",
+              "description": "The right padding inside the group",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-padding-top",
+              "description": "The top padding inside the group",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow",
+              "description": "The drop shadow or elevation effect",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow-blur",
+              "description": "The item group shadow blur CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow-color",
+              "description": "The item group shadow color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow-offset-x",
+              "description": "The item group shadow offset x CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow-offset-y",
+              "description": "The item group shadow offset y CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-shadow-spread",
+              "description": "The item group shadow spread CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-transition-duration",
+              "description": "The duration of state transitions",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-transition-mode",
+              "description": "The timing function for transitions",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-transition-property",
+              "description": "The CSS properties to transition",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-group-translate",
+              "description": "The item group translate CSS custom property.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "header",
+              "description": "The group header text element displaying the group label"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/Select/SelectItemVisualElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-select-item-visual",
+          "declaration": {
+            "name": "SelectItemVisualElement",
+            "module": "./../src/Controls/Components/Inputs/Select/SelectItemVisualElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "Select Item Visual - Declarative content used to represent a selected item.",
+          "name": "SelectItemVisualElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connected",
+              "privacy": "public",
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disconnected",
+              "privacy": "public",
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "assignToSlot",
+              "privacy": "public",
+              "type": "(slotName: string, node: Element | Text): void",
+              "description": "Assigns nodes to a dedicated slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "node",
+                  "type": "Element | Text",
+                  "description": "The nodes to assign to the slot."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignments",
+              "privacy": "public",
+              "type": "<TElement extends Element = Element>(slotName: string, filter?: ((e: TElement): boolean) | undefined) => TElement[]",
+              "description": "Returns the assigned elements of a slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "filter",
+                  "type": "(e: TElement) => boolean",
+                  "description": "The optional filter function."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot.",
+                "type": "TElement[]"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignmentsOf",
+              "privacy": "public",
+              "type": "<TElement extends Element = Element>(slotName: string, element: Constructor<TElement>): TElement[]",
+              "description": "Returns the assigned elements of a slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "element",
+                  "type": "Constructor<TElement>",
+                  "description": "The element to filter."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot.",
+                "type": "TElement[]"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): string",
+              "description": "Returns the assigned elements of a slot as string.\nThis method extracts text content recursively, including from Shadow DOMs\nand Custom Elements with known text properties (like `mosaik-text`).",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot as string.",
+                "type": "string"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot has content.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "A boolean that indicates if a slot has content.",
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlot",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "A boolean that indicates if a slot exists.",
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(_slotName?: string | undefined): void",
+              "description": "Called when the slot changes.",
+              "parameters": [
+                {
+                  "name": "_slotName",
+                  "type": "string"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "adoptStyle",
+              "privacy": "public",
+              "type": "(styles: CSSResultGroup): void",
+              "description": "Adopts the specified styles.",
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": "CSSResultGroup",
+                  "description": "The styles to adopt."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown, options?: boolean | AddEventListenerOptions | undefined) => IEventListenerSubscription",
+              "description": "Adds an event listener.\nThe listener will be removed when the element is disconnected from the DOM.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "listener",
+                  "type": "(this: HTMLElement, event: HTMLElementEventMap[TEvent]) => unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "privacy": "public",
+              "type": "{ <TEvent extends Event, TDetail extends UnpackCustomEvent<TEvent>>(event: TEvent, eventInitDict?: CustomEventInit<TDetail> | undefined): boolean; <TEvent extends keyof HTMLElementEventMap, TDetail extends UnpackCustomEvent<HTMLElementEventMap[TEvent]>>(type: keyof HTMLElementEventMap, eventInitDict?: CustomEventIni...",
+              "description": "Emits a custom event with more convenient defaults.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "eventInitDict",
+                  "type": "CustomEventInit<TDetail>"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requestUpdate",
+              "privacy": "public",
+              "type": "(name?: keyof this | undefined, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown> | undefined): void",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": "keyof this"
+                },
+                {
+                  "name": "oldValue",
+                  "type": "unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "PropertyDeclaration<unknown, unknown>"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "tagName": "mosaik-select-item-visual",
+          "events": [
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default selection content.",
+              "name": ""
+            },
+            {
+              "description": "Content before the icon.",
+              "name": "start"
+            },
+            {
+              "description": "The selection icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The selection label.",
+              "name": "label"
+            },
+            {
+              "description": "Content after the label.",
+              "name": "end"
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--select-item-visual-font-family",
+              "description": "The visual content font family.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-border-color",
-              "description": "The border color",
+              "name": "--select-item-visual-font-letter-spacing",
+              "description": "The visual content letter spacing.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-border-radius",
-              "description": "The corner rounding radius",
+              "name": "--select-item-visual-font-line-height",
+              "description": "The visual content line height.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-border-style",
-              "description": "The border line style",
+              "name": "--select-item-visual-font-size",
+              "description": "The visual content font size.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-border-width",
-              "description": "The border thickness",
+              "name": "--select-item-visual-font-text-decoration",
+              "description": "The visual content text decoration.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-family",
-              "description": "The font family for group header",
+              "name": "--select-item-visual-font-text-transform",
+              "description": "The visual content text transform.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-letter-spacing",
-              "description": "The item group font letter spacing CSS custom property.",
+              "name": "--select-item-visual-font-weight",
+              "description": "The visual content font weight.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-line-height",
-              "description": "The item group font line height CSS custom property.",
+              "name": "--select-item-visual-gap",
+              "description": "The spacing between visual content items.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-size",
-              "description": "The font size for group header",
+              "name": "--select-item-visual-padding-bottom",
+              "description": "The visual content bottom padding.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-text-decoration",
-              "description": "The item group font text decoration CSS custom property.",
+              "name": "--select-item-visual-padding-left",
+              "description": "The visual content left padding.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-text-transform",
-              "description": "The item group font text transform CSS custom property.",
+              "name": "--select-item-visual-padding-right",
+              "description": "The visual content right padding.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-font-weight",
-              "description": "The font weight for group header",
+              "name": "--select-item-visual-padding-top",
+              "description": "The visual content top padding.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-foreground-color",
-              "description": "The header text color",
+              "name": "--select-item-visual-shadow",
+              "description": "The visual content shadow.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-gap",
-              "description": "The spacing between header and items",
+              "name": "--select-item-visual-shadow-blur",
+              "description": "The visual content shadow blur.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-family",
-              "description": "The font family for header text",
+              "name": "--select-item-visual-shadow-color",
+              "description": "The visual content shadow color.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-letter-spacing",
-              "description": "The letter spacing for header text",
+              "name": "--select-item-visual-shadow-offset-x",
+              "description": "The visual content horizontal shadow offset.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-line-height",
-              "description": "The line height for header text",
+              "name": "--select-item-visual-shadow-offset-y",
+              "description": "The visual content vertical shadow offset.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-size",
-              "description": "The font size for header text",
+              "name": "--select-item-visual-shadow-spread",
+              "description": "The visual content shadow spread.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-text-decoration",
-              "description": "The text decoration for header",
+              "name": "--select-item-visual-transition-duration",
+              "description": "The visual content transition duration.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-text-transform",
-              "description": "The text transformation for header",
+              "name": "--select-item-visual-transition-mode",
+              "description": "The visual content transition timing function.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-font-weight",
-              "description": "The font weight for header text",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-header-padding-bottom",
-              "description": "The header bottom padding",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-header-padding-left",
-              "description": "The header left padding",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-header-padding-right",
-              "description": "The header right padding",
+              "name": "--select-item-visual-transition-property",
+              "description": "The visual content transition properties.",
               "type": "String"
             },
             {
-              "name": "--select-item-group-header-padding-top",
-              "description": "The header top padding",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-padding-bottom",
-              "description": "The bottom padding inside the group",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-padding-left",
-              "description": "The left padding inside the group",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-padding-right",
-              "description": "The right padding inside the group",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-padding-top",
-              "description": "The top padding inside the group",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow",
-              "description": "The drop shadow or elevation effect",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow-blur",
-              "description": "The item group shadow blur CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow-color",
-              "description": "The item group shadow color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow-offset-x",
-              "description": "The item group shadow offset x CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow-offset-y",
-              "description": "The item group shadow offset y CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-shadow-spread",
-              "description": "The item group shadow spread CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-transition-duration",
-              "description": "The duration of state transitions",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-transition-mode",
-              "description": "The timing function for transitions",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-transition-property",
-              "description": "The CSS properties to transition",
-              "type": "String"
-            },
-            {
-              "name": "--select-item-group-translate",
-              "description": "The item group translate CSS custom property.",
+              "name": "--select-item-visual-translate",
+              "description": "The visual content translation.",
               "type": "String"
             }
           ],
           "cssParts": [
             {
-              "name": "header",
-              "description": "The group header text element displaying the group label"
+              "name": "content",
+              "description": "The horizontal selection content layout."
             }
           ]
         }
@@ -83907,6 +84487,10 @@
               "description": "The suffix slot.",
               "name": "suffix"
             },
+            {
+              "description": "Rich value content displayed immediately before the native editor.",
+              "name": "value"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -84382,6 +84966,10 @@
             {
               "name": "suffix",
               "description": "the suffix part."
+            },
+            {
+              "name": "value",
+              "description": "The rich value content area before the native editor."
             }
           ]
         }
@@ -141419,6 +142007,17 @@
           "description": "Overlay - Abstract base class for floating overlay UI elements with open/close lifecycle.",
           "name": "OverlayElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -141459,6 +142058,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -141569,6 +142178,24 @@
                 "type": "Promise<boolean>"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -142198,8 +142825,16 @@
           ],
           "cssParts": [
             {
-              "name": "innerStack",
-              "description": "The innerStack part."
+              "name": "prefix",
+              "description": "The container for actions placed before the main action group."
+            },
+            {
+              "name": "content",
+              "description": "The container for the main action group."
+            },
+            {
+              "name": "suffix",
+              "description": "The container for actions placed after the main action group."
             }
           ]
         }
@@ -142913,6 +143548,17 @@
                 "module": "./../src/Controls/Behaviors/Appearanceable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -142953,6 +143599,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -143203,6 +143859,28 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -143344,6 +144022,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -143531,6 +144218,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -146430,8 +147126,16 @@
           ],
           "cssParts": [
             {
-              "name": "innerStack",
-              "description": "The innerStack part."
+              "name": "prefix",
+              "description": "The container for actions placed before the main action group."
+            },
+            {
+              "name": "content",
+              "description": "The container for the main action group."
+            },
+            {
+              "name": "suffix",
+              "description": "The container for actions placed after the main action group."
             }
           ]
         }
@@ -147623,6 +148327,17 @@
                 "module": "./../src/Controls/Behaviors/Elevatable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -147663,6 +148378,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -147935,6 +148660,28 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -148068,6 +148815,15 @@
               "name": "opened",
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -148273,6 +149029,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -150958,6 +151723,17 @@
                 "module": "./../src/Controls/Behaviors/Appearanceable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -150998,6 +151774,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -151256,6 +152042,28 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -151402,6 +152210,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -151649,6 +152466,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -152904,17 +153730,196 @@
               "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Sheet - A bottom-sheet overlay element that slides up from the bottom of the viewport.",
+          "description": "Sheet - A mobile-first, snap-based overlay entering from the top or bottom edge.",
           "name": "SheetElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "activeSnapChanged",
+              "privacy": "public",
+              "description": "Called after the active snap changes.\nProvides `IActiveSnapChangedEventDetail` as event detail.",
+              "type": "IEventEmitter<IActiveSnapChangedEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "dragStart",
+              "privacy": "public",
+              "description": "Called when a vertical sheet gesture starts.\nProvides `IDragStartEventDetail` as event detail.",
+              "type": "IEventEmitter<IDragStartEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "dragging",
+              "privacy": "public",
+              "description": "Called while the sheet is moved by a vertical pointer gesture.\nProvides `IDraggingEventDetail` as event detail.",
+              "type": "IEventEmitter<IDraggingEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "dragEnd",
+              "privacy": "public",
+              "description": "Called when a vertical sheet gesture ends.\nProvides `IDragEndEventDetail` as event detail.",
+              "type": "IEventEmitter<IDragEndEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "handleViewportResize",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerDown",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerMove",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerUp",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerCancel",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "onBackdrop",
+              "type": "object"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "privacy": "public",
+              "description": "Gets or sets the width of the sheet surface.\nThe width remains constrained by the viewport and the theme's maximum width.",
+              "type": "CssLength",
+              "default": "\"'100%'\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
               "privacy": "public",
-              "description": "Gets or sets the `height` property.",
+              "description": "Gets or sets the maximum visible extent of the sheet.\nThe `auto` value uses the measured content height.",
               "type": "CssLength",
+              "default": "\"'60dvh'\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "privacy": "public",
+              "description": "Gets or sets the viewport edge from which the sheet opens.",
+              "type": "SheetPosition",
+              "default": "\"'bottom'\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "snaps",
+              "privacy": "public",
+              "description": "Gets or sets the sheet's snap extents.\nValues are resolved, clamped to `height`, sorted and de-duplicated.\nThe `content` value uses the measured content height.\nIn plain HTML, provide a space-separated list such as `snaps=\"25% content 90dvh\"`.\nInvalid values and the unsupported `auto` value throw a descriptive error.",
+              "type": "SheetSnap[]",
+              "default": "\"[]\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "activeSnapIndex",
+              "privacy": "public",
+              "description": "Gets or sets the active index in the resolved, ascending snap list.\nInvalid values are clamped to an available index.",
+              "type": "number",
+              "default": "\"0\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeThreshold",
+              "privacy": "public",
+              "description": "Gets or sets the close threshold as a fraction of the maximum extent.\nValues are clamped to the range from `0` to `1`.",
+              "type": "number",
+              "default": "\"0.25\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elastic",
+              "privacy": "public",
+              "description": "Gets or sets whether dragging beyond the legal range uses elastic resistance.",
+              "type": "boolean",
+              "default": "\"true\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inertia",
+              "privacy": "public",
+              "description": "Gets or sets whether release velocity influences the landing snap.",
+              "type": "boolean",
+              "default": "\"true\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dragMode",
+              "privacy": "public",
+              "description": "Gets or sets the area from which a sheet gesture may start.\nInteractive controls never start a sheet gesture.",
+              "type": "SheetDragMode",
+              "default": "\"'sheet'\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasHandle",
+              "privacy": "public",
+              "description": "Gets or sets whether the built-in drag handle is rendered.",
+              "type": "boolean",
+              "default": "\"true\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasSnapIndicator",
+              "privacy": "public",
+              "description": "Gets or sets whether indicators for the resolved snaps are rendered.",
+              "type": "boolean",
+              "default": "\"false\"",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isModal",
+              "privacy": "public",
+              "description": "Gets or sets whether the open sheet traps focus, restores focus and locks document scrolling.",
+              "type": "boolean",
+              "default": "\"false\"",
               "inheritedFrom": {
-                "name": "ISheetElementProps",
                 "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
               }
             },
@@ -152928,6 +153933,17 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -152968,6 +153984,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -153061,9 +154087,10 @@
               "name": "open",
               "privacy": "public",
               "type": "(): Promise<void>",
-              "description": "Opens the `SheetElement`.",
+              "description": "Opens the sheet at its active snap.",
               "parameters": [],
               "return": {
+                "description": "A promise that resolves after the sheet has opened.",
                 "type": "Promise<void>"
               }
             },
@@ -153072,40 +154099,36 @@
               "name": "close",
               "privacy": "public",
               "type": "(): Promise<boolean>",
-              "description": "Closes the `SheetElement`.",
+              "description": "Closes the sheet through the normal overlay lifecycle.",
               "parameters": [],
               "return": {
+                "description": "A promise resolving to whether the sheet was closed.",
                 "type": "Promise<boolean>"
               }
             },
             {
               "kind": "method",
-              "name": "partial",
+              "name": "snapTo",
               "privacy": "public",
-              "type": "(): void",
-              "description": "Sets the sheet to a partial (peek) state, showing only the heading area.",
-              "parameters": [],
+              "type": "(index: number): void",
+              "description": "Moves the open sheet to a configured snap.\nInvalid indices are clamped to the resolved snap range.",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": "number",
+                  "description": "The target index in the resolved, ascending snap list."
+                }
+              ],
               "return": {
                 "type": "void"
               }
             },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "privacy": "public",
-              "type": "(): Promise<void>",
-              "description": "Toggles between open and partial states.",
-              "parameters": [],
-              "return": {
-                "type": "Promise<void>"
-              }
-            },
             {
               "kind": "method",
               "name": "onBackdrop",
               "privacy": "public",
               "type": "(): void",
-              "description": "Handles the backdrop click event.\nOnly closes the sheet if `clickOutsideToClose` is enabled.",
+              "description": "Handles a backdrop activation according to the sheet dismissal configuration.",
               "parameters": [],
               "return": {
                 "type": "void"
@@ -153212,6 +154235,28 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -153335,6 +154380,26 @@
           ],
           "tagName": "mosaik-sheet",
           "events": [
+            {
+              "description": "Fired after the active snap changes.",
+              "name": "activeSnapChanged",
+              "type": "Event"
+            },
+            {
+              "description": "Fired when a vertical sheet gesture starts.",
+              "name": "dragStart",
+              "type": "Event"
+            },
+            {
+              "description": "Fired while the sheet is dragged.",
+              "name": "dragging",
+              "type": "Event"
+            },
+            {
+              "description": "Fired when a sheet gesture ends.",
+              "name": "dragEnd",
+              "type": "Event"
+            },
             {
               "description": "Dispatched when the overlay completes its open transition (isOpen becomes true)",
               "name": "opened",
@@ -153353,6 +154418,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -153404,13 +154478,123 @@
             }
           ],
           "attributes": [
+            {
+              "name": "width",
+              "fieldName": "width",
+              "defaultValue": "\"'100%'\"",
+              "description": "Gets or sets the width of the sheet surface.\nThe width remains constrained by the viewport and the theme's maximum width.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
             {
               "name": "height",
               "fieldName": "height",
-              "description": "Gets or sets the `height` property.",
+              "defaultValue": "\"'60dvh'\"",
+              "description": "Gets or sets the maximum visible extent of the sheet.\nThe `auto` value uses the measured content height.",
               "type": "CssLength",
               "inheritedFrom": {
-                "name": "ISheetElementProps",
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "position",
+              "fieldName": "position",
+              "defaultValue": "\"'bottom'\"",
+              "description": "Gets or sets the viewport edge from which the sheet opens.",
+              "type": "SheetPosition",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "snaps",
+              "fieldName": "snaps",
+              "defaultValue": "\"[]\"",
+              "description": "Gets or sets the sheet's snap extents.\nValues are resolved, clamped to `height`, sorted and de-duplicated.\nThe `content` value uses the measured content height.\nIn plain HTML, provide a space-separated list such as `snaps=\"25% content 90dvh\"`.\nInvalid values and the unsupported `auto` value throw a descriptive error.",
+              "type": "SheetSnap[]",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "activeSnapIndex",
+              "fieldName": "activeSnapIndex",
+              "defaultValue": "\"0\"",
+              "description": "Gets or sets the active index in the resolved, ascending snap list.\nInvalid values are clamped to an available index.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "closeThreshold",
+              "fieldName": "closeThreshold",
+              "defaultValue": "\"0.25\"",
+              "description": "Gets or sets the close threshold as a fraction of the maximum extent.\nValues are clamped to the range from `0` to `1`.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "elastic",
+              "fieldName": "elastic",
+              "defaultValue": "\"true\"",
+              "description": "Gets or sets whether dragging beyond the legal range uses elastic resistance.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "inertia",
+              "fieldName": "inertia",
+              "defaultValue": "\"true\"",
+              "description": "Gets or sets whether release velocity influences the landing snap.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "dragMode",
+              "fieldName": "dragMode",
+              "defaultValue": "\"'sheet'\"",
+              "description": "Gets or sets the area from which a sheet gesture may start.\nInteractive controls never start a sheet gesture.",
+              "type": "SheetDragMode",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "hasHandle",
+              "fieldName": "hasHandle",
+              "defaultValue": "\"true\"",
+              "description": "Gets or sets whether the built-in drag handle is rendered.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "hasSnapIndicator",
+              "fieldName": "hasSnapIndicator",
+              "defaultValue": "\"false\"",
+              "description": "Gets or sets whether indicators for the resolved snaps are rendered.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
+              }
+            },
+            {
+              "name": "isModal",
+              "fieldName": "isModal",
+              "defaultValue": "\"false\"",
+              "description": "Gets or sets whether the open sheet traps focus, restores focus and locks document scrolling.",
+              "type": "boolean",
+              "inheritedFrom": {
                 "module": "./../src/Controls/Components/Overlays/Sheet/ISheetElementProps.ts"
               }
             },
@@ -153450,6 +154634,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -153492,11 +154685,21 @@
               "description": "The border color CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--sheet-border-radius",
+              "description": "The border radius CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--sheet-border-width",
               "description": "The border width CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--sheet-edge-offset",
+              "description": "The edge offset CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--sheet-font-family",
               "description": "The font family CSS custom property.",
@@ -153542,6 +154745,36 @@
               "description": "The gap CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--sheet-handle-background-color",
+              "description": "The handle background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-handle-border-radius",
+              "description": "The handle border radius CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-handle-height",
+              "description": "The handle height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-handle-margin",
+              "description": "The handle margin CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-handle-width",
+              "description": "The handle width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-max-width",
+              "description": "The max width CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--sheet-padding-bottom",
               "description": "The padding bottom CSS custom property.",
@@ -153592,6 +154825,31 @@
               "description": "The shadow spread CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--sheet-snap-indicator-active-background-color",
+              "description": "The snap indicator active background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-snap-indicator-background-color",
+              "description": "The snap indicator background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-snap-indicator-border-radius",
+              "description": "The snap indicator border radius CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-snap-indicator-gap",
+              "description": "The snap indicator gap CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--sheet-snap-indicator-size",
+              "description": "The snap indicator size CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--sheet-transition-duration",
               "description": "The transition duration CSS custom property.",
@@ -153616,6 +154874,11 @@
               "name": "--sheet-translate-y",
               "description": "The translate y CSS custom property.",
               "type": "String"
+            },
+            {
+              "name": "--sheet-z-index",
+              "description": "The stacking order CSS custom property.",
+              "type": "String"
             }
           ],
           "cssParts": [
@@ -153623,17 +154886,41 @@
               "name": "backdrop",
               "description": "The backdrop part."
             },
+            {
+              "name": "body",
+              "description": "The body part."
+            },
+            {
+              "name": "content-slot",
+              "description": "The slot that projects the scrollable sheet content."
+            },
+            {
+              "name": "footer-slot",
+              "description": "The slot that projects the sheet footer."
+            },
+            {
+              "name": "handle",
+              "description": "The visual drag handle."
+            },
+            {
+              "name": "header-slot",
+              "description": "The slot that projects the sheet header."
+            },
             {
               "name": "heading",
-              "description": "The heading part."
+              "description": "The sheet heading and gesture affordance."
             },
             {
               "name": "root",
-              "description": "The root part."
+              "description": "The movable sheet surface."
             },
             {
-              "name": "thumb",
-              "description": "The thumb part."
+              "name": "snap-indicator",
+              "description": "Container for snap indicators."
+            },
+            {
+              "name": "snap-indicator-item",
+              "description": "An individual snap indicator."
             }
           ]
         }
@@ -156153,8 +157440,16 @@
           ],
           "cssParts": [
             {
-              "name": "innerStack",
-              "description": "The innerStack part."
+              "name": "prefix",
+              "description": "The container for actions placed before the main action group."
+            },
+            {
+              "name": "content",
+              "description": "The container for the main action group."
+            },
+            {
+              "name": "suffix",
+              "description": "The container for actions placed after the main action group."
             }
           ]
         }
@@ -156368,6 +157663,17 @@
                 "module": "./../src/Controls/Behaviors/Busyable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -156408,6 +157714,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -156557,6 +157873,28 @@
                 "module": "./../src/Controls/Behaviors/Animatable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -156698,6 +158036,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -156865,6 +158212,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -157724,6 +159080,17 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -157767,6 +159134,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -157972,6 +159349,28 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -158113,6 +159512,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -158201,6 +159609,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -181630,6 +183047,17 @@
                 "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -181670,6 +183098,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -181791,6 +183229,19 @@
                 "type": "Promise<void>"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for the overlay without changing its open state.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "IOverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "play",
@@ -182090,6 +183541,15 @@
               "name": "closed",
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -182375,6 +183835,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -183741,6 +185210,17 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "closeAttempted",
+              "privacy": "public",
+              "description": "Called before an implicit outside/escape close attempt is executed.",
+              "type": "IEventEmitter<ICloseAttemptedEventDetail>",
+              "inheritedFrom": {
+                "name": "IOverlayElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isOpen",
@@ -183781,6 +185261,16 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "attention",
+              "privacy": "public",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "opened",
@@ -184017,6 +185507,28 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "requestAttention",
+              "privacy": "public",
+              "type": "(animation?: IAnimationReferenceMetadata | null | undefined): Promise<boolean>",
+              "description": "Requests visual attention for this overlay.",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata | null",
+                  "description": "Optional animation used for this attention request."
+                }
+              ],
+              "return": {
+                "description": "Whether the attention animation finished.",
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -184158,6 +185670,15 @@
               },
               "type": "Event"
             },
+            {
+              "description": "Dispatched before implicit outside/escape close attempts",
+              "name": "closeAttempted",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
             {
               "description": "Emitted when the element is connected to the DOM",
               "name": "connected",
@@ -184237,6 +185758,15 @@
                 "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
               }
             },
+            {
+              "name": "attention",
+              "fieldName": "attention",
+              "description": "Gets or sets the animation used by `requestAttention`.\nThe default animation is `shakeHorizontal`.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "name": "closeable",
               "fieldName": "closeable",
@@ -209567,6 +211097,23 @@
                 "type": "boolean"
               }
             },
+            {
+              "kind": "method",
+              "name": "onEditorInput",
+              "privacy": "public",
+              "type": "(event: InputEvent): void",
+              "description": "Updates the editor state without changing the current selection.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "InputEvent",
+                  "description": "The TextBox input event."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "assignToSlot",
@@ -210007,6 +211554,10 @@
               "description": "Trailing content after the input (actions, indicators)",
               "name": "suffix"
             },
+            {
+              "description": "Custom content that replaces the normal selection presentation.",
+              "name": "trigger"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -210419,6 +211970,10 @@
             {
               "name": "projection",
               "description": "The projection part."
+            },
+            {
+              "name": "selection-visuals",
+              "description": "The persistent selection adornment next to the editor."
             }
           ]
         }
@@ -211230,6 +212785,591 @@
         }
       ]
     },
+    {
+      "path": "./../src/Controls/Components/Selectors/Combo/ComboItemVisualElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-combo-item-visual",
+          "declaration": {
+            "name": "ComboItemVisualElement",
+            "module": "./../src/Controls/Components/Selectors/Combo/ComboItemVisualElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "Combo Item Visual - Declarative content used to represent a selected item.",
+          "name": "ComboItemVisualElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connected",
+              "privacy": "public",
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disconnected",
+              "privacy": "public",
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "assignToSlot",
+              "privacy": "public",
+              "type": "(slotName: string, node: Element | Text): void",
+              "description": "Assigns nodes to a dedicated slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "node",
+                  "type": "Element | Text",
+                  "description": "The nodes to assign to the slot."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignments",
+              "privacy": "public",
+              "type": "<TElement extends Element = Element>(slotName: string, filter?: ((e: TElement): boolean) | undefined) => TElement[]",
+              "description": "Returns the assigned elements of a slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "filter",
+                  "type": "(e: TElement) => boolean",
+                  "description": "The optional filter function."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot.",
+                "type": "TElement[]"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignmentsOf",
+              "privacy": "public",
+              "type": "<TElement extends Element = Element>(slotName: string, element: Constructor<TElement>): TElement[]",
+              "description": "Returns the assigned elements of a slot.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                },
+                {
+                  "name": "element",
+                  "type": "Constructor<TElement>",
+                  "description": "The element to filter."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot.",
+                "type": "TElement[]"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): string",
+              "description": "Returns the assigned elements of a slot as string.\nThis method extracts text content recursively, including from Shadow DOMs\nand Custom Elements with known text properties (like `mosaik-text`).",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "The assigned elements of a slot as string.",
+                "type": "string"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot has content.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "A boolean that indicates if a slot has content.",
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlot",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
+                }
+              ],
+              "return": {
+                "description": "A boolean that indicates if a slot exists.",
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(_slotName?: string | undefined): void",
+              "description": "Called when the slot changes.",
+              "parameters": [
+                {
+                  "name": "_slotName",
+                  "type": "string"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "adoptStyle",
+              "privacy": "public",
+              "type": "(styles: CSSResultGroup): void",
+              "description": "Adopts the specified styles.",
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": "CSSResultGroup",
+                  "description": "The styles to adopt."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown, options?: boolean | AddEventListenerOptions | undefined) => IEventListenerSubscription",
+              "description": "Adds an event listener.\nThe listener will be removed when the element is disconnected from the DOM.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "listener",
+                  "type": "(this: HTMLElement, event: HTMLElementEventMap[TEvent]) => unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "privacy": "public",
+              "type": "{ <TEvent extends Event, TDetail extends UnpackCustomEvent<TEvent>>(event: TEvent, eventInitDict?: CustomEventInit<TDetail> | undefined): boolean; <TEvent extends keyof HTMLElementEventMap, TDetail extends UnpackCustomEvent<HTMLElementEventMap[TEvent]>>(type: keyof HTMLElementEventMap, eventInitDict?: CustomEventIni...",
+              "description": "Emits a custom event with more convenient defaults.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "eventInitDict",
+                  "type": "CustomEventInit<TDetail>"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requestUpdate",
+              "privacy": "public",
+              "type": "(name?: keyof this | undefined, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown> | undefined): void",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": "keyof this"
+                },
+                {
+                  "name": "oldValue",
+                  "type": "unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "PropertyDeclaration<unknown, unknown>"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "tagName": "mosaik-combo-item-visual",
+          "events": [
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default selection content.",
+              "name": ""
+            },
+            {
+              "description": "Content before the icon.",
+              "name": "start"
+            },
+            {
+              "description": "The selection icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The selection label.",
+              "name": "label"
+            },
+            {
+              "description": "Content after the label.",
+              "name": "end"
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--combo-item-visual-font-family",
+              "description": "The visual content font family.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-letter-spacing",
+              "description": "The visual content letter spacing.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-line-height",
+              "description": "The visual content line height.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-size",
+              "description": "The visual content font size.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-text-decoration",
+              "description": "The visual content text decoration.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-text-transform",
+              "description": "The visual content text transform.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-font-weight",
+              "description": "The visual content font weight.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-gap",
+              "description": "The spacing between visual content items.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-padding-bottom",
+              "description": "The visual content bottom padding.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-padding-left",
+              "description": "The visual content left padding.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-padding-right",
+              "description": "The visual content right padding.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-padding-top",
+              "description": "The visual content top padding.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow",
+              "description": "The visual content shadow.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow-blur",
+              "description": "The visual content shadow blur.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow-color",
+              "description": "The visual content shadow color.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow-offset-x",
+              "description": "The visual content horizontal shadow offset.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow-offset-y",
+              "description": "The visual content vertical shadow offset.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-shadow-spread",
+              "description": "The visual content shadow spread.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-transition-duration",
+              "description": "The visual content transition duration.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-transition-mode",
+              "description": "The visual content transition timing function.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-transition-property",
+              "description": "The visual content transition properties.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-visual-translate",
+              "description": "The visual content translation.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "content",
+              "description": "The horizontal selection content layout."
+            }
+          ]
+        }
+      ]
+    },
     {
       "path": "./../src/Controls/Components/Selectors/Combo/intl/ComboElementIntl.ts",
       "exports": [