@redocly/theme 0.66.0-next.1 → 0.66.0-next.3

package/lib/components/Catalog/CatalogFilter/CatalogFilterSelect.d.ts

@@ -3,4 +3,4 @@ import type { FilterProps } from '../../../core/types';
 export type CatalogFilterSelectProps = FilterProps & {
     className?: string;
 };
-export declare function CatalogFilterSelect({ filter, filterValuesCasing, showCounter, className, }: CatalogFilterSelectProps): JSX.Element;
+export declare function CatalogFilterSelect({ filter, filterValuesCasing, showCounter, className }: CatalogFilterSelectProps): JSX.Element;

package/lib/components/Catalog/CatalogFilter/CatalogFilterSelect.js

@@ -78,7 +78,7 @@ function CatalogFilterSelect({ filter, filterValuesCasing, showCounter = true, c
     const headerContent = (react_1.default.createElement(AccordionHeaderContent, null,
         react_1.default.createElement("span", null, translate(filter.titleTranslationKey, filter.title)),
         selectedCount > 0 && react_1.default.createElement(CounterTag_1.CounterTag, { borderless: true }, selectedCount)));
-    return (react_1.default.createElement(AccordionWrapper, { className: className, "$hasSelection": selectedCount > 0 && !isExpanded, "data-component-name": "Catalog/CatalogFilterSelect" },
+    return (react_1.default.createElement(AccordionWrapper, { className: className, $hasSelection: selectedCount > 0 && !isExpanded, "data-component-name": "Catalog/CatalogFilterSelect" },
         react_1.default.createElement(Accordion_1.Accordion, { expanded: isExpanded, header: headerContent, onToggle: setIsExpanded },
             react_1.default.createElement(StyledSelect, { value: ((_a = (filter.selectedOptions instanceof Set ? filter.selectedOptions : new Set())
                     .values()
@@ -118,7 +118,7 @@ const StyledSelect = (0, styled_components_1.default)(Select_1.Select) `
   --select-border-radius: var(--filter-select-border-radius);
   padding: var(--filter-select-padding);
 
-  :hover {
+  &:hover {
     border-color: var(--filter-select-border-color-hover);
   }
   --filter-option-margin: var(--filter-select-option-margin);

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanel.d.ts

@@ -3,5 +3,5 @@ type CatalogMobileFiltersPanelProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     filterContent: React.ReactNode;
 };
-export declare function CatalogMobileFiltersPanel({ setMobileFiltersPanelOpen, filterContent, }: CatalogMobileFiltersPanelProps): JSX.Element;
+export declare function CatalogMobileFiltersPanel({ setMobileFiltersPanelOpen, filterContent }: CatalogMobileFiltersPanelProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanelHeader.d.ts

@@ -2,5 +2,5 @@ import { JSX } from 'react';
 type CatalogMobileFiltersPanelHeaderProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
 };
-export declare function CatalogMobileFiltersPanelHeader({ setMobileFiltersPanelOpen, }: CatalogMobileFiltersPanelHeaderProps): JSX.Element;
+export declare function CatalogMobileFiltersPanelHeader({ setMobileFiltersPanelOpen }: CatalogMobileFiltersPanelHeaderProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogMobileFiltersPanel/CatalogMobileFiltersPanelOverlay.d.ts

@@ -3,5 +3,5 @@ type CatalogMobileFiltersPanelOverlayProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     filterContent: React.ReactNode;
 };
-export declare function CatalogMobileFiltersPanelOverlay({ setMobileFiltersPanelOpen, filterContent, }: CatalogMobileFiltersPanelOverlayProps): JSX.Element;
+export declare function CatalogMobileFiltersPanelOverlay({ setMobileFiltersPanelOpen, filterContent }: CatalogMobileFiltersPanelOverlayProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBar.d.ts

@@ -8,5 +8,5 @@ type CatalogMobileTopBarProps = {
     viewMode: CatalogViewMode;
     setViewMode: (viewMode: CatalogViewMode) => void;
 };
-export declare function CatalogMobileTopBar({ setMobileFiltersPanelOpen, activeFiltersCount, setSortOption, sortOption, viewMode, setViewMode, }: CatalogMobileTopBarProps): JSX.Element;
+export declare function CatalogMobileTopBar({ setMobileFiltersPanelOpen, activeFiltersCount, setSortOption, sortOption, viewMode, setViewMode }: CatalogMobileTopBarProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarControls.d.ts

@@ -6,5 +6,5 @@ type CatalogMobileTopBarControlsProps = {
     viewMode: CatalogViewMode;
     setViewMode: (viewMode: CatalogViewMode) => void;
 };
-export declare function CatalogMobileTopBarControls({ setSortOption, sortOption, viewMode, setViewMode, }: CatalogMobileTopBarControlsProps): JSX.Element;
+export declare function CatalogMobileTopBarControls({ setSortOption, sortOption, viewMode, setViewMode }: CatalogMobileTopBarControlsProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogMobileTopBar/CatalogMobileTopBarFiltersButton.d.ts

@@ -3,5 +3,5 @@ type CatalogMobileTopBarFiltersButtonProps = {
     setMobileFiltersPanelOpen: (open: boolean) => void;
     activeFiltersCount: number;
 };
-export declare function CatalogMobileTopBarFiltersButton({ setMobileFiltersPanelOpen, activeFiltersCount, }: CatalogMobileTopBarFiltersButtonProps): JSX.Element;
+export declare function CatalogMobileTopBarFiltersButton({ setMobileFiltersPanelOpen, activeFiltersCount }: CatalogMobileTopBarFiltersButtonProps): JSX.Element;
 export {};

package/lib/components/Catalog/CatalogPageDescription.d.ts

@@ -6,4 +6,4 @@ export type CatalogPageDescriptionProps = {
     descriptionTranslationKey?: string;
     tag: number | string;
 };
-export declare function CatalogPageDescription({ title, titleTranslationKey, description, descriptionTranslationKey, tag, }: CatalogPageDescriptionProps): React.JSX.Element;
+export declare function CatalogPageDescription({ title, titleTranslationKey, description, descriptionTranslationKey, tag }: CatalogPageDescriptionProps): React.JSX.Element;

package/lib/components/Catalog/CatalogSelector.d.ts

@@ -1,10 +1,10 @@
-import { JSX } from 'react';
+import React, { JSX } from 'react';
 import { Select } from '../../components/Select/Select';
 import { CatalogSwitcherItem } from '../../core/types';
 export type CatalogSelectorProps = {
     catalogSwitcherItems: CatalogSwitcherItem[];
     onChange: () => void;
 };
-export declare function CatalogSelector({ catalogSwitcherItems, onChange, }: CatalogSelectorProps): JSX.Element;
-export declare const CatalogSelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CatalogSelect: import("styled-components").StyledComponent<typeof Select, any, {}, never>;
+export declare function CatalogSelector({ catalogSwitcherItems, onChange }: CatalogSelectorProps): JSX.Element;
+export declare const CatalogSelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CatalogSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../index.js").SelectProps<unknown>, never> & Partial<Pick<import("../../index.js").SelectProps<unknown>, never>>> & string & Omit<typeof Select, keyof React.Component<any, {}, any>>;

package/lib/components/Catalog/CatalogSortButton.d.ts

@@ -3,7 +3,7 @@ export type CatalogSortButtonProps = {
     onSortChange: (sortOption: string | null) => void;
     currentSort?: string | null;
 };
-export declare function CatalogSortButton({ onSortChange, currentSort, }: {
+export declare function CatalogSortButton({ onSortChange, currentSort }: {
     onSortChange: (sortOption: string | null) => void;
     currentSort?: string | null;
 }): React.JSX.Element;

package/lib/components/Catalog/CatalogTableView/CatalogDomainsCell.js

@@ -8,17 +8,16 @@ const react_1 = __importDefault(require("react"));
 const CatalogTags_1 = require("../../../components/Catalog/CatalogTags");
 const GraphIcon_1 = require("../../../icons/GraphIcon/GraphIcon");
 function CatalogDomainsCell({ domains }) {
-    return (react_1.default.createElement("div", { "data-component-name": "Catalog/CatalogTableView/CatalogDomainsCell" },
-        react_1.default.createElement(CatalogTags_1.CatalogTags, { "data-testid": "catalog-domains-cell", items: domains, showPlaceholder: false, tagProps: {
-                variant: 'outline',
-                icon: react_1.default.createElement(GraphIcon_1.GraphIcon, null),
-                style: {
-                    fontSize: 'var(--font-size-base)',
-                    backgroundColor: 'transparent',
-                    borderRadius: 'var(--border-radius-xl)',
-                    margin: 0,
-                },
-                textTransform: 'none',
-            } })));
+    return (react_1.default.createElement("div", { "data-component-name": "Catalog/CatalogTableView/CatalogDomainsCell" }, react_1.default.createElement(CatalogTags_1.CatalogTags, { "data-testid": "catalog-domains-cell", items: domains, showPlaceholder: false, tagProps: {
+            variant: 'outline',
+            icon: react_1.default.createElement(GraphIcon_1.GraphIcon, null),
+            style: {
+                fontSize: 'var(--font-size-base)',
+                backgroundColor: 'transparent',
+                borderRadius: 'var(--border-radius-xl)',
+                margin: 0,
+            },
+            textTransform: 'none',
+        } })));
 }
 //# sourceMappingURL=CatalogDomainsCell.js.map

package/lib/components/Catalog/CatalogTableView/CatalogEntityRelationCell.d.ts

@@ -1,3 +1,3 @@
 import type { BffCatalogRelatedEntity } from '../../../core/types';
 export type CatalogEntityRelationCellProps = Pick<BffCatalogRelatedEntity, 'relationType' | 'relationRole'>;
-export declare function CatalogEntityRelationCell({ relationType, relationRole, }: CatalogEntityRelationCellProps): string;
+export declare function CatalogEntityRelationCell({ relationType, relationRole }: CatalogEntityRelationCellProps): string;

package/lib/components/Catalog/CatalogTableView/CatalogLastUpdateCell.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export type CatalogLastUpdateCellProps = {
     lastModified: string;
 };
-export declare function CatalogLastUpdateCell({ lastModified, }: CatalogLastUpdateCellProps): React.ReactElement;
+export declare function CatalogLastUpdateCell({ lastModified }: CatalogLastUpdateCellProps): React.ReactElement;

package/lib/components/Catalog/CatalogTableView/CatalogTableHeaderCell.js

@@ -49,15 +49,15 @@ const CatalogTableHeaderCell = ({ column, currentSortOption, handleSortClick, is
         handleSortClick,
         isColumnSorted,
     });
-    return (react_1.default.createElement(TableHeaderCellWrapper, { key: column.key, "data-component-name": "Catalog/CatalogTableView/CatalogTableHeaderCell", onClick: handleCellClick, "$sortable": Boolean(column.sortable && sortKey) },
+    return (react_1.default.createElement(TableHeaderCellWrapper, { key: column.key, "data-component-name": "Catalog/CatalogTableView/CatalogTableHeaderCell", onClick: handleCellClick, $sortable: Boolean(column.sortable && sortKey) },
         react_1.default.createElement(HeaderContent, null,
             react_1.default.createElement("span", null, column.title),
             column.sortable && sortKey && (react_1.default.createElement(SortIndicator, null,
-                react_1.default.createElement(SortArrow, { "$isActive": isUpActive },
+                react_1.default.createElement(SortArrow, { $isActive: isUpActive },
                     react_1.default.createElement(CaretUpIcon_1.CaretUpIcon, { size: "9px", color: isUpActive
                             ? 'var(--catalog-table-header-sort-icon-color-active)'
                             : 'var(--catalog-table-header-sort-icon-color-inactive)' })),
-                react_1.default.createElement(SortArrow, { "$isActive": isDownActive },
+                react_1.default.createElement(SortArrow, { $isActive: isDownActive },
                     react_1.default.createElement(CaretDownIcon_1.CaretDownIcon, { size: "9px", color: isDownActive
                             ? 'var(--catalog-table-header-sort-icon-color-active)'
                             : 'var(--catalog-table-header-sort-icon-color-inactive)' })))))));

package/lib/components/Catalog/CatalogTableView/CatalogTableView.js

@@ -37,20 +37,14 @@ const baseColumns = [
     {
         key: 'domains',
         title: 'Domains',
-        render: (entity) => {
-            var _a;
-            return (react_1.default.createElement(CatalogDomainsCell_1.CatalogDomainsCell, { domains: ((_a = entity.domains) === null || _a === void 0 ? void 0 : _a.map((domain) => domain.title)) || [] }));
-        },
+        render: (entity) => { var _a; return (react_1.default.createElement(CatalogDomainsCell_1.CatalogDomainsCell, { domains: ((_a = entity.domains) === null || _a === void 0 ? void 0 : _a.map((domain) => domain.title)) || [] })); },
         width: '2fr',
         minWidth: '162px',
     },
     {
         key: 'owners',
         title: 'Owners',
-        render: (entity) => {
-            var _a;
-            return (react_1.default.createElement(CatalogOwnersCell_1.CatalogOwnersCell, { owners: ((_a = entity.owners) === null || _a === void 0 ? void 0 : _a.map((owner) => owner.title)) || [] }));
-        },
+        render: (entity) => { var _a; return (react_1.default.createElement(CatalogOwnersCell_1.CatalogOwnersCell, { owners: ((_a = entity.owners) === null || _a === void 0 ? void 0 : _a.map((owner) => owner.title)) || [] })); },
         width: '2fr',
         minWidth: '162px',
     },
@@ -75,7 +69,7 @@ const CatalogTableView = ({ entities, entitiesCatalogConfig, catalogConfig, colu
     const tableContent = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(CatalogTableHeader, { columnsWidths: columns.map((column) => column.width || '1fr'), columnsMinWidths: columns.map((column) => column.minWidth || 'auto') }, columns.map((column) => (react_1.default.createElement(CatalogTableHeaderCell_1.CatalogTableHeaderCell, { key: column.key, column: column, currentSortOption: currentSortOption, handleSortClick: handleSortClick, isColumnSorted: isColumnSorted })))),
         react_1.default.createElement(CatalogTableBody, null, entities.map((entity) => (react_1.default.createElement(CatalogTableViewRow_1.CatalogTableViewRow, { key: entity.id, entity: entity, entitiesCatalogConfig: entitiesCatalogConfig, catalogConfig: catalogConfig, columns: columns, onRowClick: onRowClick }))))));
-    return (react_1.default.createElement(CatalogTableWrapper, { "data-component-name": "Catalog/CatalogTableView", style: style }, contentMinWidth != null ? (react_1.default.createElement(CatalogTableContentInner, { "$contentMinWidth": contentMinWidth }, tableContent)) : (react_1.default.createElement(CatalogTableScrollContent, null, tableContent))));
+    return (react_1.default.createElement(CatalogTableWrapper, { "data-component-name": "Catalog/CatalogTableView", style: style }, contentMinWidth != null ? (react_1.default.createElement(CatalogTableContentInner, { $contentMinWidth: contentMinWidth }, tableContent)) : (react_1.default.createElement(CatalogTableScrollContent, null, tableContent))));
 };
 exports.CatalogTableView = CatalogTableView;
 const CatalogTableWrapper = styled_components_1.default.div `

package/lib/components/Catalog/CatalogTableView/CatalogTableViewRow.js

@@ -35,20 +35,14 @@ const baseColumns = [
     {
         key: 'domains',
         title: 'Domains',
-        render: (entity) => {
-            var _a;
-            return (react_1.default.createElement(CatalogDomainsCell_1.CatalogDomainsCell, { domains: ((_a = entity.domains) === null || _a === void 0 ? void 0 : _a.map((domain) => domain.title)) || [] }));
-        },
+        render: (entity) => { var _a; return (react_1.default.createElement(CatalogDomainsCell_1.CatalogDomainsCell, { domains: ((_a = entity.domains) === null || _a === void 0 ? void 0 : _a.map((domain) => domain.title)) || [] })); },
         width: '2fr',
         minWidth: '150px',
     },
     {
         key: 'owners',
         title: 'Owners',
-        render: (entity) => {
-            var _a;
-            return (react_1.default.createElement(CatalogOwnersCell_1.CatalogOwnersCell, { owners: ((_a = entity.owners) === null || _a === void 0 ? void 0 : _a.map((owner) => owner.title)) || [] }));
-        },
+        render: (entity) => { var _a; return (react_1.default.createElement(CatalogOwnersCell_1.CatalogOwnersCell, { owners: ((_a = entity.owners) === null || _a === void 0 ? void 0 : _a.map((owner) => owner.title)) || [] })); },
         width: '2fr',
         minWidth: '150px',
     },
@@ -68,7 +62,7 @@ const CatalogTableViewRow = ({ entity, entitiesCatalogConfig, catalogConfig, col
         version: entity.version,
     });
     const link = getEntityDetailsLink({ key: entity.key, type: entity.type });
-    return (react_1.default.createElement(TableRow, { key: entity.id, "$columnsWidths": columns.map((column) => column.width || '1fr'), "$columnsMinWidths": columns.map((column) => column.minWidth || 'auto'), to: link, onClick: () => onRowClick(entity), style: { color: 'var(--catalog-page-wrapper-text-color)' }, "data-component-name": "Catalog/CatalogTableView/CatalogTableViewRow" }, columns.map((column) => (react_1.default.createElement(TableCell, { key: column.key, className: column.key === 'entity' ? '' : 'tooltip-cell-container' }, column.render(entity))))));
+    return (react_1.default.createElement(TableRow, { key: entity.id, $columnsWidths: columns.map((column) => column.width || '1fr'), $columnsMinWidths: columns.map((column) => column.minWidth || 'auto'), to: link, onClick: () => onRowClick(entity), style: { color: 'var(--catalog-page-wrapper-text-color)' }, "data-component-name": "Catalog/CatalogTableView/CatalogTableViewRow" }, columns.map((column) => (react_1.default.createElement(TableCell, { key: column.key, className: column.key === 'entity' ? '' : 'tooltip-cell-container' }, column.render(entity))))));
 };
 exports.CatalogTableViewRow = CatalogTableViewRow;
 const TableRow = (0, styled_components_1.default)(Link_1.Link) `

package/lib/components/Catalog/CatalogTableView/CatalogUserEntityCell.d.ts

@@ -4,4 +4,4 @@ export type CatalogUserEntityCellProps = {
     email: string;
 };
 export declare function CatalogUserEntityCell({ name, email }: CatalogUserEntityCellProps): React.JSX.Element;
-export declare const Email: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Email: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/components/Catalog/CatalogTags.d.ts

@@ -8,4 +8,4 @@ export type CatalogTagsProps = {
     showAvatars?: boolean;
     maxItemLength?: number;
 };
-export declare function CatalogTags({ items, itemsToShow, showPlaceholder, showAvatars, tagProps, maxItemLength, }: CatalogTagsProps): JSX.Element | null;
+export declare function CatalogTags({ items, itemsToShow, showPlaceholder, showAvatars, tagProps, maxItemLength }: CatalogTagsProps): JSX.Element | null;

package/lib/components/Catalog/CatalogViewModeToggle.d.ts

@@ -4,4 +4,4 @@ export type CatalogViewModeToggleProps = {
     viewMode: CatalogViewMode;
     onViewModeChange: (mode: CatalogViewMode) => void;
 };
-export declare function CatalogViewModeToggle({ viewMode: initialViewMode, onViewModeChange, }: CatalogViewModeToggleProps): React.JSX.Element;
+export declare function CatalogViewModeToggle({ viewMode: initialViewMode, onViewModeChange }: CatalogViewModeToggleProps): React.JSX.Element;

package/lib/components/Catalog/variables.d.ts

@@ -1 +1 @@
-export declare const catalog: import("styled-components").FlattenSimpleInterpolation;
+export declare const catalog: import("styled-components").RuleSet<object>;

package/lib/components/Catalog/variables.dark.d.ts

@@ -1 +1 @@
-export declare const catalogDarkMode: import("styled-components").FlattenSimpleInterpolation;
+export declare const catalogDarkMode: import("styled-components").RuleSet<object>;

package/lib/components/CatalogClassic/CatalogClassic.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { JSX } from 'react';
 import type { CatalogConfig } from '../../config';
 export type CatalogClassicProps = {
@@ -7,10 +8,26 @@ export type CatalogClassicProps = {
     };
 };
 export default function CatalogClassic(props: CatalogClassicProps): JSX.Element;
-export declare const CatalogPageContent: import("styled-components").StyledComponent<"main", any, {}, never>;
-export declare const CatalogTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const CatalogDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const CatalogPageWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const CatalogPageContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+export declare const CatalogTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof React.ClassAttributes<HTMLHeadingElement> | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "className"> & {
+    className?: string;
+}, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof React.ClassAttributes<HTMLHeadingElement> | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "className"> & {
+    className?: string;
+}, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof React.ClassAttributes<HTMLHeadingElement> | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "className"> & {
+    className?: string;
+}, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, keyof React.ClassAttributes<HTMLHeadingElement> | keyof React.HTMLAttributes<HTMLHeadingElement>> & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "className"> & {
+    className?: string;
+}, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const CatalogDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
+export declare const CatalogPageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "withoutFilters"> & {
     withoutFilters?: boolean;
-}, never>;
-export declare const CatalogPageDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "withoutFilters"> & {
+    withoutFilters?: boolean;
+}, never>>> & string;
+export declare const CatalogPageDescriptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/components/CatalogClassic/CatalogClassicVirtualizedGroups.d.ts

@@ -22,4 +22,4 @@ export type CatalogClassicVirtualizedGroupsProps = {
     })[];
     filterTerm: string;
 };
-export declare function CatalogClassicVirtualizedGroups({ groups, filters, filterTerm, }: CatalogClassicVirtualizedGroupsProps): React.JSX.Element;
+export declare function CatalogClassicVirtualizedGroups({ groups, filters, filterTerm }: CatalogClassicVirtualizedGroupsProps): React.JSX.Element;

package/lib/components/CatalogClassic/variables.d.ts

@@ -1 +1 @@
-export declare const catalogClassic: import("styled-components").FlattenSimpleInterpolation;
+export declare const catalogClassic: import("styled-components").RuleSet<object>;

package/lib/components/CodeBlock/CodeBlock.js

@@ -56,9 +56,10 @@ const ReportDialog_1 = require("../../components/Feedback/ReportDialog");
 const CodeBlockContainer_1 = require("../../components/CodeBlock/CodeBlockContainer");
 const CodeBlockControls_1 = require("../../components/CodeBlock/CodeBlockControls");
 function CodeBlock(_a) {
-    var _b, _c, _d, _e, _f, _g;
+    var _b, _c, _d, _e, _f;
+    var _g;
     var { lang, source, externalSource, header, dataTestId = 'source-code', codeBlockRef, highlightedHtml, withLineNumbers, startLineNumber, className, codeBlockMaxHeight, tabs, dropdown, hideCodeColors, wrapContents = false, children } = _a, rest = __rest(_a, ["lang", "source", "externalSource", "header", "dataTestId", "codeBlockRef", "highlightedHtml", "withLineNumbers", "startLineNumber", "className", "codeBlockMaxHeight", "tabs", "dropdown", "hideCodeColors", "wrapContents", "children"]);
-    const [sourceCode, setSourceCode] = (0, react_1.useState)((_d = (source || ((_c = (_b = externalSource === null || externalSource === void 0 ? void 0 : externalSource.sample) === null || _b === void 0 ? void 0 : _b.get) === null || _c === void 0 ? void 0 : _c.call(_b, externalSource)))) !== null && _d !== void 0 ? _d : '');
+    const [sourceCode, setSourceCode] = (0, react_1.useState)((_g = (source || ((_c = (_b = externalSource === null || externalSource === void 0 ? void 0 : externalSource.sample) === null || _b === void 0 ? void 0 : _b.get) === null || _c === void 0 ? void 0 : _c.call(_b, externalSource)))) !== null && _g !== void 0 ? _g : '');
     const { useCodeHighlight } = (0, hooks_1.useThemeHooks)();
     const { highlight } = useCodeHighlight() || {};
     const highlightedCode = highlightedHtml
@@ -84,7 +85,7 @@ function CodeBlock(_a) {
     }, [source, externalSource]);
     const { reportDialog, reportButton } = (0, hooks_1.useReportDialog)();
     (0, hooks_1.useModalScrollLock)(Boolean(reportDialog.visible));
-    const controls = (header === null || header === void 0 ? void 0 : header.controls) && Object.assign(Object.assign({}, header === null || header === void 0 ? void 0 : header.controls), { report: Object.assign(Object.assign({}, (_e = header === null || header === void 0 ? void 0 : header.controls) === null || _e === void 0 ? void 0 : _e.report), { props: reportButton.props }), copy: ((_f = header === null || header === void 0 ? void 0 : header.controls) === null || _f === void 0 ? void 0 : _f.copy) ? Object.assign(Object.assign({}, (_g = header === null || header === void 0 ? void 0 : header.controls) === null || _g === void 0 ? void 0 : _g.copy), { data: sourceCode }) : undefined });
+    const controls = (header === null || header === void 0 ? void 0 : header.controls) && Object.assign(Object.assign({}, header === null || header === void 0 ? void 0 : header.controls), { report: Object.assign(Object.assign({}, (_d = header === null || header === void 0 ? void 0 : header.controls) === null || _d === void 0 ? void 0 : _d.report), { props: reportButton.props }), copy: ((_e = header === null || header === void 0 ? void 0 : header.controls) === null || _e === void 0 ? void 0 : _e.copy) ? Object.assign(Object.assign({}, (_f = header === null || header === void 0 ? void 0 : header.controls) === null || _f === void 0 ? void 0 : _f.copy), { data: sourceCode }) : undefined });
     return (react_1.default.createElement(CodeBlockWrapper, { "data-component-name": "CodeBlock/CodeBlock", className: className },
         react_1.default.createElement(ContainerWrapper, null,
             react_1.default.createElement(CodeBlockControls_1.CodeBlockControls, { tabs: tabs, dropdown: dropdown, className: header === null || header === void 0 ? void 0 : header.className, title: header === null || header === void 0 ? void 0 : header.title, controls: controls }),

package/lib/components/CodeBlock/CodeBlockControls.d.ts

@@ -34,5 +34,5 @@ type CopyControlProps = ControlProps & {
     handleOutside?: boolean;
 };
 export type ControlItemType = 'text' | 'icon';
-export declare function CodeBlockControls({ children, className, title, controls, tabs, dropdown, }: CodeBlockControlsProps): JSX.Element | null;
+export declare function CodeBlockControls({ children, className, title, controls, tabs, dropdown }: CodeBlockControlsProps): JSX.Element | null;
 export {};

package/lib/components/CodeBlock/CodeBlockControls.js

@@ -38,12 +38,9 @@ function CodeBlockControls({ children, className, title, controls, tabs, dropdow
         tabs && react_1.default.createElement(CodeBlockTabs_1.CodeBlockTabs, { tabs: tabs }),
         react_1.default.createElement(ControlsWrapper, null,
             dropdown && react_1.default.createElement(CodeBlockDropdown_1.CodeBlockDropdown, Object.assign({}, dropdown)),
-            report && !report.hidden && !((_a = report === null || report === void 0 ? void 0 : report.props) === null || _a === void 0 ? void 0 : _a.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.report.tooltipText', 'Report a problem'), placement: "top", arrowPosition: "right" },
-                react_1.default.createElement(ControlButton, Object.assign({ variant: "text", size: "small", "data-testid": "report-button", icon: controlsType === 'icon' ? react_1.default.createElement(WarningSquareIcon_1.WarningSquareIcon, { size: "18px" }) : undefined, "aria-label": "Report a problem" }, report.props), controlsType != 'icon' && (((_b = report.props) === null || _b === void 0 ? void 0 : _b.buttonText) || 'Report')))) : null,
-            expand && !((_c = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.expand) === null || _c === void 0 ? void 0 : _c.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.expand.tooltipText', 'Expand all'), placement: "top", arrowPosition: "right" },
-                react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "expand-all", icon: controlsType === 'icon' ? react_1.default.createElement(MaximizeIcon_1.MaximizeIcon, null) : undefined, "aria-label": "Expand all", onClick: expand === null || expand === void 0 ? void 0 : expand.onClick }, controlsType !== 'icon' && ((expand === null || expand === void 0 ? void 0 : expand.label) || 'Expand all')))) : null,
-            collapse && !((_d = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.collapse) === null || _d === void 0 ? void 0 : _d.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.collapse.tooltipText', 'Collapse all'), placement: "top", arrowPosition: "right" },
-                react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "collapse-all", icon: controlsType === 'icon' ? react_1.default.createElement(MinimizeIcon_1.MinimizeIcon, null) : undefined, onClick: collapse === null || collapse === void 0 ? void 0 : collapse.onClick, "aria-label": "Collapse all" }, controlsType !== 'icon' && ((expand === null || expand === void 0 ? void 0 : expand.label) || 'Collapse all')))) : null,
+            report && !report.hidden && !((_a = report === null || report === void 0 ? void 0 : report.props) === null || _a === void 0 ? void 0 : _a.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.report.tooltipText', 'Report a problem'), placement: "top", arrowPosition: "right" }, react_1.default.createElement(ControlButton, Object.assign({ variant: "text", size: "small", "data-testid": "report-button", icon: controlsType === 'icon' ? react_1.default.createElement(WarningSquareIcon_1.WarningSquareIcon, { size: "18px" }) : undefined, "aria-label": "Report a problem" }, report.props), controlsType != 'icon' && (((_b = report.props) === null || _b === void 0 ? void 0 : _b.buttonText) || 'Report')))) : null,
+            expand && !((_c = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.expand) === null || _c === void 0 ? void 0 : _c.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.expand.tooltipText', 'Expand all'), placement: "top", arrowPosition: "right" }, react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "expand-all", icon: controlsType === 'icon' ? react_1.default.createElement(MaximizeIcon_1.MaximizeIcon, null) : undefined, "aria-label": "Expand all", onClick: expand === null || expand === void 0 ? void 0 : expand.onClick }, controlsType !== 'icon' && ((expand === null || expand === void 0 ? void 0 : expand.label) || 'Expand all')))) : null,
+            collapse && !((_d = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.collapse) === null || _d === void 0 ? void 0 : _d.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.collapse.tooltipText', 'Collapse all'), placement: "top", arrowPosition: "right" }, react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "collapse-all", icon: controlsType === 'icon' ? react_1.default.createElement(MinimizeIcon_1.MinimizeIcon, null) : undefined, onClick: collapse === null || collapse === void 0 ? void 0 : collapse.onClick, "aria-label": "Collapse all" }, controlsType !== 'icon' && ((expand === null || expand === void 0 ? void 0 : expand.label) || 'Collapse all')))) : null,
             select ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "select-all", icon: controlsType === 'icon' ? react_1.default.createElement(SelectIcon_1.SelectIcon, null) : undefined, onClick: select === null || select === void 0 ? void 0 : select.onClick }, controlsType !== 'icon' && (select === null || select === void 0 ? void 0 : select.label) ? select.label : 'Select all')) : null,
             deselect ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "clear-all", icon: controlsType === 'icon' ? react_1.default.createElement(DeselectIcon_1.DeselectIcon, null) : undefined, onClick: deselect === null || deselect === void 0 ? void 0 : deselect.onClick }, controlsType !== 'icon' && (deselect === null || deselect === void 0 ? void 0 : deselect.label) ? deselect.label : 'Clear all')) : null,
             copy && !((_e = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.copy) === null || _e === void 0 ? void 0 : _e.hide) ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('codeSnippet.copy.tooltipText', 'Copy to clipboard'), placement: "top", arrowPosition: "right" },
@@ -55,11 +52,16 @@ function CodeBlockControls({ children, className, title, controls, tabs, dropdow
                         }
                         else {
                             telemetry.sendCopyCodeSnippetClickedMessage([
-                                { object: 'code_snippet', snippetType: 'copy' },
+                                {
+                                    id: 'copyCodeSnippetButton',
+                                    object: 'button',
+                                    uri: 'urn:redocly:redoc:ui:button:copyCodeSnippetButton',
+                                    snippetType: 'copy',
+                                },
                             ]);
                         }
                     } }))) : null))) : null;
-    return children || controls ? (react_1.default.createElement(ContainerWrapper, { "data-component-name": "CodeBlock/CodeBlockControls", className: className, "$isEmptyTitle": isEmptyTitle }, children ? children : defaultControls)) : null;
+    return children || controls ? (react_1.default.createElement(ContainerWrapper, { "data-component-name": "CodeBlock/CodeBlockControls", className: className, $isEmptyTitle: isEmptyTitle }, children ? children : defaultControls)) : null;
 }
 const ContainerWrapper = styled_components_1.default.div `
   display: grid;

package/lib/components/CodeBlock/CodeBlockTabs.js

@@ -97,7 +97,7 @@ const ShadowWrapper = styled_components_1.default.div `
   position: relative;
   overflow: hidden;
 
-  :after {
+  &:after {
     position: absolute;
     content: '';
     width: 16px;

package/lib/components/CodeBlock/variables.d.ts

@@ -1 +1 @@
-export declare const code: import("styled-components").FlattenSimpleInterpolation;
+export declare const code: import("styled-components").RuleSet<object>;

package/lib/components/CodeBlock/variables.dark.d.ts

@@ -1 +1 @@
-export declare const codeBlockDarkMode: import("styled-components").FlattenSimpleInterpolation;
+export declare const codeBlockDarkMode: import("styled-components").RuleSet<object>;

package/lib/components/DatePicker/variables.d.ts

@@ -1 +1 @@
-export declare const datePicker: import("styled-components").FlattenSimpleInterpolation;
+export declare const datePicker: import("styled-components").RuleSet<object>;

package/lib/components/Dropdown/Dropdown.d.ts

@@ -15,9 +15,9 @@ export type DropdownProps = PropsWithChildren<{
 }>;
 export declare const Dropdown: React.ForwardRefExoticComponent<{
     trigger: React.ReactNode;
-    triggerEvent?: "click" | "hover";
-    placement?: "top" | "bottom";
-    alignment?: "start" | "end";
+    triggerEvent?: 'click' | 'hover';
+    placement?: 'top' | 'bottom';
+    alignment?: 'start' | 'end';
     active?: boolean;
     closeOnClick?: boolean;
     dataAttributes?: Record<string, string>;

package/lib/components/Dropdown/variables.d.ts

@@ -1 +1 @@
-export declare const dropdown: import("styled-components").FlattenSimpleInterpolation;
+export declare const dropdown: import("styled-components").RuleSet<object>;

package/lib/components/Feedback/Comment.d.ts

@@ -12,4 +12,4 @@ export type CommentProps = {
     isDialog?: boolean;
     className?: string;
 };
-export declare function Comment({ settings, onSubmit, onCancel, className, standAlone, isDialog, }: CommentProps): JSX.Element;
+export declare function Comment({ settings, onSubmit, onCancel, className, standAlone, isDialog }: CommentProps): JSX.Element;

package/lib/components/Feedback/Mood.js

@@ -101,7 +101,8 @@ function Mood({ settings, onSubmit, className }) {
         return (_a = reasonsSettings[score]) === null || _a === void 0 ? void 0 : _a.label;
     };
     const resolveReasonsItems = (score) => {
-        var _a, _b;
+        var _a;
+        var _b;
         if (!reasonsSettings) {
             return [];
         }

package/lib/components/Feedback/ReportDialog.d.ts

@@ -11,4 +11,4 @@ export type ReportDialogProps = {
     submitFeedback: ({ type, values, path, location }: SubmitFeedbackParams) => Promise<void>;
     className?: string;
 };
-export declare function ReportDialog({ location, settings, onSubmit, onCancel, submitFeedback, lang, }: ReportDialogProps): JSX.Element;
+export declare function ReportDialog({ location, settings, onSubmit, onCancel, submitFeedback, lang }: ReportDialogProps): JSX.Element;

package/lib/components/Feedback/Stars.js

@@ -55,9 +55,9 @@ const StarsWrapper = styled_components_1.default.div `
   flex-direction: row;
   align-items: center;
 `;
-const Star = styled_components_1.default.button.attrs(() => ({
+const Star = styled_components_1.default.button.attrs({
     type: 'button',
-})) `
+}) `
   cursor: pointer;
   padding: 0;
   border: none;

package/lib/components/Feedback/variables.d.ts

@@ -1 +1 @@
-export declare const feedback: import("styled-components").FlattenSimpleInterpolation;
+export declare const feedback: import("styled-components").RuleSet<object>;

package/lib/components/Filter/Filter.d.ts

@@ -1,3 +1,3 @@
 import type { JSX } from 'react';
 import type { FilterProps } from '../../core/types';
-export declare function Filter({ filter, filterValuesCasing, showCounter, }: FilterProps): JSX.Element | null;
+export declare function Filter({ filter, filterValuesCasing, showCounter }: FilterProps): JSX.Element | null;

package/lib/components/Filter/FilterCheckboxes.d.ts

@@ -1,3 +1,3 @@
 import type { JSX } from 'react';
 import type { FilterProps } from '../../core/types';
-export declare function FilterCheckboxes({ filter, filterValuesCasing, showCounter, }: FilterProps): JSX.Element;
+export declare function FilterCheckboxes({ filter, filterValuesCasing, showCounter }: FilterProps): JSX.Element;