@orangelogic/design-system 2.150.0 → 2.152.0

package/library/packages/types/src/xml-editor.d.ts

@@ -0,0 +1,108 @@
+/** Discriminates whether a Fetch Rules tree node is a nested element or a text leaf. */
+export declare enum XmlEditorNodeType {
+    Element = "Element",
+    Text = "Text"
+}
+/** Internal dispatch protocol used by `packet-editor` to describe a Packet mutation to the host `cx-xml-editor`. */
+export declare enum XmlEditorPacketActionType {
+    AddElement = "ADD_ELEMENT",
+    AddText = "ADD_TEXT",
+    DeleteElement = "DELETE_ELEMENT",
+    UpdateElement = "UPDATE_ELEMENT",
+    UpdateRelation = "UPDATE_RELATION"
+}
+/** Closed set of tree-row actions surfaced by `element-tag`'s hover menu, keyed off `TagActionMap`. */
+export declare enum XmlEditorElementActionKind {
+    AddElement = "ADD_ELEMENT",
+    Copy = "COPY",
+    Delete = "DELETE",
+    EditElement = "EDIT_ELEMENT",
+    Paste = "PASTE"
+}
+/** Relation direction, reused both as the `Relation` element's `direction` attribute and as a Packet grouping key. */
+export declare enum XmlEditorRelationDirection {
+    Both = "Both",
+    Children = "Children",
+    Parents = "Parents"
+}
+/** Notification severity forwarded via `cx-xml-editor-notify`, replacing the legacy `Matrix3.ShowNotification` call. */
+export declare enum XmlEditorNotifyType {
+    Error = "error",
+    Info = "info",
+    Success = "success",
+    Warning = "warning"
+}
+/**
+ * Closed set of Fetch Rules tag names. Kept as a string-literal union (not an enum) because it is used pervasively
+ * as record keys and index-signature values across `TagMap`, `TagActionMap`, `AttributeDefaultValue`, and the tree
+ * mutation helpers — an enum would force `String(Tag.X)` conversions at every one of those call sites.
+ */
+export type XmlEditorTag = 'Ancestors' | 'Descendants' | 'DescendantsSeeThru' | 'ExtraFilters' | 'FetchRules' | 'Generation' | 'LexicallySimilar' | 'Limit' | 'OrderBy' | 'Packet' | 'Relation' | 'Relations' | 'SameFieldValue' | 'SemanticallySimilar' | 'Self' | 'TypeFilters';
+/** One Fetch Rules tree element (an `Element` node or a text leaf). */
+export type XmlEditorElement = {
+    attributes?: {
+        [id: string]: string;
+    };
+    elements?: XmlEditorTreeNode[];
+    expand: boolean;
+    id?: string;
+    name?: XmlEditorTag;
+    type: XmlEditorNodeType;
+};
+/** A single-key record mapping a tag/text name to its `XmlEditorElement` payload — the tree's recursive unit. */
+export type XmlEditorTreeNode = {
+    [id: string]: XmlEditorElement;
+};
+export type XmlEditorRelationData = {
+    childRole: string;
+    childType: string;
+    description: string;
+    id: string;
+    linkType: string;
+    parentRole: string;
+    parentType: string;
+};
+export type XmlEditorSortOrderData = {
+    description: string;
+    id: string;
+    legacyValue: string;
+    name: string;
+    sortDirection: string;
+};
+export type XmlEditorSubTypeData = {
+    label: string;
+    subTypeValue: string;
+    typeDbBOName: string;
+    typeLabel: string;
+};
+export type XmlEditorSameFieldData = {
+    id: string;
+    label: string;
+};
+/** Reference data self-loaded by `cx-xml-editor` and threaded down to `packet-editor` / `asset-type`. */
+export type XmlEditorReferenceData = {
+    enabledRelations: XmlEditorRelationData[];
+    metadataFields: string[];
+    sameFields: XmlEditorSameFieldData[];
+    subTypes: XmlEditorSubTypeData[];
+    subTypesMap: Record<string, Record<string, {
+        subTypeValue: string;
+        typeDbBOName: string;
+    }>>;
+};
+/** Internal payload shape for `cx-xml-editor-packet-change`, mirroring the React `PacketPayload` protocol. */
+export type XmlEditorPacketPayload = {
+    attributes?: {
+        [id: string]: string;
+    };
+    key?: string;
+    newValue?: boolean | number | string;
+    parent?: XmlEditorElement;
+    self?: XmlEditorElement | XmlEditorTreeNode;
+    toDelete?: boolean;
+    value?: XmlEditorElement | XmlEditorTreeNode;
+};
+export type XmlEditorPacketChangeDetail = {
+    payload: XmlEditorPacketPayload;
+    type: XmlEditorPacketActionType;
+};

package/library/packages/utils/src/custom-element/i18n.d.ts

@@ -27,6 +27,7 @@ export interface Translation extends DefaultTranslation {
     addARectangle: string;
     addAnArrow: string;
     addAssetCard: string;
+    addAssetTypeFilter: string;
     addBlock: string;
     addButton: string;
     addCard: string;
@@ -107,6 +108,7 @@ export interface Translation extends DefaultTranslation {
     assetStatuses: string;
     assetTypes: string;
     assets: string;
+    assetsShareSameValueOnField: string;
     attachment: string;
     audio: string;
     audioFile: string;
@@ -210,6 +212,9 @@ export interface Translation extends DefaultTranslation {
     characterFormat: string;
     checkSpelling: string;
     checkbox: string;
+    childRole: string;
+    childType: string;
+    children: string;
     choose: string;
     chooseExistingPaletteOrCreateNew: string;
     chooseTableSize: string;
@@ -228,6 +233,7 @@ export interface Translation extends DefaultTranslation {
     close: string;
     code: string;
     codeSample: string;
+    collapse: string;
     collapseButtonText: string;
     collapseMenu: string;
     collapsedByDefault: string;
@@ -321,6 +327,7 @@ export interface Translation extends DefaultTranslation {
     details: string;
     detailsSourceField: string;
     dimensions: string;
+    directRelationOnRelation: (label: string) => string;
     disabledHeightInputHelpText: string;
     discardAllPendingEffects: string;
     disconnect: string;
@@ -361,6 +368,7 @@ export interface Translation extends DefaultTranslation {
     easing: string;
     edit: string;
     editAssetCard: string;
+    editAttributes: string;
     editButton: string;
     editCard: string;
     editCellProperties: string;
@@ -402,6 +410,7 @@ export interface Translation extends DefaultTranslation {
     emptyVideo: string;
     enableCaption: string;
     enterPasswordToOpenFile: string;
+    enterValueForSelectedField: string;
     enterYourSiteUrlToConnect: string;
     environment: string;
     error: string;
@@ -414,10 +423,12 @@ export interface Translation extends DefaultTranslation {
     executeACommand: string;
     executeWorkflow: string;
     exitFullscreen: string;
+    expand: string;
     expandAssetInFullScreen: string;
     expandButtonText: string;
     expandMenu: string;
     expandedFolders: string;
+    explore: string;
     expo: string;
     export: string;
     exportAsCsv: string;
@@ -431,6 +442,7 @@ export interface Translation extends DefaultTranslation {
     favorites: string;
     favoritesSync: string;
     female: string;
+    fieldName: string;
     file: string;
     fileOnDemandSyncErrorMessage: string;
     fill: string;
@@ -487,6 +499,7 @@ export interface Translation extends DefaultTranslation {
     generateResponse: string;
     getLinkToThisAsset: string;
     goToAsset: string;
+    goToAssetButton: string;
     goToFirstPage: string;
     goToLastPage: string;
     goToSlide: (slide: number, count: number) => string;
@@ -580,13 +593,17 @@ export interface Translation extends DefaultTranslation {
     letterSpacing: string;
     level: string;
     levelOfAccess: string;
+    limitToAssetTypes: string;
+    limitToFirst: string;
     lineAppearance: string;
     lineColor: string;
     lineHeight: string;
     lineWidth: string;
+    lineageLibraryFolderSubfolder: string;
     linear: string;
     link: string;
     linkHelpText: string;
+    linkType: string;
     listOfColors: string;
     listOfControls: string;
     listOfFonts: string;
@@ -625,6 +642,7 @@ export interface Translation extends DefaultTranslation {
     min: string;
     minHeight: string;
     minWidth: string;
+    minify: string;
     minimize: string;
     minute: string;
     mobile: string;
@@ -701,6 +719,7 @@ export interface Translation extends DefaultTranslation {
     openPage: string;
     openSpace: string;
     options: string;
+    orderBy: string;
     orderedList: string;
     outdent: string;
     overflow: string;
@@ -724,6 +743,9 @@ export interface Translation extends DefaultTranslation {
     paragraph: string;
     paragraphSpacing: string;
     parameters: string;
+    parentRole: string;
+    parentType: string;
+    parents: string;
     password: string;
     passwordEmpty: string;
     paste: string;
@@ -766,6 +788,7 @@ export interface Translation extends DefaultTranslation {
     presetThisYear: string;
     presetToday: string;
     pressEnterOrCtrlCToCopy: string;
+    prettyPrint: string;
     preview: string;
     previewText: string;
     previewTooltip: string;
@@ -790,6 +813,9 @@ export interface Translation extends DefaultTranslation {
     recent: string;
     redo: string;
     refresh: string;
+    relationDirectionChildren: string;
+    relationDirectionChildrenAndParents: string;
+    relationDirectionParents: string;
     relative: string;
     rememberCollapsedState: string;
     remove: string;
@@ -846,6 +872,7 @@ export interface Translation extends DefaultTranslation {
     scrollToEnd: string;
     scrollToStart: string;
     search: string;
+    searchApiQuery: string;
     searchBox: string;
     searchDownloads: string;
     searchFolders: string;
@@ -859,8 +886,11 @@ export interface Translation extends DefaultTranslation {
     sectionTitles: string;
     securityPoint: string;
     seeThru: string;
+    seeThruOnRealFolderOnly: string;
+    seeThruOnVirtualFolder: string;
     selectAColor: string;
     selectAColorFromTheScreen: string;
+    selectARelationship: string;
     selectAll: string;
     selectFolder: string;
     selectFolders: string;
@@ -895,6 +925,8 @@ export interface Translation extends DefaultTranslation {
     showRightSidePanel: string;
     siblingsFadeOut: string;
     sidePanels: string;
+    similarAssetsBasedOnSemantics: string;
+    similarAssetsBasedOnText: string;
     siteSearch: string;
     size: string;
     slide: string;
@@ -911,6 +943,7 @@ export interface Translation extends DefaultTranslation {
     solid: string;
     solidBullet: string;
     sort: string;
+    sortDirection: string;
     source: string;
     space: string;
     spaceDefault: string;
@@ -942,11 +975,13 @@ export interface Translation extends DefaultTranslation {
     suggestDeletion: string;
     suggestedEdits: string;
     superscript: string;
+    supportsSearchApiSyntaxPlaceholder: string;
     switchToPresentationMode: string;
     switchToReadingMode: string;
     syncCanceled: string;
     syncFailed: string;
     syncing: string;
+    systemName: string;
     tabBackground: string;
     table: string;
     tableProperties: string;

package/library/packages/utils/src/dom/dom.d.ts

@@ -29,4 +29,7 @@ export declare function getCurrentZIndex(): any;
 export declare function getCortexPopupLayer(): HTMLElement;
 export declare function getElementFromTemplate<T extends HTMLElement>(template: TemplateResult): T;
 export declare function getElementFromHTMLString<T extends HTMLElement>(htmlString: string): T | null;
+export declare function getAttributes(attributes: NamedNodeMap): {
+    [id: string]: string;
+};
 export declare function isElementInHorizontalView(container: HTMLElement, el: HTMLElement, offset?: number): boolean;

package/library/packages/utils/src/string/string.d.ts

@@ -154,3 +154,14 @@ export declare function emptyToSpace(value: any): string;
 export declare function isGalleryItemCardType(value: unknown): value is GalleryItemCardType;
 export declare function safeExtension(ext: string | null | undefined): string;
 export declare function parseBooleanString(boolString: string | null | undefined): boolean;
+/** Escapes the 5 reserved XML characters (`<`, `>`, `&`, `'`, `"`) into their entity form. */
+export declare function escapeXML(value: string): string;
+/** Reverses {@link escapeXML}: converts the 5 reserved XML entities back into their literal characters. */
+export declare function unescapeXML(value: string): string;
+/**
+ * Builds a leading-space-prefixed ` key="value"` attribute string for an XML/HTML start tag, skipping the `value`
+ * key (reserved for element text content in the caller's schema). Returns `''` when there are no attributes.
+ */
+export declare function getAttributesString(attributes?: {
+    [id: string]: string;
+}): string;

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, CxDiff, 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, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxFontKit, CxListEditor, CxDamCustomToolbarButtonsEditor, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, 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, CxDiff, 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, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxFontKit, CxListEditor, CxDamCustomToolbarButtonsEditor, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxXmlEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
         
               
             export type CxMarkdownRendererObject = any;
@@ -8304,7 +8304,7 @@
         /**
           * Responsive layout will automatically hide/show columns to fit the width of the Tabulator element. This allows for clean rendering of tables on smaller mobile devices, showing important data while avoiding horizontal scroll bars. You can enable responsive layouts using the responsiveLayout option. <br/> There are two responsive layout modes available: <br/> hide - hide columns that no longer fit in the table collapse - collapse columns that no longer fit on the table into a list under the row <br/> Hide Extra Columns By default, columns will be hidden from right to left as the width of the table decreases. You can choose exactly how columns are hidden using the responsive property in the column definition object. <br/> When responsive layout is enabled, all columns are given a default responsive value of 1. The higher you set this value the sooner that column will be hidden as the table width decreases. If two columns have the same responsive value then they are hidden from right to left (as defined in the column definition array, ignoring user moving of the columns). If you set the value to 0 then the column will never be hidden regardless of how narrow the table gets.
         */
-        responsiveLayout?: 'hide' | 'collapse' | any;
+        responsiveLayout?: 'collapse' | 'hide' | any;
         /**
           * By default any formatter set on the column is applied to the value that will appear in the list. while this works for most formatters it can cause issues with the progress formatter which relies on being inside a cell. <br/> If you would like to disable column formatting in the collapsed list, you can use the responsiveLayoutCollapseUseFormatters option:
         */
@@ -8797,6 +8797,10 @@
           * Format of the data at dataUrl. Use 'auto' to detect from URL extension or Content-Type header.
         */
         dataFormat?: 'auto' | 'csv' | 'json' | 'xml';
+        /**
+          * Dot- or slash-notation path (e.g. `data.items` or `result/rows/0/list`) to the row data within a `dataUrl` response, for payloads that don't already match the default shape: - `json`: not already a bare array or a `{ columns, data }` envelope. - `xml`: not already a bare element list or a `{ columns, rows }` envelope. Has no effect on `csv` data.
+        */
+        dataUrlPath?: string;
         /**
           * When true, a `dataUrl` load keeps existing `columns` as-is instead of auto-populating them from the loaded file's headers. Has no effect when `columns` is empty — auto-detection still applies so the table has something to render.
         */
@@ -10292,6 +10296,36 @@
         /**
           * 
         */
+        preRender?: boolean;
+            } 
+            /**
+              * Structured tree editor for the `<FetchRules>` XML rule schema: expand/collapse, add/copy/paste/delete elements, edit `Packet` search rules, and preview the resulting XML. Replaces the legacy React `orangelogic-react-xmleditor` component; the host page owns persistence and listens for `cx-xml-editor-change`.
+            */
+            interface CxXmlEditorAttributes extends HTMLAttributes<CxXmlEditor> {
+              
+        /**
+          * The initial Fetch Rules XML. Subsequent edits are reported via `cx-xml-editor-change`, not by re-setting this.
+        */
+        value?: string;
+        /**
+          * Shows the raw-XML debug preview below the tree when true.
+        */
+        debug?: 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;
             } 
             /**
@@ -10346,18 +10380,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 CxDiffProps = DetailedHTMLProps<CxDiffAttributes, CxDiff> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type 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 CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type 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 CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCapacityPlannerProps = DetailedHTMLProps<CxCapacityPlannerAttributes, CxCapacityPlanner> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {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 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 CxDiffProps = DetailedHTMLProps<CxDiffAttributes, CxDiff> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type 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 CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type 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 CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCapacityPlannerProps = DetailedHTMLProps<CxCapacityPlannerAttributes, CxCapacityPlanner> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {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 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 CxXmlEditorProps = DetailedHTMLProps<CxXmlEditorAttributes, CxXmlEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
               declare global {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-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-diff']: CxDiffProps;['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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-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-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['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-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-diff']: CxDiffProps;['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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-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-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['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-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-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };
               declare module "react" {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-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-diff']: CxDiffProps;['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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-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-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['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-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-diff']: CxDiffProps;['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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-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-type-subtype-select']: CxTypeSubtypeSelectProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['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-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-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };