@redocly/theme 0.82.2-rc.3 → 0.82.4-rc.1

package/lib/components/Filter/FilterOptionLabel.js

@@ -4,10 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterOptionLabel = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.FilterOptionLabel = styled_components_1.default.label.attrs({
-    'data-component-name': 'Filter/FilterOptionLabel',
-}) `
+function FilterOptionLabel(props) {
+    return react_1.default.createElement(FilterOptionLabelComponent, Object.assign({}, props, { "data-component-name": "Filter/FilterOptionLabel" }));
+}
+exports.FilterOptionLabel = FilterOptionLabel;
+const FilterOptionLabelComponent = styled_components_1.default.label `
   cursor: pointer;
   font-size: var(--filter-option-label-font-size);
   color: var(--filter-option-label-color);

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

@@ -1,3 +1,5 @@
-export declare const FilterOptions: import("styled-components").StyledComponent<"div", any, {
-    'data-component-name': string;
-}, "data-component-name">;
+import { type PropsWithChildren } from 'react';
+export type FilterOptionsProps = PropsWithChildren<{
+    className?: string;
+}>;
+export declare function FilterOptions(props: FilterOptionsProps): JSX.Element;

package/lib/components/Filter/FilterOptions.js

@@ -4,10 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterOptions = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.FilterOptions = styled_components_1.default.div.attrs({
-    'data-component-name': 'Filter/FilterOptions',
-}) `
+function FilterOptions(props) {
+    return react_1.default.createElement(FilterOptionsComponent, Object.assign({}, props, { "data-component-name": "Filter/FilterOptions" }));
+}
+exports.FilterOptions = FilterOptions;
+const FilterOptionsComponent = styled_components_1.default.div `
   padding: var(--filter-options-padding-vertical) var(--filter-options-padding-horizontal);
   display: flex;
   flex-direction: column;

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import type { ResolvedFilter } from '../../core/types';
 import type { ThemeConfig } from '../../config';
-type FilterPopoverProps = {
+export type FilterPopoverProps = {
     onClose: () => void;
     filters: ResolvedFilter[];
     filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
 };
 export declare function FilterPopover({ onClose, filters, filterValuesCasing, }: FilterPopoverProps): JSX.Element;
-export {};

package/lib/components/Filter/FilterSelect.js

@@ -55,9 +55,6 @@ const StyledSelect = (0, styled_components_1.default)(Select_1.Select) `
   :hover {
     border-color: var(--filter-select-border-color-hover);
   }
-
-  ${FilterOption_1.FilterOption} {
-    margin: var(--filter-select-option-margin);
-  }
+  --filter-option-margin: var(--filter-select-option-margin);
 `;
 //# sourceMappingURL=FilterSelect.js.map

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

@@ -1,3 +1,5 @@
-export declare const FilterTitle: import("styled-components").StyledComponent<"div", any, {
-    'data-component-name': string;
-}, "data-component-name">;
+import { type PropsWithChildren } from 'react';
+export type FilterTitleProps = PropsWithChildren<{
+    className?: string;
+}>;
+export declare function FilterTitle(props: FilterTitleProps): JSX.Element;

package/lib/components/Filter/FilterTitle.js

@@ -4,10 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterTitle = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.FilterTitle = styled_components_1.default.div.attrs({
-    'data-component-name': 'Filter/FilterTitle',
-}) `
+function FilterTitle(props) {
+    return react_1.default.createElement(FilterTitleComponent, Object.assign({}, props, { "data-component-name": "Filter/FilterTitle" }));
+}
+exports.FilterTitle = FilterTitle;
+const FilterTitleComponent = styled_components_1.default.div `
   font-weight: var(--filter-title-font-weight);
   font-size: var(--filter-title-font-size);
   line-height: var(--filter-title-line-height);

package/lib/components/Filter/variables.js

@@ -19,7 +19,8 @@ exports.filter = (0, styled_components_1.css) `
   --filter-options-gap: var(--spacing-sm);
 
   --filter-option-font-size: var(--font-size-base);
-  --filter-option-gap: var(--spacing-xs);)
+  --filter-option-gap: var(--spacing-xs);
+  --filter-option-margin: 0;
 
   --filter-option-label-font-size: var(--font-size-base);
   --filter-option-label-color: var(--text-color-secondary);

package/lib/components/Footer/Footer.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-type FooterProps = {
+export type FooterProps = {
     className?: string;
 };
 export declare function Footer({ className }: FooterProps): JSX.Element | null;
-export {};

package/lib/components/Footer/FooterColumn.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedNavItem } from '@redocly/config';
-type FooterColumnProps = {
+export type FooterColumnProps = {
     column: ResolvedNavItem;
     className?: string;
 };
 export declare function FooterColumn({ column, className }: FooterColumnProps): JSX.Element;
-export {};

package/lib/components/Footer/FooterCopyright.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-type FooterCopyrightProps = {
+export type FooterCopyrightProps = {
     copyrightText: string;
     className?: string;
 };
 export declare function FooterCopyright({ copyrightText, className, }: FooterCopyrightProps): JSX.Element | null;
-export {};

package/lib/components/Footer/FooterItem.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedNavItem } from '@redocly/config';
-type FooterItemProps = {
+export type FooterItemProps = {
     item: ResolvedNavItem;
     iconsOnly?: boolean;
 };
 export declare function FooterItem({ item, iconsOnly }: FooterItemProps): JSX.Element | null;
-export {};

package/lib/components/Footer/FooterLogo.d.ts

@@ -1,4 +1,3 @@
-import { Logo } from '../../components/Logo/Logo';
-export declare const FooterLogo: import("styled-components").StyledComponent<typeof Logo, any, {
-    'data-component-name': string;
-}, "data-component-name">;
+import React from 'react';
+import type { LogoProps } from '../../components/Logo/Logo';
+export declare function FooterLogo(props: LogoProps): React.JSX.Element;

package/lib/components/Footer/FooterLogo.js

@@ -4,9 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterLogo = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Logo_1 = require("../../components/Logo/Logo");
-exports.FooterLogo = (0, styled_components_1.default)(Logo_1.Logo).attrs({ 'data-component-name': 'Footer/FooterLogo' }) `
+function FooterLogo(props) {
+    return react_1.default.createElement(FooterLogoComponent, Object.assign({}, props, { "data-component-name": "Footer/FooterLogo" }));
+}
+exports.FooterLogo = FooterLogo;
+const FooterLogoComponent = (0, styled_components_1.default)(Logo_1.Logo) `
   --logo-height: var(--footer-logo-height);
   --logo-width: var(--footer-logo-width);
   --logo-max-width: var(--footer-logo-max-width);

package/lib/components/Image/Image.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 export type ImageProps = {
     src?: string;
     srcSet?: string;
     alt?: string;
     className?: string;
 };
-export declare function Image(props: ImageProps): React.JSX.Element;
+export declare function Image(props: ImageProps): JSX.Element;

package/lib/components/JsonViewer/JsonViewer.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export interface JsonProps {
+export type JsonProps = {
     data: any;
     className?: string;
     expandLevel: number;
     startLineNumber?: number;
     onCopyClick?: () => void;
-}
+};
 export declare const JsonViewer: React.NamedExoticComponent<JsonProps>;
 export declare const JsonViewerWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/LanguagePicker/LanguagePicker.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-type LanguagePickerProps = {
+export type LanguagePickerProps = {
     onChangeLanguage: (newLang: string) => void;
     onlyIcon?: boolean;
     placement?: 'top' | 'bottom';
     alignment?: 'start' | 'end';
 };
 export declare function LanguagePicker(props: LanguagePickerProps): JSX.Element | null;
-export {};

package/lib/components/LastUpdated/LastUpdated.d.ts

@@ -5,7 +5,7 @@ declare const FORMATS: {
     short: (date: Date, locale: string) => string;
     long: (date: Date, locale: string) => string;
 };
-type LastUpdatedProps = {
+export type LastUpdatedProps = {
     lastModified: Date;
     format?: keyof typeof FORMATS;
     locale?: string;

package/lib/components/Link/Link.d.ts

@@ -10,4 +10,4 @@ export type LinkProps = {
     onClick?: () => void;
     [key: string]: unknown;
 };
-export declare function Link(props: React.PropsWithChildren<LinkProps>): React.JSX.Element;
+export declare function Link(props: React.PropsWithChildren<LinkProps>): JSX.Element;

package/lib/components/Loading/Loading.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export interface LoadingProps {
+export type LoadingProps = {
     color: string;
-}
+};
 export declare function Loading({ color }: LoadingProps): JSX.Element;

package/lib/components/Logo/Logo.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { LogoConfig } from '../../core/types';
-type LogoProps = {
+export type LogoProps = {
     config: LogoConfig;
     className?: string;
 };
 export declare function Logo({ config, className, ...otherProps }: LogoProps): JSX.Element | null;
-export {};

package/lib/components/Markdown/Markdown.d.ts

@@ -1,5 +1,17 @@
+import type { PropsWithChildren } from 'react';
+export type MarkdownProps = PropsWithChildren<{
+    className?: string;
+    compact?: boolean;
+    inline?: boolean;
+    base?: boolean;
+    ref?: (node: HTMLDivElement) => void;
+}>;
 export declare const Markdown: import("styled-components").StyledComponent<"main", any, {
+    className?: string | undefined;
     compact?: boolean | undefined;
     inline?: boolean | undefined;
     base?: boolean | undefined;
+    ref?: ((node: HTMLDivElement) => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
 }, never>;

package/lib/components/Markdown/Markdown.js

@@ -33,14 +33,13 @@ exports.Markdown = styled_components_1.default.main.attrs(({ className }) => ({
     'data-component-name': 'Markdown/Markdown',
     className,
 })) `
-  font-weight: var(--font-weight-regular);
+  font-size: var(--md-content-font-size);
+  font-family: var(--md-content-font-family);
+  font-weight: var(--md-content-font-weight);
+  line-height: var(--md-content-line-height);
+  color: var(--md-content-text-color);
   padding: 0;
 
-  color: var(--text-color-secondary);
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
-
   ${({ compact }) => compact &&
     (0, styled_components_1.css) `
       p:first-child {
@@ -54,7 +53,7 @@ exports.Markdown = styled_components_1.default.main.attrs(({ className }) => ({
   ${({ base }) => base &&
     (0, styled_components_1.css) `
       p {
-        font-size: var(--font-size-base);
+        font-size: var(--md-content-font-size);
       }
     `}
 

package/lib/components/Markdown/variables.js

@@ -9,6 +9,11 @@ exports.markdown = (0, styled_components_1.css) `
 
   --md-content-max-width: 910px;
   --md-content-padding: 25px 0px 25px 0px; // @presenter Spacing
+  --md-content-font-size: var(--font-size-base); // @presenter FontSize
+  --md-content-font-family: var(--font-family-base); // @presenter FontFamily
+  --md-content-line-height: var(--line-height-base); // @presenter LineHeight
+  --md-content-font-weight: var(--font-weight-regular); // @presenter FontWeight
+  --md-content-text-color: var(--text-color-secondary); // @presenter Color
 
   /**
   * @tokens Markdown Blockquote
@@ -33,7 +38,7 @@ exports.markdown = (0, styled_components_1.css) `
   * @tokens Markdown Table
   */
 
-  --md-table-font-size: var(--font-size-base); // @presenter FontSize
+  --md-table-font-size: var(--md-content-font-size); // @presenter FontSize
   --md-table-line-height: var(--line-height-md); // @presenter FontSize
   --md-table-margin-vertical: 20px; // @presenter Spacing
   --md-table-bg-color: transparent; // @presenter Color
@@ -83,10 +88,10 @@ exports.markdown = (0, styled_components_1.css) `
 
   --md-numbered-list-number-display: none;
   --md-numbered-list-item-style: var(--md-list-item-style);
-  --md-numbered-list-number-text-color: var(--text-color-secondary); // @presenter Color
-  --md-numbered-list-number-font-size: var(--font-size-base); // @presenter FontSize
-  --md-numbered-list-number-font-family: var(--font-size-base); // @presenter FontFamily
-  --md-numbered-list-number-font-weight: var(--font-weight-regular); // @presenter FontWeight
+  --md-numbered-list-number-text-color: var(--md-content-text-color); // @presenter Color
+  --md-numbered-list-number-font-size: var(--md-content-font-size); // @presenter FontSize
+  --md-numbered-list-number-font-family: var(--md-content-font-family); // @presenter FontFamily
+  --md-numbered-list-number-font-weight: var(--md-content-font-weight); // @presenter FontWeight
   --md-numbered-list-number-bg-color: var(--bg-color-active); // @presenter Color
   --md-numbered-list-number-border-radius: 10px; // @presenter BorderRadius
   --md-numbered-list-number-margin-right: 5px; // @presenter Spacing

package/lib/components/Menu/Menu.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DrilldownMenuItemDetails, ItemState } from '../../core/types';
-type MenuListProps = {
+export type MenuListProps = {
     items: ItemState[];
     depth?: number;
     isMobile?: boolean;
@@ -8,4 +8,3 @@ type MenuListProps = {
     onDrilldownOpen?: (drilldownDetails: DrilldownMenuItemDetails) => void;
 };
 export declare function Menu({ depth, items, className, isMobile, onDrilldownOpen, }: MenuListProps): JSX.Element;
-export {};

package/lib/components/Menu/MenuContainer.d.ts

@@ -1,9 +1,9 @@
+import { type PropsWithChildren } from 'react';
 import type { MenuItemsAnimation } from '../../core/types';
-type MenuContainerProps = {
+export type MenuContainerProps = PropsWithChildren<{
     growContent?: boolean;
     className?: string;
     hidden?: boolean;
     animation?: MenuItemsAnimation;
-};
-export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, MenuContainerProps, never>;
-export {};
+}>;
+export declare function MenuContainer(props: MenuContainerProps): JSX.Element;

package/lib/components/Menu/MenuContainer.js

@@ -22,9 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuContainer = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
+function MenuContainer(props) {
+    return react_1.default.createElement(MenuContainerComponent, Object.assign({}, props, { "data-component-name": "Menu/MenuContainer" }));
+}
+exports.MenuContainer = MenuContainer;
 const slideInRightAnimation = (0, styled_components_1.keyframes) `
   0% {
     transform: translateX(100%)
@@ -41,8 +49,7 @@ const slideInLeftAnimation = (0, styled_components_1.keyframes) `
     transform: translateX(0%)
   }
 `;
-exports.MenuContainer = styled_components_1.default.div.attrs(({ growContent, className, animation }) => ({
-    'data-component-name': 'Menu/MenuContainer',
+const MenuContainerComponent = styled_components_1.default.div.attrs(({ growContent, className, animation }) => ({
     growContent: growContent === undefined ? true : growContent,
     className,
     animation,
@@ -58,7 +65,7 @@ exports.MenuContainer = styled_components_1.default.div.attrs(({ growContent, cl
   position: relative;
   overflow-y: auto;
   flex-grow: ${({ growContent }) => (growContent ? 1 : 0)};
-  padding-top: var(--sidebar-offset-top);
+  padding-top: var(--menu-container-padding-top);
   display: ${({ hidden }) => (hidden ? 'none' : 'block')};
   overscroll-behavior: contain;
 `;

package/lib/components/Menu/MenuMobile.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-type MobileMenuProps = {
+export type MobileMenuProps = {
     className?: string;
     hideUserProfile?: boolean;
 };
 export declare function MenuMobile({ className, hideUserProfile }: MobileMenuProps): JSX.Element | null;
-export {};

package/lib/components/Menu/variables.js

@@ -174,5 +174,7 @@ exports.mobileMenu = (0, styled_components_1.css) `
   --menu-mobile-product-name-margin: var(--menu-item-label-margin);
 
   // @tokens End
+
+  --menu-container-padding-top: var(--sidebar-offset-top);
 `;
 //# sourceMappingURL=variables.js.map

package/lib/components/Navbar/NavbarItem.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedNavItem } from '@redocly/config';
-type NavbarItemProps = {
+export type NavbarItemProps = {
     navItem: ResolvedNavItem;
     className?: string;
 };
 export declare function NavbarItem({ navItem, className }: NavbarItemProps): JSX.Element | null;
-export {};

package/lib/components/Navbar/NavbarItem.js

@@ -70,7 +70,7 @@ exports.NavbarItem = NavbarItem;
 const NavbarMenuItemDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown) `
   --dropdown-menu-item-separator-font-size: var(--navbar-separator-font-size);
   --dropdown-menu-item-separator-text-color: var(--navbar-separator-text-color);
-  --dropdown-menu-item-separator-lin-height: var(--navbar-separator-line-height);
+  --dropdown-menu-item-separator-line-height: var(--navbar-separator-line-height);
 `;
 const NavbarMenuItem = styled_components_1.default.li `
   display: inline-block;

package/lib/components/Navbar/NavbarLogo.d.ts

@@ -1,4 +1,3 @@
-import { Logo } from '../../components/Logo/Logo';
-export declare const NavbarLogo: import("styled-components").StyledComponent<typeof Logo, any, {
-    'data-component-name': string;
-}, "data-component-name">;
+import React from 'react';
+import type { LogoProps } from '../../components/Logo/Logo';
+export declare function NavbarLogo(props: LogoProps): React.JSX.Element;

package/lib/components/Navbar/NavbarLogo.js

@@ -4,11 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavbarLogo = void 0;
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Logo_1 = require("../../components/Logo/Logo");
-exports.NavbarLogo = (0, styled_components_1.default)(Logo_1.Logo).attrs({
-    'data-component-name': 'Navbar/NavbarLogo',
-}) `
+function NavbarLogo(props) {
+    return react_1.default.createElement(NavbarLogoComponent, Object.assign({}, props, { "data-component-name": "Navbar/NavbarLogo" }));
+}
+exports.NavbarLogo = NavbarLogo;
+const NavbarLogoComponent = (0, styled_components_1.default)(Logo_1.Logo) `
   --logo-height: var(--navbar-logo-height);
   --logo-width: var(--navbar-logo-width);
   --logo-margin: var(--navbar-logo-margin);

package/lib/components/Navbar/NavbarMenu.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedConfigLinks } from '@redocly/config';
-type NavbarMenuProps = {
+export type NavbarMenuProps = {
     menuItems: ResolvedConfigLinks;
     className?: string;
 };
 export declare function NavbarMenu({ menuItems, className }: NavbarMenuProps): JSX.Element | null;
-export {};

package/lib/components/PageNavigation/NextButton.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedNavItemWithLink } from '@redocly/config';
-type NextPageType = {
+export type NextPageType = {
     nextPage?: ResolvedNavItemWithLink | null;
     className?: string;
 };
 export declare function NextButton({ nextPage, className }: NextPageType): JSX.Element;
-export {};

package/lib/components/PageNavigation/PageNavigation.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import type { ResolvedNavItemWithLink } from '@redocly/config';
-type PageNavigationType = {
+export type PageNavigationType = {
     nextPage?: ResolvedNavItemWithLink | null;
     prevPage?: ResolvedNavItemWithLink | null;
     className?: string;
 };
 export declare function PageNavigation({ nextPage, prevPage, className, }: PageNavigationType): JSX.Element | null;
-export {};

package/lib/components/PageNavigation/PreviousButton.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ResolvedNavItemWithLink } from '@redocly/config';
-type PreviousPageType = {
+export type PreviousPageType = {
     prevPage?: ResolvedNavItemWithLink | null;
     className?: string;
 };
 export declare function PreviousButton({ prevPage, className }: PreviousPageType): JSX.Element;
-export {};

package/lib/components/Panel/Panel.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { PropsWithChildren, ReactNode } from 'react';
 import type { PanelHeaderProps } from '../../components/Panel/PanelHeader';
-type PanelProps = {
+export type PanelProps = {
     expanded?: boolean;
     isExpandable?: boolean;
     className?: string;
@@ -12,4 +12,3 @@ type PanelProps = {
     description?: React.ReactNode;
 };
 export declare function Panel({ expanded, isExpandable, renderChildrenHidden, header, footer, className, children, onToggle, description, }: PropsWithChildren<PanelProps>): JSX.Element;
-export {};

package/lib/components/Panel/PanelBody.d.ts

@@ -1,6 +1,5 @@
-interface PanelBodyProps {
+export type PanelBodyProps = {
     animate?: boolean;
     hidden?: boolean;
-}
+};
 export declare const PanelBody: import("styled-components").StyledComponent<"div", any, PanelBodyProps, never>;
-export {};

package/lib/components/Portal/Portal.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { PropsWithChildren } from 'react';
-type PortalProps = {
+export type PortalProps = {
     mountId?: string;
 };
-export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => React.JSX.Element;
-export {};
+export declare function Portal({ children, mountId, }: PropsWithChildren<PortalProps>): React.ReactPortal | JSX.Element;

package/lib/components/Portal/Portal.js

@@ -7,12 +7,12 @@ exports.Portal = void 0;
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = require("react-dom");
 const utils_1 = require("../../core/utils");
-const Portal = ({ children, mountId = 'root' }) => {
+function Portal({ children, mountId = 'root', }) {
     const mount = utils_1.IS_BROWSER ? document.getElementById(mountId) || document.body : null;
     if (!mount) {
         return react_1.default.createElement(react_1.default.Fragment, null, children);
     }
     return (0, react_dom_1.createPortal)(children, mount);
-};
+}
 exports.Portal = Portal;
 //# sourceMappingURL=Portal.js.map

package/lib/components/Product/Product.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { ProductConfig } from '../../config';
-type ProductProps = {
+export type ProductProps = {
     product: ProductConfig;
     className?: string;
 };
 export declare function Product({ product, className }: ProductProps): JSX.Element;
-export {};

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-type SearchProps = {
+export type SearchProps = {
     className?: string;
 };
 export declare function Search({ className }: SearchProps): JSX.Element;
-export {};

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-type SearchDialogProps = {
+export type SearchDialogProps = {
     onClose: () => void;
     className?: string;
 };
 export declare function SearchDialog({ onClose, className }: SearchDialogProps): JSX.Element;
-export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type SearchInputProps = {
+export type SearchInputProps = {
     placeholder?: string;
     value: string;
     onChange(value: string): void;
@@ -8,4 +8,3 @@ type SearchInputProps = {
     className?: string;
 };
 export declare function SearchInput({ placeholder, value, onChange, isLoading, className, }: SearchInputProps): JSX.Element;
-export {};

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

@@ -3,7 +3,7 @@ import type { SearchDocument } from '../../core/types';
 type ActiveItem<T> = T & {
     active?: boolean;
 };
-type SearchItemProps = {
+export type SearchItemProps = {
     item: ActiveItem<SearchDocument>;
     product?: {
         name: string;