@breadstone/mosaik-elements-foundation 0.1.50 → 0.1.52

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",
@@ -81657,219 +81652,14 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/Select/intl/SelectElementIntl.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "ElementIntlBase",
-            "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
-          },
-          "description": "The `SelectElementIntl` class.",
-          "name": "SelectElementIntl",
-          "members": [
-            {
-              "kind": "field",
-              "name": "empty",
-              "privacy": "public",
-              "description": "Gets or sets the `empty` property.",
-              "type": "string"
-            },
-            {
-              "kind": "field",
-              "name": "filterPlaceholder",
-              "privacy": "public",
-              "description": "Gets or sets the `filterPlaceholder` property.",
-              "type": "string"
-            },
-            {
-              "kind": "field",
-              "name": "locale",
-              "privacy": "public",
-              "description": "Gets or sets the `locale` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "ElementIntlBase",
-                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "changes",
-              "privacy": "public",
-              "description": "Stream to emit from when labels are changed. Use this to notify components when the labels have\nchanged after initialization.",
-              "type": "IEventEmitter<void>",
-              "inheritedFrom": {
-                "name": "ElementIntlBase",
-                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Inputs/SignaturePad/Accessors/SignaturePadElementValueAccessor.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "ElementValueAccessorBase",
-            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-          },
-          "description": "The `SignaturePadElementValueAccessor` class.",
-          "name": "SignaturePadElementValueAccessor",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostConnected",
-              "privacy": "public",
-              "type": "(): void",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "writeValue",
-              "privacy": "public",
-              "type": "(value: Blob | null): void",
-              "description": "Writes a value from the form framework into the accessor without\ntriggering the onChange callback. This is the correct behavior because\nwriteValue represents a programmatic push from the form model into the\ncontrol — it is not a user-initiated change.",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": "Blob | null"
-                }
-              ],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "resetValue",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Resets the value of the element.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerOnChange",
-              "privacy": "public",
-              "type": "(fn: unknown): void",
-              "description": "Registers a function called when the element value changes.",
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": "unknown"
-                }
-              ],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ElementValueAccessorBase",
-                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerOnTouched",
-              "privacy": "public",
-              "type": "(fn: unknown): void",
-              "description": "Registers a function called when the element is touched.",
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": "unknown"
-                }
-              ],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ElementValueAccessorBase",
-                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerOnReset",
-              "privacy": "public",
-              "type": "(fn: unknown): void",
-              "description": "Registers a function called when the element is reset.",
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": "unknown"
-                }
-              ],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ElementValueAccessorBase",
-                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setDisabled",
-              "privacy": "public",
-              "type": "(isDisabled: boolean): void",
-              "description": "Sets the \"disabled\" property on the range input element.",
-              "parameters": [
-                {
-                  "name": "isDisabled",
-                  "type": "boolean"
-                }
-              ],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ElementValueAccessorBase",
-                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "releaseCallbacks",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Releases registered framework callbacks.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ElementValueAccessorBase",
-                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "signaturePadElementValueAccessor",
-          "type": "ElementValueAccessorFn<SignaturePadElement>"
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts",
+      "path": "./../src/Controls/Components/Inputs/Select/SelectItemVisualElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-signaturepad",
+          "name": "mosaik-select-item-visual",
           "declaration": {
-            "name": "SignaturePadElement",
-            "module": "./../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts"
+            "name": "SelectItemVisualElement",
+            "module": "./../src/Controls/Components/Inputs/Select/SelectItemVisualElement.ts"
           }
         },
         {
@@ -81884,208 +81674,13 @@
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
             {
-              "name": "Clearable",
-              "module": "./../src/Controls/Behaviors/Clearable.ts"
-            },
-            {
-              "name": "Disableable",
-              "module": "./../src/Controls/Behaviors/Disableable.ts"
-            },
-            {
-              "name": "Focusable",
-              "module": "./../src/Controls/Behaviors/Focusable.ts"
-            },
-            {
-              "name": "Variantable",
-              "module": "./../src/Controls/Behaviors/Variantable.ts"
-            },
-            {
-              "name": "Invalidable",
-              "module": "./../src/Controls/Behaviors/Invalidable.ts"
-            },
-            {
-              "name": "Valueable",
-              "module": "./../src/Controls/Behaviors/Valueable.ts"
-            },
-            {
-              "name": "Labelable",
-              "module": "./../src/Controls/Behaviors/Labelable.ts"
-            },
-            {
-              "name": "Appearanceable",
-              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Signature Pad - A user interface component for capturing and displaying digital signatures.",
-          "name": "SignaturePadElement",
+          "description": "Select Item Visual - Declarative content used to represent a selected item.",
+          "name": "SelectItemVisualElement",
           "members": [
-            {
-              "kind": "field",
-              "name": "isEmpty",
-              "privacy": "public",
-              "description": "Returns true if canvas is empty, otherwise returns false.",
-              "type": "boolean"
-            },
-            {
-              "kind": "field",
-              "name": "signStarted",
-              "privacy": "public",
-              "description": "Called when the signing starts.\nProvides reference to `ISignStartedEventDetail` as event detail.",
-              "type": "IEventEmitter<ISignStartedEventDetail>"
-            },
-            {
-              "kind": "field",
-              "name": "signEnded",
-              "privacy": "public",
-              "description": "Called when the signing ends.\nProvides reference to `ISignEndedEventDetail` as event detail.",
-              "type": "IEventEmitter<ISignEndedEventDetail>"
-            },
-            {
-              "kind": "field",
-              "name": "signStrokeBeforeUpdate",
-              "privacy": "public",
-              "description": "Called before the signing stroke is updated.\nProvides reference to `ISignStrokeEventDetail` as event detail.",
-              "type": "IEventEmitter<ISignStrokeEventDetail>"
-            },
-            {
-              "kind": "field",
-              "name": "signStrokeAfterUpdate",
-              "privacy": "public",
-              "description": "Called after the signing stroke is updated.\nProvides reference to `ISignStrokeEventDetail` as event detail.",
-              "type": "IEventEmitter<ISignStrokeEventDetail>"
-            },
-            {
-              "kind": "field",
-              "name": "width",
-              "privacy": "public",
-              "description": "Gets or sets the `width` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "height",
-              "privacy": "public",
-              "description": "Gets or sets the `height` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "privacy": "public",
-              "description": "Gets or sets the `placeholder` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "minDistance",
-              "privacy": "public",
-              "description": "Gets or sets the `minDistance` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "throttle",
-              "privacy": "public",
-              "description": "Gets or sets the `throttle` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dotSize",
-              "privacy": "public",
-              "description": "Gets or sets the `dotSize` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "minWidth",
-              "privacy": "public",
-              "description": "Gets or sets the `minWidth` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maxWidth",
-              "privacy": "public",
-              "description": "Gets or sets the `maxWidth` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "velocityFilterWeight",
-              "privacy": "public",
-              "description": "Gets or sets the `velocityFilterWeight` property.",
-              "type": "number",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "backgroundColor",
-              "privacy": "public",
-              "description": "Gets or sets the `backgroundColor` property.",
-              "type": "CssColor",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "penColor",
-              "privacy": "public",
-              "description": "Gets or sets the `penColor` property.",
-              "type": "CssColor",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "privacy": "public",
-              "description": "Gets or sets the `required` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "ISignaturePadElementProps",
-                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "themeName",
@@ -82096,105 +81691,1090 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "isClearable",
-              "privacy": "public",
-              "description": "Determines whether the element is clearable or not.\nClearable means that a clear button will be displayed when the element has a value.\nWhen the clear button is clicked, the value of the element will be cleared.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Clearable",
-                "module": "./../src/Controls/Behaviors/Clearable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cleared",
-              "privacy": "public",
-              "description": "Called when the clear method will be called.\nProvides reference to the `IEventDetail` as event argument.",
-              "type": "IEventEmitter<IEventDetail>",
-              "inheritedFrom": {
-                "name": "IClearableEvents",
-                "module": "./../src/Controls/Behaviors/Clearable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isFocused",
-              "privacy": "public",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "privacy": "public",
-              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
-              "type": "Variant",
-              "inheritedFrom": {
-                "name": "Variantable",
-                "module": "./../src/Controls/Behaviors/Variantable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "invalid",
-              "privacy": "public",
-              "description": "Determines whether the element is invalid or not.\nIf `true`, the element will be invalid.\nThe default value is `false`, which means the element is valid.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Invalidable",
-                "module": "./../src/Controls/Behaviors/Invalidable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "privacy": "public",
-              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
-              "type": "TType",
-              "inheritedFrom": {
-                "name": "Valueable",
-                "module": "./../src/Controls/Behaviors/Valueable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "privacy": "public",
-              "description": "Gets or sets the `label` property.\nThe default value is an empty string, which means no label is displayed.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "Labelable",
-                "module": "./../src/Controls/Behaviors/Labelable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
-              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
-              "type": "Appearance",
-              "inheritedFrom": {
-                "name": "Appearanceable",
-                "module": "./../src/Controls/Behaviors/Appearanceable.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-visual-font-letter-spacing",
+              "description": "The visual content letter spacing.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-font-line-height",
+              "description": "The visual content line height.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-font-size",
+              "description": "The visual content font size.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-font-text-decoration",
+              "description": "The visual content text decoration.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-font-text-transform",
+              "description": "The visual content text transform.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-font-weight",
+              "description": "The visual content font weight.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-gap",
+              "description": "The spacing between visual content items.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-padding-bottom",
+              "description": "The visual content bottom padding.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-padding-left",
+              "description": "The visual content left padding.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-padding-right",
+              "description": "The visual content right padding.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-padding-top",
+              "description": "The visual content top padding.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow",
+              "description": "The visual content shadow.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow-blur",
+              "description": "The visual content shadow blur.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow-color",
+              "description": "The visual content shadow color.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow-offset-x",
+              "description": "The visual content horizontal shadow offset.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow-offset-y",
+              "description": "The visual content vertical shadow offset.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-shadow-spread",
+              "description": "The visual content shadow spread.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-transition-duration",
+              "description": "The visual content transition duration.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-transition-mode",
+              "description": "The visual content transition timing function.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-transition-property",
+              "description": "The visual content transition properties.",
+              "type": "String"
+            },
+            {
+              "name": "--select-item-visual-translate",
+              "description": "The visual content translation.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "content",
+              "description": "The horizontal selection content layout."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/Select/intl/SelectElementIntl.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementIntlBase",
+            "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+          },
+          "description": "The `SelectElementIntl` class.",
+          "name": "SelectElementIntl",
+          "members": [
+            {
+              "kind": "field",
+              "name": "empty",
+              "privacy": "public",
+              "description": "Gets or sets the `empty` property.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "filterPlaceholder",
+              "privacy": "public",
+              "description": "Gets or sets the `filterPlaceholder` property.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "privacy": "public",
+              "description": "Gets or sets the `locale` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "ElementIntlBase",
+                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changes",
+              "privacy": "public",
+              "description": "Stream to emit from when labels are changed. Use this to notify components when the labels have\nchanged after initialization.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "ElementIntlBase",
+                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/SignaturePad/Accessors/SignaturePadElementValueAccessor.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementValueAccessorBase",
+            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+          },
+          "description": "The `SignaturePadElementValueAccessor` class.",
+          "name": "SignaturePadElementValueAccessor",
+          "members": [
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "writeValue",
+              "privacy": "public",
+              "type": "(value: Blob | null): void",
+              "description": "Writes a value from the form framework into the accessor without\ntriggering the onChange callback. This is the correct behavior because\nwriteValue represents a programmatic push from the form model into the\ncontrol — it is not a user-initiated change.",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": "Blob | null"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resetValue",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the value of the element.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnChange",
+              "privacy": "public",
+              "type": "(fn: unknown): void",
+              "description": "Registers a function called when the element value changes.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "unknown"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnTouched",
+              "privacy": "public",
+              "type": "(fn: unknown): void",
+              "description": "Registers a function called when the element is touched.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "unknown"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnReset",
+              "privacy": "public",
+              "type": "(fn: unknown): void",
+              "description": "Registers a function called when the element is reset.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "unknown"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setDisabled",
+              "privacy": "public",
+              "type": "(isDisabled: boolean): void",
+              "description": "Sets the \"disabled\" property on the range input element.",
+              "parameters": [
+                {
+                  "name": "isDisabled",
+                  "type": "boolean"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "releaseCallbacks",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Releases registered framework callbacks.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "signaturePadElementValueAccessor",
+          "type": "ElementValueAccessorFn<SignaturePadElement>"
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-signaturepad",
+          "declaration": {
+            "name": "SignaturePadElement",
+            "module": "./../src/Controls/Components/Inputs/SignaturePad/SignaturePadElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Clearable",
+              "module": "./../src/Controls/Behaviors/Clearable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Focusable",
+              "module": "./../src/Controls/Behaviors/Focusable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Invalidable",
+              "module": "./../src/Controls/Behaviors/Invalidable.ts"
+            },
+            {
+              "name": "Valueable",
+              "module": "./../src/Controls/Behaviors/Valueable.ts"
+            },
+            {
+              "name": "Labelable",
+              "module": "./../src/Controls/Behaviors/Labelable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            }
+          ],
+          "description": "Signature Pad - A user interface component for capturing and displaying digital signatures.",
+          "name": "SignaturePadElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "isEmpty",
+              "privacy": "public",
+              "description": "Returns true if canvas is empty, otherwise returns false.",
+              "type": "boolean"
+            },
+            {
+              "kind": "field",
+              "name": "signStarted",
+              "privacy": "public",
+              "description": "Called when the signing starts.\nProvides reference to `ISignStartedEventDetail` as event detail.",
+              "type": "IEventEmitter<ISignStartedEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "signEnded",
+              "privacy": "public",
+              "description": "Called when the signing ends.\nProvides reference to `ISignEndedEventDetail` as event detail.",
+              "type": "IEventEmitter<ISignEndedEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "signStrokeBeforeUpdate",
+              "privacy": "public",
+              "description": "Called before the signing stroke is updated.\nProvides reference to `ISignStrokeEventDetail` as event detail.",
+              "type": "IEventEmitter<ISignStrokeEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "signStrokeAfterUpdate",
+              "privacy": "public",
+              "description": "Called after the signing stroke is updated.\nProvides reference to `ISignStrokeEventDetail` as event detail.",
+              "type": "IEventEmitter<ISignStrokeEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "privacy": "public",
+              "description": "Gets or sets the `width` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "privacy": "public",
+              "description": "Gets or sets the `height` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
+              "description": "Gets or sets the `placeholder` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minDistance",
+              "privacy": "public",
+              "description": "Gets or sets the `minDistance` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "throttle",
+              "privacy": "public",
+              "description": "Gets or sets the `throttle` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dotSize",
+              "privacy": "public",
+              "description": "Gets or sets the `dotSize` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `minWidth` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `maxWidth` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "velocityFilterWeight",
+              "privacy": "public",
+              "description": "Gets or sets the `velocityFilterWeight` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "backgroundColor",
+              "privacy": "public",
+              "description": "Gets or sets the `backgroundColor` property.",
+              "type": "CssColor",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "penColor",
+              "privacy": "public",
+              "description": "Gets or sets the `penColor` property.",
+              "type": "CssColor",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "description": "Gets or sets the `required` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ISignaturePadElementProps",
+                "module": "./../src/Controls/Components/Inputs/SignaturePad/ISignaturePadElementProps.ts"
+              }
+            },
+            {
+              "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": "isClearable",
+              "privacy": "public",
+              "description": "Determines whether the element is clearable or not.\nClearable means that a clear button will be displayed when the element has a value.\nWhen the clear button is clicked, the value of the element will be cleared.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Clearable",
+                "module": "./../src/Controls/Behaviors/Clearable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "cleared",
+              "privacy": "public",
+              "description": "Called when the clear method will be called.\nProvides reference to the `IEventDetail` as event argument.",
+              "type": "IEventEmitter<IEventDetail>",
+              "inheritedFrom": {
+                "name": "IClearableEvents",
+                "module": "./../src/Controls/Behaviors/Clearable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isFocused",
+              "privacy": "public",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "privacy": "public",
+              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "privacy": "public",
+              "description": "Determines whether the element is invalid or not.\nIf `true`, the element will be invalid.\nThe default value is `false`, which means the element is valid.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Invalidable",
+                "module": "./../src/Controls/Behaviors/Invalidable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
+              "type": "TType",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "privacy": "public",
+              "description": "Gets or sets the `label` property.\nThe default value is an empty string, which means no label is displayed.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "Labelable",
+                "module": "./../src/Controls/Behaviors/Labelable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "dir",
@@ -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."
             }
           ]
         }
@@ -142237,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."
             }
           ]
         }
@@ -146530,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."
             }
           ]
         }
@@ -147872,17 +148476,6 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "open",
-              "privacy": "public",
-              "type": "(): Promise<void>",
-              "description": "Opens the drawer.",
-              "parameters": [],
-              "return": {
-                "type": "Promise<void>"
-              }
-            },
             {
               "kind": "method",
               "name": "close",
@@ -148056,6 +148649,21 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public",
+              "type": "(): Promise<void>",
+              "description": "Opens the `OverlayElement`.",
+              "parameters": [],
+              "return": {
+                "type": "Promise<void>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "requestAttention",
@@ -153126,17 +153734,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"
               }
             },
@@ -153304,9 +154091,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>"
               }
             },
@@ -153315,40 +154103,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"
@@ -153600,6 +154384,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",
@@ -153678,13 +154482,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"
               }
             },
@@ -153775,11 +154689,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.",
@@ -153825,6 +154749,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.",
@@ -153875,6 +154829,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.",
@@ -153899,6 +154878,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": [
@@ -153906,17 +154890,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."
             }
           ]
         }
@@ -156436,8 +157444,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."
             }
           ]
         }
@@ -210085,6 +211101,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",
@@ -210525,6 +211558,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",
@@ -210937,6 +211974,10 @@
             {
               "name": "projection",
               "description": "The projection part."
+            },
+            {
+              "name": "selection-visuals",
+              "description": "The persistent selection adornment next to the editor."
             }
           ]
         }
@@ -211213,57 +212254,800 @@
             },
             {
               "kind": "method",
-              "name": "hasVisibleFocusInTree",
+              "name": "hasVisibleFocusInTree",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Returns a value indicating whether the element has visible focus in the tree.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "privacy": "public",
+              "type": "(forceUpdate?: boolean): void",
+              "description": "This method is invoked when the `isSelected` property is changed to `true`.",
+              "parameters": [
+                {
+                  "name": "forceUpdate",
+                  "type": "boolean"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "SelectorItemElement",
+                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "deselect",
+              "privacy": "public",
+              "type": "(forceUpdate?: boolean): void",
+              "description": "This method is invoked when the `isSelected` property is changed to `false`.",
+              "parameters": [
+                {
+                  "name": "forceUpdate",
+                  "type": "boolean"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "SelectorItemElement",
+                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.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",
+          "events": [
+            {
+              "description": "Called when the element is selected.",
+              "name": "selected",
+              "type": "Event"
+            },
+            {
+              "description": "Called when the element is deselected.",
+              "name": "deselected",
+              "type": "Event"
+            },
+            {
+              "description": "Fired when any property changes",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "SelectorItemElement",
+                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Fired when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "SelectorItemElement",
+                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.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"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The checkmark slot.",
+              "name": "checkmark"
+            },
+            {
+              "description": "The end slot.",
+              "name": "end"
+            },
+            {
+              "description": "The icon slot.",
+              "name": "icon"
+            },
+            {
+              "description": "Default content area for the option label and description",
+              "name": ""
+            },
+            {
+              "description": "The start slot.",
+              "name": "start"
+            },
+            {
+              "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": "isChecked",
+              "fieldName": "isChecked",
+              "description": "Gets or sets the `isChecked` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IComboItemElementProps",
+                "module": "./../src/Controls/Components/Selectors/Combo/IComboItemElementProps.ts"
+              }
+            },
+            {
+              "name": "isActive",
+              "fieldName": "isActive",
+              "description": "Gets or sets the `isActive` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IComboItemElementProps",
+                "module": "./../src/Controls/Components/Selectors/Combo/IComboItemElementProps.ts"
+              }
+            },
+            {
+              "name": "ripple",
+              "fieldName": "ripple",
+              "description": "Gets or sets the `ripple` property.\nWhen set to `false`, the ripple effect is disabled for the element.\nThe default value is `true`, which means the ripple effect is enabled.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Rippleable",
+                "module": "./../src/Controls/Behaviors/Rippleable.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "name": "is-focused",
+              "fieldName": "isFocused",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.ts"
+              }
+            },
+            {
+              "name": "isSelected",
+              "fieldName": "isSelected",
+              "description": "Gets or sets the `isSelected` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "SelectorItemElement",
+                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
+              "type": "TType",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.ts"
+              }
+            },
+            {
+              "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-background-color",
+              "description": "The item background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-border-color",
+              "description": "The item border color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-border-radius",
+              "description": "Border radius for option styling",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-border-style",
+              "description": "The item border style CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-border-width",
+              "description": "The item border width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-focus-ring-active-width",
+              "description": "The item focus ring active width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-focus-ring-color",
+              "description": "The item focus ring color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-focus-ring-inward-offset",
+              "description": "The item focus ring inward offset CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-focus-ring-outward-offset",
+              "description": "The item focus ring outward offset CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-family",
+              "description": "The item font family CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-letter-spacing",
+              "description": "The item font letter spacing CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-line-height",
+              "description": "The item font line height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-size",
+              "description": "The item font size CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-text-decoration",
+              "description": "The item font text decoration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-text-transform",
+              "description": "The item font text transform CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-font-weight",
+              "description": "The item font weight CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-foreground-color",
+              "description": "The item foreground color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-gap",
+              "description": "The item gap CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-padding-bottom",
+              "description": "The item padding bottom CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-padding-left",
+              "description": "The item padding left CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-padding-right",
+              "description": "The item padding right CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-padding-top",
+              "description": "The item padding top CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-ripple-color",
+              "description": "The item ripple color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-ripple-duration",
+              "description": "The item ripple duration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow",
+              "description": "The item shadow CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow-blur",
+              "description": "The item shadow blur CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow-color",
+              "description": "The item shadow color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow-offset-x",
+              "description": "The item shadow offset x CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow-offset-y",
+              "description": "The item shadow offset y CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-shadow-spread",
+              "description": "The item shadow spread CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-transition-duration",
+              "description": "The item transition duration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-transition-mode",
+              "description": "The item transition mode CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-transition-property",
+              "description": "The item transition property CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--combo-item-translate",
+              "description": "The item translate CSS custom property.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "checkmark",
+              "description": "Checkmark indicator for selected state"
+            },
+            {
+              "name": "focusRing",
+              "description": "The focusRing part."
+            },
+            {
+              "name": "ripple",
+              "description": "The ripple part."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "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": "(): boolean",
-              "description": "Returns a value indicating whether the element has visible focus in the tree.",
-              "parameters": [],
+              "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": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "select",
+              "name": "hasSlot",
               "privacy": "public",
-              "type": "(forceUpdate?: boolean): void",
-              "description": "This method is invoked when the `isSelected` property is changed to `true`.",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
               "parameters": [
                 {
-                  "name": "forceUpdate",
-                  "type": "boolean"
+                  "name": "slotName",
+                  "type": "string",
+                  "description": "The slot name (For default slot, pass an empty string)."
                 }
               ],
               "return": {
-                "type": "void"
+                "description": "A boolean that indicates if a slot exists.",
+                "type": "boolean"
               },
               "inheritedFrom": {
-                "name": "SelectorItemElement",
-                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "deselect",
+              "name": "onSlotChanges",
               "privacy": "public",
-              "type": "(forceUpdate?: boolean): void",
-              "description": "This method is invoked when the `isSelected` property is changed to `false`.",
+              "type": "(_slotName?: string | undefined): void",
+              "description": "Called when the slot changes.",
               "parameters": [
                 {
-                  "name": "forceUpdate",
-                  "type": "boolean"
+                  "name": "_slotName",
+                  "type": "string"
                 }
               ],
               "return": {
                 "type": "void"
               },
               "inheritedFrom": {
-                "name": "SelectorItemElement",
-                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+                "name": "Slottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
@@ -211387,39 +213171,29 @@
               }
             }
           ],
-          "tagName": "mosaik-combo-item",
+          "tagName": "mosaik-combo-item-visual",
           "events": [
             {
-              "description": "Called when the element is selected.",
-              "name": "selected",
-              "type": "Event"
-            },
-            {
-              "description": "Called when the element is deselected.",
-              "name": "deselected",
-              "type": "Event"
-            },
-            {
-              "description": "Fired when any property changes",
-              "name": "changed",
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
               "inheritedFrom": {
-                "name": "SelectorItemElement",
-                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               },
               "type": "Event"
             },
             {
-              "description": "Fired when the element is connected to the DOM",
-              "name": "connected",
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
               "inheritedFrom": {
-                "name": "SelectorItemElement",
-                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               },
               "type": "Event"
             },
             {
-              "description": "Emitted when the element is disconnected from the DOM",
-              "name": "disconnected",
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
               "inheritedFrom": {
                 "name": "CustomElement",
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
@@ -211429,24 +213203,24 @@
           ],
           "slots": [
             {
-              "description": "The checkmark slot.",
-              "name": "checkmark"
+              "description": "Default selection content.",
+              "name": ""
             },
             {
-              "description": "The end slot.",
-              "name": "end"
+              "description": "Content before the icon.",
+              "name": "start"
             },
             {
-              "description": "The icon slot.",
+              "description": "The selection icon.",
               "name": "icon"
             },
             {
-              "description": "Default content area for the option label and description",
-              "name": ""
+              "description": "The selection label.",
+              "name": "label"
             },
             {
-              "description": "The start slot.",
-              "name": "start"
+              "description": "Content after the label.",
+              "name": "end"
             },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
@@ -211458,86 +213232,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "isChecked",
-              "fieldName": "isChecked",
-              "description": "Gets or sets the `isChecked` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IComboItemElementProps",
-                "module": "./../src/Controls/Components/Selectors/Combo/IComboItemElementProps.ts"
-              }
-            },
-            {
-              "name": "isActive",
-              "fieldName": "isActive",
-              "description": "Gets or sets the `isActive` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IComboItemElementProps",
-                "module": "./../src/Controls/Components/Selectors/Combo/IComboItemElementProps.ts"
-              }
-            },
-            {
-              "name": "ripple",
-              "fieldName": "ripple",
-              "description": "Gets or sets the `ripple` property.\nWhen set to `false`, the ripple effect is disabled for the element.\nThe default value is `true`, which means the ripple effect is enabled.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Rippleable",
-                "module": "./../src/Controls/Behaviors/Rippleable.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
-              }
-            },
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
-              "type": "Variant",
-              "inheritedFrom": {
-                "name": "Variantable",
-                "module": "./../src/Controls/Behaviors/Variantable.ts"
-              }
-            },
-            {
-              "name": "is-focused",
-              "fieldName": "isFocused",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
-              }
-            },
-            {
-              "name": "isSelected",
-              "fieldName": "isSelected",
-              "description": "Gets or sets the `isSelected` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "SelectorItemElement",
-                "module": "./../src/Controls/Components/Selectors/Abstracts/Selector/SelectorItemElement.ts"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
-              "type": "TType",
-              "inheritedFrom": {
-                "name": "Valueable",
-                "module": "./../src/Controls/Behaviors/Valueable.ts"
-              }
-            },
             {
               "name": "dir",
               "fieldName": "dir",
@@ -211561,188 +213255,120 @@
           ],
           "cssProperties": [
             {
-              "name": "--combo-item-background-color",
-              "description": "The item background color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-border-color",
-              "description": "The item border color CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-border-radius",
-              "description": "Border radius for option styling",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-border-style",
-              "description": "The item border style CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-border-width",
-              "description": "The item border width CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-focus-ring-active-width",
-              "description": "The item focus ring active width CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-focus-ring-color",
-              "description": "The item focus ring color CSS custom property.",
+              "name": "--combo-item-visual-font-family",
+              "description": "The visual content font family.",
               "type": "String"
             },
             {
-              "name": "--combo-item-focus-ring-inward-offset",
-              "description": "The item focus ring inward offset CSS custom property.",
+              "name": "--combo-item-visual-font-letter-spacing",
+              "description": "The visual content letter spacing.",
               "type": "String"
             },
             {
-              "name": "--combo-item-focus-ring-outward-offset",
-              "description": "The item focus ring outward offset CSS custom property.",
+              "name": "--combo-item-visual-font-line-height",
+              "description": "The visual content line height.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-family",
-              "description": "The item font family CSS custom property.",
+              "name": "--combo-item-visual-font-size",
+              "description": "The visual content font size.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-letter-spacing",
-              "description": "The item font letter spacing CSS custom property.",
+              "name": "--combo-item-visual-font-text-decoration",
+              "description": "The visual content text decoration.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-line-height",
-              "description": "The item font line height CSS custom property.",
+              "name": "--combo-item-visual-font-text-transform",
+              "description": "The visual content text transform.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-size",
-              "description": "The item font size CSS custom property.",
+              "name": "--combo-item-visual-font-weight",
+              "description": "The visual content font weight.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-text-decoration",
-              "description": "The item font text decoration CSS custom property.",
+              "name": "--combo-item-visual-gap",
+              "description": "The spacing between visual content items.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-text-transform",
-              "description": "The item font text transform CSS custom property.",
+              "name": "--combo-item-visual-padding-bottom",
+              "description": "The visual content bottom padding.",
               "type": "String"
             },
             {
-              "name": "--combo-item-font-weight",
-              "description": "The item font weight CSS custom property.",
+              "name": "--combo-item-visual-padding-left",
+              "description": "The visual content left padding.",
               "type": "String"
             },
             {
-              "name": "--combo-item-foreground-color",
-              "description": "The item foreground color CSS custom property.",
+              "name": "--combo-item-visual-padding-right",
+              "description": "The visual content right padding.",
               "type": "String"
             },
             {
-              "name": "--combo-item-gap",
-              "description": "The item gap CSS custom property.",
+              "name": "--combo-item-visual-padding-top",
+              "description": "The visual content top padding.",
               "type": "String"
             },
             {
-              "name": "--combo-item-padding-bottom",
-              "description": "The item padding bottom CSS custom property.",
+              "name": "--combo-item-visual-shadow",
+              "description": "The visual content shadow.",
               "type": "String"
             },
             {
-              "name": "--combo-item-padding-left",
-              "description": "The item padding left CSS custom property.",
+              "name": "--combo-item-visual-shadow-blur",
+              "description": "The visual content shadow blur.",
               "type": "String"
             },
             {
-              "name": "--combo-item-padding-right",
-              "description": "The item padding right CSS custom property.",
+              "name": "--combo-item-visual-shadow-color",
+              "description": "The visual content shadow color.",
               "type": "String"
             },
             {
-              "name": "--combo-item-padding-top",
-              "description": "The item padding top CSS custom property.",
+              "name": "--combo-item-visual-shadow-offset-x",
+              "description": "The visual content horizontal shadow offset.",
               "type": "String"
             },
             {
-              "name": "--combo-item-ripple-color",
-              "description": "The item ripple color CSS custom property.",
+              "name": "--combo-item-visual-shadow-offset-y",
+              "description": "The visual content vertical shadow offset.",
               "type": "String"
             },
             {
-              "name": "--combo-item-ripple-duration",
-              "description": "The item ripple duration CSS custom property.",
+              "name": "--combo-item-visual-shadow-spread",
+              "description": "The visual content shadow spread.",
               "type": "String"
             },
             {
-              "name": "--combo-item-shadow",
-              "description": "The item shadow CSS custom property.",
+              "name": "--combo-item-visual-transition-duration",
+              "description": "The visual content transition duration.",
               "type": "String"
             },
             {
-              "name": "--combo-item-shadow-blur",
-              "description": "The item shadow blur CSS custom property.",
+              "name": "--combo-item-visual-transition-mode",
+              "description": "The visual content transition timing function.",
               "type": "String"
             },
             {
-              "name": "--combo-item-shadow-color",
-              "description": "The item shadow color CSS custom property.",
+              "name": "--combo-item-visual-transition-property",
+              "description": "The visual content transition properties.",
               "type": "String"
             },
             {
-              "name": "--combo-item-shadow-offset-x",
-              "description": "The item shadow offset x CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-shadow-offset-y",
-              "description": "The item shadow offset y CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-shadow-spread",
-              "description": "The item shadow spread CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-transition-duration",
-              "description": "The item transition duration CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-transition-mode",
-              "description": "The item transition mode CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-transition-property",
-              "description": "The item transition property CSS custom property.",
-              "type": "String"
-            },
-            {
-              "name": "--combo-item-translate",
-              "description": "The item translate CSS custom property.",
+              "name": "--combo-item-visual-translate",
+              "description": "The visual content translation.",
               "type": "String"
             }
           ],
           "cssParts": [
             {
-              "name": "checkmark",
-              "description": "Checkmark indicator for selected state"
-            },
-            {
-              "name": "focusRing",
-              "description": "The focusRing part."
-            },
-            {
-              "name": "ripple",
-              "description": "The ripple part."
+              "name": "content",
+              "description": "The horizontal selection content layout."
             }
           ]
         }
@@ -239558,6 +241184,23 @@
                 "type": "void"
               }
             },
+            {
+              "kind": "method",
+              "name": "onNavigationDrawerChanged",
+              "privacy": "public",
+              "type": "(event: PropertyChangedEvent): void",
+              "description": "Synchronizes direct navigation drawer changes with the app shell state.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "PropertyChangedEvent",
+                  "description": "The drawer property changed event."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "onSlotChanges",