@orangelogic/design-system 2.115.0 → 2.117.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, 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';
+          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, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxSpace, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxOption, CxSelect, CxPagination, 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, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxAssetFormatPicker, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxComment, CxFontKit, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, 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;
@@ -38,19 +38,19 @@
             export type CxMentionsAutocompleteItem = { id: string; label: string; name: string; suffixContent: string; suffixIcon: string; suffixTooltip: string; suffixType: 'badge'; title: string; type: string; };
             export type CxShareOptionListShareOptionListItem = { disabled: boolean; icon: string; id: string; name: string; tooltip: string; };
             export type CxStepperWizardStepData = { color: string; description: string; icon: string; iconVariant: 'outlined' | 'filled' | 'fa'; id: string; name: string; readonly: boolean; state: 'Done' | 'Active' | 'None' | 'Disabled'; };
-            export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
-            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
-            export type CxAssetLinkFormatAsset = { allowATSLink: boolean; docSubType: string; docType: 'Album' | 'Audio' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; height: string; id: string; identifier: string; imageUrl: string; name: string; originalUrl: string; scrubUrl: string; size: string; tags: string; width: string; };
+            export type CxAssetLinkFormatAsset = { allowATSLink: boolean; docSubType: string; docType: 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; height: string; id: string; identifier: string; imageUrl: string; name: string; originalUrl: string; scrubUrl: string; size: string; tags: string; width: string; };
             export type CxAssetLinkFormatCropMode = { auto: boolean; disabledSize: boolean; label: string; value: string; };
             export type CxAssetLinkFormatFocusMode = { auto: boolean; label: string; value: string; };
             export type CxAssetLinkFormatProxy = { cdnName: string; extension: string; formatHeight: number; formatWidth: number; height: number; id: string; permanentLink: string; proxyLabel: string; proxyName: string; width: number; };
             export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
-            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
-            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
+            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
+            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
             export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
             export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; name: string; palette: string; pms: string; rgb: string; };
             export type CxGalleryGalleryRecord = { id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
             export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
+            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxContentBuilderDevice = { canvasWidth: string; height: string; id: string; maxWidth: string; name: string; };
             export type CxDashboardFilterDashboardFilterControl = { controlId: string; controlType: string; id: string; label: string; maxOptionsVisible: number; optionColumnMapping: CxDashboardFilterPartial; options: CxDashboardFilterDashboardFilterOption[] | dictionary[]; placeholder: string; type: string; };
             export type CxDashboardFilterPartial = any;
@@ -1455,13 +1455,21 @@
         */
         autoplay?: boolean;
         /**
-          * When true, playback loops back to the beginning when it ends.
+          * When true, playback loops back to the beginning (or in-point) when it ends.
         */
         loop?: boolean;
         /**
           * 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`.
         */
         waveformSrc?: string;
+        /**
+          * Playback start position in seconds. The UI time counter starts from 0 relative to this point. `cx-time-update` emits `time` relative to this value.
+        */
+        inPoint?: number;
+        /**
+          * Playback stop position in seconds. 0 means play to the end of the file.
+        */
+        outPoint?: number;
         /**
           * The width of the image.
         */
@@ -2196,66 +2204,42 @@
         preRender?: boolean;
             } 
             /**
-              * CxDotPagination - A pagination component with dots and ellipsis support for large counts
+              * Drawers slide in from a container to expose additional options and information.
             */
-            interface CxDotPaginationAttributes extends HTMLAttributes<CxDotPagination> {
+            interface CxDrawerAttributes extends HTMLAttributes<CxDrawer> {
               
         /**
-          * The active dot index.
-        */
-        activeIndex?: number;
-        /**
-          * The total number of items.
-        */
-        totalItemsCount?: number;
-        /**
-          * Total show items at a time.
-        */
-        visibleItemsCount?: number;
-        /**
-          * The step number of dots.
-        */
-        step?: number;
-        /**
-          * The number of center dots.
-        */
-        centerDots?: number;
-        /**
-          * The number of front dots.
-        */
-        frontDots?: number;
-        /**
-          * The number of back dots.
+          * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.
         */
-        backDots?: number;
+        open?: boolean;
         /**
-          * Whether the dot pagination is looped.
+          * The drawer's label as displayed in the header. You should always include a relevant label even when using `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
         */
-        loop?: boolean;
+        label?: string;
         /**
-          * Specifies the orientation in which the dot pagination will lay out.
+          * The direction from which the drawer will open.
         */
-        orientation?: 'horizontal' | 'vertical';
+        placement?: 'top' | 'bottom' | 'start' | 'end';
         /**
-          * Whether the carousel is transition or scrolling, dot pagination is show loading and disabled.
+          * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of its parent element, set this attribute and add `position: relative` to the parent.
         */
-        transitioning?: boolean;
+        contained?: boolean;
         /**
-          * The tooltip placement.
+          * When combined with `contained`, allows the drawer panel to overflow the parent's width boundary. Useful when the parent container has height but no explicit width — the drawer panel will still appear by overflowing visually outside the zero-width container.
         */
-        tooltipPlacement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+        ignoreParentWidth?: boolean;
         /**
-          * Tooltip description. Will overwrite the default page number description.
+          * Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.
         */
-        tooltipDescription?: string;
+        noHeader?: boolean;
         /**
-          * 
+          * The drawer variant to use. The `persistent` variant will disable the overlay and prevent closing the drawer by clicking outside or pressing escape.
         */
-        description?: string;
+        variant?: 'overlay' | 'persistent';
         /**
           * 
         */
-        controlIds?: string[];
+        noCloseButton?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -2274,26 +2258,26 @@
         preRender?: boolean;
             } 
             /**
-              * Dot Status displays a small colored indicator representing a status.
+              * Progress bars are used to show the status of an ongoing operation.
             */
-            interface CxDotStatusAttributes extends HTMLAttributes<CxDotStatus> {
+            interface CxProgressBarAttributes extends HTMLAttributes<CxProgressBar> {
               
         /**
-          * The semantic status the dot represents.
+          * The current progress as a percentage, 0 to 100.
         */
-        status?: 'busy' | 'error' | 'idle' | 'success';
+        value?: number;
         /**
-          * The diameter of the dot.
+          * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
         */
-        size?: 'large' | 'medium' | 'small';
+        indeterminate?: boolean;
         /**
-          * Enables a pulsing ring animation to draw attention.
+          * The title of the progress bar.
         */
-        pulse?: boolean;
+        label?: string;
         /**
-          * Accessible label announced by screen readers. Defaults to the current `status` value when not provided.
+          * When true, the percentage is drawn.
         */
-        label?: string;
+        showProgress?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -2312,42 +2296,66 @@
         preRender?: boolean;
             } 
             /**
-              * Drawers slide in from a container to expose additional options and information.
+              * Full-featured PDF and image book reader.
             */
-            interface CxDrawerAttributes extends HTMLAttributes<CxDrawer> {
+            interface CxBookReaderAttributes extends HTMLAttributes<CxBookReader> {
               
         /**
-          * Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.
+          * Book ID used to fetch page data.
         */
-        open?: boolean;
+        bookId?: string;
         /**
-          * The drawer's label as displayed in the header. You should always include a relevant label even when using `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
+          * URL of the PDF or image source.
         */
-        label?: string;
+        sourceUrl?: string;
         /**
-          * The direction from which the drawer will open.
+          * Initial page number to display.
         */
-        placement?: 'top' | 'bottom' | 'start' | 'end';
+        pageNumber?: number;
         /**
-          * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of its parent element, set this attribute and add `position: relative` to the parent.
+          * Whether to show a cover page initially.
         */
-        contained?: boolean;
+        showCover?: boolean;
         /**
-          * When combined with `contained`, allows the drawer panel to overflow the parent's width boundary. Useful when the parent container has height but no explicit width — the drawer panel will still appear by overflowing visually outside the zero-width container.
+          * Total number of pages (PDF mode).
         */
-        ignoreParentWidth?: boolean;
+        totalPages?: number;
         /**
-          * Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.
+          * Reader mode.
         */
-        noHeader?: boolean;
+        bookReaderMode?: 'Image' | 'Pdf';
         /**
-          * The drawer variant to use. The `persistent` variant will disable the overlay and prevent closing the drawer by clicking outside or pressing escape.
+          * Background color for the book container.
         */
-        variant?: 'overlay' | 'persistent';
+        bookBackground?: string;
         /**
-          * 
+          * View mode for the layout.
         */
-        noCloseButton?: boolean;
+        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
         */
@@ -2366,22 +2374,14 @@
         preRender?: boolean;
             } 
             /**
-              * CxEChart
+              * Skeletons are used to provide a visual representation of where content will eventually be drawn.
             */
-            interface CxEChartAttributes extends HTMLAttributes<CxEChart> {
+            interface CxSkeletonAttributes extends HTMLAttributes<CxSkeleton> {
               
         /**
-          * 
-        */
-        data?: dictionary[];
-        /**
-          * 
-        */
-        spec?: { aliases: dictionary; downloadName: string; type: 'xy'; x: string | number; y: string | number; } | { aliases: dictionary; downloadName: string; type: 'stacked-bar'; x: string; } | { aliases: dictionary; downloadName: string; type: 'treemap'; };
-        /**
-          * 
+          * Determines which effect the skeleton will use.
         */
-        loading?: boolean;
+        effect?: 'pulse' | 'none' | 'sheen';
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -2400,46 +2400,34 @@
         preRender?: boolean;
             } 
             /**
-              * A component that allows you to clamp the number of elements shown in a container, with a button to toggle
+              * SpacingContainer allows for flexible layout spacing between child elements, vertically or horizontally, with varying sizes.
             */
-            interface CxElementClampAttributes extends HTMLAttributes<CxElementClamp> {
+            interface CxSpaceAttributes extends HTMLAttributes<CxSpace> {
               
         /**
-          * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
-        */
-        open?: boolean;
-        /**
-          * Disables the details so it can't be toggled.
-        */
-        disabled?: boolean;
-        /**
-          * The number of elements to show before clamping.
-        */
-        elements?: number;
-        /**
-          * The root element to use for the intersection observer.
+          * When set, and in vertical orientation, the child elements will stretch to fill the width of the container.
         */
-        root?: string;
+        block?: boolean;
         /**
-          * Whether to animate the opening and closing of the details.
+          * The direction of the spacing container. This will determine if the child elements are spaced vertically or horizontally.
         */
-        animation?: boolean;
+        direction?: 'horizontal' | 'vertical';
         /**
-          * Whether to show the show more button.
+          * The spacing between child elements
         */
-        showMore?: boolean;
+        spacing?: 'small' | 'large' | 'medium' | 'x-small' | 'x-large' | '3x-small' | '2x-small' | '2x-large' | '3x-large' | '4x-large';
         /**
-          * The text to show on the show more button.
+          * The wrap behavior of the container.
         */
-        showMoreText?: string;
+        wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
         /**
-          * The text to show on the show less button.
+          * Proxy for justify-content CSS property.
         */
-        showLessText?: string;
+        justifyContent?: 'normal' | 'right' | 'left' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
         /**
-          * The event to listen to for rerendering the component
+          * Proxy for align-items CSS property.
         */
-        rerenderEvent?: string;
+        alignItems?: 'normal' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'stretch' | 'baseline';
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -2458,60 +2446,512 @@
         preRender?: boolean;
             } 
             /**
-              * Formats a number as a human readable bytes value.
+              * Images are wrappers for img elements with built-in lazy loading, skeleton, and fallback support. The cx-image component is a simple way to display images in your application.
             */
-            interface CxFormatBytesAttributes extends HTMLAttributes<CxFormatBytes> {
+            interface CxImageAttributes extends HTMLAttributes<CxImage> {
               
         /**
-          * The number to format in bytes.
+          * The path to the image to load.
         */
-        value?: number;
+        src?: string;
         /**
-          * The type of unit to display.
+          * The path to the placeholder image to be shown if src is not available.
         */
-        unit?: 'byte' | 'bit';
+        placeholder?: string;
         /**
-          * Determines how to display the result, e.g. "100 bytes", "100 b", or "100b".
+          * A description of the image used by assistive devices.
         */
-        display?: 'long' | 'short' | 'narrow';
+        alt?: string;
         /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+          * The object-fit property of the image.
         */
-        dir?: string;
+        objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
         /**
-          * eslint-disable-next-line lit/no-native-attributes
+          * Should the skeleton be shown when the image is loading.
         */
-        lang?: string;
+        skeleton?: boolean;
         /**
-          * 
+          * Should show the fallback image when the image fails to load.
         */
-        theme?: 'light' | 'dark';
+        fallback?: boolean;
         /**
-          * 
+          * Determines if the image should be zoom-able.
         */
-        preRender?: boolean;
-            } 
-            /**
-              * Formats a date/time using the specified locale and options.
-            */
-            interface CxFormatDateAttributes extends HTMLAttributes<CxFormatDate> {
-              
+        canZoom?: boolean;
         /**
-          * The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).
+          * Indicates whether the image is currently loading. Useful for displaying a loading spinner when the image source is expected but not yet available.
         */
-        date?: string;
+        loading?: boolean;
         /**
-          * The format for displaying the weekday.
+          * Indicates whether the image takes the full width of the parent container.
         */
-        weekday?: 'long' | 'short' | 'narrow';
+        block?: boolean;
         /**
-          * The format for displaying the era.
+          * The loading attribute of the image.
         */
-        era?: 'long' | 'short' | 'narrow';
+        htmlLoading?: 'eager' | 'lazy';
         /**
-          * The format for displaying the year.
+          * The type of click handler to use. - automatic: The click handler is automatically handled by the image. - manual: The click handler is manually handled by the parent element.
         */
-        year?: 'numeric' | '2-digit';
+        clickHandlerType?: 'automatic' | 'manual';
+        /**
+          * When true, automatically retries loading the image on error before showing the fallback.
+        */
+        retryOnError?: boolean;
+        /**
+          * Maximum number of retry attempts when `retry-on-error` is enabled.
+        */
+        maxRetries?: number;
+        /**
+          * The width of the image.
+        */
+        width?: string;
+        /**
+          * The height of the image.
+        */
+        height?: string;
+        /**
+          * Make the image resizable
+        */
+        resizable?: boolean;
+        /**
+          * The height mode of the image.
+        */
+        heightMode?: 'auto' | 'fixed';
+        /**
+          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
+        */
+        resizeDirection?: 'both' | 'horizontal' | 'vertical';
+        /**
+          * Whether the image should be resized without a limit
+        */
+        noLimit?: boolean;
+        /**
+          * Whether the gallery item has an event (excluding zoom).
+        */
+        hasEvent?: boolean;
+        /**
+          * Specifies the easing function to use when highlighting the element.
+        */
+        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
+        /**
+          * Whether the gallery item highlights its border on hover.
+        */
+        highlightBorder?: boolean;
+        /**
+          * Whether the gallery item highlights its color overlay on hover.
+        */
+        highlightColorOverlay?: boolean;
+        /**
+          * Whether the gallery item highlights its drop shadow on hover.
+        */
+        highlightDropShadow?: boolean;
+        /**
+          * Whether the gallery item highlights its background on hover.
+        */
+        highlightBackground?: boolean;
+        /**
+          * Whether the gallery item highlights its opacity on hover.
+        */
+        highlightOpacity?: boolean;
+        /**
+          * The effect of the gallery item.
+        */
+        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
+        /**
+          * The style of the text reveal effect.
+        */
+        textRevealStyle?: 'fade' | 'slide';
+        /**
+          * The style of the zoom effect.
+        */
+        zoomStyle?: 'pop-out' | 'within-borders';
+        /**
+          * 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;
+        /**
+          * The file extension of the document (e.g. "pdf", "docx"). Used to determine if direct rendering is supported.
+        */
+        extension?: string;
+        /**
+          * The asset identifier used to build the preview URL for formats that require it (e.g. PPTX).
+        */
+        identifier?: string;
+        /**
+          * The width of the image.
+        */
+        width?: string;
+        /**
+          * The height of the image.
+        */
+        height?: string;
+        /**
+          * Make the image resizable
+        */
+        resizable?: boolean;
+        /**
+          * The height mode of the image.
+        */
+        heightMode?: 'auto' | 'fixed';
+        /**
+          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
+        */
+        resizeDirection?: 'both' | 'horizontal' | 'vertical';
+        /**
+          * Whether the image should be resized without a limit
+        */
+        noLimit?: boolean;
+        /**
+          * Whether the gallery item has an event (excluding zoom).
+        */
+        hasEvent?: boolean;
+        /**
+          * Specifies the easing function to use when highlighting the element.
+        */
+        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
+        /**
+          * Whether the gallery item highlights its border on hover.
+        */
+        highlightBorder?: boolean;
+        /**
+          * Whether the gallery item highlights its color overlay on hover.
+        */
+        highlightColorOverlay?: boolean;
+        /**
+          * Whether the gallery item highlights its drop shadow on hover.
+        */
+        highlightDropShadow?: boolean;
+        /**
+          * Whether the gallery item highlights its background on hover.
+        */
+        highlightBackground?: boolean;
+        /**
+          * Whether the gallery item highlights its opacity on hover.
+        */
+        highlightOpacity?: boolean;
+        /**
+          * The effect of the gallery item.
+        */
+        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
+        /**
+          * The style of the text reveal effect.
+        */
+        textRevealStyle?: 'fade' | 'slide';
+        /**
+          * The style of the zoom effect.
+        */
+        zoomStyle?: 'pop-out' | 'within-borders';
+        /**
+          * 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;
+            } 
+            /**
+              * CxDotPagination - A pagination component with dots and ellipsis support for large counts
+            */
+            interface CxDotPaginationAttributes extends HTMLAttributes<CxDotPagination> {
+              
+        /**
+          * The active dot index.
+        */
+        activeIndex?: number;
+        /**
+          * The total number of items.
+        */
+        totalItemsCount?: number;
+        /**
+          * Total show items at a time.
+        */
+        visibleItemsCount?: number;
+        /**
+          * The step number of dots.
+        */
+        step?: number;
+        /**
+          * The number of center dots.
+        */
+        centerDots?: number;
+        /**
+          * The number of front dots.
+        */
+        frontDots?: number;
+        /**
+          * The number of back dots.
+        */
+        backDots?: number;
+        /**
+          * Whether the dot pagination is looped.
+        */
+        loop?: boolean;
+        /**
+          * Specifies the orientation in which the dot pagination will lay out.
+        */
+        orientation?: 'horizontal' | 'vertical';
+        /**
+          * Whether the carousel is transition or scrolling, dot pagination is show loading and disabled.
+        */
+        transitioning?: boolean;
+        /**
+          * The tooltip placement.
+        */
+        tooltipPlacement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+        /**
+          * Tooltip description. Will overwrite the default page number description.
+        */
+        tooltipDescription?: string;
+        /**
+          * 
+        */
+        description?: string;
+        /**
+          * 
+        */
+        controlIds?: 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;
+            } 
+            /**
+              * Dot Status displays a small colored indicator representing a status.
+            */
+            interface CxDotStatusAttributes extends HTMLAttributes<CxDotStatus> {
+              
+        /**
+          * The semantic status the dot represents.
+        */
+        status?: 'busy' | 'error' | 'idle' | 'success';
+        /**
+          * The diameter of the dot.
+        */
+        size?: 'large' | 'medium' | 'small';
+        /**
+          * Enables a pulsing ring animation to draw attention.
+        */
+        pulse?: boolean;
+        /**
+          * Accessible label announced by screen readers. Defaults to the current `status` value when not provided.
+        */
+        label?: 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;
+            } 
+            /**
+              * CxEChart
+            */
+            interface CxEChartAttributes extends HTMLAttributes<CxEChart> {
+              
+        /**
+          * 
+        */
+        data?: dictionary[];
+        /**
+          * 
+        */
+        spec?: { aliases: dictionary; downloadName: string; type: 'xy'; x: string | number; y: string | number; } | { aliases: dictionary; downloadName: string; type: 'stacked-bar'; x: string; } | { aliases: dictionary; downloadName: string; type: 'treemap'; };
+        /**
+          * 
+        */
+        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;
+            } 
+            /**
+              * A component that allows you to clamp the number of elements shown in a container, with a button to toggle
+            */
+            interface CxElementClampAttributes extends HTMLAttributes<CxElementClamp> {
+              
+        /**
+          * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
+        */
+        open?: boolean;
+        /**
+          * Disables the details so it can't be toggled.
+        */
+        disabled?: boolean;
+        /**
+          * The number of elements to show before clamping.
+        */
+        elements?: number;
+        /**
+          * The root element to use for the intersection observer.
+        */
+        root?: string;
+        /**
+          * Whether to animate the opening and closing of the details.
+        */
+        animation?: boolean;
+        /**
+          * Whether to show the show more button.
+        */
+        showMore?: boolean;
+        /**
+          * The text to show on the show more button.
+        */
+        showMoreText?: string;
+        /**
+          * The text to show on the show less button.
+        */
+        showLessText?: string;
+        /**
+          * The event to listen to for rerendering the component
+        */
+        rerenderEvent?: 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;
+            } 
+            /**
+              * Formats a number as a human readable bytes value.
+            */
+            interface CxFormatBytesAttributes extends HTMLAttributes<CxFormatBytes> {
+              
+        /**
+          * The number to format in bytes.
+        */
+        value?: number;
+        /**
+          * The type of unit to display.
+        */
+        unit?: 'byte' | 'bit';
+        /**
+          * Determines how to display the result, e.g. "100 bytes", "100 b", or "100b".
+        */
+        display?: 'long' | 'short' | 'narrow';
+        /**
+          * 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;
+            } 
+            /**
+              * Formats a date/time using the specified locale and options.
+            */
+            interface CxFormatDateAttributes extends HTMLAttributes<CxFormatDate> {
+              
+        /**
+          * The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).
+        */
+        date?: string;
+        /**
+          * The format for displaying the weekday.
+        */
+        weekday?: 'long' | 'short' | 'narrow';
+        /**
+          * The format for displaying the era.
+        */
+        era?: 'long' | 'short' | 'narrow';
+        /**
+          * The format for displaying the year.
+        */
+        year?: 'numeric' | '2-digit';
         /**
           * The format for displaying the month.
         */
@@ -2891,223 +3331,13 @@
         */
         referrerPolicy?: string;
         /**
-          * Whether to allow fullscreen mode
-        */
-        canFullscreen?: boolean;
-        /**
-          * Whether the iframe is currently loading content
-        */
-        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;
-            } 
-            /**
-              * Skeletons are used to provide a visual representation of where content will eventually be drawn.
-            */
-            interface CxSkeletonAttributes extends HTMLAttributes<CxSkeleton> {
-              
-        /**
-          * Determines which effect the skeleton will use.
-        */
-        effect?: 'pulse' | 'none' | 'sheen';
-        /**
-          * 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;
-            } 
-            /**
-              * SpacingContainer allows for flexible layout spacing between child elements, vertically or horizontally, with varying sizes.
-            */
-            interface CxSpaceAttributes extends HTMLAttributes<CxSpace> {
-              
-        /**
-          * When set, and in vertical orientation, the child elements will stretch to fill the width of the container.
-        */
-        block?: boolean;
-        /**
-          * The direction of the spacing container. This will determine if the child elements are spaced vertically or horizontally.
-        */
-        direction?: 'horizontal' | 'vertical';
-        /**
-          * The spacing between child elements
-        */
-        spacing?: 'small' | 'large' | 'medium' | 'x-small' | 'x-large' | '3x-small' | '2x-small' | '2x-large' | '3x-large' | '4x-large';
-        /**
-          * The wrap behavior of the container.
-        */
-        wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-        /**
-          * Proxy for justify-content CSS property.
-        */
-        justifyContent?: 'normal' | 'right' | 'left' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
-        /**
-          * Proxy for align-items CSS property.
-        */
-        alignItems?: 'normal' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'stretch' | 'baseline';
-        /**
-          * 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;
-            } 
-            /**
-              * Images are wrappers for img elements with built-in lazy loading, skeleton, and fallback support. The cx-image component is a simple way to display images in your application.
-            */
-            interface CxImageAttributes extends HTMLAttributes<CxImage> {
-              
-        /**
-          * The path to the image to load.
-        */
-        src?: string;
-        /**
-          * The path to the placeholder image to be shown if src is not available.
-        */
-        placeholder?: string;
-        /**
-          * A description of the image used by assistive devices.
-        */
-        alt?: string;
-        /**
-          * The object-fit property of the image.
-        */
-        objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-        /**
-          * Should the skeleton be shown when the image is loading.
-        */
-        skeleton?: boolean;
-        /**
-          * Should show the fallback image when the image fails to load.
-        */
-        fallback?: boolean;
-        /**
-          * Determines if the image should be zoom-able.
-        */
-        canZoom?: boolean;
-        /**
-          * Indicates whether the image is currently loading. Useful for displaying a loading spinner when the image source is expected but not yet available.
-        */
-        loading?: boolean;
-        /**
-          * Indicates whether the image takes the full width of the parent container.
-        */
-        block?: boolean;
-        /**
-          * The loading attribute of the image.
-        */
-        htmlLoading?: 'eager' | 'lazy';
-        /**
-          * The type of click handler to use. - automatic: The click handler is automatically handled by the image. - manual: The click handler is manually handled by the parent element.
-        */
-        clickHandlerType?: 'automatic' | 'manual';
-        /**
-          * When true, automatically retries loading the image on error before showing the fallback.
-        */
-        retryOnError?: boolean;
-        /**
-          * Maximum number of retry attempts when `retry-on-error` is enabled.
-        */
-        maxRetries?: number;
-        /**
-          * The width of the image.
-        */
-        width?: string;
-        /**
-          * The height of the image.
-        */
-        height?: string;
-        /**
-          * Make the image resizable
-        */
-        resizable?: boolean;
-        /**
-          * The height mode of the image.
-        */
-        heightMode?: 'auto' | 'fixed';
-        /**
-          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
-        */
-        resizeDirection?: 'both' | 'horizontal' | 'vertical';
-        /**
-          * Whether the image should be resized without a limit
-        */
-        noLimit?: boolean;
-        /**
-          * Whether the gallery item has an event (excluding zoom).
-        */
-        hasEvent?: boolean;
-        /**
-          * Specifies the easing function to use when highlighting the element.
-        */
-        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
-        /**
-          * Whether the gallery item highlights its border on hover.
-        */
-        highlightBorder?: boolean;
-        /**
-          * Whether the gallery item highlights its color overlay on hover.
-        */
-        highlightColorOverlay?: boolean;
-        /**
-          * Whether the gallery item highlights its drop shadow on hover.
-        */
-        highlightDropShadow?: boolean;
-        /**
-          * Whether the gallery item highlights its background on hover.
-        */
-        highlightBackground?: boolean;
-        /**
-          * Whether the gallery item highlights its opacity on hover.
-        */
-        highlightOpacity?: boolean;
-        /**
-          * The effect of the gallery item.
-        */
-        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
-        /**
-          * The style of the text reveal effect.
+          * Whether to allow fullscreen mode
         */
-        textRevealStyle?: 'fade' | 'slide';
+        canFullscreen?: boolean;
         /**
-          * The style of the zoom effect.
+          * Whether the iframe is currently loading content
         */
-        zoomStyle?: 'pop-out' | 'within-borders';
+        loading?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -3615,44 +3845,6 @@
         /**
           * 
         */
-        preRender?: boolean;
-            } 
-            /**
-              * Progress bars are used to show the status of an ongoing operation.
-            */
-            interface CxProgressBarAttributes extends HTMLAttributes<CxProgressBar> {
-              
-        /**
-          * The current progress as a percentage, 0 to 100.
-        */
-        value?: number;
-        /**
-          * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-        */
-        indeterminate?: boolean;
-        /**
-          * The title of the progress bar.
-        */
-        label?: string;
-        /**
-          * When true, the percentage is drawn.
-        */
-        showProgress?: 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;
             } 
             /**
@@ -5489,6 +5681,10 @@
         /**
           * 
         */
+        isSiteBuilder?: boolean;
+        /**
+          * 
+        */
         recordId?: string;
         /**
           * 
@@ -5560,6 +5756,10 @@
           * An optional record ID used to fetch a clean preview image, bypassing any stored URL that may have transformations applied.
         */
         recordId?: string;
+        /**
+          * When true, uses the Site Builder search endpoint for asset fetching.
+        */
+        isSiteBuilder?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -6513,241 +6713,35 @@
         /**
           * 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;
+        toDate?: string;
         /**
-          * View mode for the layout.
+          * The from time in 24-hour `HH:mm:ss`.
         */
-        viewMode?: 'FourPage' | 'OnePage' | 'TwoPage';
+        fromTime?: string;
         /**
-          * Whether the asset is in cold storage.
+          * The to time in 24-hour `HH:mm:ss`.
         */
-        isInColdStorage?: boolean;
+        toTime?: string;
         /**
-          * Display name for the book (used in cold storage view).
+          * Shows the hour/minute/second selects on both pickers.
         */
-        bookName?: string;
+        showTime?: boolean;
         /**
-          * PDF range chunk size in bytes.
+          * Shows the preset selector (Today, Last 7 days, …).
         */
-        rangeChunkSize?: number;
+        showPreset?: boolean;
         /**
-          * Session ID used for entity ID resolution.
+          * Selected preset key. Controlled so clearing resets the inner picker's preset.
         */
-        sessionId?: string;
+        preset?: string;
         /**
-          * When true, shows the "Get link to this asset" item in the context menu.
+          * Minimum selectable date in `YYYY-MM-DD`.
         */
-        enableContextMenuGetLink?: boolean;
+        min?: string;
         /**
-          * 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.
+          * Maximum selectable date in `YYYY-MM-DD`.
         */
-        pdfWorkerUrl?: string;
+        max?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -6766,94 +6760,116 @@
         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> {
+            interface CxFolderSelectAttributes extends HTMLAttributes<CxFolderSelect> {
               
         /**
-          * The source URL of the document image to display.
+          * 
         */
-        src?: string;
+        minQueryLength?: number;
         /**
-          * The name/alt text for the document image.
+          * 
+        */
+        selection?: 'single' | 'multiple';
+        /**
+          * 
+        */
+        variant?: 'input' | 'select';
+        /**
+          * 
+        */
+        value?: string;
+        /**
+          * 
         */
         name?: string;
         /**
-          * A representative image URL for the document, used in asset pickers.
+          * 
         */
-        representative?: string;
+        selectedLabel?: string;
         /**
-          * The file extension of the document (e.g. "pdf", "docx"). Used to determine if direct rendering is supported.
+          * 
         */
-        extension?: string;
+        baseUrl?: string;
         /**
-          * The asset identifier used to build the preview URL for formats that require it (e.g. PPTX).
+          * 
         */
-        identifier?: string;
+        open?: boolean;
         /**
-          * The width of the image.
+          * 
         */
-        width?: string;
+        token?: string;
         /**
-          * The height of the image.
+          * 
         */
-        height?: string;
+        bearerToken?: string;
         /**
-          * Make the image resizable
+          * 
         */
-        resizable?: boolean;
+        seeThru?: boolean;
         /**
-          * The height mode of the image.
+          * 
         */
-        heightMode?: 'auto' | 'fixed';
+        required?: boolean;
         /**
-          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
+          * 
         */
-        resizeDirection?: 'both' | 'horizontal' | 'vertical';
+        form?: string;
         /**
-          * Whether the image should be resized without a limit
+          * 
         */
-        noLimit?: boolean;
+        excludeVirtualFolders?: boolean;
         /**
-          * Whether the gallery item has an event (excluding zoom).
+          * 
         */
-        hasEvent?: boolean;
+        extraFolderId?: string;
         /**
-          * Specifies the easing function to use when highlighting the element.
+          * 
         */
-        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
+        extraFolderTitle?: string;
         /**
-          * Whether the gallery item highlights its border on hover.
+          * 
         */
-        highlightBorder?: boolean;
+        extraFolderIcon?: string;
         /**
-          * Whether the gallery item highlights its color overlay on hover.
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        highlightColorOverlay?: boolean;
+        dir?: string;
         /**
-          * Whether the gallery item highlights its drop shadow on hover.
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        highlightDropShadow?: boolean;
+        lang?: string;
         /**
-          * Whether the gallery item highlights its background on hover.
+          * 
         */
-        highlightBackground?: boolean;
+        theme?: 'light' | 'dark';
         /**
-          * Whether the gallery item highlights its opacity on hover.
+          * 
         */
-        highlightOpacity?: boolean;
+        preRender?: boolean;
+            } 
+            /**
+              * 
+            */
+            interface CxGraphViewAttributes extends HTMLAttributes<CxGraphView> {
+              
         /**
-          * The effect of the gallery item.
+          * 
         */
-        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
+        data?: CxGraphViewWorkflow;
         /**
-          * The style of the text reveal effect.
+          * 
         */
-        textRevealStyle?: 'fade' | 'slide';
+        readonly?: boolean;
         /**
-          * The style of the zoom effect.
+          * 
         */
-        zoomStyle?: 'pop-out' | 'within-borders';
+        hideControls?: boolean;
+        /**
+          * 
+        */
+        renderDelay?: number;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -7543,64 +7559,6 @@
         /**
           * 
         */
-        preRender?: boolean;
-            } 
-            /**
-              * CxTimeline
-            */
-            interface CxTimelineAttributes extends HTMLAttributes<CxTimeline> {
-              
-        /**
-          * 
-        */
-        data?: CxTimelineTimelineItem[];
-        /**
-          * Whether to show navigation arrows
-        */
-        navigationArrows?: boolean;
-        /**
-          * Whether to show thumbnails
-        */
-        showThumbnails?: boolean;
-        /**
-          * The number of tabs per page. This applies when overflow variant is pagination.
-        */
-        tabsPerPage?: number;
-        /**
-          * Whether to show multi-language.
-        */
-        multiLanguage?: boolean;
-        /**
-          * The minimum width of the tab.
-        */
-        minTabWidth?: number;
-        /**
-          * Asset transformation proxy format key.
-        */
-        format?: string;
-        /**
-          * Asset transformations applied to the image.
-        */
-        transformations?: CxTimelineTransformation[];
-        /**
-          * 
-        */
-        siteBuilderToken?: 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;
             } 
             /**
@@ -7866,6 +7824,10 @@
           * Show a Reset button inside cx-asset-link-format that clears all transformations.
         */
         canReset?: boolean;
+        /**
+          * When true, uses the Site Builder search endpoint for asset fetching.
+        */
+        isSiteBuilder?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -8826,6 +8788,64 @@
             */
             interface CxTextAttributes extends HTMLAttributes<CxText> {
               
+        /**
+          * 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;
+            } 
+            /**
+              * CxTimeline
+            */
+            interface CxTimelineAttributes extends HTMLAttributes<CxTimeline> {
+              
+        /**
+          * 
+        */
+        data?: CxTimelineTimelineItem[];
+        /**
+          * Whether to show navigation arrows
+        */
+        navigationArrows?: boolean;
+        /**
+          * Whether to show thumbnails
+        */
+        showThumbnails?: boolean;
+        /**
+          * The number of tabs per page. This applies when overflow variant is pagination.
+        */
+        tabsPerPage?: number;
+        /**
+          * Whether to show multi-language.
+        */
+        multiLanguage?: boolean;
+        /**
+          * The minimum width of the tab.
+        */
+        minTabWidth?: number;
+        /**
+          * Asset transformation proxy format key.
+        */
+        format?: string;
+        /**
+          * Asset transformations applied to the image.
+        */
+        transformations?: CxTimelineTransformation[];
+        /**
+          * 
+        */
+        siteBuilderToken?: string;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -9611,18 +9631,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 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};
+              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 CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxEChartProps = DetailedHTMLProps<CxEChartAttributes, CxEChart> & {class?: string};export type CxElementClampProps = DetailedHTMLProps<CxElementClampAttributes, CxElementClamp> & {class?: string};export type CxFormatBytesProps = DetailedHTMLProps<CxFormatBytesAttributes, CxFormatBytes> & {class?: string};export type CxFormatDateProps = DetailedHTMLProps<CxFormatDateAttributes, CxFormatDate> & {class?: string};export type CxFormatNumberProps = DetailedHTMLProps<CxFormatNumberAttributes, CxFormatNumber> & {class?: string};export type CxFormatTimeProps = DetailedHTMLProps<CxFormatTimeAttributes, CxFormatTime> & {class?: string};export type CxGridProps = DetailedHTMLProps<CxGridAttributes, CxGrid> & {class?: string};export type CxGridItemProps = DetailedHTMLProps<CxGridItemAttributes, CxGridItem> & {class?: string};export type CxHeaderProps = DetailedHTMLProps<CxHeaderAttributes, CxHeader> & {class?: string};export type CxHubConnectionProps = DetailedHTMLProps<CxHubConnectionAttributes, CxHubConnection> & {class?: string};export type CxIframeProps = DetailedHTMLProps<CxIframeAttributes, CxIframe> & {class?: string};export type CxImageComparerProps = DetailedHTMLProps<CxImageComparerAttributes, CxImageComparer> & {class?: string};export type CxIncludeProps = DetailedHTMLProps<CxIncludeAttributes, CxInclude> & {class?: string};export type CxInputGroupProps = DetailedHTMLProps<CxInputGroupAttributes, CxInputGroup> & {class?: string};export type CxMarkdownProps = DetailedHTMLProps<CxMarkdownAttributes, CxMarkdown> & {class?: string};export type CxMenuLabelProps = DetailedHTMLProps<CxMenuLabelAttributes, CxMenuLabel> & {class?: string};export type CxMenuSectionProps = DetailedHTMLProps<CxMenuSectionAttributes, CxMenuSection> & {class?: string};export type CxMutationObserverProps = DetailedHTMLProps<CxMutationObserverAttributes, CxMutationObserver> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressRingProps = DetailedHTMLProps<CxProgressRingAttributes, CxProgressRing> & {class?: string};export type CxQrCodeProps = DetailedHTMLProps<CxQrCodeAttributes, CxQrCode> & {class?: string};export type CxRadioProps = DetailedHTMLProps<CxRadioAttributes, CxRadio> & {class?: string};export type CxRadioButtonProps = DetailedHTMLProps<CxRadioButtonAttributes, CxRadioButton> & {class?: string};export type CxRadioCardProps = DetailedHTMLProps<CxRadioCardAttributes, CxRadioCard> & {class?: string};export type CxRadioGroupProps = DetailedHTMLProps<CxRadioGroupAttributes, CxRadioGroup> & {class?: string};export type CxRangeProps = DetailedHTMLProps<CxRangeAttributes, CxRange> & {class?: string};export type CxRatingProps = DetailedHTMLProps<CxRatingAttributes, CxRating> & {class?: string};export type CxRelativeTimeProps = DetailedHTMLProps<CxRelativeTimeAttributes, CxRelativeTime> & {class?: string};export type CxSplitPanelProps = DetailedHTMLProps<CxSplitPanelAttributes, CxSplitPanel> & {class?: string};export type CxStepProps = DetailedHTMLProps<CxStepAttributes, CxStep> & {class?: string};export type CxStepperProps = DetailedHTMLProps<CxStepperAttributes, CxStepper> & {class?: string};export type CxSwitchProps = DetailedHTMLProps<CxSwitchAttributes, CxSwitch> & {class?: string};export type 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 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 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 CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {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-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;
+                    ['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-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-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-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-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-timeline']: CxTimelineProps;['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-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;
+                    ['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-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-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-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-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-timeline']: CxTimelineProps;['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;
                   }
                 }
               };