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

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# @fluxdown/react-native-plugins
+
+## 0.2.0
+
+### Minor Changes
+
+- 8691710: Rename lite plugin presets consistently, expose native theme types from the plugins package, and refine documentation, locale preferences, navigation, and renderer comparisons.
+- 8691710: Add React Native components and plugin presets, with shared base rendering, native streaming effects, syntax highlighting, SVG formulas and Mermaid diagrams, and a React Native Web documentation preview.
+
+### Patch Changes
+
+- 8691710: Align Native streaming effects with the React renderer through shared drawing and animation logic, preserving text layout, inherited typography, animation progress, and SVG blur updates. Require react-native-svg for the shared effect presets and update installation guidance. Validate shared effects on Android, preserve native text baselines, and use Metro-compatible MathJax modules for formulas.
+- 8691710: Keep native streaming text on a stable baseline while measuring and drawing inline effects. Restore chunk fades through text color alpha and preserve inherited typography without platform-specific rendering branches.
+
+  Keep active scale words and characters mounted when settled text is collapsed during streaming.
+
+  Keep shad measurements attached to complete words and stable text positions as the active tail moves, preserving settled prefixes while layouts update.
+
+- Updated dependencies [8691710]
+  - @fluxdown/react-base-plugins@0.11.1
+  - @fluxdown/hast@0.7.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fluxdown contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,5 @@
-# Temporary Holding Version
+# @fluxdown/react-native-plugins
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+React Native render slots and plugin presets for Fluxdown.
+
+[Documentation](../../website/docs/en/guide/react-native/plugins.md)

package/dist/cjs/base/animation/hooks.cjs

@@ -0,0 +1,71 @@
+"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__, {
+    useAppear: ()=>useAppear
+});
+const react_hooks_namespaceObject = require("@fluxdown/react-hooks");
+const external_react_namespaceObject = require("react");
+const external_react_native_namespaceObject = require("react-native");
+const getProgress = (start, duration)=>start < 0 || duration <= 0 ? 1 : Math.min(1, Math.max(0, performance.now() - start) / duration);
+const useAppear = (start, duration)=>{
+    const progress = (0, react_hooks_namespaceObject.useStatic)(()=>new external_react_native_namespaceObject.Animated.Value(getProgress(start, duration)));
+    const [complete, setComplete] = (0, external_react_namespaceObject.useState)(()=>getProgress(start, duration) >= 1);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        const current = getProgress(start, duration);
+        const remaining = duration * (1 - current);
+        progress.setValue(current);
+        setComplete(current >= 1);
+        if (0 === remaining) return;
+        const animation = external_react_native_namespaceObject.Animated.timing(progress, {
+            toValue: 1,
+            duration: remaining,
+            easing: external_react_native_namespaceObject.Easing.linear,
+            useNativeDriver: false,
+            isInteraction: false
+        });
+        animation.start(({ finished })=>finished && setComplete(true));
+        return ()=>animation.stop();
+    }, [
+        duration,
+        progress,
+        start
+    ]);
+    return {
+        complete,
+        progress
+    };
+};
+exports.useAppear = __webpack_exports__.useAppear;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useAppear"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/animation/hooks.d.cts

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+export declare const useAppear: (start: number, duration: number) => {
+    complete: boolean;
+    progress: Animated.Value;
+};

package/dist/cjs/base/animation/index.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_modules__ = {
+    "./hooks" (module) {
+        module.exports = require("./hooks.cjs");
+    },
+    "./inline" (module) {
+        module.exports = require("./inline.cjs");
+    },
+    "./measurement" (module) {
+        module.exports = require("./measurement.cjs");
+    }
+};
+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 _hooks__rspack_import_0 = __webpack_require__("./hooks");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _hooks__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_hooks__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _inline__rspack_import_1 = __webpack_require__("./inline");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _inline__rspack_import_1)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_inline__rspack_import_1[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _measurement__rspack_import_2 = __webpack_require__("./measurement");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _measurement__rspack_import_2)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_measurement__rspack_import_2[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/animation/index.d.cts

@@ -0,0 +1,3 @@
+export * from './hooks.cjs';
+export * from './inline.cjs';
+export * from './measurement.cjs';

package/dist/cjs/base/animation/inline.cjs

@@ -0,0 +1,110 @@
+"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__, {
+    InlineDrawing: ()=>InlineDrawing
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_react_native_namespaceObject = require("react-native");
+const index_cjs_namespaceObject = require("../components/index.cjs");
+const external_measurement_cjs_namespaceObject = require("./measurement.cjs");
+const InlineDrawing = ({ children, active, length = 1, renderDrawing, onMeasure })=>{
+    const [layout, setLayout] = (0, external_react_namespaceObject.useState)(null);
+    if (!active && !layout && !onMeasure) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.InheritedText, {
+        children: children
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.InheritedText, {
+        children: (textStyle)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_native_namespaceObject.View, {
+                        style: {
+                            width: 0,
+                            height: 0
+                        },
+                        pointerEvents: "none",
+                        accessibilityElementsHidden: true,
+                        importantForAccessibility: "no-hide-descendants",
+                        "aria-hidden": true,
+                        children: [
+                            (active || onMeasure) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_measurement_cjs_namespaceObject.TextMeasurement, {
+                                length: length,
+                                style: textStyle,
+                                onMeasure: (value)=>{
+                                    setLayout(value);
+                                    onMeasure?.(value);
+                                },
+                                children: children
+                            }),
+                            active && layout && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.View, {
+                                style: {
+                                    position: 'absolute',
+                                    left: -(layout.width - layout.advance),
+                                    bottom: layout.baseline - layout.height,
+                                    width: layout.width,
+                                    height: layout.height
+                                },
+                                children: renderDrawing(layout, /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.View, {
+                                    style: {
+                                        flexDirection: 'row'
+                                    },
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.Text, {
+                                        selectable: false,
+                                        style: [
+                                            textStyle,
+                                            {
+                                                flexShrink: 0
+                                            }
+                                        ],
+                                        children: children
+                                    })
+                                }), textStyle)
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+exports.InlineDrawing = __webpack_exports__.InlineDrawing;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InlineDrawing"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/animation/inline.d.cts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { LayoutRectangle, TextStyle } from 'react-native';
+export type InlineDrawingProps = {
+    children?: ReactNode;
+    active: boolean;
+    length?: number;
+    onMeasure?: (layout: LayoutRectangle) => void;
+    renderDrawing: (layout: LayoutRectangle, text: ReactNode, style: TextStyle) => ReactNode;
+};
+export declare const InlineDrawing: ({ children, active, length, renderDrawing, onMeasure, }: InlineDrawingProps) => import("react").JSX.Element;

package/dist/cjs/base/animation/measurement.cjs

@@ -0,0 +1,123 @@
+"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__, {
+    TextMeasurement: ()=>TextMeasurement
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_hooks_namespaceObject = require("@fluxdown/react-hooks");
+const external_react_namespaceObject = require("react");
+const external_react_native_namespaceObject = require("react-native");
+const TextMeasurement = ({ children, length = 1, style, onMeasure })=>{
+    const [layout, setLayout] = (0, external_react_namespaceObject.useState)(null);
+    const [baseline, setBaseline] = (0, external_react_namespaceObject.useState)(null);
+    const [anchoredWidth, setAnchoredWidth] = (0, external_react_namespaceObject.useState)(null);
+    const notify = (0, react_hooks_namespaceObject.useLatestFn)(onMeasure);
+    const width = ((style.fontSize ?? 16) * external_react_native_namespaceObject.PixelRatio.getFontScale() * 2 + Math.abs(style.letterSpacing ?? 0)) * Math.max(length, 1);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        if (layout && null !== baseline && null !== anchoredWidth) notify({
+            ...layout,
+            baseline,
+            advance: Math.max(0, anchoredWidth - layout.width)
+        });
+    }, [
+        anchoredWidth,
+        baseline,
+        layout,
+        notify
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_native_namespaceObject.View, {
+        pointerEvents: "none",
+        style: {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            width,
+            flexDirection: 'row',
+            alignItems: 'baseline',
+            opacity: 0
+        },
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        "aria-hidden": true,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.Text, {
+                selectable: false,
+                style: [
+                    style,
+                    {
+                        flexShrink: 0
+                    }
+                ],
+                onLayout: ({ nativeEvent })=>setLayout(nativeEvent.layout),
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_native_namespaceObject.Text, {
+                selectable: false,
+                style: [
+                    style,
+                    {
+                        position: 'absolute',
+                        left: 0,
+                        top: 0,
+                        flexShrink: 0
+                    }
+                ],
+                onLayout: ({ nativeEvent })=>setAnchoredWidth(nativeEvent.layout.width),
+                children: [
+                    children,
+                    '\u2060',
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.View, {
+                        style: {
+                            width: 0,
+                            height: 0
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_native_namespaceObject.View, {
+                style: {
+                    width: 1,
+                    height: 1
+                },
+                onLayout: ({ nativeEvent })=>{
+                    const { y, height } = nativeEvent.layout;
+                    setBaseline(y + height);
+                }
+            })
+        ]
+    });
+};
+exports.TextMeasurement = __webpack_exports__.TextMeasurement;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TextMeasurement"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/animation/measurement.d.cts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { LayoutRectangle, TextStyle } from 'react-native';
+export type TextMeasurementValue = LayoutRectangle & {
+    baseline: number;
+    advance: number;
+};
+export type TextMeasurementProps = {
+    children?: ReactNode;
+    length?: number;
+    style: TextStyle;
+    onMeasure: (value: TextMeasurementValue) => void;
+};
+export declare const TextMeasurement: ({ children, length, style, onMeasure, }: TextMeasurementProps) => import("react").JSX.Element;

package/dist/cjs/base/components/index.cjs

@@ -0,0 +1,62 @@
+"use strict";
+var __webpack_modules__ = {
+    "./inherited-text" (module) {
+        module.exports = require("./inherited-text/index.cjs");
+    }
+};
+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 _inherited_text__rspack_import_0 = __webpack_require__("./inherited-text");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _inherited_text__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_inherited_text__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/components/index.d.cts

@@ -0,0 +1 @@
+export * from './inherited-text/index.cjs';

package/dist/cjs/base/components/inherited-text/hooks.cjs

@@ -0,0 +1,59 @@
+"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__, {
+    TextProvider: ()=>TextProvider,
+    useTextStyle: ()=>useTextStyle
+});
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../theme/index.cjs");
+const TextContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+const TextProvider = TextContext.Provider;
+const useTextStyle = ()=>{
+    const inherited = (0, external_react_namespaceObject.useContext)(TextContext);
+    const { tokens } = (0, index_cjs_namespaceObject.useTheme)();
+    return (0, external_react_namespaceObject.useMemo)(()=>inherited ?? {
+            color: tokens.colors.fg,
+            fontFamily: tokens.typography.fontSans,
+            fontSize: tokens.typography.fontSize.md,
+            lineHeight: tokens.typography.fontSize.md * tokens.typography.lineHeight.md
+        }, [
+        inherited,
+        tokens
+    ]);
+};
+exports.TextProvider = __webpack_exports__.TextProvider;
+exports.useTextStyle = __webpack_exports__.useTextStyle;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "TextProvider",
+    "useTextStyle"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/base/components/inherited-text/hooks.d.cts

@@ -0,0 +1,3 @@
+import type { TextStyle } from 'react-native';
+export declare const TextProvider: import("react").Provider<TextStyle | null>;
+export declare const useTextStyle: () => TextStyle;