@redocly/theme 0.0.0-react18-20231120182601

package/LICENSE

@@ -0,0 +1 @@
+(c) Copyright 2022 Redocly Inc, all rights reserved.

package/README.md

@@ -0,0 +1 @@
+For more details, contact team@redocly.com.

package/lib/components/ApiOnboarding/AppCustomAttributes.d.ts

@@ -0,0 +1,5 @@
+interface AppCustomAttributesProps {
+    onChange: (value: Record<string, string>) => void;
+}
+export declare function AppCustomAttributes(_props: AppCustomAttributesProps): null;
+export {};

package/lib/components/ApiOnboarding/AppCustomAttributes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppCustomAttributes = void 0;
+// Do not remove this component. It's for ejecting.
+// Some customers need to add custom attributes to a form in dev onboarding plugin, so they can just eject this component and add those attributes there
+function AppCustomAttributes(_props) {
+    return null;
+}
+exports.AppCustomAttributes = AppCustomAttributes;
+//# sourceMappingURL=AppCustomAttributes.js.map

package/lib/components/Breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Breadcrumb: (props: {
+    label: string;
+    link?: string;
+    isActive: boolean;
+    onClick?: () => void;
+}) => React.JSX.Element;

package/lib/components/Breadcrumbs/Breadcrumb.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("../../mocks/Link");
+const Breadcrumb = (props) => {
+    const { label, link, isActive, onClick } = props;
+    return (react_1.default.createElement(BreadcrumbWrapper, { "data-component-name": "Breadcrumbs/Breadcrumb", isLink: link != null, isActive: isActive, onClick: onClick }, link ? (react_1.default.createElement(BreadcrumbLink, { to: link }, label)) : (react_1.default.createElement(BreadcrumbText, null, label))));
+};
+exports.Breadcrumb = Breadcrumb;
+const BreadcrumbText = styled_components_1.default.div `
+  cursor: default;
+`;
+const BreadcrumbWrapper = styled_components_1.default.div `
+  border-radius: var(--border-radius);
+
+  ${(props) => props.isLink &&
+    `
+    &:hover {
+      text-decoration: var(--breadcrumbs-hover-text-decoration);
+    }
+  `}
+
+  ${(props) => props.isActive &&
+    `
+    color: var(--breadcrumbs-active-text-color);
+  `}
+`;
+const BreadcrumbLink = (0, styled_components_1.default)(Link_1.Link) `
+  text-decoration: none;
+  color: var(--breadcrumbs-text-color);
+
+  &:visited {
+    color: var(--breadcrumbs-text-color);
+  }
+`;
+//# sourceMappingURL=Breadcrumb.js.map

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Breadcrumbs: (props: {
+    className?: string;
+}) => React.JSX.Element | null;

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const useBreadcrumbs_1 = require("../../mocks/Sidebar/useBreadcrumbs");
+const telemetry_1 = require("../../mocks/telemetry");
+const Breadcrumb_1 = require("../../components/Breadcrumbs/Breadcrumb");
+const Breadcrumbs = (props) => {
+    const breadcrumbs = (0, useBreadcrumbs_1.useBreadcrumbs)();
+    if (breadcrumbs.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement(Container, { "data-component-name": "Breadcrumbs/Breadcrumbs", className: props.className }, breadcrumbs.map((breadcrumb, idx) => {
+        const isLast = idx === breadcrumbs.length - 1;
+        return (react_1.default.createElement(react_1.default.Fragment, { key: idx },
+            react_1.default.createElement(Breadcrumb_1.Breadcrumb, { link: breadcrumb.link, label: breadcrumb.label, isActive: isLast, onClick: () => {
+                    telemetry_1.telemetry.send('breadcrumb_clicked', {
+                        link: breadcrumb.link,
+                        position: idx + 1,
+                        total_breadcrumbs: breadcrumbs.length,
+                    });
+                } }),
+            isLast ? null : react_1.default.createElement("span", null, "/")));
+    })));
+};
+exports.Breadcrumbs = Breadcrumbs;
+const Container = styled_components_1.default.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: var(--breadcrumbs-text-color);
+  font-size: var(--breadcrumbs-font-size);
+  flex-wrap: wrap;
+
+  > div {
+    padding: var(--breadcrumbs-padding);
+  }
+
+  > span {
+    padding: var(--breadcrumbs-gap);
+  }
+
+  @media print {
+    display: none;
+  }
+`;
+//# sourceMappingURL=Breadcrumbs.js.map

package/lib/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../../components/Breadcrumbs/Breadcrumbs';
+export * from '../../components/Breadcrumbs/Breadcrumb';
+export * from '../../components/Breadcrumbs/styledVariables';

package/lib/components/Breadcrumbs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../components/Breadcrumbs/Breadcrumbs"), exports);
+__exportStar(require("../../components/Breadcrumbs/Breadcrumb"), exports);
+__exportStar(require("../../components/Breadcrumbs/styledVariables"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/Breadcrumbs/styledVariables.d.ts

@@ -0,0 +1 @@
+export declare const breadcrumbs: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Breadcrumbs/styledVariables.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breadcrumbs = void 0;
+const styled_components_1 = require("styled-components");
+exports.breadcrumbs = (0, styled_components_1.css) `
+  /**
+   * @tokens Breadcrumbs
+   */
+
+  --breadcrumbs-text-color: var(--text-description); // @presenter Color
+  --breadcrumbs-font-size: var(--font-size-base); // @presenter FontSize
+  --breadcrumbs-active-text-color: var(--text-primary); // @presenter Color
+  --breadcrumbs-hover-text-decoration: underline; // @presenter TextDecoration
+  --breadcrumbs-padding: 0; // @presenter Spacing
+  --breadcrumbs-gap: var(--spacing-xs);
+  --breadcrumbs-margin-bottom: var(--spacing-lg); // @presenter Spacing
+
+  // @tokens End
+`;
+//# sourceMappingURL=styledVariables.js.map

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { FlattenSimpleInterpolation } from 'styled-components';
+export type ButtonSize = 'default' | 'small' | 'large' | string;
+export type ButtonColor = 'default' | 'primary' | string;
+export type ButtonVariant = 'outlined' | 'contained' | 'text';
+export interface ButtonProps {
+    children?: React.ReactNode;
+    color?: ButtonColor;
+    disabled?: boolean;
+    blinking?: boolean;
+    fullWidth?: boolean;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    extraClass?: string;
+    to?: string;
+    icon?: JSX.Element;
+    title?: string;
+    onClick?: (e?: any) => void;
+    type?: 'button' | 'submit' | 'reset';
+}
+export declare const baseButtonStyles: FlattenSimpleInterpolation;
+export declare const Button: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, {}, never>;

package/lib/components/Button/Button.js

@@ -0,0 +1,158 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.Button = exports.baseButtonStyles = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const Link_1 = require("../../mocks/Link");
+const getBlink = () => (0, styled_components_1.keyframes) `
+  0% {
+    color: var(--button-color);
+    background-color: var(--button-active-background-color);
+  }
+
+  50% {
+    background-color: var(--button-background-color);
+  }
+
+  100% {
+    color: var(--button-color);
+    background-color: var(--button-active-background-color);
+  }
+`;
+const getSize = (size = 'default') => (0, styled_components_1.css) `
+  font-size: var(--button-${size}-font-size);
+  padding: var(--button-${size}-padding);
+  min-width: var(--button-${size}-min-width);
+`;
+exports.baseButtonStyles = (0, styled_components_1.css) `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+  outline: none;
+  margin: var(--button-margin);
+  cursor: pointer;
+  line-height: 1;
+
+  color: var(--button-color);
+  background-color: var(--button-background-color);
+  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
+  border-radius: var(--button-border-radius);
+
+  font-size: var(--button-font-size);
+  font-family: var(--button-font-family);
+  font-weight: var(--button-font-weight);
+  box-shadow: var(--button-box-shadow);
+  text-wrap: var(--button-text-wrap);
+
+  &:hover {
+    box-shadow: var(--button-hover-box-shadow);
+    background-color: var(--button-hover-background-color);
+    color: var(--button-hover-color, var(--button-color));
+    border: var(--button-border-width) var(--button-border-style) var(--button-hover-border-color);
+  }
+
+  &:active {
+    box-shadow: var(--button-active-box-shadow);
+    background-color: var(--button-active-background-color);
+    border: var(--button-border-width) var(--button-border-style) var(--button-active-border-color);
+  }
+`;
+const StyledButtonLink = (0, styled_components_1.default)(Link_1.Link) `
+  text-decoration: none;
+`;
+const StyledButton = styled_components_1.default.button.attrs(({ color = 'default', extraClass, variant }) => ({
+    className: `button-${color}${variant ? ` button-${variant}` : ''}${extraClass ? ` ${extraClass}` : ''}`,
+    'data-component-name': 'Button/Button',
+})) `
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
+
+  ${exports.baseButtonStyles}
+
+  ${({ variant }) => variant === 'outlined'
+    ? (0, styled_components_1.css) `
+          background-color: var(--button-background-color);
+        `
+    : variant === 'text'
+        ? (0, styled_components_1.css) `
+          color: var(--button-color);
+          border-color: var(--button-border-color);
+          background-color: var(--button-background-color);
+
+          &:hover {
+            color: var(--button-hover-color);
+            border-color: var(--button-hover-border-color);
+            background-color: var(--button-hover-background-color);
+            box-shadow: none;
+          }
+        `
+        : ''};
+
+  ${({ size }) => getSize(size)}
+
+  & + & {
+    margin-left: 0.85em;
+  }
+
+  ${({ blinking }) => blinking &&
+    (0, styled_components_1.css) `
+      pointer-events: none;
+      animation: ${getBlink()} 1.2s infinite;
+    `}
+
+  ${({ disabled }) => disabled &&
+    (0, styled_components_1.css) `
+      &,
+      &:hover {
+        cursor: default;
+        color: var(--button-disabled-color);
+        background-color: var(--button-disabled-background-color);
+        border-color: var(--button-disabled-border-color);
+        pointer-events: none;
+      }
+    `}
+`;
+const StyledIcon = styled_components_1.default.span `
+  display: block;
+  height: var(--button-icon-height);
+  width: var(--button-icon-width);
+`;
+const ButtonComponent = (props) => {
+    const button = (react_1.default.createElement(StyledButton, Object.assign({}, props),
+        props.icon ? react_1.default.createElement(StyledIcon, null, props.icon) : null,
+        props.children));
+    if (props.to) {
+        return react_1.default.createElement(StyledButtonLink, { to: props.to }, button);
+    }
+    else {
+        return button;
+    }
+};
+exports.Button = (0, styled_components_1.default)(ButtonComponent) ``;
+//# sourceMappingURL=Button.js.map

package/lib/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../components/Button/Button';
+export * from '../../components/Button/styledVariables';

package/lib/components/Button/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../components/Button/Button"), exports);
+__exportStar(require("../../components/Button/styledVariables"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/Button/styledVariables.d.ts

@@ -0,0 +1 @@
+export declare const button: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Button/styledVariables.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.button = void 0;
+const styled_components_1 = require("styled-components");
+exports.button = (0, styled_components_1.css) `
+  /**
+    * Static classnames that can be used to override styles for components:
+    * download-specification-button, next-section-button, button-base
+    */
+
+  /**
+    * @tokens Button borders
+    */
+
+  --button-border-width: 1px; //@presenter Border
+  --button-border-style: solid; //@presenter Border
+  --button-border-radius: var(--border-radius-md); // @presenter BorderRadius
+  --button-margin: 5px; // @presenter Spacing
+  --button-box-shadow: none; // @presenter Shadow
+  --button-hover-box-shadow: none; // @presenter Shadow
+  --button-active-box-shadow: none; // @presenter Shadow
+
+  /**
+    * @tokens Button typography
+    */
+
+  --button-font-size: var(--font-size-base); // @presenter FontSize
+  --button-font-family: inherit; // @presenter FontFamily
+  --button-font-weight: var(--font-weight-bold); // @presenter FontWeight
+
+  --button-default-font-size: var(--font-size-base); // @presenter FontSize
+  --button-default-padding: 8px 16px;
+
+  --button-small-font-size: var(--font-size-base); // @presenter FontSize
+  --button-small-padding: 4px 8px;
+
+  --button-large-font-size: var(--font-size-lg); // @presenter FontSize
+  --button-large-padding: 8px 16px;
+
+  --button-text-wrap: nowrap;
+
+  /**
+    * @tokens Button icon
+    */
+  --button-icon-width: 1em; // @presenter Spacing
+  --button-icon-height: 1em; // @presenter Spacing
+
+  /**
+    * @tokens Button default
+    */
+  .button-default {
+    --button-color: var(--text-primary); // @presenter Color
+    --button-background-color: var(--bg-overlay); // @presenter Color
+    --button-border-color: var(--bg-overlay);
+    --button-outlined-color: var(--text-primary);
+
+
+    --button-hover-background-color: var(--bg-overlay); // @presenter Color
+    --button-hover-border-color: var(--border-primary); // @presenter Color
+    --button-outlined-hover-color: var(--text-primary); // @presenter Color
+
+    --button-active-background-color: var(--bg-overlay); // @presenter Color
+    --button-active-border-color: var(--button-color); // @presenter Color
+    --button-outlined-active-color: var(--bg-overlay); // @presenter Color
+
+    --button-disabled-color: var(--text-placeholder); // @presenter Color
+    --button-disabled-background-color: var(--bg-raised); // @presenter Color
+    --button-disabled-border-color: var(--border-secondary); // @presenter Color
+  }
+
+  /**
+    * @tokens Button primary
+    */
+  .button-primary {
+    --button-color: var(--text-light-solid); // @presenter Color
+    --button-background-color: var(--color-primary); // @presenter Color
+    --button-border-color: var(--color-primary); // @presenter Color
+    --button-border: 1px solid var(--button-border-color);
+    --button-outlined-color: var(--color-primary);
+
+    --button-hover-background-color: var(--color-primary-hover); // @presenter Color
+    --button-hover-border-color: var(--color-primary-hover); // @presenter Color
+    --button-outlined-hover-color: var(--color-primary-hover);
+
+    --button-active-background-color: var(--color-primary-active); // @presenter Color
+    --button-active-border-color: var(--color-primary-active); // @presenter Color
+    --button-outlined-active-color: var(--color-primary-active); // @presenter Color
+
+    --button-disabled-color: var(--text-placeholder); // @presenter Color
+    --button-disabled-background-color: var(--bg-raised); // @presenter Color
+    --button-disabled-border-color: var(--border-secondary); // @presenter Color
+  }
+
+  /**
+    * @tokens Button outline
+    */
+  .button-outlined {
+    background-color: transparent;
+    --button-color: var(--button-outlined-color); // @presenter Color
+    --button-hover-color: var(--button-outlined-hover-color); // @presenter Color
+  }
+
+  /**
+    * @tokens Button text
+    */
+  .button-text {
+    --button-color: var(--text-secondary); // @presenter Color
+    --button-border-color: transparent; // @presenter Color
+    --button-background-color: transparent; // @presenter Color
+
+    --button-hover-color: var(--text-primary); // @presenter Color
+    --button-hover-background-color: transparent; // @presenter Color
+    --button-hover-border-color: transparent; // @presenter Color
+  }
+
+  // @tokens End
+`;
+//# sourceMappingURL=styledVariables.js.map

package/lib/components/Cards/Card.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ResolvedNavItem } from '../../types/portal';
+export interface CardProps {
+    title?: string;
+    icon?: string;
+    links: ResolvedNavItem;
+    className?: string;
+}
+export declare function Card(props: CardProps): JSX.Element;

package/lib/components/Cards/Card.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("../../mocks/Link");
+const H3_1 = require("../../components/Typography/H3");
+const hooks_1 = require("../../mocks/hooks");
+function Card(props) {
+    const { translate } = (0, hooks_1.useTranslate)();
+    return (react_1.default.createElement(CardWrapper, { "data-component-name": "Cards/Card", className: props.className },
+        props.icon && react_1.default.createElement("img", { src: props === null || props === void 0 ? void 0 : props.icon, alt: props === null || props === void 0 ? void 0 : props.title }),
+        props.title && react_1.default.createElement(H3_1.H3, null, props.title),
+        props.links.items && (react_1.default.createElement(CardLinksList, null, props.links.items.map((item) => (react_1.default.createElement("li", { key: item.label },
+            react_1.default.createElement(Link_1.Link, { to: item.link }, translate(item.labelTranslationKey, item.label)))))))));
+}
+exports.Card = Card;
+const CardWrapper = styled_components_1.default.div `
+  border-radius: 10px;
+  box-shadow: 0 10px 30px 0 rgba(35, 35, 35, 0.1);
+  padding: 20px;
+  margin: 0 20px 20px 0;
+  min-width: 25%;
+  font-family: var(--font-family-base);
+`;
+const CardLinksList = styled_components_1.default.ul `
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    margin-bottom: 10px;
+  }
+`;
+//# sourceMappingURL=Card.js.map

package/lib/components/Cards/CardsBlock.d.ts

@@ -0,0 +1 @@
+export declare const CardsBlock: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Cards/CardsBlock.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardsBlock = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.CardsBlock = styled_components_1.default.div.attrs(({ className }) => ({
+    'data-component-name': 'Cards/CardsBlock',
+    className,
+})) `
+  display: flex;
+  padding: 20px 0;
+  justify-content: space-between;
+`;
+//# sourceMappingURL=CardsBlock.js.map

package/lib/components/Cards/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './CardsBlock';

package/lib/components/Cards/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Card"), exports);
+__exportStar(require("./CardsBlock"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CatalogConfig } from '../../config';
+export default function Catalog(props: {
+    pageProps: {
+        catalogId: string;
+        catalogConfig: CatalogConfig;
+    };
+}): React.JSX.Element;
+export declare const FilterControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+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, {
+    withoutFilters?: boolean | undefined;
+}, never>;
+export declare const CatalogPageDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;