@redocly/theme 0.66.0-next.2 → 0.66.0-next.4

package/lib/components/Search/SearchAiMessage.js

@@ -114,7 +114,7 @@ function SearchAiMessageComponent({ role, content, isThinking, resources, classN
                         return (react_1.default.createElement(ToolCallsInfoWrapper, { key: `tool-${index}`, "data-testid": "tool-calls-info" },
                             react_1.default.createElement(ToolCallInfoItem, null,
                                 react_1.default.createElement(DocumentIcon_1.DocumentIcon, { size: "14px", color: "--search-ai-text-color" }),
-                                react_1.default.createElement(ToolCallText, { "$isSearching": !toolCallCompleted }, toolCallDisplayText))));
+                                react_1.default.createElement(ToolCallText, { $isSearching: !toolCallCompleted }, toolCallDisplayText))));
                     }
                     return react_1.default.createElement(MarkdownSegment, { key: `text-${index}`, text: segment.text });
                 }),

package/lib/components/Search/SearchAiNegativeFeedbackForm.d.ts

@@ -7,4 +7,4 @@ export type SearchAiNegativeFeedbackFormProps = {
     onSubmit: (reason: string) => void;
     formRef?: React.Ref<HTMLDivElement>;
 };
-export declare function SearchAiNegativeFeedbackForm({ messageId, onClose, onSubmit, formRef, }: SearchAiNegativeFeedbackFormProps): JSX.Element;
+export declare function SearchAiNegativeFeedbackForm({ messageId, onClose, onSubmit, formRef }: SearchAiNegativeFeedbackFormProps): JSX.Element;

package/lib/components/Search/SearchDialog.d.ts

@@ -4,4 +4,4 @@ export type SearchDialogProps = {
     className?: string;
     initialMode?: 'search' | 'ai-dialog';
 };
-export declare function SearchDialog({ onClose, className, initialMode, }: SearchDialogProps): JSX.Element;
+export declare function SearchDialog({ onClose, className, initialMode }: SearchDialogProps): JSX.Element;

package/lib/components/Search/SearchDialog.js

@@ -62,6 +62,8 @@ const ReturnKeyIcon_1 = require("../../icons/ReturnKeyIcon/ReturnKeyIcon");
 const ChevronLeftIcon_1 = require("../../icons/ChevronLeftIcon/ChevronLeftIcon");
 const EditIcon_1 = require("../../icons/EditIcon/EditIcon");
 const AiStarsGradientIcon_1 = require("../../icons/AiStarsGradientIcon/AiStarsGradientIcon");
+const ResetIcon_1 = require("../../icons/ResetIcon/ResetIcon");
+const CloseFilledIcon_1 = require("../../icons/CloseFilledIcon/CloseFilledIcon");
 function SearchDialog({ onClose, className, initialMode = 'search', }) {
     const { useTranslate, useCurrentProduct, useSearch, useProducts, useAiSearch, useTelemetry } = (0, hooks_1.useThemeHooks)();
     const telemetry = useTelemetry();
@@ -71,7 +73,7 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
     const [product, setProduct] = (0, react_1.useState)(currentProduct);
     const [mode, setMode] = (0, react_1.useState)(initialMode);
     const autoSearchDisabled = mode !== 'search';
-    const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
+    const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, searchError, retrySearch, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
     const { isFilterOpen, onFilterToggle, onFilterChange, onFilterReset, onFacetReset, onQuickFilterReset, } = (0, hooks_1.useSearchFilter)(filter, setFilter);
     const { addSearchHistoryItem } = (0, hooks_1.useRecentSearches)();
     const aiSearch = useAiSearch({ filter: filter, product: product === null || product === void 0 ? void 0 : product.name });
@@ -278,7 +280,10 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
                             return null;
                         })) : isSearchLoading ? (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.loading" },
                             react_1.default.createElement(SpinnerLoader_1.SpinnerLoader, { size: "26px", color: "var(--search-input-icon-color)" }),
-                            translate('search.loading', 'Loading...'))) : (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.noResults" },
+                            translate('search.loading', 'Loading...'))) : searchError ? (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.error" },
+                            react_1.default.createElement(CloseFilledIcon_1.CloseFilledIcon, { size: "21px", color: "var(--color-error-base)" }),
+                            translate('search.error.title', 'Oops! Something went wrong.'),
+                            react_1.default.createElement(Button_1.Button, { variant: "secondary", size: "small", onClick: retrySearch, icon: react_1.default.createElement(ResetIcon_1.ResetIcon, null) }, translate('search.error.button', 'Try again')))) : (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.noResults" },
                             react_1.default.createElement("b", null, translate('search.noResults.title', 'No results'))))) : (react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement(SearchRecent_1.SearchRecent, { onSelect: (query, index) => {
                                     telemetry.sendSearchRecentClickedMessage([

package/lib/components/Search/SearchFilter.d.ts

@@ -10,4 +10,4 @@ export type SearchFilterProps = {
     onFilterReset: () => void;
     onFacetReset: (field: string) => void;
 };
-export declare function SearchFilter({ className, facets, filter, query, quickFilterFields, onFilterChange, onFilterReset, onFacetReset, }: SearchFilterProps): JSX.Element;
+export declare function SearchFilter({ className, facets, filter, query, quickFilterFields, onFilterChange, onFilterReset, onFacetReset }: SearchFilterProps): JSX.Element;

package/lib/components/Search/SearchFilterField.d.ts

@@ -9,5 +9,5 @@ type SearchFilterFieldProps = {
     onFilterChange: (field: string, value: string | string[], isQuickFilter?: boolean) => void;
     onFacetReset: (filed: string) => void;
 };
-export declare function SearchFilterField({ className, facet, filter, query, quickFilterFields, onFilterChange, onFacetReset, }: SearchFilterFieldProps): JSX.Element;
+export declare function SearchFilterField({ className, facet, filter, query, quickFilterFields, onFilterChange, onFacetReset }: SearchFilterFieldProps): JSX.Element;
 export {};

package/lib/components/Search/SearchGroups.d.ts

@@ -7,5 +7,5 @@ type SearchGroupsProps = {
     onFilterChange: (field: string, value: string[], isQuickFilter?: boolean) => void;
     onQuickFilterReset: () => void;
 };
-export declare function SearchGroups({ facets, searchFilter, groupField, onFilterChange, onQuickFilterReset, }: SearchGroupsProps): JSX.Element;
+export declare function SearchGroups({ facets, searchFilter, groupField, onFilterChange, onQuickFilterReset }: SearchGroupsProps): JSX.Element;
 export {};

package/lib/components/Search/SearchInput.d.ts

@@ -11,4 +11,4 @@ export type SearchInputProps = {
     onSubmit?: (evt: React.KeyboardEvent<HTMLInputElement>) => void;
     className?: string;
 };
-export declare function SearchInput({ placeholder, value, onChange, isLoading, showReturnButton, inputRef, onReturn, onSubmit, className, }: SearchInputProps): JSX.Element;
+export declare function SearchInput({ placeholder, value, onChange, isLoading, showReturnButton, inputRef, onReturn, onSubmit, className }: SearchInputProps): JSX.Element;

package/lib/components/Search/SearchItem.d.ts

@@ -14,5 +14,5 @@ export type SearchItemProps = {
     className?: string;
     innerRef?: React.ForwardedRef<HTMLAnchorElement>;
 };
-export declare function SearchItem({ onClick, item, className, product, innerRef, }: SearchItemProps): JSX.Element;
+export declare function SearchItem({ onClick, item, className, product, innerRef }: SearchItemProps): JSX.Element;
 export {};

package/lib/components/Search/SearchRecent.js

@@ -102,7 +102,7 @@ const SearchRecentItem = styled_components_1.default.div `
     display: none;
   }
 
-  :hover {
+  &:hover {
     background-color: var(--search-recent-item-bg-color-hover);
     color: var(--search-recent-item-text-color-hover);
 
@@ -112,7 +112,7 @@ const SearchRecentItem = styled_components_1.default.div `
     }
   }
 
-  :focus-visible {
+  &:focus-visible {
     outline: 1px solid var(--search-recent-item-border-color-focused);
     background-color: var(--search-recent-item-bg-color-active);
   }

package/lib/components/Search/SearchTrigger.js

@@ -44,7 +44,8 @@ const Button_1 = require("../../components/Button/Button");
 const SearchIcon_1 = require("../../icons/SearchIcon/SearchIcon");
 const utils_1 = require("../../core/utils");
 function SearchTrigger({ onClick, className }) {
-    var _a, _b;
+    var _a;
+    var _b;
     const themeSettings = (0, hooks_1.useThemeConfig)();
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();

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

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

package/lib/components/Search/variables.js

@@ -91,7 +91,7 @@ exports.search = (0, styled_components_1.css) `
   --search-shortcuts-gap: var(--spacing-xs);
 
   --search-message-font-size: var(--font-size-lg); // @presenter FontSize
-  --search-message-font-weight: var(--font-weight-regular); // @presenter FontWeight
+  --search-message-font-weight: var(--font-weight-medium); // @presenter FontWeight
   --search-message-line-height: var(--line-height-lg); // @presenter LineHeight
   --search-message-text-color: var(--text-color-secondary); // @presenter Color
   --search-message-gap: var(--spacing-md);

package/lib/components/Segmented/Segmented.js

@@ -40,7 +40,7 @@ const typed_memo_1 = require("../../core/hoc/typed-memo");
 function SegmentedComponent({ options, onChange, value, className = '', size = 'regular' }, ref) {
     return (react_1.default.createElement(SegmentedGroup, { ref: ref, "data-component-name": "Segmented/Segmented", className: `tag-grey ${size} ${className}`, role: "tablist" }, options.map((opt, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
         opt.divider,
-        react_1.default.createElement(SegmentedItem, { key: opt.label, role: "tab", title: opt.label, onClick: () => onChange(opt), "$isActive": value == opt.value, "$size": size }, opt.element || opt.label))))));
+        react_1.default.createElement(SegmentedItem, { key: opt.label, role: "tab", title: opt.label, onClick: () => onChange(opt), $isActive: value == opt.value, $size: size }, opt.element || opt.label))))));
 }
 exports.Segmented = (0, typed_memo_1.typedMemo)((0, react_1.forwardRef)(SegmentedComponent));
 const SegmentedGroup = styled_components_1.default.div `

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

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

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

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

package/lib/components/Select/Select.d.ts

@@ -1,6 +1,9 @@
+import React from 'react';
 import type { JSX } from 'react';
 import type { SelectProps } from '../../core/types';
 export declare function Select<T>(props: SelectProps<T>): JSX.Element;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const SelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled"> & {
     disabled?: boolean;
-}, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled"> & {
+    disabled?: boolean;
+}, never>>> & string;

package/lib/components/Select/SelectInput.d.ts

@@ -21,5 +21,5 @@ type SelectInputProps<T> = {
     clickHandler?: (e?: any) => void;
 };
 export declare function SelectInput<T>(props: SelectInputProps<T>): React.ReactNode;
-export declare const SelectInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectInputWrapper: 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 {};

package/lib/components/Select/SelectInput.js

@@ -132,9 +132,9 @@ const SelectInputValue = styled_components_1.default.div `
 const SelectInputTag = (0, styled_components_1.default)(Tag_1.Tag) `
   --tag-content-padding: 0;
 `;
-const SelectInternalInput = styled_components_1.default.input.attrs(() => ({
+const SelectInternalInput = styled_components_1.default.input.attrs({
     type: 'text',
-})) `
+}) `
   outline: none;
   border-radius: var(--select-input-border-radius);
   border: none;

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

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

package/lib/components/Sidebar/Sidebar.d.ts

@@ -17,7 +17,9 @@ export type SidebarProps = {
     className?: string;
     menuItemsAnimation?: MenuItemsAnimation;
 };
-export declare function Sidebar({ versions, menu, footer, header, growContent, collapsed, className, menuItemsAnimation, }: SidebarProps): JSX.Element | null;
-export declare const SidebarHeader: import("styled-components").StyledComponent<"div", any, {
+export declare function Sidebar({ versions, menu, footer, header, growContent, collapsed, className, menuItemsAnimation }: SidebarProps): JSX.Element | null;
+export declare const SidebarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "collapsed"> & {
     collapsed?: boolean;
-}, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "collapsed"> & {
+    collapsed?: boolean;
+}, never>>> & string;

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

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

package/lib/components/SidebarActions/SidebarActions.js

@@ -21,16 +21,15 @@ const SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSi
     return (react_1.default.createElement(styled_1.ControlsWrap, { className: className, isCollapsed: collapsedSidebar, "data-component-name": "Sidebar/SidebarActions" },
         !hideCollapseSidebarButton && (react_1.default.createElement(Tooltip_1.Tooltip, { placement: collapsedSidebar ? 'right' : 'top', tip: collapsedSidebar
                 ? translate('sidebar.actions.show', 'Show sidebar')
-                : translate('sidebar.actions.hide', 'Hide sidebar') },
-            react_1.default.createElement(Button_1.Button, { onClick: () => {
-                    onChangeCollapseSidebarClick();
-                    if (collapsedSidebar) {
-                        telemetry.sendSidebarItemExpandedMessage();
-                    }
-                    else {
-                        telemetry.sendSidebarItemCollapsedMessage();
-                    }
-                }, size: "small", variant: "outlined", "aria-label": collapsedSidebar ? 'Show sidebar' : 'Hide sidebar', icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) }))),
+                : translate('sidebar.actions.hide', 'Hide sidebar') }, react_1.default.createElement(Button_1.Button, { onClick: () => {
+                onChangeCollapseSidebarClick();
+                if (collapsedSidebar) {
+                    telemetry.sendSidebarItemExpandedMessage();
+                }
+                else {
+                    telemetry.sendSidebarItemCollapsedMessage();
+                }
+            }, size: "small", variant: "outlined", "aria-label": collapsedSidebar ? 'Show sidebar' : 'Hide sidebar', icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) }))),
         isApiDocs && (react_1.default.createElement(styled_1.ControlsWrapChangeLayoutButtons, { isCollapsed: collapsedSidebar },
             react_1.default.createElement(ChangeViewButton_1.ChangeViewButton, { collapsedSidebar: collapsedSidebar, layout: layout, onClick: () => {
                     onChangeViewClick();

package/lib/components/SidebarActions/styled.d.ts

@@ -1,14 +1,23 @@
-declare const StyledChangeViewButton: import("styled-components").StyledComponent<"span", any, {
+declare const StyledChangeViewButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "collapsedSidebar"> & {
     collapsedSidebar?: boolean;
-}, never>;
-declare const StyledChangeViewButtonWrap: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("../..").TooltipProps>, any, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "collapsedSidebar"> & {
+    collapsedSidebar?: boolean;
+}, never>>> & string;
+declare const StyledChangeViewButtonWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../index.js").TooltipProps, "active"> & {
+    active?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("../../index.js").TooltipProps, "active"> & {
     active?: boolean;
-}, never>;
-declare const ControlsWrap: import("styled-components").StyledComponent<"span", any, {
+}, never>>> & string & Omit<import("react").NamedExoticComponent<import("../../index.js").TooltipProps>, keyof import("react").Component<any, {}, any>>;
+declare const ControlsWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "iconCount" | "isCollapsed"> & {
     iconCount?: number;
     isCollapsed?: boolean;
-}, never>;
-declare const ControlsWrapChangeLayoutButtons: import("styled-components").StyledComponent<"span", any, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "iconCount" | "isCollapsed"> & {
+    iconCount?: number;
+    isCollapsed?: boolean;
+}, never>>> & string;
+declare const ControlsWrapChangeLayoutButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "isCollapsed"> & {
+    isCollapsed?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "isCollapsed"> & {
     isCollapsed?: boolean;
-}, never>;
+}, never>>> & string;
 export { StyledChangeViewButton, StyledChangeViewButtonWrap, ControlsWrapChangeLayoutButtons, ControlsWrap, };

package/lib/components/SidebarLogo/SidebarLogo.d.ts

@@ -7,4 +7,4 @@ export type SidebarLogoProps = {
     backgroundColor?: string;
     className?: string;
 };
-export declare function SidebarLogo({ imageUrl, href, altText, backgroundColor, dataTestId, className, }?: SidebarLogoProps): JSX.Element | null;
+export declare function SidebarLogo({ imageUrl, href, altText, backgroundColor, dataTestId, className }?: SidebarLogoProps): JSX.Element | null;

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

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

package/lib/components/StatusCode/StatusCode.d.ts

@@ -1,5 +1,7 @@
-export declare const StatusCode: import("styled-components").StyledComponent<"button", any, {
+export declare const StatusCode: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | keyof import("react").ClassAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "data-component-name" | "status"> & {
+    status: string;
     'data-component-name': 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" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "exportparts" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "name" | "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" | "status" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "type" | "typeof" | "unselectable" | "value" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | keyof import("react").ClassAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "data-component-name" | "status"> & {
     status: string;
-}, "data-component-name">;
+    'data-component-name': 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" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disabled" | "draggable" | "enterKeyHint" | "exportparts" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "name" | "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" | "status" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "type" | "typeof" | "unselectable" | "value" | "vocab">>> & string;

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

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

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

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

package/lib/components/SvgViewer/SvgViewer.d.ts

@@ -12,4 +12,4 @@ export type SvgViewerProps = {
     children: ReactNode;
     labels?: SvgViewerLabels;
 };
-export declare function SvgViewer({ isOpen, onClose, children, labels, }: SvgViewerProps): JSX.Element | null;
+export declare function SvgViewer({ isOpen, onClose, children, labels }: SvgViewerProps): JSX.Element | null;

package/lib/components/SvgViewer/SvgViewer.js

@@ -189,8 +189,8 @@ function SvgViewer({ isOpen, onClose, children, labels = {}, }) {
     const zoomPercentage = baseScale > 0 ? Math.round((scale / baseScale) * 100) : 100;
     const isAnimating = !isDragging && !isWheelZooming && !pinchState;
     return (react_1.default.createElement(Overlay, { ref: overlayRef, onClick: onClose, onKeyDown: handleKeyDown, tabIndex: 0, "aria-modal": "true", role: "dialog", "aria-label": labels.dialogLabel || 'SVG viewer' },
-        react_1.default.createElement(Viewport, { ref: viewportRef, onClick: (e) => e.stopPropagation(), onWheel: handleWheel, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, "$isDragging": isDragging },
-            react_1.default.createElement(Content, { ref: contentRef, "$isAnimating": isAnimating, style: {
+        react_1.default.createElement(Viewport, { ref: viewportRef, onClick: (e) => e.stopPropagation(), onWheel: handleWheel, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, $isDragging: isDragging },
+            react_1.default.createElement(Content, { ref: contentRef, $isAnimating: isAnimating, style: {
                     transform: `translate(calc(-50% + ${position.x}px), calc(-50% + ${position.y}px)) scale(${scale})`,
                 } }, children),
             react_1.default.createElement(Controls, null,

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

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

package/lib/components/Switch/Switch.d.ts

@@ -7,4 +7,4 @@ export type SwitchProps = {
     stopPropagation?: boolean;
     className?: string;
 };
-export declare function Switch({ value, disabled, onChange, onFocus, stopPropagation, className, }: SwitchProps): JSX.Element;
+export declare function Switch({ value, disabled, onChange, onFocus, stopPropagation, className }: SwitchProps): JSX.Element;

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

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

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

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

package/lib/components/TableOfContent/TableOfContent.js

@@ -116,7 +116,7 @@ const TableOfContentMenuItem = styled_components_1.default.a `
 
   border-left: solid 2px transparent;
 
-  :hover {
+  &:hover {
     color: var(--toc-item-text-color-active);
   }
   &.active {
@@ -125,7 +125,7 @@ const TableOfContentMenuItem = styled_components_1.default.a `
     font-weight: var(--toc-item-font-weight-active);
   }
 
-  :empty {
+  &:empty {
     padding: 0;
   }
 `;

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

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

package/lib/components/Tag/Tag.d.ts

@@ -31,5 +31,5 @@ export type TagProps = {
     selectable?: boolean;
 };
 export declare function Tag({ children, color, icon, active, closable, tabIndex, onClick, onKeyDown, onClose, size, borderless, withStatusDot, statusDotColor, maxLength, textTransform, variant, selectable, ...otherProps }: TagProps): JSX.Element;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentWrapper: 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 {};

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

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

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

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

package/lib/components/Tags/CounterTag.d.ts

@@ -1,5 +1,6 @@
 import { Tag } from '../../components/Tag/Tag';
-export declare const CounterTag: import("styled-components").StyledComponent<typeof Tag, any, {
-    className: "tag-counter";
+export declare const CounterTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../index.js").TagProps, keyof import("../../index.js").TagProps> & import("../../index.js").TagProps, "data-component-name"> & {
     'data-component-name': string;
-}, "className" | "data-component-name">;
+}, "active" | "borderless" | "children" | "className" | "closable" | "color" | "data-component-name" | "icon" | "maxLength" | "onClick" | "onClose" | "onKeyDown" | "selectable" | "size" | "statusDotColor" | "style" | "tabIndex" | "textTransform" | "variant" | "withStatusDot"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../index.js").TagProps, keyof import("../../index.js").TagProps> & import("../../index.js").TagProps, "data-component-name"> & {
+    'data-component-name': string;
+}, "active" | "borderless" | "children" | "className" | "closable" | "color" | "data-component-name" | "icon" | "maxLength" | "onClick" | "onClose" | "onKeyDown" | "selectable" | "size" | "statusDotColor" | "style" | "tabIndex" | "textTransform" | "variant" | "withStatusDot">>> & string & Omit<typeof Tag, keyof import("react").Component<any, {}, any>>;

package/lib/components/Tags/HttpTag.d.ts

@@ -1,5 +1,6 @@
 import { Tag } from '../../components/Tag/Tag';
-export declare const HttpTag: import("styled-components").StyledComponent<typeof Tag, any, {
-    className: "tag-http";
+export declare const HttpTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../index.js").TagProps, keyof import("../../index.js").TagProps> & import("../../index.js").TagProps, "data-component-name"> & {
     'data-component-name': string;
-}, "className" | "data-component-name">;
+}, "active" | "borderless" | "children" | "className" | "closable" | "color" | "data-component-name" | "icon" | "maxLength" | "onClick" | "onClose" | "onKeyDown" | "selectable" | "size" | "statusDotColor" | "style" | "tabIndex" | "textTransform" | "variant" | "withStatusDot"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../index.js").TagProps, keyof import("../../index.js").TagProps> & import("../../index.js").TagProps, "data-component-name"> & {
+    'data-component-name': string;
+}, "active" | "borderless" | "children" | "className" | "closable" | "color" | "data-component-name" | "icon" | "maxLength" | "onClick" | "onClose" | "onKeyDown" | "selectable" | "size" | "statusDotColor" | "style" | "tabIndex" | "textTransform" | "variant" | "withStatusDot">>> & string & Omit<typeof Tag, keyof import("react").Component<any, {}, any>>;

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

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

package/lib/components/Toast/Toast.d.ts

@@ -8,7 +8,7 @@ export interface ToastComponentProps {
     stackZIndex?: number;
     className?: string;
 }
-declare function ToastComponent({ toast, onDismiss, stackIndex, stackZIndex, className, }: ToastComponentProps): ReactElement;
+declare function ToastComponent({ toast, onDismiss, stackIndex, stackZIndex, className }: ToastComponentProps): ReactElement;
 export declare const Toast: React.MemoExoticComponent<typeof ToastComponent>;
-export declare const spin: import("styled-components").Keyframes;
+export declare const spin: import("styled-components/dist/models/Keyframes").default;
 export {};

package/lib/components/Toast/Toast.js

@@ -70,12 +70,12 @@ function ToastComponent({ toast, onDismiss, stackIndex, stackZIndex = 1, classNa
         stackIndex,
     });
     const icon = renderToastIcon(toast.type);
-    const content = !hasDetails ? (react_1.default.createElement(SimpleToastSurface, { "$isExiting": toast.isExiting, "aria-live": ariaLive, role: ariaRole },
+    const content = !hasDetails ? (react_1.default.createElement(SimpleToastSurface, { $isExiting: toast.isExiting, "aria-live": ariaLive, role: ariaRole },
         react_1.default.createElement(ContentWrapper, null,
             react_1.default.createElement(IconWrapper, null, icon),
             react_1.default.createElement(SimpleContent, null,
                 react_1.default.createElement(SimpleText, null, toast.title))),
-        renderDismissButton(dismissToast))) : (react_1.default.createElement(DetailedToastSurface, { "$isExiting": toast.isExiting, "aria-live": ariaLive, role: ariaRole },
+        renderDismissButton(dismissToast))) : (react_1.default.createElement(DetailedToastSurface, { $isExiting: toast.isExiting, "aria-live": ariaLive, role: ariaRole },
         react_1.default.createElement(ContentWrapper, null,
             react_1.default.createElement(IconWrapper, null, icon),
             react_1.default.createElement(Body, null,
@@ -84,7 +84,7 @@ function ToastComponent({ toast, onDismiss, stackIndex, stackZIndex = 1, classNa
                     renderDismissButton(dismissToast)),
                 toast.description ? (react_1.default.createElement(DescriptionRow, null,
                     react_1.default.createElement(DescriptionText, null, toast.description))) : null))));
-    return (react_1.default.createElement(ToastWrapper, { ref: wrapperRef, "$stackZIndex": stackZIndex, className: className, "data-component-name": "Toast/Toast", "data-testid": `toast-${toast.type}`, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, content));
+    return (react_1.default.createElement(ToastWrapper, { ref: wrapperRef, $stackZIndex: stackZIndex, className: className, "data-component-name": "Toast/Toast", "data-testid": `toast-${toast.type}`, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, content));
 }
 exports.Toast = (0, react_1.memo)(ToastComponent);
 const slideIn = (0, styled_components_1.keyframes) `

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

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

package/lib/components/Tooltip/AnchorTooltip.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { TooltipProps } from '../../core/types';
 type Props = Exclude<TooltipProps, 'arrowPosition'> & {
     arrowPosition?: 'left' | 'right' | 'center';
 };
-export declare const Tooltip: React.NamedExoticComponent<React.PropsWithChildren<Props>>;
+export declare const Tooltip: React.NamedExoticComponent<PropsWithChildren<Props>>;
 export {};

package/lib/components/Tooltip/JsTooltip.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { TooltipProps } from '../../core/types';
-export declare const Tooltip: React.NamedExoticComponent<React.PropsWithChildren<TooltipProps>>;
+export declare const Tooltip: React.NamedExoticComponent<PropsWithChildren<TooltipProps>>;

package/lib/components/Tooltip/JsTooltip.js

@@ -49,12 +49,13 @@ function TooltipComponent({ children, isOpen, tip, withArrow = true, placement =
     (0, hooks_1.useOutsideClick)(wrapperRef, handleClose);
     const isControlled = isOpen !== undefined;
     const updateTooltipPosition = (0, react_1.useCallback)(() => {
-        var _a, _b, _c, _d;
+        var _a, _b;
+        var _c, _d;
         if (!isOpened || !wrapperRef.current)
             return;
         const triggerRect = wrapperRef.current.getBoundingClientRect();
-        const tooltipWidth = (_b = (_a = tooltipBodyRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
-        const tooltipHeight = (_d = (_c = tooltipBodyRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0;
+        const tooltipWidth = (_c = (_a = tooltipBodyRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _c !== void 0 ? _c : 0;
+        const tooltipHeight = (_d = (_b = tooltipBodyRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _d !== void 0 ? _d : 0;
         const resolved = (0, utils_1.resolvePlacement)({
             triggerRect,
             tooltipWidth,

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

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

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

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