@redocly/theme 0.0.0-react18-20231120182601

package/lib/components/Footer/FooterColumns.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const FooterColumn_1 = require("../../components/Footer/FooterColumn");
+function FooterColumns({ columns, className }) {
+    if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
+        return null;
+    }
+    return (react_1.default.createElement(exports.FooterColumnsContainer, { "data-component-name": "Footer/FooterColumns", className: className },
+        react_1.default.createElement(exports.FooterRow, null, columns.map((column, index) => (react_1.default.createElement(FooterColumn_1.FooterColumn, { key: `${column.label}_${index}`, column: column }))))));
+}
+exports.FooterColumns = FooterColumns;
+exports.FooterColumnsContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  max-width: var(--footer-container-max-width);
+  margin: 0;
+  flex: 1;
+
+  ${({ theme }) => theme.mediaQueries.small} {
+    margin: 0 auto;
+  }
+
+  ${({ theme }) => theme.mediaQueries.print} {
+    color: black;
+    display: none;
+  }
+`;
+exports.FooterRow = styled_components_1.default.div `
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  flex-direction: column;
+
+  ${({ theme }) => theme.mediaQueries.small} {
+    justify-content: space-between;
+    flex-direction: row;
+  }
+`;
+//# sourceMappingURL=FooterColumns.js.map

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

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

package/lib/components/Footer/FooterCopyright.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterCopyright = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const LanguagePicker_1 = require("../../i18n/LanguagePicker");
+const hooks_1 = require("../../mocks/hooks");
+function FooterCopyright({ copyrightText = '', className, }) {
+    const { translate } = (0, hooks_1.useTranslate)();
+    const { changeLanguage } = (0, hooks_1.useI18n)();
+    return copyrightText ? (react_1.default.createElement(Wrapper, { className: className, "data-component-name": "Footer/FooterCopyright", "data-translation-key": "theme.footer.copyrightText" },
+        react_1.default.createElement(Label, null, translate('theme.footer.copyrightText', copyrightText)),
+        react_1.default.createElement(LanguagePicker_1.LanguagePicker, { onChangeLanguage: changeLanguage, placement: "top", alignment: "end" }))) : null;
+}
+exports.FooterCopyright = FooterCopyright;
+const Wrapper = styled_components_1.default.section `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--footer-copyright-font-size);
+  margin-top: var(--footer-copyright-margin-top);
+  background-color: var(--footer-background-color);
+  color: var(--footer-text-color);
+  text-align: var(--footer-copyright-text-align);
+  span {
+    max-width: var(--footer-container-max-width);
+  }
+`;
+const Label = styled_components_1.default.div ``;
+//# sourceMappingURL=FooterCopyright.js.map

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

@@ -0,0 +1,5 @@
+export * from '../../components/Footer/Footer';
+export * from '../../components/Footer/FooterColumn';
+export * from '../../components/Footer/FooterColumns';
+export * from '../../components/Footer/FooterCopyright';
+export * from '../../components/Footer/styledVariables';

package/lib/components/Footer/index.js

@@ -0,0 +1,22 @@
+"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/Footer/Footer"), exports);
+__exportStar(require("../../components/Footer/FooterColumn"), exports);
+__exportStar(require("../../components/Footer/FooterColumns"), exports);
+__exportStar(require("../../components/Footer/FooterCopyright"), exports);
+__exportStar(require("../../components/Footer/styledVariables"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/Footer/styledVariables.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.footer = void 0;
+const styled_components_1 = require("styled-components");
+exports.footer = (0, styled_components_1.css) `
+  /**
+    * @tokens Footer
+    */
+  --footer-background-color: var(--bg-raised); // @presenter Color
+  --footer-text-color: var(--text-secondary); // @presenter Color
+  --footer-border-color: var(--border-secondary); // @presenter Color
+
+  --footer-padding-vertical: calc(var(--spacing-unit) * 20); // @presenter Spacing
+  --footer-padding-horizontal: calc(var(--spacing-unit) * 20); // @presenter Spacing
+
+  --footer-font-size: var(--font-size-base); // @presenter FontSize
+  --footer-font-weight: var(--font-weight-regular); // @presenter FontWeight
+
+  --footer-dividing-border-color: var(--footer-border-color); // @presenter Color
+
+  --footer-title-text-color: var(--text-primary); // @presenter Color
+  --footer-title-font-size: var(--font-size-xl); // @presenter FontSize
+  --footer-title-font-weight: var(--font-weight-bold); // @presenter FontWeight
+  --footer-title-margin-bottom: var(--spacing-lg); // @presenter Spacing
+
+  --footer-link-text-color: var(--text-secondary); // @presenter Color
+  --footer-link-hover-color: var(--text-primary); // @presenter Color
+  --footer-link-padding-vertical: var(--spacing-xs); // @presenter Spacing
+  --footer-link-padding-horizontal: 0;
+
+  --footer-item-icon-width: var(--spacing-lg); // @presenter Spacing
+  --footer-item-icon-height: var(--spacing-lg); // @presenter Spacing
+  --footer-item-icon-margin-right: var(--spacing-sm); // @presenter Spacing
+  --footer-item-icon-border-color: var(--border-primary); // @presenter Color
+  --footer-item-icon-border-radius: 12px; // @presenter BorderRadius
+  --footer-item-icon-padding: var(--spacing-xxs); // @presenter Spacing
+
+  --footer-column-min-width: calc(var(--spacing-unit) * 30);
+  --footer-column-margin-bottom: var(--spacing-lg); // @presenter Spacing
+  --footer-column-margin-horizontal: var(--spacing-sm); // @presenter Spacing
+
+  --footer-copyright-font-size: var(--footer-font-size); // @presenter FontSize
+  --footer-copyright-margin-top: var(--spacing-sm); // @presenter Spacing
+  --footer-copyright-text-align: start;
+
+  --footer-logo-display: block;
+  --footer-logo-margin-right: 0; // @presenter Spacing
+  --footer-logo-margin-bottom: var(--spacing-xl); // @presenter Spacing
+
+  --footer-language-picker-display: block;
+
+  --footer-container-max-width: var(--container-width); // @presenter Spacing
+
+  --mobile-footer-padding-vertical: var(--spacing-base); // @presenter Spacing
+  --mobile-footer-padding-horizontal: var(--spacing-base); // @presenter Spacing
+  --mobile-footer-column-margin-bottom: var(--spacing-base); // @presenter Spacing
+  --mobile-footer-title-margin-bottom: var(--spacing-sm); // @presenter Spacing
+
+  // @tokens End
+`;
+//# sourceMappingURL=styledVariables.js.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+type ImageProps = {
+    src?: string;
+    srcSet?: string;
+    alt?: string;
+    className?: string;
+};
+export declare function Image(props: ImageProps): React.JSX.Element;
+export {};

package/lib/components/Image/Image.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function parseSrcSet(srcSet) {
+    const result = new Map();
+    const parts = srcSet === null || srcSet === void 0 ? void 0 : srcSet.split(', ');
+    for (const part of parts) {
+        const [url, theme] = part.split(' ');
+        result.set(theme, url);
+    }
+    return result;
+}
+function Image(props) {
+    const { src, srcSet, alt, className } = props;
+    const parsedSourceSetMap = react_1.default.useMemo(() => {
+        return srcSet ? parseSrcSet(srcSet) : new Map();
+    }, [srcSet]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt }))))));
+}
+exports.Image = Image;
+const ColorModeAwareImage = styled_components_1.default.img `
+  html:not(.${(props) => props.colorMode}) && {
+    display: none;
+  }
+`;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+export * from '../../components/Image/Image';

package/lib/components/Image/index.js

@@ -0,0 +1,18 @@
+"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/Image/Image"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface JsonProps {
+    data: any;
+    className?: string;
+    jsonSampleExpandLevel: number;
+    withLineNumbers?: boolean;
+    startLineNumber?: number;
+    onCopyClick?: () => void;
+}
+export declare const Json: React.NamedExoticComponent<JsonProps>;
+export declare const JsonViewer: import("styled-components").StyledComponent<React.NamedExoticComponent<JsonProps>, any, {
+    'data-component-name': string;
+} & JsonProps, "data-component-name">;
+export declare const JsonViewerWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/JsonViewer/JsonViewer.js

@@ -0,0 +1,221 @@
+"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.JsonViewerWrap = exports.JsonViewer = exports.Json = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../utils");
+const hooks_1 = require("../../hooks");
+const CodeBlock_1 = require("../../components/CodeBlock");
+function JsonComponent({ data, jsonSampleExpandLevel, className, withLineNumbers, startLineNumber, onCopyClick, }) {
+    const node = (0, react_1.useRef)(null);
+    (0, hooks_1.useMount)(() => {
+        var _a;
+        (_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', clickListener);
+    });
+    (0, hooks_1.useUnmount)(() => {
+        var _a;
+        (_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', clickListener);
+    });
+    const setRef = (instance) => {
+        if (instance)
+            node.current = instance;
+    };
+    const showFoldingButtons = data && Object.values(data).some((value) => typeof value === 'object' && value !== null);
+    const expandAll = () => {
+        var _a, _b;
+        const elements = (_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('collapsible');
+        for (const collapsed of Array.prototype.slice.call(elements)) {
+            const parentNode = collapsed.parentNode;
+            if (!parentNode)
+                continue;
+            parentNode.classList.remove('collapsed');
+            (_b = parentNode.querySelector('.collapser')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-label', 'collapse');
+        }
+    };
+    const collapseAll = () => {
+        var _a, _b;
+        const elements = (_a = node === null || node === void 0 ? void 0 : node.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('collapsible');
+        // skip first item to avoid collapsing whole object/array
+        const elementsArr = Array.prototype.slice.call(elements, 1);
+        for (const expanded of elementsArr) {
+            const parentNode = expanded.parentNode;
+            if (!parentNode)
+                continue;
+            parentNode.classList.add('collapsed');
+            (_b = parentNode.querySelector('.collapser')) === null || _b === void 0 ? void 0 : _b.setAttribute('aria-label', 'expand');
+        }
+    };
+    const collapseElement = (target) => {
+        var _a, _b;
+        if (target.parentElement && target.className === 'collapser') {
+            const collapsed = target.parentElement.getElementsByClassName('collapsible')[0];
+            if ((_a = collapsed === null || collapsed === void 0 ? void 0 : collapsed.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('collapsed')) {
+                collapsed.parentElement.classList.remove('collapsed');
+                target.setAttribute('aria-label', 'collapse');
+            }
+            else {
+                (_b = collapsed === null || collapsed === void 0 ? void 0 : collapsed.parentElement) === null || _b === void 0 ? void 0 : _b.classList.add('collapsed');
+                target.setAttribute('aria-label', 'expand');
+            }
+        }
+    };
+    const clickListener = (event) => {
+        collapseElement(event.target);
+    };
+    return (react_1.default.createElement(exports.JsonViewerWrap, { "data-cy": "json-viewer", "data-component-name": "JsonViewer/JsonViewer", className: className },
+        react_1.default.createElement(CodeBlock_1.CodeBlock, { header: {
+                controls: {
+                    copy: { data, onClick: onCopyClick, handleOutside: true },
+                    expand: showFoldingButtons ? { onClick: expandAll } : undefined,
+                    collapse: showFoldingButtons ? { onClick: collapseAll } : undefined,
+                },
+            }, codeBlockRef: setRef, withLineNumbers: withLineNumbers, highlightedHtml: (0, utils_1.jsonToHTML)(data, jsonSampleExpandLevel, startLineNumber) })));
+}
+exports.Json = (0, react_1.memo)(JsonComponent);
+exports.JsonViewer = (0, styled_components_1.default)(exports.Json).attrs(() => ({
+    'data-component-name': 'JsonViewer/JsonViewer',
+})) `
+  .redoc-json code {
+    background-color: var(--panel-samples-code-block-background-color);
+    color: var(--text-secondary);
+    padding: inherit;
+    border: none;
+  }
+
+  pre {
+    contain: content;
+    overflow-x: auto;
+    position: relative;
+    border-radius: 0 0 var(--border-radius) var(--border-radius);
+
+    &.line-numbers {
+      padding: 20px 20px 20px 3em;
+
+      *[data-line]:not(.collapsed *[data-line]) {
+        &:before {
+          content: attr(data-line);
+          position: absolute;
+          left: 0;
+          min-width: 2em;
+          text-align: right;
+          pointer-events: none;
+          user-select: none;
+          padding: 0 0.5em;
+          font-size: 13px;
+        }
+      }
+    }
+
+    .callback-function {
+      color: gray;
+    }
+
+    .ellipsis:after {
+      content: ' … ';
+    }
+
+    .collapsible {
+      padding-left: 2ch;
+      display: inline-block;
+    }
+
+    .hoverable {
+      padding: 1px 2px;
+      display: inline-block;
+    }
+
+    .collapsed {
+      white-space: nowrap;
+
+      & > .collapser:after {
+        content: '+';
+      }
+    }
+
+    .hovered {
+      background-color: rgba(235, 238, 249, 1);
+    }
+
+    .collapser {
+      --size: 15px;
+      --margin-right: 3px;
+
+      display: inline-block;
+      background-color: transparent;
+      border: 0;
+      padding: 1px;
+      color: var(--text-secondary);
+      width: var(--size);
+      height: var(--size);
+      margin-left: calc((var(--size) + var(--margin-right)) * -1);
+      margin-right: var(--margin-right);
+      cursor: pointer;
+      user-select: none;
+      -webkit-user-select: none;
+      font-family: var(--code-font-family);
+      font-size: var(--code-font-size);
+
+      &:after {
+        content: '-';
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        width: 100%;
+      }
+
+      &:focus {
+        outline: #fff dotted 1px;
+      }
+    }
+
+    .selected {
+      outline-width: 1px;
+      outline-style: dotted;
+    }
+
+    .collapsed > .collapsible {
+      display: none;
+    }
+
+    .ellipsis {
+      display: none;
+    }
+
+    .collapsed > .ellipsis {
+      display: inline;
+    }
+  }
+`;
+exports.JsonViewerWrap = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+`;
+//# sourceMappingURL=JsonViewer.js.map

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

@@ -0,0 +1 @@
+export * from '../../components/JsonViewer/JsonViewer';

package/lib/components/JsonViewer/index.js

@@ -0,0 +1,18 @@
+"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/JsonViewer/JsonViewer"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const FORMATS: {
+    timeago: (date: Date, locale: string) => string;
+    iso: (date: Date) => string;
+    short: (date: Date, locale: string) => string;
+    long: (date: Date, locale: string) => string;
+};
+export interface LastUpdatedProps {
+    lastModified: Date;
+    format?: keyof typeof FORMATS;
+    locale?: string;
+    className?: string;
+}
+export declare function LastUpdated(props: LastUpdatedProps): JSX.Element | null;
+export {};

package/lib/components/LastUpdated/LastUpdated.js

@@ -0,0 +1,84 @@
+"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.LastUpdated = void 0;
+const React = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const timeago_js_1 = require("timeago.js");
+const useThemeConfig_1 = require("../../hooks/useThemeConfig");
+const hooks_1 = require("../../mocks/hooks");
+const constants_1 = require("../../types/portal/src/shared/constants");
+const FORMATS = {
+    timeago: (date, locale) => (0, timeago_js_1.format)(date, locale),
+    iso: (date) => date.toISOString().split('T')[0],
+    short: (date, locale) => date.toLocaleDateString(locale, { month: 'short', day: 'numeric', year: 'numeric' }),
+    long: (date, locale) => date.toLocaleDateString(locale, { month: 'long', day: 'numeric', year: 'numeric' }),
+};
+function LastUpdated(props) {
+    const { markdown: { lastUpdatedBlock = {} } = {} } = (0, useThemeConfig_1.useThemeConfig)();
+    const { translate } = (0, hooks_1.useTranslate)();
+    const { currentLocale } = (0, hooks_1.useI18nConfig)();
+    if (lastUpdatedBlock === null || lastUpdatedBlock === void 0 ? void 0 : lastUpdatedBlock.hide) {
+        return null;
+    }
+    const lastModified = props.lastModified;
+    const format = props.format || lastUpdatedBlock.format || 'timeago';
+    const locale = props.locale ||
+        lastUpdatedBlock.locale ||
+        (currentLocale !== constants_1.DEFAULT_LOCALE_PLACEHOLDER ? currentLocale || 'en-US' : 'en-US');
+    const isoDate = lastModified.toISOString().split('T')[0];
+    const lastUpdatedString = FORMATS[format](lastModified, locale);
+    const translationKey = format === 'timeago' ? 'theme.page.lastUpdated.timeago' : 'theme.page.lastUpdated.on';
+    const text = format === 'timeago'
+        ? translate(translationKey, 'Last updated') + ' '
+        : translate(translationKey, 'Last updated on');
+    return (React.createElement(Wrapper, { className: props.className, "data-component-name": "LastUpdated/LastUpdated", rawOnPrint: format === 'timeago', "data-print-datetime": isoDate, "data-translation-key": translationKey },
+        text,
+        " ",
+        React.createElement("time", { dateTime: isoDate }, lastUpdatedString)));
+}
+exports.LastUpdated = LastUpdated;
+const Wrapper = styled_components_1.default.div `
+  color: var(--last-updated-text-color);
+  font-size: var(--last-updated-font-size);
+  font-family: var(--last-updated-font-family);
+  line-height: var(--last-updated-line-height);
+  padding-bottom: 30px;
+
+  ${({ rawOnPrint }) => rawOnPrint &&
+    `@media print {
+      time {
+        display: none;
+      }
+      &::after {
+        content: attr(data-print-datetime);
+      }
+    }
+  `}
+`;
+//# sourceMappingURL=LastUpdated.js.map

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

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

package/lib/components/LastUpdated/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/LastUpdated/LastUpdated"), exports);
+__exportStar(require("../../components/LastUpdated/styledVariables"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/LastUpdated/styledVariables.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lastUpdated = void 0;
+const styled_components_1 = require("styled-components");
+exports.lastUpdated = (0, styled_components_1.css) `
+  --last-updated-text-color: var(--text-secondary);
+  --last-updated-font-size: var(--font-size-sm);
+  --last-updated-font-family: var(--font-family-base);
+  --last-updated-line-height: var(--line-height-base);
+`;
+//# sourceMappingURL=styledVariables.js.map

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface AdmonitionTypeProps {
+    type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
+}
+export interface AdmonitionProps extends Partial<AdmonitionTypeProps> {
+    name?: string;
+    className?: string;
+    'data-source'?: string;
+    'data-hash'?: string;
+}
+export declare function Admonition({ type, name, children, className, 'data-source': dataSource, 'data-hash': dataHash, }: React.PropsWithChildren<AdmonitionProps>): JSX.Element;
+export {};