@openremote/or-vaadin-components 1.18.0 → 1.19.0-snapshot.20260224160549

package/custom-elements-jsx.d.ts

@@ -15,6 +15,43 @@ import type { OrVaadinSelect } from "./lib/or-vaadin-select.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 { Checkbox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/checkbox/./lib/vaadin-checkbox.js";
+import type { Button } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/button/./lib/vaadin-button.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";
+import type { ComboBoxOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-overlay.js";
+import type { ComboBoxScroller } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box-scroller.js";
+import type { ComboBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/combo-box/./lib/vaadin-combo-box.js";
+import type { CustomField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/custom-field/./lib/vaadin-custom-field.js";
+import type { DatePickerYear } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/date-picker/./lib/vaadin-date-picker-year.js";
+import type { DatePicker } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/date-picker/./lib/vaadin-date-picker.js";
+import type { InfiniteScroller } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/date-picker/./lib/vaadin-infinite-scroller.js";
+import type { DateTimePicker } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/date-time-picker/./lib/vaadin-date-time-picker.js";
+import type { DialogOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/dialog/./lib/vaadin-dialog-overlay.js";
+import type { Dialog } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/dialog/./lib/vaadin-dialog.js";
+import type { Icon } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/icon/./lib/vaadin-icon.js";
+import type { Iconset } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/icon/./lib/vaadin-iconset.js";
+import type { InputContainer } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/input-container/./lib/vaadin-input-container.js";
+import type { MultiSelectComboBoxItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/multi-select-combo-box/./lib/vaadin-multi-select-combo-box-item.js";
+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 { Item } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/item/./lib/vaadin-item.js";
+import type { NumberField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/number-field/./lib/vaadin-number-field.js";
+import type { ListBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/list-box/./lib/vaadin-list-box.js";
+import type { PasswordField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/password-field/./lib/vaadin-password-field.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 { SelectItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select-item.js";
+import type { SelectListBox } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select-list-box.js";
+import type { SelectOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select-overlay.js";
+import type { Select } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/select/./lib/vaadin-select.js";
+import type { TextArea } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/text-area/./lib/vaadin-text-area.js";
+import type { Overlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/overlay/./lib/vaadin-overlay.js";
+import type { TextField } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/text-field/./lib/vaadin-text-field.js";
+import type { TimePickerItem } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/time-picker/./lib/vaadin-time-picker-item.js";
+import type { TimePickerOverlay } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/time-picker/./lib/vaadin-time-picker-overlay.js";
+import type { TimePickerScroller } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/time-picker/./lib/vaadin-time-picker-scroller.js";
+import type { TimePicker } from "/home/runner/work/openremote/openremote/node_modules/@vaadin/time-picker/./lib/vaadin-time-picker.js";
 
 /**
  * This type can be used to create scoped tags for your components.
@@ -96,44 +133,648 @@ type BaseEvents = {
 
 
 export type OrVaadinButtonProps = {
+  /** Indicates whether the element can be focused and where it participates in sequential keyboard navigation. */
+  "tabindex"?: OrVaadinButton['tabindex'];
+  /** Stores the last known tabindex since the element has been disabled. */
+  "_lastTabIndex"?: OrVaadinButton['_lastTabIndex'];
+  /**  */
+  "dir"?: OrVaadinButton['dir'];
+  /** When disabled, the button is rendered as "dimmed" and prevents all
+user interactions (mouse and keyboard).
+
+Since disabled buttons are not focusable and cannot react to hover
+events by default, it can cause accessibility issues by making them
+entirely invisible to assistive technologies, and prevents the use
+of Tooltips to explain why the action is not available. This can be
+addressed by enabling the feature flag `accessibleDisabledButtons`,
+which makes disabled buttons focusable and hoverable, while still
+preventing them from being triggered:
+
+```js
+// Set before any button is attached to the DOM.
+window.Vaadin.featureFlags.accessibleDisabledButtons = true
+``` */
+  "disabled"?: OrVaadinButton['disabled'];
+  /** Set when the button is pressed down, either with mouse, touch or the keyboard */
+  "active"?: unknown;
+  /** Set when the button is pressed down, either with mouse, touch or the keyboard */
+  "undefined"?: unknown;
+  /** Set when the button is focused using the keyboard */
+  "focus-ring"?: unknown;
+  /** Set when the button is focused */
+  "focused"?: unknown;
+  /** Set when the button has a slotted tooltip */
+  "has-tooltip"?: unknown;
 
-
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinCheckboxGroupProps = {
+  /** An array containing values of the currently checked checkboxes.
+
+The array is immutable so toggling checkboxes always results in
+creating a new array. */
+  "value"?: OrVaadinCheckboxGroup['value'];
+  /** When true, the user cannot modify the value of the checkbox group.
+The difference between `disabled` and `readonly` is that in the
+read-only checkbox group, all the checkboxes are also read-only,
+and therefore remain focusable and announced by screen readers. */
+  "readonly"?: OrVaadinCheckboxGroup['readonly'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinCheckboxGroup['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinCheckboxGroup['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinCheckboxGroup['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinCheckboxGroup['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinCheckboxGroup['accessibleNameRef'];
+  /**  */
+  "dir"?: OrVaadinCheckboxGroup['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has helper text */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /**  */
+  "_tooltipController"?: OrVaadinCheckboxGroup['_tooltipController'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinCheckboxGroup['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinCheckboxGroup['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinCheckboxGroup['_errorController'];
 
-
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinCheckboxProps = {
+  /** True if the checkbox is in the indeterminate state which means
+it is not possible to say whether it is checked or unchecked.
+The state is reset once the user switches the checkbox by hand.
+
+https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes */
+  "indeterminate"?: OrVaadinCheckbox['indeterminate'];
+  /** The name of the checkbox. */
+  "name"?: OrVaadinCheckbox['name'];
+  /** When true, the user cannot modify the value of the checkbox.
+The difference between `disabled` and `readonly` is that the
+read-only checkbox remains focusable, is announced by screen
+readers and its value can be submitted as part of the form. */
+  "readonly"?: OrVaadinCheckbox['readonly'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinCheckbox['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinCheckbox['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinCheckbox['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinCheckbox['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinCheckbox['accessibleNameRef'];
+  /**  */
+  "dir"?: OrVaadinCheckbox['dir'];
+  /** Set when the checkbox is activated with mouse, touch or the keyboard. */
+  "active"?: unknown;
+  /** Set when the checkbox is activated with mouse, touch or the keyboard. */
+  "undefined"?: unknown;
+  /** Set when the checkbox is checked. */
+  "checked"?: unknown;
+  /** Set when the checkbox is disabled. */
+  "disabled"?: unknown;
+  /** Set when the checkbox is focused using the keyboard. */
+  "focus-ring"?: unknown;
+  /** Set when the checkbox is focused. */
+  "focused"?: unknown;
+  /** Set when the checkbox is invalid. */
+  "invalid"?: unknown;
+  /** Set when the checkbox has a label. */
+  "has-label"?: unknown;
+  /** Set when the checkbox has helper text. */
+  "has-helper"?: unknown;
+  /** Set when the checkbox has an error message. */
+  "has-error-message"?: unknown;
+  /** Set when the checkbox has a slotted tooltip. */
+  "has-tooltip"?: unknown;
+  /**  */
+  "_boundOnInputClick"?: OrVaadinCheckbox['_boundOnInputClick'];
+  /**  */
+  "value"?: OrVaadinCheckbox['value'];
+  /**  */
+  "tabindex"?: OrVaadinCheckbox['tabindex'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinCheckbox['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinCheckbox['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinCheckbox['_errorController'];
 
-
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the checkbox is checked or unchecked by the user. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the `checked` property changes. */
+  "onchecked-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `indeterminate` property changes. */
+  "onindeterminate-changed"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinDatePickerProps = {
+  /** The current selected date. */
+  "_selectedDate"?: OrVaadinDatePicker['_selectedDate'];
+  /**  */
+  "_focusedDate"?: OrVaadinDatePicker['_focusedDate'];
+  /** Selected date.
+
+Supported date formats:
+- ISO 8601 `"YYYY-MM-DD"` (default)
+- 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` */
+  "value"?: OrVaadinDatePicker['value'];
+  /** Date which should be visible when there is no value selected.
+
+The same date formats as for the `value` property are supported. */
+  "initialPosition"?: OrVaadinDatePicker['initialPosition'];
+  /** Set true to open the date selector overlay. */
+  "opened"?: OrVaadinDatePicker['opened'];
+  /** Set true to prevent the overlay from opening automatically. */
+  "autoOpenDisabled"?: OrVaadinDatePicker['autoOpenDisabled'];
+  /** Set true to display ISO-8601 week numbers in the calendar. Notice that
+displaying week numbers is only supported when `i18n.firstDayOfWeek`
+is 1 (Monday). */
+  "showWeekNumbers"?: OrVaadinDatePicker['showWeekNumbers'];
+  /**  */
+  "_fullscreen"?: OrVaadinDatePicker['_fullscreen'];
+  /**  */
+  "_fullscreenMediaQuery"?: OrVaadinDatePicker['_fullscreenMediaQuery'];
+  /** The earliest date that can be selected. All earlier dates will be disabled.
+
+Supported date formats:
+- ISO 8601 `"YYYY-MM-DD"` (default)
+- 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` */
+  "min"?: OrVaadinDatePicker['min'];
+  /** The latest date that can be selected. All later dates will be disabled.
+
+Supported date formats:
+- ISO 8601 `"YYYY-MM-DD"` (default)
+- 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` */
+  "max"?: OrVaadinDatePicker['max'];
+  /** A function to be used to determine whether the user can select a given date.
+Receives a `DatePickerDate` object of the date to be selected and should return a
+boolean. */
+  "isDateDisabled"?: OrVaadinDatePicker['isDateDisabled'];
+  /** The earliest date that can be selected. All earlier dates will be disabled. */
+  "_minDate"?: OrVaadinDatePicker['_minDate'];
+  /** The latest date that can be selected. All later dates will be disabled. */
+  "_maxDate"?: OrVaadinDatePicker['_maxDate'];
+  /**  */
+  "_noInput"?: OrVaadinDatePicker['_noInput'];
+  /**  */
+  "_ios"?: OrVaadinDatePicker['_ios'];
+  /**  */
+  "_focusOverlayOnOpen"?: OrVaadinDatePicker['_focusOverlayOnOpen'];
+  /**  */
+  "_overlayContent"?: OrVaadinDatePicker['_overlayContent'];
+  /**  */
+  "__enteredDate"?: OrVaadinDatePicker['__enteredDate'];
+  /** The object used to localize this component. To change the default
+localization, replace this with an object that provides all properties, or
+just the individual properties you want to change.
+
+Should be overridden by subclasses to provide a custom JSDoc with the
+default I18N properties. */
+  "i18n"?: OrVaadinDatePicker['i18n'];
+  /**  */
+  "__effectiveI18n"?: OrVaadinDatePicker['__effectiveI18n'];
+  /** A pattern matched against individual characters the user inputs.
+
+When set, the field will prevent:
+- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+
+For example, to allow entering only numbers and minus signs, use:
+`allowedCharPattern = "[\\d-]"` */
+  "allowedCharPattern"?: OrVaadinDatePicker['allowedCharPattern'];
+  /** If true, the input text gets fully selected when the field is focused using click or touch / tap. */
+  "autoselect"?: OrVaadinDatePicker['autoselect'];
+  /** The name of this field. */
+  "name"?: OrVaadinDatePicker['name'];
+  /** A hint to the user of what can be entered in the field. */
+  "placeholder"?: OrVaadinDatePicker['placeholder'];
+  /** When present, it specifies that the field is read-only. */
+  "readonly"?: OrVaadinDatePicker['readonly'];
+  /** The text usually displayed in a tooltip popup when the mouse is over the field. */
+  "title"?: OrVaadinDatePicker['title'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinDatePicker['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinDatePicker['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinDatePicker['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinDatePicker['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinDatePicker['accessibleNameRef'];
+  /** Set to true to display the clear icon which clears the input.
+
+It is up to the component to choose where to place the clear icon:
+in the Shadow DOM or in the light DOM. In any way, a reference to
+the clear icon element should be provided via the `clearElement` getter. */
+  "clearButtonVisible"?: OrVaadinDatePicker['clearButtonVisible'];
+  /**  */
+  "dir"?: OrVaadinDatePicker['dir'];
+  /**  */
+  "_positionTarget"?: OrVaadinDatePicker['_positionTarget'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when week numbers are shown in the calendar */
+  "week-numbers"?: unknown;
+  /**  */
+  "<vaadin-date-picker>"?: unknown;
+  /**  */
+  "<vaadin-date-picker-overlay-content>"?: unknown;
+  /**  */
+  "<vaadin-date-picker-month-scroller>"?: unknown;
+  /**  */
+  "<vaadin-date-picker-year-scroller>"?: unknown;
+  /**  */
+  "<vaadin-date-picker-year>"?: unknown;
+  /**  */
+  "<vaadin-month-calendar>"?: unknown;
+  /** Fullscreen mode years scroller toggle */
+  "years-toggle-button"?: unknown;
+  /** Toolbar with slotted buttons */
+  "toolbar"?: unknown;
+  /**  */
+  "_inputElementValue"?: OrVaadinDatePicker['_inputElementValue'];
+  /**  */
+  "_boundOnClick"?: OrVaadinDatePicker['_boundOnClick'];
+  /**  */
+  "_boundOnScroll"?: OrVaadinDatePicker['_boundOnScroll'];
+  /**  */
+  "_boundOnPaste"?: OrVaadinDatePicker['_boundOnPaste'];
+  /**  */
+  "_boundOnDrop"?: OrVaadinDatePicker['_boundOnDrop'];
+  /**  */
+  "_boundOnBeforeInput"?: OrVaadinDatePicker['_boundOnBeforeInput'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinDatePicker['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinDatePicker['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinDatePicker['_errorController'];
 
-
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the user commits an unparsable value change and there is no change event. */
+  "onunparsable-change"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinDateTimePickerProps = {
+  /** The name of the control, which is submitted with the form data. */
+  "name"?: OrVaadinDateTimePicker['name'];
+  /** The value for this element.
+
+Supported date time format is based on ISO 8601 (without a time zone designator):
+- Minute precision `"YYYY-MM-DDThh:mm"` (default)
+- Second precision `"YYYY-MM-DDThh:mm:ss"`
+- Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` */
+  "value"?: OrVaadinDateTimePicker['value'];
+  /** The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.
+
+Supported date time format is based on ISO 8601 (without a time zone designator):
+- Minute precision `"YYYY-MM-DDThh:mm"`
+- Second precision `"YYYY-MM-DDThh:mm:ss"`
+- Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` */
+  "min"?: OrVaadinDateTimePicker['min'];
+  /** The latest value (date and time) that can be selected. All later values will be disabled.
+
+Supported date time format is based on ISO 8601 (without a time zone designator):
+- Minute precision `"YYYY-MM-DDThh:mm"`
+- Second precision `"YYYY-MM-DDThh:mm:ss"`
+- Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` */
+  "max"?: OrVaadinDateTimePicker['max'];
+  /** The earliest value that can be selected. All earlier values will be disabled. */
+  "__minDateTime"?: OrVaadinDateTimePicker['__minDateTime'];
+  /** The latest value that can be selected. All later values will be disabled. */
+  "__maxDateTime"?: OrVaadinDateTimePicker['__maxDateTime'];
+  /** A placeholder string for the date field. */
+  "datePlaceholder"?: OrVaadinDateTimePicker['datePlaceholder'];
+  /** A placeholder string for the time field. */
+  "timePlaceholder"?: OrVaadinDateTimePicker['timePlaceholder'];
+  /** Defines the time interval (in seconds) between the items displayed
+in the time selection box. The default is 1 hour (i.e. `3600`).
+
+It also configures the precision of the time part of the value string. By default
+the component formats time values as `hh:mm` but setting a step value
+lower than one minute or one second, format resolution changes to
+`hh:mm:ss` and `hh:mm:ss.fff` respectively.
+
+Unit must be set in seconds, and for correctly configuring intervals
+in the dropdown, it need to evenly divide a day.
+
+Note: it is possible to define step that is dividing an hour in inexact
+fragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is
+not recommended to use it for better UX. */
+  "step"?: OrVaadinDateTimePicker['step'];
+  /** Date which should be visible in the date picker overlay when there is no value selected.
+
+The same date formats as for the `value` property are supported but without the time part. */
+  "initialPosition"?: OrVaadinDateTimePicker['initialPosition'];
+  /** Set true to display ISO-8601 week numbers in the calendar. Notice that
+displaying week numbers is only supported when `i18n.firstDayOfWeek`
+is 1 (Monday). */
+  "showWeekNumbers"?: OrVaadinDateTimePicker['showWeekNumbers'];
+  /** Set to true to prevent the overlays from opening automatically. */
+  "autoOpenDisabled"?: OrVaadinDateTimePicker['autoOpenDisabled'];
+  /** Set to true to make this element read-only. */
+  "readonly"?: OrVaadinDateTimePicker['readonly'];
+  /** Specify that this control should have input focus when the page loads. */
+  "autofocus"?: OrVaadinDateTimePicker['autofocus'];
+  /** The current selected date time. */
+  "__selectedDateTime"?: OrVaadinDateTimePicker['__selectedDateTime'];
+  /** The current slotted date picker. */
+  "__datePicker"?: OrVaadinDateTimePicker['__datePicker'];
+  /** The current slotted time picker. */
+  "__timePicker"?: OrVaadinDateTimePicker['__timePicker'];
+  /** The object used to localize this component. To change the default
+localization, replace this with an object that provides all properties, or
+just the individual properties you want to change.
+
+Should be overridden by subclasses to provide a custom JSDoc with the
+default I18N properties. */
+  "i18n"?: OrVaadinDateTimePicker['i18n'];
+  /**  */
+  "__effectiveI18n"?: OrVaadinDateTimePicker['__effectiveI18n'];
+  /**  */
+  "dir"?: OrVaadinDateTimePicker['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has helper text */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /**  */
+  "__defaultDateMinMaxValue"?: OrVaadinDateTimePicker['__defaultDateMinMaxValue'];
+  /**  */
+  "__defaultTimeMinValue"?: OrVaadinDateTimePicker['__defaultTimeMinValue'];
+  /**  */
+  "__defaultTimeMaxValue"?: OrVaadinDateTimePicker['__defaultTimeMaxValue'];
 
-
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the user commits an unparsable or incomplete value change and there is no change event. */
+  "onunparsable-change"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinDialogProps = {
-
-
+  /** Set the width of the dialog.
+If a unitless number is provided, pixels are assumed. */
+  "width"?: OrVaadinDialog['width'];
+  /** Set the height of the dialog.
+If a unitless number is provided, pixels are assumed. */
+  "height"?: OrVaadinDialog['height'];
+  /** Set to true to enable repositioning the dialog by clicking and dragging.
+
+By default, only the overlay area can be used to drag the element. But,
+a child element can be marked as a draggable area by adding a
+"`draggable`" class to it, this will by default make all of its children draggable also.
+If you want a child element to be draggable
+but still have its children non-draggable (by default), mark it with
+"`draggable-leaf-only`" class name. */
+  "draggable"?: OrVaadinDialog['draggable'];
+  /**  */
+  "_touchDevice"?: OrVaadinDialog['_touchDevice'];
+  /**  */
+  "__dragHandleClassName"?: OrVaadinDialog['__dragHandleClassName'];
+  /** Set to true to enable resizing the dialog by dragging the corners and edges. */
+  "resizable"?: OrVaadinDialog['resizable'];
+  /** Custom function for rendering the content of the dialog.
+Receives two arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `dialog` The reference to the `<vaadin-dialog>` element. */
+  "renderer"?: OrVaadinDialog['renderer'];
+  /** String used for rendering a dialog title.
+
+If both `headerTitle` and `headerRenderer` are defined, the title
+and the elements created by the renderer will be placed next to
+each other, with the title coming first.
+
+When `headerTitle` is set, the attribute `has-title` is set on the dialog. */
+  "headerTitle"?: OrVaadinDialog['headerTitle'];
+  /** Custom function for rendering the dialog header.
+Receives two arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `dialog` The reference to the `<vaadin-dialog>` element.
+
+If both `headerTitle` and `headerRenderer` are defined, the title
+and the elements created by the renderer will be placed next to
+each other, with the title coming first.
+
+When `headerRenderer` is set, the attribute `has-header` is set on the dialog. */
+  "headerRenderer"?: OrVaadinDialog['headerRenderer'];
+  /** Custom function for rendering the dialog footer.
+Receives two arguments:
+
+- `root` The root container DOM element. Append your content to it.
+- `dialog` The reference to the `<vaadin-dialog>` element.
+
+When `footerRenderer` is set, the attribute `has-footer` is set on the dialog. */
+  "footerRenderer"?: OrVaadinDialog['footerRenderer'];
+  /** True if the dialog is visible and available for interaction. */
+  "opened"?: OrVaadinDialog['opened'];
+  /** Set to true to disable closing dialog on outside click */
+  "noCloseOnOutsideClick"?: OrVaadinDialog['noCloseOnOutsideClick'];
+  /** Set to true to disable closing dialog on Escape press */
+  "noCloseOnEsc"?: OrVaadinDialog['noCloseOnEsc'];
+  /** Set to true to remove backdrop and allow click events on background elements. */
+  "modeless"?: OrVaadinDialog['modeless'];
+  /** Set the distance of the dialog from the top of the viewport.
+If a unitless number is provided, pixels are assumed.
+
+Note that the dialog uses an internal container that has some
+additional spacing, which can be overridden by the theme. */
+  "top"?: OrVaadinDialog['top'];
+  /** Set the distance of the dialog from the left of the viewport.
+If a unitless number is provided, pixels are assumed.
+
+Note that the dialog uses an internal container that has some
+additional spacing, which can be overridden by the theme. */
+  "left"?: OrVaadinDialog['left'];
+  /** @deprecated Use standard `role` attribute on the dialog instead - The `role` attribute value to be set on the dialog. Defaults to "dialog". */
+  "overlayRole"?: OrVaadinDialog['overlayRole'];
+  /**  */
+  "dir"?: OrVaadinDialog['dir'];
+  /** Set when the element has a title */
+  "has-title"?: unknown;
+  /** Set when the element has a title */
+  "undefined"?: unknown;
+  /** Set when the element has header renderer */
+  "has-header"?: unknown;
+  /** Set when the element has footer renderer */
+  "has-footer"?: unknown;
+  /** Set to `top`, `bottom`, none or both */
+  "overflow"?: unknown;
+
+  /** Fired when the dialog drag is finished. */
+  "ondragged"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the dialog resize is finished. */
+  "onresize"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the dialog is closed. */
+  "onclosed"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinIconProps = {
+  /**  */
+  "class"?: unknown;
+  /**  */
+  "undefined"?: unknown;
+  /** The name of the icon to use. The name should be of the form:
+`iconset_name:icon_name`. When using `vaadin-icons` it is possible
+to omit the first part and only use `icon_name` as a value.
+
+Setting the `icon` property updates the `svg` and `size` based on the
+values provided by the corresponding `vaadin-iconset` element.
+
+See also [`name`](#/elements/vaadin-iconset#property-name) property of `vaadin-iconset`. */
+  "icon"?: OrVaadinIcon['icon'];
+  /** The SVG icon wrapped in a Lit template literal. */
+  "svg"?: OrVaadinIcon['svg'];
+  /** The SVG source to be loaded as the icon. It can be:
+- an URL to a file containing the icon
+- an URL in the format `/path/to/file.svg#objectID`, where the `objectID` refers to an ID attribute contained
+  inside the SVG referenced by the path. Note that the file needs to follow the same-origin policy.
+- a string in the format `data:image/svg+xml,<svg>...</svg>`. You may need to use the `encodeURIComponent`
+  function for the SVG content passed */
+  "src"?: OrVaadinIcon['src'];
+  /** The symbol identifier that references an ID of an element contained in the SVG element assigned to the
+`src` property */
+  "symbol"?: OrVaadinIcon['symbol'];
+  /** Class names defining an icon font and/or a specific glyph inside an icon font.
+
+Example: "fa-solid fa-user" */
+  "iconClass"?: OrVaadinIcon['iconClass'];
+  /** A hexadecimal code point that specifies a glyph from an icon font.
+
+Example: "e001" */
+  "char"?: OrVaadinIcon['char'];
+  /** A ligature name that specifies an icon from an icon font with support for ligatures.
+
+Example: "home". */
+  "ligature"?: OrVaadinIcon['ligature'];
+  /** The font family to use for the font icon. */
+  "fontFamily"?: OrVaadinIcon['fontFamily'];
+  /** The size of an icon, used to set the `viewBox` attribute. */
+  "size"?: OrVaadinIcon['size'];
+  /**  */
+  "__preserveAspectRatio"?: OrVaadinIcon['__preserveAspectRatio'];
+  /**  */
+  "__useRef"?: OrVaadinIcon['__useRef'];
+  /**  */
+  "__viewBox"?: OrVaadinIcon['__viewBox'];
+  /**  */
+  "__fill"?: OrVaadinIcon['__fill'];
+  /**  */
+  "__stroke"?: OrVaadinIcon['__stroke'];
+  /**  */
+  "__strokeWidth"?: OrVaadinIcon['__strokeWidth'];
+  /**  */
+  "__strokeLinecap"?: OrVaadinIcon['__strokeLinecap'];
+  /**  */
+  "__strokeLinejoin"?: OrVaadinIcon['__strokeLinejoin'];
+  /**  */
+  "dir"?: OrVaadinIcon['dir'];
+  /** Set when the icon has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /**  */
+  "__fetch"?: OrVaadinIcon['__fetch'];
 
-
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
@@ -148,85 +789,1422 @@ Refer to InputType and OrVaadinInput.TEMPLATES for the supported types. */
 
 
 export type OrVaadinMultiSelectComboBoxProps = {
-
-
+  /** Set to true to auto expand horizontally, causing input field to
+grow until max width is reached. */
+  "autoExpandHorizontally"?: OrVaadinMultiSelectComboBox['autoExpandHorizontally'];
+  /** Set to true to not collapse selected items chips into the overflow
+chip and instead always expand vertically, causing input field to
+wrap into multiple lines when width is limited. */
+  "autoExpandVertically"?: OrVaadinMultiSelectComboBox['autoExpandVertically'];
+  /** A function used to generate CSS class names for dropdown
+items and selected chips based on the item. The return
+value should be the generated class name as a string, or
+multiple class names separated by whitespace characters. */
+  "itemClassNameGenerator"?: OrVaadinMultiSelectComboBox['itemClassNameGenerator'];
+  /** Path for the id of the item, used to detect whether the item is selected. */
+  "itemIdPath"?: OrVaadinMultiSelectComboBox['itemIdPath'];
+  /** When true, filter string isn't cleared after selecting an item. */
+  "keepFilter"?: OrVaadinMultiSelectComboBox['keepFilter'];
+  /** True when loading items from the data provider, false otherwise. */
+  "loading"?: OrVaadinMultiSelectComboBox['loading'];
+  /** When present, it specifies that the field is read-only. */
+  "readonly"?: OrVaadinMultiSelectComboBox['readonly'];
+  /** The list of selected items.
+Note: modifying the selected items creates a new array each time. */
+  "selectedItems"?: OrVaadinMultiSelectComboBox['selectedItems'];
+  /** When true, the user can input a value that is not present in the items list. */
+  "allowCustomValue"?: OrVaadinMultiSelectComboBox['allowCustomValue'];
+  /** A hint to the user of what can be entered in the control.
+The placeholder will be only displayed in the case when
+there is no item selected. */
+  "placeholder"?: OrVaadinMultiSelectComboBox['placeholder'];
+  /** Custom function for rendering the content of every item.
+Receives three arguments:
+
+- `root` The `<vaadin-multi-select-combo-box-item>` internal container DOM element.
+- `comboBox` The reference to the `<vaadin-multi-select-combo-box>` element.
+- `model` The object with the properties related with the rendered
+  item, contains:
+  - `model.index` The index of the rendered item.
+  - `model.item` The item. */
+  "renderer"?: OrVaadinMultiSelectComboBox['renderer'];
+  /** Set to true to group selected items at the top of the overlay. */
+  "selectedItemsOnTop"?: OrVaadinMultiSelectComboBox['selectedItemsOnTop'];
+  /**  */
+  "value"?: OrVaadinMultiSelectComboBox['value'];
+  /**  */
+  "_overflowItems"?: OrVaadinMultiSelectComboBox['_overflowItems'];
+  /**  */
+  "_focusedChipIndex"?: OrVaadinMultiSelectComboBox['_focusedChipIndex'];
+  /**  */
+  "_lastFilter"?: OrVaadinMultiSelectComboBox['_lastFilter'];
+  /**  */
+  "_topGroup"?: OrVaadinMultiSelectComboBox['_topGroup'];
+  /**  */
+  "_inputField"?: OrVaadinMultiSelectComboBox['_inputField'];
+  /** The object used to localize this component. To change the default
+localization, replace this with an object that provides all properties, or
+just the individual properties you want to change.
+
+Should be overridden by subclasses to provide a custom JSDoc with the
+default I18N properties. */
+  "i18n"?: OrVaadinMultiSelectComboBox['i18n'];
+  /**  */
+  "__effectiveI18n"?: OrVaadinMultiSelectComboBox['__effectiveI18n'];
+  /**  */
+  "dir"?: OrVaadinMultiSelectComboBox['dir'];
+  /** Set to a disabled element */
+  "disabled"?: unknown;
+  /** Set to a disabled element */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when the dropdown is open */
+  "opened"?: unknown;
+
+  /** Fired when the user sets a custom value. */
+  "oncustom-value-set"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `filter` property changes. */
+  "onfilter-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `selectedItems` property changes. */
+  "onselected-items-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinNumberFieldProps = {
+  /** The minimum value of the field. */
+  "min"?: OrVaadinNumberField['min'];
+  /** The maximum value of the field. */
+  "max"?: OrVaadinNumberField['max'];
+  /** Specifies the allowed number intervals of the field. */
+  "step"?: OrVaadinNumberField['step'];
+  /** Set to true to show increase/decrease buttons. */
+  "stepButtonsVisible"?: OrVaadinNumberField['stepButtonsVisible'];
+  /** Whether the value of the control can be automatically completed by the browser.
+List of available options at:
+https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete */
+  "autocomplete"?: OrVaadinNumberField['autocomplete'];
+  /** This is a property supported by Safari that is used to control whether
+autocorrection should be enabled when the user is entering/editing the text.
+Possible values are:
+on: Enable autocorrection.
+off: Disable autocorrection. */
+  "autocorrect"?: OrVaadinNumberField['autocorrect'];
+  /** This is a property supported by Safari and Chrome that is used to control whether
+autocapitalization should be enabled when the user is entering/editing the text.
+Possible values are:
+characters: Characters capitalization.
+words: Words capitalization.
+sentences: Sentences capitalization.
+none: No capitalization. */
+  "autocapitalize"?: OrVaadinNumberField['autocapitalize'];
+  /** A pattern matched against individual characters the user inputs.
+
+When set, the field will prevent:
+- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+
+For example, to allow entering only numbers and minus signs, use:
+`allowedCharPattern = "[\\d-]"` */
+  "allowedCharPattern"?: OrVaadinNumberField['allowedCharPattern'];
+  /** If true, the input text gets fully selected when the field is focused using click or touch / tap. */
+  "autoselect"?: OrVaadinNumberField['autoselect'];
+  /** The name of this field. */
+  "name"?: OrVaadinNumberField['name'];
+  /** A hint to the user of what can be entered in the field. */
+  "placeholder"?: OrVaadinNumberField['placeholder'];
+  /** When present, it specifies that the field is read-only. */
+  "readonly"?: OrVaadinNumberField['readonly'];
+  /** The text usually displayed in a tooltip popup when the mouse is over the field. */
+  "title"?: OrVaadinNumberField['title'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinNumberField['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinNumberField['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinNumberField['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinNumberField['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinNumberField['accessibleNameRef'];
+  /** Set to true to display the clear icon which clears the input.
+
+It is up to the component to choose where to place the clear icon:
+in the Shadow DOM or in the light DOM. In any way, a reference to
+the clear icon element should be provided via the `clearElement` getter. */
+  "clearButtonVisible"?: OrVaadinNumberField['clearButtonVisible'];
+  /**  */
+  "dir"?: OrVaadinNumberField['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Temporarily set when invalid input is prevented */
+  "input-prevented"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /**  */
+  "change"?: unknown;
+  /**  */
+  "unparsable-change"?: unknown;
+  /**  */
+  "_inputElementValue"?: OrVaadinNumberField['_inputElementValue'];
+  /**  */
+  "_boundOnPaste"?: OrVaadinNumberField['_boundOnPaste'];
+  /**  */
+  "_boundOnDrop"?: OrVaadinNumberField['_boundOnDrop'];
+  /**  */
+  "_boundOnBeforeInput"?: OrVaadinNumberField['_boundOnBeforeInput'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinNumberField['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinNumberField['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinNumberField['_errorController'];
 
   /**  */
   "onsubmit"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the user commits an unparsable value change and there is no change event. */
+  "onunparsable-change"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button. */
+  "oninput"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinPasswordFieldProps = {
+  /** Set to true to hide the eye icon which toggles the password visibility. */
+  "revealButtonHidden"?: OrVaadinPasswordField['revealButtonHidden'];
+  /** True if the password is visible ([type=text]). */
+  "passwordVisible"?: OrVaadinPasswordField['passwordVisible'];
+  /** An object with translated strings used for localization.
+It has the following structure and default values:
+
+```js
+{
+  // Translation of the reveal icon button accessible label
+  reveal: 'Show password'
+}
+``` */
+  "i18n"?: OrVaadinPasswordField['i18n'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Temporarily set when invalid input is prevented */
+  "input-prevented"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when the element is readonly */
+  "readonly"?: OrVaadinPasswordField['readonly'];
+  /** Set when the password is visible */
+  "password-visible"?: unknown;
+  /**  */
+  "allowedCharPattern"?: OrVaadinPasswordField['allowedCharPattern'];
+  /** Maximum number of characters (in Unicode code points) that the user can enter. */
+  "maxlength"?: OrVaadinPasswordField['maxlength'];
+  /** Minimum number of characters (in Unicode code points) that the user can enter. */
+  "minlength"?: OrVaadinPasswordField['minlength'];
+  /** A regular expression that the value is checked against.
+The pattern must match the entire value, not just some subset. */
+  "pattern"?: OrVaadinPasswordField['pattern'];
+  /** Whether the value of the control can be automatically completed by the browser.
+List of available options at:
+https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete */
+  "autocomplete"?: OrVaadinPasswordField['autocomplete'];
+  /** This is a property supported by Safari that is used to control whether
+autocorrection should be enabled when the user is entering/editing the text.
+Possible values are:
+on: Enable autocorrection.
+off: Disable autocorrection. */
+  "autocorrect"?: OrVaadinPasswordField['autocorrect'];
+  /** This is a property supported by Safari and Chrome that is used to control whether
+autocapitalization should be enabled when the user is entering/editing the text.
+Possible values are:
+characters: Characters capitalization.
+words: Words capitalization.
+sentences: Sentences capitalization.
+none: No capitalization. */
+  "autocapitalize"?: OrVaadinPasswordField['autocapitalize'];
+  /** If true, the input text gets fully selected when the field is focused using click or touch / tap. */
+  "autoselect"?: OrVaadinPasswordField['autoselect'];
+  /** The name of this field. */
+  "name"?: OrVaadinPasswordField['name'];
+  /** A hint to the user of what can be entered in the field. */
+  "placeholder"?: OrVaadinPasswordField['placeholder'];
+  /** The text usually displayed in a tooltip popup when the mouse is over the field. */
+  "title"?: OrVaadinPasswordField['title'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinPasswordField['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinPasswordField['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinPasswordField['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinPasswordField['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinPasswordField['accessibleNameRef'];
+  /** Set to true to display the clear icon which clears the input.
+
+It is up to the component to choose where to place the clear icon:
+in the Shadow DOM or in the light DOM. In any way, a reference to
+the clear icon element should be provided via the `clearElement` getter. */
+  "clearButtonVisible"?: OrVaadinPasswordField['clearButtonVisible'];
+  /**  */
+  "dir"?: OrVaadinPasswordField['dir'];
+  /**  */
+  "__boundRevealButtonClick"?: OrVaadinPasswordField['__boundRevealButtonClick'];
+  /**  */
+  "__boundRevealButtonMouseDown"?: OrVaadinPasswordField['__boundRevealButtonMouseDown'];
+  /**  */
+  "__lastChange"?: OrVaadinPasswordField['__lastChange'];
+  /**  */
+  "_boundOnPaste"?: OrVaadinPasswordField['_boundOnPaste'];
+  /**  */
+  "_boundOnDrop"?: OrVaadinPasswordField['_boundOnDrop'];
+  /**  */
+  "_boundOnBeforeInput"?: OrVaadinPasswordField['_boundOnBeforeInput'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinPasswordField['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinPasswordField['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinPasswordField['_errorController'];
 
   /**  */
   "onsubmit"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button. */
+  "oninput"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinRadioGroupProps = {
+  /** The name of the control, which is submitted with the form data. */
+  "name"?: OrVaadinRadioGroup['name'];
+  /** The value of the radio group. */
+  "value"?: OrVaadinRadioGroup['value'];
+  /** When present, the user cannot modify the value of the radio group.
+The property works similarly to the `disabled` property.
+While the `disabled` property disables all radio buttons inside the group,
+the `readonly` property disables only unchecked ones. */
+  "readonly"?: OrVaadinRadioGroup['readonly'];
+  /**  */
+  "_fieldName"?: OrVaadinRadioGroup['_fieldName'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinRadioGroup['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinRadioGroup['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinRadioGroup['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinRadioGroup['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinRadioGroup['accessibleNameRef'];
+  /**  */
+  "dir"?: OrVaadinRadioGroup['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has helper text */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /**  */
+  "_tooltipController"?: OrVaadinRadioGroup['_tooltipController'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinRadioGroup['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinRadioGroup['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinRadioGroup['_errorController'];
 
-
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinSelectProps = {
+  /** An array containing items that will be rendered as the options of the select.
+
+#### Example
+```js
+select.items = [
+  { label: 'Most recent first', value: 'recent' },
+  { component: 'hr' },
+  { label: 'Rating: low to high', value: 'rating-asc', className: 'asc' },
+  { label: 'Rating: high to low', value: 'rating-desc', className: 'desc' },
+  { component: 'hr' },
+  { label: 'Price: low to high', value: 'price-asc', disabled: true },
+  { label: 'Price: high to low', value: 'price-desc', disabled: true }
+];
+```
+
+Note: each item is rendered by default as the internal `<vaadin-select-item>` that is an extension of `<vaadin-item>`.
+To render the item with a custom component, provide a tag name by the `component` property. */
+  "items"?: OrVaadinSelect['items'];
+  /** Set when the select is open */
+  "opened"?: OrVaadinSelect['opened'];
+  /** Custom function for rendering the content of the `<vaadin-select>`.
+Receives two arguments:
+
+- `root` The internal container DOM element. Append your content to it.
+- `select` The reference to the `<vaadin-select>` element. */
+  "renderer"?: OrVaadinSelect['renderer'];
+  /** The `value` property of the selected item, or an empty string
+if no item is selected.
+On change or initialization, the component finds the item which matches the
+value and displays it.
+If no value is provided to the component, it selects the first item without
+value or empty value.
+Hint: If you do not want to select any item by default, you can either set all
+the values of inner vaadin-items, or set the vaadin-select value to
+an inexistent value in the items list. */
+  "value"?: OrVaadinSelect['value'];
+  /** The name of this element. */
+  "name"?: OrVaadinSelect['name'];
+  /** A hint to the user of what can be entered in the control.
+The placeholder will be displayed in the case that there
+is no item selected, or the selected item has an empty
+string label, or the selected item has no label and it's
+DOM content is empty. */
+  "placeholder"?: OrVaadinSelect['placeholder'];
+  /** When present, it specifies that the element is read-only. */
+  "readonly"?: OrVaadinSelect['readonly'];
+  /** Defines whether the overlay should overlap the target element
+in the y-axis, or be positioned right above/below it. */
+  "noVerticalOverlap"?: OrVaadinSelect['noVerticalOverlap'];
+  /**  */
+  "_phone"?: OrVaadinSelect['_phone'];
+  /**  */
+  "_phoneMediaQuery"?: OrVaadinSelect['_phoneMediaQuery'];
+  /**  */
+  "_inputContainer"?: OrVaadinSelect['_inputContainer'];
+  /**  */
+  "_items"?: OrVaadinSelect['_items'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinSelect['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinSelect['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinSelect['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinSelect['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinSelect['accessibleNameRef'];
+  /**  */
+  "dir"?: OrVaadinSelect['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when the overlay is shown in phone mode */
+  "phone"?: unknown;
+  /**  */
+  "<vaadin-select>"?: unknown;
+  /**  */
+  "<vaadin-select-value-button>"?: unknown;
+  /**  */
+  "<vaadin-button>"?: unknown;
+  /**  */
+  "<vaadin-select-list-box>"?: unknown;
+  /**  */
+  "<vaadin-list-box>"?: unknown;
+  /**  */
+  "<vaadin-select-item>"?: unknown;
+  /**  */
+  "<vaadin-item>"?: unknown;
+  /**  */
+  "_itemId"?: OrVaadinSelect['_itemId'];
+  /**  */
+  "_srLabelController"?: OrVaadinSelect['_srLabelController'];
+  /**  */
+  "slotName"?: OrVaadinSelect['slotName'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinSelect['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinSelect['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinSelect['_errorController'];
 
-
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinTextAreaProps = {
+  /** Maximum number of characters (in Unicode code points) that the user can enter. */
+  "maxlength"?: OrVaadinTextArea['maxlength'];
+  /** Minimum number of characters (in Unicode code points) that the user can enter. */
+  "minlength"?: OrVaadinTextArea['minlength'];
+  /** A regular expression that the value is checked against.
+The pattern must match the entire value, not just some subset. */
+  "pattern"?: OrVaadinTextArea['pattern'];
+  /** Minimum number of rows to show. Default is two rows.
+
+When using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility. */
+  "minRows"?: OrVaadinTextArea['minRows'];
+  /** Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height
+on the `input-field` part. By default, it is not set, and the text area grows with the content without
+constraints. */
+  "maxRows"?: OrVaadinTextArea['maxRows'];
+  /** Whether the value of the control can be automatically completed by the browser.
+List of available options at:
+https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete */
+  "autocomplete"?: OrVaadinTextArea['autocomplete'];
+  /** This is a property supported by Safari that is used to control whether
+autocorrection should be enabled when the user is entering/editing the text.
+Possible values are:
+on: Enable autocorrection.
+off: Disable autocorrection. */
+  "autocorrect"?: OrVaadinTextArea['autocorrect'];
+  /** This is a property supported by Safari and Chrome that is used to control whether
+autocapitalization should be enabled when the user is entering/editing the text.
+Possible values are:
+characters: Characters capitalization.
+words: Words capitalization.
+sentences: Sentences capitalization.
+none: No capitalization. */
+  "autocapitalize"?: OrVaadinTextArea['autocapitalize'];
+  /** A pattern matched against individual characters the user inputs.
+
+When set, the field will prevent:
+- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+
+For example, to allow entering only numbers and minus signs, use:
+`allowedCharPattern = "[\\d-]"` */
+  "allowedCharPattern"?: OrVaadinTextArea['allowedCharPattern'];
+  /** If true, the input text gets fully selected when the field is focused using click or touch / tap. */
+  "autoselect"?: OrVaadinTextArea['autoselect'];
+  /** The name of this field. */
+  "name"?: OrVaadinTextArea['name'];
+  /** A hint to the user of what can be entered in the field. */
+  "placeholder"?: OrVaadinTextArea['placeholder'];
+  /** When present, it specifies that the field is read-only. */
+  "readonly"?: OrVaadinTextArea['readonly'];
+  /** The text usually displayed in a tooltip popup when the mouse is over the field. */
+  "title"?: OrVaadinTextArea['title'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinTextArea['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinTextArea['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinTextArea['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinTextArea['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinTextArea['accessibleNameRef'];
+  /** Set to true to display the clear icon which clears the input.
+
+It is up to the component to choose where to place the clear icon:
+in the Shadow DOM or in the light DOM. In any way, a reference to
+the clear icon element should be provided via the `clearElement` getter. */
+  "clearButtonVisible"?: OrVaadinTextArea['clearButtonVisible'];
+  /**  */
+  "dir"?: OrVaadinTextArea['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Temporarily set when invalid input is prevented */
+  "input-prevented"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /**  */
+  "_boundOnPaste"?: OrVaadinTextArea['_boundOnPaste'];
+  /**  */
+  "_boundOnDrop"?: OrVaadinTextArea['_boundOnDrop'];
+  /**  */
+  "_boundOnBeforeInput"?: OrVaadinTextArea['_boundOnBeforeInput'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinTextArea['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinTextArea['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinTextArea['_errorController'];
 
   /**  */
   "onsubmit"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button. */
+  "oninput"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinTextFieldProps = {
+  /** Maximum number of characters (in Unicode code points) that the user can enter. */
+  "maxlength"?: OrVaadinTextField['maxlength'];
+  /** Minimum number of characters (in Unicode code points) that the user can enter. */
+  "minlength"?: OrVaadinTextField['minlength'];
+  /** A regular expression that the value is checked against.
+The pattern must match the entire value, not just some subset. */
+  "pattern"?: OrVaadinTextField['pattern'];
+  /** Whether the value of the control can be automatically completed by the browser.
+List of available options at:
+https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete */
+  "autocomplete"?: OrVaadinTextField['autocomplete'];
+  /** This is a property supported by Safari that is used to control whether
+autocorrection should be enabled when the user is entering/editing the text.
+Possible values are:
+on: Enable autocorrection.
+off: Disable autocorrection. */
+  "autocorrect"?: OrVaadinTextField['autocorrect'];
+  /** This is a property supported by Safari and Chrome that is used to control whether
+autocapitalization should be enabled when the user is entering/editing the text.
+Possible values are:
+characters: Characters capitalization.
+words: Words capitalization.
+sentences: Sentences capitalization.
+none: No capitalization. */
+  "autocapitalize"?: OrVaadinTextField['autocapitalize'];
+  /** A pattern matched against individual characters the user inputs.
+
+When set, the field will prevent:
+- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+
+For example, to allow entering only numbers and minus signs, use:
+`allowedCharPattern = "[\\d-]"` */
+  "allowedCharPattern"?: OrVaadinTextField['allowedCharPattern'];
+  /** If true, the input text gets fully selected when the field is focused using click or touch / tap. */
+  "autoselect"?: OrVaadinTextField['autoselect'];
+  /** The name of this field. */
+  "name"?: OrVaadinTextField['name'];
+  /** A hint to the user of what can be entered in the field. */
+  "placeholder"?: OrVaadinTextField['placeholder'];
+  /** When present, it specifies that the field is read-only. */
+  "readonly"?: OrVaadinTextField['readonly'];
+  /** The text usually displayed in a tooltip popup when the mouse is over the field. */
+  "title"?: OrVaadinTextField['title'];
+  /** A target element to which ARIA attributes are set. */
+  "ariaTarget"?: OrVaadinTextField['ariaTarget'];
+  /** Error to show when the field is invalid. */
+  "errorMessage"?: OrVaadinTextField['errorMessage'];
+  /** String used for the helper text. */
+  "helperText"?: OrVaadinTextField['helperText'];
+  /** String used to label the component to screen reader users. */
+  "accessibleName"?: OrVaadinTextField['accessibleName'];
+  /** Id of the element used as label of the component to screen reader users. */
+  "accessibleNameRef"?: OrVaadinTextField['accessibleNameRef'];
+  /** Set to true to display the clear icon which clears the input.
+
+It is up to the component to choose where to place the clear icon:
+in the Shadow DOM or in the light DOM. In any way, a reference to
+the clear icon element should be provided via the `clearElement` getter. */
+  "clearButtonVisible"?: OrVaadinTextField['clearButtonVisible'];
+  /**  */
+  "dir"?: OrVaadinTextField['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Temporarily set when invalid input is prevented */
+  "input-prevented"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /**  */
+  "_boundOnPaste"?: OrVaadinTextField['_boundOnPaste'];
+  /**  */
+  "_boundOnDrop"?: OrVaadinTextField['_boundOnDrop'];
+  /**  */
+  "_boundOnBeforeInput"?: OrVaadinTextField['_boundOnBeforeInput'];
+  /**  */
+  "_fieldAriaController"?: OrVaadinTextField['_fieldAriaController'];
+  /**  */
+  "_helperController"?: OrVaadinTextField['_helperController'];
+  /**  */
+  "_errorController"?: OrVaadinTextField['_errorController'];
 
   /**  */
   "onsubmit"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button. */
+  "oninput"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
 
 export type OrVaadinTimePickerProps = {
+  /** The time value for this element.
+
+Supported time formats are in ISO 8601:
+- `hh:mm` (default)
+- `hh:mm:ss`
+- `hh:mm:ss.fff` */
+  "value"?: OrVaadinTimePicker['value'];
+  /** Minimum time allowed.
+
+Supported time formats are in ISO 8601:
+- `hh:mm`
+- `hh:mm:ss`
+- `hh:mm:ss.fff` */
+  "min"?: OrVaadinTimePicker['min'];
+  /** Maximum time allowed.
+
+Supported time formats are in ISO 8601:
+- `hh:mm`
+- `hh:mm:ss`
+- `hh:mm:ss.fff` */
+  "max"?: OrVaadinTimePicker['max'];
+  /** Defines the time interval (in seconds) between the items displayed
+in the time selection box. The default is 1 hour (i.e. `3600`).
+
+It also configures the precision of the value string. By default
+the component formats values as `hh:mm` but setting a step value
+lower than one minute or one second, format resolution changes to
+`hh:mm:ss` and `hh:mm:ss.fff` respectively.
+
+Unit must be set in seconds, and for correctly configuring intervals
+in the dropdown, it need to evenly divide a day.
+
+Note: it is possible to define step that is dividing an hour in inexact
+fragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is
+not recommended to use it for better UX experience. */
+  "step"?: OrVaadinTimePicker['step'];
+  /**  */
+  "_comboBoxValue"?: OrVaadinTimePicker['_comboBoxValue'];
+  /**  */
+  "_inputContainer"?: OrVaadinTimePicker['_inputContainer'];
+  /** The object used to localize this component. To change the default
+localization, replace this with an object that provides all properties, or
+just the individual properties you want to change.
+
+Should be overridden by subclasses to provide a custom JSDoc with the
+default I18N properties. */
+  "i18n"?: OrVaadinTimePicker['i18n'];
+  /**  */
+  "__effectiveI18n"?: OrVaadinTimePicker['__effectiveI18n'];
+  /**  */
+  "dir"?: OrVaadinTimePicker['dir'];
+  /** Set when the element is disabled */
+  "disabled"?: unknown;
+  /** Set when the element is disabled */
+  "undefined"?: unknown;
+  /** Set when the element has a value */
+  "has-value"?: unknown;
+  /** Set when the element has a label */
+  "has-label"?: unknown;
+  /** Set when the element has helper text or slot */
+  "has-helper"?: unknown;
+  /** Set when the element has an error message */
+  "has-error-message"?: unknown;
+  /** Set when the element has a slotted tooltip */
+  "has-tooltip"?: unknown;
+  /** Set when the element is invalid */
+  "invalid"?: unknown;
+  /** Set when the element is focused */
+  "focused"?: unknown;
+  /** Set when the element is keyboard focused */
+  "focus-ring"?: unknown;
+  /** Set when the element is readonly */
+  "readonly"?: unknown;
+  /** Set when the overlay is opened */
+  "opened"?: unknown;
+  /**  */
+  "<vaadin-time-picker>"?: unknown;
+  /**  */
+  "<vaadin-time-picker-item>"?: unknown;
+  /**  */
+  "<vaadin-item>"?: unknown;
+  /**  */
+  "change"?: unknown;
+  /**  */
+  "unparsable-change"?: unknown;
 
-
+  /** Fired when the user commits a value change. */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+  /**  */
+  "onunparsable-change"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onundefined"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `invalid` property changes. */
+  "oninvalid-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `opened` property changes. */
+  "onopened-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired when the `value` property changes. */
+  "onvalue-changed"?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fired whenever the field is validated. */
+  "onvalidated"?: (e: CustomEvent<CustomEvent>) => void;
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
   export type CustomElements = {
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `tabindex`: Indicates whether the element can be focused and where it participates in sequential keyboard navigation. 
+ * - `_lastTabIndex`: Stores the last known tabindex since the element has been disabled. 
+ * - `dir`: undefined 
+ * - `disabled`: When disabled, the button is rendered as "dimmed" and prevents all
+ * user interactions (mouse and keyboard).
+ * 
+ * Since disabled buttons are not focusable and cannot react to hover
+ * events by default, it can cause accessibility issues by making them
+ * entirely invisible to assistive technologies, and prevents the use
+ * of Tooltips to explain why the action is not available. This can be
+ * addressed by enabling the feature flag `accessibleDisabledButtons`,
+ * which makes disabled buttons focusable and hoverable, while still
+ * preventing them from being triggered:
+ * 
+ * ```js
+ * // Set before any button is attached to the DOM.
+ * window.Vaadin.featureFlags.accessibleDisabledButtons = true
+ * ``` 
+ * - `active`/`undefined`: Set when the button is pressed down, either with mouse, touch or the keyboard 
+ * - `focus-ring`/`undefined`: Set when the button is focused using the keyboard 
+ * - `focused`/`undefined`: Set when the button is focused 
+ * - `has-tooltip`/`undefined`: Set when the button has a slotted tooltip 
+ * 
+ * ## 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-button-background`: undefined (default: `undefined`)
+ * - `--vaadin-button-border-color`: undefined (default: `undefined`)
+ * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
+ * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+ * - `--vaadin-button-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-button-gap`: undefined (default: `undefined`)
+ * - `--vaadin-button-height`: undefined (default: `undefined`)
+ * - `--vaadin-button-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-button-margin`: undefined (default: `undefined`)
+ * - `--vaadin-button-padding`: undefined (default: `undefined`)
+ * - `--vaadin-button-text-color`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
   */
     "or-vaadin-button": Partial<OrVaadinButtonProps & BaseProps<OrVaadinButton> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `value`: An array containing values of the currently checked checkboxes.
+ * 
+ * The array is immutable so toggling checkboxes always results in
+ * creating a new array. 
+ * - `readonly`: When true, the user cannot modify the value of the checkbox group.
+ * The difference between `disabled` and `readonly` is that in the
+ * read-only checkbox group, all the checkboxes are also read-only,
+ * and therefore remain focusable and announced by screen readers. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-helper`/`undefined`: Set when the element has helper text 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `_tooltipController`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: Override method inherited from `ValidateMixin`
+ * to validate the value array.
+ * - `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-input-field-error-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
   */
     "or-vaadin-checkbox-group": Partial<OrVaadinCheckboxGroupProps & BaseProps<OrVaadinCheckboxGroup> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `indeterminate`: True if the checkbox is in the indeterminate state which means
+ * it is not possible to say whether it is checked or unchecked.
+ * The state is reset once the user switches the checkbox by hand.
+ * 
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes 
+ * - `name`: The name of the checkbox. 
+ * - `readonly`: When true, the user cannot modify the value of the checkbox.
+ * The difference between `disabled` and `readonly` is that the
+ * read-only checkbox remains focusable, is announced by screen
+ * readers and its value can be submitted as part of the form. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `dir`: undefined 
+ * - `active`/`undefined`: Set when the checkbox is activated with mouse, touch or the keyboard. 
+ * - `checked`/`undefined`: Set when the checkbox is checked. 
+ * - `disabled`/`undefined`: Set when the checkbox is disabled. 
+ * - `focus-ring`/`undefined`: Set when the checkbox is focused using the keyboard. 
+ * - `focused`/`undefined`: Set when the checkbox is focused. 
+ * - `invalid`/`undefined`: Set when the checkbox is invalid. 
+ * - `has-label`/`undefined`: Set when the checkbox has a label. 
+ * - `has-helper`/`undefined`: Set when the checkbox has helper text. 
+ * - `has-error-message`/`undefined`: Set when the checkbox has an error message. 
+ * - `has-tooltip`/`undefined`: Set when the checkbox has a slotted tooltip. 
+ * - `_boundOnInputClick`: undefined (property only)
+ * - `value`: undefined (property only)
+ * - `tabindex`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `undefined`: undefined
+ * - `change`: Fired when the checkbox is checked or unchecked by the user.
+ * - `checked-changed`: Fired when the `checked` property changes.
+ * - `indeterminate-changed`: Fired when the `indeterminate` property changes.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: undefined
+ * - `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-checkbox-background`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-border-color`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-border-radius`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-border-width`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-gap`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-label-color`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-label-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-label-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-label-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-marker-color`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-marker-size`: undefined (default: `undefined`)
+ * - `--vaadin-checkbox-size`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
   */
     "or-vaadin-checkbox": Partial<OrVaadinCheckboxProps & BaseProps<OrVaadinCheckbox> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `_selectedDate`: The current selected date. 
+ * - `_focusedDate`: undefined 
+ * - `value`: Selected date.
+ * 
+ * Supported date formats:
+ * - ISO 8601 `"YYYY-MM-DD"` (default)
+ * - 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` 
+ * - `initialPosition`: Date which should be visible when there is no value selected.
+ * 
+ * The same date formats as for the `value` property are supported. 
+ * - `opened`: Set true to open the date selector overlay. 
+ * - `autoOpenDisabled`: Set true to prevent the overlay from opening automatically. 
+ * - `showWeekNumbers`: Set true to display ISO-8601 week numbers in the calendar. Notice that
+ * displaying week numbers is only supported when `i18n.firstDayOfWeek`
+ * is 1 (Monday). 
+ * - `_fullscreen`: undefined 
+ * - `_fullscreenMediaQuery`: undefined 
+ * - `min`: The earliest date that can be selected. All earlier dates will be disabled.
+ * 
+ * Supported date formats:
+ * - ISO 8601 `"YYYY-MM-DD"` (default)
+ * - 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` 
+ * - `max`: The latest date that can be selected. All later dates will be disabled.
+ * 
+ * Supported date formats:
+ * - ISO 8601 `"YYYY-MM-DD"` (default)
+ * - 6-digit extended ISO 8601 `"+YYYYYY-MM-DD"`, `"-YYYYYY-MM-DD"` 
+ * - `isDateDisabled`: A function to be used to determine whether the user can select a given date.
+ * Receives a `DatePickerDate` object of the date to be selected and should return a
+ * boolean. 
+ * - `_minDate`: The earliest date that can be selected. All earlier dates will be disabled. 
+ * - `_maxDate`: The latest date that can be selected. All later dates will be disabled. 
+ * - `_noInput`: undefined 
+ * - `_ios`: undefined 
+ * - `_focusOverlayOnOpen`: undefined 
+ * - `_overlayContent`: undefined 
+ * - `__enteredDate`: undefined 
+ * - `i18n`: The object used to localize this component. To change the default
+ * localization, replace this with an object that provides all properties, or
+ * just the individual properties you want to change.
+ * 
+ * Should be overridden by subclasses to provide a custom JSDoc with the
+ * default I18N properties. 
+ * - `__effectiveI18n`: undefined 
+ * - `allowedCharPattern`: A pattern matched against individual characters the user inputs.
+ * 
+ * When set, the field will prevent:
+ * - `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+ * - `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+ * - `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+ * 
+ * For example, to allow entering only numbers and minus signs, use:
+ * `allowedCharPattern = "[\\d-]"` 
+ * - `autoselect`: If true, the input text gets fully selected when the field is focused using click or touch / tap. 
+ * - `name`: The name of this field. 
+ * - `placeholder`: A hint to the user of what can be entered in the field. 
+ * - `readonly`: When present, it specifies that the field is read-only. 
+ * - `title`: The text usually displayed in a tooltip popup when the mouse is over the field. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `clearButtonVisible`: Set to true to display the clear icon which clears the input.
+ * 
+ * It is up to the component to choose where to place the clear icon:
+ * in the Shadow DOM or in the light DOM. In any way, a reference to
+ * the clear icon element should be provided via the `clearElement` getter. 
+ * - `dir`: undefined 
+ * - `_positionTarget`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `week-numbers`/`undefined`: Set when week numbers are shown in the calendar 
+ * - `<vaadin-date-picker>`/`undefined`: undefined 
+ * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined 
+ * - `<vaadin-date-picker-month-scroller>`/`undefined`: undefined 
+ * - `<vaadin-date-picker-year-scroller>`/`undefined`: undefined 
+ * - `<vaadin-date-picker-year>`/`undefined`: undefined 
+ * - `<vaadin-month-calendar>`/`undefined`: undefined 
+ * - `years-toggle-button`/`undefined`: Fullscreen mode years scroller toggle 
+ * - `toolbar`/`undefined`: Toolbar with slotted buttons 
+ * - `_inputElementValue`: undefined (property only)
+ * - `_boundOnClick`: undefined (property only)
+ * - `_boundOnScroll`: undefined (property only)
+ * - `_boundOnPaste`: undefined (property only)
+ * - `_boundOnDrop`: undefined (property only)
+ * - `_boundOnBeforeInput`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `change`: Fired when the user commits a value change.
+ * - `unparsable-change`: Fired when the user commits an unparsable value change and there is no change event.
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `opened-changed`: Fired when the `opened` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `open() => void`: Opens the dropdown.
+ * - `close() => void`: Closes the dropdown.
+ * - `checkValidity() => boolean`: Returns true if the current input value satisfies all constraints (if any)
+ * 
+ * Override the `checkValidity` method for custom validations.
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-date-picker": Partial<OrVaadinDatePickerProps & BaseProps<OrVaadinDatePicker> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `name`: The name of the control, which is submitted with the form data. 
+ * - `value`: The value for this element.
+ * 
+ * Supported date time format is based on ISO 8601 (without a time zone designator):
+ * - Minute precision `"YYYY-MM-DDThh:mm"` (default)
+ * - Second precision `"YYYY-MM-DDThh:mm:ss"`
+ * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` 
+ * - `min`: The earliest allowed value (date and time) that can be selected. All earlier values will be disabled.
+ * 
+ * Supported date time format is based on ISO 8601 (without a time zone designator):
+ * - Minute precision `"YYYY-MM-DDThh:mm"`
+ * - Second precision `"YYYY-MM-DDThh:mm:ss"`
+ * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` 
+ * - `max`: The latest value (date and time) that can be selected. All later values will be disabled.
+ * 
+ * Supported date time format is based on ISO 8601 (without a time zone designator):
+ * - Minute precision `"YYYY-MM-DDThh:mm"`
+ * - Second precision `"YYYY-MM-DDThh:mm:ss"`
+ * - Millisecond precision `"YYYY-MM-DDThh:mm:ss.fff"` 
+ * - `__minDateTime`: The earliest value that can be selected. All earlier values will be disabled. 
+ * - `__maxDateTime`: The latest value that can be selected. All later values will be disabled. 
+ * - `datePlaceholder`: A placeholder string for the date field. 
+ * - `timePlaceholder`: A placeholder string for the time field. 
+ * - `step`: Defines the time interval (in seconds) between the items displayed
+ * in the time selection box. The default is 1 hour (i.e. `3600`).
+ * 
+ * It also configures the precision of the time part of the value string. By default
+ * the component formats time values as `hh:mm` but setting a step value
+ * lower than one minute or one second, format resolution changes to
+ * `hh:mm:ss` and `hh:mm:ss.fff` respectively.
+ * 
+ * Unit must be set in seconds, and for correctly configuring intervals
+ * in the dropdown, it need to evenly divide a day.
+ * 
+ * Note: it is possible to define step that is dividing an hour in inexact
+ * fragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is
+ * not recommended to use it for better UX. 
+ * - `initialPosition`: Date which should be visible in the date picker overlay when there is no value selected.
+ * 
+ * The same date formats as for the `value` property are supported but without the time part. 
+ * - `showWeekNumbers`: Set true to display ISO-8601 week numbers in the calendar. Notice that
+ * displaying week numbers is only supported when `i18n.firstDayOfWeek`
+ * is 1 (Monday). 
+ * - `autoOpenDisabled`: Set to true to prevent the overlays from opening automatically. 
+ * - `readonly`: Set to true to make this element read-only. 
+ * - `autofocus`: Specify that this control should have input focus when the page loads. 
+ * - `__selectedDateTime`: The current selected date time. 
+ * - `__datePicker`: The current slotted date picker. 
+ * - `__timePicker`: The current slotted time picker. 
+ * - `i18n`: The object used to localize this component. To change the default
+ * localization, replace this with an object that provides all properties, or
+ * just the individual properties you want to change.
+ * 
+ * Should be overridden by subclasses to provide a custom JSDoc with the
+ * default I18N properties. 
+ * - `__effectiveI18n`: undefined 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-helper`/`undefined`: Set when the element has helper text 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `__defaultDateMinMaxValue`: undefined (property only)
+ * - `__defaultTimeMinValue`: undefined (property only)
+ * - `__defaultTimeMaxValue`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `change`: Fired when the user commits a value change.
+ * - `unparsable-change`: Fired when the user commits an unparsable or incomplete value change and there is no change event.
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: Returns true if the current input value satisfies all constraints (if any)
+ * 
+ * You can override the `checkValidity` method for custom validations.
+ * - `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-date-time-picker-gap`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator`: ### Internal components (default: `undefined`)
+ * - `<vaadin-date-time-picker>`: undefined (default: `undefined`)
+ * - `<vaadin-date-picker>`: undefined (default: `undefined`)
+ * - `<vaadin-time-picker>`: undefined (default: `undefined`)
+ * - `change`: undefined (default: `undefined`)
+ * - `unparsable-change`: undefined (default: `undefined`)
   */
     "or-vaadin-date-time-picker": Partial<OrVaadinDateTimePickerProps & BaseProps<OrVaadinDateTimePicker> & BaseEvents>;
 
@@ -234,18 +2212,194 @@ export type OrVaadinTimePickerProps = {
   /**
      * 
  * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `width`: Set the width of the dialog.
+ * If a unitless number is provided, pixels are assumed. 
+ * - `height`: Set the height of the dialog.
+ * If a unitless number is provided, pixels are assumed. 
+ * - `draggable`: Set to true to enable repositioning the dialog by clicking and dragging.
+ * 
+ * By default, only the overlay area can be used to drag the element. But,
+ * a child element can be marked as a draggable area by adding a
+ * "`draggable`" class to it, this will by default make all of its children draggable also.
+ * If you want a child element to be draggable
+ * but still have its children non-draggable (by default), mark it with
+ * "`draggable-leaf-only`" class name. 
+ * - `_touchDevice`: undefined 
+ * - `__dragHandleClassName`: undefined 
+ * - `resizable`: Set to true to enable resizing the dialog by dragging the corners and edges. 
+ * - `renderer`: Custom function for rendering the content of the dialog.
+ * Receives two arguments:
+ * 
+ * - `root` The root container DOM element. Append your content to it.
+ * - `dialog` The reference to the `<vaadin-dialog>` element. 
+ * - `headerTitle`: String used for rendering a dialog title.
+ * 
+ * If both `headerTitle` and `headerRenderer` are defined, the title
+ * and the elements created by the renderer will be placed next to
+ * each other, with the title coming first.
+ * 
+ * When `headerTitle` is set, the attribute `has-title` is set on the dialog. 
+ * - `headerRenderer`: Custom function for rendering the dialog header.
+ * Receives two arguments:
+ * 
+ * - `root` The root container DOM element. Append your content to it.
+ * - `dialog` The reference to the `<vaadin-dialog>` element.
+ * 
+ * If both `headerTitle` and `headerRenderer` are defined, the title
+ * and the elements created by the renderer will be placed next to
+ * each other, with the title coming first.
+ * 
+ * When `headerRenderer` is set, the attribute `has-header` is set on the dialog. 
+ * - `footerRenderer`: Custom function for rendering the dialog footer.
+ * Receives two arguments:
+ * 
+ * - `root` The root container DOM element. Append your content to it.
+ * - `dialog` The reference to the `<vaadin-dialog>` element.
+ * 
+ * When `footerRenderer` is set, the attribute `has-footer` is set on the dialog. 
+ * - `opened`: True if the dialog is visible and available for interaction. 
+ * - `noCloseOnOutsideClick`: Set to true to disable closing dialog on outside click 
+ * - `noCloseOnEsc`: Set to true to disable closing dialog on Escape press 
+ * - `modeless`: Set to true to remove backdrop and allow click events on background elements. 
+ * - `top`: Set the distance of the dialog from the top of the viewport.
+ * If a unitless number is provided, pixels are assumed.
+ * 
+ * Note that the dialog uses an internal container that has some
+ * additional spacing, which can be overridden by the theme. 
+ * - `left`: Set the distance of the dialog from the left of the viewport.
+ * If a unitless number is provided, pixels are assumed.
+ * 
+ * Note that the dialog uses an internal container that has some
+ * additional spacing, which can be overridden by the theme. 
+ * - `overlayRole`: The `role` attribute value to be set on the dialog. Defaults to "dialog". 
+ * - `dir`: undefined 
+ * - `has-title`/`undefined`: Set when the element has a title 
+ * - `has-header`/`undefined`: Set when the element has header renderer 
+ * - `has-footer`/`undefined`: Set when the element has footer renderer 
+ * - `overflow`/`undefined`: Set to `top`, `bottom`, none or both 
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `dragged`: Fired when the dialog drag is finished.
+ * - `resize`: Fired when the dialog resize is finished.
+ * - `closed`: Fired when the dialog is closed.
+ * - `undefined`: undefined
+ * - `opened-changed`: Fired when the `opened` property changes.
+ * 
  * ## Methods
  * 
  * Methods that can be called to access component functionality.
  * 
- * - `open() => void`: undefined
- * - `close() => void`: undefined
+ * - `open() => void`: undefined
+ * - `close() => void`: undefined
+ * - `requestContentUpdate() => void`: Requests an update for the content of the dialog.
+ * While performing the update, it invokes the renderer passed in the `renderer` property,
+ * as well as `headerRender` and `footerRenderer` properties, if these are defined.
+ * 
+ * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+ * - `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-dialog-background`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-border-color`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-border-radius`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-border-width`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-max-width`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-min-width`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-padding`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-shadow`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-title-color`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-title-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-title-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-dialog-title-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-overlay-backdrop-background`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
   */
     "or-vaadin-dialog": Partial<OrVaadinDialogProps & BaseProps<OrVaadinDialog> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `class`/`undefined`: undefined 
+ * - `icon`: The name of the icon to use. The name should be of the form:
+ * `iconset_name:icon_name`. When using `vaadin-icons` it is possible
+ * to omit the first part and only use `icon_name` as a value.
+ * 
+ * Setting the `icon` property updates the `svg` and `size` based on the
+ * values provided by the corresponding `vaadin-iconset` element.
+ * 
+ * See also [`name`](#/elements/vaadin-iconset#property-name) property of `vaadin-iconset`. 
+ * - `svg`: The SVG icon wrapped in a Lit template literal. 
+ * - `src`: The SVG source to be loaded as the icon. It can be:
+ * - an URL to a file containing the icon
+ * - an URL in the format `/path/to/file.svg#objectID`, where the `objectID` refers to an ID attribute contained
+ *   inside the SVG referenced by the path. Note that the file needs to follow the same-origin policy.
+ * - a string in the format `data:image/svg+xml,<svg>...</svg>`. You may need to use the `encodeURIComponent`
+ *   function for the SVG content passed 
+ * - `symbol`: The symbol identifier that references an ID of an element contained in the SVG element assigned to the
+ * `src` property 
+ * - `iconClass`: Class names defining an icon font and/or a specific glyph inside an icon font.
+ * 
+ * Example: "fa-solid fa-user" 
+ * - `char`: A hexadecimal code point that specifies a glyph from an icon font.
+ * 
+ * Example: "e001" 
+ * - `ligature`: A ligature name that specifies an icon from an icon font with support for ligatures.
+ * 
+ * Example: "home". 
+ * - `fontFamily`: The font family to use for the font icon. 
+ * - `size`: The size of an icon, used to set the `viewBox` attribute. 
+ * - `__preserveAspectRatio`: undefined 
+ * - `__useRef`: undefined 
+ * - `__viewBox`: undefined 
+ * - `__fill`: undefined 
+ * - `__stroke`: undefined 
+ * - `__strokeWidth`: undefined 
+ * - `__strokeLinecap`: undefined 
+ * - `__strokeLinejoin`: undefined 
+ * - `dir`: undefined 
+ * - `has-tooltip`/`undefined`: Set when the icon has a slotted tooltip 
+ * - `__fetch`: undefined (property only)
+ * 
+ * ## 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-icon-size`: Size (width and height) of the icon (default: `undefined`)
+ * - `--vaadin-icon-stroke-width`: Stroke width of the SVG icon (default: `undefined`)
+ * - `--vaadin-icon-visual-size`: Visual size of the icon (default: `undefined`)
+ * - `has-tooltip`: Set when the icon has a slotted tooltip (default: `undefined`)
   */
     "or-vaadin-icon": Partial<OrVaadinIconProps & BaseProps<OrVaadinIcon> & BaseEvents>;
 
@@ -286,6 +2440,111 @@ export type OrVaadinTimePickerProps = {
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `autoExpandHorizontally`: Set to true to auto expand horizontally, causing input field to
+ * grow until max width is reached. 
+ * - `autoExpandVertically`: Set to true to not collapse selected items chips into the overflow
+ * chip and instead always expand vertically, causing input field to
+ * wrap into multiple lines when width is limited. 
+ * - `itemClassNameGenerator`: A function used to generate CSS class names for dropdown
+ * items and selected chips based on the item. The return
+ * value should be the generated class name as a string, or
+ * multiple class names separated by whitespace characters. 
+ * - `itemIdPath`: Path for the id of the item, used to detect whether the item is selected. 
+ * - `keepFilter`: When true, filter string isn't cleared after selecting an item. 
+ * - `loading`: True when loading items from the data provider, false otherwise. 
+ * - `readonly`: When present, it specifies that the field is read-only. 
+ * - `selectedItems`: The list of selected items.
+ * Note: modifying the selected items creates a new array each time. 
+ * - `allowCustomValue`: When true, the user can input a value that is not present in the items list. 
+ * - `placeholder`: A hint to the user of what can be entered in the control.
+ * The placeholder will be only displayed in the case when
+ * there is no item selected. 
+ * - `renderer`: Custom function for rendering the content of every item.
+ * Receives three arguments:
+ * 
+ * - `root` The `<vaadin-multi-select-combo-box-item>` internal container DOM element.
+ * - `comboBox` The reference to the `<vaadin-multi-select-combo-box>` element.
+ * - `model` The object with the properties related with the rendered
+ *   item, contains:
+ *   - `model.index` The index of the rendered item.
+ *   - `model.item` The item. 
+ * - `selectedItemsOnTop`: Set to true to group selected items at the top of the overlay. 
+ * - `value`: undefined 
+ * - `_overflowItems`: undefined 
+ * - `_focusedChipIndex`: undefined 
+ * - `_lastFilter`: undefined 
+ * - `_topGroup`: undefined 
+ * - `_inputField`: undefined 
+ * - `i18n`: The object used to localize this component. To change the default
+ * localization, replace this with an object that provides all properties, or
+ * just the individual properties you want to change.
+ * 
+ * Should be overridden by subclasses to provide a custom JSDoc with the
+ * default I18N properties. 
+ * - `__effectiveI18n`: undefined 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set to a disabled element 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `opened`/`undefined`: Set when the dropdown is open 
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `custom-value-set`: Fired when the user sets a custom value.
+ * - `change`: Fired when the user commits a value change.
+ * - `undefined`: undefined
+ * - `filter-changed`: Fired when the `filter` property changes.
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `opened-changed`: Fired when the `opened` property changes.
+ * - `selected-items-changed`: Fired when the `selectedItems` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: Returns true if the current input value satisfies all constraints (if any).
+ * - `open() => void`: Opens the dropdown list.
+ * - `clear() => void`: Clears the selected items.
+ * - `clearCache() => void`: Clears the cached pages and reloads data from data provider when needed.
+ * - `requestContentUpdate() => void`: Requests an update for the content of items.
+ * While performing the update, it invokes the renderer (passed in the `renderer` property) once an item.
+ * 
+ * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+ * - `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-field-default-width`: Default width of the field (default: `undefined`)
+ * - `12em`: undefined (default: `undefined`)
+ * - `--vaadin-multi-select-combo-box-overlay-width`: Width of the overlay (default: `undefined`)
+ * - `auto`: undefined (default: `undefined`)
+ * - `--vaadin-multi-select-combo-box-overlay-max-height`: Max height of the overlay (default: `undefined`)
+ * - `65vh`: undefined (default: `undefined`)
+ * - `--vaadin-multi-select-combo-box-input-min-width`: Min width of the input (default: `undefined`)
+ * - `4em`: undefined (default: `undefined`)
+ * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
+ * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
+ * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
+ * - `<vaadin-item>`: undefined (default: `undefined`)
   */
     "or-vaadin-multi-select-combo-box": Partial<OrVaadinMultiSelectComboBoxProps & BaseProps<OrVaadinMultiSelectComboBox> & BaseEvents>;
 
@@ -293,17 +2552,99 @@ export type OrVaadinTimePickerProps = {
   /**
      * 
  * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `min`: The minimum value of the field. 
+ * - `max`: The maximum value of the field. 
+ * - `step`: Specifies the allowed number intervals of the field. 
+ * - `stepButtonsVisible`: Set to true to show increase/decrease buttons. 
+ * - `autocomplete`: Whether the value of the control can be automatically completed by the browser.
+ * List of available options at:
+ * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete 
+ * - `autocorrect`: This is a property supported by Safari that is used to control whether
+ * autocorrection should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * on: Enable autocorrection.
+ * off: Disable autocorrection. 
+ * - `autocapitalize`: This is a property supported by Safari and Chrome that is used to control whether
+ * autocapitalization should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * characters: Characters capitalization.
+ * words: Words capitalization.
+ * sentences: Sentences capitalization.
+ * none: No capitalization. 
+ * - `allowedCharPattern`: A pattern matched against individual characters the user inputs.
+ * 
+ * When set, the field will prevent:
+ * - `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+ * - `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+ * - `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+ * 
+ * For example, to allow entering only numbers and minus signs, use:
+ * `allowedCharPattern = "[\\d-]"` 
+ * - `autoselect`: If true, the input text gets fully selected when the field is focused using click or touch / tap. 
+ * - `name`: The name of this field. 
+ * - `placeholder`: A hint to the user of what can be entered in the field. 
+ * - `readonly`: When present, it specifies that the field is read-only. 
+ * - `title`: The text usually displayed in a tooltip popup when the mouse is over the field. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `clearButtonVisible`: Set to true to display the clear icon which clears the input.
+ * 
+ * It is up to the component to choose where to place the clear icon:
+ * in the Shadow DOM or in the light DOM. In any way, a reference to
+ * the clear icon element should be provided via the `clearElement` getter. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `input-prevented`/`undefined`: Temporarily set when invalid input is prevented 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `change`/`undefined`: undefined 
+ * - `unparsable-change`/`undefined`: undefined 
+ * - `_inputElementValue`: undefined (property only)
+ * - `_boundOnPaste`: undefined (property only)
+ * - `_boundOnDrop`: undefined (property only)
+ * - `_boundOnBeforeInput`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
  * ## Events
  * 
  * Events that will be emitted by the component.
  * 
  * - `submit`: undefined
+ * - `change`: Fired when the user commits a value change.
+ * - `unparsable-change`: Fired when the user commits an unparsable value change and there is no change event.
+ * - `undefined`: undefined
+ * - `input`: Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
  * 
  * ## Methods
  * 
  * Methods that can be called to access component functionality.
  * 
- * - `_onEnter(ev: KeyboardEvent) => void`: undefined
+ * - `checkValidity() => void`: Override the method from `InputConstraintsMixin`
+ * to enforce HTML constraint validation even if
+ * the user didn't add any constraints explicitly:
+ * the field has to be regardless checked for bad input.
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-number-field": Partial<OrVaadinNumberFieldProps & BaseProps<OrVaadinNumberField> & BaseEvents>;
 
@@ -311,29 +2652,281 @@ export type OrVaadinTimePickerProps = {
   /**
      * 
  * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `revealButtonHidden`: Set to true to hide the eye icon which toggles the password visibility. 
+ * - `passwordVisible`: True if the password is visible ([type=text]). 
+ * - `i18n`: An object with translated strings used for localization.
+ * It has the following structure and default values:
+ * 
+ * ```js
+ * {
+ *   // Translation of the reveal icon button accessible label
+ *   reveal: 'Show password'
+ * }
+ * ``` 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `input-prevented`/`undefined`: Temporarily set when invalid input is prevented 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `readonly`: Set when the element is readonly 
+ * - `password-visible`/`undefined`: Set when the password is visible 
+ * - `allowedCharPattern`: undefined 
+ * - `maxlength`: Maximum number of characters (in Unicode code points) that the user can enter. 
+ * - `minlength`: Minimum number of characters (in Unicode code points) that the user can enter. 
+ * - `pattern`: A regular expression that the value is checked against.
+ * The pattern must match the entire value, not just some subset. 
+ * - `autocomplete`: Whether the value of the control can be automatically completed by the browser.
+ * List of available options at:
+ * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete 
+ * - `autocorrect`: This is a property supported by Safari that is used to control whether
+ * autocorrection should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * on: Enable autocorrection.
+ * off: Disable autocorrection. 
+ * - `autocapitalize`: This is a property supported by Safari and Chrome that is used to control whether
+ * autocapitalization should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * characters: Characters capitalization.
+ * words: Words capitalization.
+ * sentences: Sentences capitalization.
+ * none: No capitalization. 
+ * - `autoselect`: If true, the input text gets fully selected when the field is focused using click or touch / tap. 
+ * - `name`: The name of this field. 
+ * - `placeholder`: A hint to the user of what can be entered in the field. 
+ * - `title`: The text usually displayed in a tooltip popup when the mouse is over the field. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `clearButtonVisible`: Set to true to display the clear icon which clears the input.
+ * 
+ * It is up to the component to choose where to place the clear icon:
+ * in the Shadow DOM or in the light DOM. In any way, a reference to
+ * the clear icon element should be provided via the `clearElement` getter. 
+ * - `dir`: undefined 
+ * - `__boundRevealButtonClick`: undefined (property only)
+ * - `__boundRevealButtonMouseDown`: undefined (property only)
+ * - `__lastChange`: undefined (property only)
+ * - `_boundOnPaste`: undefined (property only)
+ * - `_boundOnDrop`: undefined (property only)
+ * - `_boundOnBeforeInput`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
  * ## Events
  * 
  * Events that will be emitted by the component.
  * 
  * - `submit`: undefined
+ * - `change`: Fired when the user commits a value change.
+ * - `input`: Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * - `undefined`: undefined
  * 
  * ## Methods
  * 
  * Methods that can be called to access component functionality.
  * 
  * - `_onEnter(ev: KeyboardEvent) => void`: undefined
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-password-field": Partial<OrVaadinPasswordFieldProps & BaseProps<OrVaadinPasswordField> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `name`: The name of the control, which is submitted with the form data. 
+ * - `value`: The value of the radio group. 
+ * - `readonly`: When present, the user cannot modify the value of the radio group.
+ * The property works similarly to the `disabled` property.
+ * While the `disabled` property disables all radio buttons inside the group,
+ * the `readonly` property disables only unchecked ones. 
+ * - `_fieldName`: undefined 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-helper`/`undefined`: Set when the element has helper text 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `_tooltipController`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## 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-input-field-error-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+ * - `--vaadin-input-field-required-indicator`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
   */
     "or-vaadin-radio-group": Partial<OrVaadinRadioGroupProps & BaseProps<OrVaadinRadioGroup> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `items`: An array containing items that will be rendered as the options of the select.
+ * 
+ * #### Example
+ * ```js
+ * select.items = [
+ *   { label: 'Most recent first', value: 'recent' },
+ *   { component: 'hr' },
+ *   { label: 'Rating: low to high', value: 'rating-asc', className: 'asc' },
+ *   { label: 'Rating: high to low', value: 'rating-desc', className: 'desc' },
+ *   { component: 'hr' },
+ *   { label: 'Price: low to high', value: 'price-asc', disabled: true },
+ *   { label: 'Price: high to low', value: 'price-desc', disabled: true }
+ * ];
+ * ```
+ * 
+ * Note: each item is rendered by default as the internal `<vaadin-select-item>` that is an extension of `<vaadin-item>`.
+ * To render the item with a custom component, provide a tag name by the `component` property. 
+ * - `opened`: Set when the select is open 
+ * - `renderer`: Custom function for rendering the content of the `<vaadin-select>`.
+ * Receives two arguments:
+ * 
+ * - `root` The internal container DOM element. Append your content to it.
+ * - `select` The reference to the `<vaadin-select>` element. 
+ * - `value`: The `value` property of the selected item, or an empty string
+ * if no item is selected.
+ * On change or initialization, the component finds the item which matches the
+ * value and displays it.
+ * If no value is provided to the component, it selects the first item without
+ * value or empty value.
+ * Hint: If you do not want to select any item by default, you can either set all
+ * the values of inner vaadin-items, or set the vaadin-select value to
+ * an inexistent value in the items list. 
+ * - `name`: The name of this element. 
+ * - `placeholder`: A hint to the user of what can be entered in the control.
+ * The placeholder will be displayed in the case that there
+ * is no item selected, or the selected item has an empty
+ * string label, or the selected item has no label and it's
+ * DOM content is empty. 
+ * - `readonly`: When present, it specifies that the element is read-only. 
+ * - `noVerticalOverlap`: Defines whether the overlay should overlap the target element
+ * in the y-axis, or be positioned right above/below it. 
+ * - `_phone`: undefined 
+ * - `_phoneMediaQuery`: undefined 
+ * - `_inputContainer`: undefined 
+ * - `_items`: undefined 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `phone`/`undefined`: Set when the overlay is shown in phone mode 
+ * - `<vaadin-select>`/`undefined`: undefined 
+ * - `<vaadin-select-value-button>`/`undefined`: undefined 
+ * - `<vaadin-button>`/`undefined`: undefined 
+ * - `<vaadin-select-list-box>`/`undefined`: undefined 
+ * - `<vaadin-list-box>`/`undefined`: undefined 
+ * - `<vaadin-select-item>`/`undefined`: undefined 
+ * - `<vaadin-item>`/`undefined`: undefined 
+ * - `_itemId`: undefined (property only)
+ * - `_srLabelController`: undefined (property only)
+ * - `slotName`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `change`: Fired when the user commits a value change.
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `opened-changed`: Fired when the `opened` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `requestContentUpdate() => void`: Requests an update for the content of the select.
+ * 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.
+ * - `checkValidity() => boolean`: Returns true if the current value satisfies all constraints (if any)
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-select": Partial<OrVaadinSelectProps & BaseProps<OrVaadinSelect> & BaseEvents>;
 
@@ -341,17 +2934,101 @@ export type OrVaadinTimePickerProps = {
   /**
      * 
  * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `maxlength`: Maximum number of characters (in Unicode code points) that the user can enter. 
+ * - `minlength`: Minimum number of characters (in Unicode code points) that the user can enter. 
+ * - `pattern`: A regular expression that the value is checked against.
+ * The pattern must match the entire value, not just some subset. 
+ * - `minRows`: Minimum number of rows to show. Default is two rows.
+ * 
+ * When using a custom slotted textarea, the minimum number of rows are not applied for backwards compatibility. 
+ * - `maxRows`: Maximum number of rows to expand to before the text area starts scrolling. This effectively sets a max-height
+ * on the `input-field` part. By default, it is not set, and the text area grows with the content without
+ * constraints. 
+ * - `autocomplete`: Whether the value of the control can be automatically completed by the browser.
+ * List of available options at:
+ * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete 
+ * - `autocorrect`: This is a property supported by Safari that is used to control whether
+ * autocorrection should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * on: Enable autocorrection.
+ * off: Disable autocorrection. 
+ * - `autocapitalize`: This is a property supported by Safari and Chrome that is used to control whether
+ * autocapitalization should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * characters: Characters capitalization.
+ * words: Words capitalization.
+ * sentences: Sentences capitalization.
+ * none: No capitalization. 
+ * - `allowedCharPattern`: A pattern matched against individual characters the user inputs.
+ * 
+ * When set, the field will prevent:
+ * - `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+ * - `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+ * - `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+ * 
+ * For example, to allow entering only numbers and minus signs, use:
+ * `allowedCharPattern = "[\\d-]"` 
+ * - `autoselect`: If true, the input text gets fully selected when the field is focused using click or touch / tap. 
+ * - `name`: The name of this field. 
+ * - `placeholder`: A hint to the user of what can be entered in the field. 
+ * - `readonly`: When present, it specifies that the field is read-only. 
+ * - `title`: The text usually displayed in a tooltip popup when the mouse is over the field. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `clearButtonVisible`: Set to true to display the clear icon which clears the input.
+ * 
+ * It is up to the component to choose where to place the clear icon:
+ * in the Shadow DOM or in the light DOM. In any way, a reference to
+ * the clear icon element should be provided via the `clearElement` getter. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `input-prevented`/`undefined`: Temporarily set when invalid input is prevented 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `_boundOnPaste`: undefined (property only)
+ * - `_boundOnDrop`: undefined (property only)
+ * - `_boundOnBeforeInput`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
  * ## Events
  * 
  * Events that will be emitted by the component.
  * 
  * - `submit`: undefined
+ * - `undefined`: undefined
+ * - `input`: Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.
+ * - `change`: Fired when the user commits a value change.
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
  * 
  * ## Methods
  * 
  * Methods that can be called to access component functionality.
  * 
  * - `_onEnter(ev: KeyboardEvent) => void`: undefined
+ * - `scrollToStart() => void`: Scrolls the textarea to the start if it has a vertical scrollbar.
+ * - `scrollToEnd() => void`: Scrolls the textarea to the end if it has a vertical scrollbar.
+ * - `checkValidity() => boolean`: Returns true if the current textarea value satisfies all constraints (if any).
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-text-area": Partial<OrVaadinTextAreaProps & BaseProps<OrVaadinTextArea> & BaseEvents>;
 
@@ -359,29 +3036,412 @@ export type OrVaadinTimePickerProps = {
   /**
      * 
  * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `maxlength`: Maximum number of characters (in Unicode code points) that the user can enter. 
+ * - `minlength`: Minimum number of characters (in Unicode code points) that the user can enter. 
+ * - `pattern`: A regular expression that the value is checked against.
+ * The pattern must match the entire value, not just some subset. 
+ * - `autocomplete`: Whether the value of the control can be automatically completed by the browser.
+ * List of available options at:
+ * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete 
+ * - `autocorrect`: This is a property supported by Safari that is used to control whether
+ * autocorrection should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * on: Enable autocorrection.
+ * off: Disable autocorrection. 
+ * - `autocapitalize`: This is a property supported by Safari and Chrome that is used to control whether
+ * autocapitalization should be enabled when the user is entering/editing the text.
+ * Possible values are:
+ * characters: Characters capitalization.
+ * words: Words capitalization.
+ * sentences: Sentences capitalization.
+ * none: No capitalization. 
+ * - `allowedCharPattern`: A pattern matched against individual characters the user inputs.
+ * 
+ * When set, the field will prevent:
+ * - `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`
+ * - `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`
+ * - `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`
+ * 
+ * For example, to allow entering only numbers and minus signs, use:
+ * `allowedCharPattern = "[\\d-]"` 
+ * - `autoselect`: If true, the input text gets fully selected when the field is focused using click or touch / tap. 
+ * - `name`: The name of this field. 
+ * - `placeholder`: A hint to the user of what can be entered in the field. 
+ * - `readonly`: When present, it specifies that the field is read-only. 
+ * - `title`: The text usually displayed in a tooltip popup when the mouse is over the field. 
+ * - `ariaTarget`: A target element to which ARIA attributes are set. 
+ * - `errorMessage`: Error to show when the field is invalid. 
+ * - `helperText`: String used for the helper text. 
+ * - `accessibleName`: String used to label the component to screen reader users. 
+ * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users. 
+ * - `clearButtonVisible`: Set to true to display the clear icon which clears the input.
+ * 
+ * It is up to the component to choose where to place the clear icon:
+ * in the Shadow DOM or in the light DOM. In any way, a reference to
+ * the clear icon element should be provided via the `clearElement` getter. 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `input-prevented`/`undefined`: Temporarily set when invalid input is prevented 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `_boundOnPaste`: undefined (property only)
+ * - `_boundOnDrop`: undefined (property only)
+ * - `_boundOnBeforeInput`: undefined (property only)
+ * - `_fieldAriaController`: undefined (property only)
+ * - `_helperController`: undefined (property only)
+ * - `_errorController`: undefined (property only)
+ * 
  * ## Events
  * 
  * Events that will be emitted by the component.
  * 
  * - `submit`: undefined
+ * - `undefined`: undefined
+ * - `input`: Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.
+ * - `change`: Fired when the user commits a value change.
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
  * 
  * ## Methods
  * 
  * Methods that can be called to access component functionality.
  * 
  * - `_onEnter(ev: KeyboardEvent) => void`: undefined
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-text-field": Partial<OrVaadinTextFieldProps & BaseProps<OrVaadinTextField> & BaseEvents>;
 
 
   /**
      * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `value`: The time value for this element.
+ * 
+ * Supported time formats are in ISO 8601:
+ * - `hh:mm` (default)
+ * - `hh:mm:ss`
+ * - `hh:mm:ss.fff` 
+ * - `min`: Minimum time allowed.
+ * 
+ * Supported time formats are in ISO 8601:
+ * - `hh:mm`
+ * - `hh:mm:ss`
+ * - `hh:mm:ss.fff` 
+ * - `max`: Maximum time allowed.
+ * 
+ * Supported time formats are in ISO 8601:
+ * - `hh:mm`
+ * - `hh:mm:ss`
+ * - `hh:mm:ss.fff` 
+ * - `step`: Defines the time interval (in seconds) between the items displayed
+ * in the time selection box. The default is 1 hour (i.e. `3600`).
+ * 
+ * It also configures the precision of the value string. By default
+ * the component formats values as `hh:mm` but setting a step value
+ * lower than one minute or one second, format resolution changes to
+ * `hh:mm:ss` and `hh:mm:ss.fff` respectively.
+ * 
+ * Unit must be set in seconds, and for correctly configuring intervals
+ * in the dropdown, it need to evenly divide a day.
+ * 
+ * Note: it is possible to define step that is dividing an hour in inexact
+ * fragments (i.e. 5760 seconds which equals 1 hour 36 minutes), but it is
+ * not recommended to use it for better UX experience. 
+ * - `_comboBoxValue`: undefined 
+ * - `_inputContainer`: undefined 
+ * - `i18n`: The object used to localize this component. To change the default
+ * localization, replace this with an object that provides all properties, or
+ * just the individual properties you want to change.
+ * 
+ * Should be overridden by subclasses to provide a custom JSDoc with the
+ * default I18N properties. 
+ * - `__effectiveI18n`: undefined 
+ * - `dir`: undefined 
+ * - `disabled`/`undefined`: Set when the element is disabled 
+ * - `has-value`/`undefined`: Set when the element has a value 
+ * - `has-label`/`undefined`: Set when the element has a label 
+ * - `has-helper`/`undefined`: Set when the element has helper text or slot 
+ * - `has-error-message`/`undefined`: Set when the element has an error message 
+ * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip 
+ * - `invalid`/`undefined`: Set when the element is invalid 
+ * - `focused`/`undefined`: Set when the element is focused 
+ * - `focus-ring`/`undefined`: Set when the element is keyboard focused 
+ * - `readonly`/`undefined`: Set when the element is readonly 
+ * - `opened`/`undefined`: Set when the overlay is opened 
+ * - `<vaadin-time-picker>`/`undefined`: undefined 
+ * - `<vaadin-time-picker-item>`/`undefined`: undefined 
+ * - `<vaadin-item>`/`undefined`: undefined 
+ * - `change`/`undefined`: undefined 
+ * - `unparsable-change`/`undefined`: undefined 
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `change`: Fired when the user commits a value change.
+ * - `unparsable-change`: undefined
+ * - `undefined`: undefined
+ * - `invalid-changed`: Fired when the `invalid` property changes.
+ * - `opened-changed`: Fired when the `opened` property changes.
+ * - `value-changed`: Fired when the `value` property changes.
+ * - `validated`: Fired whenever the field is validated.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: Returns true if the current input value satisfies all constraints (if any).
+ * You can override this method for custom validations.
+ * - `createProperty(name, options) => void`: undefined
+ * - `getOrCreateMap(name) => void`: undefined
+ * - `addCheckedInitializer(initializer) => void`: undefined
+ * - `getPropertyDescriptor(name, key, options) => void`: undefined
   */
     "or-vaadin-time-picker": Partial<OrVaadinTimePickerProps & BaseProps<OrVaadinTimePicker> & BaseEvents>;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
   }
 
 export type CustomCssProperties = {
-
+  /**  */
+  "--vaadin-button-background"?: string;
+  /**  */
+  "--vaadin-button-border-color"?: string;
+  /**  */
+  "--vaadin-button-border-radius"?: string;
+  /**  */
+  "--vaadin-button-border-width"?: string;
+  /**  */
+  "--vaadin-button-font-size"?: string;
+  /**  */
+  "--vaadin-button-font-weight"?: string;
+  /**  */
+  "--vaadin-button-gap"?: string;
+  /**  */
+  "--vaadin-button-height"?: string;
+  /**  */
+  "--vaadin-button-line-height"?: string;
+  /**  */
+  "--vaadin-button-margin"?: string;
+  /**  */
+  "--vaadin-button-padding"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-button-text-color"?: string;
+  /**  */
+  "--vaadin-input-field-error-color"?: string;
+  /**  */
+  "--vaadin-input-field-error-font-size"?: string;
+  /**  */
+  "--vaadin-input-field-error-font-weight"?: string;
+  /**  */
+  "--vaadin-input-field-error-line-height"?: string;
+  /**  */
+  "--vaadin-input-field-label-color"?: string;
+  /**  */
+  "--vaadin-input-field-label-font-size"?: string;
+  /**  */
+  "--vaadin-input-field-label-font-weight"?: string;
+  /**  */
+  "--vaadin-input-field-label-line-height"?: string;
+  /**  */
+  "--vaadin-input-field-helper-color"?: string;
+  /**  */
+  "--vaadin-input-field-helper-font-size"?: string;
+  /**  */
+  "--vaadin-input-field-helper-font-weight"?: string;
+  /**  */
+  "--vaadin-input-field-helper-line-height"?: string;
+  /**  */
+  "--vaadin-input-field-required-indicator-color"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-input-field-required-indicator"?: string;
+  /**  */
+  "--vaadin-checkbox-background"?: string;
+  /**  */
+  "--vaadin-checkbox-border-color"?: string;
+  /**  */
+  "--vaadin-checkbox-border-radius"?: string;
+  /**  */
+  "--vaadin-checkbox-border-width"?: string;
+  /**  */
+  "--vaadin-checkbox-gap"?: string;
+  /**  */
+  "--vaadin-checkbox-label-color"?: string;
+  /**  */
+  "--vaadin-checkbox-label-font-size"?: string;
+  /**  */
+  "--vaadin-checkbox-label-font-weight"?: string;
+  /**  */
+  "--vaadin-checkbox-label-line-height"?: string;
+  /**  */
+  "--vaadin-checkbox-marker-color"?: string;
+  /**  */
+  "--vaadin-checkbox-marker-size"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-checkbox-size"?: string;
+  /**  */
+  "--vaadin-date-time-picker-gap"?: string;
+  /**  */
+  "<vaadin-date-time-picker>"?: string;
+  /**  */
+  "<vaadin-date-picker>"?: string;
+  /**  */
+  "<vaadin-time-picker>"?: string;
+  /**  */
+  "change"?: string;
+  /**  */
+  "unparsable-change"?: string;
+  /**  */
+  "--vaadin-dialog-background"?: string;
+  /**  */
+  "--vaadin-dialog-border-color"?: string;
+  /**  */
+  "--vaadin-dialog-border-radius"?: string;
+  /**  */
+  "--vaadin-dialog-border-width"?: string;
+  /**  */
+  "--vaadin-dialog-max-width"?: string;
+  /**  */
+  "--vaadin-dialog-min-width"?: string;
+  /**  */
+  "--vaadin-dialog-padding"?: string;
+  /**  */
+  "--vaadin-dialog-shadow"?: string;
+  /**  */
+  "--vaadin-dialog-title-color"?: string;
+  /**  */
+  "--vaadin-dialog-title-font-size"?: string;
+  /**  */
+  "--vaadin-dialog-title-font-weight"?: string;
+  /**  */
+  "--vaadin-dialog-title-line-height"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-overlay-backdrop-background"?: string;
+  /** Size (width and height) of the icon */
+  "--vaadin-icon-size"?: string;
+  /** Stroke width of the SVG icon */
+  "--vaadin-icon-stroke-width"?: string;
+  /** Visual size of the icon */
+  "--vaadin-icon-visual-size"?: string;
+  /** Set when the icon has a slotted tooltip */
+  "has-tooltip"?: string;
+  /** Default width of the field */
+  "--vaadin-field-default-width"?: string;
+  /**  */
+  "12em"?: string;
+  /** Width of the overlay */
+  "--vaadin-multi-select-combo-box-overlay-width"?: string;
+  /**  */
+  "auto"?: string;
+  /** Max height of the overlay */
+  "--vaadin-multi-select-combo-box-overlay-max-height"?: string;
+  /**  */
+  "65vh"?: string;
+  /** Min width of the input */
+  "--vaadin-multi-select-combo-box-input-min-width"?: string;
+  /**  */
+  "4em"?: string;
+  /**  */
+  "<vaadin-multi-select-combo-box>"?: string;
+  /**  */
+  "<vaadin-multi-select-combo-box-chip>"?: string;
+  /**  */
+  "<vaadin-multi-select-combo-box-item>"?: string;
+  /**  */
+  "<vaadin-item>"?: string;
+  /**  */
+  "--vaadin-item-border-radius"?: string;
+  /**  */
+  "--vaadin-item-checkmark-color"?: string;
+  /**  */
+  "--vaadin-item-checkmark-display"?: string;
+  /**  */
+  "--vaadin-item-gap"?: string;
+  /**  */
+  "--vaadin-item-height"?: string;
+  /**  */
+  "--vaadin-item-padding"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-item-text-align"?: string;
+  /**  */
+  "--vaadin-radio-button-background"?: string;
+  /**  */
+  "--vaadin-radio-button-border-color"?: string;
+  /**  */
+  "--vaadin-radio-button-border-width"?: string;
+  /**  */
+  "--vaadin-radio-button-gap"?: string;
+  /**  */
+  "--vaadin-radio-button-label-color"?: string;
+  /**  */
+  "--vaadin-radio-button-label-font-size"?: string;
+  /**  */
+  "--vaadin-radio-button-label-font-weight"?: string;
+  /**  */
+  "--vaadin-radio-button-label-line-height"?: string;
+  /**  */
+  "--vaadin-radio-button-marker-color"?: string;
+  /**  */
+  "--vaadin-radio-button-marker-size"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-radio-button-size"?: string;
+  /** Bottom offset of the visible viewport area */
+  "--vaadin-overlay-viewport-bottom"?: string;
+  /**  */
+  "0"?: string;
 }