@fluxdown/react-native-plugins 0.0.0-stage → 0.2.1

package/dist/esm/plugins/fallback/render/index.d.ts

@@ -0,0 +1 @@
+export * from './native-fallback/index.js';

package/dist/esm/plugins/fallback/render/native-fallback/index.d.ts

@@ -0,0 +1,16 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import type { ReactRenderParams } from '../../../../base/index.js';
+import { BaseReactRenderPlugin } from '../../../../base/index.js';
+declare global {
+    interface RenderConfigs {
+        'render-native-fallback': IPluggableConfig<void>;
+    }
+}
+export declare class NativeFallbackRenderPlugin extends BaseReactRenderPlugin {
+    static readonly key = "render-native-fallback";
+    readonly config: {
+        priority: number;
+    };
+    match(): boolean;
+    render({ getProps, node, parents, render, renderChildren }: ReactRenderParams): string | import("react").JSX.Element | null;
+}

package/dist/esm/plugins/fallback/slot/element/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { ElementRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-element': IPluggableConfig<void>;
+    }
+}
+export declare class ElementSlotPlugin extends BaseSlotPlugin<'Element'> {
+    static readonly key = "slot-element";
+    readonly Component: typeof ElementRenderer;
+    readonly type = "Element";
+}

package/dist/esm/plugins/fallback/slot/element/renderer/index.d.ts

@@ -0,0 +1,4 @@
+import type { ElementProps } from '../../../../../base/index.js';
+export declare const ElementRenderer: ({ children, tagName, nativeID, checked, }: ElementProps & {
+    checked?: boolean;
+}) => import("react").JSX.Element | null;

package/dist/esm/plugins/fallback/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './element/index.js';

package/dist/esm/plugins/fallback.js

@@ -0,0 +1,119 @@
+import { FallbackPlugin } from "@fluxdown/react-base-plugins/plugins/fallback";
+import { jsx } from "react/jsx-runtime";
+import { getTextWords } from "@fluxdown/hast";
+import { Text, View } from "react-native";
+import { createTypeOfSlot, BaseReactRenderPlugin, BaseSlotPlugin, pluginExtends, isHastElement } from "../992~0.js";
+import { InlineRenderer, BLOCK_TAG_NAMES, renderNativeChildren } from "../493~0.js";
+import { useTheme } from "../121~0.js";
+import { InheritedText } from "../855~0.js";
+const Element = /*#__PURE__*/ createTypeOfSlot('Element');
+class NativeFallbackRenderPlugin extends BaseReactRenderPlugin {
+    static key = 'render-native-fallback';
+    config = {
+        priority: 1 / 0
+    };
+    match() {
+        return true;
+    }
+    render({ getProps, node, parents, render, renderChildren }) {
+        if ('text' === node.type) {
+            const parent = parents[parents.length - 1];
+            if (parent && isHastElement(parent) && 'span' === parent.tagName && 'char' === parent.properties.dataFluxdownScale) return node.value;
+            const structural = parent?.type === 'root' || parent && isHastElement(parent) && [
+                'blockquote',
+                'table',
+                'thead',
+                'tbody',
+                'tfoot',
+                'tr',
+                'ul',
+                'ol'
+            ].includes(parent.tagName);
+            if (structural && '' === node.value.trim()) return null;
+            const words = [];
+            for (const word of getTextWords(node.value, {
+                mergeCjk: true
+            }))if (words.length > 0 && /^\s+$/.test(word)) words[words.length - 1] += word;
+            else words.push(word);
+            const children = words.map((word, index)=>/^\s+$/.test(word) ? word : /*#__PURE__*/ jsx(Text, {
+                    children: word
+                }, index));
+            return parent?.type === 'root' ? /*#__PURE__*/ jsx(InlineRenderer, {
+                children: children
+            }) : /*#__PURE__*/ jsx(Text, {
+                children: children
+            });
+        }
+        if ('element' !== node.type) return null;
+        const children = BLOCK_TAG_NAMES.includes(node.tagName) ? renderNativeChildren(node.children, render) : renderChildren(node);
+        return /*#__PURE__*/ jsx(Element, {
+            ...getProps(node),
+            tagName: node.tagName,
+            children: children
+        });
+    }
+}
+const ElementRenderer = ({ children, tagName, nativeID, checked })=>{
+    const { tokens } = useTheme();
+    if ([
+        "script",
+        'style',
+        'iframe',
+        'object',
+        'embed'
+    ].includes(tagName)) return null;
+    if ('hr' === tagName) return /*#__PURE__*/ jsx(View, {
+        style: {
+            height: 1,
+            marginVertical: tokens.spacing.xl,
+            backgroundColor: tokens.colors.border
+        }
+    });
+    if ('input' === tagName) return /*#__PURE__*/ jsx(InheritedText, {
+        accessibilityRole: "checkbox",
+        "aria-checked": checked,
+        "aria-disabled": true,
+        style: {
+            color: tokens.colors.accent
+        },
+        children: checked ? '☑ ' : '☐ '
+    });
+    if ('tr' === tagName) return /*#__PURE__*/ jsx(View, {
+        style: {
+            flexDirection: 'row'
+        },
+        children: children
+    });
+    if (BLOCK_TAG_NAMES.includes(tagName) || [
+        'thead',
+        'tbody',
+        'tfoot'
+    ].includes(tagName)) return /*#__PURE__*/ jsx(View, {
+        nativeID: nativeID,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(InheritedText, {
+        nativeID: nativeID,
+        style: {
+            fontFamily: 'code' === tagName || 'kbd' === tagName ? tokens.typography.fontMono : void 0,
+            fontSize: 'code' === tagName ? tokens.code.fontSize : void 0,
+            backgroundColor: 'code' === tagName ? tokens.colors.surfaceMuted : void 0,
+            textDecorationLine: 'del' === tagName || 's' === tagName ? 'line-through' : 'u' === tagName ? 'underline' : void 0
+        },
+        children: children
+    });
+};
+class ElementSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-element';
+    Component = ElementRenderer;
+    type = 'Element';
+}
+const fallback_FallbackPlugin = /*#__PURE__*/ pluginExtends(FallbackPlugin, {
+    renders: [
+        NativeFallbackRenderPlugin
+    ],
+    slots: [
+        ElementSlotPlugin
+    ]
+});
+export { ElementSlotPlugin, NativeFallbackRenderPlugin, fallback_FallbackPlugin as FallbackPlugin };

package/dist/esm/plugins/heading/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const HeadingPlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/heading/slot/heading/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { HeadingRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-heading': IPluggableConfig<void>;
+    }
+}
+export declare class HeadingSlotPlugin extends BaseSlotPlugin<'Heading'> {
+    static readonly key = "slot-heading";
+    readonly Component: typeof HeadingRenderer;
+    readonly type = "Heading";
+}

package/dist/esm/plugins/heading/slot/heading/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { HeadingProps } from '../../../../../base/index.js';
+export declare const HeadingRenderer: ({ children, level, nativeID }: HeadingProps) => import("react").JSX.Element;

package/dist/esm/plugins/heading/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './heading/index.js';

package/dist/esm/plugins/heading.js

@@ -0,0 +1,40 @@
+import { HeadingPlugin } from "@fluxdown/react-base-plugins/plugins/heading";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTheme } from "../121~0.js";
+import { InheritedText } from "../855~0.js";
+import { pluginExtends, BaseSlotPlugin } from "../992~0.js";
+const HeadingRenderer = ({ children, level, nativeID })=>{
+    const { tokens } = useTheme();
+    const [isFirst, setIsFirst] = useState(false);
+    const safeLevel = Number.isInteger(level) && level >= 1 && level <= 6 ? level : 1;
+    const heading = tokens.heading[`h${safeLevel}`];
+    const marginTop = isFirst ? 0 : heading.marginTop;
+    return /*#__PURE__*/ jsx(InheritedText, {
+        accessibilityRole: "header",
+        nativeID: nativeID,
+        onLayout: ({ nativeEvent: { layout } })=>{
+            setIsFirst(0 === layout.y || layout.y === marginTop);
+        },
+        style: {
+            color: safeLevel >= 5 ? tokens.colors.fgMuted : tokens.colors.fg,
+            fontFamily: tokens.typography.fontSans,
+            ...heading,
+            marginTop,
+            lineHeight: heading.fontSize * heading.lineHeight,
+            letterSpacing: safeLevel <= 2 ? -0.025 * heading.fontSize : 0
+        },
+        children: children
+    });
+};
+class HeadingSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-heading';
+    Component = HeadingRenderer;
+    type = 'Heading';
+}
+const heading_HeadingPlugin = /*#__PURE__*/ pluginExtends(HeadingPlugin, {
+    slots: [
+        HeadingSlotPlugin
+    ]
+});
+export { HeadingSlotPlugin, heading_HeadingPlugin as HeadingPlugin };

package/dist/esm/plugins/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const ImagePlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/image/slot/image/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { ImageRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-image': IPluggableConfig<void>;
+    }
+}
+export declare class ImageSlotPlugin extends BaseSlotPlugin<'Image'> {
+    static readonly key = "slot-image";
+    readonly Component: typeof ImageRenderer;
+    readonly type = "Image";
+}

package/dist/esm/plugins/image/slot/image/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { ImageProps } from '../../../../../base/index.js';
+export declare const ImageRenderer: ({ alt, height, onPress, parents, src, title, width }: ImageProps) => import("react").JSX.Element;

package/dist/esm/plugins/image/slot/image/renderer/utils.d.ts

@@ -0,0 +1,2 @@
+import type { DimensionValue } from 'react-native';
+export declare const getDimension: (value?: number | string) => DimensionValue | undefined;

package/dist/esm/plugins/image/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './image/index.js';

package/dist/esm/plugins/image.js

@@ -0,0 +1,90 @@
+import { ImagePlugin } from "@fluxdown/react-base-plugins/plugins/image";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Image, Pressable, Text } from "react-native";
+import { useTheme } from "../121~0.js";
+import { isImageOnlyParagraph } from "../480~0.js";
+import { pluginExtends, BaseSlotPlugin } from "../992~0.js";
+const getDimension = (value)=>{
+    if ('number' == typeof value) return Number.isFinite(value) && value >= 0 ? value : void 0;
+    if ('string' != typeof value) return;
+    if (/^\d+(?:\.\d+)?%$/.test(value)) return value;
+    const number = Number(value);
+    return Number.isFinite(number) && number >= 0 ? number : void 0;
+};
+const ImageRenderer = ({ alt, height, onPress, parents, src, title, width })=>{
+    const { tokens } = useTheme();
+    const [size, setSize] = useState(null);
+    const [failed, setFailed] = useState(null);
+    useEffect(()=>{
+        let active = true;
+        Image.getSize(src, (imageWidth, imageHeight)=>{
+            if (active) {
+                setFailed(null);
+                setSize({
+                    src,
+                    width: imageWidth,
+                    height: imageHeight
+                });
+            }
+        }, ()=>{
+            if (active) setFailed(src);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        src
+    ]);
+    if (failed === src) return /*#__PURE__*/ jsx(Text, {
+        style: {
+            color: tokens.colors.fgMuted
+        },
+        children: alt ?? title ?? src
+    });
+    const current = size?.src === src ? size : null;
+    const parent = parents[parents.length - 1];
+    const block = parent ? isImageOnlyParagraph(parent) : false;
+    const ratio = current ? current.width / current.height : 16 / 9;
+    const image = /*#__PURE__*/ jsx(Image, {
+        accessible: true,
+        accessibilityLabel: alt ?? title,
+        accessibilityRole: "image",
+        onError: ()=>setFailed(src),
+        resizeMode: "contain",
+        source: {
+            uri: src
+        },
+        style: {
+            width: getDimension(width) ?? (block ? '100%' : 160),
+            height: getDimension(height) ?? (block ? void 0 : 160 / ratio),
+            aspectRatio: ratio,
+            maxWidth: '100%',
+            borderRadius: tokens.radius.md
+        }
+    });
+    if (!onPress) return image;
+    return block ? /*#__PURE__*/ jsx(Pressable, {
+        accessibilityRole: "button",
+        onPress: (event)=>onPress({
+                event
+            }),
+        children: image
+    }) : /*#__PURE__*/ jsx(Text, {
+        onPress: (event)=>onPress({
+                event
+            }),
+        children: image
+    });
+};
+class ImageSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-image';
+    Component = ImageRenderer;
+    type = 'Image';
+}
+const image_ImagePlugin = /*#__PURE__*/ pluginExtends(ImagePlugin, {
+    slots: [
+        ImageSlotPlugin
+    ]
+});
+export { ImageSlotPlugin, image_ImagePlugin as ImagePlugin };

package/dist/esm/plugins/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const LinkPlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/link/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './link/index.js';

package/dist/esm/plugins/link/slot/link/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { LinkRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-link': IPluggableConfig<void>;
+    }
+}
+export declare class LinkSlotPlugin extends BaseSlotPlugin<'Link'> {
+    static readonly key = "slot-link";
+    readonly Component: typeof LinkRenderer;
+    readonly type = "Link";
+}

package/dist/esm/plugins/link/slot/link/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { LinkProps } from '../../../../../base/index.js';
+export declare const LinkRenderer: ({ children, href, onPress, title, nativeID }: LinkProps) => import("react").JSX.Element;

package/dist/esm/plugins/link.js

@@ -0,0 +1,36 @@
+import { LinkPlugin } from "@fluxdown/react-base-plugins/plugins/link";
+import { jsx } from "react/jsx-runtime";
+import { Linking } from "react-native";
+import { useTheme } from "../121~0.js";
+import { InheritedText } from "../855~0.js";
+import { pluginExtends, BaseSlotPlugin } from "../992~0.js";
+const LinkRenderer = ({ children, href, onPress, title, nativeID })=>{
+    const { tokens } = useTheme();
+    return /*#__PURE__*/ jsx(InheritedText, {
+        accessibilityHint: title,
+        accessibilityRole: "link",
+        nativeID: nativeID,
+        onPress: (event)=>{
+            if (onPress) return void onPress({
+                event
+            });
+            Linking.openURL(href).catch(()=>void 0);
+        },
+        style: {
+            color: tokens.colors.accent,
+            textDecorationLine: 'underline'
+        },
+        children: children
+    });
+};
+class LinkSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-link';
+    Component = LinkRenderer;
+    type = 'Link';
+}
+const link_LinkPlugin = /*#__PURE__*/ pluginExtends(LinkPlugin, {
+    slots: [
+        LinkSlotPlugin
+    ]
+});
+export { LinkSlotPlugin, link_LinkPlugin as LinkPlugin };

package/dist/esm/plugins/list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const ListPlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/list/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './list/index.js';

package/dist/esm/plugins/list/slot/list/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { ListRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-list': IPluggableConfig<void>;
+    }
+}
+export declare class ListSlotPlugin extends BaseSlotPlugin<'List'> {
+    static readonly key = "slot-list";
+    readonly Component: typeof ListRenderer;
+    readonly type = "List";
+}

package/dist/esm/plugins/list/slot/list/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from '../../../../../base/index.js';
+export declare const ListRenderer: ({ current, parents, render, type, nativeID }: ListProps) => import("react").JSX.Element;

package/dist/esm/plugins/list/slot/list/renderer/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const styles: Readonly<{
+    row: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    content: {
+        flex: number;
+        minWidth: number;
+    };
+}>;

package/dist/esm/plugins/list/slot/list/renderer/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Element, ElementContent } from 'hast';
+export declare const getListItems: (node: ElementContent) => Element[];
+export declare const isTaskItem: (node: Element) => boolean;

package/dist/esm/plugins/list.js

@@ -0,0 +1,74 @@
+import { ListPlugin } from "@fluxdown/react-base-plugins/plugins/list";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { StyleSheet, View } from "react-native";
+import { useTheme } from "../121~0.js";
+import { pluginExtends, BaseSlotPlugin, isHastElement } from "../992~0.js";
+import { InheritedText } from "../855~0.js";
+const styles = /*#__PURE__*/ StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        alignItems: 'flex-start'
+    },
+    content: {
+        flex: 1,
+        minWidth: 0
+    }
+});
+const getListItems = (node)=>'element' === node.type ? node.children.filter((child)=>'element' === child.type && 'li' === child.tagName) : [];
+const isTaskItem = (node)=>node.children.some((child)=>'element' === child.type && ('input' === child.tagName || 'p' === child.tagName && isTaskItem(child)));
+const ListRenderer = ({ current, parents, render, type, nativeID })=>{
+    const { tokens } = useTheme();
+    const items = getListItems(current);
+    const start = 'element' === current.type && 'number' == typeof current.properties.start ? current.properties.start : 1;
+    return /*#__PURE__*/ jsx(View, {
+        nativeID: nativeID,
+        style: {
+            marginVertical: parents.some((parent)=>isHastElement(parent, 'li')) ? tokens.spacing.xs : tokens.spacing.md
+        },
+        children: items.map((item, index)=>/*#__PURE__*/ jsxs(View, {
+                style: [
+                    styles.row,
+                    {
+                        marginVertical: tokens.spacing.xs
+                    }
+                ],
+                children: [
+                    /*#__PURE__*/ jsx(InheritedText, {
+                        style: {
+                            width: tokens.spacing.xl,
+                            paddingRight: tokens.spacing.sm,
+                            color: tokens.colors.fgMuted,
+                            fontFamily: tokens.typography.fontSans,
+                            fontSize: tokens.typography.fontSize.md,
+                            lineHeight: tokens.typography.fontSize.md * tokens.typography.lineHeight.md,
+                            textAlign: 'right'
+                        },
+                        children: isTaskItem(item) ? '' : 'ordered' === type ? `${start + index}.` : '•'
+                    }),
+                    /*#__PURE__*/ jsx(View, {
+                        style: [
+                            styles.content,
+                            {
+                                paddingLeft: tokens.spacing.xs
+                            }
+                        ],
+                        children: /*#__PURE__*/ jsx(Fragment, {
+                            children: render(item)
+                        })
+                    })
+                ]
+            }, index))
+    });
+};
+class ListSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-list';
+    Component = ListRenderer;
+    type = 'List';
+}
+const list_ListPlugin = /*#__PURE__*/ pluginExtends(ListPlugin, {
+    slots: [
+        ListSlotPlugin
+    ]
+});
+export { ListSlotPlugin, list_ListPlugin as ListPlugin };

package/dist/esm/plugins/paragraph/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const ParagraphPlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/paragraph/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './paragraph/index.js';

package/dist/esm/plugins/paragraph/slot/paragraph/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { ParagraphRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-paragraph': IPluggableConfig<void>;
+    }
+}
+export declare class ParagraphSlotPlugin extends BaseSlotPlugin<'Paragraph'> {
+    static readonly key = "slot-paragraph";
+    readonly Component: typeof ParagraphRenderer;
+    readonly type = "Paragraph";
+}

package/dist/esm/plugins/paragraph/slot/paragraph/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { ParagraphProps } from '../../../../../base/index.js';
+export declare const ParagraphRenderer: ({ children, current, parents, nativeID, accessibilityLabel, }: ParagraphProps) => import("react").JSX.Element;

package/dist/esm/plugins/paragraph.js

@@ -0,0 +1,40 @@
+import { ParagraphPlugin } from "@fluxdown/react-base-plugins/plugins/paragraph";
+import { jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { useTheme } from "../121~0.js";
+import { isImageOnlyParagraph, isLastChild } from "../480~0.js";
+import { InheritedText } from "../855~0.js";
+import { pluginExtends, BaseSlotPlugin, isHastElement } from "../992~0.js";
+const ParagraphRenderer = ({ children, current, parents, nativeID, accessibilityLabel })=>{
+    const { tokens } = useTheme();
+    if ('element' === current.type && isImageOnlyParagraph(current)) return /*#__PURE__*/ jsx(View, {
+        style: {
+            marginBottom: tokens.paragraph.marginBottom
+        },
+        children: children
+    });
+    return /*#__PURE__*/ jsx(InheritedText, {
+        nativeID: nativeID,
+        accessibilityLabel: accessibilityLabel,
+        style: {
+            color: parents.some((parent)=>isHastElement(parent, 'blockquote')) ? tokens.colors.fgMuted : tokens.colors.fg,
+            fontFamily: tokens.typography.fontSans,
+            fontSize: tokens.typography.fontSize.md,
+            lineHeight: tokens.typography.fontSize.md * tokens.typography.lineHeight.md,
+            marginTop: tokens.paragraph.marginTop,
+            marginBottom: parents[parents.length - 1]?.type !== 'root' && isLastChild(current, parents) ? 0 : tokens.paragraph.marginBottom
+        },
+        children: children
+    });
+};
+class ParagraphSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-paragraph';
+    Component = ParagraphRenderer;
+    type = 'Paragraph';
+}
+const paragraph_ParagraphPlugin = /*#__PURE__*/ pluginExtends(ParagraphPlugin, {
+    slots: [
+        ParagraphSlotPlugin
+    ]
+});
+export { ParagraphSlotPlugin, paragraph_ParagraphPlugin as ParagraphPlugin };

package/dist/esm/plugins/strong/index.d.ts

@@ -0,0 +1,2 @@
+export * from './slot/index.js';
+export declare const StrongPlugin: import("@fluxdown/react-base-plugins/typings").IPluginItem;

package/dist/esm/plugins/strong/slot/index.d.ts

@@ -0,0 +1 @@
+export * from './strong/index.js';

package/dist/esm/plugins/strong/slot/strong/index.d.ts

@@ -0,0 +1,13 @@
+import type { IPluggableConfig } from '@fluxdown/types';
+import { BaseSlotPlugin } from '../../../../base/index.js';
+import { StrongRenderer } from './renderer/index.js';
+declare global {
+    interface SlotConfigs {
+        'slot-strong': IPluggableConfig<void>;
+    }
+}
+export declare class StrongSlotPlugin extends BaseSlotPlugin<'Strong'> {
+    static readonly key = "slot-strong";
+    readonly Component: typeof StrongRenderer;
+    readonly type = "Strong";
+}

package/dist/esm/plugins/strong/slot/strong/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { StrongProps } from '../../../../../base/index.js';
+export declare const StrongRenderer: ({ children }: StrongProps) => import("react").JSX.Element;

package/dist/esm/plugins/strong.js

@@ -0,0 +1,25 @@
+import { StrongPlugin } from "@fluxdown/react-base-plugins/plugins/strong";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "../121~0.js";
+import { InheritedText } from "../855~0.js";
+import { pluginExtends, BaseSlotPlugin } from "../992~0.js";
+const StrongRenderer = ({ children })=>{
+    const { tokens } = useTheme();
+    return /*#__PURE__*/ jsx(InheritedText, {
+        style: {
+            fontWeight: tokens.typography.fontWeight.bold
+        },
+        children: children
+    });
+};
+class StrongSlotPlugin extends BaseSlotPlugin {
+    static key = 'slot-strong';
+    Component = StrongRenderer;
+    type = 'Strong';
+}
+const strong_StrongPlugin = /*#__PURE__*/ pluginExtends(StrongPlugin, {
+    slots: [
+        StrongSlotPlugin
+    ]
+});
+export { StrongSlotPlugin, strong_StrongPlugin as StrongPlugin };