@alfalab/core-components 42.0.0 → 42.1.0

package/markdown/cssm/mobile.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+
+
+exports.MarkdownMobile = Component_mobile.MarkdownMobileComponent;

package/markdown/cssm/typings.d.ts

@@ -0,0 +1,38 @@
+import { SpecialComponents } from 'react-markdown/lib/ast-to-react';
+import { NormalComponents } from 'react-markdown/lib/complex-types';
+type FontType = 'styrene' | 'system' | undefined;
+type PlatformType = 'desktop' | 'mobile';
+type OverridesComponents = Partial<Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents> | undefined;
+type MarkdownProps = {
+    children: string;
+    /**
+     * Css класс для обертки разметки
+     */
+    className?: string;
+    /**
+     * Платформа
+     */
+    platform?: PlatformType;
+    /**
+     * Шрифт разметки
+     */
+    font?: FontType;
+    /**
+     * Переопределение компонентов для тегов разметки
+     */
+    overrides?: OverridesComponents;
+};
+type MarkdownDesktopProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownMobileProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownResponsiveProps = Omit<MarkdownProps, 'platform'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+export { FontType, PlatformType, OverridesComponents, MarkdownProps, MarkdownDesktopProps, MarkdownMobileProps, MarkdownResponsiveProps };

package/markdown/cssm/typings.js

@@ -0,0 +1 @@
+

package/markdown/desktop.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from "./Component.desktop";
+export type { MarkdownDesktopProps } from "./typings";

package/markdown/desktop.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-b9fc0a1b.js');
+require('../link');
+require('../list');
+require('../typography');
+
+
+
+exports.MarkdownDesktop = Component_desktop.MarkdownDesktopComponent;

package/markdown/esm/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownProps } from "./typings";
+declare const Markdown: ({ children, className, platform, font, overrides, }: MarkdownProps) => React.JSX.Element;
+export { Markdown };

package/markdown/esm/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownDesktopProps } from "./typings";
+declare const MarkdownDesktopComponent: React.FC<MarkdownDesktopProps>;
+export { MarkdownDesktopComponent };

package/markdown/esm/Component.desktop.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+
+var MarkdownDesktopComponent = function (_a) {
+    var children = _a.children, restProps = __rest(_a, ["children"]);
+    return (React.createElement(Markdown, __assign({}, restProps, { platform: 'desktop' }), children));
+};
+
+export { MarkdownDesktopComponent };

package/markdown/esm/Component.js

@@ -0,0 +1,16 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import cn from 'classnames';
+import { u as useOverrides, s as styles } from './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+
+var Markdown = function (_a) {
+    var children = _a.children, className = _a.className, platform = _a.platform, _b = _a.font, font = _b === void 0 ? 'system' : _b, overrides = _a.overrides;
+    var defaultOverrides = useOverrides(platform, font);
+    return (React.createElement(ReactMarkdown, { components: __assign(__assign({}, defaultOverrides), overrides), className: cn(styles.component, className) }, children));
+};
+
+export { Markdown };

package/markdown/esm/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownMobileProps } from "./typings";
+declare const MarkdownMobileComponent: React.FC<MarkdownMobileProps>;
+export { MarkdownMobileComponent };

package/markdown/esm/Component.mobile.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+
+var MarkdownMobileComponent = function (_a) {
+    var children = _a.children, restProps = __rest(_a, ["children"]);
+    return (React.createElement(Markdown, __assign({}, restProps, { platform: 'mobile' }), children));
+};
+
+export { MarkdownMobileComponent };

package/markdown/esm/Component.responsive.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownResponsiveProps } from "./typings";
+declare const MarkdownResponsiveComponent: React.FC<MarkdownResponsiveProps>;
+export { MarkdownResponsiveComponent };

package/markdown/esm/Component.responsive.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useMatchMedia } from '../../mq/esm';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+
+var isClient = function () { return typeof window !== 'undefined'; };
+
+var MarkdownResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React.createElement(Markdown, __assign({}, restProps, { platform: isDesktop ? 'desktop' : 'mobile' }), children));
+};
+
+export { MarkdownResponsiveComponent };

package/markdown/esm/desktop.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from "./Component.desktop";
+export type { MarkdownDesktopProps } from "./typings";

package/markdown/esm/desktop.js

@@ -0,0 +1,10 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from './Component.desktop.js';
+import 'tslib';
+import 'react';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+import './Component.js';

package/markdown/esm/hooks/use-overrides.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../../link/esm';
+import '../../../list/esm';
+import '../../../typography/esm';
+export { u as useOverrides } from '../use-overrides-29aa5cc2.js';

package/markdown/esm/index.css

@@ -0,0 +1,57 @@
+/* hash: 1qxl2 */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+    --border-radius-l: 12px;
+} :root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+} :root {
+} :root {
+} .markdown__component_19qhu > :first-child,
+.markdown__component_19qhu > p:first-child > :first-child {
+    margin-top: 0;
+} .markdown__component_19qhu > *:only-child,
+.markdown__component_19qhu > p:only-child > *:only-child {
+    margin-top: 0;
+    margin-bottom: 0;
+} .markdown__h1_19qhu {
+    margin-bottom: var(--gap-m);
+} .markdown__h2_19qhu {
+    margin-top: var(--gap-2xl);
+    margin-bottom: var(--gap-m);
+} .markdown__h3_19qhu {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-m);
+} .markdown__code_19qhu {
+    margin-bottom: var(--gap-m);
+} .markdown__blockquote_19qhu > p {
+    color: inherit;
+    font: inherit;
+} .markdown__list_19qhu > li {
+    margin-top: 0;
+    margin-bottom: var(--gap-s);
+} .markdown__list_19qhu > li:only-child {
+    margin-bottom: 0;
+} .markdown__list_19qhu > li p {
+    margin: 0;
+    padding: 0 !important;
+} .markdown__imageContainer_19qhu {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-xl);
+} .markdown__image_19qhu {
+    display: block;
+    width: 100%;
+    border-radius: var(--border-radius-l);
+}

package/markdown/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownResponsiveComponent as Markdown } from "./Component.responsive";
+export type { MarkdownResponsiveProps as MarkdownProps } from "./typings";

package/markdown/esm/index.js

@@ -0,0 +1,11 @@
+export { MarkdownResponsiveComponent as Markdown } from './Component.responsive.js';
+import 'tslib';
+import 'react';
+import '../../mq/esm';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+import './Component.js';

package/markdown/esm/mobile.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownMobileComponent as MarkdownMobile } from "./Component.mobile";
+export { MarkdownMobileProps } from "./typings";

package/markdown/esm/mobile.js

@@ -0,0 +1,10 @@
+export { MarkdownMobileComponent as MarkdownMobile } from './Component.mobile.js';
+import 'tslib';
+import 'react';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-29aa5cc2.js';
+import '../../link/esm';
+import '../../list/esm';
+import '../../typography/esm';
+import './Component.js';

package/markdown/esm/typings.d.ts

@@ -0,0 +1,38 @@
+import { SpecialComponents } from 'react-markdown/lib/ast-to-react';
+import { NormalComponents } from 'react-markdown/lib/complex-types';
+type FontType = 'styrene' | 'system' | undefined;
+type PlatformType = 'desktop' | 'mobile';
+type OverridesComponents = Partial<Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents> | undefined;
+type MarkdownProps = {
+    children: string;
+    /**
+     * Css класс для обертки разметки
+     */
+    className?: string;
+    /**
+     * Платформа
+     */
+    platform?: PlatformType;
+    /**
+     * Шрифт разметки
+     */
+    font?: FontType;
+    /**
+     * Переопределение компонентов для тегов разметки
+     */
+    overrides?: OverridesComponents;
+};
+type MarkdownDesktopProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownMobileProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownResponsiveProps = Omit<MarkdownProps, 'platform'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+export { FontType, PlatformType, OverridesComponents, MarkdownProps, MarkdownDesktopProps, MarkdownMobileProps, MarkdownResponsiveProps };

package/markdown/esm/typings.js

@@ -0,0 +1 @@
+

package/markdown/esm/use-overrides-29aa5cc2.d.ts

@@ -0,0 +1,3 @@
+import { FontType, OverridesComponents, PlatformType } from "./typings";
+declare const useOverrides: (platform?: PlatformType, font?: FontType) => OverridesComponents;
+export { useOverrides };

package/markdown/esm/use-overrides-29aa5cc2.js

@@ -0,0 +1,31 @@
+import React, { useMemo } from 'react';
+import cn from 'classnames';
+import { Link } from '../../link/esm';
+import { List } from '../../list/esm';
+import { Typography } from '../../typography/esm';
+
+var styles = {"component":"markdown__component_19qhu","h1":"markdown__h1_19qhu","h2":"markdown__h2_19qhu","h3":"markdown__h3_19qhu","code":"markdown__code_19qhu","blockquote":"markdown__blockquote_19qhu","list":"markdown__list_19qhu","imageContainer":"markdown__imageContainer_19qhu","image":"markdown__image_19qhu"};
+require('./index.css');
+
+var useOverrides = function (platform, font) {
+    return useMemo(function () {
+        var titleName = platform === 'desktop' ? 'Title' : 'TitleMobile';
+        var Title = Typography[titleName];
+        return {
+            h1: function (props) { return (React.createElement(Title, { font: font, className: cn(styles.h1, 'h1'), tag: 'h1', view: 'medium', color: 'primary' }, props.children)); },
+            h2: function (props) { return (React.createElement(Title, { font: font, className: cn(styles.h2, 'h2'), tag: 'h2', view: 'small', color: 'primary' }, props.children)); },
+            h3: function (props) { return (React.createElement(Title, { font: font, className: cn(styles.h3, 'h3'), tag: 'h3', view: 'xsmall', color: 'primary' }, props.children)); },
+            p: function (props) { return (React.createElement(Typography.Text, { className: 'p', tag: 'p', view: 'primary-medium', color: 'primary' }, props.children)); },
+            blockquote: function (props) { return (React.createElement(Typography.Text, { className: cn(styles.blockquote, 'blockquote'), tag: 'div', view: 'primary-small', color: 'secondary' }, props.children)); },
+            a: function (props) { return (React.createElement(Link, { className: 'a', target: '_blank', rel: 'noopener noreferrer', href: props.href }, props.children)); },
+            code: function (props) { return (React.createElement(Typography.Text, { tag: 'span', className: cn(styles.code, 'code'), view: 'primary-small', color: 'secondary' }, props.children)); },
+            img: function (props) { return (React.createElement("div", { className: cn(styles.imageContainer, 'img') },
+                React.createElement("img", { alt: props.alt, src: props.src, className: styles.image }))); },
+            ul: function (props) { return (React.createElement(List, { className: cn(styles.list, 'ul'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter(function (el) { return el !== '\n'; }))); },
+            ol: function (props) { return (React.createElement(List, { className: cn(styles.list, 'ol'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter(function (el) { return el !== '\n'; }))); },
+            li: function (props) { return (React.createElement(Typography.Text, { className: cn(styles.li, 'li'), view: 'primary-medium' }, props.children)); },
+        };
+    }, [font, platform]);
+};
+
+export { styles as s, useOverrides as u };

package/markdown/hooks/use-overrides.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../link');
+require('../../list');
+require('../../typography');
+var hooks_useOverrides = require('../use-overrides-b9fc0a1b.js');
+
+
+
+exports.useOverrides = hooks_useOverrides.useOverrides;

package/markdown/index.css

@@ -0,0 +1,57 @@
+/* hash: 1qxl2 */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+    --border-radius-l: 12px;
+} :root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+} :root {
+} :root {
+} .markdown__component_19qhu > :first-child,
+.markdown__component_19qhu > p:first-child > :first-child {
+    margin-top: 0;
+} .markdown__component_19qhu > *:only-child,
+.markdown__component_19qhu > p:only-child > *:only-child {
+    margin-top: 0;
+    margin-bottom: 0;
+} .markdown__h1_19qhu {
+    margin-bottom: var(--gap-m);
+} .markdown__h2_19qhu {
+    margin-top: var(--gap-2xl);
+    margin-bottom: var(--gap-m);
+} .markdown__h3_19qhu {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-m);
+} .markdown__code_19qhu {
+    margin-bottom: var(--gap-m);
+} .markdown__blockquote_19qhu > p {
+    color: inherit;
+    font: inherit;
+} .markdown__list_19qhu > li {
+    margin-top: 0;
+    margin-bottom: var(--gap-s);
+} .markdown__list_19qhu > li:only-child {
+    margin-bottom: 0;
+} .markdown__list_19qhu > li p {
+    margin: 0;
+    padding: 0 !important;
+} .markdown__imageContainer_19qhu {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-xl);
+} .markdown__image_19qhu {
+    display: block;
+    width: 100%;
+    border-radius: var(--border-radius-l);
+}

package/markdown/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownResponsiveComponent as Markdown } from "./Component.responsive";
+export type { MarkdownResponsiveProps as MarkdownProps } from "./typings";

package/markdown/index.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+require('tslib');
+require('react');
+require('../mq');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-b9fc0a1b.js');
+require('../link');
+require('../list');
+require('../typography');
+
+
+
+exports.Markdown = Component_responsive.MarkdownResponsiveComponent;

package/markdown/mobile.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownMobileComponent as MarkdownMobile } from "./Component.mobile";
+export { MarkdownMobileProps } from "./typings";

package/markdown/mobile.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-b9fc0a1b.js');
+require('../link');
+require('../list');
+require('../typography');
+
+
+
+exports.MarkdownMobile = Component_mobile.MarkdownMobileComponent;

package/markdown/modern/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownProps } from "./typings";
+declare const Markdown: ({ children, className, platform, font, overrides, }: MarkdownProps) => React.JSX.Element;
+export { Markdown };

package/markdown/modern/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownDesktopProps } from "./typings";
+declare const MarkdownDesktopComponent: React.FC<MarkdownDesktopProps>;
+export { MarkdownDesktopComponent };

package/markdown/modern/Component.desktop.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-20424e24.js';
+import '../../link/modern';
+import '../../list/modern';
+import '../../typography/modern';
+
+const MarkdownDesktopComponent = ({ children, ...restProps }) => (React.createElement(Markdown, { ...restProps, platform: 'desktop' }, children));
+
+export { MarkdownDesktopComponent };

package/markdown/modern/Component.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import cn from 'classnames';
+import { u as useOverrides, s as styles } from './use-overrides-20424e24.js';
+import '../../link/modern';
+import '../../list/modern';
+import '../../typography/modern';
+
+const Markdown = ({ children, className, platform, font = 'system', overrides, }) => {
+    const defaultOverrides = useOverrides(platform, font);
+    return (React.createElement(ReactMarkdown, { components: { ...defaultOverrides, ...overrides }, className: cn(styles.component, className) }, children));
+};
+
+export { Markdown };

package/markdown/modern/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownMobileProps } from "./typings";
+declare const MarkdownMobileComponent: React.FC<MarkdownMobileProps>;
+export { MarkdownMobileComponent };

package/markdown/modern/Component.mobile.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-20424e24.js';
+import '../../link/modern';
+import '../../list/modern';
+import '../../typography/modern';
+
+const MarkdownMobileComponent = ({ children, ...restProps }) => (React.createElement(Markdown, { ...restProps, platform: 'mobile' }, children));
+
+export { MarkdownMobileComponent };

package/markdown/modern/Component.responsive.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownResponsiveProps } from "./typings";
+declare const MarkdownResponsiveComponent: React.FC<MarkdownResponsiveProps>;
+export { MarkdownResponsiveComponent };

package/markdown/modern/Component.responsive.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useMatchMedia } from '../../mq/modern';
+import { Markdown } from './Component.js';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-20424e24.js';
+import '../../link/modern';
+import '../../list/modern';
+import '../../typography/modern';
+
+const isClient = () => typeof window !== 'undefined';
+
+const MarkdownResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);
+    return (React.createElement(Markdown, { ...restProps, platform: isDesktop ? 'desktop' : 'mobile' }, children));
+};
+
+export { MarkdownResponsiveComponent };

package/markdown/modern/desktop.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from "./Component.desktop";
+export type { MarkdownDesktopProps } from "./typings";

package/markdown/modern/desktop.js

@@ -0,0 +1,9 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from './Component.desktop.js';
+import 'react';
+import 'react-markdown';
+import 'classnames';
+import './use-overrides-20424e24.js';
+import '../../link/modern';
+import '../../list/modern';
+import '../../typography/modern';
+import './Component.js';

package/markdown/modern/hooks/use-overrides.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../../link/modern';
+import '../../../list/modern';
+import '../../../typography/modern';
+export { u as useOverrides } from '../use-overrides-20424e24.js';