@blue-patterns/richtext 0.0.0-stage → 0.7.18

package/dist/markdownThematicBreak.js

@@ -0,0 +1,55 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file markdownThematicBreak.ts
+ * @input Uses @lexical/extension (HorizontalRuleNode), @lexical/markdown
+ *   (ElementTransformer), and lexical.
+ * @output Exports THEMATIC_BREAK, the Markdown transformer that turns a
+ *   thematic break line into a horizontal rule and writes a rule back as `---`.
+ * @position Part of DEFAULT_TRANSFORMERS (markdownTable.ts), ahead of
+ *   Lexical's list transformers so `* * *` and `- - -` are rules, as in
+ *   CommonMark. Matches core Markdown's thematic breaks (spec:AST-061 FR5).
+ */
+
+import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from '@lexical/extension';
+import { $isParagraphNode, $isTextNode } from 'lexical';
+
+/**
+ * Three or more `-`, `*`, or `_` of one kind, optionally spaced, indented at
+ * most three spaces (CommonMark 0.31, thematic breaks).
+ */
+const THEMATIC_BREAK_LINE = /^ {0,3}([-*_])(?:[ \t]*\1){2,}[ \t]*$/;
+
+/**
+ * A setext heading underline made of dashes: no spaces between them, so
+ * `- - -` under a paragraph is still a thematic break (CommonMark 0.31).
+ */
+const SETEXT_UNDERLINE = /^ {0,3}-+[ \t]*$/;
+export const THEMATIC_BREAK = {
+  dependencies: [HorizontalRuleNode],
+  export: node => $isHorizontalRuleNode(node) ? '---' : null,
+  regExp: THEMATIC_BREAK_LINE,
+  replace: (parentNode, children, match, isImport) => {
+    // A dash line right under a paragraph line underlines it as a heading
+    // (setext) rather than breaking. Lexical has already cut the matched text
+    // out of the line; put it back and leave the line to the paragraph, which
+    // keeps it as literal text.
+    const previous = parentNode.getPreviousSibling();
+    if (isImport && SETEXT_UNDERLINE.test(match[0]) && $isParagraphNode(previous) && previous.getTextContentSize() > 0) {
+      const [line] = children;
+      if ($isTextNode(line)) {
+        // The pattern is anchored to the whole line, so its match is the line.
+        line.setTextContent(match[0]);
+      }
+      return false;
+    }
+    const rule = $createHorizontalRuleNode();
+    if (isImport || parentNode.getNextSibling() != null) {
+      parentNode.replace(rule);
+    } else {
+      parentNode.insertBefore(rule);
+    }
+    rule.selectNext();
+  },
+  type: 'element'
+};

package/dist/privateAttributes/layerPortalBoundary.stylex.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file privateAttributes/layerPortalBoundary.stylex.ts
+ * @input The editable root Lexical reconciles
+ * @output rendererManagedRootProps, which marks that root
+ * @position Owner module of the private layer-portal-boundary attribute in
+ *   RichText: the only RichText file that writes its name. Core's Layer reads
+ *   the mark through its own owner module of the same name. No package entry
+ *   exports it.
+ */
+/** Spread on the editable root, whose DOM Lexical reconciles. */
+export declare const rendererManagedRootProps: Readonly<Record<`data-${string}`, string>>;
+//# sourceMappingURL=layerPortalBoundary.stylex.d.ts.map

package/dist/privateAttributes/layerPortalBoundary.stylex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layerPortalBoundary.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/layerPortalBoundary.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,iEAAiE;AACjE,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAC7C,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAGjC,CAAC"}

package/dist/privateAttributes/layerPortalBoundary.stylex.js

@@ -0,0 +1,16 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file privateAttributes/layerPortalBoundary.stylex.ts
+ * @input The editable root Lexical reconciles
+ * @output rendererManagedRootProps, which marks that root
+ * @position Owner module of the private layer-portal-boundary attribute in
+ *   RichText: the only RichText file that writes its name. Core's Layer reads
+ *   the mark through its own owner module of the same name. No package entry
+ *   exports it.
+ */
+
+/** Spread on the editable root, whose DOM Lexical reconciles. */
+export const rendererManagedRootProps = {
+  'data-astryx-layer-portal-boundary': 'external'
+};

package/dist/richtext.css

@@ -0,0 +1,213 @@
+/* Astryx Rich Text Pre-compiled StyleX CSS — Lexical editor and viewer */
+/* Auto-generated. Do not edit manually. */
+
+@layer reset, astryx-base, astryx-theme;
+
+@layer astryx-base {
+  @property --x-left { syntax: "*"; inherits: false;}
+  @property --x-minHeight { syntax: "*"; inherits: false;}
+  @property --x-top { syntax: "*"; inherits: false;}
+  @property --x-width { syntax: "*"; inherits: false;}
+  :root, .x1ovvdif{--border-width:1px;}
+  :root, .x1vhn10t{--color-accent:light-dark(#0064E0, #0171E3);--color-accent-muted:light-dark(#0082FB33, #0082FB3F);--color-on-accent:light-dark(#FFFFFF, #FFFFFF);--color-neutral:light-dark(rgba(5, 54, 89, 0.1), rgba(223, 226, 229, 0.2));--color-background-surface:light-dark(#FFFFFF, #1F1F22);--color-background-body:light-dark(#F1F4F7, #111112);--color-overlay:light-dark(#01122866, #11111299);--color-overlay-hover:light-dark(#0536590C, #FFFFFF0C);--color-overlay-pressed:light-dark(#05365919, #FFFFFF19);--color-background-muted:light-dark(#0536590C, #1111127F);--color-text-primary:light-dark(#0A1317, #DFE2E5);--color-text-secondary:light-dark(#4E606F, #AAAFB5);--color-text-disabled:light-dark(#A4B0BC, #6F747C);--color-text-accent:light-dark(#0064E0, #3E9EFB);--color-on-dark:light-dark(#FFFFFF, #FFFFFF);--color-on-light:light-dark(#000000, #000000);--color-icon-accent:light-dark(#0064E0, #2694FE);--color-icon-primary:light-dark(#0A1317, #DFE2E5);--color-icon-secondary:light-dark(#4E606F, #AAAFB5);--color-icon-disabled:light-dark(#A4B0BC, #6F747C);--color-background-card:light-dark(#FFFFFF, #1F1F22);--color-background-popover:light-dark(#FFFFFF, #28292C);--color-background-inverted:light-dark(#0A1317, #FFFFFF);--color-background-error-inverted:light-dark(#AA071E, #E3193B);--color-info:light-dark(#0064E0, #0064E0);--color-info-muted:light-dark(#0082FB33, #0082FB3F);--color-on-info:light-dark(#FFFFFF, #FFFFFF);--color-success:light-dark(#0D8626, #0D8626);--color-success-muted:light-dark(#0B991F33, #0B991F3F);--color-on-success:light-dark(#FFFFFF, #FFFFFF);--color-error:light-dark(#E3193B, #F5394F);--color-error-muted:light-dark(#E3193B33, #F5394F3F);--color-on-error:light-dark(#FFFFFF, #0A1317);--color-warning:light-dark(#E9AF08, #F2C00B);--color-warning-muted:light-dark(#E2A40033, #E2A4003F);--color-on-warning:light-dark(#0A1317, #0A1317);--color-text-info:var(--color-text-blue);--color-text-success:var(--color-text-green);--color-text-warning:var(--color-text-yellow);--color-text-error:var(--color-text-red);--color-icon-info:var(--color-text-info);--color-icon-success:var(--color-text-success);--color-icon-warning:var(--color-text-warning);--color-icon-error:var(--color-text-error);--color-border-info:var(--color-text-info);--color-border-success:var(--color-text-success);--color-border-warning:var(--color-text-warning);--color-border-error:var(--color-text-error);--color-on-info-muted:var(--color-text-blue);--color-on-success-muted:var(--color-text-green);--color-on-warning-muted:var(--color-text-yellow);--color-on-error-muted:var(--color-text-red);--color-border:light-dark(#05365919, #F2F4F619);--color-border-emphasized:light-dark(#CCD3DB, #494D53);--color-skeleton:light-dark(#CCD3DB, #5A5E66);--color-track:light-dark(#CCD3DB, #5A5E66);--color-shadow:light-dark(rgba(5, 54, 89, 0.1), rgba(0, 0, 0, 0.3));--color-tint-hover:light-dark(black, white);--color-background-blue:light-dark(#0171E333, #0171E333);--color-border-blue:light-dark(#0064E0, #2694FE);--color-icon-blue:light-dark(#0064E0, #2694FE);--color-text-blue:light-dark(#042F97, #AFD7FF);--color-background-cyan:light-dark(#03A7D733, #03A7D733);--color-border-cyan:light-dark(#089DD0, #0171A4);--color-icon-cyan:light-dark(#00ACC1, #26C6DA);--color-text-cyan:light-dark(#014975, #A1EEF9);--color-background-gray:light-dark(#0A131733, #666A724C);--color-border-gray:light-dark(#647685, #748695);--color-icon-gray:light-dark(#4E606F, #AAAFB5);--color-text-gray:light-dark(#0A1317, #E7EAED);--color-background-green:light-dark(#24BB5E33, #24BB5E33);--color-border-green:light-dark(#0D8626, #0B991F);--color-icon-green:light-dark(#0D8626, #26A756);--color-text-green:light-dark(#09441F, #A5F690);--color-background-orange:light-dark(#F2790233, #F2790233);--color-border-orange:light-dark(#EB6E00, #B34A01);--color-icon-orange:light-dark(#E9690B, #FB8C00);--color-text-orange:light-dark(#6B2203, #FDB876);--color-background-pink:light-dark(#E638B333, #E638B333);--color-border-pink:light-dark(#F351C0, #C02294);--color-icon-pink:light-dark(#C2185B, #EC407A);--color-text-pink:light-dark(#650053, #FEADE3);--color-background-purple:light-dark(#7952FF33, #7952FF33);--color-border-purple:light-dark(#9081FF, #7340FE);--color-icon-purple:light-dark(#5B08D8, #7952FF);--color-text-purple:light-dark(#3E0697, #B3B0FE);--color-background-red:light-dark(#E3193B33, #E3193B33);--color-border-red:light-dark(#E3193B, #F5394F);--color-icon-red:light-dark(#D31130, #E3193B);--color-text-red:light-dark(#7B0210, #FFB2B8);--color-background-teal:light-dark(#0DB7AF33, #0DB7AF33);--color-border-teal:light-dark(#08A3A3, #08767D);--color-icon-teal:light-dark(#009688, #26A69A);--color-text-teal:light-dark(#083943, #40DCCD);--color-background-yellow:light-dark(#E2A40033, #E2A40033);--color-border-yellow:light-dark(#C58600, #B47700);--color-icon-yellow:light-dark(#FBC02D, #FFEE58);--color-text-yellow:light-dark(#753F07, #FBCE03);}
+  :root, .x1lm7ezh{--duration-fast-min:130ms;--duration-fast:175ms;--duration-fast-max:230ms;--duration-medium-min:310ms;--duration-medium:410ms;--duration-medium-max:550ms;--duration-slow-min:730ms;--duration-slow:975ms;--duration-slow-max:1300ms;--duration-exit:var(--duration-fast);}
+  :root, .xn1667j{--ease-standard:cubic-bezier(0.24, 1, 0.4, 1);--ease-entrance:cubic-bezier(0.24, 1, 0.4, 1);--ease-move:cubic-bezier(0.24, 1, 0.4, 1);--ease-exit:cubic-bezier(0.3, 0, 0.6, 0.6);}
+  :root, .x1q59i2g{--focus-outline-width:2px;--focus-outline-style:solid;--focus-outline-color:var(--color-accent);--focus-outline-offset:3px;}
+  :root, .x1ut5255{--font-family-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-code:"SF Mono", Monaco, Consolas, monospace;--font-family-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
+  :root, .xc7z9t2{--font-size-4xs:0.375rem;--font-size-3xs:0.4375rem;--font-size-2xs:0.5rem;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;}
+  :root, .x1cm0oje{--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;}
+  :root, .x164hse8{--radius-none:0px;--radius-inner:4px;--radius-element:8px;--radius-container:12px;--radius-page:28px;--radius-chat:28px;--radius-full:9999px;}
+  :root, .x159f4zj{--shadow-low:0px 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 2px 8px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));--shadow-med:0px 1px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 2px 12px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));--shadow-high:0px 2px 2px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), 0px 8px 24px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));--shadow-inset-hover:inset 0px 0px 0px 2px light-dark(rgba(5, 54, 89, 0.15), rgba(223, 226, 229, 0.2));--shadow-inset-selected:inset 0px 0px 0px 2px rgba(1, 113, 227, 0.5);--shadow-inset-success:inset 0px 0px 0px 2px rgba(38, 167, 86, 0.3);--shadow-inset-warning:inset 0px 0px 0px 2px rgba(226, 164, 0, 0.3);--shadow-inset-error:inset 0px 0px 0px 2px rgba(227, 25, 59, 0.3);}
+  :root, .x1d8su97{--size-element-sm:28px;--size-element-md:32px;--size-element-lg:36px;}
+  :root, .xr6wagp{--spacing-0:0rem;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;}
+  :root, .xcjw8h0{--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-semibold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-semibold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.2414;}
+  .x1qgjean{--astryx-section-padding-inline-end:var(--spacing-1)}
+  .xcfn0br{--astryx-section-padding-inline-start:var(--spacing-1)}
+  .xax9j7h{--container-padding-block-end:0px}
+  .x1047aw6{--container-padding-block-start:0px}
+  .xjsfl84{--container-padding-inline-end:0px}
+  .xrhngw9{--container-padding-inline-start:0px}
+  .x1717udv:not(#\#){padding:0}
+  .xlsj2fj:not(#\#){padding:var(--spacing-2)}
+  .x14i3s5s:not(#\#):not(#\#){border-color:var(--color-border)}
+  .xh6dtrn:not(#\#):not(#\#){border-radius:var(--radius-element)}
+  .xx3sua9:not(#\#):not(#\#){border-radius:var(--radius-inner)}
+  .xng3xce:not(#\#):not(#\#){border-style:none}
+  .x1y0btm7:not(#\#):not(#\#){border-style:solid}
+  .xc342km:not(#\#):not(#\#){border-width:0}
+  .x1litavf:not(#\#):not(#\#){border-width:var(--border-width)}
+  .x845mor:not(#\#):not(#\#){flex:1 1 0%}
+  .xsn7fz1:not(#\#):not(#\#){gap:var(--spacing-0)}
+  .xrxpjvj:not(#\#):not(#\#){margin-inline:0}
+  .x1a2a7pz:not(#\#):not(#\#){outline:none}
+  .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
+  .x1hp7d8q:not(#\#):not(#\#){padding-block:var(--spacing-0)}
+  .xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
+  .xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
+  .x17a0aqu:not(#\#):not(#\#){padding-inline:var(--spacing-0)}
+  .x7a5moj:not(#\#):not(#\#){padding-inline:var(--spacing-1)}
+  .xf314gf:not(#\#):not(#\#){padding-inline:var(--spacing-2)}
+  .x1pzlopt:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
+  .xmqliwb:not(#\#):not(#\#){text-decoration:line-through}
+  .x1bvjpef:not(#\#):not(#\#){text-decoration:underline}
+  .x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
+  .x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
+  .xkh2ocl:not(#\#):not(#\#):not(#\#){align-self:stretch}
+  .xwmxj5m:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
+  .xzyc27v:not(#\#):not(#\#):not(#\#){background-color:var(--color-syntax-background)}
+  .x1mwwwfo:not(#\#):not(#\#):not(#\#){border-collapse:collapse}
+  .x1gejf6u:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border)}
+  .x18b5jzi:not(#\#):not(#\#):not(#\#){border-inline-end-style:solid}
+  .xw8tdv1:not(#\#):not(#\#):not(#\#){border-inline-end-width:var(--border-width)}
+  .x14ydlgx:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-border-emphasized)}
+  .x1t7ytsu:not(#\#):not(#\#):not(#\#){border-inline-start-style:solid}
+  .xyumdvf:not(#\#):not(#\#):not(#\#){border-inline-start-width:2px}
+  .x9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
+  .x1afcbsf:not(#\#):not(#\#):not(#\#){box-sizing:content-box}
+  .x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
+  .x1mjzq1q:not(#\#):not(#\#):not(#\#){color:var(--color-syntax-comment)}
+  .xjse4m1:not(#\#):not(#\#):not(#\#){color:var(--color-text-accent)}
+  .x1wj83wy:not(#\#):not(#\#):not(#\#){color:var(--color-text-error)}
+  .x1tgivj0:not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}
+  .xv1l7n4:not(#\#):not(#\#):not(#\#){color:var(--color-text-secondary)}
+  .xt0e3qv:not(#\#):not(#\#):not(#\#){cursor:default}
+  .x1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
+  .x1epdd7z:not(#\#):not(#\#):not(#\#){direction:inherit}
+  .x1lliihq:not(#\#):not(#\#):not(#\#){display:block}
+  .x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
+  .xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
+  .x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
+  .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
+  .x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
+  .x9ynric:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-body)}
+  .x9m5x89:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-code)}
+  .x1g81bgm:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-heading)}
+  .xjm74w1:not(#\#):not(#\#):not(#\#){font-size:var(--text-body-size)}
+  .xp03k98:not(#\#):not(#\#):not(#\#){font-size:var(--text-code-size)}
+  .xcg7oai:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-1-size)}
+  .x1xvnhcw:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-2-size)}
+  .xii13ha:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-3-size)}
+  .x8tkxat:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-4-size)}
+  .xsgqta0:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-5-size)}
+  .xw5ohdf:not(#\#):not(#\#):not(#\#){font-size:var(--text-heading-6-size)}
+  .x141an7d:not(#\#):not(#\#):not(#\#){font-size:var(--text-supporting-size)}
+  .x1k4tb9n:not(#\#):not(#\#):not(#\#){font-style:italic}
+  .xss6m8b:not(#\#):not(#\#):not(#\#){font-variant-numeric:tabular-nums}
+  .x1pd3egz:not(#\#):not(#\#):not(#\#){font-weight:inherit}
+  .x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
+  .x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
+  .x2mo6ok:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-semibold)}
+  .x1v68xuy:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-1-weight)}
+  .x12yy4cs:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-2-weight)}
+  .x1jcxfy8:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-3-weight)}
+  .x2hcmsi:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-4-weight)}
+  .xno150v:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-5-weight)}
+  .x1pw4frv:not(#\#):not(#\#):not(#\#){font-weight:var(--text-heading-6-weight)}
+  .x1mkdm3x:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}
+  .x72tfeb:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-2)}
+  .x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
+  .x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
+  .x1qughib:not(#\#):not(#\#):not(#\#){justify-content:space-between}
+  .xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
+  .x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
+  .xfmsba7:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-1-leading)}
+  .x1cpk1wn:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-2-leading)}
+  .xwjzt0u:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-3-leading)}
+  .xqerer:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-4-leading)}
+  .xo3gurs:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-5-leading)}
+  .xeixjfn:not(#\#):not(#\#):not(#\#){line-height:var(--text-heading-6-leading)}
+  .x1ltkj2j:not(#\#):not(#\#):not(#\#){line-height:var(--text-supporting-leading)}
+  .x43c9pm:not(#\#):not(#\#):not(#\#){list-style-position:outside}
+  .xrylv2j:not(#\#):not(#\#):not(#\#){list-style-type:circle}
+  .x3yw8vx:not(#\#):not(#\#):not(#\#){list-style-type:decimal}
+  .xtaz4m5:not(#\#):not(#\#):not(#\#){list-style-type:disc}
+  .x1sle589:not(#\#):not(#\#):not(#\#){list-style-type:inherit}
+  .x1rrqm6h:not(#\#):not(#\#):not(#\#){list-style-type:lower-alpha}
+  .x19k9dhg:not(#\#):not(#\#):not(#\#){list-style-type:lower-roman}
+  .x152237o:not(#\#):not(#\#):not(#\#){list-style-type:square}
+  .x8yim9t:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(var(--spacing-0))}
+  .x19bwoy8:not(#\#):not(#\#):not(#\#){outline-color:var(--focus-outline-color)}
+  .x1c097ug:not(#\#):not(#\#):not(#\#){outline-offset:calc(-1 * var(--focus-outline-width))}
+  .x1eqjuhu:not(#\#):not(#\#):not(#\#){outline-offset:var(--focus-outline-offset)}
+  .x9ssot5:not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
+  .xak0ai5:not(#\#):not(#\#):not(#\#){outline-width:var(--focus-outline-width)}
+  .x1mzt3pk:not(#\#):not(#\#):not(#\#){overflow-wrap:break-word}
+  .xp74n0j:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--spacing-2) + var(--spacing-6))}
+  .xza90q5:not(#\#):not(#\#):not(#\#){padding-inline-end:calc(var(--spacing-4) + var(--size-element-sm) + 2 * var(--spacing-2))}
+  .xbj1ybn:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(var(--spacing-0))}
+  .x1rey3nv:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-4)}
+  .x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
+  .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
+  .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
+  .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
+  .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
+  .x1597r2g:not(#\#):not(#\#):not(#\#){scrollbar-width:thin}
+  .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
+  .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
+  .x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
+  .xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
+  .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
+  .x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
+  .x1yn0g08:not(#\#):not(#\#):not(#\#){word-break:break-all}
+  .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
+  .x16khyan:is(:disabled,[aria-disabled="true"]):not(#\#):not(#\#):not(#\#){cursor:default}
+  .x2i8j16:is([data-richtext-task]):not(#\#):not(#\#):not(#\#){list-style-type:none}
+  .x1pvqllw:is([data-richtext-task]):not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-1 * var(--spacing-6))}
+  .x18crcbm:is([data-language]:not([data-language="plaintext"])):not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-4)}
+  .x1kuvm45:is([data-richtext-task]):not(#\#):not(#\#):not(#\#){padding-inline-start:calc(20px + var(--spacing-2))}
+  .x81k3mc:has(ul):not(#\#):not(#\#):not(#\#){list-style-type:none}
+  .xovwveo:has(ol):not(#\#):not(#\#):not(#\#){list-style-type:none}
+  .x1qlsc9e:last-child:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
+  @supports (-webkit-touch-callout: none){@media (pointer: coarse){.xf9zqsd.xf9zqsd.xf9zqsd:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-body-size))}}}
+  .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
+  .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
+  .xso031l:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:1px}
+  .x1pc3f07:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border)}
+  .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
+  .x178xt8z:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:1px}
+  .x11xkdxz:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--border-width)}
+  .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
+  .xgq9j65:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--x-left)}
+  .x199tud:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(-1 * var(--spacing-1))}
+  .x10j6jf0:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(var(--spacing-0-5))}
+  .x1hws3vx:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(var(--spacing-2))}
+  .x18pneqc:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(var(--spacing-3))}
+  .x1u2y747:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(var(--spacing-4))}
+  .x1qaki06:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:calc(var(--spacing-6))}
+  .x1uy92hs:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(-1 * var(--spacing-1))}
+  .x1wqhfsw:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-0))}
+  .x1ftnraw:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-3))}
+  .x1w2a574:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-4))}
+  .x13xmvwt:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-6))}
+  .xcsaf9d:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-1)}
+  .x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
+  .x7ep2pv:not(#\#):not(#\#):not(#\#):not(#\#){max-width:680px}
+  .x65nank:not(#\#):not(#\#):not(#\#):not(#\#){min-height:auto}
+  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
+  .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
+  .xejm5pw:not(#\#):not(#\#):not(#\#):not(#\#){min-width:min(680px,100%)}
+  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
+  .x10wlt62:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}
+  .x7p5m3t:not(#\#):not(#\#):not(#\#):not(#\#){overscroll-behavior-x:contain}
+  .x13xdy6z:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(var(--spacing-1))}
+  .xvmdzux:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-3)}
+  .x1f3mx8c:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--spacing-1))}
+  .xekneqv:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--spacing-3))}
+  .x4xegtk:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-0)}
+  .xctzyg:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-2)}
+  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--x-top)}
+  .xnalus7:not(#\#):not(#\#):not(#\#):not(#\#){width:0}
+  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
+  .xeq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
+  .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
+  .xe66n16:is([data-lexical-decorator-boundary]:first-child + *):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-0)}
+  .x2w4pp4:is([data-language]:not([data-language="plaintext"])):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:calc(var(--spacing-2) + var(--size-element-sm) + var(--spacing-3))}
+  .x1vugyqv:has(+ [data-lexical-decorator-boundary]:last-child):not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0)}
+  .xkuhcwz:has(ul):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-2))}
+  .xsgnyjk:has(ol):not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-2))}
+  .x1uerj9w:has(ol):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0)}
+  .xmvvslv:has(ul):not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0)}
+  .xnhvf09:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-0)}
+  .x1bta2m4:last-child:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:transparent}
+  .xfo59cc:last-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0)}
+}

package/dist/textSemantics.d.ts

@@ -0,0 +1,3 @@
+import { type AnyLexicalExtensionArgument } from 'lexical';
+export declare const TextSemanticsExtension: AnyLexicalExtensionArgument;
+//# sourceMappingURL=textSemantics.d.ts.map

package/dist/textSemantics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textSemantics.d.ts","sourceRoot":"","sources":["../src/textSemantics.ts"],"names":[],"mappings":"AAyBA,OAAO,EAIL,KAAK,2BAA2B,EACjC,MAAM,SAAS,CAAC;AAgCjB,eAAO,MAAM,sBAAsB,EAAE,2BAyCjC,CAAC"}

package/dist/textSemantics.js

@@ -0,0 +1,87 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file textSemantics.ts
+ * @input Uses lexical (TextNode, configExtension) and @lexical/html
+ *   (DOMRenderExtension, domOverride).
+ * @output Exports TextSemanticsExtension, which renders struck-through text
+ *   inside a `<del>` and bold italic text inside an `<em>`, the elements core
+ *   Markdown renders for them.
+ * @position A dependency of the RichTextEditor and RichTextView extensions.
+ *   Lexical draws struck text as a styled `<span>`, or as the `<strong>`,
+ *   `<em>`, or `<code>` its other marks call for, and draws bold italic text
+ *   as a `<strong>` alone, so assistive technology hears no deletion, and no
+ *   emphasis on bold italic text, where core Markdown exposes them
+ *   (spec:AST-061 FR7). Giving Lexical's element another role would replace
+ *   the one it already has; instead each text node's element, exactly as
+ *   Lexical builds it, sits inside the elements it is missing — a `<del>`,
+ *   then an `<em>` — so every mark is exposed together. Struck text inside a
+ *   link is a deletion inside the link. The document, its Markdown, and the
+ *   selection model are unchanged: the text node's element is still the one
+ *   Lexical created and updates, and Lexical finds its text by walking down
+ *   from the outermost element.
+ */
+
+import { DOMRenderExtension, domOverride } from '@lexical/html';
+import { configExtension, TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical';
+const STRIKETHROUGH = TEXT_TYPE_TO_FORMAT.strikethrough;
+const BOLD_ITALIC = TEXT_TYPE_TO_FORMAT.bold | TEXT_TYPE_TO_FORMAT.italic;
+
+/**
+ * The elements this version of `node` sits inside, outermost first. Reads the
+ * version's own field: Lexical's getters read the latest version, so
+ * `prevNode.hasFormat()` would answer for the next one.
+ */
+function wrappersOf(node) {
+  const format = node.__format;
+  const wrappers = [];
+  if ((format & STRIKETHROUGH) !== 0) {
+    wrappers.push('del');
+  }
+  // Lexical draws bold italic text as a `<strong>` with an italic class.
+  if ((format & BOLD_ITALIC) === BOLD_ITALIC) {
+    wrappers.push('em');
+  }
+  return wrappers;
+}
+function sameWrappers(a, b) {
+  return a.length === b.length && a.every((tag, index) => tag === b[index]);
+}
+
+// Typed as an extension argument: its inferred type names Lexical types the
+// package's declarations cannot (TS4023).
+export const TextSemanticsExtension = configExtension(DOMRenderExtension, {
+  overrides: [domOverride([TextNode], {
+    $createDOM(node, $next) {
+      let element = $next();
+      for (const tag of [...wrappersOf(node)].reverse()) {
+        const wrapper = document.createElement(tag);
+        wrapper.append(element);
+        element = wrapper;
+      }
+      return element;
+    },
+    $updateDOM(nextNode, prevNode, dom, $next, editor) {
+      const wrappers = wrappersOf(nextNode);
+      if (!sameWrappers(wrappers, wrappersOf(prevNode))) {
+        // Adding or removing a wrapper recreates the element.
+        return true;
+      }
+      if (wrappers.length === 0) {
+        return $next();
+      }
+      // Lexical updates its own element, inside the wrappers.
+      let element = dom;
+      for (const tag of wrappers) {
+        if (element?.tagName.toLowerCase() !== tag) {
+          return true;
+        }
+        element = element.firstElementChild;
+      }
+      if (element == null) {
+        return true;
+      }
+      return nextNode.updateDOM(prevNode, element, editor._config);
+    }
+  })]
+});

package/package.json

@@ -1,6 +1,161 @@
 {
   "name": "@blue-patterns/richtext",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "displayName": "Rich Text",
+  "version": "0.7.18",
+  "description": "Astryx rich text — a Lexical-based rich text editor and viewer, styled with Astryx design tokens.",
+  "author": "Meta Open Source",
+  "license": "MIT",
+  "homepage": "https://github.com/meta/astryx#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/meta/astryx.git",
+    "directory": "packages/richtext"
+  },
+  "bugs": {
+    "url": "https://github.com/meta/astryx/issues"
+  },
+  "keywords": [
+    "astryx",
+    "richtext",
+    "rich-text",
+    "editor",
+    "lexical",
+    "design-system"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "astryx.integration.mjs",
+    "blocks",
+    "dist",
+    "src",
+    "README.md",
+    "CHANGELOG.md",
+    "!**/*.test.*",
+    "!**/*.spec.js",
+    "!**/*.spec.jsx",
+    "!**/*.spec.mjs",
+    "!**/*.spec.cjs",
+    "!**/*.spec.ts",
+    "!**/*.spec.tsx",
+    "!**/*.spec.mts",
+    "!**/*.spec.cts",
+    "!**/*.spec.d.ts",
+    "!**/__tests__/**",
+    "!**/__mocks__/**",
+    "!**/*.bench.*"
+  ],
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./markdown": {
+      "source": "./src/markdown.ts",
+      "types": "./dist/markdown.d.ts",
+      "default": "./dist/markdown.js"
+    },
+    "./richtext.css": {
+      "default": "./dist/richtext.css"
+    }
+  },
+  "peerDependencies": {
+    "@stylexjs/stylex": ">=0.10.0",
+    "@blue-patterns/core": "0.7.18",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "lexical": "^0.52.0",
+    "@lexical/react": "^0.52.0",
+    "@lexical/markdown": "^0.52.0",
+    "@lexical/headless": "^0.52.0",
+    "@lexical/html": "^0.52.0",
+    "@lexical/link": "^0.52.0",
+    "@lexical/list": "^0.52.0",
+    "@lexical/rich-text": "^0.52.0",
+    "@lexical/selection": "^0.52.0",
+    "@lexical/code": "^0.52.0",
+    "@lexical/extension": "^0.52.0",
+    "@lexical/table": "^0.52.0",
+    "@lexical/utils": "^0.52.0"
+  },
+  "peerDependenciesMeta": {
+    "lexical": {
+      "optional": true
+    },
+    "@lexical/react": {
+      "optional": true
+    },
+    "@lexical/markdown": {
+      "optional": true
+    },
+    "@lexical/headless": {
+      "optional": true
+    },
+    "@lexical/html": {
+      "optional": true
+    },
+    "@lexical/link": {
+      "optional": true
+    },
+    "@lexical/list": {
+      "optional": true
+    },
+    "@lexical/rich-text": {
+      "optional": true
+    },
+    "@lexical/selection": {
+      "optional": true
+    },
+    "@lexical/code": {
+      "optional": true
+    },
+    "@lexical/extension": {
+      "optional": true
+    },
+    "@lexical/table": {
+      "optional": true
+    },
+    "@lexical/utils": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.29.7",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@lexical/code": "^0.52.0",
+    "@lexical/extension": "^0.52.0",
+    "@lexical/headless": "^0.52.0",
+    "@lexical/html": "^0.52.0",
+    "@lexical/link": "^0.52.0",
+    "@lexical/list": "^0.52.0",
+    "@lexical/markdown": "^0.52.0",
+    "@lexical/react": "^0.52.0",
+    "@lexical/rich-text": "^0.52.0",
+    "@lexical/selection": "^0.52.0",
+    "@lexical/table": "^0.52.0",
+    "@lexical/utils": "^0.52.0",
+    "@stylexjs/babel-plugin": "^0.19.1",
+    "@testing-library/react": "^16.3.3",
+    "lexical": "^0.52.0",
+    "@blue-patterns/a11y-spec": "0.0.0",
+    "@blue-patterns/cli": "0.7.18"
+  },
+  "scripts": {
+    "build": "node ../../scripts/clean-dist.mjs && pnpm build:esm && tsc --project tsconfig.build.json && node ../../scripts/add-declaration-extensions.mjs && pnpm build:css && node ../../scripts/check-no-dev-jsx.mjs && node ../../scripts/check-fully-specified.mjs",
+    "build:esm": "babel src --out-dir dist --extensions \".ts,.tsx\" --out-file-extension \".js\" --ignore \"**/*.test.ts,**/*.test.tsx,**/__tests__/**,**/*.perf.test.*,**/*.doc.mjs,**/*.d.ts,**/*.css,**/*.css.d.ts\" --config-file ./babel.config.cjs",
+    "build:css": "node ../../scripts/build-css.mjs --package richtext",
+    "dev": "babel src --watch --out-dir dist --extensions \".ts,.tsx\" --out-file-extension \".js\" --ignore \"**/*.test.*,**/*.doc.mjs,**/*.d.ts,**/*.css*\" --config-file ./babel.config.cjs",
+    "test": "vitest run --root ../..",
+    "test:watch": "vitest --root ../..",
+    "lint": "eslint src",
+    "typecheck:docs": "tsc --project tsconfig.docs.json",
+    "typecheck": "tsc --project tsconfig.json --noEmit && pnpm typecheck:docs"
+  }
 }