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

package/dist/cjs/presets/full/index.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PRESET_FULL_PLUGINS: ()=>PRESET_FULL_PLUGINS
+});
+const cjk_namespaceObject = require("@fluxdown/react-base-plugins/plugins/cjk");
+const emoji_namespaceObject = require("@fluxdown/react-base-plugins/plugins/emoji");
+const patch_namespaceObject = require("@fluxdown/react-base-plugins/plugins/patch");
+const index_cjs_namespaceObject = require("../../plugins/blockquote/index.cjs");
+const break_line_index_cjs_namespaceObject = require("../../plugins/break-line/index.cjs");
+const code_highlight_index_cjs_namespaceObject = require("../../plugins/code-highlight/index.cjs");
+const code_mermaid_index_cjs_namespaceObject = require("../../plugins/code-mermaid/index.cjs");
+const effect_chunk_index_cjs_namespaceObject = require("../../plugins/effect-chunk/index.cjs");
+const effect_scale_index_cjs_namespaceObject = require("../../plugins/effect-scale/index.cjs");
+const effect_shad_index_cjs_namespaceObject = require("../../plugins/effect-shad/index.cjs");
+const effect_suffix_index_cjs_namespaceObject = require("../../plugins/effect-suffix/index.cjs");
+const emphasis_index_cjs_namespaceObject = require("../../plugins/emphasis/index.cjs");
+const fallback_index_cjs_namespaceObject = require("../../plugins/fallback/index.cjs");
+const heading_index_cjs_namespaceObject = require("../../plugins/heading/index.cjs");
+const image_index_cjs_namespaceObject = require("../../plugins/image/index.cjs");
+const link_index_cjs_namespaceObject = require("../../plugins/link/index.cjs");
+const list_index_cjs_namespaceObject = require("../../plugins/list/index.cjs");
+const paragraph_index_cjs_namespaceObject = require("../../plugins/paragraph/index.cjs");
+const strong_index_cjs_namespaceObject = require("../../plugins/strong/index.cjs");
+const table_index_cjs_namespaceObject = require("../../plugins/table/index.cjs");
+const tex_svg_index_cjs_namespaceObject = require("../../plugins/tex-svg/index.cjs");
+const PRESET_FULL_PLUGINS = [
+    patch_namespaceObject.PatchPlugin,
+    effect_shad_index_cjs_namespaceObject.EffectShadPlugin,
+    effect_scale_index_cjs_namespaceObject.EffectScalePlugin,
+    effect_chunk_index_cjs_namespaceObject.EffectChunkPlugin,
+    effect_suffix_index_cjs_namespaceObject.EffectSuffixPlugin,
+    code_highlight_index_cjs_namespaceObject.CodeHighlightPlugin,
+    code_mermaid_index_cjs_namespaceObject.CodeMermaidPlugin,
+    cjk_namespaceObject.CjkPlugin,
+    emoji_namespaceObject.EmojiPlugin,
+    emphasis_index_cjs_namespaceObject.EmphasisPlugin,
+    image_index_cjs_namespaceObject.ImagePlugin,
+    link_index_cjs_namespaceObject.LinkPlugin,
+    list_index_cjs_namespaceObject.ListPlugin,
+    paragraph_index_cjs_namespaceObject.ParagraphPlugin,
+    strong_index_cjs_namespaceObject.StrongPlugin,
+    table_index_cjs_namespaceObject.TablePlugin,
+    tex_svg_index_cjs_namespaceObject.TexSvgPlugin,
+    heading_index_cjs_namespaceObject.HeadingPlugin,
+    break_line_index_cjs_namespaceObject.BreakLinePlugin,
+    index_cjs_namespaceObject.BlockquotePlugin,
+    fallback_index_cjs_namespaceObject.FallbackPlugin
+];
+exports.PRESET_FULL_PLUGINS = __webpack_exports__.PRESET_FULL_PLUGINS;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PRESET_FULL_PLUGINS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/presets/full/index.d.cts

@@ -0,0 +1,2 @@
+import type { IPluginItem } from '@fluxdown/react-base-plugins/typings';
+export declare const PRESET_FULL_PLUGINS: IPluginItem[];

package/dist/cjs/presets/full.browser.cjs

@@ -0,0 +1 @@
+module.exports = require('./full.cjs');

package/dist/cjs/presets/full.cjs

@@ -0,0 +1 @@
+module.exports = require('./full/index.cjs');

package/dist/cjs/presets/lite/index.cjs

@@ -0,0 +1,77 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PRESET_LITE_PLUGINS: ()=>PRESET_LITE_PLUGINS
+});
+const patch_namespaceObject = require("@fluxdown/react-base-plugins/plugins/patch");
+const index_cjs_namespaceObject = require("../../plugins/blockquote/index.cjs");
+const break_line_index_cjs_namespaceObject = require("../../plugins/break-line/index.cjs");
+const code_index_cjs_namespaceObject = require("../../plugins/code/index.cjs");
+const effect_chunk_index_cjs_namespaceObject = require("../../plugins/effect-chunk/index.cjs");
+const effect_scale_index_cjs_namespaceObject = require("../../plugins/effect-scale/index.cjs");
+const effect_shad_index_cjs_namespaceObject = require("../../plugins/effect-shad/index.cjs");
+const effect_suffix_index_cjs_namespaceObject = require("../../plugins/effect-suffix/index.cjs");
+const emphasis_index_cjs_namespaceObject = require("../../plugins/emphasis/index.cjs");
+const fallback_index_cjs_namespaceObject = require("../../plugins/fallback/index.cjs");
+const heading_index_cjs_namespaceObject = require("../../plugins/heading/index.cjs");
+const image_index_cjs_namespaceObject = require("../../plugins/image/index.cjs");
+const link_index_cjs_namespaceObject = require("../../plugins/link/index.cjs");
+const list_index_cjs_namespaceObject = require("../../plugins/list/index.cjs");
+const paragraph_index_cjs_namespaceObject = require("../../plugins/paragraph/index.cjs");
+const strong_index_cjs_namespaceObject = require("../../plugins/strong/index.cjs");
+const table_index_cjs_namespaceObject = require("../../plugins/table/index.cjs");
+const tex_index_cjs_namespaceObject = require("../../plugins/tex/index.cjs");
+const PRESET_LITE_PLUGINS = [
+    patch_namespaceObject.PatchPlugin,
+    effect_shad_index_cjs_namespaceObject.EffectShadPlugin,
+    effect_scale_index_cjs_namespaceObject.EffectScalePlugin,
+    effect_chunk_index_cjs_namespaceObject.EffectChunkPlugin,
+    effect_suffix_index_cjs_namespaceObject.EffectSuffixPlugin,
+    code_index_cjs_namespaceObject.CodePlugin,
+    emphasis_index_cjs_namespaceObject.EmphasisPlugin,
+    image_index_cjs_namespaceObject.ImagePlugin,
+    link_index_cjs_namespaceObject.LinkPlugin,
+    list_index_cjs_namespaceObject.ListPlugin,
+    paragraph_index_cjs_namespaceObject.ParagraphPlugin,
+    strong_index_cjs_namespaceObject.StrongPlugin,
+    table_index_cjs_namespaceObject.TablePlugin,
+    tex_index_cjs_namespaceObject.TexPlugin,
+    heading_index_cjs_namespaceObject.HeadingPlugin,
+    break_line_index_cjs_namespaceObject.BreakLinePlugin,
+    index_cjs_namespaceObject.BlockquotePlugin,
+    fallback_index_cjs_namespaceObject.FallbackPlugin
+];
+exports.PRESET_LITE_PLUGINS = __webpack_exports__.PRESET_LITE_PLUGINS;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "PRESET_LITE_PLUGINS"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/presets/lite/index.d.cts

@@ -0,0 +1,2 @@
+import type { IPluginItem } from '@fluxdown/react-base-plugins/typings';
+export declare const PRESET_LITE_PLUGINS: IPluginItem[];

package/dist/cjs/presets/lite.browser.cjs

@@ -0,0 +1 @@
+module.exports = require('./lite.cjs');

package/dist/cjs/presets/lite.cjs

@@ -0,0 +1 @@
+module.exports = require('./lite/index.cjs');

package/dist/cjs/typings/index.cjs

@@ -0,0 +1,77 @@
+"use strict";
+var __webpack_modules__ = {
+    "../base/slot/type" (module) {
+        module.exports = require("../base/slot/type.cjs");
+    },
+    "./plugins" (module) {
+        module.exports = require("./plugins/index.cjs");
+    },
+    "./theme?1bd5" (module) {
+        module.exports = require("./theme.cjs");
+    },
+    "@fluxdown/react-base-plugins/typings" (module) {
+        module.exports = require("@fluxdown/react-base-plugins/typings");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _fluxdown_react_base_plugins_typings__rspack_import_0 = __webpack_require__("@fluxdown/react-base-plugins/typings");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _fluxdown_react_base_plugins_typings__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_fluxdown_react_base_plugins_typings__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _theme__rspack_import_1 = __webpack_require__("./theme?1bd5");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _theme__rspack_import_1)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_theme__rspack_import_1[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    __webpack_require__("./plugins");
+    __webpack_require__("../base/slot/type");
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/typings/index.d.cts

@@ -0,0 +1,4 @@
+export * from '@fluxdown/react-base-plugins/typings';
+export * from './theme.cjs';
+import './plugins/index.cjs';
+import '../base/slot/type.cjs';

package/dist/cjs/typings/plugins/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+var __webpack_exports__ = {};
+require("./plugins");
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/typings/plugins/index.d.cts

@@ -0,0 +1 @@
+import './plugins.cjs';

package/dist/cjs/typings/plugins/plugins.d.cts

@@ -0,0 +1,20 @@
+import '../../plugins/blockquote/index.cjs';
+import '../../plugins/break-line/index.cjs';
+import '../../plugins/code/index.cjs';
+import '../../plugins/code-highlight/index.cjs';
+import '../../plugins/code-mermaid/index.cjs';
+import '../../plugins/effect-chunk/index.cjs';
+import '../../plugins/effect-scale/index.cjs';
+import '../../plugins/effect-shad/index.cjs';
+import '../../plugins/effect-suffix/index.cjs';
+import '../../plugins/emphasis/index.cjs';
+import '../../plugins/fallback/index.cjs';
+import '../../plugins/heading/index.cjs';
+import '../../plugins/image/index.cjs';
+import '../../plugins/link/index.cjs';
+import '../../plugins/list/index.cjs';
+import '../../plugins/paragraph/index.cjs';
+import '../../plugins/strong/index.cjs';
+import '../../plugins/table/index.cjs';
+import '../../plugins/tex/index.cjs';
+import '../../plugins/tex-svg/index.cjs';

package/dist/cjs/typings/theme.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/typings/theme.d.cts

@@ -0,0 +1,80 @@
+import type { TextStyle } from 'react-native';
+export interface ThemeTokens {
+    colors: {
+        fg: string;
+        fgMuted: string;
+        bg: string;
+        border: string;
+        accent: string;
+        accentHover: string;
+        surfaceMuted: string;
+        surfaceSubtle: string;
+        borderEmphasis: string;
+    };
+    typography: {
+        fontSans: string;
+        fontMono: string;
+        fontSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+        lineHeight: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        fontWeight: {
+            normal: TextStyle['fontWeight'];
+            medium: TextStyle['fontWeight'];
+            bold: TextStyle['fontWeight'];
+        };
+    };
+    heading: Record<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', HeadingThemeTokens>;
+    paragraph: {
+        marginTop: number;
+        marginBottom: number;
+    };
+    code: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    syntax: {
+        comment: string;
+        keyword: string;
+        string: string;
+        number: string;
+        function: string;
+        variable: string;
+        punctuation: string;
+        inserted: string;
+        deleted: string;
+    };
+    radius: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+}
+export interface HeadingThemeTokens {
+    fontSize: number;
+    fontWeight: TextStyle['fontWeight'];
+    lineHeight: number;
+    marginTop: number;
+    marginBottom: number;
+}
+export interface ThemeConfig {
+    tokens: ThemeTokens;
+}
+export type PartialThemeConfig<T = ThemeConfig> = {
+    [K in keyof T]?: T[K] extends object ? PartialThemeConfig<T[K]> : T[K];
+};
+export type PresetKeys = 'light' | 'dark';
+export type Theme = PresetKeys | PartialThemeConfig | [PresetKeys, PartialThemeConfig];

package/dist/esm/121~0.js

@@ -0,0 +1,167 @@
+import { merge } from "lodash-es";
+import { createContext, useContext, useMemo } from "react";
+import { Platform } from "react-native";
+const BASE_TOKENS = {
+    typography: {
+        fontSans: Platform.select({
+            ios: 'System',
+            android: 'sans-serif',
+            default: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+        }),
+        fontMono: Platform.select({
+            ios: 'Menlo',
+            android: 'monospace',
+            default: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace'
+        }),
+        fontSize: {
+            xs: 12,
+            sm: 14,
+            md: 16
+        },
+        lineHeight: {
+            sm: 1.4,
+            md: 1.65,
+            lg: 1.8
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '600',
+            bold: '600'
+        }
+    },
+    heading: {
+        h1: {
+            fontSize: 32,
+            fontWeight: '600',
+            lineHeight: 1.25,
+            marginTop: 32,
+            marginBottom: 16
+        },
+        h2: {
+            fontSize: 24,
+            fontWeight: '600',
+            lineHeight: 1.3,
+            marginTop: 28,
+            marginBottom: 14
+        },
+        h3: {
+            fontSize: 20,
+            fontWeight: '600',
+            lineHeight: 1.4,
+            marginTop: 24,
+            marginBottom: 12
+        },
+        h4: {
+            fontSize: 18,
+            fontWeight: '600',
+            lineHeight: 1.4,
+            marginTop: 20,
+            marginBottom: 10
+        },
+        h5: {
+            fontSize: 16,
+            fontWeight: '600',
+            lineHeight: 1.5,
+            marginTop: 16,
+            marginBottom: 8
+        },
+        h6: {
+            fontSize: 14,
+            fontWeight: '600',
+            lineHeight: 1.5,
+            marginTop: 16,
+            marginBottom: 8
+        }
+    },
+    paragraph: {
+        marginTop: 0,
+        marginBottom: 16
+    },
+    code: {
+        fontSize: 14,
+        lineHeight: 1.65
+    },
+    radius: {
+        sm: 4,
+        md: 8,
+        lg: 14
+    },
+    spacing: {
+        xs: 4,
+        sm: 8,
+        md: 12,
+        lg: 16,
+        xl: 24
+    }
+};
+const DARK_THEME = {
+    tokens: {
+        ...BASE_TOKENS,
+        colors: {
+            fg: '#ececf1',
+            fgMuted: '#a6a8b0',
+            bg: '#212121',
+            border: '#3c3e42',
+            accent: '#82b7ff',
+            accentHover: '#b1d2ff',
+            surfaceMuted: '#353639',
+            surfaceSubtle: '#292a2d',
+            borderEmphasis: '#666970'
+        },
+        syntax: {
+            comment: '#9da7b3',
+            keyword: '#ff7b72',
+            string: '#a5d6ff',
+            number: '#79c0ff',
+            function: '#d2a8ff',
+            variable: '#ffa657',
+            punctuation: '#c9d1d9',
+            inserted: '#7ee787',
+            deleted: '#ffa198'
+        }
+    }
+};
+const LIGHT_THEME = {
+    tokens: {
+        ...BASE_TOKENS,
+        colors: {
+            fg: '#202123',
+            fgMuted: '#64676b',
+            bg: '#ffffff',
+            border: '#e5e7eb',
+            accent: '#0969da',
+            accentHover: '#0550ae',
+            surfaceMuted: '#f1f2f4',
+            surfaceSubtle: '#f7f8fa',
+            borderEmphasis: '#b5bac1'
+        },
+        syntax: {
+            comment: '#6e7781',
+            keyword: '#cf222e',
+            string: '#0a3069',
+            number: '#0550ae',
+            function: '#8250df',
+            variable: '#953800',
+            punctuation: '#57606a',
+            inserted: '#116329',
+            deleted: '#a40e26'
+        }
+    }
+};
+const ThemeContext = /*#__PURE__*/ createContext(LIGHT_THEME);
+const ThemeProvider = ThemeContext.Provider;
+const useTheme = ()=>useContext(ThemeContext);
+const useThemeConfig = (theme = 'light')=>useMemo(()=>{
+        const [preset, overrides] = Array.isArray(theme) ? theme : 'string' == typeof theme ? [
+            theme,
+            void 0
+        ] : [
+            'light',
+            theme
+        ];
+        const base = 'dark' === preset ? DARK_THEME : LIGHT_THEME;
+        return overrides ? merge({}, base, overrides) : base;
+    }, [
+        theme
+    ]);
+export { DARK_THEME, LIGHT_THEME, ThemeProvider, useTheme, useThemeConfig };

package/dist/esm/319~0.js

@@ -0,0 +1,72 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Text, View } from "react-native";
+import { InheritedText } from "./855~0.js";
+import { TextMeasurement } from "./390~0.js";
+const InlineDrawing = ({ children, active, length = 1, renderDrawing, onMeasure })=>{
+    const [layout, setLayout] = useState(null);
+    if (!active && !layout && !onMeasure) return /*#__PURE__*/ jsx(InheritedText, {
+        children: children
+    });
+    return /*#__PURE__*/ jsx(InheritedText, {
+        children: (textStyle)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(Text, {
+                        style: {
+                            ...textStyle,
+                            color: active ? 'rgba(255,255,255,0)' : textStyle.color,
+                            letterSpacing: (textStyle.letterSpacing ?? 0) - (layout?.advance ?? 0) / Math.max(length, 1)
+                        },
+                        children: children
+                    }),
+                    '\u2060',
+                    /*#__PURE__*/ jsxs(View, {
+                        style: {
+                            width: 0,
+                            height: 0
+                        },
+                        pointerEvents: "none",
+                        accessibilityElementsHidden: true,
+                        importantForAccessibility: "no-hide-descendants",
+                        "aria-hidden": true,
+                        children: [
+                            (active || onMeasure) && /*#__PURE__*/ jsx(TextMeasurement, {
+                                length: length,
+                                style: textStyle,
+                                onMeasure: (value)=>{
+                                    setLayout(value);
+                                    onMeasure?.(value);
+                                },
+                                children: children
+                            }),
+                            active && layout && /*#__PURE__*/ jsx(View, {
+                                style: {
+                                    position: 'absolute',
+                                    left: -(layout.width - layout.advance),
+                                    bottom: layout.baseline - layout.height,
+                                    width: layout.width,
+                                    height: layout.height
+                                },
+                                children: renderDrawing(layout, /*#__PURE__*/ jsx(View, {
+                                    style: {
+                                        flexDirection: 'row'
+                                    },
+                                    children: /*#__PURE__*/ jsx(Text, {
+                                        selectable: false,
+                                        style: [
+                                            textStyle,
+                                            {
+                                                flexShrink: 0
+                                            }
+                                        ],
+                                        children: children
+                                    })
+                                }), textStyle)
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+export { InlineDrawing };