@openremote/or-vaadin-components 1.26.0 → 1.27.0-snapshot.20260630125512

package/custom-elements-jsx.d.ts

@@ -43,8 +43,8 @@ import type { OrVaadinSlider } from "./lib/or-vaadin-slider.d.ts";
 import type { OrVaadinTextArea } from "./lib/or-vaadin-text-area.d.ts";
 import type { OrVaadinTextField } from "./lib/or-vaadin-text-field.d.ts";
 import type { OrVaadinTimePicker } from "./lib/or-vaadin-time-picker.d.ts";
-import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
 import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.js";
+import type { Badge } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/badge/./lib/vaadin-badge.js";
 import type { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
 import type { CheckboxGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox-group/./lib/vaadin-checkbox-group.js";
 import type { ComboBoxItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-item.js";
@@ -75,8 +75,8 @@ import type { MultiSelectComboBoxItem } from "/home/runner/work/openremote/openr
 import type { MultiSelectComboBoxScroller } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/multi-select-combo-box/./lib/vaadin-multi-select-combo-box-scroller.js";
 import type { MultiSelectComboBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/multi-select-combo-box/./lib/vaadin-multi-select-combo-box.js";
 import type { NumberField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/number-field/./lib/vaadin-number-field.js";
-import type { Overlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/overlay/./lib/vaadin-overlay.js";
 import type { PasswordField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/password-field/./lib/vaadin-password-field.js";
+import type { Overlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/overlay/./lib/vaadin-overlay.js";
 import type { RadioButton } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/radio-group/./lib/vaadin-radio-button.js";
 import type { RadioGroup } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/radio-group/./lib/vaadin-radio-group.js";
 import type { SelectListBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select-list-box.js";
@@ -4336,41 +4336,6 @@ default I18N properties. */
   textContent?: string | number;
 };
 
-export type BadgeProps = {
-  /** The number to display in the badge. */
-  number?: Badge["number"];
-  /** Set when the badge has content in the icon slot */
-  "has-icon"?: unknown;
-  /** Set when the badge has content in the icon slot */
-  undefined?: unknown;
-  /** Set when the badge has content in the default slot */
-  "has-content"?: unknown;
-  /** Set when the badge has a number value */
-  "has-number"?: unknown;
-  /**  */
-  dir?: Badge["dir"];
-};
-
-export type BadgeSolidJsProps = {
-  /** The number to display in the badge. */
-  "prop:number"?: Badge["number"];
-  /** Set when the badge has content in the icon slot */
-  "bool:has-icon"?: unknown;
-  /** Set when the badge has content in the icon slot */
-  "prop:undefined"?: unknown;
-  /** Set when the badge has content in the default slot */
-  "bool:has-content"?: unknown;
-  /** Set when the badge has a number value */
-  "bool:has-number"?: unknown;
-  /**  */
-  "prop:dir"?: Badge["dir"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type ButtonProps = {
   /** When disabled, the button is rendered as "dimmed" and prevents all
 user interactions (mouse and keyboard).
@@ -4446,6 +4411,41 @@ window.Vaadin.featureFlags.accessibleDisabledButtons = true
   textContent?: string | number;
 };
 
+export type BadgeProps = {
+  /** The number to display in the badge. */
+  number?: Badge["number"];
+  /** Set when the badge has content in the icon slot */
+  "has-icon"?: unknown;
+  /** Set when the badge has content in the icon slot */
+  undefined?: unknown;
+  /** Set when the badge has content in the default slot */
+  "has-content"?: unknown;
+  /** Set when the badge has a number value */
+  "has-number"?: unknown;
+  /**  */
+  dir?: Badge["dir"];
+};
+
+export type BadgeSolidJsProps = {
+  /** The number to display in the badge. */
+  "prop:number"?: Badge["number"];
+  /** Set when the badge has content in the icon slot */
+  "bool:has-icon"?: unknown;
+  /** Set when the badge has content in the icon slot */
+  "prop:undefined"?: unknown;
+  /** Set when the badge has content in the default slot */
+  "bool:has-content"?: unknown;
+  /** Set when the badge has a number value */
+  "bool:has-number"?: unknown;
+  /**  */
+  "prop:dir"?: Badge["dir"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type CheckboxProps = {
   /** Set when the checkbox is activated with mouse, touch or the keyboard. */
   active?: unknown;
@@ -8418,144 +8418,6 @@ the clear icon element should be provided via the `clearElement` getter. */
   textContent?: string | number;
 };
 
-export type OverlayProps = {
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  opening?: unknown;
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  undefined?: unknown;
-  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
-  closing?: unknown;
-  /** When true, the overlay is visible and attached to body. */
-  opened?: Overlay["opened"];
-  /** Owner element passed with renderer function */
-  owner?: Overlay["owner"];
-  /** Object with properties that is passed to `renderer` function */
-  model?: Overlay["model"];
-  /** Custom function for rendering the content of the overlay.
-Receives three arguments:
-
-- `root` The root container DOM element. Append your content to it.
-- `owner` The host element of the renderer function.
-- `model` The object with the properties related with rendering. */
-  renderer?: Overlay["renderer"];
-  /** When true the overlay won't disable the main content, showing
-it doesn't change the functionality of the user interface. */
-  modeless?: Overlay["modeless"];
-  /** When set to true, the overlay is hidden. This also closes the overlay
-immediately in case there is a closing animation in progress. */
-  hidden?: Overlay["hidden"];
-  /** When true the overlay has backdrop on top of content when opened. */
-  withBackdrop?: Overlay["withBackdrop"];
-  /** When true, opening the overlay moves focus to the first focusable child,
-or to the overlay part with tabindex if there are no focusable children. */
-  focusTrap?: Overlay["focusTrap"];
-  /** Set to true to enable restoring of focus when overlay is closed. */
-  restoreFocusOnClose?: Overlay["restoreFocusOnClose"];
-  /** Set to specify the element which should be focused on overlay close,
-if `restoreFocusOnClose` is set to true. */
-  restoreFocusNode?: Overlay["restoreFocusNode"];
-  /**  */
-  dir?: Overlay["dir"];
-  /**  */
-  _boundMouseDownListener?: Overlay["_boundMouseDownListener"];
-  /**  */
-  _boundMouseUpListener?: Overlay["_boundMouseUpListener"];
-  /**  */
-  _boundOutsideClickListener?: Overlay["_boundOutsideClickListener"];
-  /**  */
-  _boundKeydownListener?: Overlay["_boundKeydownListener"];
-  /**  */
-  __focusTrapController?: Overlay["__focusTrapController"];
-  /**  */
-  __focusRestorationController?: Overlay["__focusRestorationController"];
-
-  /** Fired when the `opened` property changes. */
-  "onopened-changed"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is opened. */
-  "onvaadin-overlay-open"?: (e: CustomEvent) => void;
-  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-close"?: (e: CustomEvent) => void;
-  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
-  "onvaadin-overlay-closing"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is closed. */
-  "onvaadin-overlay-closed"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-outside-click"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
-  "onvaadin-overlay-escape-press"?: (e: CustomEvent) => void;
-};
-
-export type OverlaySolidJsProps = {
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  "bool:opening"?: unknown;
-  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
-  "prop:undefined"?: unknown;
-  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
-  "bool:closing"?: unknown;
-  /** When true, the overlay is visible and attached to body. */
-  "prop:opened"?: Overlay["opened"];
-  /** Owner element passed with renderer function */
-  "prop:owner"?: Overlay["owner"];
-  /** Object with properties that is passed to `renderer` function */
-  "prop:model"?: Overlay["model"];
-  /** Custom function for rendering the content of the overlay.
-Receives three arguments:
-
-- `root` The root container DOM element. Append your content to it.
-- `owner` The host element of the renderer function.
-- `model` The object with the properties related with rendering. */
-  "prop:renderer"?: Overlay["renderer"];
-  /** When true the overlay won't disable the main content, showing
-it doesn't change the functionality of the user interface. */
-  "prop:modeless"?: Overlay["modeless"];
-  /** When set to true, the overlay is hidden. This also closes the overlay
-immediately in case there is a closing animation in progress. */
-  "prop:hidden"?: Overlay["hidden"];
-  /** When true the overlay has backdrop on top of content when opened. */
-  "prop:withBackdrop"?: Overlay["withBackdrop"];
-  /** When true, opening the overlay moves focus to the first focusable child,
-or to the overlay part with tabindex if there are no focusable children. */
-  "prop:focusTrap"?: Overlay["focusTrap"];
-  /** Set to true to enable restoring of focus when overlay is closed. */
-  "prop:restoreFocusOnClose"?: Overlay["restoreFocusOnClose"];
-  /** Set to specify the element which should be focused on overlay close,
-if `restoreFocusOnClose` is set to true. */
-  "prop:restoreFocusNode"?: Overlay["restoreFocusNode"];
-  /**  */
-  "prop:dir"?: Overlay["dir"];
-  /**  */
-  "prop:_boundMouseDownListener"?: Overlay["_boundMouseDownListener"];
-  /**  */
-  "prop:_boundMouseUpListener"?: Overlay["_boundMouseUpListener"];
-  /**  */
-  "prop:_boundOutsideClickListener"?: Overlay["_boundOutsideClickListener"];
-  /**  */
-  "prop:_boundKeydownListener"?: Overlay["_boundKeydownListener"];
-  /**  */
-  "prop:__focusTrapController"?: Overlay["__focusTrapController"];
-  /**  */
-  "prop:__focusRestorationController"?: Overlay["__focusRestorationController"];
-  /** Fired when the `opened` property changes. */
-  "on:opened-changed"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is opened. */
-  "on:vaadin-overlay-open"?: (e: CustomEvent) => void;
-  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-close"?: (e: CustomEvent) => void;
-  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
-  "on:vaadin-overlay-closing"?: (e: CustomEvent) => void;
-  /** Fired after the overlay is closed. */
-  "on:vaadin-overlay-closed"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-outside-click"?: (e: CustomEvent) => void;
-  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
-  "on:vaadin-overlay-escape-press"?: (e: CustomEvent) => void;
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type PasswordFieldProps = {
   /** Set when the element is disabled */
   disabled?: unknown;
@@ -8810,38 +8672,176 @@ the clear icon element should be provided via the `clearElement` getter. */
   textContent?: string | number;
 };
 
-export type RadioButtonProps = {
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
-  active?: unknown;
-  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+export type OverlayProps = {
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  opening?: unknown;
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
   undefined?: unknown;
-  /** Set when the radio button is disabled. */
-  disabled?: unknown;
-  /** Set when the radio button is focused using the keyboard. */
-  "focus-ring"?: unknown;
-  /** Set when the radio button is focused. */
-  focused?: unknown;
-  /** Set when the radio button is checked. */
-  checked?: RadioButton["checked"];
-  /** Set when the radio button has a label. */
-  "has-label"?: unknown;
-  /** The name of the radio button. */
-  name?: RadioButton["name"];
-  /** The label text for the input node.
-When no light dom defined via [slot=label], this value will be used. */
-  label?: RadioButton["label"];
-  /**  */
-  dir?: RadioButton["dir"];
-  /**  */
-  value?: RadioButton["value"];
-  /**  */
-  tabindex?: RadioButton["tabindex"];
-  /**  */
-  _labelController?: RadioButton["_labelController"];
+  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
+  closing?: unknown;
+  /** When true, the overlay is visible and attached to body. */
+  opened?: Overlay["opened"];
+  /** Owner element passed with renderer function */
+  owner?: Overlay["owner"];
+  /** Object with properties that is passed to `renderer` function */
+  model?: Overlay["model"];
+  /** Custom function for rendering the content of the overlay.
+Receives three arguments:
 
-  /** Fired when the `checked` property changes. */
-  "onchecked-changed"?: (e: CustomEvent) => void;
-};
+- `root` The root container DOM element. Append your content to it.
+- `owner` The host element of the renderer function.
+- `model` The object with the properties related with rendering. */
+  renderer?: Overlay["renderer"];
+  /** When true the overlay won't disable the main content, showing
+it doesn't change the functionality of the user interface. */
+  modeless?: Overlay["modeless"];
+  /** When set to true, the overlay is hidden. This also closes the overlay
+immediately in case there is a closing animation in progress. */
+  hidden?: Overlay["hidden"];
+  /** When true the overlay has backdrop on top of content when opened. */
+  withBackdrop?: Overlay["withBackdrop"];
+  /** When true, opening the overlay moves focus to the first focusable child,
+or to the overlay part with tabindex if there are no focusable children. */
+  focusTrap?: Overlay["focusTrap"];
+  /** Set to true to enable restoring of focus when overlay is closed. */
+  restoreFocusOnClose?: Overlay["restoreFocusOnClose"];
+  /** Set to specify the element which should be focused on overlay close,
+if `restoreFocusOnClose` is set to true. */
+  restoreFocusNode?: Overlay["restoreFocusNode"];
+  /**  */
+  dir?: Overlay["dir"];
+  /**  */
+  _boundMouseDownListener?: Overlay["_boundMouseDownListener"];
+  /**  */
+  _boundMouseUpListener?: Overlay["_boundMouseUpListener"];
+  /**  */
+  _boundOutsideClickListener?: Overlay["_boundOutsideClickListener"];
+  /**  */
+  _boundKeydownListener?: Overlay["_boundKeydownListener"];
+  /**  */
+  __focusTrapController?: Overlay["__focusTrapController"];
+  /**  */
+  __focusRestorationController?: Overlay["__focusRestorationController"];
+
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is opened. */
+  "onvaadin-overlay-open"?: (e: CustomEvent) => void;
+  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-close"?: (e: CustomEvent) => void;
+  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
+  "onvaadin-overlay-closing"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is closed. */
+  "onvaadin-overlay-closed"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-outside-click"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
+  "onvaadin-overlay-escape-press"?: (e: CustomEvent) => void;
+};
+
+export type OverlaySolidJsProps = {
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  "bool:opening"?: unknown;
+  /** Applied just after the overlay is opened. You can apply a CSS animation for this state. */
+  "prop:undefined"?: unknown;
+  /** Applied just before the overlay is closed. You can apply a CSS animation for this state. */
+  "bool:closing"?: unknown;
+  /** When true, the overlay is visible and attached to body. */
+  "prop:opened"?: Overlay["opened"];
+  /** Owner element passed with renderer function */
+  "prop:owner"?: Overlay["owner"];
+  /** Object with properties that is passed to `renderer` function */
+  "prop:model"?: Overlay["model"];
+  /** Custom function for rendering the content of the overlay.
+Receives three arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `owner` The host element of the renderer function.
+- `model` The object with the properties related with rendering. */
+  "prop:renderer"?: Overlay["renderer"];
+  /** When true the overlay won't disable the main content, showing
+it doesn't change the functionality of the user interface. */
+  "prop:modeless"?: Overlay["modeless"];
+  /** When set to true, the overlay is hidden. This also closes the overlay
+immediately in case there is a closing animation in progress. */
+  "prop:hidden"?: Overlay["hidden"];
+  /** When true the overlay has backdrop on top of content when opened. */
+  "prop:withBackdrop"?: Overlay["withBackdrop"];
+  /** When true, opening the overlay moves focus to the first focusable child,
+or to the overlay part with tabindex if there are no focusable children. */
+  "prop:focusTrap"?: Overlay["focusTrap"];
+  /** Set to true to enable restoring of focus when overlay is closed. */
+  "prop:restoreFocusOnClose"?: Overlay["restoreFocusOnClose"];
+  /** Set to specify the element which should be focused on overlay close,
+if `restoreFocusOnClose` is set to true. */
+  "prop:restoreFocusNode"?: Overlay["restoreFocusNode"];
+  /**  */
+  "prop:dir"?: Overlay["dir"];
+  /**  */
+  "prop:_boundMouseDownListener"?: Overlay["_boundMouseDownListener"];
+  /**  */
+  "prop:_boundMouseUpListener"?: Overlay["_boundMouseUpListener"];
+  /**  */
+  "prop:_boundOutsideClickListener"?: Overlay["_boundOutsideClickListener"];
+  /**  */
+  "prop:_boundKeydownListener"?: Overlay["_boundKeydownListener"];
+  /**  */
+  "prop:__focusTrapController"?: Overlay["__focusTrapController"];
+  /**  */
+  "prop:__focusRestorationController"?: Overlay["__focusRestorationController"];
+  /** Fired when the `opened` property changes. */
+  "on:opened-changed"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is opened. */
+  "on:vaadin-overlay-open"?: (e: CustomEvent) => void;
+  /** Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-close"?: (e: CustomEvent) => void;
+  /** Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation. */
+  "on:vaadin-overlay-closing"?: (e: CustomEvent) => void;
+  /** Fired after the overlay is closed. */
+  "on:vaadin-overlay-closed"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-outside-click"?: (e: CustomEvent) => void;
+  /** Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing. */
+  "on:vaadin-overlay-escape-press"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type RadioButtonProps = {
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  active?: unknown;
+  /** Set when the radio button is pressed, either with a pointer or the keyboard. */
+  undefined?: unknown;
+  /** Set when the radio button is disabled. */
+  disabled?: unknown;
+  /** Set when the radio button is focused using the keyboard. */
+  "focus-ring"?: unknown;
+  /** Set when the radio button is focused. */
+  focused?: unknown;
+  /** Set when the radio button is checked. */
+  checked?: RadioButton["checked"];
+  /** Set when the radio button has a label. */
+  "has-label"?: unknown;
+  /** The name of the radio button. */
+  name?: RadioButton["name"];
+  /** The label text for the input node.
+When no light dom defined via [slot=label], this value will be used. */
+  label?: RadioButton["label"];
+  /**  */
+  dir?: RadioButton["dir"];
+  /**  */
+  value?: RadioButton["value"];
+  /**  */
+  tabindex?: RadioButton["tabindex"];
+  /**  */
+  _labelController?: RadioButton["_labelController"];
+
+  /** Fired when the `checked` property changes. */
+  "onchecked-changed"?: (e: CustomEvent) => void;
+};
 
 export type RadioButtonSolidJsProps = {
   /** Set when the radio button is pressed, either with a pointer or the keyboard. */
@@ -12858,94 +12858,6 @@ export type CustomElements = {
     OrVaadinTimePickerProps & BaseProps<OrVaadinTimePicker> & BaseEvents
   >;
 
-  /**
-   * `<vaadin-badge>` is a Web Component for displaying badges.
-   *
-   * ```html
-   * <vaadin-badge>New</vaadin-badge>
-   * ```
-   *
-   * ### Slots
-   *
-   * Name     | Description
-   * ---------|-------------
-   * (none)   | Default slot for the badge text content
-   * `icon`   | Slot for an icon to place before the text
-   *
-   * ### Styling
-   *
-   * The following shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|-------------
-   * `icon`     | The container for the icon slot
-   * `number`   | The container for the number value
-   * `content`  | The container for the default slot
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute      | Description
-   * ---------------|-------------
-   * `has-icon`     | Set when the badge has content in the icon slot
-   * `has-content`  | Set when the badge has content in the default slot
-   * `has-number`   | Set when the badge has a number value
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property              |
-   * :--------------------------------|
-   * `--vaadin-badge-background`      |
-   * `--vaadin-badge-border-color`    |
-   * `--vaadin-badge-border-radius`   |
-   * `--vaadin-badge-border-width`    |
-   * `--vaadin-badge-font-size`       |
-   * `--vaadin-badge-font-weight`     |
-   * `--vaadin-badge-font-family`     |
-   * `--vaadin-badge-gap`             |
-   * `--vaadin-badge-line-height`     |
-   * `--vaadin-badge-padding`         |
-   * `--vaadin-badge-text-color`      |
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `number`: The number to display in the badge.
-   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
-   * - `has-content`/`undefined`: Set when the badge has content in the default slot
-   * - `has-number`/`undefined`: Set when the badge has a number value
-   * - `dir`: undefined
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
-   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
-   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
-   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
-   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
-   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
-   */
-  "vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
-
   /**
    * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
    *
@@ -13055,19 +12967,107 @@ export type CustomElements = {
   "vaadin-button": Partial<ButtonProps & BaseProps<Button> & BaseEvents>;
 
   /**
-   * `<vaadin-checkbox>` is an input field representing a binary choice.
+   * `<vaadin-badge>` is a Web Component for displaying badges.
    *
    * ```html
-   * <vaadin-checkbox label="I accept the terms and conditions"></vaadin-checkbox>
+   * <vaadin-badge>New</vaadin-badge>
    * ```
    *
+   * ### Slots
+   *
+   * Name     | Description
+   * ---------|-------------
+   * (none)   | Default slot for the badge text content
+   * `icon`   | Slot for an icon to place before the text
+   *
    * ### Styling
    *
    * The following shadow DOM parts are available for styling:
    *
-   * Part name            | Description
-   * ---------------------|-------------
-   * `checkbox`           | The element representing a stylable custom checkbox
+   * Part name  | Description
+   * -----------|-------------
+   * `icon`     | The container for the icon slot
+   * `number`   | The container for the number value
+   * `content`  | The container for the default slot
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute      | Description
+   * ---------------|-------------
+   * `has-icon`     | Set when the badge has content in the icon slot
+   * `has-content`  | Set when the badge has content in the default slot
+   * `has-number`   | Set when the badge has a number value
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property              |
+   * :--------------------------------|
+   * `--vaadin-badge-background`      |
+   * `--vaadin-badge-border-color`    |
+   * `--vaadin-badge-border-radius`   |
+   * `--vaadin-badge-border-width`    |
+   * `--vaadin-badge-font-size`       |
+   * `--vaadin-badge-font-weight`     |
+   * `--vaadin-badge-font-family`     |
+   * `--vaadin-badge-gap`             |
+   * `--vaadin-badge-line-height`     |
+   * `--vaadin-badge-padding`         |
+   * `--vaadin-badge-text-color`      |
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `number`: The number to display in the badge.
+   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
+   * - `has-content`/`undefined`: Set when the badge has content in the default slot
+   * - `has-number`/`undefined`: Set when the badge has a number value
+   * - `dir`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
+   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
+   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
+   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
+   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
+   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   */
+  "vaadin-badge": Partial<BadgeProps & BaseProps<Badge> & BaseEvents>;
+
+  /**
+   * `<vaadin-checkbox>` is an input field representing a binary choice.
+   *
+   * ```html
+   * <vaadin-checkbox label="I accept the terms and conditions"></vaadin-checkbox>
+   * ```
+   *
+   * ### Styling
+   *
+   * The following shadow DOM parts are available for styling:
+   *
+   * Part name            | Description
+   * ---------------------|-------------
+   * `checkbox`           | The element representing a stylable custom checkbox
    * `label`              | The slotted label element wrapper
    * `helper-text`        | The slotted helper text element wrapper
    * `error-message`      | The slotted error message element wrapper
@@ -16301,128 +16301,6 @@ export type CustomElements = {
     NumberFieldProps & BaseProps<NumberField> & BaseEvents
   >;
 
-  /**
-   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
-   * can be populated imperatively by using `renderer` callback function.
-   *
-   * ### Rendering
-   *
-   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
-   * Generate DOM content by using `model` object properties if needed, append it to the `root`
-   * element and control the state of the host element by accessing `owner`. Before generating new
-   * content, users are able to check if there is already content in `root` for reusing it.
-   *
-   * ```html
-   * <vaadin-overlay id="overlay"></vaadin-overlay>
-   * ```
-   * ```js
-   * const overlay = document.querySelector('#overlay');
-   * overlay.renderer = function(root) {
-   *  root.textContent = "Overlay content";
-   * };
-   * ```
-   *
-   * Renderer is called on the opening of the overlay and each time the related model is updated.
-   * DOM generated during the renderer call can be reused
-   * in the next renderer call and will be provided with the `root` argument.
-   * On first call it will be empty.
-   *
-   * ### Styling
-   *
-   * The following Shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|---------------------------------------------------------|
-   * `backdrop` | Backdrop of the overlay
-   * `overlay`  | Container for position/sizing/alignment of the content
-   * `content`  | Content of the overlay
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute | Description
-   * ----------|------------
-   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property | Description | Default value
-   * ---|---|---
-   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   * - `opened`: When true, the overlay is visible and attached to body.
-   * - `owner`: Owner element passed with renderer function
-   * - `model`: Object with properties that is passed to `renderer` function
-   * - `renderer`: Custom function for rendering the content of the overlay.
-   * Receives three arguments:
-   *
-   * - `root` The root container DOM element. Append your content to it.
-   * - `owner` The host element of the renderer function.
-   * - `model` The object with the properties related with rendering.
-   * - `modeless`: When true the overlay won't disable the main content, showing
-   * it doesn't change the functionality of the user interface.
-   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
-   * immediately in case there is a closing animation in progress.
-   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
-   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
-   * or to the overlay part with tabindex if there are no focusable children.
-   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
-   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
-   * if `restoreFocusOnClose` is set to true.
-   * - `dir`: undefined
-   * - `_boundMouseDownListener`: undefined (property only)
-   * - `_boundMouseUpListener`: undefined (property only)
-   * - `_boundOutsideClickListener`: undefined (property only)
-   * - `_boundKeydownListener`: undefined (property only)
-   * - `__focusTrapController`: undefined (property only)
-   * - `__focusRestorationController`: undefined (property only)
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `opened-changed`: Fired when the `opened` property changes.
-   * - `vaadin-overlay-open`: Fired after the overlay is opened.
-   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
-   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
-   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
-   * While performing the update, it invokes the renderer passed in the `renderer` property.
-   *
-   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
-   * - `close(sourceEvent: Event=) => void`: undefined
-   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
-   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
-   * - `0`: undefined (default: `undefined`)
-   */
-  "vaadin-overlay": Partial<OverlayProps & BaseProps<Overlay> & BaseEvents>;
-
   /**
    * `<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.
    *
@@ -16563,6 +16441,128 @@ export type CustomElements = {
     PasswordFieldProps & BaseProps<PasswordField> & BaseEvents
   >;
 
+  /**
+   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
+   * can be populated imperatively by using `renderer` callback function.
+   *
+   * ### Rendering
+   *
+   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
+   * Generate DOM content by using `model` object properties if needed, append it to the `root`
+   * element and control the state of the host element by accessing `owner`. Before generating new
+   * content, users are able to check if there is already content in `root` for reusing it.
+   *
+   * ```html
+   * <vaadin-overlay id="overlay"></vaadin-overlay>
+   * ```
+   * ```js
+   * const overlay = document.querySelector('#overlay');
+   * overlay.renderer = function(root) {
+   *  root.textContent = "Overlay content";
+   * };
+   * ```
+   *
+   * Renderer is called on the opening of the overlay and each time the related model is updated.
+   * DOM generated during the renderer call can be reused
+   * in the next renderer call and will be provided with the `root` argument.
+   * On first call it will be empty.
+   *
+   * ### Styling
+   *
+   * The following Shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|---------------------------------------------------------|
+   * `backdrop` | Backdrop of the overlay
+   * `overlay`  | Container for position/sizing/alignment of the content
+   * `content`  | Content of the overlay
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute | Description
+   * ----------|------------
+   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property | Description | Default value
+   * ---|---|---
+   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   * - `opened`: When true, the overlay is visible and attached to body.
+   * - `owner`: Owner element passed with renderer function
+   * - `model`: Object with properties that is passed to `renderer` function
+   * - `renderer`: Custom function for rendering the content of the overlay.
+   * Receives three arguments:
+   *
+   * - `root` The root container DOM element. Append your content to it.
+   * - `owner` The host element of the renderer function.
+   * - `model` The object with the properties related with rendering.
+   * - `modeless`: When true the overlay won't disable the main content, showing
+   * it doesn't change the functionality of the user interface.
+   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
+   * immediately in case there is a closing animation in progress.
+   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
+   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
+   * or to the overlay part with tabindex if there are no focusable children.
+   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
+   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
+   * if `restoreFocusOnClose` is set to true.
+   * - `dir`: undefined
+   * - `_boundMouseDownListener`: undefined (property only)
+   * - `_boundMouseUpListener`: undefined (property only)
+   * - `_boundOutsideClickListener`: undefined (property only)
+   * - `_boundKeydownListener`: undefined (property only)
+   * - `__focusTrapController`: undefined (property only)
+   * - `__focusRestorationController`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `opened-changed`: Fired when the `opened` property changes.
+   * - `vaadin-overlay-open`: Fired after the overlay is opened.
+   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
+   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
+   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
+   * While performing the update, it invokes the renderer passed in the `renderer` property.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   * - `close(sourceEvent: Event=) => void`: undefined
+   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
+   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
+   * - `0`: undefined (default: `undefined`)
+   */
+  "vaadin-overlay": Partial<OverlayProps & BaseProps<Overlay> & BaseEvents>;
+
   /**
    * `<vaadin-radio-button>` is a web component representing a choice in a radio group.
    * Only one radio button in the group can be selected at the same time.
@@ -20353,96 +20353,6 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
-  /**
-   * `<vaadin-badge>` is a Web Component for displaying badges.
-   *
-   * ```html
-   * <vaadin-badge>New</vaadin-badge>
-   * ```
-   *
-   * ### Slots
-   *
-   * Name     | Description
-   * ---------|-------------
-   * (none)   | Default slot for the badge text content
-   * `icon`   | Slot for an icon to place before the text
-   *
-   * ### Styling
-   *
-   * The following shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|-------------
-   * `icon`     | The container for the icon slot
-   * `number`   | The container for the number value
-   * `content`  | The container for the default slot
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute      | Description
-   * ---------------|-------------
-   * `has-icon`     | Set when the badge has content in the icon slot
-   * `has-content`  | Set when the badge has content in the default slot
-   * `has-number`   | Set when the badge has a number value
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property              |
-   * :--------------------------------|
-   * `--vaadin-badge-background`      |
-   * `--vaadin-badge-border-color`    |
-   * `--vaadin-badge-border-radius`   |
-   * `--vaadin-badge-border-width`    |
-   * `--vaadin-badge-font-size`       |
-   * `--vaadin-badge-font-weight`     |
-   * `--vaadin-badge-font-family`     |
-   * `--vaadin-badge-gap`             |
-   * `--vaadin-badge-line-height`     |
-   * `--vaadin-badge-padding`         |
-   * `--vaadin-badge-text-color`      |
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `number`: The number to display in the badge.
-   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
-   * - `has-content`/`undefined`: Set when the badge has content in the default slot
-   * - `has-number`/`undefined`: Set when the badge has a number value
-   * - `dir`: undefined
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
-   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
-   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
-   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
-   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
-   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
-   */
-  "vaadin-badge": Partial<
-    BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
-  >;
-
   /**
    * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.
    *
@@ -20549,8 +20459,98 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-button-padding`: undefined (default: `undefined`)
    * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
    */
-  "vaadin-button": Partial<
-    ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
+  "vaadin-button": Partial<
+    ButtonProps & ButtonSolidJsProps & BaseProps<Button> & BaseEvents
+  >;
+
+  /**
+   * `<vaadin-badge>` is a Web Component for displaying badges.
+   *
+   * ```html
+   * <vaadin-badge>New</vaadin-badge>
+   * ```
+   *
+   * ### Slots
+   *
+   * Name     | Description
+   * ---------|-------------
+   * (none)   | Default slot for the badge text content
+   * `icon`   | Slot for an icon to place before the text
+   *
+   * ### Styling
+   *
+   * The following shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|-------------
+   * `icon`     | The container for the icon slot
+   * `number`   | The container for the number value
+   * `content`  | The container for the default slot
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute      | Description
+   * ---------------|-------------
+   * `has-icon`     | Set when the badge has content in the icon slot
+   * `has-content`  | Set when the badge has content in the default slot
+   * `has-number`   | Set when the badge has a number value
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property              |
+   * :--------------------------------|
+   * `--vaadin-badge-background`      |
+   * `--vaadin-badge-border-color`    |
+   * `--vaadin-badge-border-radius`   |
+   * `--vaadin-badge-border-width`    |
+   * `--vaadin-badge-font-size`       |
+   * `--vaadin-badge-font-weight`     |
+   * `--vaadin-badge-font-family`     |
+   * `--vaadin-badge-gap`             |
+   * `--vaadin-badge-line-height`     |
+   * `--vaadin-badge-padding`         |
+   * `--vaadin-badge-text-color`      |
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `number`: The number to display in the badge.
+   * - `has-icon`/`undefined`: Set when the badge has content in the icon slot
+   * - `has-content`/`undefined`: Set when the badge has content in the default slot
+   * - `has-number`/`undefined`: Set when the badge has a number value
+   * - `dir`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-badge-background`: `--vaadin-badge-border-color` (default: `undefined`)
+   * - `--vaadin-badge-border-radius`: `--vaadin-badge-border-width` (default: `undefined`)
+   * - `--vaadin-badge-font-size`: `--vaadin-badge-font-weight` (default: `undefined`)
+   * - `--vaadin-badge-font-family`: `--vaadin-badge-gap` (default: `undefined`)
+   * - `--vaadin-badge-line-height`: `--vaadin-badge-padding` (default: `undefined`)
+   * - `--vaadin-badge-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   */
+  "vaadin-badge": Partial<
+    BadgeProps & BadgeSolidJsProps & BaseProps<Badge> & BaseEvents
   >;
 
   /**
@@ -23878,130 +23878,6 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
-  /**
-   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
-   * can be populated imperatively by using `renderer` callback function.
-   *
-   * ### Rendering
-   *
-   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
-   * Generate DOM content by using `model` object properties if needed, append it to the `root`
-   * element and control the state of the host element by accessing `owner`. Before generating new
-   * content, users are able to check if there is already content in `root` for reusing it.
-   *
-   * ```html
-   * <vaadin-overlay id="overlay"></vaadin-overlay>
-   * ```
-   * ```js
-   * const overlay = document.querySelector('#overlay');
-   * overlay.renderer = function(root) {
-   *  root.textContent = "Overlay content";
-   * };
-   * ```
-   *
-   * Renderer is called on the opening of the overlay and each time the related model is updated.
-   * DOM generated during the renderer call can be reused
-   * in the next renderer call and will be provided with the `root` argument.
-   * On first call it will be empty.
-   *
-   * ### Styling
-   *
-   * The following Shadow DOM parts are available for styling:
-   *
-   * Part name  | Description
-   * -----------|---------------------------------------------------------|
-   * `backdrop` | Backdrop of the overlay
-   * `overlay`  | Container for position/sizing/alignment of the content
-   * `content`  | Content of the overlay
-   *
-   * The following state attributes are available for styling:
-   *
-   * Attribute | Description
-   * ----------|------------
-   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   *
-   * The following custom CSS properties are available for styling:
-   *
-   * Custom CSS property | Description | Default value
-   * ---|---|---
-   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
-   *
-   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
-   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
-   * - `opened`: When true, the overlay is visible and attached to body.
-   * - `owner`: Owner element passed with renderer function
-   * - `model`: Object with properties that is passed to `renderer` function
-   * - `renderer`: Custom function for rendering the content of the overlay.
-   * Receives three arguments:
-   *
-   * - `root` The root container DOM element. Append your content to it.
-   * - `owner` The host element of the renderer function.
-   * - `model` The object with the properties related with rendering.
-   * - `modeless`: When true the overlay won't disable the main content, showing
-   * it doesn't change the functionality of the user interface.
-   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
-   * immediately in case there is a closing animation in progress.
-   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
-   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
-   * or to the overlay part with tabindex if there are no focusable children.
-   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
-   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
-   * if `restoreFocusOnClose` is set to true.
-   * - `dir`: undefined
-   * - `_boundMouseDownListener`: undefined (property only)
-   * - `_boundMouseUpListener`: undefined (property only)
-   * - `_boundOutsideClickListener`: undefined (property only)
-   * - `_boundKeydownListener`: undefined (property only)
-   * - `__focusTrapController`: undefined (property only)
-   * - `__focusRestorationController`: undefined (property only)
-   *
-   * ## Events
-   *
-   * Events that will be emitted by the component.
-   *
-   * - `opened-changed`: Fired when the `opened` property changes.
-   * - `vaadin-overlay-open`: Fired after the overlay is opened.
-   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
-   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
-   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
-   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
-   * - `undefined`: undefined
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
-   * While performing the update, it invokes the renderer passed in the `renderer` property.
-   *
-   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
-   * - `close(sourceEvent: Event=) => void`: undefined
-   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
-   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
-   * - `createProperty(name, options) => void`: undefined
-   * - `getOrCreateMap(name) => void`: undefined
-   * - `addCheckedInitializer(initializer) => void`: undefined
-   * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   *
-   * ## CSS Custom Properties
-   *
-   * CSS variables available for styling the component.
-   *
-   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
-   * - `0`: undefined (default: `undefined`)
-   */
-  "vaadin-overlay": Partial<
-    OverlayProps & OverlaySolidJsProps & BaseProps<Overlay> & BaseEvents
-  >;
-
   /**
    * `<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.
    *
@@ -24145,6 +24021,130 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
+  /**
+   * `<vaadin-overlay>` is a Web Component for creating overlays. The content of the overlay
+   * can be populated imperatively by using `renderer` callback function.
+   *
+   * ### Rendering
+   *
+   * The renderer function provides `root`, `owner`, `model` arguments when applicable.
+   * Generate DOM content by using `model` object properties if needed, append it to the `root`
+   * element and control the state of the host element by accessing `owner`. Before generating new
+   * content, users are able to check if there is already content in `root` for reusing it.
+   *
+   * ```html
+   * <vaadin-overlay id="overlay"></vaadin-overlay>
+   * ```
+   * ```js
+   * const overlay = document.querySelector('#overlay');
+   * overlay.renderer = function(root) {
+   *  root.textContent = "Overlay content";
+   * };
+   * ```
+   *
+   * Renderer is called on the opening of the overlay and each time the related model is updated.
+   * DOM generated during the renderer call can be reused
+   * in the next renderer call and will be provided with the `root` argument.
+   * On first call it will be empty.
+   *
+   * ### Styling
+   *
+   * The following Shadow DOM parts are available for styling:
+   *
+   * Part name  | Description
+   * -----------|---------------------------------------------------------|
+   * `backdrop` | Backdrop of the overlay
+   * `overlay`  | Container for position/sizing/alignment of the content
+   * `content`  | Content of the overlay
+   *
+   * The following state attributes are available for styling:
+   *
+   * Attribute | Description
+   * ----------|------------
+   * `opening` | Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * `closing` | Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property | Description | Default value
+   * ---|---|---
+   * `--vaadin-overlay-viewport-bottom` | Bottom offset of the visible viewport area | `0` or detected offset
+   *
+   * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `opening`/`undefined`: Applied just after the overlay is opened. You can apply a CSS animation for this state.
+   * - `closing`/`undefined`: Applied just before the overlay is closed. You can apply a CSS animation for this state.
+   * - `opened`: When true, the overlay is visible and attached to body.
+   * - `owner`: Owner element passed with renderer function
+   * - `model`: Object with properties that is passed to `renderer` function
+   * - `renderer`: Custom function for rendering the content of the overlay.
+   * Receives three arguments:
+   *
+   * - `root` The root container DOM element. Append your content to it.
+   * - `owner` The host element of the renderer function.
+   * - `model` The object with the properties related with rendering.
+   * - `modeless`: When true the overlay won't disable the main content, showing
+   * it doesn't change the functionality of the user interface.
+   * - `hidden`: When set to true, the overlay is hidden. This also closes the overlay
+   * immediately in case there is a closing animation in progress.
+   * - `withBackdrop`: When true the overlay has backdrop on top of content when opened.
+   * - `focusTrap`: When true, opening the overlay moves focus to the first focusable child,
+   * or to the overlay part with tabindex if there are no focusable children.
+   * - `restoreFocusOnClose`: Set to true to enable restoring of focus when overlay is closed.
+   * - `restoreFocusNode`: Set to specify the element which should be focused on overlay close,
+   * if `restoreFocusOnClose` is set to true.
+   * - `dir`: undefined
+   * - `_boundMouseDownListener`: undefined (property only)
+   * - `_boundMouseUpListener`: undefined (property only)
+   * - `_boundOutsideClickListener`: undefined (property only)
+   * - `_boundKeydownListener`: undefined (property only)
+   * - `__focusTrapController`: undefined (property only)
+   * - `__focusRestorationController`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `opened-changed`: Fired when the `opened` property changes.
+   * - `vaadin-overlay-open`: Fired after the overlay is opened.
+   * - `vaadin-overlay-close`: Fired when the opened overlay is about to be closed. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-closing`: Fired when the overlay starts to close. Closing the overlay can be asynchronous depending on the animation.
+   * - `vaadin-overlay-closed`: Fired after the overlay is closed.
+   * - `vaadin-overlay-outside-click`: Fired before the overlay is closed on outside click. Calling `preventDefault()` on the event cancels the closing.
+   * - `vaadin-overlay-escape-press`: Fired before the overlay is closed on Escape key press. Calling `preventDefault()` on the event cancels the closing.
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestContentUpdate() => void`: Requests an update for the content of the overlay.
+   * While performing the update, it invokes the renderer passed in the `renderer` property.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   * - `close(sourceEvent: Event=) => void`: undefined
+   * - `setBounds(bounds: !OverlayBoundsParam, absolute: boolean = true) => void`: Updates the coordinates of the overlay.
+   * - `bringToFront() => void`: Brings the overlay as visually the frontmost one.
+   * - `createProperty(name, options) => void`: undefined
+   * - `getOrCreateMap(name) => void`: undefined
+   * - `addCheckedInitializer(initializer) => void`: undefined
+   * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-overlay-viewport-bottom`: Bottom offset of the visible viewport area (default: `undefined`)
+   * - `0`: undefined (default: `undefined`)
+   */
+  "vaadin-overlay": Partial<
+    OverlayProps & OverlaySolidJsProps & BaseProps<Overlay> & BaseEvents
+  >;
+
   /**
    * `<vaadin-radio-button>` is a web component representing a choice in a radio group.
    * Only one radio button in the group can be selected at the same time.