@orangelogic/design-system 2.113.0 → 2.115.0

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, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDotPagination, CxDotStatus, CxDrawer, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxSkeleton, CxSpace, CxImage, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxOption, CxSelect, CxPagination, CxProgressBar, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTab, CxTabPanel, CxTabGroup, CxTable, CxTimecode, CxTreeItem, CxTree, CxVideo, CxFacetedFilter, CxSidebarLayout, Cx3DViewer, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFolderSelect, CxGraphView, CxBookReader, CxDocumentViewer, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTimeline, CxTypeface, CxAssetFormatPicker, CxInputDatePicker, CxInputDateRangePicker, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxComment, CxFontKit, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxMultiSelect, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
+          import { CxIcon, CxSpinner, CxIconButton, CxAlert, CxAmChart, CxAnimatedImage, CxAnimation, CxPopup, CxMenuItem, CxInput, CxMenu, CxTextarea, CxDropdown, CxButton, CxTooltip, CxResizeObserver, CxLineClamp, CxTag, CxArrayLineClamp, CxTypography, CxAudio, CxAvatar, CxBadge, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDotPagination, CxDotStatus, CxDrawer, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxSkeleton, CxSpace, CxImage, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxOption, CxSelect, CxPagination, CxProgressBar, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTab, CxTabPanel, CxTabGroup, CxTable, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxGraphView, CxBookReader, CxDocumentViewer, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTimeline, CxTypeface, CxAssetFormatPicker, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxComment, CxFontKit, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxMultiSelect, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
         
               
             export type CxMarkdownRendererObject = any;
@@ -16,11 +16,14 @@
             export type CxTableTableDropdownFilterDataOption = { filter: CxTableFilter; id: string; label: string; };
             export type CxTableFilter = { field: string; type: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; value: any; params: { separator: string; matchAll: boolean; }; };
             export type CxTablePick = { value: any; field: string; };
-            export type CxFacetedFilterFacet = { facetDetails: CxFacetedFilterFacetDetails; values: CxFacetedFilterFacetValue[]; };
-            export type CxFacetedFilterFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; selection: 'multiple' | 'single'; };
-            export type CxFacetedFilterFacetValue = { count: number; displayValue: string; value: string; };
             export type CxDataTabGroupDetailsItem = { id: string; label: string; };
             export type CxDetailsGroupDetailsItem = { id: string; label: string; };
+            export type CxFacetedFilterFacet = { facetDetails: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails; values: CxFacetedFilterFacetValue[]; };
+            export type CxFacetedFilterCheckboxFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; selection: 'multiple' | 'single'; type: 'checkbox'; };
+            export type CxFacetedFilterDatePickerFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showTime: boolean; type: 'date-picker'; };
+            export type CxFacetedFilterDateRangeFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showPreset: boolean; showTime: boolean; type: 'date-range'; };
+            export type CxFacetedFilterFacetValue = { count: number; displayValue: string; value: string; };
+            export type CxFacetedFilterDateRangeValue = { fromDate: string; fromTime: string; preset: string; showTime: boolean; toDate: string; toTime: string; type: 'date-picker' | 'date-range'; };
             export type CxGraphViewWorkflow = { data: CxGraphViewData; description: string; id: string; links: CxGraphViewEdge[]; name: string; node_types: dictionary; nodes: CxGraphViewNode[]; type: string; };
             export type CxGraphViewData = { fromTransition: string; name: string; source: string; transitions: CxGraphViewTransition[]; };
             export type CxGraphViewTransition = { description: string; hideEdgeActions: boolean; icon: string; icon_rotation: number; id: string; name: string; required: boolean; type: string; };
@@ -1435,7 +1438,7 @@
         preRender?: boolean;
             } 
             /**
-              * Audio player with waveform visualization.
+              * Audio player with server-rendered waveform visualization.
             */
             interface CxAudioAttributes extends HTMLAttributes<CxAudio> {
               
@@ -1456,9 +1459,9 @@
         */
         loop?: boolean;
         /**
-          * CSS color for the waveform bars. Accepts a plain CSS color or `light-dark(lightColor, darkColor)` for theme-aware coloring. Defaults to `--cx-color-primary` if not set or if the value is invalid.
+          * URL of a server-rendered waveform PNG. The image is analyzed via canvas pixel sampling and rendered as a themeable SVG. Wave color and background are CSS-controllable via `--waves-color` and `--background-color`.
         */
-        waveColor?: string[];
+        waveformSrc?: string;
         /**
           * The width of the image.
         */
@@ -5376,48 +5379,6 @@
         /**
           * 
         */
-        preRender?: boolean;
-            } 
-            /**
-              * Filter icon button that opens a dropdown panel with collapsible facet groups. Applied filters are shown as removable tags with a "Clear" action.
-            */
-            interface CxFacetedFilterAttributes extends HTMLAttributes<CxFacetedFilter> {
-              
-        /**
-          * Active facets with their metadata and available option values.
-        */
-        facets?: CxFacetedFilterFacet[];
-        /**
-          * Ordered list of facets to display. Controls which facets render and in what order.
-        */
-        availableFacets?: CxFacetedFilterFacetDetails[];
-        /**
-          * Currently selected filter values. See `SelectedFacets` type. Can be set to reset selection.
-        */
-        selectedFacets?: dictionary;
-        /**
-          * Default selection mode for all facets. Per-facet selection in FacetDetails takes precedence.
-        */
-        selection?: 'multiple' | 'single';
-        /**
-          * Whether the current selection is being applied by the consumer.
-        */
-        loading?: 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;
             } 
             /**
@@ -6253,78 +6214,116 @@
         preRender?: boolean;
             } 
             /**
-              * 
+              * Filter icon button that opens a dropdown panel with collapsible facet groups. Applied filters are shown as removable tags with a "Clear" action.
             */
-            interface CxFolderSelectAttributes extends HTMLAttributes<CxFolderSelect> {
+            interface CxFacetedFilterAttributes extends HTMLAttributes<CxFacetedFilter> {
               
         /**
-          * 
+          * Active facets with their metadata and available option values.
         */
-        minQueryLength?: number;
+        facets?: CxFacetedFilterFacet[];
         /**
-          * 
+          * Ordered list of facets to display. Controls which facets render and in what order.
         */
-        selection?: 'single' | 'multiple';
+        availableFacets?: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails[];
         /**
-          * 
+          * Currently selected filter values. See `SelectedFacets` type. Can be set to reset selection.
         */
-        variant?: 'input' | 'select';
+        selectedFacets?: dictionary;
         /**
-          * 
+          * Currently selected date facet values (date-picker + date-range). Can be set to reset selection.
         */
-        value?: string;
+        selectedDateRanges?: dictionary;
         /**
-          * 
+          * Default selection mode for all facets. Per-facet selection in FacetDetails takes precedence.
         */
-        name?: string;
+        selection?: 'multiple' | 'single';
         /**
-          * 
+          * Whether the current selection is being applied by the consumer.
         */
-        selectedLabel?: string;
+        loading?: boolean;
         /**
-          * 
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        baseUrl?: string;
+        dir?: string;
         /**
-          * 
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        open?: boolean;
+        lang?: string;
         /**
           * 
         */
-        token?: string;
+        theme?: 'light' | 'dark';
         /**
           * 
         */
-        bearerToken?: string;
+        preRender?: boolean;
+            } 
+            /**
+              * A date input field with a calendar picker and an optional time selector. Renders a label inside the input, a calendar popup, and optional hour/minute/second selects.
+            */
+            interface CxInputDatePickerAttributes extends HTMLAttributes<CxInputDatePicker> {
+              
         /**
-          * 
+          * Display label for the field.
         */
-        seeThru?: boolean;
+        label?: string;
         /**
-          * 
+          * The name submitted as a name/value pair with form data.
         */
-        required?: boolean;
+        name?: string;
         /**
-          * 
+          * The associated form element. Accepts a form `id` string or an `HTMLFormElement`. When set, overrides `closest('form')` lookup.
         */
         form?: string;
         /**
-          * 
+          * The selected date in YYYY-MM-DD format. Used internally for calendar and event detail.
         */
-        excludeVirtualFolders?: boolean;
+        value?: string;
         /**
-          * 
+          * The selected time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
         */
-        extraFolderId?: string;
+        timeValue?: string;
         /**
-          * 
+          * Placeholder for the date input. Defaults to DD-MM-YYYY.
         */
-        extraFolderTitle?: string;
+        placeholder?: string;
         /**
-          * 
+          * Shows the hour/minute/second time selects below the date row.
         */
-        extraFolderIcon?: string;
+        showTime?: boolean;
+        /**
+          * The name submitted as a name/value pair for the time field.
+        */
+        timeName?: string;
+        /**
+          * Disables all inputs and the calendar picker.
+        */
+        disabled?: boolean;
+        /**
+          * Makes all inputs read-only.
+        */
+        readonly?: boolean;
+        /**
+          * Marks the field as required.
+        */
+        required?: boolean;
+        /**
+          * Minimum selectable date in YYYY-MM-DD format.
+        */
+        min?: string;
+        /**
+          * Maximum selectable date in YYYY-MM-DD format.
+        */
+        max?: string;
+        /**
+          * Custom validation message when the typed date is before `min`. Falls back to the localized `dateBeforeMin` term when omitted.
+        */
+        maskMinMessage?: string;
+        /**
+          * Custom validation message when the typed date is after `max`. Falls back to the localized `dateAfterMax` term when omitted.
+        */
+        maskMaxMessage?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -6343,26 +6342,38 @@
         preRender?: boolean;
             } 
             /**
-              * 
+              * Internal single-date facet adapter for `cx-faceted-filter`. Renders a collapsible section (matching the checkbox facet) wrapping `cx-input-date-picker`, and normalizes its `cx-change` into the shared `cx-facet-change` event (an `=` filter on the chosen day).
             */
-            interface CxGraphViewAttributes extends HTMLAttributes<CxGraphView> {
+            interface CxFacetDatePickerAttributes extends HTMLAttributes<CxFacetDatePicker> {
               
         /**
-          * 
+          * Field name used as the filter key in the emitted event.
         */
-        data?: CxGraphViewWorkflow;
+        field?: string;
         /**
-          * 
+          * Human-readable label shown in the collapsible header.
         */
-        readonly?: boolean;
+        displayName?: string;
         /**
-          * 
+          * Currently selected date in `YYYY-MM-DD`.
         */
-        hideControls?: boolean;
+        value?: string;
         /**
-          * 
+          * Currently selected time in 24-hour `HH:mm:ss`.
         */
-        renderDelay?: number;
+        fromTime?: string;
+        /**
+          * Shows the hour/minute/second selects.
+        */
+        showTime?: boolean;
+        /**
+          * Minimum selectable date in `YYYY-MM-DD`.
+        */
+        min?: string;
+        /**
+          * Maximum selectable date in `YYYY-MM-DD`.
+        */
+        max?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -6381,66 +6392,90 @@
         preRender?: boolean;
             } 
             /**
-              * Full-featured PDF and image book reader.
+              * A date range input composed of two date pickers and an optional preset selector. Validates that the from date is not after the to date.
             */
-            interface CxBookReaderAttributes extends HTMLAttributes<CxBookReader> {
+            interface CxInputDateRangePickerAttributes extends HTMLAttributes<CxInputDateRangePicker> {
               
         /**
-          * Book ID used to fetch page data.
+          * Form submission key for the from date.
         */
-        bookId?: string;
+        fromName?: string;
         /**
-          * URL of the PDF or image source.
+          * Form submission key for the to date.
         */
-        sourceUrl?: string;
+        toName?: string;
         /**
-          * Initial page number to display.
+          * Form submission key for the from time.
         */
-        pageNumber?: number;
+        fromTimeName?: string;
         /**
-          * Whether to show a cover page initially.
+          * Form submission key for the to time.
         */
-        showCover?: boolean;
+        toTimeName?: string;
         /**
-          * Total number of pages (PDF mode).
+          * The from date in YYYY-MM-DD format.
         */
-        totalPages?: number;
+        fromDate?: string;
         /**
-          * Reader mode.
+          * The to date in YYYY-MM-DD format.
         */
-        bookReaderMode?: 'Image' | 'Pdf';
+        toDate?: string;
         /**
-          * Background color for the book container.
+          * The from time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
         */
-        bookBackground?: string;
+        fromTime?: string;
         /**
-          * View mode for the layout.
+          * The to time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
         */
-        viewMode?: 'FourPage' | 'OnePage' | 'TwoPage';
+        toTime?: string;
         /**
-          * Whether the asset is in cold storage.
+          * The selected preset value.
         */
-        isInColdStorage?: boolean;
+        preset?: string;
         /**
-          * Display name for the book (used in cold storage view).
+          * Label for the from date picker.
         */
-        bookName?: string;
+        fromLabel?: string;
         /**
-          * PDF range chunk size in bytes.
+          * Label for the to date picker.
         */
-        rangeChunkSize?: number;
+        toLabel?: string;
         /**
-          * Session ID used for entity ID resolution.
+          * Shared placeholder for both child date pickers.
         */
-        sessionId?: string;
+        placeholder?: string;
         /**
-          * When true, shows the "Get link to this asset" item in the context menu.
+          * Shows the time selects on both child date pickers.
         */
-        enableContextMenuGetLink?: boolean;
+        showTime?: boolean;
         /**
-          * URL for the PDF.js worker file. The Cortex host must set this to the server-side worker URL in production. Defaults to the Vite-resolved bundle path, which works in local dev and the docs app.
+          * Shows the preset selector.
         */
-        pdfWorkerUrl?: string;
+        showPreset?: boolean;
+        /**
+          * Disables all inputs.
+        */
+        disabled?: boolean;
+        /**
+          * Makes all inputs read-only.
+        */
+        readonly?: boolean;
+        /**
+          * Marks the range as required — both dates must be filled.
+        */
+        required?: boolean;
+        /**
+          * Minimum selectable date in YYYY-MM-DD format.
+        */
+        min?: string;
+        /**
+          * Maximum selectable date in YYYY-MM-DD format.
+        */
+        max?: string;
+        /**
+          * The associated form target passed to child date pickers.
+        */
+        form?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -6459,20 +6494,292 @@
         preRender?: boolean;
             } 
             /**
-              * Displays a selected file's source image or PDF document in a content-builder block. PPTX files are rendered via a server-side preview URL built from the `identifier` property.
+              * Internal date-range facet adapter for `cx-faceted-filter`. Renders a collapsible section (matching the checkbox facet) wrapping `cx-input-date-range-picker`, and normalizes its `cx-change` into the shared `cx-facet-change` event. The event fires only once **both** the from and to dates are set, so incomplete edits keep the prior filter.
             */
-            interface CxDocumentViewerAttributes extends HTMLAttributes<CxDocumentViewer> {
+            interface CxFacetDateRangeAttributes extends HTMLAttributes<CxFacetDateRange> {
               
         /**
-          * The source URL of the document image to display.
+          * Field name used as the filter key in the emitted event.
         */
-        src?: string;
+        field?: string;
         /**
-          * The name/alt text for the document image.
+          * Human-readable label shown in the collapsible header.
         */
-        name?: string;
+        displayName?: string;
         /**
-          * A representative image URL for the document, used in asset pickers.
+          * The from date in `YYYY-MM-DD`.
+        */
+        fromDate?: string;
+        /**
+          * The to date in `YYYY-MM-DD`.
+        */
+        toDate?: string;
+        /**
+          * The from time in 24-hour `HH:mm:ss`.
+        */
+        fromTime?: string;
+        /**
+          * The to time in 24-hour `HH:mm:ss`.
+        */
+        toTime?: string;
+        /**
+          * Shows the hour/minute/second selects on both pickers.
+        */
+        showTime?: boolean;
+        /**
+          * Shows the preset selector (Today, Last 7 days, …).
+        */
+        showPreset?: boolean;
+        /**
+          * Selected preset key. Controlled so clearing resets the inner picker's preset.
+        */
+        preset?: string;
+        /**
+          * Minimum selectable date in `YYYY-MM-DD`.
+        */
+        min?: string;
+        /**
+          * Maximum selectable date in `YYYY-MM-DD`.
+        */
+        max?: string;
+        /**
+          * 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;
+            } 
+            /**
+              * 
+            */
+            interface CxFolderSelectAttributes extends HTMLAttributes<CxFolderSelect> {
+              
+        /**
+          * 
+        */
+        minQueryLength?: number;
+        /**
+          * 
+        */
+        selection?: 'single' | 'multiple';
+        /**
+          * 
+        */
+        variant?: 'input' | 'select';
+        /**
+          * 
+        */
+        value?: string;
+        /**
+          * 
+        */
+        name?: string;
+        /**
+          * 
+        */
+        selectedLabel?: string;
+        /**
+          * 
+        */
+        baseUrl?: string;
+        /**
+          * 
+        */
+        open?: boolean;
+        /**
+          * 
+        */
+        token?: string;
+        /**
+          * 
+        */
+        bearerToken?: string;
+        /**
+          * 
+        */
+        seeThru?: boolean;
+        /**
+          * 
+        */
+        required?: boolean;
+        /**
+          * 
+        */
+        form?: string;
+        /**
+          * 
+        */
+        excludeVirtualFolders?: boolean;
+        /**
+          * 
+        */
+        extraFolderId?: string;
+        /**
+          * 
+        */
+        extraFolderTitle?: string;
+        /**
+          * 
+        */
+        extraFolderIcon?: string;
+        /**
+          * 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;
+            } 
+            /**
+              * 
+            */
+            interface CxGraphViewAttributes extends HTMLAttributes<CxGraphView> {
+              
+        /**
+          * 
+        */
+        data?: CxGraphViewWorkflow;
+        /**
+          * 
+        */
+        readonly?: boolean;
+        /**
+          * 
+        */
+        hideControls?: boolean;
+        /**
+          * 
+        */
+        renderDelay?: number;
+        /**
+          * 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;
+            } 
+            /**
+              * Full-featured PDF and image book reader.
+            */
+            interface CxBookReaderAttributes extends HTMLAttributes<CxBookReader> {
+              
+        /**
+          * Book ID used to fetch page data.
+        */
+        bookId?: string;
+        /**
+          * URL of the PDF or image source.
+        */
+        sourceUrl?: string;
+        /**
+          * Initial page number to display.
+        */
+        pageNumber?: number;
+        /**
+          * Whether to show a cover page initially.
+        */
+        showCover?: boolean;
+        /**
+          * Total number of pages (PDF mode).
+        */
+        totalPages?: number;
+        /**
+          * Reader mode.
+        */
+        bookReaderMode?: 'Image' | 'Pdf';
+        /**
+          * Background color for the book container.
+        */
+        bookBackground?: string;
+        /**
+          * View mode for the layout.
+        */
+        viewMode?: 'FourPage' | 'OnePage' | 'TwoPage';
+        /**
+          * Whether the asset is in cold storage.
+        */
+        isInColdStorage?: boolean;
+        /**
+          * Display name for the book (used in cold storage view).
+        */
+        bookName?: string;
+        /**
+          * PDF range chunk size in bytes.
+        */
+        rangeChunkSize?: number;
+        /**
+          * Session ID used for entity ID resolution.
+        */
+        sessionId?: string;
+        /**
+          * When true, shows the "Get link to this asset" item in the context menu.
+        */
+        enableContextMenuGetLink?: boolean;
+        /**
+          * URL for the PDF.js worker file. The Cortex host must set this to the server-side worker URL in production. Defaults to the Vite-resolved bundle path, which works in local dev and the docs app.
+        */
+        pdfWorkerUrl?: string;
+        /**
+          * 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;
+            } 
+            /**
+              * Displays a selected file's source image or PDF document in a content-builder block. PPTX files are rendered via a server-side preview URL built from the `identifier` property.
+            */
+            interface CxDocumentViewerAttributes extends HTMLAttributes<CxDocumentViewer> {
+              
+        /**
+          * The source URL of the document image to display.
+        */
+        src?: string;
+        /**
+          * The name/alt text for the document image.
+        */
+        name?: string;
+        /**
+          * A representative image URL for the document, used in asset pickers.
         */
         representative?: string;
         /**
@@ -6588,7 +6895,7 @@
         /**
           * When true, renders a cx-bicolor-picker below the icon selector. <br/>@default false
         */
-        showColorPicker?: boolean;
+        canPickColor?: boolean;
         /**
           * Color value in light-dark() CSS format, managed by the embedded bicolor picker. Only relevant when show-bicolor-picker is true. <br/>@default ''
         */
@@ -7398,190 +7705,6 @@
         /**
           * 
         */
-        preRender?: boolean;
-            } 
-            /**
-              * A date input field with a calendar picker and an optional time selector. Renders a label inside the input, a calendar popup, and optional hour/minute/second selects.
-            */
-            interface CxInputDatePickerAttributes extends HTMLAttributes<CxInputDatePicker> {
-              
-        /**
-          * Display label for the field.
-        */
-        label?: string;
-        /**
-          * The name submitted as a name/value pair with form data.
-        */
-        name?: string;
-        /**
-          * The associated form element. Accepts a form `id` string or an `HTMLFormElement`. When set, overrides `closest('form')` lookup.
-        */
-        form?: string;
-        /**
-          * The selected date in YYYY-MM-DD format. Used internally for calendar and event detail.
-        */
-        value?: string;
-        /**
-          * The selected time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
-        */
-        timeValue?: string;
-        /**
-          * Placeholder for the date input. Defaults to DD-MM-YYYY.
-        */
-        placeholder?: string;
-        /**
-          * Shows the hour/minute/second time selects below the date row.
-        */
-        showTime?: boolean;
-        /**
-          * The name submitted as a name/value pair for the time field.
-        */
-        timeName?: string;
-        /**
-          * Disables all inputs and the calendar picker.
-        */
-        disabled?: boolean;
-        /**
-          * Makes all inputs read-only.
-        */
-        readonly?: boolean;
-        /**
-          * Marks the field as required.
-        */
-        required?: boolean;
-        /**
-          * Minimum selectable date in YYYY-MM-DD format.
-        */
-        min?: string;
-        /**
-          * Maximum selectable date in YYYY-MM-DD format.
-        */
-        max?: string;
-        /**
-          * Custom validation message when the typed date is before `min`. Falls back to the localized `dateBeforeMin` term when omitted.
-        */
-        maskMinMessage?: string;
-        /**
-          * Custom validation message when the typed date is after `max`. Falls back to the localized `dateAfterMax` term when omitted.
-        */
-        maskMaxMessage?: string;
-        /**
-          * 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;
-            } 
-            /**
-              * A date range input composed of two date pickers and an optional preset selector. Validates that the from date is not after the to date.
-            */
-            interface CxInputDateRangePickerAttributes extends HTMLAttributes<CxInputDateRangePicker> {
-              
-        /**
-          * Form submission key for the from date.
-        */
-        fromName?: string;
-        /**
-          * Form submission key for the to date.
-        */
-        toName?: string;
-        /**
-          * Form submission key for the from time.
-        */
-        fromTimeName?: string;
-        /**
-          * Form submission key for the to time.
-        */
-        toTimeName?: string;
-        /**
-          * The from date in YYYY-MM-DD format.
-        */
-        fromDate?: string;
-        /**
-          * The to date in YYYY-MM-DD format.
-        */
-        toDate?: string;
-        /**
-          * The from time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
-        */
-        fromTime?: string;
-        /**
-          * The to time in 24-hour `HH:mm:ss` format (e.g. `14:30:00`). Values outside this format are not parsed.
-        */
-        toTime?: string;
-        /**
-          * The selected preset value.
-        */
-        preset?: string;
-        /**
-          * Label for the from date picker.
-        */
-        fromLabel?: string;
-        /**
-          * Label for the to date picker.
-        */
-        toLabel?: string;
-        /**
-          * Shared placeholder for both child date pickers.
-        */
-        placeholder?: string;
-        /**
-          * Shows the time selects on both child date pickers.
-        */
-        showTime?: boolean;
-        /**
-          * Shows the preset selector.
-        */
-        showPreset?: boolean;
-        /**
-          * Disables all inputs.
-        */
-        disabled?: boolean;
-        /**
-          * Makes all inputs read-only.
-        */
-        readonly?: boolean;
-        /**
-          * Marks the range as required — both dates must be filled.
-        */
-        required?: boolean;
-        /**
-          * Minimum selectable date in YYYY-MM-DD format.
-        */
-        min?: string;
-        /**
-          * Maximum selectable date in YYYY-MM-DD format.
-        */
-        max?: string;
-        /**
-          * The associated form target passed to child date pickers.
-        */
-        form?: string;
-        /**
-          * 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;
             } 
             /**
@@ -9488,18 +9611,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 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 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 CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {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 CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {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 CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {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 CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {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 CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {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 CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {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 CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {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 CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {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 CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {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 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 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 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 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 CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {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 CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {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 CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {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 CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {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 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 CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {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 CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {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 CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {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 CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {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 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-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['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-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-drawer']: CxDrawerProps;['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-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['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-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-bar']: CxProgressBarProps;['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-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['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-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-book-reader']: CxBookReaderProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['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-timeline']: CxTimelineProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['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-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-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['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-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-drawer']: CxDrawerProps;['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-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['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-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-bar']: CxProgressBarProps;['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-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['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-graph-view']: CxGraphViewProps;['cx-book-reader']: CxBookReaderProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['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-timeline']: CxTimelineProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['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-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['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-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-drawer']: CxDrawerProps;['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-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['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-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-bar']: CxProgressBarProps;['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-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['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-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-book-reader']: CxBookReaderProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['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-timeline']: CxTimelineProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['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-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-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['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-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-drawer']: CxDrawerProps;['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-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['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-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-bar']: CxProgressBarProps;['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-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['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-graph-view']: CxGraphViewProps;['cx-book-reader']: CxBookReaderProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['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-timeline']: CxTimelineProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };