@breadstone/mosaik-elements-foundation 0.0.286 → 0.0.287

package/custom-elements.json

@@ -39048,6 +39048,28 @@
                 "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.\nAccepts a single `CalendarView` value or an array of values.",
+              "type": "CalendarView | CalendarView[]",
+              "inheritedFrom": {
+                "name": "ICalendarElementProps",
+                "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showNavigation",
+              "privacy": "public",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICalendarElementProps",
+                "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "themeName",
@@ -39695,6 +39717,26 @@
                 "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
               }
             },
+            {
+              "name": "allowedViews",
+              "fieldName": "allowedViews",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.\nAccepts a single `CalendarView` value or an array of values.",
+              "type": "CalendarView | CalendarView[]",
+              "inheritedFrom": {
+                "name": "ICalendarElementProps",
+                "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
+              }
+            },
+            {
+              "name": "showNavigation",
+              "fieldName": "showNavigation",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICalendarElementProps",
+                "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarElementProps.ts"
+              }
+            },
             {
               "name": "appearance",
               "fieldName": "appearance",
@@ -40576,7 +40618,7 @@
               "name": "markers",
               "privacy": "public",
               "description": "Gets or sets the `markers` property.",
-              "type": "Partial<IDotElementProps>[]",
+              "type": "Partial<IDotElementProps>[] | undefined",
               "inheritedFrom": {
                 "name": "ICalendarItemElementProps",
                 "module": "./../src/Controls/Components/Inputs/Calendar/ICalendarItemElementProps.ts"
@@ -41322,6 +41364,10 @@
               "name": "marker",
               "description": "Individual event or date marker dots"
             },
+            {
+              "name": "markers",
+              "description": "The markers part."
+            },
             {
               "name": "ripple",
               "description": "The ripple part."
@@ -41953,6 +41999,13 @@
               "description": "Gets or sets the `intl` property.",
               "type": "CalendarElementIntl | null"
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.",
+              "type": "CalendarView[]"
+            },
             {
               "kind": "field",
               "name": "valueChanged",
@@ -42425,6 +42478,17 @@
                 "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.",
+              "type": "CalendarView[]",
+              "inheritedFrom": {
+                "name": "CalendarViewBaseElement",
+                "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "valueChanged",
@@ -43244,6 +43308,17 @@
                 "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.",
+              "type": "CalendarView[]",
+              "inheritedFrom": {
+                "name": "CalendarViewBaseElement",
+                "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "valueChanged",
@@ -43977,6 +44052,17 @@
                 "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.",
+              "type": "CalendarView[]",
+              "inheritedFrom": {
+                "name": "CalendarViewBaseElement",
+                "module": "./../src/Controls/Components/Inputs/Calendar/Views/Abstracts/CalendarViewBase.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "valueChanged",
@@ -52241,6 +52327,20 @@
               "description": "Gets or sets the `view` property.",
               "type": "CalendarView"
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.\nAccepts a single `CalendarView` value or an array of values.",
+              "type": "CalendarView | CalendarView[]"
+            },
+            {
+              "kind": "field",
+              "name": "showNavigation",
+              "privacy": "public",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean"
+            },
             {
               "kind": "field",
               "name": "selectionMode",
@@ -53126,6 +53226,12 @@
               "description": "Gets or sets the `view` property.",
               "type": "CalendarView"
             },
+            {
+              "name": "showNavigation",
+              "fieldName": "showNavigation",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean"
+            },
             {
               "name": "selectionMode",
               "fieldName": "selectionMode",
@@ -53904,6 +54010,20 @@
               "description": "Gets or sets the `view` property.",
               "type": "CalendarView"
             },
+            {
+              "kind": "field",
+              "name": "allowedViews",
+              "privacy": "public",
+              "description": "Gets or sets the `allowedViews` property.\nDefines which views the user is allowed to navigate to.\nAccepts a single `CalendarView` value or an array of values.",
+              "type": "CalendarView | CalendarView[]"
+            },
+            {
+              "kind": "field",
+              "name": "showNavigation",
+              "privacy": "public",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean"
+            },
             {
               "kind": "field",
               "name": "blackoutDates",
@@ -54882,6 +55002,12 @@
               "description": "Gets or sets the `view` property.",
               "type": "CalendarView"
             },
+            {
+              "name": "showNavigation",
+              "fieldName": "showNavigation",
+              "description": "Gets or sets the `showNavigation` property.\nControls whether the navigation buttons (previous, today, next) are displayed.",
+              "type": "boolean"
+            },
             {
               "name": "blackoutDates",
               "fieldName": "blackoutDates",
@@ -159547,7 +159673,588 @@
               }
             }
           ],
-          "tagName": "mosaik-box",
+          "tagName": "mosaik-box",
+          "events": [
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for child elements.",
+              "name": ""
+            },
+            {
+              "description": "Slot for dismiss button.",
+              "name": "dismiss"
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "highlighted",
+              "fieldName": "highlighted",
+              "description": "Gets or sets the `highlighted` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IBoxElementProps",
+                "module": "./../src/Controls/Components/Primitives/Box/IBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "cornered",
+              "fieldName": "cornered",
+              "description": "Gets or sets the `cornered` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IBoxElementProps",
+                "module": "./../src/Controls/Components/Primitives/Box/IBoxElementProps.ts"
+              }
+            },
+            {
+              "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": "width",
+              "fieldName": "width",
+              "description": "Gets or sets the `width` property.\nThe default value is `auto`, which means the width is determined by the content.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "name": "Dimensionable",
+                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+              }
+            },
+            {
+              "name": "height",
+              "fieldName": "height",
+              "description": "Gets or sets the `height` property.\nThe default value is `auto`, which means the height is determined by the content.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "name": "Dimensionable",
+                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+              }
+            },
+            {
+              "name": "inset",
+              "fieldName": "inset",
+              "description": "Gets or sets the inset value.\nAppears as dom class property.\n\nPossible values are:\n* `top` - applies an inset to the top of the element\n* `right` - applies an inset to the right of the element\n* `bottom` - applies an inset to the bottom of the element\n* `left` - applies an inset to the left of the element\n* `vertical` - applies an inset to both the top and bottom of the element\n* `horizontal` - applies an inset to both the left and right of the element\n* `all` - applies an inset to all sides of the element\n* `none` (default) - no inset is applied\n\nThe default value is `none`, which means no inset is applied.",
+              "type": "Inset | Inset[] | null",
+              "inheritedFrom": {
+                "name": "Insetable",
+                "module": "./../src/Controls/Behaviors/Insetable.ts"
+              }
+            },
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--box-background-color",
+              "description": "The background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-border-color",
+              "description": "The border color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-border-radius",
+              "description": "The border radius CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-border-style",
+              "description": "The border style CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-border-width",
+              "description": "The border width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-family",
+              "description": "The font family CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-letter-spacing",
+              "description": "The font letter spacing CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-line-height",
+              "description": "The font line height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-size",
+              "description": "The font size CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-text-decoration",
+              "description": "The font text decoration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-text-transform",
+              "description": "The font text transform CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-font-weight",
+              "description": "The font weight CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-foreground-color",
+              "description": "The foreground color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-gap",
+              "description": "The gap CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-height",
+              "description": "The height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-padding-bottom",
+              "description": "The padding bottom CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-padding-left",
+              "description": "The padding left CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-padding-right",
+              "description": "The padding right CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-padding-top",
+              "description": "The padding top CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow",
+              "description": "The shadow CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow-blur",
+              "description": "The shadow blur CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow-color",
+              "description": "The shadow color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow-offset-x",
+              "description": "The shadow offset x CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow-offset-y",
+              "description": "The shadow offset y CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-shadow-spread",
+              "description": "The shadow spread CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-transition-duration",
+              "description": "The transition duration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-transition-mode",
+              "description": "The transition mode CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-transition-property",
+              "description": "The transition property CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-translate",
+              "description": "The translate CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--box-width",
+              "description": "The width CSS custom property.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "dismiss",
+              "description": "The dismiss part."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Checkmark/CheckmarkElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-checkmark",
+          "declaration": {
+            "name": "CheckmarkElement",
+            "module": "./../src/Controls/Components/Primitives/Checkmark/CheckmarkElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            }
+          ],
+          "description": "Checkmark - A visual indicator for selection states in checkboxes, radio buttons, and list items.",
+          "name": "CheckmarkElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "checked",
+              "privacy": "public",
+              "description": "Gets or sets the `checked` property.",
+              "type": "boolean | null",
+              "inheritedFrom": {
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "privacy": "public",
+              "description": "Gets or sets the `type` property.",
+              "type": "CheckType | null",
+              "inheritedFrom": {
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isThreeState",
+              "privacy": "public",
+              "description": "Gets or sets the `isThreeState` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "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": "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": "appearance",
+              "privacy": "public",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connected",
+              "privacy": "public",
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disconnected",
+              "privacy": "public",
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "adoptStyle",
+              "privacy": "public",
+              "type": "(styles: CSSResultGroup): void",
+              "description": "Adopts the specified styles.",
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": "CSSResultGroup",
+                  "description": "The styles to adopt."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown, options?: boolean | AddEventListenerOptions | undefined) => IEventListenerSubscription",
+              "description": "Adds an event listener.\nThe listener will be removed when the element is disconnected from the DOM.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "listener",
+                  "type": "(this: HTMLElement, event: HTMLElementEventMap[TEvent]) => unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "privacy": "public",
+              "type": "{ <TEvent extends Event, TDetail extends UnpackCustomEvent<TEvent>>(event: TEvent, eventInitDict?: CustomEventInit<TDetail> | undefined): boolean; <TEvent extends keyof HTMLElementEventMap, TDetail extends UnpackCustomEvent<HTMLElementEventMap[TEvent]>>(type: keyof HTMLElementEventMap, eventInitDict?: CustomEventIni...",
+              "description": "Emits a custom event with more convenient defaults.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "eventInitDict",
+                  "type": "CustomEventInit<TDetail>"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requestUpdate",
+              "privacy": "public",
+              "type": "(name?: keyof this | undefined, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown> | undefined): void",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": "keyof this"
+                },
+                {
+                  "name": "oldValue",
+                  "type": "unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "PropertyDeclaration<unknown, unknown>"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "tagName": "mosaik-checkmark",
           "events": [
             {
               "description": "Emitted when the element is connected to the DOM",
@@ -159578,14 +160285,6 @@
             }
           ],
           "slots": [
-            {
-              "description": "Default slot for child elements.",
-              "name": ""
-            },
-            {
-              "description": "Slot for dismiss button.",
-              "name": "dismiss"
-            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -159597,63 +160296,63 @@
           ],
           "attributes": [
             {
-              "name": "highlighted",
-              "fieldName": "highlighted",
-              "description": "Gets or sets the `highlighted` property.",
-              "type": "boolean",
+              "name": "checked",
+              "fieldName": "checked",
+              "description": "Gets or sets the `checked` property.",
+              "type": "boolean | null",
               "inheritedFrom": {
-                "name": "IBoxElementProps",
-                "module": "./../src/Controls/Components/Primitives/Box/IBoxElementProps.ts"
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
               }
             },
             {
-              "name": "cornered",
-              "fieldName": "cornered",
-              "description": "Gets or sets the `cornered` property.",
-              "type": "boolean",
+              "name": "type",
+              "fieldName": "type",
+              "description": "Gets or sets the `type` property.",
+              "type": "CheckType | null",
               "inheritedFrom": {
-                "name": "IBoxElementProps",
-                "module": "./../src/Controls/Components/Primitives/Box/IBoxElementProps.ts"
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
               }
             },
             {
-              "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",
+              "name": "isThreeState",
+              "fieldName": "isThreeState",
+              "description": "Gets or sets the `isThreeState` property.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "Fitable",
-                "module": "./../src/Controls/Behaviors/Fitable.ts"
+                "name": "ICheckmarkElementProps",
+                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
               }
             },
             {
-              "name": "width",
-              "fieldName": "width",
-              "description": "Gets or sets the `width` property.\nThe default value is `auto`, which means the width is determined by the content.",
-              "type": "CssLength",
+              "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": "Dimensionable",
-                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
             {
-              "name": "height",
-              "fieldName": "height",
-              "description": "Gets or sets the `height` property.\nThe default value is `auto`, which means the height is determined by the content.",
-              "type": "CssLength",
+              "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": "Dimensionable",
-                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
               }
             },
             {
-              "name": "inset",
-              "fieldName": "inset",
-              "description": "Gets or sets the inset value.\nAppears as dom class property.\n\nPossible values are:\n* `top` - applies an inset to the top of the element\n* `right` - applies an inset to the right of the element\n* `bottom` - applies an inset to the bottom of the element\n* `left` - applies an inset to the left of the element\n* `vertical` - applies an inset to both the top and bottom of the element\n* `horizontal` - applies an inset to both the left and right of the element\n* `all` - applies an inset to all sides of the element\n* `none` (default) - no inset is applied\n\nThe default value is `none`, which means no inset is applied.",
-              "type": "Inset | Inset[] | null",
+              "name": "appearance",
+              "fieldName": "appearance",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
               "inheritedFrom": {
-                "name": "Insetable",
-                "module": "./../src/Controls/Behaviors/Insetable.ts"
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
               }
             },
             {
@@ -159679,174 +160378,184 @@
           ],
           "cssProperties": [
             {
-              "name": "--box-background-color",
-              "description": "The background color CSS custom property.",
+              "name": "--checkmark-background-color",
+              "description": "Background color of the checkmark box",
               "type": "String"
             },
             {
-              "name": "--box-border-color",
-              "description": "The border color CSS custom property.",
+              "name": "--checkmark-border-color",
+              "description": "Border color of the checkmark outline",
               "type": "String"
             },
             {
-              "name": "--box-border-radius",
-              "description": "The border radius CSS custom property.",
+              "name": "--checkmark-border-radius",
+              "description": "Corner rounding radius",
               "type": "String"
             },
             {
-              "name": "--box-border-style",
-              "description": "The border style CSS custom property.",
+              "name": "--checkmark-border-style",
+              "description": "Border line style",
               "type": "String"
             },
             {
-              "name": "--box-border-width",
-              "description": "The border width CSS custom property.",
+              "name": "--checkmark-border-width",
+              "description": "Border thickness",
               "type": "String"
             },
             {
-              "name": "--box-font-family",
-              "description": "The font family CSS custom property.",
+              "name": "--checkmark-box-size",
+              "description": "Size of the checkmark box",
               "type": "String"
             },
             {
-              "name": "--box-font-letter-spacing",
-              "description": "The font letter spacing CSS custom property.",
+              "name": "--checkmark-font-family",
+              "description": "Font family for symbol rendering",
               "type": "String"
             },
             {
-              "name": "--box-font-line-height",
-              "description": "The font line height CSS custom property.",
+              "name": "--checkmark-font-letter-spacing",
+              "description": "Letter spacing for the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-font-size",
-              "description": "The font size CSS custom property.",
+              "name": "--checkmark-font-line-height",
+              "description": "Line height for the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-font-text-decoration",
-              "description": "The font text decoration CSS custom property.",
+              "name": "--checkmark-font-size",
+              "description": "Font size for the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-font-text-transform",
-              "description": "The font text transform CSS custom property.",
+              "name": "--checkmark-font-text-decoration",
+              "description": "Text decoration style",
               "type": "String"
             },
             {
-              "name": "--box-font-weight",
-              "description": "The font weight CSS custom property.",
+              "name": "--checkmark-font-text-transform",
+              "description": "Text transformation style",
               "type": "String"
             },
             {
-              "name": "--box-foreground-color",
-              "description": "The foreground color CSS custom property.",
+              "name": "--checkmark-font-weight",
+              "description": "Font weight for the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-gap",
-              "description": "The gap CSS custom property.",
+              "name": "--checkmark-foreground-color",
+              "description": "Color of the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-height",
-              "description": "The height CSS custom property.",
+              "name": "--checkmark-gap",
+              "description": "Internal spacing within the checkmark",
               "type": "String"
             },
             {
-              "name": "--box-padding-bottom",
-              "description": "The padding bottom CSS custom property.",
+              "name": "--checkmark-height",
+              "description": "Height of the checkmark element",
               "type": "String"
             },
             {
-              "name": "--box-padding-left",
-              "description": "The padding left CSS custom property.",
+              "name": "--checkmark-padding-bottom",
+              "description": "Bottom padding inside the checkmark",
               "type": "String"
             },
             {
-              "name": "--box-padding-right",
-              "description": "The padding right CSS custom property.",
+              "name": "--checkmark-padding-left",
+              "description": "Left padding inside the checkmark",
               "type": "String"
             },
             {
-              "name": "--box-padding-top",
-              "description": "The padding top CSS custom property.",
+              "name": "--checkmark-padding-right",
+              "description": "Right padding inside the checkmark",
               "type": "String"
             },
             {
-              "name": "--box-shadow",
-              "description": "The shadow CSS custom property.",
+              "name": "--checkmark-padding-top",
+              "description": "Top padding inside the checkmark",
               "type": "String"
             },
             {
-              "name": "--box-shadow-blur",
+              "name": "--checkmark-shadow",
+              "description": "Drop shadow or elevation effect",
+              "type": "String"
+            },
+            {
+              "name": "--checkmark-shadow-blur",
               "description": "The shadow blur CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--box-shadow-color",
+              "name": "--checkmark-shadow-color",
               "description": "The shadow color CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--box-shadow-offset-x",
+              "name": "--checkmark-shadow-offset-x",
               "description": "The shadow offset x CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--box-shadow-offset-y",
+              "name": "--checkmark-shadow-offset-y",
               "description": "The shadow offset y CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--box-shadow-spread",
+              "name": "--checkmark-shadow-spread",
               "description": "The shadow spread CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--box-transition-duration",
-              "description": "The transition duration CSS custom property.",
+              "name": "--checkmark-thickness",
+              "description": "Stroke thickness for the checkmark symbol",
               "type": "String"
             },
             {
-              "name": "--box-transition-mode",
-              "description": "The transition mode CSS custom property.",
+              "name": "--checkmark-transition-duration",
+              "description": "Duration of state transitions",
               "type": "String"
             },
             {
-              "name": "--box-transition-property",
-              "description": "The transition property CSS custom property.",
+              "name": "--checkmark-transition-mode",
+              "description": "Timing function for transitions",
               "type": "String"
             },
             {
-              "name": "--box-translate",
-              "description": "The translate CSS custom property.",
+              "name": "--checkmark-transition-property",
+              "description": "CSS properties to transition",
               "type": "String"
             },
             {
-              "name": "--box-width",
-              "description": "The width CSS custom property.",
+              "name": "--checkmark-translate",
+              "description": "Transform translation value",
+              "type": "String"
+            },
+            {
+              "name": "--checkmark-width",
+              "description": "Width of the checkmark element",
               "type": "String"
             }
           ],
           "cssParts": [
             {
-              "name": "dismiss",
-              "description": "The dismiss part."
+              "name": "checkmark",
+              "description": "The main checkmark indicator element"
             }
           ]
         }
       ]
     },
     {
-      "path": "./../src/Controls/Components/Primitives/Checkmark/CheckmarkElement.ts",
+      "path": "./../src/Controls/Components/Primitives/Clickable/ClickableElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-checkmark",
+          "name": "mosaik-clickable",
           "declaration": {
-            "name": "CheckmarkElement",
-            "module": "./../src/Controls/Components/Primitives/Checkmark/CheckmarkElement.ts"
+            "name": "ClickableElement",
+            "module": "./../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"
           }
         },
         {
@@ -159860,74 +160569,67 @@
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
+            {
+              "name": "Rippleable",
+              "module": "./../src/Controls/Behaviors/Rippleable.ts"
+            },
             {
               "name": "Disableable",
               "module": "./../src/Controls/Behaviors/Disableable.ts"
             },
             {
-              "name": "Variantable",
-              "module": "./../src/Controls/Behaviors/Variantable.ts"
+              "name": "Focusable",
+              "module": "./../src/Controls/Behaviors/Focusable.ts"
             },
             {
-              "name": "Appearanceable",
-              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
             }
           ],
-          "description": "Checkmark - A visual indicator for selection states in checkboxes, radio buttons, and list items.",
-          "name": "CheckmarkElement",
+          "description": "Clickable - A layout-free interactive primitive that provides hover, ripple,\nfocus-ring, and disabled visual effects.",
+          "name": "ClickableElement",
           "members": [
             {
               "kind": "field",
-              "name": "checked",
-              "privacy": "public",
-              "description": "Gets or sets the `checked` property.",
-              "type": "boolean | null",
-              "inheritedFrom": {
-                "name": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
+              "name": "themeName",
               "privacy": "public",
-              "description": "Gets or sets the `type` property.",
-              "type": "CheckType | null",
+              "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": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "isThreeState",
+              "name": "ripple",
               "privacy": "public",
-              "description": "Gets or sets the `isThreeState` property.",
+              "description": "Gets or sets the `ripple` property.\nWhen set to `false`, the ripple effect is disabled for the element.\nThe default value is `true`, which means the ripple effect is enabled.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+                "name": "Rippleable",
+                "module": "./../src/Controls/Behaviors/Rippleable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "disabled",
               "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": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
               "inheritedFrom": {
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "isFocused",
               "privacy": "public",
-              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "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": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.ts"
               }
             },
             {
@@ -159941,17 +160643,6 @@
                 "module": "./../src/Controls/Behaviors/Variantable.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
-              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
-              "type": "Appearance",
-              "inheritedFrom": {
-                "name": "Appearanceable",
-                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "dir",
@@ -160007,6 +160698,21 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
+            {
+              "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",
@@ -160128,7 +160834,7 @@
               }
             }
           ],
-          "tagName": "mosaik-checkmark",
+          "tagName": "mosaik-clickable",
           "events": [
             {
               "description": "Emitted when the element is connected to the DOM",
@@ -160159,6 +160865,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "Default slot for child content.",
+              "name": ""
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -160170,33 +160880,13 @@
           ],
           "attributes": [
             {
-              "name": "checked",
-              "fieldName": "checked",
-              "description": "Gets or sets the `checked` property.",
-              "type": "boolean | null",
-              "inheritedFrom": {
-                "name": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
-              }
-            },
-            {
-              "name": "type",
-              "fieldName": "type",
-              "description": "Gets or sets the `type` property.",
-              "type": "CheckType | null",
-              "inheritedFrom": {
-                "name": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
-              }
-            },
-            {
-              "name": "isThreeState",
-              "fieldName": "isThreeState",
-              "description": "Gets or sets the `isThreeState` property.",
+              "name": "ripple",
+              "fieldName": "ripple",
+              "description": "Gets or sets the `ripple` property.\nWhen set to `false`, the ripple effect is disabled for the element.\nThe default value is `true`, which means the ripple effect is enabled.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "ICheckmarkElementProps",
-                "module": "./../src/Controls/Components/Primitives/Checkmark/ICheckmarkElementProps.ts"
+                "name": "Rippleable",
+                "module": "./../src/Controls/Behaviors/Rippleable.ts"
               }
             },
             {
@@ -160209,6 +160899,16 @@
                 "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
+            {
+              "name": "is-focused",
+              "fieldName": "isFocused",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.ts"
+              }
+            },
             {
               "name": "variant",
               "fieldName": "variant",
@@ -160219,16 +160919,6 @@
                 "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": "dir",
               "fieldName": "dir",
@@ -160252,170 +160942,149 @@
           ],
           "cssProperties": [
             {
-              "name": "--checkmark-background-color",
-              "description": "Background color of the checkmark box",
-              "type": "String"
-            },
-            {
-              "name": "--checkmark-border-color",
-              "description": "Border color of the checkmark outline",
-              "type": "String"
-            },
-            {
-              "name": "--checkmark-border-radius",
-              "description": "Corner rounding radius",
-              "type": "String"
-            },
-            {
-              "name": "--checkmark-border-style",
-              "description": "Border line style",
-              "type": "String"
-            },
-            {
-              "name": "--checkmark-border-width",
-              "description": "Border thickness",
-              "type": "String"
-            },
-            {
-              "name": "--checkmark-box-size",
-              "description": "Size of the checkmark box",
+              "name": "--clickable-background-color",
+              "description": "The background color CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-family",
-              "description": "Font family for symbol rendering",
+              "name": "--clickable-border-color",
+              "description": "The border color CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-letter-spacing",
-              "description": "Letter spacing for the checkmark symbol",
+              "name": "--clickable-border-radius",
+              "description": "The border radius CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-line-height",
-              "description": "Line height for the checkmark symbol",
+              "name": "--clickable-border-style",
+              "description": "The border style CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-size",
-              "description": "Font size for the checkmark symbol",
+              "name": "--clickable-border-width",
+              "description": "The border width CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-text-decoration",
-              "description": "Text decoration style",
+              "name": "--clickable-focus-ring-active-width",
+              "description": "The focus ring active width CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-text-transform",
-              "description": "Text transformation style",
+              "name": "--clickable-focus-ring-color",
+              "description": "The focus ring color CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-font-weight",
-              "description": "Font weight for the checkmark symbol",
+              "name": "--clickable-focus-ring-inward-offset",
+              "description": "The focus ring inward offset CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-foreground-color",
-              "description": "Color of the checkmark symbol",
+              "name": "--clickable-focus-ring-outward-offset",
+              "description": "The focus ring outward offset CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-gap",
-              "description": "Internal spacing within the checkmark",
+              "name": "--clickable-font-family",
+              "description": "The font family CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-height",
-              "description": "Height of the checkmark element",
+              "name": "--clickable-font-letter-spacing",
+              "description": "The font letter spacing CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-padding-bottom",
-              "description": "Bottom padding inside the checkmark",
+              "name": "--clickable-font-line-height",
+              "description": "The font line height CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-padding-left",
-              "description": "Left padding inside the checkmark",
+              "name": "--clickable-font-size",
+              "description": "The font size CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-padding-right",
-              "description": "Right padding inside the checkmark",
+              "name": "--clickable-font-text-decoration",
+              "description": "The font text decoration CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-padding-top",
-              "description": "Top padding inside the checkmark",
+              "name": "--clickable-font-text-transform",
+              "description": "The font text transform CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow",
-              "description": "Drop shadow or elevation effect",
+              "name": "--clickable-font-weight",
+              "description": "The font weight CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow-blur",
-              "description": "The shadow blur CSS custom property.",
+              "name": "--clickable-gap",
+              "description": "The gap CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow-color",
-              "description": "The shadow color CSS custom property.",
+              "name": "--clickable-padding-bottom",
+              "description": "The padding bottom CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow-offset-x",
-              "description": "The shadow offset x CSS custom property.",
+              "name": "--clickable-padding-left",
+              "description": "The padding left CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow-offset-y",
-              "description": "The shadow offset y CSS custom property.",
+              "name": "--clickable-padding-right",
+              "description": "The padding right CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-shadow-spread",
-              "description": "The shadow spread CSS custom property.",
+              "name": "--clickable-padding-top",
+              "description": "The padding top CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-thickness",
-              "description": "Stroke thickness for the checkmark symbol",
-              "type": "String"
+              "name": "--clickable-ripple-color",
+              "description": "The ripple color CSS custom property.",
+              "type": "Color"
             },
             {
-              "name": "--checkmark-transition-duration",
-              "description": "Duration of state transitions",
+              "name": "--clickable-ripple-duration",
+              "description": "The ripple duration CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-transition-mode",
-              "description": "Timing function for transitions",
+              "name": "--clickable-transition-duration",
+              "description": "The transition duration CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-transition-property",
-              "description": "CSS properties to transition",
+              "name": "--clickable-transition-mode",
+              "description": "The transition mode CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-translate",
-              "description": "Transform translation value",
+              "name": "--clickable-transition-property",
+              "description": "The transition property CSS custom property.",
               "type": "String"
             },
             {
-              "name": "--checkmark-width",
-              "description": "Width of the checkmark element",
+              "name": "--clickable-translate",
+              "description": "The translate CSS custom property.",
               "type": "String"
             }
           ],
           "cssParts": [
             {
-              "name": "checkmark",
-              "description": "The main checkmark indicator element"
+              "name": "focusRing",
+              "description": "The focus ring part."
+            },
+            {
+              "name": "ripple",
+              "description": "The ripple part."
             }
           ]
         }
@@ -201520,6 +202189,28 @@
               "description": "Gets or sets the `hasNext` property.",
               "type": "boolean"
             },
+            {
+              "kind": "field",
+              "name": "autoplay",
+              "privacy": "public",
+              "description": "Gets or sets the `autoplay` property.\nEnables or disables automatic carousel cycling.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICarouselElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "timeout",
+              "privacy": "public",
+              "description": "Gets or sets the `timeout` property.\nThe timeout in milliseconds between automatic carousel item transitions.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ICarouselElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showNavigation",
@@ -201706,6 +202397,50 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "start",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Starts autoplay.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stop",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Stops autoplay.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "pause",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Pauses autoplay.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resume",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resumes autoplay.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "select",
@@ -202002,6 +202737,26 @@
               "description": "Gets or sets the `hasNext` property.",
               "type": "boolean"
             },
+            {
+              "name": "autoplay",
+              "fieldName": "autoplay",
+              "description": "Gets or sets the `autoplay` property.\nEnables or disables automatic carousel cycling.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "ICarouselElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"
+              }
+            },
+            {
+              "name": "timeout",
+              "fieldName": "timeout",
+              "description": "Gets or sets the `timeout` property.\nThe timeout in milliseconds between automatic carousel item transitions.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "ICarouselElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"
+              }
+            },
             {
               "name": "showNavigation",
               "fieldName": "showNavigation",
@@ -202276,6 +203031,17 @@
           "description": "CarouselItem - An individual content slide within a carousel navigation component.\n\nRepresents a single content item that can be displayed within a carousel layout.\nContains content such as images, cards, text, or any other elements that need\nto be presented in the carousel's sliding presentation format.",
           "name": "CarouselItemElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "timeout",
+              "privacy": "public",
+              "description": "Gets or sets the `timeout` property.\nOptional override for the autoplay timeout duration specific to this item.\nIf set, this value takes precedence over the parent Carousel's `timeout` when advancing to the next item.\nWhen null (default), the parent Carousel's timeout is used.\nMust be greater than 0 if set.",
+              "type": "number | null",
+              "inheritedFrom": {
+                "name": "ICarouselItemElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "isDismissed",
@@ -202686,6 +203452,16 @@
             }
           ],
           "attributes": [
+            {
+              "name": "timeout",
+              "fieldName": "timeout",
+              "description": "Gets or sets the `timeout` property.\nOptional override for the autoplay timeout duration specific to this item.\nIf set, this value takes precedence over the parent Carousel's `timeout` when advancing to the next item.\nWhen null (default), the parent Carousel's timeout is used.\nMust be greater than 0 if set.",
+              "type": "number | null",
+              "inheritedFrom": {
+                "name": "ICarouselItemElementProps",
+                "module": "./../src/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.ts"
+              }
+            },
             {
               "name": "is-dismissed",
               "fieldName": "isDismissed",
@@ -234404,6 +235180,10 @@
               "description": "Navigation drawer content area for primary navigation links and menu items",
               "name": "nav"
             },
+            {
+              "description": "The rail slot.",
+              "name": "rail"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -234635,9 +235415,17 @@
               "name": "header",
               "description": "Application header section containing branding and navigation controls"
             },
+            {
+              "name": "main",
+              "description": "The main part."
+            },
             {
               "name": "nav",
               "description": "Navigation area within the drawer for menu items and links"
+            },
+            {
+              "name": "rail",
+              "description": "The rail part."
             }
           ]
         }