react-native-marcus 0.1.0 → 0.2.0

package/lib/typescript/commonjs/src/web/utils/parserUtils.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLMarkdownElement, MarkdownTextInputElement } from "../../MarkdownTextInput.web";
 import type { TreeNode } from "./treeUtils";
-import type { PartialMarkdownStyle } from "../../styleUtils";
-import type { LineLayout } from "./blockLayout";
+import type { ResolvedMarkdownStyle } from "../../styleUtils";
+import type { LineLayout, MarkerRendering } from "./blockLayout";
 import type { TextMeasurer } from "./measureUtils";
 import type { MarkdownRange } from "../../commonTypes";
 type Paragraph = {
@@ -18,7 +18,7 @@ type Paragraph = {
  */
 declare function normalizeLines(lines: Paragraph[], ranges: MarkdownRange[]): Paragraph[];
 /** Builds HTML DOM structure based on passed text and markdown ranges */
-declare function parseRangesToHTMLNodes(text: string, ranges: MarkdownRange[], isMultiline?: boolean, markdownStyle?: PartialMarkdownStyle, disableInlineStyles?: boolean, measure?: TextMeasurer): {
+declare function parseRangesToHTMLNodes(text: string, ranges: MarkdownRange[], isMultiline?: boolean, markdownStyle?: ResolvedMarkdownStyle, disableInlineStyles?: boolean, measure?: TextMeasurer, rendering?: MarkerRendering): {
     dom: HTMLMarkdownElement;
     tree: TreeNode;
 };
@@ -31,11 +31,11 @@ type CachedLine = {
     node: TreeNode;
 };
 type LineCache = {
-    markdownStyle: PartialMarkdownStyle;
+    markdownStyle: ResolvedMarkdownStyle;
     isMultiline: boolean;
     lines: CachedLine[];
 };
-declare function updateInputStructure(parserFunction: (input: string) => MarkdownRange[], target: MarkdownTextInputElement, text: string, cursorPositionIndex: number | null, isMultiline?: boolean, markdownStyle?: PartialMarkdownStyle, alwaysMoveCursorToTheEnd?: boolean, shouldForceDOMUpdate?: boolean, shouldScrollIntoView?: boolean): {
+declare function updateInputStructure(parserFunction: (input: string) => MarkdownRange[], target: MarkdownTextInputElement, text: string, cursorPositionIndex: number | null, isMultiline?: boolean, markdownStyle?: ResolvedMarkdownStyle, alwaysMoveCursorToTheEnd?: boolean, shouldForceDOMUpdate?: boolean, shouldScrollIntoView?: boolean): {
     text: string;
     cursorPosition: number;
 };

package/lib/typescript/commonjs/src/web/utils/parserUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parserUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/parserUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAEhG,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAS5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,mBAAmB,CAAA;AAGpE,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,qFAAqF;IACrF,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAmFD;;;GAGG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eA2BlE;AA2SD,yEAAyE;AACzE,iBAAS,sBAAsB,CAC7B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,aAAa,EAAE,EACvB,WAAW,UAAO,EAClB,aAAa,GAAE,oBAAyB,EACxC,mBAAmB,UAAQ,EAC3B,OAAO,GAAE,YAAuC;;;EAyBjD;AAED;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG;IACf,aAAa,EAAE,oBAAoB,CAAA;IACnC,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB,CAAA;AA0QD,iBAAS,oBAAoB,CAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,EAClD,MAAM,EAAE,wBAAwB,EAChC,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,WAAW,UAAO,EAClB,aAAa,GAAE,oBAAyB,EACxC,wBAAwB,UAAQ,EAChC,oBAAoB,UAAQ,EAC5B,oBAAoB,UAAQ;;;EAiD7B;AAED,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,cAAc,EAAE,CAAA;AACvE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"parserUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/parserUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAEhG,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAW7D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,mBAAmB,CAAA;AAGpE,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,qFAAqF;IACrF,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAA;AAmFD;;;GAGG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eA2BlE;AA6XD,yEAAyE;AACzE,iBAAS,sBAAsB,CAC7B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,aAAa,EAAE,EACvB,WAAW,UAAO,EAClB,aAAa,GAAE,qBAA0B,EACzC,mBAAmB,UAAQ,EAC3B,OAAO,GAAE,YAAuC,EAChD,SAAS,GAAE,eAA+B;;;EA0B3C;AAED;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG;IACf,aAAa,EAAE,qBAAqB,CAAA;IACpC,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB,CAAA;AA4QD,iBAAS,oBAAoB,CAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,EAClD,MAAM,EAAE,wBAAwB,EAChC,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,WAAW,UAAO,EAClB,aAAa,GAAE,qBAA0B,EACzC,wBAAwB,UAAQ,EAChC,oBAAoB,UAAQ,EAC5B,oBAAoB,UAAQ;;;EAiD7B;AAED,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,cAAc,EAAE,CAAA;AACvE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA"}

package/lib/typescript/commonjs/src/web/utils/treeUtils.d.ts

@@ -1,6 +1,11 @@
 import type { HTMLMarkdownElement } from "../../MarkdownTextInput.web";
 import type { MarkdownRange, MarkdownType } from "../../commonTypes";
-type NodeType = MarkdownType | "line" | "text" | "br" | "root";
+/**
+ * `list-item` is the one node with no range behind it: `<ul>` and `<ol>` may hold nothing but
+ * `<li>`, so the builder puts one inside each list container and everything the container holds
+ * goes in there. It covers exactly what its container does.
+ */
+type NodeType = MarkdownType | "line" | "text" | "br" | "root" | "list-item";
 type TreeNode = Omit<MarkdownRange, "type"> & {
     element: HTMLMarkdownElement;
     parentNode: TreeNode | null;

package/lib/typescript/commonjs/src/web/utils/treeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEpE,KAAK,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAA;AAE9D,KAAK,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC5C,OAAO,EAAE,mBAAmB,CAAA;IAC5B,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,EAAE,MAAM,SAAI,EAAE,KAAK,SAAI,GAAG,QAAQ,CAWxF;AAED;;;;;;GAMG;AACH,iBAAS,aAAa,CACpB,OAAO,EAAE,mBAAmB,EAC5B,cAAc,EAAE,QAAQ,EACxB,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,MAAM,GAAG,IAAW,EAC5B,KAAK,GAAE,MAAM,GAAG,IAAW,YAyC5B;AAED,iBAAS,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAuBxF;AAED,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAqC9E;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAEvF,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEpE;;;;GAIG;AACH,KAAK,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,WAAW,CAAA;AAE5E,KAAK,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC5C,OAAO,EAAE,mBAAmB,CAAA;IAC5B,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,EAAE,MAAM,SAAI,EAAE,KAAK,SAAI,GAAG,QAAQ,CAWxF;AAED;;;;;;GAMG;AACH,iBAAS,aAAa,CACpB,OAAO,EAAE,mBAAmB,EAC5B,cAAc,EAAE,QAAQ,EACxB,IAAI,EAAE,QAAQ,EACd,MAAM,GAAE,MAAM,GAAG,IAAW,EAC5B,KAAK,GAAE,MAAM,GAAG,IAAW,YAyC5B;AAED,iBAAS,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAuBxF;AAED,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAqC9E;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA;AAEvF,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}

package/lib/typescript/commonjs/src/web/utils/webStyleUtils.d.ts

@@ -1,6 +1,6 @@
 import type { TextStyle } from "react-native";
-import type { MarkdownStyle } from "../../MarcusTextInputDecoratorViewNativeComponent";
-declare function processMarkdownStyle(input: MarkdownStyle | undefined): MarkdownStyle;
+import type { PartialMarkdownStyle, ResolvedMarkdownStyle } from "../../styleUtils";
+declare function processMarkdownStyle(input: PartialMarkdownStyle | undefined): ResolvedMarkdownStyle;
 declare function parseToReactDOMStyle(style: TextStyle): any;
 declare const idGenerator: Generator<string, void, unknown>;
 export { parseToReactDOMStyle, processMarkdownStyle, idGenerator };

package/lib/typescript/commonjs/src/web/utils/webStyleUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webStyleUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/webStyleUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAA;AAiDtF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,aAAa,CAE7E;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAEnD;AASD,QAAA,MAAM,WAAW,kCAAqB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"webStyleUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/web/utils/webStyleUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAwEnF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,GAAG,qBAAqB,CAE5F;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAEnD;AASD,QAAA,MAAM,WAAW,kCAAqB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAA"}

package/lib/typescript/module/e2e/links.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=links.test.d.ts.map

package/lib/typescript/module/e2e/links.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.test.d.ts","sourceRoot":"","sources":["../../../../e2e/links.test.ts"],"names":[],"mappings":""}

package/lib/typescript/module/src/MarcusTextDecoratorViewNativeComponent.d.ts

@@ -0,0 +1,93 @@
+import type { ColorValue, ViewProps } from "react-native";
+import type { Float, Int32 } from "react-native/Libraries/Types/CodegenTypes";
+import type { MarkdownStyle as TextInputMarkdownStyle } from "./MarcusTextInputDecoratorViewNativeComponent";
+interface MarkdownTextStyle {
+    color?: ColorValue;
+    fontFamily?: string;
+    fontSize?: Float;
+    fontStyle?: string;
+    fontWeight?: string;
+    letterSpacing?: Float;
+    lineHeight?: Float;
+    textDecorationLine?: string;
+    textDecorationColor?: ColorValue;
+    textDecorationStyle?: string;
+    textShadowColor?: ColorValue;
+    textShadowOffset?: {
+        width: Float;
+        height: Float;
+    };
+    textShadowRadius?: Float;
+}
+interface MarkdownBoxStyle extends MarkdownTextStyle {
+    backgroundColor?: ColorValue;
+    borderColor?: ColorValue;
+    borderWidth?: Float;
+    borderRadius?: Float;
+    padding?: Float;
+    paddingHorizontal?: Float;
+    paddingVertical?: Float;
+    margin?: Float;
+    marginHorizontal?: Float;
+    marginVertical?: Float;
+}
+interface MarkdownHeadingStyle extends MarkdownTextStyle {
+    scale?: Float;
+}
+interface MarkdownBlockquoteStyle extends MarkdownTextStyle {
+    borderColor?: ColorValue;
+    borderWidth?: Float;
+    borderRadius?: Float;
+    marginStart?: Float;
+    paddingStart?: Float;
+}
+interface MarkdownListStyle {
+    marginStart?: Float;
+    paddingStart?: Float;
+    markerScale?: Float;
+    markerPadding?: Float;
+    marker?: MarkdownTextStyle;
+}
+interface MarkdownEmojiStyle {
+    fontSize?: Float;
+    fontFamily?: string;
+}
+interface MarkdownStyle {
+    syntax: MarkdownTextStyle;
+    emoji: MarkdownEmojiStyle;
+    link: MarkdownTextStyle;
+    strong: MarkdownTextStyle;
+    emphasis: MarkdownTextStyle;
+    strikethrough: MarkdownTextStyle;
+    heading: MarkdownHeadingStyle;
+    blockquote: MarkdownBlockquoteStyle;
+    orderedList: MarkdownListStyle;
+    unorderedList: MarkdownListStyle;
+    code: MarkdownBoxStyle;
+    pre: MarkdownBoxStyle;
+    mention: MarkdownBoxStyle;
+}
+interface MarkdownRangeStruct {
+    type: string;
+    start: Int32;
+    length: Int32;
+    depth: Int32;
+}
+interface MarkdownSubstitutionStruct {
+    index: Int32;
+    text: string;
+}
+interface NativeProps extends ViewProps {
+    markdownStyle: MarkdownStyle;
+    ranges: ReadonlyArray<MarkdownRangeStruct>;
+    substitutions: ReadonlyArray<MarkdownSubstitutionStruct>;
+}
+type Assignable<A extends B, B> = A;
+type StyleMatchesTextInput = [
+    Assignable<MarkdownStyle, TextInputMarkdownStyle>,
+    Assignable<TextInputMarkdownStyle, MarkdownStyle>
+];
+declare const _default: import("react-native").HostComponent<NativeProps>;
+export default _default;
+export type { MarkdownRangeStruct, MarkdownSubstitutionStruct, StyleMatchesTextInput };
+//# sourceMappingURL=MarcusTextDecoratorViewNativeComponent.d.ts.map

package/lib/typescript/module/src/MarcusTextDecoratorViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarcusTextDecoratorViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/MarcusTextDecoratorViewNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/MarcusTextInputDecoratorViewNativeComponent.d.ts

@@ -1,57 +1,70 @@
 import type { ColorValue, ViewProps } from "react-native";
 import type { Float, Int32 } from "react-native/Libraries/Types/CodegenTypes";
-interface CodeBlockStyle {
-    fontFamily: string;
-    fontSize: Float;
-    color: ColorValue;
-    backgroundColor: ColorValue;
+interface MarkdownTextStyle {
+    color?: ColorValue;
+    fontFamily?: string;
+    fontSize?: Float;
+    fontStyle?: string;
+    fontWeight?: string;
+    letterSpacing?: Float;
+    lineHeight?: Float;
+    textDecorationLine?: string;
+    textDecorationColor?: ColorValue;
+    textDecorationStyle?: string;
+    textShadowColor?: ColorValue;
+    textShadowOffset?: {
+        width: Float;
+        height: Float;
+    };
+    textShadowRadius?: Float;
+}
+interface MarkdownBoxStyle extends MarkdownTextStyle {
+    backgroundColor?: ColorValue;
+    borderColor?: ColorValue;
+    borderWidth?: Float;
+    borderRadius?: Float;
+    padding?: Float;
+    paddingHorizontal?: Float;
+    paddingVertical?: Float;
+    margin?: Float;
+    marginHorizontal?: Float;
+    marginVertical?: Float;
+}
+interface MarkdownHeadingStyle extends MarkdownTextStyle {
+    scale?: Float;
+}
+interface MarkdownBlockquoteStyle extends MarkdownTextStyle {
+    borderColor?: ColorValue;
+    borderWidth?: Float;
+    borderRadius?: Float;
+    marginStart?: Float;
+    paddingStart?: Float;
+}
+interface MarkdownListStyle {
+    marginStart?: Float;
+    paddingStart?: Float;
+    markerScale?: Float;
+    markerPadding?: Float;
+    marker?: MarkdownTextStyle;
+}
+interface MarkdownEmojiStyle {
+    fontSize?: Float;
+    fontFamily?: string;
 }
 interface MarkdownStyle {
-    syntax: {
-        color: ColorValue;
-    };
-    emoji: {
-        fontSize: Float;
-        fontFamily: string;
-    };
-    link: {
-        color: ColorValue;
-    };
-    heading: {
-        fontSize: Float;
-        scale: Float;
-    };
-    blockquote: {
-        borderColor: ColorValue;
-        borderWidth: Float;
-        marginLeft: Float;
-        paddingLeft: Float;
-    };
-    orderedList: {
-        marginLeft: Float;
-        paddingLeft: Float;
-    };
-    unorderedList: {
-        marginLeft: Float;
-        paddingLeft: Float;
-    };
-    code: CodeBlockStyle;
-    pre: CodeBlockStyle;
-    mentionHere: {
-        color: ColorValue;
-        backgroundColor: ColorValue;
-        borderRadius?: Float;
-    };
-    mentionUser: {
-        color: ColorValue;
-        backgroundColor: ColorValue;
-        borderRadius?: Float;
-    };
-    mentionReport: {
-        color: ColorValue;
-        backgroundColor: ColorValue;
-        borderRadius?: Float;
-    };
+    syntax: MarkdownTextStyle;
+    emoji: MarkdownEmojiStyle;
+    link: MarkdownTextStyle;
+    strong: MarkdownTextStyle;
+    emphasis: MarkdownTextStyle;
+    strikethrough: MarkdownTextStyle;
+    heading: MarkdownHeadingStyle;
+    blockquote: MarkdownBlockquoteStyle;
+    orderedList: MarkdownListStyle;
+    unorderedList: MarkdownListStyle;
+    code: MarkdownBoxStyle;
+    pre: MarkdownBoxStyle;
+    mention: MarkdownBoxStyle;
 }
 interface NativeProps extends ViewProps {
     markdownStyle: MarkdownStyle;
@@ -59,5 +72,5 @@ interface NativeProps extends ViewProps {
 }
 declare const _default: import("react-native").HostComponent<NativeProps>;
 export default _default;
-export type { MarkdownStyle };
+export type { MarkdownStyle, MarkdownTextStyle, MarkdownEmojiStyle, MarkdownBoxStyle, MarkdownHeadingStyle, MarkdownBlockquoteStyle, MarkdownListStyle, };
 //# sourceMappingURL=MarcusTextInputDecoratorViewNativeComponent.d.ts.map

package/lib/typescript/module/src/MarcusTextInputDecoratorViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarcusTextInputDecoratorViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/MarcusTextInputDecoratorViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAA;AAK7E,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAA;IACf,KAAK,EAAE,UAAU,CAAA;IACjB,eAAe,EAAE,UAAU,CAAA;CAC5B;AAED,UAAU,aAAa;IACrB,MAAM,EAAE;QACN,KAAK,EAAE,UAAU,CAAA;KAClB,CAAA;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK,CAAA;QACf,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU,CAAA;KAClB,CAAA;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK,CAAA;QAGf,KAAK,EAAE,KAAK,CAAA;KACb,CAAA;IACD,UAAU,EAAE;QACV,WAAW,EAAE,UAAU,CAAA;QACvB,WAAW,EAAE,KAAK,CAAA;QAClB,UAAU,EAAE,KAAK,CAAA;QACjB,WAAW,EAAE,KAAK,CAAA;KACnB,CAAA;IAGD,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAA;QACjB,WAAW,EAAE,KAAK,CAAA;KACnB,CAAA;IACD,aAAa,EAAE;QACb,UAAU,EAAE,KAAK,CAAA;QACjB,WAAW,EAAE,KAAK,CAAA;KACnB,CAAA;IACD,IAAI,EAAE,cAAc,CAAA;IACpB,GAAG,EAAE,cAAc,CAAA;IACnB,WAAW,EAAE;QACX,KAAK,EAAE,UAAU,CAAA;QACjB,eAAe,EAAE,UAAU,CAAA;QAC3B,YAAY,CAAC,EAAE,KAAK,CAAA;KACrB,CAAA;IACD,WAAW,EAAE;QACX,KAAK,EAAE,UAAU,CAAA;QACjB,eAAe,EAAE,UAAU,CAAA;QAC3B,YAAY,CAAC,EAAE,KAAK,CAAA;KACrB,CAAA;IACD,aAAa,EAAE;QACb,KAAK,EAAE,UAAU,CAAA;QACjB,eAAe,EAAE,UAAU,CAAA;QAC3B,YAAY,CAAC,EAAE,KAAK,CAAA;KACrB,CAAA;CACF;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,aAAa,EAAE,aAAa,CAAA;IAC5B,QAAQ,EAAE,KAAK,CAAA;CAChB;;AAED,wBAEE;AAEF,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"MarcusTextInputDecoratorViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/MarcusTextInputDecoratorViewNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/src/MarkdownText.d.ts

@@ -0,0 +1,127 @@
+import { Text } from "react-native";
+import React from "react";
+import type { TextProps } from "react-native";
+import type { PartialMarkdownStyle } from "./styleUtils.js";
+/**
+ * What to show in place of an image.
+ *
+ * Must return a single view with a definite width and height, or nothing: the
+ * text layout has to know how much room to leave before it can lay the line
+ * out, and markdown carries no dimensions. Anything that reports no size --
+ * a bare `Image` with a remote source, most obviously -- measures zero and
+ * disappears.
+ *
+ * The alt text is passed through rather than used: what it is good for, an
+ * accessibility label most of all, is a question only the caller can answer.
+ *
+ * `inline` says whether the image shares its line with anything else, which is
+ * usually what decides how big it should be: alone on a line it is a figure,
+ * and in the middle of a sentence it is a badge. A block marker does not count
+ * as company, and another image does.
+ *
+ * Every string is always a string: an image written without a title is handed
+ * an empty one rather than nothing, so a caller never has to tell the two
+ * apart.
+ */
+type RenderEmbed = (uri: string, alt: string, title: string, inline: boolean) => React.ReactElement | null | undefined;
+/**
+ * What to draw an SVG with.
+ *
+ * Handed a complete SVG document and the box it belongs in, and expected to
+ * return a view of exactly that size. There is deliberately nothing else in the
+ * signature: everything a picture needs -- the colour, the glyph outlines, the
+ * baseline it sits on -- is either inside the XML already or has been taken
+ * care of by the time this is called, so `<SvgXml xml={xml} width={width}
+ * height={height} />` is the whole of a correct implementation.
+ *
+ * It exists because a renderer for SVG is a dependency, and which one is not
+ * this library's business: `react-native-svg` on native, whatever you like on
+ * the web.
+ *
+ * Returning nothing leaves the drawing out, and the span it stood for still
+ * costs its one character either way.
+ */
+type RenderSVG = (xml: string, width: number, height: number) => React.ReactElement | null | undefined;
+/**
+ * What to do when a link is pressed.
+ *
+ * The label is the text the link was rendered as, which is all a reader saw of
+ * it: the destination is not in the document any more. Reference links are not
+ * covered -- their destination is written somewhere else and is not resolved
+ * yet -- so they render as links and do nothing.
+ *
+ * Opening the URL is deliberately not done for you: what a link means is the
+ * application's to decide, and a message from a stranger is the last place to
+ * hand an arbitrary URL to `Linking.openURL` without looking at it first.
+ *
+ * Every string is always a string: a link written without a title is handed an
+ * empty one rather than nothing.
+ */
+type OnLinkPress = (uri: string, label: string, title: string) => void;
+interface MarkdownTextProps extends TextProps {
+    markdownStyle?: PartialMarkdownStyle;
+    /**
+     * GFM's strikethrough (`~~a~~`) and bare autolinks (`www.example.com`).
+     *
+     * @default false
+     */
+    gfm?: boolean;
+    /**
+     * `@name` mentions, which no flavour of markdown has a notion of.
+     *
+     * @default false
+     */
+    mention?: boolean;
+    /**
+     * LaTeX between double dollar signs: `$$x^2$$` inline, and the same on lines
+     * of its own for a block.
+     *
+     * @default false
+     */
+    math?: boolean;
+    renderEmbed?: RenderEmbed;
+    /**
+     * What to draw a maths span with. Nothing is drawn without it, and `$$x^2$$`
+     * is left on the screen as it was written.
+     */
+    renderSVG?: RenderSVG;
+    /**
+     * The language a drawn equation is read out in, as the speech engine names
+     * it: `af`, `ca`, `da`, `de`, `en`, `es`, `fr`, `hi`, `it`, `ko`, `nb`, `nn`
+     * or `sv`.
+     *
+     * What a document is written in and what its reader speaks are two different
+     * questions, and only the application knows the answer to the second, so this
+     * is usually whatever the rest of the interface is translated into. It
+     * changes only how the maths is *said*: the prose around it is read in the
+     * language it was written in, and the drawing itself is the same picture in
+     * every language.
+     *
+     * The rules for one language are around 300KB, so only the ones named in
+     * `withMath(config, { locales })` are in the bundle. A language that is not
+     * is read in English, with a warning in the console saying which line of
+     * Metro config would fix it.
+     *
+     * @default "en"
+     */
+    mathAccessibilityLocale?: string;
+    onLinkPress?: OnLinkPress;
+}
+type MarkdownText = Text & React.Component<MarkdownTextProps>;
+/**
+ * `Text`, with the markdown in its content rendered rather than shown.
+ *
+ * The syntax is removed in JavaScript before the text ever reaches the shadow
+ * tree, so what gets measured, drawn, selected, copied and read out is the
+ * finished prose. What is left over -- which run is bold, where a quote starts
+ * -- is handed to the native decorator as ranges over that stripped string, and
+ * styled by the same formatter the input uses, so a message and the composer it
+ * was typed in agree by construction.
+ *
+ * List markers are the exception that stays: `1.` numbers an item and `-`
+ * stands in for a bullet, so they are laid out rather than removed.
+ */
+declare const MarkdownText: React.ForwardRefExoticComponent<MarkdownTextProps & React.RefAttributes<MarkdownText>>;
+export type { MarkdownTextProps, OnLinkPress, RenderEmbed, RenderSVG };
+export default MarkdownText;
+//# sourceMappingURL=MarkdownText.d.ts.map

package/lib/typescript/module/src/MarkdownText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownText.d.ts","sourceRoot":"","sources":["../../../../src/MarkdownText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,IAAI,EAAQ,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQ7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAc,CAAA;AAUxD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,KAAK,WAAW,GAAG,CACjB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,KACZ,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAA;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,SAAS,GAAG,CACf,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,KACX,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAA;AAE1C;;;;;;;;;;;;;;GAcG;AACH,KAAK,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,UAAU,iBAAkB,SAAQ,SAAS;IAC3C,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,KAAK,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAsJ7D;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,YAAY,wFAgKhB,CAAA;AAQF,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,CAAA;AAEtE,eAAe,YAAY,CAAA"}

package/lib/typescript/module/src/MarkdownText.web.d.ts

@@ -0,0 +1,126 @@
+import { Text } from "react-native";
+import React from "react";
+import type { TextProps } from "react-native";
+import "./web/MarkdownElements.css";
+import type { PartialMarkdownStyle } from "./styleUtils.js";
+/**
+ * What to show in place of an image.
+ *
+ * The native contract asks for a view with a definite size, because the text
+ * layout has to know how much room to leave before it lays the line out. The
+ * web has no such requirement -- the browser reflows around whatever turns up
+ * -- but the same callback runs on both, so write it for the stricter one.
+ *
+ * `inline` says whether the image shares its line with anything else, which is
+ * usually what decides how big it should be: alone on a line it is a figure,
+ * and in the middle of a sentence it is a badge. A block marker does not count
+ * as company, and another image does.
+ *
+ * Every string is always a string: an image written without a title is handed
+ * an empty one rather than nothing, so a caller never has to tell the two
+ * apart.
+ */
+type RenderEmbed = (uri: string, alt: string, title: string, inline: boolean) => React.ReactElement | null | undefined;
+/**
+ * What to draw an SVG with.
+ *
+ * Handed a complete SVG document and the box it belongs in, and expected to
+ * return a view of exactly that size. There is deliberately nothing else in the
+ * signature: everything a picture needs -- the colour, the glyph outlines, the
+ * baseline it sits on -- is either inside the XML already or has been taken
+ * care of by the time this is called, so `<SvgXml xml={xml} width={width}
+ * height={height} />` is the whole of a correct implementation.
+ *
+ * It exists because a renderer for SVG is a dependency, and which one is not
+ * this library's business: `react-native-svg` on native, whatever you like on
+ * the web.
+ *
+ * Returning nothing leaves the drawing out, and the span it stood for still
+ * costs its one character either way.
+ */
+type RenderSVG = (xml: string, width: number, height: number) => React.ReactElement | null | undefined;
+/**
+ * What to do when a link is pressed.
+ *
+ * The label is the text the link was rendered as, which is all a reader saw of
+ * it: the destination is not in the document any more. Reference links are not
+ * covered -- their destination is written somewhere else and is not resolved
+ * yet -- so they render as links and do nothing.
+ *
+ * Opening the URL is deliberately not done for you: what a link means is the
+ * application's to decide, and a message from a stranger is the last place to
+ * hand an arbitrary URL to `Linking.openURL` without looking at it first.
+ *
+ * Every string is always a string: a link written without a title is handed an
+ * empty one rather than nothing.
+ */
+type OnLinkPress = (uri: string, label: string, title: string) => void;
+interface MarkdownTextProps extends TextProps {
+    markdownStyle?: PartialMarkdownStyle;
+    /**
+     * GFM's strikethrough (`~~a~~`) and bare autolinks (`www.example.com`).
+     *
+     * @default false
+     */
+    gfm?: boolean;
+    /**
+     * `@name` mentions, which no flavour of markdown has a notion of.
+     *
+     * @default false
+     */
+    mention?: boolean;
+    /**
+     * LaTeX between double dollar signs: `$$x^2$$` inline, and the same on lines
+     * of its own for a block.
+     *
+     * @default false
+     */
+    math?: boolean;
+    renderEmbed?: RenderEmbed;
+    /**
+     * What to draw a maths span with. Nothing is drawn without it, and `$$x^2$$`
+     * is left on the screen as it was written.
+     */
+    renderSVG?: RenderSVG;
+    /**
+     * The language a drawn equation is read out in, as the speech engine names
+     * it: `af`, `ca`, `da`, `de`, `en`, `es`, `fr`, `hi`, `it`, `ko`, `nb`, `nn`
+     * or `sv`.
+     *
+     * What a document is written in and what its reader speaks are two different
+     * questions, and only the application knows the answer to the second, so this
+     * is usually whatever the rest of the interface is translated into. It
+     * changes only how the maths is *said*: the prose around it is read in the
+     * language it was written in, and the drawing itself is the same picture in
+     * every language.
+     *
+     * The rules for one language are around 300KB, so only the ones named in
+     * `withMath(config, { locales })` are in the bundle. A language that is not
+     * is read in English, with a warning in the console saying which line of
+     * Metro config would fix it.
+     *
+     * @default "en"
+     */
+    mathAccessibilityLocale?: string;
+    onLinkPress?: OnLinkPress;
+}
+type MarkdownText = Text & React.Component<MarkdownTextProps>;
+/**
+ * `Text`, with the markdown in its content rendered rather than shown.
+ *
+ * Built by the same DOM builder the input uses, from the same ranges, so a message and the composer
+ * it was typed in agree by construction -- which on the web means agreeing about indents, about
+ * ribbons drawn as background layers, and about the marker widths those are measured from. The only
+ * difference is the input, where the syntax is still there to be edited.
+ *
+ * Rendered as a real `Text` whose children are then replaced. React only ever writes the stripped
+ * string into the host element -- a lone string child is set with `textContent`, never as a node it
+ * holds on to -- so the effect below is free to put the built markup there instead, and a render
+ * that changes the text simply wipes it and lets the effect rebuild before the frame is painted.
+ * Rendering the plain string rather than nothing also means a prerendered page carries the prose:
+ * `expo export` runs every route through Node, where there is no DOM to build markup with.
+ */
+declare const MarkdownText: React.ForwardRefExoticComponent<MarkdownTextProps & React.RefAttributes<MarkdownText>>;
+export type { MarkdownTextProps, OnLinkPress, RenderEmbed, RenderSVG };
+export default MarkdownText;
+//# sourceMappingURL=MarkdownText.web.d.ts.map

package/lib/typescript/module/src/MarkdownText.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownText.web.d.ts","sourceRoot":"","sources":["../../../../src/MarkdownText.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,4BAA4B,CAAA;AAUnC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAc,CAAA;AAIxD;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG,CACjB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,KACZ,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAA;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,SAAS,GAAG,CACf,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,KACX,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAA;AAE1C;;;;;;;;;;;;;;GAcG;AACH,KAAK,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,UAAU,iBAAkB,SAAQ,SAAS;IAC3C,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,KAAK,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;AA6J7D;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,wFAsWhB,CAAA;AAEF,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,CAAA;AAEtE,eAAe,YAAY,CAAA"}

package/lib/typescript/module/src/MarkdownTextInput.d.ts

@@ -12,7 +12,29 @@ declare global {
 declare function getWorkletRuntime(): WorkletRuntime;
 interface MarkdownTextInputProps extends TextInputProps {
     markdownStyle?: PartialMarkdownStyle;
-    parser: (value: string) => MarkdownRange[];
+    /**
+     * GFM's strikethrough (`~~a~~`) and bare autolinks (`www.example.com`).
+     *
+     * @default false
+     */
+    gfm?: boolean;
+    /**
+     * `@name` mentions, which no flavour of markdown has a notion of.
+     *
+     * @default false
+     */
+    mention?: boolean;
+    /**
+     * LaTeX between double dollar signs: `$$x^2$$` inline, and the same on lines
+     * of its own for a block.
+     *
+     * An input shows what was typed, so the maths stays as written -- what this
+     * turns on is recognising it, which greys the dollars as the markup they are
+     * and leaves the TeX between them alone.
+     *
+     * @default false
+     */
+    math?: boolean;
 }
 type MarkdownTextInput = TextInput & React.Component<MarkdownTextInputProps>;
 declare const MarkdownTextInput: React.ForwardRefExoticComponent<MarkdownTextInputProps & React.RefAttributes<MarkdownTextInput>>;

package/lib/typescript/module/src/MarkdownTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../../../../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAgB,MAAM,cAAc,CAAA;AAClE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAK7F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAc,CAAA;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAe,CAAA;AAElD,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,oBAAoB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAE3D,IAAI,yBAAyB,EAAE,CAC7B,gBAAgB,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,KAC1E,MAAM,CAAA;IAEX,IAAI,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D;AAKD,iBAAS,iBAAiB,IAAI,cAAc,CAO3C;AA8BD,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,CAAA;CAC3C;AAED,KAAK,iBAAiB,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;AAuB5E,QAAA,MAAM,iBAAiB,kGAmCtB,CAAA;AAQD,YAAY,EAAE,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAE,CAAA;AAE7E,eAAe,iBAAiB,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../../../../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAI7F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAc,CAAA;AAExD,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,kBAAe,CAAA;AAElE,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,oBAAoB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAE3D,IAAI,yBAAyB,EAAE,CAC7B,gBAAgB,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,KAC1E,MAAM,CAAA;IAEX,IAAI,2BAA2B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D;AAKD,iBAAS,iBAAiB,IAAI,cAAc,CAO3C;AA8BD,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,KAAK,iBAAiB,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAA;AAE5E,QAAA,MAAM,iBAAiB,kGAsCtB,CAAA;AAQD,YAAY,EAAE,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAE,CAAA;AAE7E,eAAe,iBAAiB,CAAA;AAEhC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}