@orangelogic/design-system 4.51.0 → 4.52.0

package/library/packages/hybrid/rich-text/src/rich-text.d.ts

@@ -72,6 +72,9 @@ import { RichTextMenuBarSpec, RichTextStyleFormat, RichTextToolbarSpec } from '.
  * @event cx-rich-text-blur - Emitted when the editor loses focus.
  * @event cx-rich-text-focus - Emitted when the editor gains focus.
  * @event cx-rich-text-click - Emitted when the user clicks inside the toolbar, editor, or table bubble.
+ *
+ * @cssproperty [--cx-input-border-width=1px] - Border width of the rich text editor, unless `--rich-text-border` is set.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the rich text editor, unless `--rich-text-border` is set. Dark theme: `var(--cx-color-neutral-400)`.
  */
 export default class CxRichText extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/hybrid/table-core/src/table/components/table-toolbar/table-toolbar.d.ts

@@ -35,6 +35,8 @@ import { default as CxTableSavedSearchDropdown } from './table-saved-search-drop
  * @cssproperty [--dropdown-filter-icon-size=var(--cx-font-size-large)] - Size of the icon in a dropdown filter trigger. Matches the 20px icon in the design; without it the icon inherits 16px from cx-button.
  * @cssproperty [--search-border-width-focus=0] - Thickness added around the `can-search` search box while it has focus. Drawn outside the box so the input never resizes. Applies to that input only.
  * @cssproperty [--search-border-color-focus=var(--cx-color-primary-600)] - Border color of the `can-search` search box while it has focus. Applies to that input only.
+ * @cssproperty [--cx-input-border-radius-medium=var(--cx-border-radius-large)] - Border radius of the search box while it has focus.
+ * @cssproperty [--cx-input-height-medium=32px] - Minimum height of the header row when pagination is shown.
  */
 export default class CxTableToolbar extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -86,6 +86,9 @@ import { CxTableColumnEditor, CxTableFooter, CxTableHeaderMenu, CxTableRowAction
  * @event {{ field: string, visible: boolean }} cx-table-column-visibility-change - Emitted after a column's visibility changes via the header right-click "Hide column" action.
  * @event {{ field: string }} cx-table-edit-columns - Emitted when "Edit columns" is chosen from the header right-click menu. Extension point for a future manage-columns panel; no built-in panel is shown.
  * @event {{ key: string }} cx-table-applied-filter-remove - Emitted when a host-provided chip from `additionalAppliedFilters` is removed (individually or via "Clear") in the faceted-filter panel. Carries the removed chip's `key`; the host owns the underlying filter and updates `additionalAppliedFilters` in response.
+ *
+ * @cssproperty [--cx-input-border-radius-medium=var(--cx-border-radius-large)] - Border radius of the input or select in a cell being edited.
+ * @cssproperty [--cx-input-border-width=1px] - Width of the table's borders.
  */
 export default class CxTable extends CortexElement {
     #private;

package/library/packages/hybrid/video-advanced/src/video-advanced/video-advanced.d.ts

@@ -69,6 +69,18 @@ import { default as CxVideoEditor } from '../video-editor/video-editor';
  * @event {{ UID: string; time: number }} cx-video-editor-trim - Fired when trimming a track.
  * @event {{ UIDs: string[] }} cx-video-editor-select-tracks - Fired when selecting tracks.
  * @event {{ UIDs: string[] }} cx-video-editor-select-transitions - Fired when selecting transitions.
+ *
+ * @cssproperty [--cx-input-border-radius-small=var(--cx-border-radius-large)] - Border radius of the segment range slider's control buttons.
+ * @cssproperty [--cx-tooltip-border-radius=var(--cx-border-radius-medium)] - Border radius of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-font-family=var(--cx-font-sans)] - Font family of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-font-size=var(--cx-font-size-small)] - Font size of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-font-weight=var(--cx-font-weight-regular)] - Font weight of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-line-height=var(--cx-line-height-medium)] - Line height of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-padding=var(--cx-spacing-2x-small) var(--cx-spacing-x-small)] - Padding of the thumbnail preview tooltip.
+ * @cssproperty [--cx-tooltip-background-color=#27272A] - Background color of the time, volume and thumbnail preview tooltips.
+ * @cssproperty [--cx-tooltip-color=#FFF] - Text color of the time, volume and thumbnail preview tooltips.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the segment volume popup, the video.js menus and the transcription search box.
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Border color of the segment volume popup.
  */
 export default class CxVideoAdvanced extends CortexElement {
     static readonly dependencies: {

package/library/packages/molecules/src/3d-viewer/components/3d-viewer-config/3d-viewer-config.d.ts

@@ -12,6 +12,9 @@ import { default as CortexElement } from '../../../../../base/src/cortex-element
 import { CSSResultGroup } from 'lit';
 /**
  * @summary Cx3dViewerConfig
+ *
+ * @cssproperty [--cx-panel-border-width=1px] - Width of the divider between the back button and the settings.
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Color of the divider between the back button and the settings.
  */
 export default class Cx3dViewerConfig extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/annotator/annotator.d.ts

@@ -9,6 +9,8 @@ import { default as CxAnnotatorLineWeight } from './components/annotator-line-we
  * @summary CxAnnotator - A component that allows users to annotate a specific element.
  *
  * @event {{ active: boolean; tool: AnnotatorTool }} cx-annotator-tool-change - Fired when a drawing tool is selected (`active: true`) or the active tool icon is clicked again to return to select mode (`active: false`). `tool` is the `AnnotatorTool` value (`arrow-marker`, `line-marker`, `rectangle-marker`, `freehand-marker`).
+ *
+ * @cssproperty [--cx-input-height-medium=32px] - Minimum width of the line color button.
  */
 export default class CxAnnotator extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/asset-format-picker/asset-format-picker.d.ts

@@ -13,6 +13,9 @@ import { CSSResultGroup } from 'lit';
  *
  * @event cx-asset-format-select - Emitted when a format is selected or reset to its default. Detail is an `AssetFormatValue`.
  * @event cx-asset-request-status - Emitted when the format request status changes.
+ *
+ * @cssproperty [--cx-input-invalid-border-color=var(--cx-color-danger)] - Border color of the format button when the picker is invalid.
+ * @cssproperty [--cx-input-invalid-shadow=0 0 0 var(--cx-focus-ring-width) var(--cx-color-danger-300)] - Focus ring of the format button when the picker is invalid and focused.
  */
 export default class CxAssetFormatPicker extends CortexElement {
     #private;

package/library/packages/molecules/src/asset-picker/asset-picker.d.ts

@@ -13,6 +13,9 @@ import { Asset, AssetType, AssetTypeString } from '../../../types/src/content-bu
  *
  * @event cx-content-builder-asset-select - Emitted when an asset is selected.
  * @event cx-asset-request-status - Emitted when the asset request status changes.
+ *
+ * @cssproperty [--cx-input-invalid-border-color=var(--cx-color-danger)] - Border color of the choose button when the picker is invalid.
+ * @cssproperty [--cx-input-invalid-shadow=0 0 0 var(--cx-focus-ring-width) var(--cx-color-danger-300)] - Focus shadow of the choose button when the picker is invalid.
  */
 export default class CxAssetPicker extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/packages/molecules/src/download-format-picker/download-format-picker.d.ts

@@ -12,6 +12,9 @@ import { CSSResultGroup } from 'lit';
  * @event cx-download-format-select - Emitted when a format is selected.
  * @event cx-download-format-delete - Emitted when the format is cleared.
  * @event cx-asset-request-status - Emitted when the format request status changes.
+ *
+ * @cssproperty [--cx-input-invalid-border-color=var(--cx-color-danger)] - Border color of the format button when the picker is invalid.
+ * @cssproperty [--cx-input-invalid-shadow=0 0 0 var(--cx-focus-ring-width) var(--cx-color-danger-300)] - Focus ring of the format button when the picker is invalid and focused.
  */
 export default class CxDownloadFormatPicker extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/input-date-picker/input-date-picker.d.ts

@@ -22,6 +22,9 @@ import { CSSResultGroup } from 'lit';
  * @cssproperty [--input-date-picker-width] - Explicit field width. Overrides date-only and show-time default widths.
  * @cssproperty [--date-field-width=15rem] - Default width when time selects are hidden.
  * @cssproperty [--time-select-width=5.75rem] - Width of each time select.
+ * @cssproperty [--cx-input-spacing-small=var(--cx-spacing-medium)] - Inline padding of the time selects' comboboxes.
+ * @cssproperty [--cx-input-icon-color=var(--cx-color-neutral-500)] - Color of the date action icon.
+ * @cssproperty [--cx-input-invalid-border-color=var(--cx-color-danger)] - Border color of the date input when the picker is invalid.
  */
 export default class CxInputDatePicker extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/markdown-viewer/markdown-viewer.d.ts

@@ -40,6 +40,9 @@ import { CSSResultGroup, TemplateResult } from 'lit';
  * @cssproperty [--cx-markdown-viewer-source-max-height=none] - Max height of the source view before it scrolls.
  * @cssproperty [--cx-markdown-viewer-edit-min-height=auto] - Min height of the plain-text editor, overriding its row count. The rich editor uses it too, defaulting to 20lh.
  * @cssproperty [--cx-markdown-viewer-view-switcher-width=12rem] - Space the rich view's toolbar reserves at its end so the overlaid view switcher never covers a control.
+ * @cssproperty [--cx-input-border-radius-medium=var(--cx-border-radius-large)] - Border radius of the rich editor's box.
+ * @cssproperty [--cx-input-border-width=1px] - Border width of the rich editor's box.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the rich editor's box. Dark theme: `var(--cx-color-neutral-400)`.
  */
 export default class CxMarkdownViewer extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/multi-select/components/board/board.d.ts

@@ -22,6 +22,10 @@ import { default as CxBoardListItem } from '../board-list-item/board-list-item';
  * @csspart search-input - The search input. Only rendered when `allow-search` is set.
  * @csspart search-input-clear - The clear button inside the search input.
  * @csspart select-all - The select-all checkbox in the header. Only rendered when `all` is set.
+ * @cssproperty [--cx-input-border-width=1px] - Border width of the select-all checkbox.
+ * @cssproperty [--cx-toggle-size-medium=20px] - Width and height of the select-all checkbox.
+ * @cssproperty [--cx-input-background-color=var(--cx-color-neutral-0)] - Background color of the select-all checkbox when unchecked.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the select-all checkbox when unchecked. Dark theme: `var(--cx-color-neutral-400)`.
  */
 export default class CxBoard extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/packages/molecules/src/multi-select/components/board-list-item/board-list-item.d.ts

@@ -17,6 +17,12 @@ import { TemplateResult } from 'lit';
  * @csspart text - The wrapper around the row's label.
  * @csspart text-content - The clamped label itself.
  * @csspart tooltip - The tooltip holding the row's `tooltip` content.
+ * @cssproperty [--cx-input-border-width=1px] - Border width of the selection indicator.
+ * @cssproperty [--cx-toggle-size-medium=20px] - Size of the selection indicator.
+ * @cssproperty [--cx-input-background-color=var(--cx-color-neutral-0)] - Background color of the selection indicator.
+ * @cssproperty [--cx-input-background-color-hover=var(--cx-input-background-color)] - Background color of the unchecked selection indicator on hover.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the selection indicator. Dark theme: `var(--cx-color-neutral-400)`.
+ * @cssproperty [--cx-input-border-color-hover=var(--cx-color-primary-300)] - Border color of the unchecked selection indicator on hover. Dark theme: `var(--cx-color-primary-700)`.
  */
 export default class CxBoardListItem extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/packages/molecules/src/publish-page/publish-page.d.ts

@@ -34,6 +34,8 @@ import { CSSResultGroup } from 'lit';
  * @csspart cancel-button - The cancel button.
  *
  * @cssproperty [--publish-page-width=840px] - The width of the dialog panel.
+ * @cssproperty [--cx-input-height-medium=32px] - Minimum height of the field labels, so a label centres against the medium input beside it.
+ * @cssproperty [--cx-input-label-font-size-medium=var(--cx-font-size-x-small)] - Font size of the field labels.
  */
 export default class CxPublishPage extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts

@@ -23,6 +23,12 @@ import { CSSResultGroup, TemplateResult } from 'lit';
  * @event {{ eventName: string, value: string }} cx-view-and-sort-action-click - Emitted when a menu item's trailing action icon is pressed. A distinct behavior from selecting the item: `cx-select` is suppressed for that click.
  *
  * @cssproperty [--view-and-sort-switch-label-color=var(--cx-color-neutral)] - Label color for switch rows. Switch rows stay neutral because the switch conveys the state; set this to re-enable a checked highlight.
+ * @cssproperty [--view-and-sort-panel-padding=var(--cx-spacing-x-small) 0 0 0] - Padding of the dropdown panel around all menu sections. Set `0` so the first row's hover background reaches the top edge of the panel.
+ * @cssproperty [--view-and-sort-menu-padding=var(--cx-spacing-x-small) 0] - Padding of each menu section. Set `0` so a row's hover background reaches the section dividers. A section under a title keeps no top padding, and a section holding a button keeps no bottom padding.
+ * @cssproperty [--view-and-sort-divider-spacing=var(--cx-spacing-medium)] - Space above and below a divider between rows of the same section. Set `0` so the hover background of the rows next to it reaches the divider line.
+ * @cssproperty [--cx-button-border-radius-medium=var(--cx-border-radius-medium)] - Border radius of the trigger button when `--view-and-sort-trigger-button-border-radius` is not set.
+ * @cssproperty [--cx-panel-border-width=1px] - Width of the divider between menu sections.
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Color of the divider between menu sections.
  */
 export default class CxViewAndSort extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/organisms/src/chatbot/chatbot.d.ts

@@ -26,6 +26,10 @@ import * as signalR from '@microsoft/signalr';
  *
  * @cssproperty [--width=400px] - The width of the chatbot.
  * @cssproperty [--height=600px] - The height of the chatbot.
+ * @cssproperty [--cx-panel-border-width=1px] - Width of the border under the chatbot header.
+ * @cssproperty [--cx-overlay-background-color=hsl(240deg 3.8% 46.1% / 33%)] - Background color of the full-screen overlay behind the chatbot. Dark theme: `hsl(0deg 0% 0% / 43%)`.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the chatbot, its minimized button and close icon, and assistant messages.
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Border color of the chatbot header and of the messages.
  *
  * @typedef ChatbotEvent - {
  *  callback: (messageContent: string) => void;

package/library/packages/organisms/src/comment/comment.d.ts

@@ -27,6 +27,8 @@ declare global {
  * @event cx-recording-started - Emitted when the screen recorder has started.
  * @event cx-recording-stopped - Emitted when the screen recorder has stopped.
  * @event {{ error: Error }} cx-recording-error - Emitted when the screen recorder has error.
+ *
+ * @cssproperty [--cx-overlay-background-color=hsl(240deg 3.8% 46.1% / 33%)] - Background color of the backdrop behind the comment's overlay dialog. Dark theme: `hsl(0deg 0% 0% / 43%)`.
  */
 export default class CxComment<TCommentMenu extends CxCommentMenu = CxCommentMenu> extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/packages/organisms/src/content-builder/blocks/button/button.d.ts

@@ -17,6 +17,9 @@ import { CSSResultGroup } from 'lit';
  * @cssproperty --button-custom-font-family - The button's font family, applied at every size.
  * @cssproperty --button-custom-font-style - The button's font style, applied at every size.
  * @cssproperty --button-custom-font-weight - The button's font weight, applied at every size.
+ * @cssproperty [--cx-button-font-size-medium=var(--cx-font-size-small)] - Default font size of the button, used when `--button-custom-font-size` is not set.
+ * @cssproperty [--cx-input-font-family=var(--cx-font-sans)] - Default font family of the button, used when `--button-custom-font-family` is not set.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the outline button, including when focused. Dark theme: `var(--cx-color-neutral-400)`.
  */
 export default class CxSbButton extends CxButton {
     static readonly dependencies: {

package/library/packages/organisms/src/content-builder/blocks/search-box/search-box.d.ts

@@ -33,6 +33,8 @@ import { CSSResultGroup } from 'lit';
  * @cssproperty [--icon-size=var(--cx-font-size-3x-large)] - The leading icon's width; its height scales proportionally. Custom appearance only.
  * @cssproperty [--border=light-dark(transparent, transparent) 0px] - The field's border color and width, completed into a `border` shorthand. Falls back to `--border-color` at 1px. Custom appearance only.
  * @cssproperty [--placeholder-color=var(--cx-input-placeholder-color)] - The placeholder text color. Custom appearance only.
+ * @cssproperty [--cx-input-font-family=var(--cx-font-sans)] - Font family of the search field when `--search-box-custom-font-family` is not set.
+ * @cssproperty [--cx-input-placeholder-color=var(--cx-color-neutral-400)] - Color of the placeholder text, and the default of `--placeholder-color`.
  *
  * @csspart input - The input field for entering search queries.
  * @csspart icon - The icon displayed in the search box, typically a magnifying glass.

package/library/packages/organisms/src/content-builder/content-builder.d.ts

@@ -34,6 +34,8 @@ type TranslatableTextRecordOptions = {
  * keep returning the page content.
  *
  * @event cx-change - Emitted when the content builder changes.
+ *
+ * @cssproperty [--cx-overlay-background-color=hsl(240deg 3.8% 46.1% / 33%)] - Background color of the loading overlay. Dark theme: `hsl(0deg 0% 0% / 43%)`.
  */
 export default class CxContentBuilder extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts

@@ -23,6 +23,13 @@ import { TemplateResult } from 'lit';
 import { default as CxAnchorDialog } from './anchor-dialog';
 import { default as CxImageDialog } from './image-dialog';
 import { CxSelectWithTooltip } from './select-with-tooltip';
+/**
+ * @summary Floating toolbar shown over a text selection in the rich text editor block.
+ *
+ * @cssproperty [--cx-panel-border-width=1px] - Border width of the bubble menu.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the bubble menu.
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Border color of the bubble menu.
+ */
 export default class CxRTEBubbleMenu extends CortexElement {
     static readonly styles: import('lit').CSSResult[];
     static readonly dependencies: {

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-table-generator/rte-table-generator.d.ts

@@ -1,6 +1,12 @@
 import { default as CxSpace } from '../../../../../../../atoms/src/components/space/space.ts';
 import { default as CxTypography } from '../../../../../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../../../../../base/src/cortex-element.ts';
+/**
+ * @summary Grid picker for choosing the number of rows and columns of a new table in the rich text editor block.
+ *
+ * @cssproperty [--cx-panel-border-color=var(--cx-color-neutral-200)] - Border color of the grid cells.
+ * @cssproperty [--cx-menu-item-background-color-hover=var(--cx-color-primary-50)] - Background color of the highlighted grid cells. Dark theme: `var(--cx-color-neutral-100)`.
+ */
 export declare class CxRTETableGenerator extends CortexElement {
     static readonly styles: import('lit').CSSResult[];
     static readonly dependencies: {

package/library/packages/organisms/src/downloader/downloader.d.ts

@@ -41,6 +41,12 @@ declare global {
  * @cssproperty [--status-cell-width=140px] - The width of the status cell inside download item table.
  * @cssproperty [--actions-cell-width=100px] - The width of the actions cell inside download item table.
  * @cssproperty [--table-head-height=40px] - The height of the table header inside download item table.
+ * @cssproperty [--cx-input-border-radius-medium=var(--cx-border-radius-large)] - Border radius of the search preview icon.
+ * @cssproperty [--cx-input-border-width=1px] - Border width of the search preview icon and of the table view and its cells.
+ * @cssproperty [--cx-input-font-size-small=var(--cx-font-size-small)] - Font size of the search preview icon.
+ * @cssproperty [--cx-panel-border-width=1px] - Border width of the pagination bar.
+ * @cssproperty [--cx-input-border-color=var(--cx-color-neutral-300)] - Border color of the search preview icon. Dark theme: `var(--cx-color-neutral-400)`.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the downloader container and of the table header.
  */
 export default class CxDownloader extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/organisms/src/file-on-demand/components/file-on-demand-asset/file-on-demand-asset.d.ts

@@ -27,6 +27,8 @@ import { default as CxFileOnDemandPinnedStatus } from '../file-on-demand-pinned-
  * @event {{ assetId: string }} cx-cancel-upload - Emitted when the user cancels an upload.
  *
  * @cssproperty [--cx-asset-thumbnail-width=56px] - The width of the asset thumbnail.
+ * @cssproperty [--cx-input-height-medium=32px] - Minimum width and height of the action spinner.
+ * @cssproperty [--cx-input-filled-background-color-hover=var(--cx-color-neutral-100)] - Background color of the row on hover.
  */
 export default class CxFileOnDemandAsset extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/organisms/src/find-and-replace/find-and-replace.d.ts

@@ -23,6 +23,7 @@ import { CSSResultGroup } from 'lit';
  * @event {{ findText: string }} cx-find-and-replace-next - Fired when the user navigates to the next match.
  *
  * @cssproperty [--find-and-replace-width=24rem] - Preferred dialog width token; used with viewport clamping on the inner dialog.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the find-and-replace panel.
  */
 export default class CxFindAndReplace extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/organisms/src/text-to-speech/text-to-speech.d.ts

@@ -27,6 +27,9 @@ import { TemplateResult } from 'lit';
  * @summary Text-to-speech component with rich text editing and voice synthesis capabilities.
  *
  * @event cx-change - Emitted when the color picker’s value changes.
+ *
+ * @cssproperty [--cx-input-color=var(--cx-color-neutral-900)] - Text color of the editor, also used for the markup highlights whose control is disabled.
+ * @cssproperty [--cx-panel-background-color=var(--cx-color-neutral-0)] - Background color of the break menu.
  */
 export default class CxTextToSpeech extends CortexElement {
     static readonly styles: import('lit').CSSResult[];

package/library/react-web-component.d.ts

@@ -1,7 +1,7 @@
  /* eslint-disable */
               import { HTMLAttributes, DetailedHTMLProps } from 'react';
               
-          import { CxIcon, CxSpinner, CxIconButton, CxAlert, CxAmChart, CxAnimatedImage, CxAnimation, CxPopup, CxMenuItem, CxInput, CxMenu, CxTextarea, CxDropdown, CxButton, CxTooltip, CxResizeObserver, CxLineClamp, CxTag, CxArrayLineClamp, CxTypography, CxAudio, CxAvatar, CxBadge, CxBox, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxSpace, CxOption, CxSelect, CxTab, CxTabPanel, CxTabGroup, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDiff, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMarkdownViewer, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxPublishPage, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxColumn, CxColumnGroup, CxFontKit, CxFontKitAdvanced, CxSearchBox, CxListEditor, CxDamCustomToolbarButtonsEditor, CxLightbox, CxGallery, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxContentBuilderViewer, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxSpaceSelector, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxVideoAdvanced, CxXmlEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types.js';
+          import { CxIcon, CxSpinner, CxIconButton, CxAlert, CxAmChart, CxAnimatedImage, CxAnimation, CxPopup, CxMenuItem, CxInput, CxMenu, CxTextarea, CxDropdown, CxButton, CxResizeObserver, CxTooltip, CxLineClamp, CxTag, CxArrayLineClamp, CxTypography, CxAudio, CxAvatar, CxBadge, CxBox, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxSpace, CxOption, CxSelect, CxTab, CxTabPanel, CxTabGroup, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDiff, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMarkdownViewer, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxPublishPage, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxColumn, CxColumnGroup, CxFontKit, CxFontKitAdvanced, CxSearchBox, CxListEditor, CxDamCustomToolbarButtonsEditor, CxLightbox, CxGallery, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxContentBuilderViewer, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxSpaceSelector, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxVideoAdvanced, CxXmlEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types.js';
         
               
             export type CxMarkdownRendererObject = any;
@@ -1221,6 +1221,32 @@
         /**
           * 
         */
+        preRender?: boolean;
+            }
+            /**
+              * The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
+            */
+            interface CxResizeObserverAttributes extends HTMLAttributes<CxResizeObserver> {
+              
+        /**
+          * Disables the observer.
+        */
+        disabled?: boolean;
+        /**
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+        */
+        dir?: string;
+        /**
+          * eslint-disable-next-line lit/no-native-attributes
+        */
+        lang?: string;
+        /**
+          * 
+        */
+        theme?: "light" | "dark";
+        /**
+          * 
+        */
         preRender?: boolean;
             }
             /**
@@ -1283,32 +1309,6 @@
         /**
           * 
         */
-        preRender?: boolean;
-            }
-            /**
-              * The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
-            */
-            interface CxResizeObserverAttributes extends HTMLAttributes<CxResizeObserver> {
-              
-        /**
-          * Disables the observer.
-        */
-        disabled?: boolean;
-        /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
-        */
-        dir?: string;
-        /**
-          * eslint-disable-next-line lit/no-native-attributes
-        */
-        lang?: string;
-        /**
-          * 
-        */
-        theme?: "light" | "dark";
-        /**
-          * 
-        */
         preRender?: boolean;
             }
             /**
@@ -11615,18 +11615,18 @@
         */
         preRender?: boolean;
             }
-              export type CxIconProps = DetailedHTMLProps<CxIconAttributes, CxIcon> & {class?: string};export type CxSpinnerProps = DetailedHTMLProps<CxSpinnerAttributes, CxSpinner> & {class?: string};export type CxIconButtonProps = DetailedHTMLProps<CxIconButtonAttributes, CxIconButton> & {class?: string};export type CxAlertProps = DetailedHTMLProps<CxAlertAttributes, CxAlert> & {class?: string};export type CxAmChartProps = DetailedHTMLProps<CxAmChartAttributes, CxAmChart> & {class?: string};export type CxAnimatedImageProps = DetailedHTMLProps<CxAnimatedImageAttributes, CxAnimatedImage> & {class?: string};export type CxAnimationProps = DetailedHTMLProps<CxAnimationAttributes, CxAnimation> & {class?: string};export type CxPopupProps = DetailedHTMLProps<CxPopupAttributes, CxPopup> & {class?: string};export type CxMenuItemProps = DetailedHTMLProps<CxMenuItemAttributes, CxMenuItem> & {class?: string};export type CxInputProps = DetailedHTMLProps<CxInputAttributes, CxInput> & {class?: string};export type CxMenuProps = DetailedHTMLProps<CxMenuAttributes, CxMenu> & {class?: string};export type CxTextareaProps = DetailedHTMLProps<CxTextareaAttributes, CxTextarea> & {class?: string};export type CxDropdownProps = DetailedHTMLProps<CxDropdownAttributes, CxDropdown> & {class?: string};export type CxButtonProps = DetailedHTMLProps<CxButtonAttributes, CxButton> & {class?: string};export type CxTooltipProps = DetailedHTMLProps<CxTooltipAttributes, CxTooltip> & {class?: string};export type CxResizeObserverProps = DetailedHTMLProps<CxResizeObserverAttributes, CxResizeObserver> & {class?: string};export type CxLineClampProps = DetailedHTMLProps<CxLineClampAttributes, CxLineClamp> & {class?: string};export type CxTagProps = DetailedHTMLProps<CxTagAttributes, CxTag> & {class?: string};export type CxArrayLineClampProps = DetailedHTMLProps<CxArrayLineClampAttributes, CxArrayLineClamp> & {class?: string};export type CxTypographyProps = DetailedHTMLProps<CxTypographyAttributes, CxTypography> & {class?: string};export type CxAudioProps = DetailedHTMLProps<CxAudioAttributes, CxAudio> & {class?: string};export type CxAvatarProps = DetailedHTMLProps<CxAvatarAttributes, CxAvatar> & {class?: string};export type CxBadgeProps = DetailedHTMLProps<CxBadgeAttributes, CxBadge> & {class?: string};export type CxBoxProps = DetailedHTMLProps<CxBoxAttributes, CxBox> & {class?: string};export type CxBreadcrumbItemProps = DetailedHTMLProps<CxBreadcrumbItemAttributes, CxBreadcrumbItem> & {class?: string};export type CxBreadcrumbProps = DetailedHTMLProps<CxBreadcrumbAttributes, CxBreadcrumb> & {class?: string};export type CxButtonGroupProps = DetailedHTMLProps<CxButtonGroupAttributes, CxButtonGroup> & {class?: string};export type CxCardProps = DetailedHTMLProps<CxCardAttributes, CxCard> & {class?: string};export type CxCheckboxProps = DetailedHTMLProps<CxCheckboxAttributes, CxCheckbox> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxVisuallyHiddenProps = DetailedHTMLProps<CxVisuallyHiddenAttributes, CxVisuallyHidden> & {class?: string};export type CxColorPickerProps = DetailedHTMLProps<CxColorPickerAttributes, CxColorPicker> & {class?: string};export type CxCopyButtonProps = DetailedHTMLProps<CxCopyButtonAttributes, CxCopyButton> & {class?: string};export type CxDateCalendarProps = DetailedHTMLProps<CxDateCalendarAttributes, CxDateCalendar> & {class?: string};export type CxDetailsProps = DetailedHTMLProps<CxDetailsAttributes, CxDetails> & {class?: string};export type CxDividerProps = DetailedHTMLProps<CxDividerAttributes, CxDivider> & {class?: string};export type CxDialogProps = DetailedHTMLProps<CxDialogAttributes, CxDialog> & {class?: string};export type CxDiffProps = DetailedHTMLProps<CxDiffAttributes, CxDiff> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxEChartProps = DetailedHTMLProps<CxEChartAttributes, CxEChart> & {class?: string};export type CxElementClampProps = DetailedHTMLProps<CxElementClampAttributes, CxElementClamp> & {class?: string};export type CxFormatBytesProps = DetailedHTMLProps<CxFormatBytesAttributes, CxFormatBytes> & {class?: string};export type CxFormatDateProps = DetailedHTMLProps<CxFormatDateAttributes, CxFormatDate> & {class?: string};export type CxFormatNumberProps = DetailedHTMLProps<CxFormatNumberAttributes, CxFormatNumber> & {class?: string};export type CxFormatTimeProps = DetailedHTMLProps<CxFormatTimeAttributes, CxFormatTime> & {class?: string};export type CxGridProps = DetailedHTMLProps<CxGridAttributes, CxGrid> & {class?: string};export type CxGridItemProps = DetailedHTMLProps<CxGridItemAttributes, CxGridItem> & {class?: string};export type CxHeaderProps = DetailedHTMLProps<CxHeaderAttributes, CxHeader> & {class?: string};export type CxHubConnectionProps = DetailedHTMLProps<CxHubConnectionAttributes, CxHubConnection> & {class?: string};export type CxIframeProps = DetailedHTMLProps<CxIframeAttributes, CxIframe> & {class?: string};export type CxImageComparerProps = DetailedHTMLProps<CxImageComparerAttributes, CxImageComparer> & {class?: string};export type CxIncludeProps = DetailedHTMLProps<CxIncludeAttributes, CxInclude> & {class?: string};export type CxInputGroupProps = DetailedHTMLProps<CxInputGroupAttributes, CxInputGroup> & {class?: string};export type CxMarkdownProps = DetailedHTMLProps<CxMarkdownAttributes, CxMarkdown> & {class?: string};export type CxMenuLabelProps = DetailedHTMLProps<CxMenuLabelAttributes, CxMenuLabel> & {class?: string};export type CxMenuSectionProps = DetailedHTMLProps<CxMenuSectionAttributes, CxMenuSection> & {class?: string};export type CxMutationObserverProps = DetailedHTMLProps<CxMutationObserverAttributes, CxMutationObserver> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressRingProps = DetailedHTMLProps<CxProgressRingAttributes, CxProgressRing> & {class?: string};export type CxQrCodeProps = DetailedHTMLProps<CxQrCodeAttributes, CxQrCode> & {class?: string};export type CxRadioProps = DetailedHTMLProps<CxRadioAttributes, CxRadio> & {class?: string};export type CxRadioButtonProps = DetailedHTMLProps<CxRadioButtonAttributes, CxRadioButton> & {class?: string};export type CxRadioCardProps = DetailedHTMLProps<CxRadioCardAttributes, CxRadioCard> & {class?: string};export type CxRadioGroupProps = DetailedHTMLProps<CxRadioGroupAttributes, CxRadioGroup> & {class?: string};export type CxRangeProps = DetailedHTMLProps<CxRangeAttributes, CxRange> & {class?: string};export type CxRatingProps = DetailedHTMLProps<CxRatingAttributes, CxRating> & {class?: string};export type CxRelativeTimeProps = DetailedHTMLProps<CxRelativeTimeAttributes, CxRelativeTime> & {class?: string};export type CxSplitPanelProps = DetailedHTMLProps<CxSplitPanelAttributes, CxSplitPanel> & {class?: string};export type CxStepProps = DetailedHTMLProps<CxStepAttributes, CxStep> & {class?: string};export type CxStepperProps = DetailedHTMLProps<CxStepperAttributes, CxStepper> & {class?: string};export type CxSwitchProps = DetailedHTMLProps<CxSwitchAttributes, CxSwitch> & {class?: string};export type CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMarkdownViewerProps = DetailedHTMLProps<CxMarkdownViewerAttributes, CxMarkdownViewer> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxPublishPageProps = DetailedHTMLProps<CxPublishPageAttributes, CxPublishPage> & {class?: string};export type CxShadowInputGroupProps = DetailedHTMLProps<CxShadowInputGroupAttributes, CxShadowInputGroup> & {class?: string};export type CxShareOptionListProps = DetailedHTMLProps<CxShareOptionListAttributes, CxShareOptionList> & {class?: string};export type CxSidebarProps = DetailedHTMLProps<CxSidebarAttributes, CxSidebar> & {class?: string};export type CxSizeInputGroupProps = DetailedHTMLProps<CxSizeInputGroupAttributes, CxSizeInputGroup> & {class?: string};export type CxStatCardProps = DetailedHTMLProps<CxStatCardAttributes, CxStatCard> & {class?: string};export type CxStepperWizardProps = DetailedHTMLProps<CxStepperWizardAttributes, CxStepperWizard> & {class?: string};export type CxStorybookProps = DetailedHTMLProps<CxStorybookAttributes, CxStorybook> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCapacityPlannerProps = DetailedHTMLProps<CxCapacityPlannerAttributes, CxCapacityPlanner> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxFontKitAdvancedProps = DetailedHTMLProps<CxFontKitAdvancedAttributes, CxFontKitAdvanced> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {class?: string};export type CxContentBuilderViewerProps = DetailedHTMLProps<CxContentBuilderViewerAttributes, CxContentBuilderViewer> & {class?: string};export type CxDashboardFilterProps = DetailedHTMLProps<CxDashboardFilterAttributes, CxDashboardFilter> & {class?: string};export type CxDashboardTableProps = DetailedHTMLProps<CxDashboardTableAttributes, CxDashboardTable> & {class?: string};export type CxDownloaderProps = DetailedHTMLProps<CxDownloaderAttributes, CxDownloader> & {class?: string};export type CxFileOnDemandProps = DetailedHTMLProps<CxFileOnDemandAttributes, CxFileOnDemand> & {class?: string};export type CxFindAndReplaceProps = DetailedHTMLProps<CxFindAndReplaceAttributes, CxFindAndReplace> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxSpaceSelectorProps = DetailedHTMLProps<CxSpaceSelectorAttributes, CxSpaceSelector> & {class?: string};export type CxTemplateSwitcherProps = DetailedHTMLProps<CxTemplateSwitcherAttributes, CxTemplateSwitcher> & {class?: string};export type CxTextToSpeechProps = DetailedHTMLProps<CxTextToSpeechAttributes, CxTextToSpeech> & {class?: string};export type CxVideoChaptersManagerProps = DetailedHTMLProps<CxVideoChaptersManagerAttributes, CxVideoChaptersManager> & {class?: string};export type CxVideoEditorProps = DetailedHTMLProps<CxVideoEditorAttributes, CxVideoEditor> & {class?: string};export type CxVideoAdvancedProps = DetailedHTMLProps<CxVideoAdvancedAttributes, CxVideoAdvanced> & {class?: string};export type CxXmlEditorProps = DetailedHTMLProps<CxXmlEditorAttributes, CxXmlEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
+              export type CxIconProps = DetailedHTMLProps<CxIconAttributes, CxIcon> & {class?: string};export type CxSpinnerProps = DetailedHTMLProps<CxSpinnerAttributes, CxSpinner> & {class?: string};export type CxIconButtonProps = DetailedHTMLProps<CxIconButtonAttributes, CxIconButton> & {class?: string};export type CxAlertProps = DetailedHTMLProps<CxAlertAttributes, CxAlert> & {class?: string};export type CxAmChartProps = DetailedHTMLProps<CxAmChartAttributes, CxAmChart> & {class?: string};export type CxAnimatedImageProps = DetailedHTMLProps<CxAnimatedImageAttributes, CxAnimatedImage> & {class?: string};export type CxAnimationProps = DetailedHTMLProps<CxAnimationAttributes, CxAnimation> & {class?: string};export type CxPopupProps = DetailedHTMLProps<CxPopupAttributes, CxPopup> & {class?: string};export type CxMenuItemProps = DetailedHTMLProps<CxMenuItemAttributes, CxMenuItem> & {class?: string};export type CxInputProps = DetailedHTMLProps<CxInputAttributes, CxInput> & {class?: string};export type CxMenuProps = DetailedHTMLProps<CxMenuAttributes, CxMenu> & {class?: string};export type CxTextareaProps = DetailedHTMLProps<CxTextareaAttributes, CxTextarea> & {class?: string};export type CxDropdownProps = DetailedHTMLProps<CxDropdownAttributes, CxDropdown> & {class?: string};export type CxButtonProps = DetailedHTMLProps<CxButtonAttributes, CxButton> & {class?: string};export type CxResizeObserverProps = DetailedHTMLProps<CxResizeObserverAttributes, CxResizeObserver> & {class?: string};export type CxTooltipProps = DetailedHTMLProps<CxTooltipAttributes, CxTooltip> & {class?: string};export type CxLineClampProps = DetailedHTMLProps<CxLineClampAttributes, CxLineClamp> & {class?: string};export type CxTagProps = DetailedHTMLProps<CxTagAttributes, CxTag> & {class?: string};export type CxArrayLineClampProps = DetailedHTMLProps<CxArrayLineClampAttributes, CxArrayLineClamp> & {class?: string};export type CxTypographyProps = DetailedHTMLProps<CxTypographyAttributes, CxTypography> & {class?: string};export type CxAudioProps = DetailedHTMLProps<CxAudioAttributes, CxAudio> & {class?: string};export type CxAvatarProps = DetailedHTMLProps<CxAvatarAttributes, CxAvatar> & {class?: string};export type CxBadgeProps = DetailedHTMLProps<CxBadgeAttributes, CxBadge> & {class?: string};export type CxBoxProps = DetailedHTMLProps<CxBoxAttributes, CxBox> & {class?: string};export type CxBreadcrumbItemProps = DetailedHTMLProps<CxBreadcrumbItemAttributes, CxBreadcrumbItem> & {class?: string};export type CxBreadcrumbProps = DetailedHTMLProps<CxBreadcrumbAttributes, CxBreadcrumb> & {class?: string};export type CxButtonGroupProps = DetailedHTMLProps<CxButtonGroupAttributes, CxButtonGroup> & {class?: string};export type CxCardProps = DetailedHTMLProps<CxCardAttributes, CxCard> & {class?: string};export type CxCheckboxProps = DetailedHTMLProps<CxCheckboxAttributes, CxCheckbox> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxVisuallyHiddenProps = DetailedHTMLProps<CxVisuallyHiddenAttributes, CxVisuallyHidden> & {class?: string};export type CxColorPickerProps = DetailedHTMLProps<CxColorPickerAttributes, CxColorPicker> & {class?: string};export type CxCopyButtonProps = DetailedHTMLProps<CxCopyButtonAttributes, CxCopyButton> & {class?: string};export type CxDateCalendarProps = DetailedHTMLProps<CxDateCalendarAttributes, CxDateCalendar> & {class?: string};export type CxDetailsProps = DetailedHTMLProps<CxDetailsAttributes, CxDetails> & {class?: string};export type CxDividerProps = DetailedHTMLProps<CxDividerAttributes, CxDivider> & {class?: string};export type CxDialogProps = DetailedHTMLProps<CxDialogAttributes, CxDialog> & {class?: string};export type CxDiffProps = DetailedHTMLProps<CxDiffAttributes, CxDiff> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxEChartProps = DetailedHTMLProps<CxEChartAttributes, CxEChart> & {class?: string};export type CxElementClampProps = DetailedHTMLProps<CxElementClampAttributes, CxElementClamp> & {class?: string};export type CxFormatBytesProps = DetailedHTMLProps<CxFormatBytesAttributes, CxFormatBytes> & {class?: string};export type CxFormatDateProps = DetailedHTMLProps<CxFormatDateAttributes, CxFormatDate> & {class?: string};export type CxFormatNumberProps = DetailedHTMLProps<CxFormatNumberAttributes, CxFormatNumber> & {class?: string};export type CxFormatTimeProps = DetailedHTMLProps<CxFormatTimeAttributes, CxFormatTime> & {class?: string};export type CxGridProps = DetailedHTMLProps<CxGridAttributes, CxGrid> & {class?: string};export type CxGridItemProps = DetailedHTMLProps<CxGridItemAttributes, CxGridItem> & {class?: string};export type CxHeaderProps = DetailedHTMLProps<CxHeaderAttributes, CxHeader> & {class?: string};export type CxHubConnectionProps = DetailedHTMLProps<CxHubConnectionAttributes, CxHubConnection> & {class?: string};export type CxIframeProps = DetailedHTMLProps<CxIframeAttributes, CxIframe> & {class?: string};export type CxImageComparerProps = DetailedHTMLProps<CxImageComparerAttributes, CxImageComparer> & {class?: string};export type CxIncludeProps = DetailedHTMLProps<CxIncludeAttributes, CxInclude> & {class?: string};export type CxInputGroupProps = DetailedHTMLProps<CxInputGroupAttributes, CxInputGroup> & {class?: string};export type CxMarkdownProps = DetailedHTMLProps<CxMarkdownAttributes, CxMarkdown> & {class?: string};export type CxMenuLabelProps = DetailedHTMLProps<CxMenuLabelAttributes, CxMenuLabel> & {class?: string};export type CxMenuSectionProps = DetailedHTMLProps<CxMenuSectionAttributes, CxMenuSection> & {class?: string};export type CxMutationObserverProps = DetailedHTMLProps<CxMutationObserverAttributes, CxMutationObserver> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressRingProps = DetailedHTMLProps<CxProgressRingAttributes, CxProgressRing> & {class?: string};export type CxQrCodeProps = DetailedHTMLProps<CxQrCodeAttributes, CxQrCode> & {class?: string};export type CxRadioProps = DetailedHTMLProps<CxRadioAttributes, CxRadio> & {class?: string};export type CxRadioButtonProps = DetailedHTMLProps<CxRadioButtonAttributes, CxRadioButton> & {class?: string};export type CxRadioCardProps = DetailedHTMLProps<CxRadioCardAttributes, CxRadioCard> & {class?: string};export type CxRadioGroupProps = DetailedHTMLProps<CxRadioGroupAttributes, CxRadioGroup> & {class?: string};export type CxRangeProps = DetailedHTMLProps<CxRangeAttributes, CxRange> & {class?: string};export type CxRatingProps = DetailedHTMLProps<CxRatingAttributes, CxRating> & {class?: string};export type CxRelativeTimeProps = DetailedHTMLProps<CxRelativeTimeAttributes, CxRelativeTime> & {class?: string};export type CxSplitPanelProps = DetailedHTMLProps<CxSplitPanelAttributes, CxSplitPanel> & {class?: string};export type CxStepProps = DetailedHTMLProps<CxStepAttributes, CxStep> & {class?: string};export type CxStepperProps = DetailedHTMLProps<CxStepperAttributes, CxStepper> & {class?: string};export type CxSwitchProps = DetailedHTMLProps<CxSwitchAttributes, CxSwitch> & {class?: string};export type CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMarkdownViewerProps = DetailedHTMLProps<CxMarkdownViewerAttributes, CxMarkdownViewer> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxPublishPageProps = DetailedHTMLProps<CxPublishPageAttributes, CxPublishPage> & {class?: string};export type CxShadowInputGroupProps = DetailedHTMLProps<CxShadowInputGroupAttributes, CxShadowInputGroup> & {class?: string};export type CxShareOptionListProps = DetailedHTMLProps<CxShareOptionListAttributes, CxShareOptionList> & {class?: string};export type CxSidebarProps = DetailedHTMLProps<CxSidebarAttributes, CxSidebar> & {class?: string};export type CxSizeInputGroupProps = DetailedHTMLProps<CxSizeInputGroupAttributes, CxSizeInputGroup> & {class?: string};export type CxStatCardProps = DetailedHTMLProps<CxStatCardAttributes, CxStatCard> & {class?: string};export type CxStepperWizardProps = DetailedHTMLProps<CxStepperWizardAttributes, CxStepperWizard> & {class?: string};export type CxStorybookProps = DetailedHTMLProps<CxStorybookAttributes, CxStorybook> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCapacityPlannerProps = DetailedHTMLProps<CxCapacityPlannerAttributes, CxCapacityPlanner> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxFontKitAdvancedProps = DetailedHTMLProps<CxFontKitAdvancedAttributes, CxFontKitAdvanced> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {class?: string};export type CxContentBuilderViewerProps = DetailedHTMLProps<CxContentBuilderViewerAttributes, CxContentBuilderViewer> & {class?: string};export type CxDashboardFilterProps = DetailedHTMLProps<CxDashboardFilterAttributes, CxDashboardFilter> & {class?: string};export type CxDashboardTableProps = DetailedHTMLProps<CxDashboardTableAttributes, CxDashboardTable> & {class?: string};export type CxDownloaderProps = DetailedHTMLProps<CxDownloaderAttributes, CxDownloader> & {class?: string};export type CxFileOnDemandProps = DetailedHTMLProps<CxFileOnDemandAttributes, CxFileOnDemand> & {class?: string};export type CxFindAndReplaceProps = DetailedHTMLProps<CxFindAndReplaceAttributes, CxFindAndReplace> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxSpaceSelectorProps = DetailedHTMLProps<CxSpaceSelectorAttributes, CxSpaceSelector> & {class?: string};export type CxTemplateSwitcherProps = DetailedHTMLProps<CxTemplateSwitcherAttributes, CxTemplateSwitcher> & {class?: string};export type CxTextToSpeechProps = DetailedHTMLProps<CxTextToSpeechAttributes, CxTextToSpeech> & {class?: string};export type CxVideoChaptersManagerProps = DetailedHTMLProps<CxVideoChaptersManagerAttributes, CxVideoChaptersManager> & {class?: string};export type CxVideoEditorProps = DetailedHTMLProps<CxVideoEditorAttributes, CxVideoEditor> & {class?: string};export type CxVideoAdvancedProps = DetailedHTMLProps<CxVideoAdvancedAttributes, CxVideoAdvanced> & {class?: string};export type CxXmlEditorProps = DetailedHTMLProps<CxXmlEditorAttributes, CxXmlEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
               declare global {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
+                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-resize-observer']: CxResizeObserverProps;['cx-tooltip']: CxTooltipProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };
               declare module "react" {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
+                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-resize-observer']: CxResizeObserverProps;['cx-tooltip']: CxTooltipProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };