@breadstone/mosaik-elements-foundation 0.0.119 → 0.0.121

package/custom-elements.json

@@ -7943,6 +7943,280 @@
         }
       ]
     },
+    {
+      "path": "./../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementValueAccessorBase",
+            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+          },
+          "name": "ToggleButtonElementValueAccessor",
+          "members": [
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "writeValue",
+              "privacy": "public",
+              "type": "(value: unknown): void",
+              "description": "Writes a new value to the element.",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": "unknown"
+                }
+              ],
+              "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: (_: any): void) => void",
+              "description": "Registers a function called when the element value changes.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "(_: any) => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnTouched",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is touched.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnReset",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is reset.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "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": "variable",
+          "name": "toggleButtonElementValueAccessor",
+          "type": "ElementValueAccessorFn<ToggleButtonElement>"
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementValueAccessorBase",
+            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+          },
+          "name": "ToggleButtonGroupElementValueAccessor",
+          "members": [
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "writeValue",
+              "privacy": "public",
+              "type": "(value: unknown): void",
+              "description": "Writes a new value to the element.",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": "unknown"
+                }
+              ],
+              "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: (_: any): void) => void",
+              "description": "Registers a function called when the element value changes.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "(_: any) => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnTouched",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is touched.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnReset",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is reset.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "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": "variable",
+          "name": "toggleButtonGroupElementValueAccessor",
+          "type": "ElementValueAccessorFn<IToggleButtonGroupHost>"
+        }
+      ]
+    },
     {
       "path": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts",
       "exports": [
@@ -8287,6 +8561,17 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the element to its initial state.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "check",
@@ -8847,14 +9132,14 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Cells/CellElement.ts",
+      "path": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-cell",
+          "name": "mosaik-toggle-button-group",
           "declaration": {
-            "name": "CellElement",
-            "module": "./../src/Controls/Components/Cells/CellElement.ts"
+            "name": "ToggleButtonGroupElement",
+            "module": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"
           }
         },
         {
@@ -8869,38 +9154,43 @@
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
             {
-              "name": "Labelable",
-              "module": "./../src/Controls/Behaviors/Labelable.ts"
+              "name": "Invalidable",
+              "module": "./../src/Controls/Behaviors/Invalidable.ts"
             },
             {
               "name": "Disableable",
               "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Orientable",
+              "module": "./../src/Controls/Behaviors/Orientable.ts"
+            },
+            {
+              "name": "Valueable",
+              "module": "./../src/Controls/Behaviors/Valueable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Cell - A component representing a single cell in a grid or table layout.",
-          "name": "CellElement",
+          "description": "Toggle Button Group - A container for grouping multiple toggle buttons with single-selection behavior.",
+          "name": "ToggleButtonGroupElement",
           "members": [
             {
               "kind": "field",
-              "name": "isNavigation",
-              "privacy": "public",
-              "description": "Gets or sets the `isNavigation` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "ICellElementProps",
-                "module": "./../src/Controls/Components/Cells/ICellElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "subLabel",
+              "name": "toggleChanged",
               "privacy": "public",
-              "description": "Gets or sets the `subLabel` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "ICellElementProps",
-                "module": "./../src/Controls/Components/Cells/ICellElementProps.ts"
-              }
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IToggleButtonGroupChangedEventDetail>"
             },
             {
               "kind": "field",
@@ -8915,13 +9205,13 @@
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "invalid",
               "privacy": "public",
-              "description": "Gets or sets the `label` property.\nThe default value is an empty string, which means no label is displayed.",
-              "type": "string",
+              "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": "Labelable",
-                "module": "./../src/Controls/Behaviors/Labelable.ts"
+                "name": "Invalidable",
+                "module": "./../src/Controls/Behaviors/Invalidable.ts"
               }
             },
             {
@@ -8935,6 +9225,50 @@
                 "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "privacy": "public",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
+              "inheritedFrom": {
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.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": "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": "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": "dir",
@@ -8990,6 +9324,112 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Returns whether a form will validate when it is submitted, without having to submit it.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the element to its initial state.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "assignToSlot",
+              "privacy": "public",
+              "type": "(slotName: string, node: Element | Text): void",
+              "description": "Assigns nodes to a dedicated slot.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignments",
+              "privacy": "public",
+              "type": "<T extends Element = Element>(slotName: string, filter?: ((e: T): boolean) | undefined) => T[]",
+              "description": "Returns the assigned elements of a slot.",
+              "parameters": [],
+              "return": {
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignmentsOf",
+              "privacy": "public",
+              "type": "<T extends Element = Element>(slotName: string, element: Constructor<T>): T[]",
+              "description": "Returns the assigned elements of a slot with a specific element type.",
+              "parameters": [],
+              "return": {
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "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": [],
+              "return": {
+                "description": "A boolean that indicates if a slot has content."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "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": [],
+              "return": {
+                "description": "A boolean that indicates if a slot exists."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -9111,8 +9551,13 @@
               }
             }
           ],
-          "tagName": "mosaik-cell",
+          "tagName": "mosaik-toggle-button-group",
           "events": [
+            {
+              "description": "Called when the selection in the group changes.",
+              "name": "toggleChanged",
+              "type": "Event"
+            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -9141,33 +9586,15 @@
               "type": "Event"
             }
           ],
-          "slots": [
-            {
-              "description": "Slot for content to be displayed at the start of the cell.",
-              "name": "start"
-            },
-            {
-              "description": "Slot for the primary label content of the cell.",
-              "name": "label"
-            },
-            {
-              "description": "Slot for additional label content or description.",
-              "name": "subLabel"
-            },
-            {
-              "description": "Slot for content to be displayed at the end of the cell.",
-              "name": "end"
-            }
-          ],
           "attributes": [
             {
-              "name": "isNavigation",
-              "fieldName": "isNavigation",
-              "description": "Gets or sets the `isNavigation` property.",
+              "name": "invalid",
+              "fieldName": "invalid",
+              "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": "ICellElementProps",
-                "module": "./../src/Controls/Components/Cells/ICellElementProps.ts"
+                "name": "Invalidable",
+                "module": "./../src/Controls/Behaviors/Invalidable.ts"
               }
             },
             {
@@ -9180,6 +9607,46 @@
                 "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
+              "inheritedFrom": {
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.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": "appearance",
+              "fieldName": "appearance",
+              "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"
+              }
+            },
+            {
+              "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": "dir",
               "fieldName": "dir",
@@ -9200,120 +9667,19 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ],
-          "cssProperties": [
-            {
-              "name": "--cell-padding-top",
-              "description": "The padding at the top of the cell.",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-padding-right",
-              "description": "The padding on the right side of the cell.",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-padding-bottom",
-              "description": "The padding at the bottom of the cell.",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-padding-left",
-              "description": "The padding on the left side of the cell.",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-gap",
-              "description": "The gap between cells.",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-family",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-size",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-line-height",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-weight",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-letter-spacing",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-text-decoration",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-font-text-transform",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-family",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-size",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-line-height",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-weight",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-letter-spacing",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-text-decoration",
-              "type": "unknown"
-            },
-            {
-              "name": "--cell-sub-font-text-transform",
-              "type": "unknown"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "root",
-              "description": "The root part of the Cell that wraps the entire cell content."
-            },
-            {
-              "name": "text",
-              "description": "The part of the Cell that contains the text content."
-            },
-            {
-              "name": "label",
-              "description": "The part of the Cell that contains the primary label content."
-            },
-            {
-              "name": "subLabel",
-              "description": "The part of the Cell that contains the sub label content."
-            }
           ]
         }
       ]
     },
     {
-      "path": "./../src/Controls/Components/Cells/CellGroupElement.ts",
+      "path": "./../src/Controls/Components/Cells/CellElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-cell-group",
+          "name": "mosaik-cell",
           "declaration": {
-            "name": "CellGroupElement",
-            "module": "./../src/Controls/Components/Cells/CellGroupElement.ts"
+            "name": "CellElement",
+            "module": "./../src/Controls/Components/Cells/CellElement.ts"
           }
         },
         {
@@ -9326,20 +9692,39 @@
             {
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Labelable",
+              "module": "./../src/Controls/Behaviors/Labelable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
             }
           ],
-          "description": "Cell Group - A container element for grouping related cells.",
-          "name": "CellGroupElement",
+          "description": "Cell - A component representing a single cell in a grid or table layout.",
+          "name": "CellElement",
           "members": [
             {
               "kind": "field",
-              "name": "header",
+              "name": "isNavigation",
               "privacy": "public",
-              "description": "Gets or sets the `header` property.",
+              "description": "Gets or sets the `isNavigation` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICellElementProps",
+                "module": "./../src/Controls/Components/Cells/ICellElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "subLabel",
+              "privacy": "public",
+              "description": "Gets or sets the `subLabel` property.",
               "type": "string",
               "inheritedFrom": {
-                "name": "ICellGroupElementProps",
-                "module": "./../src/Controls/Components/Cells/ICellGroupElementProps.ts"
+                "name": "ICellElementProps",
+                "module": "./../src/Controls/Components/Cells/ICellElementProps.ts"
               }
             },
             {
@@ -9353,6 +9738,28 @@
                 "module": "./../src/Controls/Behaviors/Themeable.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": "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": "dir",
@@ -9529,7 +9936,7 @@
               }
             }
           ],
-          "tagName": "mosaik-cell-group",
+          "tagName": "mosaik-cell",
           "events": [
             {
               "description": "Called when the element is connected to the DOM.",
@@ -9561,15 +9968,43 @@
           ],
           "slots": [
             {
-              "description": "Slot for the group header.",
-              "name": "header"
+              "description": "Slot for content to be displayed at the start of the cell.",
+              "name": "start"
             },
             {
-              "description": "Slot for the default content, typically cells.",
-              "name": ""
+              "description": "Slot for the primary label content of the cell.",
+              "name": "label"
+            },
+            {
+              "description": "Slot for additional label content or description.",
+              "name": "subLabel"
+            },
+            {
+              "description": "Slot for content to be displayed at the end of the cell.",
+              "name": "end"
             }
           ],
           "attributes": [
+            {
+              "name": "isNavigation",
+              "fieldName": "isNavigation",
+              "description": "Gets or sets the `isNavigation` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICellElementProps",
+                "module": "./../src/Controls/Components/Cells/ICellElementProps.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": "dir",
               "fieldName": "dir",
@@ -9593,36 +10028,426 @@
           ],
           "cssProperties": [
             {
-              "name": "--cell-group-border-color",
+              "name": "--cell-padding-top",
+              "description": "The padding at the top of the cell.",
               "type": "unknown"
             },
             {
-              "name": "--cell-group-border-radius",
+              "name": "--cell-padding-right",
+              "description": "The padding on the right side of the cell.",
               "type": "unknown"
             },
             {
-              "name": "--cell-group-border-width",
+              "name": "--cell-padding-bottom",
+              "description": "The padding at the bottom of the cell.",
               "type": "unknown"
-            }
-          ],
-          "cssParts": [
+            },
             {
-              "name": "header",
-              "description": "The header part of the cell group."
+              "name": "--cell-padding-left",
+              "description": "The padding on the left side of the cell.",
+              "type": "unknown"
             },
             {
-              "name": "root",
-              "description": "The root container of the cell group."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Charts/Abstracts/ChartBaseElement.ts",
-      "exports": [
-        {
-          "kind": "class",
+              "name": "--cell-gap",
+              "description": "The gap between cells.",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-family",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-size",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-line-height",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-weight",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-letter-spacing",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-text-decoration",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-font-text-transform",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-family",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-size",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-line-height",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-weight",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-letter-spacing",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-text-decoration",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-sub-font-text-transform",
+              "type": "unknown"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "root",
+              "description": "The root part of the Cell that wraps the entire cell content."
+            },
+            {
+              "name": "text",
+              "description": "The part of the Cell that contains the text content."
+            },
+            {
+              "name": "label",
+              "description": "The part of the Cell that contains the primary label content."
+            },
+            {
+              "name": "subLabel",
+              "description": "The part of the Cell that contains the sub label content."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Cells/CellGroupElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-cell-group",
+          "declaration": {
+            "name": "CellGroupElement",
+            "module": "./../src/Controls/Components/Cells/CellGroupElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            }
+          ],
+          "description": "Cell Group - A container element for grouping related cells.",
+          "name": "CellGroupElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "header",
+              "privacy": "public",
+              "description": "Gets or sets the `header` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "ICellGroupElementProps",
+                "module": "./../src/Controls/Components/Cells/ICellGroupElementProps.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": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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]): any, options?: boolean | ... 1 more ... | 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]) => any"
+                },
+                {
+                  "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]): any): 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-cell-group",
+          "events": [
+            {
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Slot for the group header.",
+              "name": "header"
+            },
+            {
+              "description": "Slot for the default content, typically cells.",
+              "name": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--cell-group-border-color",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-group-border-radius",
+              "type": "unknown"
+            },
+            {
+              "name": "--cell-group-border-width",
+              "type": "unknown"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "header",
+              "description": "The header part of the cell group."
+            },
+            {
+              "name": "root",
+              "description": "The root container of the cell group."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Charts/Abstracts/ChartBaseElement.ts",
+      "exports": [
+        {
+          "kind": "class",
           "superclass": {
             "name": "CustomElement",
             "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
@@ -12681,7 +13506,7 @@
           "members": [
             {
               "kind": "field",
-              "name": "submited",
+              "name": "submitted",
               "privacy": "public",
               "description": "[object Object],[object Object],[object Object]",
               "type": "IEventEmitter<IFormSubmitEventDetail>"
@@ -13047,7 +13872,7 @@
           "events": [
             {
               "description": "Fired when the form is submitted.",
-              "name": "submited",
+              "name": "submitted",
               "type": "CustomEvent"
             },
             {
@@ -52655,69 +53480,908 @@
               }
             },
             {
-              "kind": "field",
-              "name": "isChecked",
-              "privacy": "public",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "boolean | null",
-              "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
-              }
-            },
+              "kind": "field",
+              "name": "isChecked",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "boolean | null",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isThreeState",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IToggableCheckedEventDetail>",
+              "inheritedFrom": {
+                "name": "IToggableElementEvents",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "unchecked",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IToggableCheckedEventDetail>",
+              "inheritedFrom": {
+                "name": "IToggableElementEvents",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IToggableIndeterminateEventDetail>",
+              "inheritedFrom": {
+                "name": "IToggableElementEvents",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.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": "dir",
+              "privacy": "public",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the element to its initial state.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "check",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Checks the element.\nIf the element is disabled, nothing happens.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "uncheck",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Unchecks the element.\nIf the element is disabled, nothing happens.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Toggles the element between checked and unchecked states.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "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": "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]): any, options?: boolean | ... 1 more ... | 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]) => any"
+                },
+                {
+                  "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]): any): 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-toggle-switch",
+          "events": [
+            {
+              "description": "Called when the element is checked.",
+              "name": "checked",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Called when the element is unchecked.",
+              "name": "unchecked",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Called when the element is indeterminate.",
+              "name": "indeterminate",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "A slot for prefix content, typically used for icons or labels.",
+              "name": "prefix"
+            },
+            {
+              "description": "A slot for suffix content, typically used for additional information or icons.",
+              "name": "suffix"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "labelPosition",
+              "fieldName": "labelPosition",
+              "description": "Gets or sets the `labelPosition` property.",
+              "type": "LabelPosition",
+              "inheritedFrom": {
+                "name": "IToggleSwitchElementProps",
+                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "description": "Gets or sets the `required` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IToggleSwitchElementProps",
+                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Gets or sets the `name` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IToggleSwitchElementProps",
+                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
+              }
+            },
+            {
+              "name": "invalid",
+              "fieldName": "invalid",
+              "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"
+              }
+            },
+            {
+              "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": "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": "appearance",
+              "fieldName": "appearance",
+              "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"
+              }
+            },
+            {
+              "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": "isChecked",
+              "fieldName": "isChecked",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "boolean | null",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              }
+            },
+            {
+              "name": "isThreeState",
+              "fieldName": "isThreeState",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ToggableElement",
+                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+              }
+            },
+            {
+              "name": "isFocused",
+              "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": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Layouts/Absolute/AbsoluteElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-absolute",
+          "declaration": {
+            "name": "AbsoluteElement",
+            "module": "./../src/Controls/Components/Layouts/Absolute/AbsoluteElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "LayoutElement",
+            "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Fitable",
+              "module": "./../src/Controls/Behaviors/Fitable.ts"
+            }
+          ],
+          "description": "[object Object],[object Object],[object Object]",
+          "name": "AbsoluteElement",
+          "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": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fit",
+              "privacy": "public",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
+              "inheritedFrom": {
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "privacy": "public",
+              "description": "Gets or sets the `items` property.",
+              "type": "HTMLElement[]",
+              "inheritedFrom": {
+                "name": "LayoutElement",
+                "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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]): any, options?: boolean | ... 1 more ... | 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]) => any"
+                },
+                {
+                  "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]): any): 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-absolute",
+          "events": [
+            {
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for placing child elements.",
+              "name": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "fit",
+              "fieldName": "fit",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
+              "inheritedFrom": {
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
+              }
+            },
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Layouts/Absolute/AbsoluteItemElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-absolute-item",
+          "declaration": {
+            "name": "AbsoluteItemElement",
+            "module": "./../src/Controls/Components/Layouts/Absolute/AbsoluteItemElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            }
+          ],
+          "description": "[object Object],[object Object],[object Object]",
+          "name": "AbsoluteItemElement",
+          "members": [
             {
               "kind": "field",
-              "name": "isThreeState",
+              "name": "left",
               "privacy": "public",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "boolean",
+              "description": "Gets or sets the `left` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "top",
               "privacy": "public",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "IEventEmitter<IToggableCheckedEventDetail>",
+              "description": "Gets or sets the `top` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "IToggableElementEvents",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "unchecked",
+              "name": "bottom",
               "privacy": "public",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "IEventEmitter<IToggableCheckedEventDetail>",
+              "description": "Gets or sets the `bottom` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "IToggableElementEvents",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "indeterminate",
+              "name": "right",
               "privacy": "public",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "IEventEmitter<IToggableIndeterminateEventDetail>",
+              "description": "Gets or sets the `right` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "IToggableElementEvents",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/IToggableElementEvents.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "isFocused",
+              "name": "themeName",
               "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",
+              "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": {
-                "name": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
@@ -52775,76 +54439,6 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "type": "(): boolean",
-              "description": "Checks the validity of the element and returns `true` if it is valid; otherwise, `false`.",
-              "parameters": [],
-              "return": {
-                "type": "boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reset",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Resets the element to its initial state.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "check",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Checks the element.\nIf the element is disabled, nothing happens.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "uncheck",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Unchecks the element.\nIf the element is disabled, nothing happens.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Toggles the element between checked and unchecked states.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "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": "adoptStyle",
@@ -52966,35 +54560,8 @@
               }
             }
           ],
-          "tagName": "mosaik-toggle-switch",
+          "tagName": "mosaik-absolute-item",
           "events": [
-            {
-              "description": "Called when the element is checked.",
-              "name": "checked",
-              "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
-              },
-              "type": "Event"
-            },
-            {
-              "description": "Called when the element is unchecked.",
-              "name": "unchecked",
-              "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
-              },
-              "type": "Event"
-            },
-            {
-              "description": "Called when the element is indeterminate.",
-              "name": "indeterminate",
-              "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
-              },
-              "type": "Event"
-            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -53025,123 +54592,49 @@
           ],
           "slots": [
             {
-              "description": "A slot for prefix content, typically used for icons or labels.",
-              "name": "prefix"
-            },
-            {
-              "description": "A slot for suffix content, typically used for additional information or icons.",
-              "name": "suffix"
+              "description": "The default slot for placing child elements.",
+              "name": ""
             }
           ],
           "attributes": [
             {
-              "name": "labelPosition",
-              "fieldName": "labelPosition",
-              "description": "Gets or sets the `labelPosition` property.",
-              "type": "LabelPosition",
-              "inheritedFrom": {
-                "name": "IToggleSwitchElementProps",
-                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "description": "Gets or sets the `required` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IToggleSwitchElementProps",
-                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Gets or sets the `name` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IToggleSwitchElementProps",
-                "module": "./../src/Controls/Components/Inputs/ToggleSwitch/IToggleSwitchElementProps.ts"
-              }
-            },
-            {
-              "name": "invalid",
-              "fieldName": "invalid",
-              "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"
-              }
-            },
-            {
-              "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": "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": "appearance",
-              "fieldName": "appearance",
-              "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"
-              }
-            },
-            {
-              "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",
+              "name": "left",
+              "fieldName": "left",
+              "description": "Gets or sets the `left` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
-              "name": "isChecked",
-              "fieldName": "isChecked",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "boolean | null",
+              "name": "top",
+              "fieldName": "top",
+              "description": "Gets or sets the `top` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
-              "name": "isThreeState",
-              "fieldName": "isThreeState",
-              "description": "[object Object],[object Object],[object Object]",
-              "type": "boolean",
+              "name": "bottom",
+              "fieldName": "bottom",
+              "description": "Gets or sets the `bottom` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "ToggableElement",
-                "module": "./../src/Controls/Components/Primitives/Abstracts/Toggable/ToggableElement.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
-              "name": "isFocused",
-              "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",
+              "name": "right",
+              "fieldName": "right",
+              "description": "Gets or sets the `right` property.",
+              "type": "CssLength | null | undefined",
               "inheritedFrom": {
-                "name": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
               }
             },
             {
@@ -53169,67 +54662,23 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Layouts/Absolute/AbsoluteElement.ts",
+      "path": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts",
       "exports": [
-        {
-          "kind": "definition",
-          "name": "mosaik-absolute",
-          "declaration": {
-            "name": "AbsoluteElement",
-            "module": "./../src/Controls/Components/Layouts/Absolute/AbsoluteElement.ts"
-          }
-        },
         {
           "kind": "class",
           "superclass": {
-            "name": "LayoutElement",
-            "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
           },
-          "mixins": [
-            {
-              "name": "Themeable",
-              "module": "./../src/Controls/Behaviors/Themeable.ts"
-            },
-            {
-              "name": "Fitable",
-              "module": "./../src/Controls/Behaviors/Fitable.ts"
-            }
-          ],
           "description": "[object Object],[object Object],[object Object]",
-          "name": "AbsoluteElement",
+          "name": "LayoutElement",
           "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": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fit",
-              "privacy": "public",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
-              "type": "Fit",
-              "inheritedFrom": {
-                "name": "Fitable",
-                "module": "./../src/Controls/Behaviors/Fitable.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "items",
               "privacy": "public",
               "description": "Gets or sets the `items` property.",
-              "type": "HTMLElement[]",
-              "inheritedFrom": {
-                "name": "LayoutElement",
-                "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
-              }
+              "type": "HTMLElement[]"
             },
             {
               "kind": "field",
@@ -53406,157 +54855,128 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ],
-          "tagName": "mosaik-absolute",
-          "events": [
-            {
-              "description": "Called when the element is connected to the DOM.",
-              "name": "connected",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "CustomEvent"
-            },
-            {
-              "description": "Called when the element is disconnected from the DOM.",
-              "name": "disconnected",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "CustomEvent"
-            },
-            {
-              "description": "Called when the element will be updated.",
-              "name": "changed",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "Event"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot for placing child elements.",
-              "name": ""
-            }
-          ],
-          "attributes": [
-            {
-              "name": "fit",
-              "fieldName": "fit",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
-              "type": "Fit",
-              "inheritedFrom": {
-                "name": "Fitable",
-                "module": "./../src/Controls/Behaviors/Fitable.ts"
-              }
-            },
-            {
-              "name": "dir",
-              "fieldName": "dir",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "fieldName": "lang",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              }
-            }
           ]
         }
       ]
     },
     {
-      "path": "./../src/Controls/Components/Layouts/Absolute/AbsoluteItemElement.ts",
+      "path": "./../src/Controls/Components/Layouts/Dock/DockPanelElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-absolute-item",
+          "name": "mosaik-dock-panel",
           "declaration": {
-            "name": "AbsoluteItemElement",
-            "module": "./../src/Controls/Components/Layouts/Absolute/AbsoluteItemElement.ts"
+            "name": "DockPanelElement",
+            "module": "./../src/Controls/Components/Layouts/Dock/DockPanelElement.ts"
           }
         },
         {
           "kind": "class",
           "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+            "name": "LayoutElement",
+            "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
           },
           "mixins": [
             {
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Reversible",
+              "module": "./../src/Controls/Behaviors/Reversible.ts"
+            },
+            {
+              "name": "Orientable",
+              "module": "./../src/Controls/Behaviors/Orientable.ts"
+            },
+            {
+              "name": "Fitable",
+              "module": "./../src/Controls/Behaviors/Fitable.ts"
+            },
+            {
+              "name": "Gapable",
+              "module": "./../src/Controls/Behaviors/Gapable.ts"
             }
           ],
-          "description": "[object Object],[object Object],[object Object]",
-          "name": "AbsoluteItemElement",
+          "description": "DockPanel - A layout component used to arrange child components by docking them to specific edges or filling the remaining space.",
+          "name": "DockPanelElement",
           "members": [
             {
               "kind": "field",
-              "name": "left",
+              "name": "lastChildFill",
               "privacy": "public",
-              "description": "Gets or sets the `left` property.",
-              "type": "CssLength | null | undefined",
+              "description": "The `lastChildFill` property determines whether the last child element should fill the remaining space.",
+              "type": "boolean",
+              "default": "\"true\"",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "IDockPanelElementProps",
+                "module": "./../src/Controls/Components/Layouts/Dock/IDockPanelElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "top",
+              "name": "themeName",
               "privacy": "public",
-              "description": "Gets or sets the `top` property.",
-              "type": "CssLength | null | undefined",
+              "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": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "bottom",
+              "name": "reverse",
               "privacy": "public",
-              "description": "Gets or sets the `bottom` property.",
-              "type": "CssLength | null | undefined",
+              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Reversible",
+                "module": "./../src/Controls/Behaviors/Reversible.ts"
               }
             },
             {
               "kind": "field",
-              "name": "right",
+              "name": "orientation",
               "privacy": "public",
-              "description": "Gets or sets the `right` property.",
-              "type": "CssLength | null | undefined",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "fit",
               "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",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
               "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "privacy": "public",
+              "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
+              "type": "Size | CssLength",
+              "inheritedFrom": {
+                "name": "IGapableProps",
+                "module": "./../src/Controls/Behaviors/Gapable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "privacy": "public",
+              "description": "Gets or sets the `items` property.",
+              "type": "HTMLElement[]",
+              "inheritedFrom": {
+                "name": "LayoutElement",
+                "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
               }
             },
             {
@@ -53735,7 +55155,7 @@
               }
             }
           ],
-          "tagName": "mosaik-absolute-item",
+          "tagName": "mosaik-dock-panel",
           "events": [
             {
               "description": "Called when the element is connected to the DOM.",
@@ -53767,49 +55187,50 @@
           ],
           "slots": [
             {
-              "description": "The default slot for placing child elements.",
+              "description": "The default slot for child elements to be docked.",
               "name": ""
             }
           ],
           "attributes": [
             {
-              "name": "left",
-              "fieldName": "left",
-              "description": "Gets or sets the `left` property.",
-              "type": "CssLength | null | undefined",
+              "name": "lastChildFill",
+              "fieldName": "lastChildFill",
+              "defaultValue": "\"true\"",
+              "description": "The `lastChildFill` property determines whether the last child element should fill the remaining space.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "IDockPanelElementProps",
+                "module": "./../src/Controls/Components/Layouts/Dock/IDockPanelElementProps.ts"
               }
             },
             {
-              "name": "top",
-              "fieldName": "top",
-              "description": "Gets or sets the `top` property.",
-              "type": "CssLength | null | undefined",
+              "name": "reverse",
+              "fieldName": "reverse",
+              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Reversible",
+                "module": "./../src/Controls/Behaviors/Reversible.ts"
               }
             },
             {
-              "name": "bottom",
-              "fieldName": "bottom",
-              "description": "Gets or sets the `bottom` property.",
-              "type": "CssLength | null | undefined",
+              "name": "orientation",
+              "fieldName": "orientation",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.ts"
               }
             },
             {
-              "name": "right",
-              "fieldName": "right",
-              "description": "Gets or sets the `right` property.",
-              "type": "CssLength | null | undefined",
+              "name": "fit",
+              "fieldName": "fit",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
               }
             },
             {
@@ -53836,204 +55257,6 @@
         }
       ]
     },
-    {
-      "path": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-          },
-          "description": "[object Object],[object Object],[object Object]",
-          "name": "LayoutElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "items",
-              "privacy": "public",
-              "description": "Gets or sets the `items` property.",
-              "type": "HTMLElement[]"
-            },
-            {
-              "kind": "field",
-              "name": "dir",
-              "privacy": "public",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "privacy": "public",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
-              "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": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.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]): any, options?: boolean | ... 1 more ... | 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]) => any"
-                },
-                {
-                  "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]): any): 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"
-              }
-            }
-          ]
-        }
-      ]
-    },
     {
       "path": "./../src/Controls/Components/Layouts/Grid/ColumnDefinition.ts",
       "exports": [
@@ -54926,7 +56149,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -57798,7 +59021,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -59690,7 +60913,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -103713,26 +104936,14 @@
           "description": "Scrub Slider – A customizable slider component for precise value selection.",
           "name": "ScrubSliderElement",
           "members": [
-            {
-              "kind": "field",
-              "name": "pxPerStep",
-              "privacy": "public",
-              "type": "number"
-            },
-            {
-              "kind": "field",
-              "name": "accelerate",
-              "privacy": "public",
-              "type": "boolean"
-            },
             {
               "kind": "field",
               "name": "step",
               "privacy": "public",
               "type": "number",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103741,8 +104952,8 @@
               "privacy": "public",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103751,8 +104962,8 @@
               "privacy": "public",
               "type": "number",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103761,8 +104972,8 @@
               "privacy": "public",
               "type": "TickPlacement",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103771,8 +104982,8 @@
               "privacy": "public",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103781,8 +104992,8 @@
               "privacy": "public",
               "type": "(value: number) => string",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103791,8 +105002,8 @@
               "privacy": "public",
               "type": "AutoToolTipPlacement",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -103801,8 +105012,30 @@
               "privacy": "public",
               "type": "(value: number) => string",
               "inheritedFrom": {
-                "name": "ISliderElementProps",
-                "module": "./../src/Controls/Components/Ranges/Slider/ISliderElementProps.ts"
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pxPerStep",
+              "privacy": "public",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accelerate",
+              "privacy": "public",
+              "description": "Accelerate the slider when dragging.",
+              "type": "boolean",
+              "default": "\"true\"",
+              "inheritedFrom": {
+                "name": "IScrubSliderElementProps",
+                "module": "./../src/Controls/Components/Ranges/ScrubSlider/IScrubSliderElementProps.ts"
               }
             },
             {
@@ -104177,6 +105410,12 @@
               "type": "Event"
             }
           ],
+          "slots": [
+            {
+              "description": "The hint slot.",
+              "name": "hint"
+            }
+          ],
           "attributes": [
             {
               "name": "orientation",
@@ -125602,8 +126841,12 @@
               "name": "header"
             },
             {
-              "description": "The sub header slot.",
-              "name": "header-start"
+              "description": "The header before slot.",
+              "name": "header-before"
+            },
+            {
+              "description": "The header after slot.",
+              "name": "header-after"
             },
             {
               "description": "The steps slot.",